div.dialog {
    /* marker class for dialogs*/
}

HTML {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    min-width: 1150px;
    overflow-x: auto;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    font-family: 'Roboto', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    color: var(--D500)
}

BODY {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    min-height: 700px;
    padding: 0px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 100%;
}

SELECT, INPUT, TEXTAREA, BUTTON {
    font-family: 'Roboto', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    color: var(--D500)
}

#form_container form {
    display: inline-block;
    overflow-y: auto;
    vertical-align: top;
    width: 100%;
}

.inheritHeight,
#form_container form {
    height: inherit;
}

#pdfviewer {
    display: block;
    overflow: hidden;
    padding: 0px;
}

.pdfviewer .canvas_container {
    border: 1px solid black;
    -moz-box-shadow: 0px 0px 25px 3px rgba(46, 46, 46, 0.47);
    -webkit-box-shadow: 0px 0px 25px 3px rgba(46, 46, 46, 0.47);
    box-shadow: 0px 0px 25px 3px rgba(46, 46, 46, 0.47);
    height: calc(100% - 86px);
    margin: 66px 20px 20px 20px;
    overflow: auto;
    width: auto;
}

#button_div {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    left: 20px;
    min-width: 300px;
    padding: 4px 0px;
    position: absolute;
    right: 20px;
    top: 20px;
    white-space: nowrap;
    width: auto;
}

#button_div span,
#button_div button {
    display: inline-block;
}

.editbox, .tread_input tr td INPUT, .tread_input tr th INPUT, .table_tread_input table tr td INPUT, .table_tread_input table tr th INPUT, .overview_table tr td textarea {
    background-image: url(../img/inputBeam.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #737373;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #737373;
    padding: 2px 4px 2px 4px;
}

.editboxdisabled {
    background-image: url(../img/inputBeam.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #737373;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #737373;
    color: #666666;
    padding: 2px 4px 2px 4px;
}

.errorDiv {
    color: #FF0000;
    font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.overview_table tr td textarea {
    font-weight: normal;
}

.combobox { /* */

}

.bold {
    font-weight: bold;
}

.fontbold {
    font-weight: bold;
}

.iconcolumn {
    text-align: center;
    vertical-align: middle;
    width: 14px;
}

.small {
    width: 111px;
}

.micro {
    width: 50px;
}

.medium {
    width: 160px;
}

.normal {
    width: 200px;
}

.moreThanNormal {
    width: 255px;
}

.large {
    width: 342px;
}

.larger {
    width: 380px;
}

.default_table {
    border-collapse: collapse;
    margin: auto;
}

.default_table td, .default_table th {
    padding: 4px;
}

.with-border td {
    border: 1px solid var(--GR400);
}

.default_table .margin {
    margin: 10px 20px 10px 20px;
}

.default_table tr:not(.hide) {
    background-color: white;
}

.default_table tr {
    border-top: 1px solid #ddd;
}

.default_table tr:not(.hide):hover,
.default_table tr:not(.hide):active,
.default_table tr:not(.hide):focus,
.default_table tr:not(.hide):visited {
    background-color: var(--MS100);
}

.default_table tr.noHoverEffect:not(.hide):nth-child(odd):hover,
.default_table tr.noHoverEffect:not(.hide):nth-child(odd):active,
.default_table tr.noHoverEffect:not(.hide):nth-child(odd):focus,
.default_table tr.noHoverEffect:not(.hide):nth-child(odd):visited {
    background-color: white;
}

.default_table tr.noHoverEffect:not(.hide):nth-child(even):hover,
.default_table tr.noHoverEffect:not(.hide):nth-child(even):active,
.default_table tr.noHoverEffect:not(.hide):nth-child(even):focus,
.default_table tr.noHoverEffect:not(.hide):nth-child(even):visited {
    background-color: #EFEFEF;
}

.default_table th {
    background-color: var(--D600);
    border: 2px solid var(--D400);
    color: var(--W000);
    font-size: 11px;

}

.default_table .default_table_paragraph {
    border: solid 1px darkgrey;
    font-size: 1.05em;
    font-weight: bold;
}

.fullwidth {
    width: 100%;
}

.four_fifth_width {
    width: 80%;
}

.nine_tenth_width {
    width: 90%;
}

.two_third_width_margin {
    margin: 10px;
    width: 66%;
}

.one_fifth_width_margin {
    margin: 10px;
    width: 20%;
}

.three_tenth_width {
    width: 30%;
}

select.small {
    width: 122px;
}

select.midsmall {
    width: 160px;
}

select.medium {
    width: 172px;
}

select.larger {
    width: 352px;
}

TABLE .entry_form_container {
    border-bottom: none;
}

IMG {
    border: 0px;
}

FORM {
    margin: 0px;
}

#container {
    display: block;
    height: 100%;
    left: 0px;
    min-height: 500px;
    min-width: inherit;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 100%;
}

#header_container {
    height: 5%;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 80px;
    position: relative;
}

#login_info {
    position: absolute;
    right: 12px;
    text-align: right;
    top: 6px;
    vertical-align: top;
    width: 100%;
}

#logo {
    left: -11px;
    position: absolute;
    top: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

#logo .logo-icon {
    font-size: 1.7em;
    vertical-align: middle;
    margin-right: -8px;
}

#logo .logo-lucanet {
    padding-right: 13px;
}

#logo .logo-amana {
    padding-right: 9px;
}

#logo .logo-application {
    padding-left: 11px;
}

#menu_container {
    height: 44px;
    position: absolute;
    top: 34px;
    width: 100%;
    z-index: 0;
    /* index this one 0, to make them dissapear behind higher indexes, when items collapse to next line */
}

#main_menu_container {
    background: transparent;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
}

UL#main_menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

UL#main_menu LI {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

UL#main_menu LI A {
    background-image: url(../img/buttons.gif);
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 21px;
    margin: 0;
    width: 160px;
}

#login_info .help {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 40px;
    line-height: 20px
}

#login_info ul.help li {
    display: inline;
    height: 15px;
    padding: 0 0 0 0;
}

