/* Color Navigation/Orientation/Layout 1: rgba(51, 51, 51, 1) */
/* Color Navigation/Orientation/Layout 2: rgba(64, 64, 64, 1) */
/* Color Navigation/Orientation/Layout 3: rgba(210, 210, 210, 1) */  /*  rgba(166, 166, 166, 1) */ 
/* Color Navigation/Orientation/Layout 4: rgba(219, 219, 219, 1) */  /*  rgba(217, 217, 217, 1) */
/* Color Navigation/Orientation/Layout 5: rgba(255, 255, 255, 1) */

/* Color action 1: rgba(17, 17, 84, 1) */
/* Color action 2: rgba(70, 61, 157, 1) */
/* Color action 3: rgba(139, 133, 205, 1) */
/* Color action 4: rgba(234, 234, 242, 1) */

/* Color alterantive 1: rgba(74, 125, 7, 1) */
/* Color alterantive 2: rgba(103, 158, 32, 1) */
/* Color alterantive 3: rgba(164, 217, 96, 1) */
/* Color alterantive 4: rgba(197, 238, 144, 1) */

/* Color warning 1: rgba(170, 8, 0, 1) */
/* Color warning 2: rgba(255, 13, 0, 1) */
/* Color warning 3: rgba(255, 166, 162, 1) */




/*******************************************************************
    Common elements: not marked for isat, but e.g. for Bootstrap,
    or unnamed
********************************************************************/


body.main-color-type-2 {
    background-color: rgba(219, 219, 219, 1); /* NOL 4*/
}


h1, .h1 {
    font-size: 200%;
    line-height: 205%;
}

.navbar-content-wrapper > h1 {
    display: inline-block; /* Because of collapsing borders. */  
    margin-top: 5px;
}

h2, .h2 {
    font-size: 170%;
}

select {
    outline: none !important;
}


.isat-widget h4, .isat-widget .h4 {
    font-size: 100%;
    font-weight: bold;
}
.isat-widget h5, .isat-widget .h5 {
    font-size: 86%;
    /*font-size: 12px;*/
}

.md-widget .big-info-text {
    text-align: center;
}

/* Attention, overwriting bootstrap without marking elements as own */

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}

input.form-control[type="text"],
input.form-control[type="password"] {
    border-radius: 0;
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
}

.control-label {
    font-weight: normal;
}

.btn.btn-default {
    border-radius: 0;
    border: none;
    background-color: rgba(70, 61, 157, 1); /* ACT 2 */
    color: white; /* NOL 5 */
}

.btn.btn-default:hover {
    color: rgba(139, 133, 205, 1); /* ACT 3 */
}


.icon-menu-main-process {
    width: 22px;
    height: 22px;
    position: relative;
}

.icon-menu-main-process svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.icon-menu-main-process svg .cls-1, 
.icon-menu-main-process svg .cls-2,
.icon-menu-main-process svg .cls-3  {
    fill: rgba(219, 219, 219, 1); /* NOL 4*/
}

.icon-menu-main-process:hover svg .cls-1,
.icon-menu-main-process:hover svg .cls-2,
.icon-menu-main-process:hover svg .cls-3 {
    fill: rgba(255, 255, 255, 1); /* NOL 5 */
}

/* Corrections of existing formatting definitions */
.md-widget#persons-form {
    width: unset;
}



/*****************************
    Breadcrumb in NavBar
*****************************/

.navbar-main.isat .breadcrumb-wrapper .breadcrumb  {
    background-color: transparent;
}


/***********************************
   isat widget, the layout element
************************************/

.isat-widget {
    /*border: 1px solid yellow;*/
    background-color: white; /* NOL 5 */
}

.isat-widget-transparent {
    /*border: 1px solid yellow;*/
    background-color: transparent; 
}

.isat-widget-transparent .nav-tabs.nav-tabs-isat > li.active > a,
.isat-widget-transparent .nav-tabs.nav-tabs-isat > li:hover > a
{
    background-color: transparent;
}


/*********************************
   Navbar
**********************************/

.navbar-content-wrapper {
    background-color: rgba(210, 210, 210, 1); /* NOL 3*/
}

