/********** Variables ***********/

:root {
    --height-popup-days: 20px;
    --width-popup-days: 36px;
    --dark-blue: #3276B1;
    --light-blue: #D6E0E9;
    --light-grey: #F2F2F2;
    --grey: #CCC;
    --background: #e9e9e9;
    --background-text: #fff;
    --text: #000;
    --text-emphasized: #444;
    --menu-top: #fff;
    --menu-bar: #ccc;
    --inactive-tab: #ccc;
    --highlight: #D6E0E9;
    --highlight-dark: #3276B1;
    --highlight-text: #fff;
    --button-icon: #f2f2f2;
    --button-icon-border: #bbb;
    --button-icon-h: #bbb;
    --button-icon-h-border: #888;
    --button-icon-inactive: #bbb;
    --button-icon-inactive-border: #888;
    --button-text: #3276b1;
    --button-text-border: #255680;
    --button-text-h: #1e4a6f;
    --button-text-h-border: #0e2940;
    --button-text-inactive: #ccc;
    --button-text-inactive-border: #aaa;
    --table-background: #fff;
    --table-alternate-background: #f2f2f2;
    --dripdown-menu: #f2f2f2;
    --dripdown-menu-button-h: #f2f2f2;
}

html { /* für nicht-quirkmode, Höhenberechnung */
    overflow: hidden;
    height: 100%;
}

body {
    background-color: #e9e9e9;
    margin:0px;
}

.modal { /* used in modal PopupWindow control since 2011.02.21 [vn] */
    background-color: #E6EBF0;
    margin: 0px;
    width: 100%;
    height: 100%;
}

.entitypickerselectheader {
    padding: 10px;
}

.content {
    position: absolute;
    top: 45px !important;
    left: 0px;
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
    border-color: #e9e9e9;
}

.footer
{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
}

body {
    font-family:Arial,Helvetica,sans-serif;
    font-size:small;
    color: #000000;
}

.pickerpopup-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pickerpopup-header {
}

.pickerpopup-content {
    flex: 1;
    overflow: auto;
}

.pickerpopup-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px;
}

input,textarea {
    font-size:100%;
    font-family:Arial,Helvetica,sans-serif;
}

.title {
    font-weight:bold;
    color:#000000;
    font-style:normal;
    text-transform:none;
    letter-spacing:0px;
    word-spacing:normal;
}

.header {
    font-weight:bold;
    color:#000000;
    font-style:normal;
    text-transform:none;
    letter-spacing:3px;
    word-spacing:normal;
}

.dft_border {
    border:1px solid #003366;
}

.statusLabel1 {
    text-align: left;
    white-space: nowrap;
}

.alarmserverStatus {
    padding-right:10px;
    text-align: right;
    white-space: nowrap;
}

/*******************************'Text' Links ******************/

/* verwendet bei
   Change Password + Zurück
 */
a.link:link, a.link:visited, a.link:active {
    text-decoration:underline;
    letter-spacing:1px;
    white-space:nowrap;
    color:#000000;
}

a.link:hover {
    white-space:nowrap;
    letter-spacing:1px;
    text-decoration:none;
    cursor:pointer;
    color:#000000;
}

.helpLink { /* Hilfe-Link mit Icon ueber Menue */
    background-color: transparent;
    text-decoration: underline;
    color: #003366;
    font-weight: bold;
}
.helpLink td {
    text-decoration:underline;
}
.helpLink_h {
    background-color:transparent;
    text-decoration:none;
    color:#000000;
    cursor:pointer;
    font-weight:bold;
}
.helpLink_h td {
    text-decoration:none;
}

a.linking:link, a.linking:visited, a.linking:active {
    color:#003366;
    text-decoration:none;
    font-weight:bold;

}

a.linking:hover {
    text-decoration:underline;
}

/*********************************************************/

input, textarea { /* font-size:100%; */
    border-right: 1px solid #bbb;
   /* margin-left: 0px;*/
}

textarea {
    scrollbar-base-color:#D2DCE6;
    scrollbar-arrow-color:#000000;
    scrollbar-shadow-color:#666666;
    scrollbar-highlight-color:#003366;
    scrollbar-track-color:#DCDCDC;
}
.textareapicker {
    scrollbar-base-color:#D2DCE6;
    scrollbar-arrow-color:#000000;
    scrollbar-shadow-color:#666666;
    scrollbar-highlight-color:#003366;
    scrollbar-track-color:#DCDCDC;
    overflow-x:auto;
    overflow-y:scroll;
}

/* background-color of treeView, used for several windows */
.bg1 { 
    background-color: #E6EBF0;
}

/* background-color of detailspane */
.bg2 {
    background-color: #fff;
}

.bg3 {
    background-color: #E6ECF3;
}

/* dunkles blau-lila, copyright-text linie */
.copyright {
    border-top:1px solid #003366;
    margin:50px 20px 0 20px;
    width:40%;
    padding-top:20px;
}

.btnsize {
    padding-left:4px;
    padding-right:4px;
}

.mouse {
    border: 1px solid #bbb !important;
    cursor: pointer;
    margin-left: 5px !important;
}

.no_mouse {
    cursor: default;
    border: 10px; /* ??*/
    margin-right: 5px;
}

.not_visible {
    cursor: default;
    display: none !important;
}

/* background-color of message popup window */
.messageBoxContent {
    width: 100%;
    height: 100%;
    background-color:#E6EBF0;
}

/* background-color of message popup window */
.messageBoxText {
    border: 0;
    overflow:auto;
    font-weight:bold;
    background-color:#E6EBF0;
}

/* obsolete: replaced by div.checkedRO, div.uncheckedRO */
img.checkboxRO {
    padding-left:4px;
    vertical-align:baseline;
}

/* BEGIN: CheckInput styles */