#login_info ul.help li a {
    background-image: url(../img/button_small.gif);
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    height: 15px;
    padding: 0 3px 0 3px;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    width: 70px;
}

#form_message_container div.text_ok,
#form_message_container div.text_errors,
#form_message_container div.text_info {
    background-color: #FFFFCC;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    color: #842E2E;
    padding: 6px;
}

#form_message_container div.text_errors,
.text_errors {
    color: #FF0000;
    font-weight: bold;
    visibility: visible;
}

#form_message_container div.text_ok,
.text_ok {
    color: #00AE00;
    font-weight: bold;
    visibility: visible;
}

#logout {
    background-position: left;
    background-repeat: no-repeat;
    display: inline;
    height: 11px;
    padding-left: 17px;
    /* filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1); */
}

#menu a {
    color: var(--T500);
}

#impressum {
    background-position: left;
    background-repeat: no-repeat;
    display: inline;
    height: 11px;
    padding-left: 17px;
    /* filter: DropShadow(Color = #000000, OffX = 1, OffY = 1, Positive = 1); */
}

#impressum A {
    color: #ffffff;
}

.small_drop_shadow {
    display: inline;
    height: 11px;
    /* filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1); */
}

#frame_container {
    margin: 0px 10px;
    /*height: 94%; */
    position: relative;
    /*	position has to be defined to make mainmenu items z-index below this one	*/
    /*z-index: 100;  define higher z-index i.r.t. mainmenu_container */
}

BR /* TODO: clear hard coded BR in jsp's */
{
    display: block;
}

#body_container {
    height: 95.9%;
    z-index: 10;
}

#page_container {
    height: 100%;
    padding: 0px;
}

.page_title {
    border-bottom: 1px solid var(--GR400);
    font-size: 15px;
    font-weight: bold;
    height: 2%;
    min-height: 16px;
    padding: 30px 2px 2px 8px;
}

#form_container .page_title {
    padding-top: 5px;
}

#content {
    padding-bottom: 5px;
    width: 100%;
}

#page_title_font {
    color: #772600;
    font-size: 15px;
    font-weight: bold;
}

#search_form_container, #login_form_container, .entry_form_container, .info_form_container {
    border-bottom: 1px solid #C2ADAD;
    border-top: 1px solid #F3F7F9;
    padding: 8px;
}

#info_form_container {
    padding: 5px;
}

#info_form_container form {
    width: 100%;
}

.entry_form_container {
    border-bottom: 1px solid #C2ADAD;
}

#form_container {
    padding-bottom: 8px;
    position: relative;
}

#topdown_container,
#main_form_container,
.main_form_container {
    border-bottom: 1px solid #C2ADAD;
    margin: 0px;
    padding: 8px;
}

#main_form_container {
    padding-bottom: 10px;
    padding-left: 14px;
    padding-top: 10px;
}

#topdown_container .block, #main_form_container .block {
    clear: right;
    margin-left: 2px;
    padding-bottom: 2px;
}

#topdown_container p, #main_form_container p {
    margin: 0px;
    padding: 0px 10px 4px 0px;
    vertical-align: middle;
}

#topdown_container label {
    clear: both;
    display: block;
    float: left;
    padding: 2px 5px 0px 0px;
    position: relative;
    width: 180px;
}

#main_form_container label {
    clear: both;
    display: block;
    float: left;
    padding: 2px 5px 0px 0px;
    width: 180px;
    /*position: relative;*/
}

#login_form_container {
    display: block;
}

#topdown_container span {
    display: block;
    padding: 0px;
}

#main_form_container span {
    display: block;
    padding: 0px;
}

#main_form_container table tr {
    vertical-align: top;
}

/*------- related container  --------*/
#related_container {
    display: block;
    margin: 0px;
    padding: 0 0px 10px 10px;
}

.lachsbutton {
    background-color: transparent;
    background-position: left;
    background-repeat: no-repeat;
    border: none;
    color: #5d5d5d;
    cursor: pointer;
    padding-left: 17px;
    text-align: left;
    text-decoration: none;
}

.amanaButton,
.grey {
    border: 1px solid;
    border-bottom-color: #666;
    border-left-color: #999;
    border-radius: 3px;
    border-right-color: #666;
    border-top-color: #999;
    color: var(--W000);
    cursor: pointer;
    font-size: 11px;
    /* will be removed*/
    font-weight: bold;
    padding: 3px;
}

.btnLarge:hover, .amanaButton:hover, .btnSmall:hover, .grey:hover {
    background-color: var(--P300);
}

.ui-widget-header {
    background: var(--D400) !important;
}

button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    border: none;
    background: transparent;
}

.smallimagebtn {
    align: center;
    background: none;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    height: 16px;
    margin: 0 auto;
    padding: 3px;
    width: 16px;
}

.smallimagebtn_delete TD {

    text-align: center;
}

.smallimagebtn_delete {
    background-image: url(../../static/img/16/delete.png);
}

.smallimagebtn_edit {
    background-image: url(../../static/img/16/edit.png);
}

.smallimagebtn_add {
    background-image: url(../../static/img/16/add.png);
}

.smallimagebtn_copy {
    background-image: url(../../static/img/16/copy.png);
}

.greydisabled, .amanaButtonDisabled {
    background-color: var(--CO100) !important;
    border: 1px solid;
    border-bottom-color: #666;
    border-left-color: #999;
    border-right-color: #666;
    border-top-color: #999;
    color: var(--disabled-button-text);
    font-weight: bold;
    opacity: 0.6;
    padding: 3px;
}

.btnSmall {
    border-radius: 3px;
    cursor: pointer;
    min-width: 75px;
    display: inline-block;
    text-align: center;
}

.btnTiny {
    border-radius: 3px;
    cursor: pointer;
    height: 25px;
    width: 50px;
}

.graphicButton {
    background: transparent url(../img/button_blank.gif) no-repeat center top;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 175px;
}