.navbar-content-wrapper:before {
    background-color: rgba(210, 210, 210, 1); /* NOL 3*/
}

.navbar-wrapper.isat {
    background-color: rgba(51, 51, 51, 1); /* NOL1 */
}

.navbar-wrapper.isat .navbar-brand,
.navbar-wrapper.isat .navbar-brand:visited,
.navbar-wrapper.isat .navbar-brand:active
{
    color: white; /* NOL 5 */
}

.navbar-wrapper.isat .nav {
    color: white; /* NOL 5 */
}

.navbar-wrapper.isat .nav a,
.navbar-wrapper.isat .nav a:visited,
.navbar-wrapper.isat .nav a:active,
.navbar-wrapper.isat .nav a .caret
{
    color: rgba(219, 219, 219, 1); /* NOL 4 */
}
.navbar-wrapper.isat .nav a:hover {
    color:  white; /* NOL 5 */
    background-color: transparent;
}

.navbar-wrapper.isat .nav a .caret {
    border-top-color: rgba(219, 219, 219, 1); /* NOL 4 */
    border-bottom-color: rgba(219, 219, 219, 1); /* NOL 4 */
}
.navbar-wrapper.isat .nav a:hover .caret {
    border-top-color: white; /* NOL 5*/
    border-bottom-color: white; /* NOL 5 */
}

.navbar-wrapper.isat .nav .open > a,
.navbar-wrapper.isat .nav .open > a:hover {
    background-color: rgba(61, 61, 61, 1); /* NOL 2 */
}

.navbar-wrapper.isat > div > .container > ul > li {
    padding-left: 5px;
    padding-right: 5px;
}

.navbar-wrapper.navbar-main.isat > div > .container > ul > li,
.navbar-wrapper.navbar-main.isat > div > .container > ul > li > a {
    font-size: 18px;
}

.navbar-wrapper.isat ul.nav li ul li ul li a {
    font-size: 16px;
}

.navbar-wrapper.isat > div > .container > ul.nav li ul li ul li a {
    font-size: 14px;
}

.orientationbar {
    background-color: rgba(210, 210, 210, 1); /* NOL 3*/
}

.orientationbar  .main-tooling-wrapper {
    background-color: rgba(210, 210, 210, 1); /* NOL 3*/
}

.navbar-wrapper.isat .orientationbar {
    position: absolute;
    height: 0;
    min-height: 0;
}

.navbar-wrapper.isat .orientationbar .main-tooling-wrapper .nav a,
.navbar-wrapper.isat .orientationbar .main-tooling-wrapper .nav a:visited,
.navbar-wrapper.isat .orientationbar .main-tooling-wrapper .nav a:active,
.navbar-wrapper.isat .orientationbar .main-tooling-wrapper .nav a .caret
{
    color: rgba(70, 61, 157, 1); /* ACT 2 */
}

.orientationbar .dropdown-menu {
    background-color: rgba(210, 210, 210, 1); /* NOL 3*/
}

.navbar-wrapper.isat .orientationbar .main-tooling-wrapper .nav a .caret {
    border-top-color: rgba(70, 61, 157, 1); /* ACT 2 */
    border-bottom-color: rgba(70, 61, 157, 1); /* ACT 2 */
}


/*********************************
   Buttons
**********************************/

.isat-button {
    border-radius: 0;
    border: none;
    background-color: rgba(70, 61, 157, 1); /* ACT2 */
    padding: 5px;
    color:  rgba(255, 255, 255, 1); /* NOL 1 */
}

.isat-button:hover {
    color: rgba(234, 234, 242, 1) /* ACT 4 */
}


/*********************************
   Button Group
**********************************/

.isat-button-group.isat-button-group-selectable .isat-button {
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
    color: rgba(70, 61, 157, 1); /* ACT 2 */
    border-top: 1px solid rgba(70, 61, 157, 1); /* ACT 2 */
    border-bottom: 1px solid rgba(70, 61, 157, 1); /* ACT 2 */
    border-right: 1px solid rgba(70, 61, 157, 1); /* ACT 2 */
    border-left: 1px solid transparent;
}

