/*
Copyright (c) 2007 Nexedi SA and Contributors. All Rights Reserved.
                   Vincent Pelletier <vincent@nexedi.com>
                   Christophe Dumez <christophe@nexedi.com>
                   Kazuhiko <kazuhiko@nexedi.com>

This program is Free Software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
*/

input, textarea, select, button, body, div, span, fieldset {
  font-family: <dtml-var font_family>;
  font-size: <dtml-var font_size>;
  margin: 0;
  padding: 0;
}

iframe {
  width: 100%;
  height: 50vh;
}

div.input > select, div.input > input, div.listbox select {
  max-width:320px;
}

div.page > div.input {
  width:100%;
}
option {
  white-space: pre;
}

div.field pre, div.pre div {
 background: #FFF;
}

span.pre_wrap {
 white-space: pre-wrap;
}
div.field pre, div.pre, span.pre {
 font-family: monospace;
 color: black;
 white-space: pre-wrap;
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

div.field pre {
  font-family: inherit;
}

button, select, input {
  vertical-align: middle;
}

button span {
  background-color: transparent;
  color: #000;
}

button.sort_button {
  background-color: inherit;
  color: inherit;
  border-width: 0;
  cursor: pointer;
}

button.sort_button span {
  color: inherit;
  text-decoration: underline;
}

img {
  border: 0;
}

body, div, span, fieldset {
  color: <dtml-var font_color>;
}

div, span, fieldset {
  background-color: inherit;
}

body {
  background-color: <dtml-var background_color>;
}

#main_form, /* BBB */
.main_form  {
  color: inherit;
}

input#hidden_button, /* BBB */
input.hidden_button {
  width: 0;
  height: 0;
  display: inline;
  border-width: 0;
  float: left;
}

.hidden { 
  display: none;
}


textarea[readonly] {
  background-color: inherit;
  border: inherit;
}

a, a:visited, a:focus {
  background-color: inherit;
  color: <dtml-var link_color>;
  text-decoration: none;
}

.relationfieldlink {
  text-decoration: underline;
}

a:hover {
  background-color: inherit;
  color: <dtml-var link_hover_color>;
  text-decoration: underline;
}

p.clear,
div.clear {
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
}

div.index_html {
  text-align: center;
}

div.index_html table {
  margin: 0 auto;
  text-align: left;
}

body[dir="rtl"] div.index_html table {
  text-align: right;
}

body[dir="rtl"] div.index_html {
  text-align: right !important;
}

.ModuleShortcut div {
  margin-left: 0.5em;
  text-indent: -0.5em;
  line-height: 1.1em;
  margin-bottom: 0.5em;
}

body[dir="rtl"] .ModuleShortcut div {
  margin-left: inherit;
  margin-right: 0.5em;
}

#main_bar button .description, /* BBB */
.main_bar button .description,
#context_bar button .description, /* BBB */
.context_bar button .description,
.content .field .description,
.document .actions button.save .description,
#context_bar .tool_buttons a .description, /* BBB */
.context_bar .tool_buttons a .description {
  display: none;
}

/* The fields set for generated hidden fields */
#hidden_fieldset, /* BBB */
.hidden_fieldset {
  visibility: hidden;
  border: 0;
}

/* Main bar */

#main_bar, /* BBB */
.main_bar {
  color: inherit;
  background-color: <dtml-var navigation_bar_background_color>;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle;
}

#main_bar .first, /* BBB */
.main_bar .first,
#context_bar .first, /* BBB */
.context_bar .first {
  float: left;
  vertical-align: middle;
}

body[dir="rtl"] #main_bar .first, /* BBB */
body[dir="rtl"] .main_bar .first,
body[dir="rtl"] #context_bar .first, /* BBB */
body[dir="rtl"] .context_bar .first {
  float: right;
}

#context_bar #jump, /* BBB */
.context_bar .jump,
#main_bar .jump, /* BBB */
.main_bar .jump {
  margin-left: 10px;
}

.listbox_title_line select,
#context_bar select, /* BBB */
.context_bar select,
#main_bar select, /* BBB */
.main_bar select {
  color: <dtml-var alternate_font_color>;
}

#main_bar .second, /* BBB */
.main_bar .second,
#context_bar .second, /* BBB */
.context_bar .second {
  float: right;
  vertical-align: middle;
}

body[dir="rtl"] #main_bar .second, /* BBB */
body[dir="rtl"] .main_bar .second,
body[dir="rtl"] #context_bar .second, /* BBB */
body[dir="rtl"] .context_bar .second {
  float: left;
}

#main_bar button, /* BBB */
.main_bar button,
#context_bar button, /* BBB */
.context_bar button,
.dialog_selector button,
.document .actions button.save {
  border: 0;
  margin-top: 1px;
  margin-left: 0;
  margin-right: 2px;
  padding: 0;
  position: relative;
  cursor: pointer;
  background-color: inherit;
  color: inherit;
}

#context_bar .tool_buttons, /* BBB */
.context_bar .tool_buttons {
  vertical-align: middle;
}

#context_bar .tool_buttons a, /* BBB */
.context_bar .tool_buttons a {
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 0;
  position: relative;
}

#context_bar .tool_buttons button, /* BBB */
.context_bar .tool_buttons button {
  float: left;
}

body[dir="rtl"] #context_bar .tool_buttons button, /* BBB */
body[dir="rtl"] .context_bar .tool_buttons button {
  float: right;
}

#main_bar button .image, /* BBB */
.main_bar button .image,
#context_bar button .image, /* BBB */
.context_bar button .image,
.dialog_selector button .image,
.document .actions button.save .image {
  display: block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}

/* XXX: Bug fix when not logged */
.document .actions {
  min-height: 2.5em;
}

.pageNavigation button {
  display: inline;
  border: 0 none;
  background-color: inherit;
  vertical-align: middle;
}

table.fake {
  width: 100%;
}

table.fake tr td {
  vertical-align: top;
  width: 50%;
}

.content .field {
  position: relative;
  clear: left;
  font-style: italic;
  width: 100%;
}

.content .field .input {
  font-style: normal;
}

.content .input .figure {
  text-align: right;
}

.group_title {
  display: none;
}

table.fake,
fieldset.left,
fieldset.center,
fieldset.bottom {
  clear: both;
}

table.fake,
fieldset.left,
fieldset.right,
fieldset.center,
fieldset.bottom {
  margin-bottom: 5px;
}

table.fake,
fieldset.left,
fieldset.right,
fieldset.center {
  border-style: solid;
  border-width: 1px;
  border-color: <dtml-var group_border_color>;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

fieldset.center {
  padding-bottom: 5px;
}

.login fieldset {
  width: 50%;
  float: left;
}

fieldset.left {
  width: 50%;
  float: left;
  margin-right: -12px; /* 5px margin *2 + 2px for left & right border width */
}

fieldset.right {
  width: 50%;
  float: left;
  margin-left: -12px; /* 5px margin *2 + 2px for left & right border width */
}

/* BBB: don't display borders on left-group fieldsets in a formbox in any
 * bordered fieldset (ie left, right or center). */
fieldset.left fieldset.left,
fieldset.right fieldset.left,
fieldset.center fieldset.left,
table.fake > tbody > tr > td > fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  float: none;
}

fieldset.center,
fieldset.bottom {
  clear: both;
}

fieldset.bottom {
  border-width: 0;
}

fieldset.bottom > .field > label {
  display: none;
}

.login fieldset,
.dialog_box table.fake,
.dialog_box .left,
.dialog_box .right,
.dialog_box .center {
  border-width: 0;
}

.login a.google {
  height: 46px;
  width: 191px;
  display: inline-block;
  overflow: hidden;
}

.login a.google img:hover {
  margin-top: -46px;
}

.login a.google img:active {
  margin-top: -92px;
}


.content .field {
  padding-bottom: 3px;
}

.content .field textarea {
  padding: revert;
}

.content .field > label {
  width: 30%;
}

.content .field > label,
.content .field .input {
  float: left;
}

body[dir="rtl"] .content .field > label,
body[dir="rtl"] .content .field .input {
  float: right;
}

/* Exception case of the previous generic rule
   The CSS statement below fix bug #517: it doesn't make sense to have
   floating div in bottom field since label are hidden. */
fieldset.bottom .field .input,
  body[dir="rtl"] fieldset.bottom .field .input {
  float: inherit;
}

.content .field .input a img {
  vertical-align: middle;
}

.content .required > label {
  font-weight: bold;
}

.content .field .error {
  background-color: inherit;
  color: #f40;
}

.content .error .input {
  border: 1px solid #f40;
}

.listbox-body .error {
  background-color: inherit;
  color: #f40;
}

.content .invisible > label {
  display: None;
}

.content .invisible > .input {
  float: None;
}

a.tree_open {
  background: url('images/tree_open.png') left no-repeat;
  padding-left:15px;
}

a.tree_closed {
  background: url('images/tree_closed.png') left no-repeat;
  padding-left:15px;
}

.login .submit {
  margin-left: 15%;
}

#jump, /* BBB */
span.jump,
#action, /* BBB */
span.action,
#favourites, /* BBB */
span.favourites,
#modules, /* BBB */
span.modules,
#language, /* BBB */
span.language,
#search, /* BBB */
span.search {
  float: left;
}

body[dir="rtl"] #jump, /* BBB */
body[dir="rtl"] span.jump,
body[dir="rtl"] #action, /* BBB */
body[dir="rtl"] span.action,
body[dir="rtl"] #favourites, /* BBB */
body[dir="rtl"] span.favourites,
body[dir="rtl"] #modules, /* BBB */
body[dir="rtl"] span.modules,
body[dir="rtl"] #language, /* BBB */
body[dir="rtl"] span.language,
body[dir="rtl"] #search, /* BBB */
body[dir="rtl"] span.search {
  float: right;
}

#favourites button .image, /* BBB */
span.favourites button .image {
  background-image: url('images/favourite.png');
}

#modules button .image, /* BBB */
span.modules button .image {
  background-image: url('images/appearance.png');
}

#language button .image, /* BBB */
span.language button .image {
  background-image: url('images/language.png');
}

.quick_search_field { color: #777777; }
.quick_search_field:focus { color: #000000; }

#search button .image, /* BBB */
span.search button .image {
  background-image: url('images/search.png');
}

#status, /* BBB */
.status,
#master, /* BBB */
.master {
  padding-left: .5em;
  padding-right: .5em;
}

#status, /* BBB */
.status {
  padding-top: .3em;
  padding-bottom: .4em;
}

body[dir="rtl"] #status, /* BBB */
body[dir="rtl"] .status {
  direction: rtl;
}

/* Context bar */

#context_bar, /* BBB */
.context_bar {
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: <dtml-var main_border_color>;
  background-color: <dtml-var context_bar_background_color>;
  color: inherit;
  vertical-align: middle;
}

#context_bar .tool_buttons a, /* BBB */
.context_bar .tool_buttons a {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
}

body[dir="rtl"] #context_bar .tool_buttons a, /* BBB */
body[dir="rtl"] .context_bar .tool_buttons a {
  float: right;
}

.separator {
  height: 24px;
  width: 2px;
  margin-left: 6px;
  margin-right: 6px;
  display: block;
  float: left;
}

body[dir="rtl"] .separator {
  float: right;
}

#main_bar .separator, /* BBB */
.main_bar .separator {
  background-image: url('images/sepafon.png');
}

#context_bar .separator, /* BBB */
.context_bar .separator {
  background-image: url('images/sepacla.png');
}

#context_bar .tool_buttons a .image, /* BBB */
.context_bar .tool_buttons a .image,
#context_bar .tool_buttons button .image, /* BBB */
.context_bar .tool_buttons button .image,
#context_bar .tool_buttons a img, /* BBB */
.context_bar .tool_buttons a img {
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  display: block;
  background-repeat: no-repeat;
}

#context_bar #jump button .image, /* BBB */
.context_bar .jump button .image {
  background-image: url('images/jump22.png');
}

#context_bar #action button .image, /* BBB */
.context_bar .action button .image {
  background-image: url('images/exec.png');
}

#context_bar .tool_buttons .list_mode .image, /* BBB */
.context_bar .tool_buttons .list_mode .image {
  background-image: url('images/text_block.png');
}

#context_bar .tool_buttons .new .image, /* BBB */
.context_bar .tool_buttons .new .image {
  background-image: url('images/filenew.png');
}

#context_bar .tool_buttons .clone .image, /* BBB */
.context_bar .tool_buttons .clone .image {
  background-image: url('images/fileclone.png');
}

#context_bar .tool_buttons .jump_first .image, /* BBB */
.context_bar .tool_buttons .jump_first .image {
  background-image: url('images/2leftarrowb.png');
}

#context_bar .tool_buttons .jump_previous .image, /* BBB */
.context_bar .tool_buttons .jump_previous .image {
  background-image: url('images/1leftarrowb.png');
}

#context_bar .tool_buttons .jump_next .image, /* BBB */
.context_bar .tool_buttons .jump_next .image {
  background-image: url('images/1rightarrowb.png');
}

#context_bar .tool_buttons .jump_last .image, /* BBB */
.context_bar .tool_buttons .jump_last .image {
  background-image: url('images/2rightarrowb.png');
}

#context_bar .tool_buttons .import_export .image, /* BBB */
.context_bar .tool_buttons .import_export .image {
  background-image: url('images/imp-exp.png');
}

#context_bar .tool_buttons .jump_help .image, /* BBB */
.context_bar .tool_buttons .jump_help .image {
  background-image: url('images/userhelp.png');
}

#context_bar .tool_buttons .find .image, /* BBB */
.context_bar .tool_buttons .find .image {
  background-image: url('images/find.png');
}

#context_bar .tool_buttons .print .image, /* BBB */
.context_bar .tool_buttons .print .image {
  background-image: url('images/print.png');
}

#context_bar .tool_buttons .report .image, /* BBB */
.context_bar .tool_buttons .report .image {
  background-image: url('images/report.png');
}

#context_bar .tool_buttons .fast_input .image, /* BBB */
.context_bar .tool_buttons .fast_input .image {
  background-image: url('images/fast_input.png');
}

#context_bar .tool_buttons .cut .image, /* BBB */
.context_bar .tool_buttons .cut .image {
  background-image: url('images/editcut.png');
}

#context_bar .tool_buttons .copy .image, /* BBB */
.context_bar .tool_buttons .copy .image {
  background-image: url('images/editcopy.png');
}

#context_bar .tool_buttons .paste .image, /* BBB */
.context_bar .tool_buttons .paste .image {
  background-image: url('images/editpaste.png');
}

#context_bar .tool_buttons .delete .image, /* BBB */
.context_bar .tool_buttons .delete .image {
  background-image: url('images/editdelete.png');
}

#context_bar .tool_buttons .show_all .image, /* BBB */
.context_bar .tool_buttons .show_all .image {
  background-image: url('images/showall.png');
}

#context_bar .tool_buttons .filter .image, /* BBB */
.context_bar .tool_buttons .filter .image {
  background-image: url('images/filter.png');
}

#context_bar .tool_buttons .filter_on .image, /* BBB */
.context_bar .tool_buttons .filter_on .image {
  background-image: url('images/filter_on.png');
}

#context_bar .tool_buttons .sort .image, /* BBB */
.context_bar .tool_buttons .sort .image {
  background-image: url('images/sort.png');
}

#context_bar .tool_buttons .configure .image, /* BBB */
.context_bar .tool_buttons .configure .image {
  background-image: url('images/configure.png');
}

#context_bar .tool_buttons .activity_pending .image, /* BBB */
.context_bar .tool_buttons .activity_pending .image {
  width: 26px;
  background-image: url('images/activity_busy.png');
}

#context_bar .tool_buttons .inspect_object .image, /* BBB */
.context_bar .tool_buttons .inspect_object .image {
  background-image: url('images/inspect.png');
}

/* Status */

#breadcrumb, /* BBB */
.breadcrumb {
  float: left;
/*   font-size: 90%; */
  margin-bottom: 5px;
}

body[dir="rtl"] #breadcrumb, /* BBB */
body[dir="rtl"] .breadcrumb {
  float: right;
}

#breadcrumb a, /* BBB */
.breadcrumb a {
  color: <dtml-var link_color>;
}

#logged_in_as, /* BBB */
.logged_in_as {
  float: right;
}

body[dir="rtl"] #logged_in_as, /* BBB */
body[dir="rtl"] .logged_in_as {
  float: left;
}

#logged_in_as .logged_txt, /* BBB */
.logged_in_as .logged_txt{
  color: <dtml-var link_color>;
/*   font-size: 90%; */
}

.transition_message {
  margin-left: 1em;
  color: #f40;
  background-color: inherit;
  font-weight: bold;
  white-space: pre-wrap;
}

.transition_message.transition_message_debug,
.transition_message.transition_message_info {
  color: inherit;
}
.transition_message.transition_message_success {
  color: green;
}
.transition_message.transition_message_error,
.transition_message.transition_message_fatal {
  color: red;
}

#information_area, /* BBB */
.information_area {
  margin-top: 1em;
  padding:0.5em 1em 0.5em 1em;
  border-width: 1px;
  border-style: solid;
  border-color: <dtml-var dialog_border_color>;
  color: orange;
  background-color: <dtml-var document_background_color>;
  font-weight: bold;
}

/* Content */

.dialog_box {
  color: inherit;
  background-color: <dtml-var dialog_background_color>;
  border-width: 1px;
  border-style: solid;
  border-color: <dtml-var dialog_border_color>;
  padding: .5em;
  margin-bottom: 1em;
}

.list_dialog {
  margin-bottom: .5em;
}

.dialog_selector button .description {
  display: none;
}

.dialog_selector button .image {
  background-image: url('images/exec16.png');
}

.bottom_actions {
  margin-bottom: 1em;
}

.document .actions {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: <dtml-var document_border_color>;
  color: <dtml-var link_color>;
}

.document .actions button.save {
  float: right;
}

body[dir="rtl"] .document .actions button.save {
  float: left;
}

.document .actions button.save span.image {
  width: 48px;
  height: 50px;
  background-image: url('images/save2.png');
}

.document .actions ul {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: 50px;
  position: absolute;
  bottom: -1px;
}

body[dir="rtl"] .document .actions ul {
  float: right;
  margin-right: inherit;
  margin-left: 50px;
}

.document .actions li {
  float: left;
  border: 1px solid <dtml-var document_border_color>;
  border-bottom-color: transparent;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

body[dir="rtl"] .document .actions li {
  float: right;
}

.document .actions li.selected {
  border-bottom-color: <dtml-var background_color>;
}

.document .actions li a {
  display: block;
  color: inherit;
  margin: 0;
  padding: 0 0 0 9px;
  line-height: 1.2em;
}

.document .actions li a span {
  display: block;
  padding: 4px 9px 4px 0;
  color: inherit;
  background-color: inherit;
/*   font-size: 90%; */
}

.document .actions li.selected a span {
  font-weight: bold;
  padding-bottom: 4px;
}

.document .actions li a:hover {
  text-decoration: none;
}

.document .content {
  clear: both;
  border-width: 1px;
  border-style: solid;
  border-color: <dtml-var document_border_color>;
  border-top: 0 none;
  color: inherit;
  background-color: <dtml-var document_background_color>;
  padding: 5px;
}

/* Search results list
------------------------------------------------*/

div#main_content.list_mode, /* BBB */
div.main_content.list_mode {
  font-size:0.7em;
  line-height:1.5em;
}

div.search.result .resultList .listbox tr.DataA,
div.search.result .resultList .listbox tr.DataB {
  background-color: white;
}

div.search.result .resultList .listbox td {
  padding: 0.5em 0;
}

div.search.result .resultList p {margin-bottom: 0}

div.search.result .resultList h3 {
  font-size: 120%;
  font-weight: normal;
  margin-bottom: 1em;
}

div.search.result .resultList ul.pages li a {
  padding: .1em .3em;
  border: 1px solid transparent;
}

div.search.result .resultList ul.pages li a:hover {
  border: 1px solid #dedade;
  background: #eee;
}

div.search.result .resultList a .search_result_title {
  font-weight: bold;
  font-size: 120%;
}

div.search.result .resultList .search_result_portal_type:before {
  content: "[";
}
div.search.result .resultList .search_result_portal_type:after {
  content: "]";
}

div.search.result .resultList table.listbox caption {
  font-weight: bold;
  text-align: left;
}

div.search.result .resultList table.listbox td {
  vertical-align: middle;
  border: transparent;
  margin:0;
}

div.search.result .resultList table.listbox td ul    {list-style: none}
div.search.result .resultList table.listbox td ul li {margin: 0}

div.search.result .resultList table.listbox td blockquote {
  border: 1px solid #e6e2e6;
  border-top-color: #000;
  margin: .5em 0 2em;
  padding: 1em;
  background: #eee;
}

div.search.result .resultList {
  padding: 1em;
  padding-top: 0em;
  padding-bottom: 1em;
  padding-left: 0em;
  padding-right: 0em;
}

div.search.result div.searchBar {
  margin-bottom: 2em;
}

div.searchResultHeader #style_toggle_icon,
table.listbox.table #style_toggle_icon {
      padding:0;
      border: 0px;
      border-color:red;
      margin:0;
      vertical-align:bottom;
}

div.search .centeredInner {
 text-align: center;
}

.searchDetails em {
  font-style:normal;
  font-weight:bold;
}

div.search .searchPages a{
  text-decoration: underline;
}

div.search .searchPages .selected{
  color: #CB0D00;
  font-weight:bold;
  text-decoration: none;
}

/* MatrixBox */
.MatrixContent {
  color: #000;
  background-color: <dtml-var document_background_color>;
  padding-left: 1px;
}

.MatrixContent table {
  width: 100%;
  border-collapse: collapse;
  border-color: <dtml-var document_border_color>;
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-spacing: 1px;
}

.MatrixContent tr.matrixbox_label_line {
  vertical-align: middle;
  border-color: <dtml-var document_border_color>;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.MatrixContent td.matrixbox_label_column {
  white-space: nowrap;
}

.MatrixContent tr.DataA {
  color: inherit;
  background-color: <dtml-var listbox_odd_background_color>;
}

.MatrixContent tr.DataB {
  color: inherit;
  background-color: <dtml-var listbox_even_background_color>;
}

.MatrixContent tr.DataA:hover,
.MatrixContent tr.DataB:hover {
  color: inherit;
  background-color: <dtml-var listbox_hover_background_color>;
}

.MatrixContent td {
  border-color: <dtml-var document_border_color>;
  border-style: solid;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 1px;
  border-right-width: 1px;
  padding: 0;
  padding-left: 1px;
  padding-right: 1px;
}

.MatrixContent .error {
  color: #F00;
}

.MatrixContent td.footer {
  width: 100pt;
  vertical-align: middle;
  text-align: center;
}


/* Web Page White Background */

.document div.page {
  background-color: white;
}

.document div.page div {
  color: black;
}

/* Listbox missing search criterion table row*/
.listbox_missing_search_criterion {
  background-color: white;
}
.listbox_missing_search_criterion td{
  text-align: center!important;
}

.hidden_label > label {
  display:none;
}

.horizontal_align_form_box > div.input {
    float: right;
    width: 70%; /* because label width is 30%*/
}

.horizontal_align_form_box >  div.input > fieldset > div.field {
    clear: none;
    float: left;
    width: auto;
}

body[dir="rtl"] .horizontal_align_form_box >  div.input > fieldset > div.field {
    float: right;
}

.horizontal_align_form_box >  div.input > fieldset > div.field > label {
    width: auto;
    padding-top: 2px;
}

.captchas_dot_net {
    border: none; 
    vertical-align: bottom
}

@media print {

  .bars {
    display: none;
  }
  
  .status {
    display: none;
  }
  
  .actions {
    display: none;
  }

}

fieldset > div.large-gadget {
  height: 85vh;
}

body[dir="rtl"] .access_tab_table td > div {
  float: right !important;
}

body[dir="rtl"] .access_tab_table td > div > ul {
  padding-right: 10px !important;
  padding-left: 0 !important;
}

::selection {
  background: orange;
}