.graphicButtonActivate {
    background: transparent url(../img/button_activate.gif) no-repeat center top;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-weight: bold;
    height: 24px;
    margin: 0;
    padding-bottom: 0px;
    padding-left: 40px;
    text-align: left;
    width: 130px;
}

.graphicButtonExecuteReport {
    background: transparent url(../img/button_execute_report.gif) no-repeat center top;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 0;
    padding-left: 43px;
    text-align: left;
    width: 175px;
}

.graphicButtonRefresh {
    background: transparent url(../img/button_refresh.gif) no-repeat left top;
    border: 0;
    color: #F7EFDE;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-weight: bold;
    height: 15px;
    margin: 0;
    padding: 0;
    padding-left: 43px;
    text-align: left;
    width: 14px;
}

.graphicButtonSaveicon {
    background: transparent url(../img/icon_save.gif) no-repeat left top;
    border: 0;
    color: #F7EFDE;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-weight: bold;
    height: 15px;
    margin: 0;
    padding: 0;
    padding-left: 43px;
    text-align: left;
    width: 14px;
}

.graphicButtonExecuteReportDisabled {
    background: transparent url(../img/button_exceute_report_grey.gif) no-repeat center top;
    border: 0;
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 0;
    padding-left: 43px;
    text-align: left;
    width: 175px;
}

.btnExecuteReport {
    background: transparent url(../img/button_execute_report.gif) no-repeat center top;
}

.graphicButtonDelete {
    background: transparent url(../img/button_delete.gif) no-repeat center top;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 0;
    padding-left: 43px;
    text-align: left;
    width: 175px;
}

.graphicButtonDeleteDisabled {
    background: transparent url(../img/button_delete_grey.gif) no-repeat center top;
    border: 0;
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 0;
    padding-left: 43px;
    text-align: left;
    width: 175px;
}

.graphicButtonAdd {
    background: transparent url(../img/button_add.gif) no-repeat center top;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 0;
    padding-left: 43px;
    text-align: left;
    width: 175px;
}

.btnSmallSlim, .btnSlim {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    min-width: 75px;
}

.btnMedium {
    min-width: 100px;
}

.btnLarge {
    min-width: 150px;
}

.btnHuge {
    min-width: 200px;
}

.btn220Px {
    width: 220px;
}

.btn250Px {
    with: 250px;
}

.menuText {
    /* filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1); */
    cursor: pointer;
    overflow: hidden;
    padding: 4px 13px;
}

.scroll_container {
    overflow: auto;
    width: 100%;
}

.overview_table tr:hover > td {
    background-color: var(--MS100);

}

.overview_table td {
    background-color: var(--W000);
    border: 1px solid var(--GR400);
    color: var(--D500);
}

.tablerow_attention {
    background-color: #F3EFDE;
    color: #3D3D3D;
    font-weight: bold;
    padding: 0 5px 0 10px;
}

.overview_table .tablerow_odd TD.inputDiv, .overview_table .tablerow_even TD.inputDiv {
    border: 0px;
    border-bottom: 0px solid #C9C5BE;
    border-right: 0px solid #C9C5BE;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.overview_table .tablerow_odd TD.errorDiv, .overview_table .tablerow_even TD.errorDiv {
    border: 0px;
    border-bottom: 0px solid #C9C5BE;
    border-right: 0px solid #C9C5BE;
    margin: 0px;
    padding: 2px 0px 0px 5px;
    /* min-width: 17px; */
}

.overview_table .tablerow_left_odd TD, .overview_table .tablerow_left_even TD {
    border-bottom: 1px solid #C9C5BE;
    border-left: 1px solid #C9C5BE;
    /*	white-space: nowrap;*/
    /* looks a lot nicer, but since there is no overflow-x, not done*/
}

.tablerow_none TD {
    border-bottom: 1px solid #C9C5BE;
    border-right: 1px solid #C9C5BE;
    /*	white-space: nowrap;*/
    /* looks a lot nicer, but since there is no overflow-x, not done*/
}

.tablerow_attention TD, .tablerow_attention TH {
    background-color: #F3EFDE;
    color: #3D3D3D;
    font-weight: bold;
    padding: 0 5px 0 10px;
}

.tablerow_title {
    font-weight: bold;
}

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

.alignleft {
    text-align: left;
}

.halfwidth {
    width: 50%;
}

.thirdwidth {
    width: 35%;
}

.iconwidth {
    width: 18px;
}

.protocol_box_grid {
    display: grid;
    grid-template-columns:840px auto;
}

.overview_table {
    border: 1px solid #C2ADAD;
    border-collapse: collapse;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0px;
}