.isat-button-group.isat-button-group-selectable .isat-button:first-child {
    border-left: 1px solid rgba(70, 61, 157, 1); /* ACT 2 */
}

.isat-button-group.isat-button-group-selectable .isat-button:hover {
    background-color: white;
}

.isat-button-group.isat-button-group-selectable .btn.isat-button.prio-but-active {
    background-color: rgba(139, 133, 205, 1); /* ACT 3 *//*rgba(70, 61, 157, 1);*/ /* ACT 2 */
    color: rgba(234, 234, 242, 1); /* ACT 4 */
}

.isat-button-group.isat-button-group-selectable .btn.isat-button.prio-but-active:hover {
    background-color: rgba(139, 133, 205, 1); /* ACT 3 */
    color: white;
}

/*********************************************
    A simple open-close-toggler with chevron
**********************************************/

.openclose {
    color: rgba(70, 61, 157, 1); /* ACT 2 */
}


/*********************************************
    Little tool areas with icons
**********************************************/
.isat-tool-widget i {
    color: rgba(70, 61, 157, 1); /* ACT 2 */
    cursor: pointer;
}
.isat-tool-widget i:hover {
    color: rgba(139, 133, 205, 1); /* ACT 4 */
}

/*********************************
   textarea
**********************************/

textarea.isat-style-action {
    resize: none;
    padding: 5px;
    width: 100%;
    border-radius: 0;
}

textarea.isat-style-action {
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
    border: 1px solid rgba(234, 234, 242, 1); /* ACT 4 */
    /* color: rgba(51, 51, 51, 1); */ /* NOL 1 */
    color: rgba(17, 17, 84, 1); /* ACT 1 */
}

textarea.isat-style-action:hover {
    border: 1px solid rgba(139, 133, 205, 1); /* ACT 3 */
}

textarea.isat-style-action.active {
    background-color: rgba(70, 61, 157, 1); /* ACT 2 */
    color: rgba(255, 255, 255, 1); /* NOL 5 */
    border: 1px solid rgba(70, 61, 157, 1);  /* ACT 2 */
}

textarea.isat-style-action {
}



/*********************************
   Dropdown menu / toggle
**********************************/

.isat-dropdown-toggle {
    color: rgba(51, 51, 51, 1); /* NOL 1 */
    cursor: pointer;
    font-size: 12px; /* Because the browser has to draw 3 boxes and distribute space, the icon does not look regular in all font sizes. */
}

.isat-dropdown-toggle:hover {
    color: rgba(64, 64, 64, 1); /* NOL 2 */
}


.dropdown-menu {
    background-color: rgba(51, 51, 51, 1); /* NOL 1 */
}

.dropdown-menu li a {
    color: white; /* NOL 5 */
}

.dropdown-menu li a:hover {
    background-color: white; /* NOL 5 */
    color: rgba(51, 51, 51, 1);  /* NOL 1 */
}


/***********************************
   Nav tabs
************************************/

.nav-tabs.nav-tabs-isat {
/*    border-bottom: 1px solid rgba(234, 234, 242, 1);*/ /* ACT 4 */
border-bottom: unset;
}
.nav-tabs.nav-tabs-isat > li {
    border-bottom: 1px solid rgba(234, 234, 242, 1);  /* ACT 4 */
}

.nav-tabs.nav-tabs-isat > li {
    margin-bottom: -2px;
    text-align: center;
}

.nav-tabs.nav-tabs-isat > li > a {
    background-color: transparent;
    color: rgba(70, 61, 157, 1); /* ACT 2 */
    border-bottom: 3px solid rgba(0, 0, 0, 0); 
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 3px 8px 3px 8px;
}

.nav-tabs.nav-tabs-isat > li > a:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
}

.nav-tabs.nav-tabs-isat > li:hover {
}

.nav-tabs.nav-tabs-isat > li:hover > a {
    border-bottom: 3px solid rgba(234, 234, 242, 1); /* ACT 4 */ 
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-weight: bold; 

/*    color: rgba(17, 17, 84, 1); *//* ACT 1 */
    background-color: white;
}

.nav-tabs.nav-tabs-isat > li.active  {
    margin-bottom: -3px;
}