div.checkedRO {
    display: inline-block;
    padding-left: 4px;
    background-image: url(Images/General/CheckboxCheckedRO.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    margin-left: 4px
}

div.uncheckedRO {
    display: inline-block;
    padding-left: 4px;
    background-image: url(Images/General/CheckboxUncheckedRO.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    margin-left: 4px;
}

div.checkedROSearch {
    display: inline-block;
    margin-left: 12px;
    background-image: url(Images/General/CheckboxCheckedROSearch.gif);
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
}

div.uncheckedROSearch {
    display: inline-block;
    margin-left: 12px;
    background-image: url(Images/General/CheckboxUncheckedROSearch.gif);
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
}

span.checkedRO {
    padding-left: 4px;
    padding-right: 10px;
    background-image: url(Images/General/CheckboxCheckedRO.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
}

span.uncheckedRO {
    padding-left: 4px;
    padding-right: 10px;
    background-image: url(Images/General/CheckboxUncheckedRO.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
}

span.checkedROSearch {
    margin-left: 12px;
    background-image: url(Images/General/CheckboxCheckedROSearch.gif);
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
}

span.uncheckedROSearch {
    margin-left: 12px;
    background-image: url(Images/General/CheckboxUncheckedROSearch.gif);
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
}

.checkinput-warn-icon {
    color: #B33A3A;
    vertical-align: super;
}

/* END: CheckInput styles */

.radioRO {
    padding-left: 4px;
    padding-right: 4px;
}

.radioitemRO {
    margin-right:20px;
}

.radiogroup-validator {
    padding:0 !important;
    border:0;
    float: left;
}

.base-validator {
    color: #FF0000;
}

.detailsBody {
    background-color: transparent;
    scrollbar-base-color:#D2DCE6;
    scrollbar-arrow-color:#000000;
    scrollbar-shadow-color:#666666;
    scrollbar-highlight-color:#003366;
    scrollbar-track-color:#DCDCDC;
     height:100%; /* fehlende Verbindung bei Höhe Person ?, aber Scrollbar in EmptyPerson */
    /*overflow:auto; wird jetzt von div mit scrolling erledigt*/
}

.detailsScheduleBody {
    background-color:#F4F6F8;
    scrollbar-base-color:#D2DCE6;
    scrollbar-arrow-color:#000000;
    scrollbar-shadow-color:#666666;
    scrollbar-highlight-color:#003366;
    scrollbar-track-color:#DCDCDC;
    overflow:auto;
}

.LogPageBody {
    scrollbar-base-color:#D2DCE6;
    scrollbar-arrow-color:#000000;
    scrollbar-shadow-color:#666666;
    scrollbar-highlight-color:#003366;
    scrollbar-track-color:#DCDCDC;
    height:100%;
    overflow:auto;
}

.logPageDeveloperModeWarning {
    display: block;
    font-weight: bold;
    color: red;
    margin: 10px;
}

/********** MultiPage *************/
.MultiPageTable td, .FilesTable td {
    padding: 5px;
}

.MultiPageTable[id*="LicInfoTable"], .FilesTable {
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #ccc;
}

    .MultiPageTable[id*="LicInfoTable"] tr:nth-child(odd), .FilesTable tr:nth-child(odd) {
        background-color: #f2f2f2;
    }

.FilesTable {
    font-size: smaller;
}

#F_C_InfoReport {
    margin-left: -17px;
    font-weight: bold;
}

/********** Toolbar *************/
.toolbar td {

}

.btn { /* Toolbar Buttons */
    cursor: pointer;
    margin-right: 5px;
}
.btn1 { /* Toolbar Buttons */
    cursor: pointer;
    padding-top: 1px;
    margin-left: 5px;
    margin-right: 5px;
}

/* DVG Icons, wenn sie nicht angezeigt werden */
.noMargin {
    margin-right:0;
}

.cal {
    cursor: pointer;
    border-width: 0;
    vertical-align: middle;
}

.btnSmallerDisabled {
    cursor:default;
    margin-top:1px;
    margin-bottom:0px;
    margin-left:1px;
    margin-right:0px;
    border:solid 0px black;
}

.btnSmaller {
    cursor:pointer;
    margin-top:1px;
    margin-bottom:0px;
    margin-left:2px;
    margin-right:0px;
    border:solid 0px black;
}

.btnSmall {
    cursor:pointer;
    margin-top:1px;
    margin-bottom:0px;
    margin-left:1px;
    margin-right:0px;

}

/* Toolbar Buttons (Visit, ohne leeren Freiraum */
.btnLarger {
    cursor:pointer;
    margin-right:3px;
    margin-left:3px;
}

.displayCell {
    color:#3276be;
    font-weight:bold;
}

.displayCopyRecordStartupLine {
    cursor: pointer;
    padding-right: 10px;
}

.copyDialogClipboardIcon, .copyRecordClipboardIcon {
    font-size: larger;
}

.copyDialogClipboardIcon {
    padding-left: 10px;
}

.copyRecordClipboardIcon {
    padding-right: 10px;
}

.displayOpenRecordInNewWindow {
    cursor: pointer;
    padding: 0 10px;
}

.displayWidth {
    width:160px; /* verhindert das Zusammenstauchen der runden Ecke [korrespondiert mit Width in displayCell]*/
}

.displayName, .displayNameChanged {
    padding-left: 5px;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3276b1;
    line-height: 25px;
    font-weight: bold;
}
.displayNameChanged {
    color: #8f5d0d;
}
.displayNameChanged::before {
    content: "* ";
    font-size: larger;
    color: #8f5d0d;
}

.toolbar-dvg-labelContainer {
    margin-top: -1px;
    height: 25px;
    color: #000;
    overflow: hidden;
}
.toolbar-dvg-label {
    display: block;
    padding-top: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    height: 36px;
    margin-right: 3px;
}
.toolbar, .toolbar_div, .gridToolbar {
    background-color: #eaeaea;
}
.gridToolbar.GroupEditMode {
    background-color: #d6e0e9;
}
.toolbar-dvg-menu {
    height: 25px;
}
.toolbar_div {
    background-color: #d6e0e9;
    padding-right: 4px;
    padding-left: 4px;
}

.tbTreeContainer {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.tbTreeCell {
}

.tbTreeCellLabel { /* Not needed in this design*/
}

.tbTreeCellRecursivLabel {
    white-space: nowrap;
}

/*
* required and expected in xml-grid toolbar. But doesn't work with Calendar-popup as child.
*/
.gridToolbar table {
    height: 100%;
}

/* Abstand für Toolbarseparator */
.pl {
    margin-left:5px;
}

.pr {
    margin-right:5px;
}

/********************Menu*****************/


.bg { /* Menubuttons */
    cursor: pointer;
}

.menuDiv {
    position:absolute;
    z-index:99;
}

.navbarTop {
    padding:3px;
    background-color:#E6ECF3;
    text-align:left;
}

.tableBorder {
    border:1px solid #000000;
}


/*************************************/

.no_paddings td {
    padding:0 !important;
}

.bold {
    font-weight:bold;
}

.rotext {
    background-color: #eee !important;
    width: 173px;
    min-height: 20px;
    border: 1px solid #ccc;
}
.rotext_noborder {
    border:0px none #000000 !important;
    background-color:transparent !important;
}
.rotext_maxwidth {
    background-color: transparent !important;
    min-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-binding: url('firefoxXUL.xml#ellipsis');
}
.rotext_maxwidth.expanded {
    text-wrap: pretty;
    white-space: pre-wrap;
}

div.infoboxContainer {
    position: absolute;
    background-color: #ffffe1;
    border: solid 1px black;
    cursor: default;
    z-index: 7100;
}

div.infoboxContainer_IE6 {
    position: absolute;
    background-color: #ffffe1;
    border: solid 1px black;
    cursor: default;
    z-index: 15;
    width: expression(Interflex_InfoBox_CalculateCSSWidthIE6(this.clientWidth));
}

div.xprogressSpinner {
    width:18px;
    visibility:visible; /* NOTE: gets modified at runtime */
    text-align:center;
}
div.xprogressSpinner img {
    width:16px;
    height:16px;
    border:0;
}

.xalternatingCell {
  background-color: #F4F6F8;
}

/* empty horizontal row (the xml-ui-fw's row separator) */
.xemptyHR {
    border:20px;
}

/* normally used at the FileUpload control */
.dtText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rodtText {
    background-color: #eee;
}
.rotextNoB {
   border-style:none;
   border-width:0px;
   background-color:transparent !important;
}

.noBorder {
    border-style:none;
    border-width:0px;
}

.text_No {
    text-align: left;
}

/********** reset table to default style **************/

.defaultTable * {
    color: initial;
}

/* xml-grid: required for NumberInput controls, used as input-element in a cell of the xml-grid, since 2008.10.09 [vn] */
td.xdataCell div table .text_No {
    text-align:right;
}

.xrowSeparator {
  border-width:12px;
  border-style:none;
  height:12px;
}

/* xml-grid: required for NumberInput controls, used as input-element in a cell of the xml-grid, since 2008.10.09 [vn] */
td.xdataCell div .text_No {
    padding:1px;
    text-align :right;
    white-space:nowrap;
}

.text {
    width: 150px;
}

Submit.rmpView rmpHidden {
    color: #FFF;
    background-color: #3276b1;
    border: #255680 1px solid;
    border-radius: 2px;
    padding: 2px 10px;
}

.textSpinner {
    background-image: url(Images/Grid/spinner.gif);
    background-position: right;
    background-repeat: no-repeat;
    color: #888888;
}

.fillingText {
    border:1px solid #003366;
    width:100%; /* expected: 100% width */
}

/* LocalDevices dialog */
.LabelEnabled {
    color: #000000;
}

.LabelDisabled {
    color: #888888;
}

label[for*="LoactionFilterLabel"] {
    margin-right: 2px;
}

input[type="radio"] {
    height: 20px;
    vertical-align: top;
    margin-top: -3.5px;
}

.rmpView input label {
    margin-left: 19px;
    display: table;
    margin-top: -18.5px;
}

/* xml-ui-fw: required for a text input-control used as child of a MultiModeInput control
 *            which is in AdHoc-Filter- or GroupEdit- mode. */
.xmmiText {
    border: 1px solid #003366;
    width: 100%; /* expected: 100% width */
}

.rotext_No {
    text-align:left;
    background-color: #eee;
}

.rotext_No_noborder {
    border:0px none #000000 !important;
    text-align:right;
    background-color:transparent;
}

.textCB {
    width:133px;
    height: 20px;
    margin-right: -4px;
}

.rotextCB {
    background-color: #eee;
    width:150px;
}

.textSearchDyn1 {
    background-color: #f2f2f2;
}

.textSearchDyn2 {
    background-color: #FFFFFF;
}

/*.rolist in GridStyle, Definition der ItemListbox */
.area {
    background-color:#ffffff;
    border:1px solid #9EB7D8;
    scrollbar-base-color:#E6ECF3;
    scrollbar-arrow-color:#000000;
    scrollbar-shadow-color:#666666;
    scrollbar-highlight-color:#A5B7C6;
    scrollbar-track-color:#EFEFEF;
    width:150px;
    height:200px;
}

.top {
    vertical-align:top;
}

.bottom {
    vertical-align:bottom;
}

.right {
    text-align:right;
}

.pl50 {
    padding-left:50px;
}
.pl30 {
    padding-left:30px;
}
.pl20 {
    padding-left:20px;
}
.pl10 {
    padding-left:10px;
}
.pl10o {
    padding-left:10px;
    overflow:hidden;
}
.pl2 {
    padding-left:2px;
}
.pl5 {
    padding-left:3px;
    margin-left:-2px;
}
.pl5o {
    padding-left:5px;
    overflow:hidden;
}

.ml5 {
    margin-left:5px;
}

.prt10 {
    padding-right:10px;
    padding-top:10px;
}
.pr10 {
    padding-right:10px;
}
.pr5 {
    padding-left:6px;
    padding-right:2px;
}
.pr {
    padding-right:7px;
}

.pbo5 {
    padding-bottom:5px;
}
.pbo10 {
    padding-bottom:10px;
}
.pbo3 {
    padding-bottom:3px;
}

.pt4 {
    padding-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.nobr {
    white-space: nowrap;
    display: inline-block;
    padding-bottom: 1px;
}
.nobr td {
    white-space:nowrap;
}
.nobr label {
    vertical-align: super;
    display: inherit;
    margin-left: 2px;
}

.pt20 {
    padding-top:20px;
}
.pt15 {
    padding-top:15px;
}
.pt10 {
    padding-top:10px;
}
.pt5 {
    padding-top:5px;
}
.pt2 {
    padding-top:2px;
}

/* Styles for IconButton */
.iconbutton_default {
    color: #000;
    background-color: #FFF;
    border: #bbb 1px solid;
    border-radius: 2px;
    padding: 4px;
    font-size: 13px;
    vertical-align: bottom;
    height: 24px;
    width: 24px;
}

    .iconbutton_default:disabled {
        background-color: #aaa !important;
        border-color: #ccc !important;
        color: #101010 !important;
        cursor: default !important;
    }

.iconbutton_default:hover {
    cursor: pointer;
}

    .iconbutton_default:hover, .iconbutton_default:focus {
        background-color: #ddd;
    }

.iconbutton_default > i {
    height: 13px;
    width: 13px;
}

.iconbutton_highlight {
    color: #FFF;
    background-color: #3276b1;
    border: #255680 1px solid;
    border-radius: 2px;
    padding: 4px;
    cursor: pointer;
    font-size: 13px;
    vertical-align: bottom;
    height: 24px;
    width: 24px;
}

.iconbutton_highlight:disabled {
        background-color: #aaa !important;
        border-color: #767676 !important;
        color: #101010 !important;
        cursor: default !important;
    }

.iconbutton_highlight:hover, iconbutton_highlight:focus {
    background-color: #1e4a6f;
    border: #0e2940 1px solid;
}

.iconbutton_highlight > i {
    height: 13px;
    width: 13px;
}

.iconbutton_small {
    display: block;
    height: 11.5px !important;
    width: 11.5px !important;
    background-color: white;
    border: 1px solid #ccc !important;
    border-radius: 1px;
    font-size: 9px;
    padding: 0;
    vertical-align: bottom;
}

    .iconbutton_small:disabled {
        background-color: #aaa !important;
        border-color: #ccc !important;
        color: #101010 !important;
        cursor: default !important;
    }

    .iconbutton_small:hover {
        cursor: pointer;
    }

    .iconbutton_small:focus {
        background-color: white !important;
    }

    .iconbutton_small:hover, .iconbutton_small:focus {
        background-color: #ddd;
    }



/* Styles for TextButton */

.textbutton_uniquewidth {
    padding-left:5px;
    padding-right:5px;
    width:100%;
}
.textbutton_default, .dft_button {
    color: #FFF;
    background-color: #3276b1;
    border: #255680 1px solid;
    border-radius: 2px;
    padding: 2px 10px;
    height: unset;
}

#ButtonYes, #ButtonNo, #ButtonOk {
    padding: 3px 10px !important;
}

.textbutton_disabled {
    color: #FFF;
    background-color: #ccc;
    border: #aaa 1px solid;
    border-radius: 2px;
    padding: 2px 10px;
    color: #999;
    height: unset;
}
.textbutton_hover, .textbutton_default:hover, .dft_button_hover {
    color: #FFF;
    background-color: #1e4a6f;
    border: #0e2940 1px solid;
    border-radius: 2px;
    padding: 2px 10px;
    height: unset;
}
.textbutton_focus {
    color: #FFF;
    background-color: #1e4a6f;
    border: #0e2940 1px solid;
    border-radius: 2px;
    padding: 3px 10px;
    height: unset;
}
.textbutton_link {
    border-style: none;
    background-color: #F4F6F8;
    color: #003366;
    font-weight: bold;
    cursor: pointer;
    margin-top: -3px;
    height: unset;
}
.textbutton_link_hover {
    border-style: none;
    background-color: #F4F6F8;
    color: #003366;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    margin-top: -3px;
    height: unset;
}

/********** Snap *****************/

.snap {
    border:1px solid #000000;
}
.snapHeader {
    background-color:#4567B5;
}
.snapHeaderBorder {
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    cursor:move;
}

.SnapTitle {
    color:#FFFFFF;
    font-weight:bold;
}
.SnapContent {
  padding: 3px;
  background-color: #FFFFFF;
  cursor: default;
  border-top:1px solid #000000;
  top:500px;
  left:50px;
}

.white {
    background-color:#FFFFFF;
}

/********************************** Shadow ****************/

.shadowBg2 {
    background-image:url(../../Images/shadow2.gif);
    background-repeat:no-repeat;
}

.shadowBg5 {
    background-image:url(../../Images/shadow5.gif);
    background-repeat:no-repeat;
}

/**********************editable Grid / Schedule shiftGrid********/

.no_padding td {
    padding:0px;
}

/********************Vacation******************/

.reticule {
    border-collapse:collapse;
    background-color:#FFFFFF;
}

.reticule td {
    border-width:1px;
    border-color:#000000;
    border-style:solid;
    white-space:nowrap;
}

.overviewTable {
    width:300px;
    height:200px;
    background-color:#D4E6FE;
    vertical-align:top;
    border-bottom:20px solid #FFFFFF;
    padding:10px;
}

.requestTable {
    background-color:#EEF2E1;
    border-right:20px solid #FFFFFF;
}

.listTable {
    background-color:#EFEFEF;
    vertical-align:top;
    padding:10px;
    height:400px;
}

/*********************  Popup *************************/

.popupTable {
    border:1px solid #666666;
    background-color:#E6EBF0;
}

.popupTitleTable {
    width: 100%;
    height: 26px;
    background: #ccc;
}

.popupTitleCell {
    cursor:move;
    padding-left:3px;
}

.popupTitle {
    cursor:move;
    font-weight:bold;
    color:#000000;
}

.popupCloseButtonCell {
    height:16px;
    border-left:1px solid #666666;
}

.popupCloseButton {
    cursor:pointer;
}

.popupTitleClose {
    width:14px;
    height:16px;
    text-align:right;
    border-left:1px solid #666666;
    cursor:pointer;
}

.popupContent {
}

.popupContentCell {
    padding:10px;
    padding-top:15px;
}
.popupContentCell2 {
    padding:0px;
}

/* Popup Schedule / Settings */
.boxTable {
    border:1px solid #999999;
    background-color:#F4F6F8;
}
.boxTitle {
    background-image:url(Images/Menu/menu_bg_h.gif);
    border-top:1px solid #E6ECF3;
    border-left: 1px solid #E6ECF3;
    border-right-color: #424142;
    border-bottom-color: #424142;
    width:100%;
    height:20px;
}
.boxCell {
    border-top:1px solid #000000;
}

/* Popup Variation / mit gelber Headerzeile / wird nicht verwendet*/
.popTable {
    border:1px solid #333333;
    background-color:#e9e9e9;
}
.popTitle {
    background-image:url(Images/General/popupTitle_bg.gif);
    background-repeat:repeat-x;
    width:100%;
    height:25px;
    border-bottom:1px solid #666666;
}
.popCell {
    border-top:1px solid #424142;
}

/*******************************Login**************************/

.loginTitle {
    background-image:url(Images/Navbar/item_bg.gif);
    height:30px;
    text-align:center;
    white-space:nowrap;
    border-left:1px solid #CBCBCE;
    border-right:1px solid #CBCBCE;
}
td.loginTitle span {
    color:#333333;
}
.loginFailureText {
    color:#ff0000;
    background-color:#FFFFFF;
    /*padding-left:25px;*/
    white-space:normal;
}
.loginTable {
    background-color:#fff;
    border:1px solid #ccc;
}
.checkboxLabel {
    padding-left:5px;
    vertical-align:baseline;
    /*padding-top:10px;*/
}

/* Boxes for a unique Layout of pop-up pages, wizards, etc. */

.descriptionBox {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    padding: 5px;
}
.descriptionBoxContent {
    margin-left: 20px;
}
.descriptionParagraph {
}

.dataBox {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.TextCssClass {
    color:Red;
}

/* Style classes used in data field compositions inside ASP */

p.verticalFieldLabel {
    margin-top:8px;
    margin-bottom:0px;
}
p.verticalFieldInput {
    margin-top:5px;
    margin-bottom:0px;
}
p.verticalFieldSummary {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:20px;
}
div.verticalFieldSummary {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:20px;
}
.summaryValue {
    color: Green;
}
.requiredLabel {
    color: Red;
}

/*************************************EntityPicker + EntityBrowser *************/

.Explorer {
    border:1px solid #333333;
}

/*************** Group **************************/

.groupText, .groupTextCell {
    color: #3276b1;
    font-weight: bold;
}
.groupTextCell {
    white-space:nowrap;
    padding-right:3px;
}
.groupHrCell {
    width:100%;
}
.groupHr {
    display: none;
}
.groupTable {
    width:100%;
    margin-bottom:8px;
    margin-top:5px;
    margin-bottom:8px;
    border-bottom: 1.5px solid #d6e0e9;
}
.groupTableV { /* Gruppierung Pförtnerdialog */
    width: 100%;
}
.groupTable3 { /* kein Abstand nach oben */
    width: 100%;
    padding-bottom: 13px;
}
.groupTable2 { /* SkinID="Aligned" */
    width: 100%;
    margin: 5px 0 8px 0;
    border-bottom: 1.5px solid #d6e0e9;
}
.topGroup table.groupTable td {
    background-color:Maroon;
    padding-top:-5px !important;
    padding-right:0 !important;
}

/*************** Detail Dialogs AccessManagement ***********/

.grfieldset {
    width:100%;
    padding-left:10px; border-bottom-style:none; border-left-style:none; border-right-style:none;
}
.grfieldsetpt20 {
    width:100%;
    padding-top:20px; padding-left:10px; border-bottom-style:none; border-left-style:none; border-right-style:none;
}

/******** Editable Grids ***************/

.hiddenColumn { /*auch fuer workaround Tabellenueberschrift*/
    display: none;
}

/******** Sap/Online - Person Status ***************/

.attendancestate_default {
    color:Red;
}
.attendancestate_illegal {
    color:Red;
}
.attendancestate_absent {
    color:Red;
}
.attendancestate_offsite {
    color:Blue;
}
.attendancestate_break {
    color:Blue;
}
.attendancestate_present {
    color:Green;
}

.sap_service_ok {
    color:Green;
}
.sap_service_warning {
    color:Yellow;
}
.sap_service_down {
    color:Red;
}

.lselect {
    background-color:#d4e6fe;
    cursor:pointer;
    padding-left:2px;
}

.warning {
    color:Red;
}

.emptyDetails {
    width:100%;
    padding-left: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
}

/***************************** Login Neu **************************/
.loginContainerDiv {
    width: 100%;
    display: table; /* important when it comes to display the BrowserRequirementsLock (cache warning) which is absolute but inside a server control */
}
.loginMainTopDiv, .loginMainTopDivInfo {
    margin: 70px auto 0;
    border: #ccc 1px solid;
    background-color: #F2F2F2;
}
.loginMainTopDiv {
    width: 475px;
}
.loginMainTopDivInfo {
    width: 720px;
}
.loginMainDiv, .mfaMainDiv {
    height: 285px;
    width: 474px;
    margin: 0 auto 0;
    background-color: #fff;
    color: #000 !important;
    text-align: left; /*nicht für Html-Doctype */
    padding-right: 1px;
    border: #ccc 1px solid;
    border-top: 0;
}

.loginSsoContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.loginSsoButton {
    width: 474px;
    cursor: pointer;
    margin-top: 20px;
    background-color: #fff;
    color: #000 !important;
    text-align: center;
    border: #ccc 1px solid;
}
.loginSsoButton:hover {
    background-color: #8cf;
}
.loginSsoLink {
    display: block;
    width: 100%;
    padding: 15px 0;
}

/* compatibility rules for duplicates of login page */
.loginMainDiv:not(.landingPage) {
    height: 370px;
}
.loginMainDiv:not(.landingPage) table, .mfaMainDiv table {
    margin-top: 0px !important;
    padding-top: 46px !important;
    padding-right: 80px;
    padding-left: 90px;
}

.withReg {
    height: 335px;
}
.withMfa {
    height: 380px;
}
.withRegMfa, .withInf {
    height: 440px;
}
.withRegInf {
    height: 510px;
}
.withMfaInf {
    height: 550px;
}
.withRegMfaInf {
    height: 600px;
}
.withInf, .withRegInf, .withMfaInf, .withRegMfaInf {
    width: 720px;
}

.loginTopDiv {
    height: 40px;
    width: 475px;
    text-align: left;
    padding: 10px 0;
    margin-left: 0.2px;
    padding-right: 0px;
}
.loginIfLogo {
    float: left;
    width: 190px;
    height: 40px;
    background-image: url(Images/General/IfLogo2022line.svg);
    background-size: 160px;
    background-position: right;
    background-repeat: no-repeat;
}
.loginCustomLogo {
    float: right;
}

#lgLogin_UserName, #lgLogin_Password, #lgLogin_Tb_NewPwd, #lgLogin_Tb_ConfirmPwd, #lgLogin_OneTimePassword {
    padding: 7px 10px;
    border: #ccc 1px solid;
}

.loginMainDiv center {
    height: 10px;
}

/***+.loginFailureText von oven****************/

/*************************** Abstand Content to MainMenu [GrayDarkBlue]***************/

.spaceBottom {
    padding-bottom: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

/*********************************** Welcome Page *************************/

.welcomeMainContainerDiv {
    width: 100%;
    height: 100%;
    text-align: center;
}

.welcomeMainContainerBackground-skyline {
    background-image: url(Images/General/welcome-background-skyline.jpg);
    background-repeat: no-repeat;
}

.welcomeMainContainerBackground-butterfly {
    background-image: url(Images/General/welcome-background-butterfly.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.welcomeMainDiv {
    display: inline-block;
    width: 780px;
    margin-top: 25px;
    border: #ccc 1px solid;
    background-color: #FFF; /* fits new welcome logo */
}

.welcomeHeader, .welcomeTitle, .bow.top {
    background-color: #f2f2f2;
    border-bottom: #ccc 1px solid;
}

.welcomeMainDiv > table > tbody > tr > td.right {
    height: 360px !important;
}

.welcomeTitle {
    height: 40px;
    width: 250px;
    min-width: 250px;
    padding-left: 75px;
    text-align: left;
}

.bow {
    height: 0px;
}

.welcomeLabel {
    color: #333;
    font-size: 150%;
    white-space: nowrap;
}

.welcomeHeadline {
    width: 330px;
    height: 23px;
    line-height: 23px;
    margin-left: 75px;
    padding-top: 15px;
    text-align: left;
}

.welcomeHeadlineLabel {
    height: 100%;
    font-weight: bold;
}

.welcomeSpacings {
    padding-left: 75px;
    padding-top: 15px;
}

.spaceTop {
    padding-top: 5px;
}

.welcomeLinks {
    color: #003366;
    text-decoration: none;
    padding-left: 12px;
}

a.welcomeLinks:hover {
    color: #000000;
    text-decoration: none;
}

#F_C_Label4, #F_C_Label5 {
    margin-top: 10px;
    width: auto !important;
}

.loginTopDiv input.dft_button, .loginTopDiv input.dft_button_hover {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 150px;
    position: sticky;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-10%);
}

.loginTopDiv .loginOldSessionsElement {
    padding: 0px !important;
    width: 53.5%;
    margin: auto !important;
    background-color: #ffffff !important;
}

/* Alternative für workflow requests
a.welcomeLinks:hover, a.welcomeLinks:active
{
    color:#000000;
    text-decoration:none;
}*/
.scrolling {
    scrollbar-base-color: #D2DCE6;
    scrollbar-arrow-color: #000000;
    scrollbar-shadow-color: #666666;
    scrollbar-highlight-color: #003366;
    scrollbar-track-color: #DCDCDC;
    position: relative;
}

/************************** MultiMode: Filter, GroupEdit *********************/
.FilterMode_i {

    background-color: #d6e0e9;
    border: 1px solid #97a4be;
}
.FilterMode_i td {
    padding:3px !important;
}
.FilterMode_a {
    background-color: #879bb0;
    border:1px solid #003366;
}
.FilterMode_a td {
    padding:3px !important;
}

.GroupEditMode_i {
    background-color: #d6e0e9;
    border: 1px solid #97a4be;
}
.GroupEditMode_i td {
    padding:3px !important;
}
.GroupEditMode_a {
    background-color: #94c100;
    border:1px solid #003366;
}
.GroupEditMode_a td {
    padding:3px !important;
}
/* Um Auswirkungen von .GroupEditMode_a td auf den Kalender wieder aufzuheben     */
.GroupEditMode_a .calendar td {
  padding:0 !important;
}
.GroupEditMode_a .month td.dayheader {
  padding-bottom:5px !important;
  padding-left:5px !important;
}
.GroupEditMode_a .month td.day {
  padding-bottom:2px !important;
  padding-left:2px !important;
}

/* Ende Auswirkungen                                                            */

/* Workaround wg ererbte Paddings von 3px bei ExtraTimeInput, wg. CA-Menu kein direkter Zugriff auf entsprechende td */
.DDBGroup td {
    padding:0 !important;
}
.MMImage {
    border:0px;
    height:17px;
    width:13px;
}

/* Toolbar Filter */
.displayCellFilter {
    background-repeat:no-repeat;
    width:160px;
    height:25px;
    color:#000000;
}

/* Toolbar GroupEdit */
.displayCellGroupEdit {
    background-repeat:no-repeat;
    width:160px;
    height:25px;
    color:#000000;
}

/****** RuntimeError *******/
.rEMessage {
    border:1px solid #003366;
    background-color:#F5F6F8;
    margin:10%;
}
.rELabel {
    line-height:30px;
    font-weight:bold;
    color:#003366;
}

/************** greater Toolbars ********/

.toolbarGreat { /*einzeilig in höherer TB*/
    border: 1px solid #cccccc;
    height: 26px; /*Minimum in BlueGradient f. Menu, combobox und Icons */
    background-image: url(Images/General/toolbarBg.gif);
    background-repeat: repeat-x;
}
.toolbarGreatD { /* ohne Höhenangabe */
    border: 1px solid #cccccc;
    background-image: url(Images/General/toolbarBgB.gif);
    background-repeat: repeat-x;
}
.toolbarGreatB { /* zweizeilig */
    border: 1px solid #cccccc;
    height: 53px;
    background-image: url(Images/General/toolbarBgB.gif);
    background-repeat: repeat-x;
}
.toolbarGreatC { /* dreizeilig */
    border: 1px solid #cccccc;
    height: 67px;
    background-image: url(Images/General/toolbarBgC.gif);
    background-repeat: repeat-x;
}

.tBArea {
    background-color:#f2f2f1;
    border:1px solid #666666;
}

/****************************************************/
.colorInputPicker {
    border:0;
    width:120px;
    height:78px;
}
.colorInputPicker_grid {
    border:0;
    width:120px;
    height:75px;
    background-color:White;
}
.colorInputPicker_cell {
    border:2px outset aliceblue;
}
.colorInputPicker_cellActive {
    border:2px dotted lightslategray;
}
.colorInputPicker_cellHover {
    border:2px inset aliceblue;
    cursor:pointer;
}

/****************************************************/
/******* clientComponentInstaller *******************/

div.clientComponentsInstallerDescription {
    margin: 20px;
}
div.clientComponentsInstallerButtons {
    margin: 20px;
    text-align: center;
}

/****************************************************/
/******* LogPanel ************************************/
.logPanel {
    border:solid 1px #000000;
}
.logPanelToolbar {
    background-color:#003366;
    height:15px;
    border-bottom:1px solid #000000;
    padding-top:1px;
}
.logPanelContent {
    overflow-x:auto;
    overflow-y:scroll;
    SCROLLBAR-HIGHLIGHT-COLOR: #666666;
    SCROLLBAR-SHADOW-COLOR: #333333;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #666666;
    SCROLLBAR-BASE-COLOR: #cccccc;
    background-color:#FFFFFF;
}

/****************************************************/
/** Type Image for Picker*****************************/
.typeImage {
    width: 16px;
    height: 16px;
}
/****************************************************/

/********* QuickSearch *********/
.qs {
    height: 17px;
    width: 17px;
    cursor: pointer;
    -moz-user-select: none;
    padding: 0 2px 0 2px;
    /* margin-right: -4px; */
}

.qsTreeContainer {
    display:inline-flex;
}

.qsTreeContainer .inputCell {
    flex-basis: 100%;
    padding: 1.5px 0 2px 2px;
}

.qsTreeContainer .buttonsCell {
    flex-basis: inherit;
    flex-shrink: 0;
    padding: 1px 2px 0px 0;
    margin-left: 8px;
}

.ts {
        height: 20px;
        width: 18px;
        cursor: pointer;
}

.main-content .group ipnut.text {
    margin-bottom: 1px;
    height: 19px;
}

.treeSearch {
    width:18px;
    height:17px;
    cursor:pointer;
    margin-right:5px;
}

.roleScrolling {
    overflow-y:scroll;
    overflow-x:hidden;
}

.quicksearch-columnlist, .entitypicker-contextlist, .entitypicker-contextlistheader {
    border:             solid 1px #003366;
    background-color:   #FFFFFF;
}

.entitypicker-contextlistcontainer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.entitypicker-contextlist {
    border-top: 0;
    width: 100%;
}
.entitypicker-contextlistheader {
    background-color:   #829bb4;
    font-size:     x-small;
    font-weight:   bold;
    padding-left:  3px;
    padding-right: 3px;
}

.quicksearch-columnmessage {
    border:             solid 1px #003366;
    background-color:   #FFFFFF;
    color:              #888888;
    width:              200px;
    white-space:        normal;
}

.quicksearch-columnitem0, .entitypicker-contextitem0 {
    cursor:             pointer;
    background-color:   #FFFFFF;
    border:             1px solid #FFFFFF;
    padding-left:       5px;
    padding-right:      5px;
}

.quicksearch-columnitem1, .entitypicker-contextitem1 {
    cursor:             pointer;
    background-color:   #f4f6f8;
    border:             1px solid #FFFFFF;
    padding-left:       5px;
    padding-right:      5px;
}

.quicksearch-columnitemX {
    cursor:             pointer;
    background:         #829bb4;
    border:             1px solid #FFFFFF;
    padding-left:       5px;
    padding-right:      5px;
    color:              #000000;
}

.quicksearch-columnitem0:hover, .quicksearch-columnitem1:hover, .entitypicker-contextitem0:hover, .entitypicker-contextitem1:hover {
    cursor:             pointer;
    background:         #d2dce6;
    border:             1px solid #CCCCCC;
    padding-left:       5px;
    padding-right:      5px;
}

.entitypicker-contrictedwidth {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entitypicker-removeIconLink > img {
    width: 17px;
    height: 17px;
}

.entitypicker-inputhidingicons {
}

.entitypicker-iconsanchor-h, .entitypicker-iconsanchor-v, .entitypicker-iconsanchoractive-h, .entitypicker-iconsanchoractive-v {
    width: 5px;
    background-color: #3d5a9f;
    display: flex;
    flex-direction: row-reverse;
}

.entitypicker-iconsanchoractive-h, .entitypicker-iconsanchoractive-v {
    background-color: transparent;
}

.entitypicker-iconsanchor-v, .entitypicker-iconsanchoractive-v {
    padding-top: 1px;
}

.entitypicker-iconscontainer, .entitypicker-iconscontaineractive, .entitypicker-iconscontainerexpanded {
    position: relative;
    left: -6px;
    white-space: nowrap;
    background-color: white;
    padding: 1px;
}

.entitypicker-iconscontainer {
    visibility: hidden;
}

.entitypicker-iconscontaineractive {
    visibility: visible;
    transform-origin: right;
    transform: scaleX(0);
}
.entitypicker-iconscontainerexpanded {
    transform: scaleX(1);
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.entitypicker-iconscontainercompressed {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(1, 0, 1, 0.8);
}

/************** Usersettings ****************/

.checkOptionsHelp {
    display: inline;
    margin-left: 20px;
    margin-bottom: 10px;
    float: right;
}
.checkOptionsTools {
    float: right;
}
.checkOptionsTool {
    margin: 0px 10px 20px 10px;
}
.checkOptions {
    background-color: #FFFFFF;
    height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #003366;
    margin-bottom: 10px;
}
.checkOptionsTable {
}
.checkOptionLabelCell {
    white-space: nowrap;
}


.dummySplitter {
    background-color: #f4f6f8;
    border: 1px solid #000000;
    height: 95%;
}

/* Needed in Telerik Splitter Pane, which may contains menus which if opened should open not be cut by the splitter pane */
/* example: DVG toolbar menus should be visible even if DVG pane has a low height */
.overflowablePane {
    overflow: visible !important;
}

.opticalFrame {
    background-color: #f4f6f8;
    border: 1px solid #000000;
    height: 95%;
}

/********Schriftfarbe DVG-Info: DataViewControl.MaxRows*******************/

.colorInfo {
    color:#000000;
}

.monoSpaceTextBox {
    font-family: "Courier, monospace";
    color:#ff0000
}


/*************************************************************************/
/***************************CSS-Änderungen 2019***************************/
/*************************************************************************/

/***************************Menü***************************/

.MenuBackground > tr {
    background-color: #ffffff;
    border: none;
}

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

#M_M1_MB {
    background-color: #ffffff;
}

/***************************Breadcrumbs + Menü oben***************************/

.loginDisplay {
    color: #003366;
    font-weight: bold;
    font-style: italic;
}

.MenuBackground {
    background-color: #fff;
}


.itl {
    width:100%;
    margin:0px;
}

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

.btn, .treeSearch, .TreeView .btn, .qs, .ts, .cal, .mouse, .btnLarger, img[onclick*="SpecialDaysCalendar"], img[src*="copy"], img[src*="msave"], img[src*="print"], img[src*="save"], img[src*="ts_inactive"] {
    height: 18px !important;
    width: 18px !important;
    background-color: #fff;
    border: 1px solid #ccc !important;
    border-radius: 2px;
    padding: 2px;
    margin: 1px;
}

.btn:hover, .treeSearch:hover, .TreeView .btn:hover, .qs:hover, .ts:hover, .cal:hover, .mouse:hover, .btnLarger:hover, img[onclick*="SpecialDaysCalendar"]:hover, img[src*="copy"]:hover, img[src*="msave"]:hover, img[src*="print"]:hover, img[src*="save"]:hover, img[src*="ts_inactive"]:hover {
    background-color: #bbb;
    border: 1px solid #888;
}

.no_mouse {
    height: 18px !important;
    width: 18px !important;
    border-radius: 2px;
    background-color: #aaa;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 2px;
}

.gridToolbar .btn {
    height: 18px !important;
    width: 18px !important;
    margin: 3px;
}

/**** Container of small buttons ****/
div.entity-picker-icon-container-horizontal-layout {
    width: 100px !important;
}

.btnSmall {
    height: 13px !important;
    width: 13px !important;
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 4px;
    border-radius: 2px;
    margin-bottom: 2px;
}

div.entity-picker-icon-container-standard {
    width: 100px !important;
    margin-right: 5px;
}
div.entity-picker-icon-container-vertical-layout {
    display: flex;
    flex-direction: column;
}

.btnSmall:hover {
    background-color: #ddd;
}

.btnSmallerDisabled {
    height: 13px !important;
    width: 13px !important;
    background-color: #d7d7d7;
    border: 1px solid #888;
    padding: 4px;
    margin-bottom: 2px;
    border-radius: 2px;
}

[src *="eTPlus"] {
    height: 9.5px !important;
    width: 10px !important;
    border-radius: 1.5px;
    margin-left: -1px;
    margin-top: -2.5px;
    border: 1px solid #ccc !important;
    display: block;
}

[src *="eTMinus"] {
    height: 9.5px !important;
    width: 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 1.5px;
    margin-left: -1px;
    margin-bottom: -2.5px;
    display: block;
}

.pl10.right input[type="submit"] {
    height: 30px;
}

.pl10.right input[type="submit"]:hover {
    height: 30px;
}

.xedit, .xremove, .xapply, .xcancel, .xedit_h, .xremove_h, .xapply_h, .xcancel_h {
    background-size: 15px 15px;
}

.eifl {
    background-size: 16px 16px;
}

/*************************** Input **************************/

input {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 1px;
    height: 20px;
}

.propTree {
    border: 1px solid #003366;
}

/*************************** Aktionsdialog **************************/

.actionButtons {
    overflow: auto;
    width: 100%;
    height: 100%;
}

.actionButtons .customerTable {
    border: 0;
    width: 100%;
}

.actionButtons input[type="image"] {
    width: 75px;
    height: 50px;
}

.actionButtons .buttonLabel {
    width: 160px;
    height: 55px;
    display: flex;
    justify-content: center;
}

.actionButtons .buttonClose {
    margin-top: 20px;
    margin-right: 20px;
    position: absolute;
    bottom: 10px;
    right: 0;
}

/*************************** Multi-Factor **************************/

.mfaMainDivExpanded {
    height: 480px;
}


/*************************** Horizontal Splitter **************************/
.rspResizeBarHorizontal {
    display: block;
}


/********** Common ***********/
.preventSelect {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.inputSuccess {
    border-color: #008b00 !important;
    background-color: #318641 !important;
    color: #fff !important;
}

.inputWarning {
    border-color: #8b0000 !important;
    background-color: #dc143c !important;
    color: #fff !important;
}

.resetWarning {
    border-color: #ffd700 !important;
    border-width: 2px !important;
}