.overview_table_detail {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

.overview_table_admin {
    border: 1px solid #C2ADAD;
    border-collapse: collapse;
    margin: 0 0 10px 0;
    padding: 0px;
}

table.overview_table td {
    vertical-align: top;
}

.overview_table TR {
    height: 18px;
}

.overview_table TD {
    color: #3D3D3D;
    padding: 2px 5px 2px 10px;
}

.overview_table TH {
    padding-right: 30px;
    text-align: center;
    background-color: var(--D400);
    color: var(--W000);
}

.overview_table thead TH:first-child {
    padding-left: 10px;
}

.head, .head TD, .head TH {
    background-color: #F3EFDE;
    border-bottom: 1px solid #C9C5BE;
    border-right: 1px solid #C9C5BE;
    border-top: 1px solid #C9C5BE;
    color: #3D3D3D;
    font-weight: bold;
}

.sorthead, .sorthead TD {
    background-color: #F3EFDE;
    border-bottom: 1px solid #C9C5BE;
    border-right: 1px solid #C9C5BE;
    border-top: 1px solid #C9C5BE;
    color: #3D3D3D;
    font-weight: bold;
    height: 18px;
    padding: 0px 0px 0px 0px;
    spacing: 0px 0px 0px 0px;
    vertical-align: center;
}

.subhead, .subhead TD, .subhead TH {
    background-color: #F3EFDE;
    border-bottom: 1px solid #C9C5BE;
    border-right: 1px solid #C9C5BE;
    color: #3D3D3D;
    font-weight: bold;
    height: 18px;
    padding: 0px 0px 0px 0px;
    spacing: 0px 0px 0px 0px;
    vertical-align: center;
}

.head_left, .head_left TD, .head_left TH {
    background-color: #F3EFDE;
    border-bottom: 1px solid #C9C5BE;
    border-left: 1px solid #C9C5BE;
    border-top: 1px solid #C9C5BE;
    color: #3D3D3D;
    font-weight: bold;
}

.row_left, .row_left TD, .row_left TH {
    border-left: 1px solid #C9C5BE;
}

.subhead_left, .subhead_left TD, .subhead_left TH {
    background-color: #F3EFDE;
    border-bottom: 1px solid #C9C5BE;
    border-left: 1px solid #C9C5BE;
    color: #3D3D3D;
    font-weight: bold;
}

.sortBackground {
    background-color: #ECE6CA;
}

.head A:hover {
    text-decoration: none;
}

.arrow {
    padding: 0 3px 0 3px;
}

.action_bar_top_container {
    border-bottom: 1px solid var(--GR400);
    border-top: 1px solid var(--GR400);
    height: 26px;
    margin: 0;
    margin-left: 1px;
    margin-right: 1px;
    padding: 0;
    position: relative;
}

.action_bar {
    height: 20px;
    min-height: 20px;
}

.action_bar UL {
    list-style: none;
    margin: 0;
    padding: 0;
}

.action_bar LI {
    float: left;
    margin: 0px;
    line-height: 26px;
    vertical-align: top;
}

.action_bar LI A {
    float: left;
    padding: 0px 10px;
}

.action_bar LI A:hover {
    background-color: var(--P300);
}

.action_bar LI A:focus {
    background-color: var(--P300);
    box-shadow: 0px 0px 0px 1px var(--P200);
}

.action_bar LI A:active {
    background-color: var(--P600);
}

.action_bar LI IMG {
    vertical-align: middle;
}

.table_title {
    color: #772600;
    font-weight: bold;
    margin: 0 0 0 7px;
    padding: 2px 2px 2px 0px;
    /*border-bottom: 1px solid #C2ADAD;*/
}

.table_title_diffclr {
    color: #772900;
    font-weight: bold;
    margin: 0 0 0 7px;
    padding: 2px 2px 2px 0px;
    /*border-bottom: 1px solid #C2ADAD;*/
}

.hr {
    border-bottom: 1px solid #C2ADAD;
}

TEXTAREA.medium {
    height: 100px;
    width: 400px;
}

.default_table tr td textarea.editCellArea,
.overview_table tr td textarea.editCellArea {
    background-image: url(../img/inputBeam.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid var(--GR500);
    padding: 3px;
    width: 95%;
}

TEXTAREA.plain_wide {
    height: 40px;
    width: 800px;
}

TEXTAREA.plain_short {
    height: 40px;
    width: 400px;
}

TEXTAREA.plain_full {
    height: 40px;
    width: 100%;
}

TEXTAREA.large_full {
    height: 90px;
    width: 100%;
}

TEXTAREA.normal_wide {
    height: 70px;
    width: 800px;
}

TEXTAREA.normal_short {
    height: 70px;
    width: 400px;
}

TEXTAREA.normal_full {
    height: 70px;
    width: 100%;
}

.msButton {
    border: 1px solid;
    border-bottom-color: #666;
    border-left-color: #999;
    border-right-color: #666;
    border-top-color: #999;
    margin: 2px;
    padding: 0px 2px 0px 2px;
}

/* Milestone Buttons */
.msButton1, .msButton2, .msButton3, .msButton4, .msButton5 {
    border-bottom: 2px solid #AAA;
    border-left: 1px solid #DDD;
    border-right: 2px solid #AAA;
    border-top: 1px solid #DDD;
    height: 16px;
    width: 16px;
}

.msButton1 {
    background-color: #FF0000;
}

.msButton2 {
    background-color: #FFFF00;
}

.msButton3 {
    background-color: #D0FF80;
}

.msButton4 {
    background-color: #80FF00;
}

.msButton5 {
    background-color: #8BCBE6;
}

.msbuttonfat {
    height: 20px;
    margin: 5px;
    width: 20px;
}

.no_border {
    border: 0px;
}

.no_border TD, .no_border TH {
    border-bottom: 0px;
    border-right: 0px;
    margin: 0px;
    padding: 0px;
}

.bold {
    background-color: #F3EFDE;
    border-bottom: 1px solid #99998A;
    border-right: 1px solid #DACEC5;
    color: #3D3D3D;
    font-weight: normal;
    height: 18px;
    padding: 0 4px 0 6px;
    vertical-align: top;
}

.bold TH {
    font-weight: bold;
}

.bold TR, .bold TD {
    background-color: rgb(250, 248, 239);
    font-weight: bold;
}

/* Fix Table Header -------------------------------------------------- */
DIV#table_container_fix_head {
    margin: 0px 0px 0px 0px;
    overflow: auto;
    padding: 10px 0px 0px 0px;
    width: 98.3%;
}

DIV#innerContent {

    overflow: auto;
    padding: 10px 10px 10px 10px;
    width: 98.3%;

}

DIV#table_container_fix_head TABLE {
    BORDER-COLLAPSE: collapse;
}

DIV#table_container_fix_head TH {
    POSITION: relative;
    Z-INDEX: 10;
}

DIV#table_container_fix_head TH.alllocked {
    Z-INDEX: 15;
}

DIV#table_container_fix_head TH.notlocked {
    Z-INDEX: 5;
}

/* f�r nicht-IE */
html > body DIV#table_container_fix_head {
    margin: 10px 3px 3px 10px;
    overflow: auto;
    padding: 0px 0px 0px 0px;
    width: 98%;
}

html > body DIV#table_container_fix_head TABLE {
    border: 0;
    border-collapse: separate;
}

html > body DIV#table_container_fix_head TABLE TH, TABLE.content TH {
    border: 0;
}

.left_border {
    border-left: 1px solid #C9C5BE;
}

.all_border {
    border: 1px solid #C9C5BE;
}