.nav-tabs.nav-tabs-isat > li.active > a {
    background-color: white;
    color: rgba(17, 17, 84, 1); 
    font-weight: bold; 
    border-bottom: 3px solid rgba(17, 17, 84, 1);  /* ACT 1 */
    border-top: 0;
    border-left: 0;
    border-right: 0;

}

.assets-main-selection-box {
    width: 70%;
    text-align: center;
    float: none;
    display: block;
    margin: auto;
    overflow: hidden;
}
/**********************************
    Bootstrap select
***********************************/

select.form-control {
    /*background-color: rgba(70, 61, 157, 1); */ /* ACT 2 */
    background-color:rgba(234, 234, 242, 1) ; /* ACT 4 */
    /*color: rgba(70, 61, 157, 1);*/
    color: rgba(17, 17, 84, 1); /* ACT 1 */
    border-radius: 0;
}

select.form-control:hover {
    border: 1px solid rgba(139, 133, 205, 1); /* ACT 3 */
}



/**********************************
    Dropzone
***********************************/

.dropzone {
    border: 2px dashed rgba(139, 133, 205, 1);
    padding: 5px;
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
    color: rgba(17, 17, 84, 1); /*  */
}

.dropzone:hover {
    border: 2px dashed rgba(17, 17, 84, 1);
}


/**********************************
    Slider 
***********************************/

.slider-handle {
    background-color: rgba(70, 61, 157, 1); /* ACT 2 */
    background-image: none;
}


.slider-selection.tick-slider-selection {
    background-color: rgba(139, 133, 205, 1); /* ACT 3 */
    background-image: none;
}

.slider-handle:hover,
.slider-tick.round:hover,
.slider-tick.round.in-selection:hover { 
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
    background-image: none;
}

.slider-tick.round.in-selection {
    background-color: rgba(139, 133, 205, 1); /* ACT 3 */
    background-image: none;
    border: 1px solid rgba(70, 61, 157, 1); /* ACT 2 */
}


.progress-bar {
    background-color: rgba(103, 158, 32, 1); /* ALT 2 */
}

.progress {
    background-color: rgba(219, 219, 219, 1); /* NOL 4 */
    box-shadow: none;
}

.isat-widget .nav-tabs.nav-tabs-isat a {
    font-size: 86%;
}


/**********************************
    Selectable split buttons
***********************************/

.isat-mini-option-group {
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
     -o-user-select: none;
        user-select: none;
    
      text-align: right;
    white-space: nowrap;
}

.isat-mini-option-group > .label {
    display: inline-block;
    color: rgba(51, 51, 51, 1);  /* NOL 1 */
    font-size: 75%;
    font-weight: normal;
}

.isat-mini-option-group > .option {
    text-align:center;
    display: inline-block;
    font-size: 75%;
    color: rgba(70, 61, 157, 1); /* ACT 2 */
    margin: 0 3px 0 3px;
    padding: 0 3px 0 3px;
    text-decoration: none;
}

.isat-mini-option-group > .option:hover {
    color: rgba(17, 17, 84, 1); /* ACT 1*/
    border-bottom: 2px solid rgba(139, 133, 205, 1); /* ACT 3 */
}

.isat-mini-option-group > .option:not(:last-child)::after {
    position: absolute;
    display: inline-block;
    content: "|";
    text-align: center;
    color: rgba(51, 51, 51, 1);  /* NOL 1 */
    margin: 0 0 0 7px;
}

.isat-mini-option-group > .option.active {
    text-align:center;
    display: inline-block;
    font-size: 75%;
    font-weight: bold;
    color: rgba(17, 17, 84, 1);  /* ACT 1 */
    margin: 0 3px 0 3px;
    padding: 0 3px 0 3px;
    border-bottom: 2px solid rgba(17, 17, 84, 1); /* ACT 1*/
}



/**********************************
    Bootstrap toggle
***********************************/

.isat-toggle {
    border-radius: 0;
    border: 1px solid rgba(139, 133, 205, 1); /* ACT 3 */
}
isat-toggle:hover {
    border: 1px solid rgba(70, 61, 157, 1); /* ACT 1 */
}