/* Eingabefelder in Tabellen */
.formfield {
    min-width: 250px;
    overflow: hidden;
    width: 250px;
}

.formfield_large {
    min-width: 250px;
    overflow: hidden;
    width: 300px;
}

.formfield2 {
    min-width: 80px;
    overflow: hidden;
    width: 80px;
}

.numberfield {
    min-width: 250px;
    overflow: hidden;
    text-align: right;
    width: 250px;
}

.formselectbo {
    overflow: visible;
    width: 250px;
}

.formsubselectbox {
    min-width: 150px;
    overflow: visible;
}

.textfield {
    width: 120px;
}

.textfield, .textfield_number, .textfield_number_small {
    background-image: url(../img/inputBeam.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom: 1px solid #BBB;
    border-left: 1px solid #444;
    border-right: 1px solid #BBB;
    border-top: 1px solid #444;
}

.textfield_number {
    text-align: right;
    width: 100px;
}

.textfield_number_small {
    text-align: right;
    width: 50px;
}

.fileUploadInput {
    color: #000000;
    width: 250px;
}

/* --------- Styles for VAT --------- */
.vatTable {
    min-width: 200px;
}

.vatTable tr {
    height: 30px;
}

.vatTable td {
    white-space: nowrap; /* the <nobr> */
}

.vatHead tr {
    background-color: #F3EFDE;
    height: 50px;
}

/*  ----- STYLE f�r Monitoring Baumstruktur*/
.tbshowrow0 {
    background-color: #F0F0F0;
    color: #000000;
    text-align: left;
    text-decoration: none;
}

.tbshowrow1 {
    background-color: #DFA59F;
    color: #000000;
    text-align: left;
    text-decoration: none;
}

.tcshowrow0 {
    background-color: #F0F0F0;
    color: #000000;
    text-align: left;
    text-decoration: none;
}

.tcshowrow1 {
    background-color: rgb(150, 150, 220);
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
}

.tcshowrow2 {
    background-color: rgb(100, 100, 170);
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
}

.tcshowrow3 {
    background-color: rgb(50, 50, 120);
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
}

.tcvatshowrow0 {
    background-color: #DFA59F;
    color: #000000;
    text-align: left;
    text-decoration: none;
}

.tcvatshowrow1 {
    background-color: rgb(150, 150, 220);
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
}

.tcvatshowrow2 {
    background-color: rgb(100, 100, 170);
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
}

.tcvatshowrow3 {
    background-color: rgb(50, 50, 120);
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
}

/*  ------Style f�r Button als Link*/
.btnAsLink {
    background-color: transparent;
    background-repeat: no-repeat;
    border-style: none;
    padding-left: 20px;
    text-align: left;
    min-height: 20px;
    margin: auto;
}

/* Visibility Hidden */
.hidden {
    display: none;
    visibility: hidden;
}

.initiallyHidden, .hide {
    display: none;
}

/* Style for suggestions*/
.suggested_number {
    background-image: url(../img/icon_equal.jpg);
    background-repeat: no-repeat;
    text-align: right;
}

.inbox_tq {
    margin-top: 13px;
    text-align: right;
}

/*style for right side alignment */
.align_right {
    text-align: right;
    /*margin-top: 7px;*/
}

.status_fast_close {
    border-bottom: 2px solid #AAA;
    border-left: 1px solid #DDD;
    border-right: 2px solid #AAA;
    border-top: 1px solid #DDD;
    height: 16px;
    line-height: 2em;
    /*width: 50px;
    height: 50px;
    border: none;
    margin: 2px;
    background-color: #80FF00;
    padding: 6px;*/
    text-align: center;
    width: 16px;
}

.status_fast_close a {
    display: block;
    padding: 6px;
}

.status_fast_close_btn {
    background-color: transparent;
    margin: 20px;
    padding: 0 0 0 20px;
    text-align: center;
}

.background_ok {
    background-image: url(../img/icon_ok.gif);
    background-repeat: no-repeat;
}

.background_x {
    background-image: url(../img/icon_x.gif);
    background-repeat: no-repeat;
}

.status_fast_close_open {
    background-color: #FFFF00;
}

.status_fast_close_closed {
    background-color: #80FF00;
}

.enh_select_box_resultframe {
    align: center;
    background-color: #ffffff;
    border: 1px solid black;
    height: 300px;
    overflow: auto;
    position: absolute;
    visibility: hidden;
    width: 367px;
}

.esbs {
    background-color: #218ebd;
    border: 1px solid black;
    color: #FFFFFF;
    cursor: default;
    padding-left: 3px;
    width: 99%;
}

.esbu {
    border: 1px solid black;
    color: #000000;
    cursor: default;
    padding-left: 3px;
    width: 99%;
}

.enh_select_box_border {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: none;
    border-top: 1px solid #c8c8c8;
    padding-left: 3px;
    width: 350px;
}

.savedReports {
    background-color: #FFFFFF;
    height: 218px;
    width: 178px;
}

/*style for tq sum */
.sum_tq {
    margin-top: 13px;
}

.page_selection {
    background-color: #FAF8F8;
    border: 1px solid black;
    border-left: none;
    padding: 2px 4px 2px 4px;
    width: 10px;
}

.page_selected {
    background-color: #F3EFDE;
    font-weight: bold;
}

.page_start {
    border: 1px solid black;
}

.editCell {
    background-image: url(../img/inputBeam.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid var(--GR500);
    height: 15px;
    padding: 2px;
    width: 95%;
}

.editCell:disabled {
    background: lightgrey;
}

textarea.editCell {
    height: 65px;
    width: 100%;
}

.editCellRadio {
    background-image: url(../img/inputBeam.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid var(--GR500);
    padding: 2px;
    width: 5%;
}

.editCellDate {
    border: 1px solid var(--GR500);
    padding: 2px;
    width: 33%;
}

.editCellRequired {
    background-image: url(../img/inputBeamRequired.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid var(--GR500);
    padding: 2px;
    width: 95%;
}

.editCellWarning {
    background-image: url(../img/inputBeamWarning.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid black;
    padding: 2px;
    width: 95%;
}

.normalCell {
    background-color: transparent;
    border: none;
    width: 90%;
}

.normalCellRadio {
    background-color: transparent;
    border: none;
    width: 5%;
}

.normalCellSlim {
    background-color: transparent;
    border: none;
    width: 90%;
}

.normalCellDate {
    background-color: transparent;
    border: none;
    margin-right: 10px;
    padding: 3px;
    width: 30%;
}

.failureCell {
    background-image: url(../img/inputBeam_FFFFAA.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid black;
    padding: 2px;
    width: 95%;
}

.custom {
    padding: 0.5em 0.8em 0.8em 2em;
}

.classic {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em 0;
}

.critical {
    background: #FFCCAA;
    border: 1px solid #FF3334;
}

.help {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

.info {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

.warning {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

.lease_table td {
    border: 1px solid #000;
    cellspacing: 0px;

}

.lease_table th {
    border: 1px solid #000;

}

.float_left, .floatLeft {
    float: left;
}

.float_right, .floatRight {
    float: right;
}

.calculationInProgress {
    font-size: 1em;
    margin-right: 10px;
}

.report_header {
    background-color: #FFFFAA;
    border-bottom: solid 1px #aaaaaa;
    border-right: dotted 1px #aaaaaa;
    border-top: solid 1px #aaaaaa;
    padding: 4px 4px 4px 4px;
}

.report_field {
    border-bottom: solid 1px #aaaaaa;
    border-right: dotted 1px #aaaaaa;
    padding: 2px 4px 2px 4px;
    text-align: right;
}

.ajaxConfirmDialog {
    padding: 10px;
    spacing: 10px;
    text-align: center;
}

.ajaxConfirmDialog th {
    border-bottom: ridge;
    border-width: 4px;
    padding: 10px;
    spacing: 10px;
    text-align: center;
}

.ajaxConfirmDialog td {
    border-bottom: solid;
    border-width: 1px;
    padding: 10px;
    spacing: 10px;
    text-align: left;
}

.error {
    border: solid 1px red;
}

.errorTag {
    color: red;
    margin-top: 10px;
    white-space: normal;
}

.warningTag {
    color: #FFAD33;
    margin-top: 10px;
    white-space: normal;
}

.pointer {
    cursor: pointer;
}

.margin_right {
    margin-right: 4px;
}

.divTable {
    display: table;
}

.row {
    display: table-row;
}

.row div {
    display: table-cell;
    padding: 1%;
}

.row div:last-child {
    text-align: right;
}

.floatCenter {
    margin-left: 40%;
}

.icon:hover {
    background: #F0F0F0;
    border: 1px solid white;
    border-radius: 4px;
    color: #6A6A6A;
    overflow: visible;
    padding: 3px;
}

.icon {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 3px;
    padding: 3px;
}

#logout_container {
    cursor: initial;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
}

#menu {
    /*background-image: linear-gradient(#575757, black);*/
    background: var(--W000);
    color: var(--D500);
    display: none;
    margin-right: -2px;
    padding-top: 8px;
}

.white_text,
.white_text a,
.white_text a:hover,
.white_text a:visited {
    color: white !important;
}

.text-color-d500 {
    color: var(--D500);
}

.selectbox {
    margin: 10px;
}

#workflow_container {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;

}

.workflow-step-container {
    display: inline-block;
    height: 245px;
    margin: 10px;
    padding: 10px;
    position: relative;
    width: 250px;
}

.workflow-step {
    border: 1px solid black;
    -moz-box-shadow: 0px 0px 10px 0px rgba(46, 46, 46, 0.47);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(46, 46, 46, 0.47);
    box-shadow: 0px 0px 10px 0px rgba(46, 46, 46, 0.47);
    display: inline-block;
    height: 220px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 250px;
}

.workflow-step > h3:FIRST-CHILD {
    margin-top: 0;
}

.workflow-step ul {
    display: inline-block;
}

.workflow-step-status-banner {
    background: #fbfbfb;
    border: 1px solid #dddddd;
    bottom: 10px;
    box-sizing: border-box;
    height: 33px;
    left: -1px;
    padding: 5px;
    position: absolute;
    width: 272px;
}

.workflow-step-status-icon {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    font-size: 16px;
    height: 25px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 25px;
}

.workflow-step-action-button {
    font-size: 30px;
    height: 25px;
    left: 130px;
    position: absolute;
    text-align: center;
    width: 40px;
}

.workflow-step-status-icon-dirty {
    background-color: #f39c12;
}

.workflow-step-status-icon-ok {
    background-color: #2ecc71;
}

#login_container #frame_container {
    height: 77%;
}

#login_container #container {
    height: 29%;
}

#login_container .page_title {
    height: 7%;
}

#nav_selection {
    height: 20%;
    min-height: 275px;
}

.dataTables_scrollBody {
    min-height: 130px;
}

#nav1_menu_container div {
    /* 	background-color: rgb(236, 236, 236); */
}

.menu {
    height: 21px;
}

.menu_item {
    float: left;
    height: inherit;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    width: 150px;
    z-index: 1;
}

.menu_item.active a:link, .menu_item.active a:visited {
    color: var(--P500) !important;
}

.menu_item.active a:after {
    border: 2px solid var(--P500);
}

.action_link {
    height: 16px;
    margin: 1px;
    margin-left: -10px;
    padding-left: 10px;
    padding-top: 4px;
}

#nav1_menu_container {
    margin-right: 10px;
    position: relative;
}

#nav1_menu_container a {
    color: black;
    z-index: 2;
}

#nav1_menu_container a:hover {
    color: var(--P600);
    text-decoration: none;
}

#nav1_menu_container a:after {
    background-color: var(--MS100);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -ms-transform: skew(45deg);
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    width: 100%;
    z-index: -1;
}

#nav1_menu_container .active a:after {
    background-color: var(--MS100);
    color: var(--P500);
}

#nav1_menu_container .done a:after {
    background-color: var(--MS100);
}

#nav2_menu_container {
    padding: 2px;
}

.nav2_menu {
    float: left;
    left: 3px;
    position: relative;
}

.sub_menu_item {
    float: left;
}

.sub_menu_item > .buttonDown > div:nth-child(2) {
    margin-left: 3px;
    border-radius: 2px;
    border: 2px var(--P500) solid;
    vertical-align: bottom;
    width: calc(100% - 6px);
}

.ui-datepicker-trigger {
    display: inline;
    margin-left: -20px;
    padding: 0px;
    padding-left: 3px;
    position: relative;
    top: 5px;
    vertical-align: baseline;
}

div.container {
    display: inline;
}

.ui-dialog-content > .icon-menu {
    margin-right: 4.5px;
    margin-top: 3px;
}

#modalWindow {
    height: 50%;
    min-width: 1000px;
    width: 60%;
}