.isat-toggle label.toggle-on {
    background-color: rgba(70, 61, 157, 1); /* ACT 2 */
    color: white; /* NOL 5 */
}

.isat-toggle label.toggle-on:hover {
    background-color: rgba(139, 133, 205, 1); /* ACT 2 */
    color: white; /* NOL 5 */
}

.isat-toggle label:hover {
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
    color: rgba(70, 61, 157, 1); /* ACT 1 */
}

.isat-toggle label.toggle-off {
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
    color: rgba(70, 61, 157, 1); /* ACT 2 */ /* NOL 1 */
}

.isat-toggle.isat-toggle-micro {
    min-height: 10px;
    margin-top: -3px;
}

.isat-toggle.isat-toggle-micro label {
    font-size: 10px;
    padding: 0 20px 0  1px;
}

.isat-toggle.isat-toggle-micro .toggle-handle {
    margin-top: -5px;
}

.toggle-handle.btn.btn-default {
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */*/
}

/*
.btn-isat-important-hint_OFF {
    background-color: rgba(170, 8, 0, 1); /* W1 x*x/x
    color: white; x/x*x NOL 5 x*x/x
}
    */
.btn-isat-important-hint_OFF:hover {
    color: white;
    background-color: rgba(255, 13, 0, 1); /* W2 */
}


/**********************************
    Bootstrap chosen
***********************************/

/* The field */

.chosen-container.chosen-container-single > a.chosen-single,
.chosen-container.chosen-container-single.chosen-container-active > a.chosen-single {
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
    border: 1px solid rgba(139, 133, 205, 1); /* ACT 3 */
    color: rgba(17, 17, 84, 1);
}

.chosen-container.chosen-container-single > a.chosen-single:hover,
.chosen-container.chosen-container-single.chosen-container-active > a.chosen-single:hover {
    border-color: rgba(70, 61, 157, 1); /* ACT 2 */
}


/* The box above */

.chosen-container .chosen-results > .active-result.result-selected {
    background-color: rgba(70, 61, 157, 1); /* ACT 2 */
    color: rgba(234, 234, 242, 1); /* ACT 4 */
}

.chosen-container .chosen-results > .active-result.result-selected.highlighted {
    background-color: rgba(139, 133, 205, 1); /* ACT 3 */
    color: rgba(234, 234, 242, 1); /* ACT 4 */
}

.chosen-container .chosen-results > .active-result.highlighted {
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
    color: rgba(70, 61, 157, 1); /* ACT 2 */
}

.chosen-container.chosen-container-single .chosen-single {
    border-radius: 0;
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
}

.chosen-container.chosen-container-single  .chosen-single > a 
{
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
}

.chosen-container.chosen-container-single  .chosen-drop 
{
    border: 1px solid rgba(70, 61, 157, 1); /* ACT 2 */
    border-radius: 0;
}



/**************************
    Modal boxes
***************************/

.cb-modal-content {
    border: 2px solid rgba(70, 61, 157, 1); /* ACT 2 */
}

.cb-modal-content .cb-modal-content-header {
    border-bottom:  1px solid rgba(139, 133, 205, 1); /* ACT 3 */
    color: black;
}

.cb-modal-content .cb-modal-content-footer {
    border-top: 1px solid rgba(139, 133, 205, 1); /* ACT 3 */
    color: black;
}


/***************************
    Local boxes
****************************/

.local-box,
.interview-goto-box-wrap /* DEPRECATED */
{

}

.inner-of-local-box,
.local-box-inner,
.interview-goto-box /* DEPRECATED */
{
    background-color: white;
    border: 1px solid rgba(70, 61, 157, 1);  /* ACT 3 */
    box-shadow: 0 1px 3px 0 rgba(70, 61, 157, 1); /* ACT 3 */
}

.inner-of-local-box > .header,
.local-box-inner > .header {
    background-color: white; /* ALT 5 */
}


.local-box-inner > .footer {
    background-color: white; /* ALT 5 */
}

.local-box-close::before
{
    color:  rgba(70, 61, 157, 1); /* ACT 2 */
}

.local-box-close:hover::before {
    color: rgba(139, 133, 205, 1); /* ACT 3 */
} 


/***************************
    List Groups
****************************/

.list-group > .list-group-item {
    border-radius: 0;
}

.list-group > .list-group-item.active {
    background-color: rgba(70, 61, 157, 1); /* ACT 2 */
    color: white; /* ACT 5 */
}

.list-group > .list-group-item:hover {
    background-color: rgba(234, 234, 242, 1); /* ACT 4 */
}

.list-group > .list-group-item.active:hover {
    background-color: rgba(139, 133, 205, 1); /* ACT 3 */
}

/***************************
    Tabelle
 ***************************/

table.isat-table td {
    background-color: white;
    border-bottom: 1px solid rgba(219, 219, 219, 1);
}

.fixed-table-header-part .table caption + thead tr:first-child th,
.fixed-table-header-part .table colgroup + thead tr:first-child th, 
.fixed-table-header-part .table thead:first-child tr:first-child th, 
.fixed-table-header-part .table caption + thead tr:first-child td, 
.fixed-table-header-part .table colgroup + thead tr:first-child td, 
.fixed-table-header-part .table thead:first-child tr:first-child td  {
    /* border-top: 2px solid rgba(219, 219, 219, 1); */
    background-color: rgba(240, 240, 240, 1);
}

table.isat-table .table-row-action i
  {
     color: rgba(70, 61, 157, 1); /* ACT 1 */
 }

table.isat-table .table-row-action i:hover {
    color: rgba(139, 133, 205, 1); /* ACT 1 */
}




/***************************
    Index Items Worklist
 ***************************/

.index-item-worklist-item_variante_1 {
    background-color: rgba(103, 158, 32, 1); /* ALT 2 */
    border-radius: 10px;
}

.index-item-worklist-item_variante_2 {
    border: 1px solid rgba(103, 158, 32, 1); /* ALT 2 */
}

.index-item-worklist-item_variante_3 {
    background-color: rgba(197, 238, 144, 1); /* ALT 4 */
    margin: 5px;
}

.index-item-worklist-item_variante_4 {
    background-color: white;
    border: 1px solid rgba(210, 210, 210, 1);
}

.index-item-worklist-item {
    background-color: rgba(219, 219, 219, 1);
}

.index-item-worklist-item.active {
    background-color: rgba(164, 217, 96, 1); /* ALT 3 */
}



/************************
    Interview empty panel    
*************************/

.interview-content .checklist-empty-pane.checklist-is-empty {
    opacity: 0.94;
    background-color: rgba(210, 210, 210, 1)  /* NOL 3 */
}

.interview-content .checklist-empty-pane.checklist-is-empty .background-pane {
    opacity: 0.94;
    background-color:rgba(219, 219, 219, 1); /* NOL 4 */
}


/*******************************
    Login (Public access part)
********************************/


/* TODO: Move this away from skin_default. */
.full-bg-image-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.full-bg-image-wrap img {
    width: auto;
    height: auto;
    position: absolute;
    opacity: 0.2;
    min-width: 100%;
    min-height: 100%;
}

.login-form-content {
    padding: 0;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(210, 210, 210, 1); /* NOL 3 */
    background-color: white;
}

@media (max-width: 992px) {
    .login-form-content {
        width: 100%; /* IE 11 */
    }
}

.login-form-content form {
    padding: 0 15px;
}


.login-title h3 {
    height: 40px;
    text-align: center;
    border-bottom: 1px solid rgba(210, 210, 210, 1); /* NOL 3 */
    margin-top: 40px;
}

#loginForm form > .login-rubber-row-top {
    flex: 20 1 auto;
    margin: 0;
    padding: 0;
}

#loginForm form {
    display: flex;
    flex-direction: column;
    min-height: 310px;
}

.login-only-language-select {
    position: absolute;
    width: 85px; 
    padding: 1px;
    height: 20px;
    font-size: 12px;
    z-index: 10;
    opacity: 0;
}


.cb-modal-content.relogin-box {
    border: unset;
    background-color: transparent;
}

.cb-modal-content.relogin-box .toggle {
    max-width: 50px;
}

.input[type="password"]::-ms-clear,
.input[type="password"]::-ms-reveal
{
    display: none;
}