#reportRepositoryContainer {
    height: 95%;
    overflow: auto;
}

#reportRepository td:first-child {
    min-width: 350px;
}

.dataTables_scroll table {
    width: 100%;
}

.dataTables_scroll {
    margin-left: -10px;
    margin-right: -10px;
}

.dataTables_wrapper {
    margin-left: 10px;
    margin-right: 10px;
}

#currency_selection {
    margin-left: 10px;
}

#modalConfirm, #modalConfirmDraft, #sessionTimeoutWarningDialog {
    background: #ffffff;
    border: 1px solid #aaaaaa;
}

div.dt-buttons.ui-buttonset {
    position: relative;
    text-align: center;
    width: 39%;
}

.dataTables_length {
    position: relative;
    text-align: left;
    width: 25%;
}

.dataTables_filter {
    width: 30%;
}

.contract_selection {
    padding: 10px;
    padding-bottom: 0px;
    width: 50%;
}

.component_contract_selection {
    width: 100%;
}

.navSelection_form {
    padding-top: 10px;
    vertical-align: top;
    width: 48%;
}

.navSelection_form table {
    border-spacing: 0;
    float: right;
    width: 100%;
}

.navSelection_form td {
    padding: 5px;
}

.contract_selection .dataTables_wrapper {
    margin-right: 0px;
    width: 100%;
}

.contract_selection .dataTables_scroll {
    margin-right: 0px;
}

.display {
    border-spacing: 0;
}

.display td {
    padding: 0px;
}

#nav_selection .display {
    width: 100%;
}

#nav_selection .contract_selection td {
    padding: 6px;
}

.dataTables_buttons {
    height: 26px;
    white-space: nowrap;
    width: 100%;
}

.workflow-step ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.workflow-step ul ul li:before {
    content: "_";
    padding-right: 5px;
}

.workflow-step ul ul {
    padding-left: 10px;
}

/* The switch - the box around the slider */
.switch {
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
    width: 60px;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The slider */
.slider {
    background-color: var(--W000);
    border: 1px solid var(--GR500);
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    background-color: var(--W000);
    border: 1px solid var(--GR500);
    bottom: 1px;
    top: 1px;
    content: "";
    height: 15px;
    left: 5px;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    width: 18px;
}

input:checked + .slider {
    background-color: var(--P500);
}

input:focus + .slider {
    box-shadow: 0 0 1px #bad8e6;
}

input:checked + .slider:before {
    -ms-transform: translateX(32px);
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

table.dataTable thead tfoot th.testing {
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    width: 25px;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 5px;
}

.page_title_container .floatLeft {
    display: none;
    margin-top: 33px;
}

.floatRightWithMargin {
    float: right;
    margin-right: 25px;
}

.green {
    color: #d4d600;
}

.red {
    color: #ff6464;
}

.marginTen {
    margin: 10px;
}

.marginTopTiny {
    margin-top: 5px;
}

.marginTopSmall {
    margin-top: 10px;
}

.marginTopMedium {
    margin-top: 20px;
}

.marginTopLarge {
    margin-top: 40px;
}

.marginTopHuge {
    margin-top: 80px;
}

.no-year-datepicker .ui-datepicker-year {
    display: none;
}

.sorthead .icon_column {
    max-width: 3%;
    width: 10px;
}

.smallMarginLeft {
    margin-left: 10px;
}

.smallPaddingLeft {
    padding-left: 10px;
}

.bigFont {
    font-size: 18px;
}

.mediumFont {
    font-size: 14px;
}

#accordion {
    margin-left: 7px;
    margin-top: 5px;
}

.accordion_slide {
    width: 500px;
}

.ui_protocol_box {
    float: left;
    margin-left: 5px;
    width: 45%;
}

.ui_protocol_box textarea {
    resize: none;
}

.ui_protocol_box textarea, .reversal_protocol_box textarea {
    border: 1px solid var(--GR500);
}

.logTextArea {
    resize: horizontal;
    width: 100%;
}

.logTextAreaFixedWidth {
    resize: horizontal;
    width: 600px;
}

.ui-dialog-title {
    font-size: 20px;
}

.editCell,
.editCellDate,
.normalCell {
    border-radius: 10px;
}

textarea.editCell {
    padding: 5px;
}

.centerText {
    text-align: center;
}

.not_available {
    color: red;
    text-decoration: line-through;
}

ul#modificationType > li > div, ul#modificationType ul > li > div {
    font-size: 110%;
    min-width: 150px;
    padding: 10px;
}

.pointerCursor {
    cursor: pointer;
}

.currencyFormDiv {
    background-color: #ffffff;
    border: 1px solid #000000;
    margin: 0 0 10px 10px;
    padding: 8px;
}

.formDivOuterBoxAndInnerBoxes {
    background-color: var(--CO200);
    border: 1px solid var(--GR500);
    margin: 10px;
    margin-right: 20px;
    margin-top: 19px;
}

.defaultInputBoxWidth {
    width: 800px;
}

.formDivOuterBoxAndInnerBoxes > div {
    background-color: white;
    border: 1px solid var(--GR500);
    clear: both;
    margin: 6px;
    padding: 12px;
}

.formDivOuterBoxAndInnerBoxes > div input,
.formDivOuterBoxAndInnerBoxes > div select,
.formDivOuterBoxAndInnerBoxes > div textarea,
.formDivOuterBoxAndInnerBoxes > div button {
    margin: 5px 0;
}

.formDivOuterBoxAndInnerBoxes > div.minHeight {
    min-height: 25px;
}

.dataTables_length * {
    margin: 5px;
}

.dataTables_filter * {
    margin: 5px;
}

.dt-buttons.ui-buttonset * {
    margin: 5px;
}

.marginBottomTen {
    margin-bottom: 10px;
}

.conflictsDiv {
    height: 500px;
    width: 1030px;
}

.conflictsDiv form {
    margin: 0;
    padding: 0;
    width: 100%;
}

.conflictsDiv table {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

.conflictsDiv button {
    margin-bottom: 15px;
}

.selectionOfImportBeansToOverwriteDiv {
    height: 500px;
    width: 1030px;
}

.selectionOfImportBeansToOverwriteDiv form {
    margin: 0;
    padding: 0;
    width: 100%;
}

.selectionOfImportBeansToOverwriteDiv table {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

.templateRow {
    display: none;
}

.clear {
    clear: both;
}

.exportPostingFileContainer {
    display: block;
    padding-left: 20px;
    width: 25%;
}

.exportPostingFileContainer .divLine {
    display: flow-root;
    margin-top: 10px;
}

.exportPostingFileContainer .divLine div {
    display: inline;
}

.formDivOuterBoxAndInnerBoxes > div .iconContainer {
    display: inline;
    margin-left: -12px;
}

.noTopMargin {
    margin-top: 0;
}

ul.noIndent {
    padding-left: 12px;
}

ul.distancedItems li {
    margin-bottom: 3px;
}

.noBottomMargin {
    margin-bottom: 0;
}

.display_none {
    diplay: none;
}

.deprecated-security {
    color: red;
    font-weight: bold;
}

.currency td {
    padding-bottom: 10px;
    width: 300px;
}

.currency_quotation {
    color: #b6bf06;
    margin-left: 8px;
}

.select2-container {
    min-width: 172px;
}

.select2_border_radius {
    border-color: black;
    border-radius: 15px;
}

.select2-container--open span .select2-dropdown {
    border: ridge;
    border-radius: 10px;
    border-width: 2px;
}

.inherit_font_size {
    font-size: inherit;
}

.monthPickerInputDiv {
    text-align: right;
}

.monthPicker {
    margin-right: 2%;
    width: 76%;
}

.scrollcontainer-y {
    height: 92%;
    overflow-y: auto;
}

.styleSquare {
    list-style-type: square
}

.glc-content {
    height: inherit;
    display: inline;
}

#modalConfirmPersist {
    display: none;
    text-align: center;
    padding: 10px;
}

#modalConfirmPersist div {
    margin: 10px;
}

.image_button, button.button_as_link {
    background-color: inherit;
    border: none;
}

a.btnSmall {
    text-decoration: none;
}

.logout_form_container {
    background-color: #FAF8F8;
    border-bottom: 1px solid #C2ADAD;
    border-top: 1px solid #F3F7F9;
    padding: 8px;
    display: block;
    text-align: center;
}

.titlebar-icon {
    border: none;
    vertical-align: bottom;
}

.reversalGridContainer {
    display: grid;
    grid-template-columns: 800px 800px;
    grid-gap: 10px;
}

.reversal_protocol_box {
    width: 100%;
}

.reversal_protocol_box textarea {
    height: 400px;
}

#reverseComponentForm {
    display: inline-block;
    width: 100%;
}

.no_resize {
    resize: none;
}

.grid-container {
    display: grid;
    justify-content: start;
    grid-template-columns: auto auto; /*Make the grid smaller than the container*/
    gap: 10px;
    padding: 10px;
}

.grid-container div:first-child {
    width: 200px;
}

.grid-container div:nth-child(odd) {
    font-weight: bold;
}

button.button_as_link:hover {
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #D9B2C1;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #D9B2C1;
    /*padding: 1px 13px 1px 13px;*/
    text-decoration: none;
}

#submenu_container {
    background-color: #666600;
}

UL#submenu LI {
    background-color: #666600;
    background-image: none;
    border: 0px;
}

UL#submenu LI A {
    border-bottom: 1px solid rgb(63, 67, 14);
    border-left: 1px solid rgb(182, 193, 40);
    border-right: 1px solid rgb(63, 67, 14);
    border-top: 1px solid rgb(182, 193, 40);
}

UL#submenu LI A.buttonDown {
    border-bottom: 1px solid rgb(182, 193, 40);
    border-left: 1px solid rgb(63, 67, 14);
    border-right: 1px solid rgb(182, 193, 40);
    border-top: 1px solid rgb(63, 67, 14);
}

A {
    color: var(--D500);
    text-decoration: none;
}

.table_title {
    color: #666600;
}

UL#main_menu LI A {
    background-image: url(../img/button_main_olive.GIF);
}

#extramenu_container {
    background-color: #666600;
}

UL#extramenu LI {
    background-color: #666600;
    background-image: none;
    border: 0px;
}

UL#extramenu LI A {
    border-bottom: 1px solid rgb(63, 67, 14);
    border-left: 1px solid rgb(182, 193, 40);
    border-right: 1px solid rgb(63, 67, 14);
    border-top: 1px solid rgb(182, 193, 40);
}

UL#extramenu LI A.buttonDown {
    border-bottom: 1px solid rgb(182, 193, 40);
    border-left: 1px solid rgb(63, 67, 14);
    border-right: 1px solid rgb(182, 193, 40);
    border-top: 1px solid rgb(63, 67, 14);
}

#role_container {
    height: 100%;
}

#role_container #body_container {
    height: 93.5%
}

.biReportForm {
    display: flex;
    flex-direction: column;
    align-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.biReportForm iframe {
    margin-top: 1rem;
}

.fullwidth.fullheight.bireportContainer {
    margin-top: 1rem;
}

.fullheight {
    height: 100%;
}