@font-face {
    font-family: 'Digital 7';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('/PMSWeb/fonts/digital7/digital-7 (mono).ttf') format('truetype');
}

body {
    background-color: #F0F0F8;
    overflow-x: auto;
}

body, P, TD, TH, LI, UL, OL, blockquote, pre {
    font-family: 'Roboto', Helvetica, Arial;
    font-weight: 400;
    font-size: 10pt;
}

.red {
    background-color: #ED1C24;
}

i.green {
    color: green !important;
}

.red-text {
    color: #ED1C24;
}

.top-align {
    vertical-align: top !important;
}

.help-block {
    display: inline;
}

.labelvalue {
    word-break: break-all;
    display: inline-block;
    font-weight: bold;
    color: #2f4f4f;
}

.error-popup {
    width: 80% !important;
    max-width: 700px !important;
    height: 80% !important;
    max-height: 600px !important;
}

    .error-popup iframe, .dxpc-contentWrapper {
        height: 600px !important;
        background-color: #F0F0F8;
    }

.dxpcDropDown .dxpc-contentWrapper {
    height: 100% !important;
}
/*.error-popup iframe, .dxpc-contentWrapper {
    height: 600px !important;
}*/
.btn-primary {
    background-color: #4081C4;
}

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        background-color: #214C79;
    }

.btn, .btn-sm {
    padding: 4px 6px !important;
    font-size: 10pt !important;
    line-height: 1.2 !important;
    border-radius: 3px !important;
}

.btn-group .btn, .number-spinner .btn, .input-group .btn {
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    border-radius: 4px !important;
}

.table > tbody + tbody, td td td {
    border-top: none !important;
}

.hide-border, .hide-border > tr, .hide-border > tbody > tr,
.hide-border > thead > tr > th, .hide-border > tbody > tr > th, .hide-border > tfoot > tr > th,
.hide-border > thead > tr > td, .hide-border > tbody > tr > td, .hide-border > tfoot > tr > td {
    border: none !important;
}


td table {
    margin-bottom: 0 !important;
}

.table {
    width: 98%;
    margin-bottom: 0;
}

    .table td {
        border-color: #ddd !important;
    }

    .table .table-bordered {
        border-radius: 5px;
        border-width: 4px;
        border-color: #ddd !important;
    }

.tblAlternatingItem:hover, .table-bordered tr:hover {
    background-color: #e0e0e0;
}

.table.table-bordered tr.tblHeader:hover {
    background-color: initial;
}

.table > tbody > tr.SubCell > td {
    border-top: 1px solid #f4f4f4;
}

.table > tbody > tr.SubCell:first-child > td {
    border: none;
}

.tblForm td:first-child {
    padding-right: 1em;
}

.numeric {
    text-align: center;
}

.sort-sequence {
    text-align: center;
}

.tblHeader {
    background-color: #ddd;
}

    .tblHeader td, .tblHeader th {
        text-align: center;
        font-weight: 700 !important;
        vertical-align: middle;
    }

    .tblHeader td, .tblHeader th, .tblItem td, .tblAlternatingItem td {
        padding: .25em .25em .25em .25em;
    }

ho .tblCellB {
    font-weight: 700;
}

.tblCellH {
    background-color: #ffcc77;
}

.tblAlternateCellH {
    background-color: #ffddaa;
}

.tblCellLTB {
    text-align: right;
}

td {
    vertical-align: middle !important;
}

.number-spinner button {
    margin: 0;
}

.small-font {
    font-size: 9pt;
}

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


.btn {
    margin: .25em;
}

img.btn {
    padding: 0;
    background-color: white;
    width: 1em;
    height: 1em;
}

.flex-column {
    align-items: flex-start;
}

.label {
    border-radius: 50%;
}

input.form-control, select.form-control {
    display: inline-block;
    padding: 0 0 0 .5em;
    font-size: 10pt;
    height: 24px;
}

.input-group input.form-control {
    height: 34px;
}

select.form-control {
    max-width: 15em;
    padding-left: .25em;
}

.dxeButtonEditButton {
    padding: 0px 6px 1px 7px;
}

input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
    height: 22px;
}

.dxeButtonEdit, .dxeButtonEditButton, .dxeCalendarButton, .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton, .dxeColorEditButton {
    border-color: #d2d6de;
    font: inherit;
}

.top-menu-container {
    position: fixed;
    top: 0;
    z-index: 1020;
}

.header {
    background-color: #4081C4;
}

.tblHeader a {
    background-color: initial;
    color: initial;
    border: none;
    text-decoration: underline;
}

.not-fixed-menu .main-block {
    margin-top: 100px;
}

.not-fixed-menu #top-menu {
    width: 100%;
}

.not-fixed-menu .header_logo {
    width: 120px;
}

#top-menu, #menu {
    z-index: 9999;
}

.fixed-menu #top-menu {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.fixed-menu .header_logo {
    width: 44px;
    background: url('/PMSWeb/images/logosmall.png') no-repeat center;
}

.fixed-menu .main-content {
    padding-top: 108px;
}

.header .header_dashboard i.new-notify {
    position: relative;
    top: -1.5em;
    right: .1em;
    text-align: center;
    font-size: .8em;
    color: #00a65a;
}

.fixed-menu .header .header_dashboard i.new-notify {
    top: -1.2em;
    font-size: .6em;
}

.modal-dialog {
    margin-top: 120px;
}

@media (max-width: 767px) {
    #menu {
        position: absolute;
        left: 0;
        top: 0;
        height: 50px;
        width: 50px;
    }
}

@media (min-width: 767px) {
    #menu {
        position: fixed;
        left: 0;
        height: 100%;
        min-height: 1500px;
    }
}



.header .flex-container {
    justify-content: stretch;
    align-items: stretch;
}

.header .flex-block {
    align-items: center;
    display: flex;
    padding: .5em;
    background-color: #4081C4;
    color: white;
}

    .header .flex-block:first-child {
        background-color: white;
    }

.header .avatar {
    justify-content: flex-end;
    padding-right: 0;
    flex-grow: 0;
}

.header .user-name {
    padding-left: 0;
    flex-grow: 0;
}

.header .header_logo {
    flex-grow: 0;
}

.header .header_info {
    background-color: #4081C4;
    color: white;
    flex-grow: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.header .img-circle {
    height: 2em;
    margin-right: .5em;
}

.header .header_dashboard {
    color: white;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .7em .5em 0 0;
}

.fixed-menu .header .header_dashboard {
    /*padding: 1em .5em 0 0;*/
}

.header .header_dashboard a {
    display: block;
    width: 3.2em;
    text-align: center
}

.header .header_dashboard i {
    font-size: 1.5em;
    color: #f2f2f2
}

.fixed-menu .header .header_dashboard i {
    font-size: 1em;
}

.header .header_dashboard .label {
    position: relative;
    top: -1.5em;
    right: .5em;
    text-align: center;
    font-size: .8em;
    padding: 3px 5px;
    line-height: .9;
    border-radius: 50%;
    color: white;
}

.fixed-menu .header .header_dashboard .label {
    top: -1em;
}

.sub-header {
    background-color: #F0F0F8;
    border-bottom: 2px #ddd solid;
}

    .sub-header .flex-container {
        align-items: center;
    }

    .sub-header .flex-block {
        flex-grow: 0;
    }

    .sub-header .clock {
        font-family: 'Digital 7';
        font-size: 1.8em;
        padding-right: .25em;
        margin: .2em;
    }

    .sub-header .label {
        line-height: 2;
        color: white;
    }

    .sub-header .fast-access i, .roomplan-menu .date-block i {
        font-size: 1.5em;
        color: #B8B9C0;
        width: 1.5em;
        text-align: center;
    }

        .sub-header .fast-access i:hover {
            color: #999999;
            font-weight: 700;
        }

    .sub-header .grayed {
        background-color: #D6D6DD;
        border-radius: 2px;
        float: right;
    }

    .sub-header .small-font .grayed {
        margin-left: .2em;
    }


.main-content .flex-container {
    flex-wrap: nowrap;
}

.menu-block {
    display: none;
    background-color: #4081C4;
    flex-grow: 0;
}


.main-sidebar {
    padding-top: 1em;
    display: flex;
    flex-direction: column;
}

a.sidebar-toggle i, a.sidebar-toggle:hover i {
    background-color: #4081C4;
    color: white;
    font-size: 1.5em;
    padding-left: .5em;
    padding-top: .5em;
    width: 1.7em;
    text-align: center;
}

.sidebar-menu .treeview-menu > li > a {
    font-size: inherit;
}

.sidebar-menu .pull-right-container i {
    margin-top: .25em;
    margin-right: .75em;
}

.sidebar-menu > li > a {
    background-color: #4081C4;
}

@media (min-width: 368px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        top: initial;
    }
}


.sidebar-collapse .main-sidebar {
    width: 50px;
}


.main-sidebar, .left-side {
    position: relative;
    width: 280px;
}

    .main-sidebar .treeview-menu {
        background-color: #83BAFF;
        padding-left: 2em;
    }

.treeview, .treeview-menu > li {
    background-color: rgb(0,0,0,0);
}

li.treeview > a > i {
    width: 1.5em;
    text-align: center;
}

.sidebar-menu a {
    color: white;
}

.sidebar-menu .treeview-menu > li > a {
    /*padding:0*/;
}

.sidebar-menu a {
    color: white;
    /*padding: .5em 1em .5em 1em;*/
    text-decoration: none;
}

.sidebar-menu > li > a > span {
    /*padding-right: 5em;*/
}


.treeview * {
    z-index: 1000000 !important;
}

.treeview-menu {
    width: initial;
}

.treview-submenu {
    min-width: 300px;
}

.main-sidebar .treeview-menu > li > a > span, .main-sidebar .treview-submenu > li > a {
    /*padding-right: 5em;*/
}

.main-block {
    padding-bottom: 8em;
    /*min-height: 1500px;*/
}

    .main-block > table, .main-block > div > table {
        min-width: 500px;
    }

    .main-block #div_Filter {
        max-width: 800px;
    }

.filter {
    max-width: 800px;
}

.table .select-guest {
    background-color: #dedede;
    border-radius: 4px;
}

    .table .select-guest a {
        height: 2em;
    }

.ResTab {
    border: 1px solid #A8A8A8;
    background-color: #E0E0E0;
    cursor: pointer;
    padding: 8px;
}

.SelResTab {
    border-left: 1px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
    border-top: 1px solid #A8A8A8;
    border-bottom: none;
    padding: 8px;
    font-weight: bold;
    background-color: white;
    cursor: pointer;
}

.FreeTab {
    border-left: solid 1px #f4f4f4;
    border-bottom: solid 1px #A8A8A8;
}

.ResTbl {
    border-right: 1px solid #A8A8A8;
    border-left: 1px solid #A8A8A8;
    border-bottom: 1px solid #A8A8A8;
    border-top: none;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 10pt;
    padding-bottom: 5px;
    color: #000000;
    padding-top: 5px;
    border-collapse: collapse;
    background-color: #f0f0f0;
}

.SubHdr, .hidden {
    display: none;
}


.trace-on {
    color: yellow;
}

.datepicker {
    z-index: 10000 !important;
}

.datepicker-days td {
    cursor: pointer;
}

.ra_rate_0, .ra_rate_0:visited, .ra_rate_0:hover {
    color: Green;
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
}

.ra_rate_1, .ra_rate_1:visited, .ra_rate_1:hover {
    color: Navy;
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
}

.ra_rate_2, .ra_rate_2:visited, .ra_rate_2:hover {
    color: Red;
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
}

tr.tblHeaderW td {
    color: white;
    font-weight: bold;
    background-color: #4081C4;
    text-align: center;
}

.tblCellC {
    text-align: center;
}

.tblSummary {
    font-weight: bold;
    color: white !important;
    background-color: #4081C4 !important;
}

.tblSummaryH {
    font-weight: bold;
    color: white !important;
    background-color: #ff9900 !important;
}

.tblSummaryC {
    border-top: #cccccc 3px solid;
    font-weight: bold;
    color: white;
    background-color: #4081C4 !important;
    border-bottom: #cccccc 3px solid;
    text-align: center;
}

.tblAlternatingItemH {
    color: white;
    background-color: #4081C4;
}



.tblAlternatingItem, .tblAlternateItem {
    background-color: #f9f9f9;
}

.tblGuestsListWithTodayDeparture {
    font-weight: bold;
    background-color: #FFCC00;
}

.select-guest:not(:first-child) td {
    padding: 0 0 0 5px !important;
}

.select-guest:first-child td {
    padding: 0 0 0 2px !important;
}

select[size] {
    min-width: 200px;
    min-height: 100px;
}

.strikethrough {
    position: relative;
}

    .strikethrough:before {
        border-top: 3px solid red;
        position: absolute;
        content: "";
        width: 260%;
        height: 1%;
        transform: rotate(-45deg);
        left: -9px;
        top: 5px;
    }

.reset-width {
    width: initial !important;
}

.money {
    text-align: right;
}

.popup_div {
    position: absolute;
    color: black;
    background-color: #CCCCCC;
    border: 2px solid #666666;
    display: none;
    z-index: 10;
    padding: 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=5);
}


.rptCell {
    border-collapse: collapse;
    border: 1px solid darkgray;
}

.rptSubHeader {
    MARGIN: 0px;
    BORDER-BOTTOM: darkgray 1px solid;
    min-height: 30px;
    border-collapse: collapse;
    border: 1px solid darkgray;
}

.rptParams {
    BORDER-RIGHT: gray 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: gray 1px solid;
    WIDTH: 100%;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: gray 1px solid;
    border-collapse: collapse;
}

.rptSubHeader td {
    padding-left: 3px;
    padding-right: 3px;
}

.divCont td, .rptSubHeader td {
    text-align: left;
    white-space: nowrap;
}

#mdLocker {
    z-index: 99999;
}

#pin-pad input {
    max-width: 50px;
}

input.pin {
    text-align: center;
    margin: 0.25em;
    font-size: 2em;
    height: 2em;
}

.pin-wrapper {
    text-align: center;
}

    .pin-wrapper div {
        display: inline;
    }

#pin-pad .error {
    display: none;
}

.red-bg {
    background-color: lightcoral;
}
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 99999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(112,112,112,0.2);
        background-repeat: no-repeat;
        background-position: center center;
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: 5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

}



.ccvPayHeader, .ccvPayHeader td {
    background-color: #83440f;
    color: white;
    font-weight: bold;
}

    .ccvPayHeader td,
    .ccvPayRESERVED td,
    .ccvPayCANCELLED td,
    .ccvPaySOLD td,
    .ccvPayREFUNDED td {
        border: 1px solid black;
        padding: 4px;
        text-align: center;
    }


.ccvPayEmpty td {
    border: 0px solid black;
    height: 20px;
    background-color: #f0f0f0;
}

.ccvPayRESERVED {
    background-color: #9bbcd9;
    color: black;
    font-weight: normal;
}

.ccvPayCANCELLED {
    background-color: #b6b6b6;
    color: black;
    font-weight: normal;
}


.ccvPaySOLD {
    background-color: #d9e0c3;
    color: black;
    font-weight: normal;
}

.ccvPayREFUNDED {
    background-color: #ccf;
    color: black;
    font-weight: normal;
}

.divCCV {
    padding: 5px;
}

.ccv_div {
}

    .ccv_div td {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: top;
    }

    .ccv_div tr.ccvPrinter td {
        padding-top: 0px;
        padding-left: 10px;
        padding-bottom: 2px;
    }

.ccv_body {
    width: 100%;
    background-color: #e6e6e6;
    height: 350px;
    text-align: center;
    overflow: auto;
    text-align: left;
}

.ccv_header {
    width: 100%;
    background-color: #bfbfbf;
    height: 25px;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}

.bold {
    font-weight: 700;
}

.tblGuestsListWithTodayDeparture {
    font-weight: bold;
    background-color: #FFCC00;
}

.tblGuestsListCheckedOutWithOpenedAcct {
    font-weight: bold;
    background-color: LightGreen;
}

.tblGuestsListWithPayMore {
    font-weight: bold;
    background-color: mistyrose;
}

.weekendlabel {
    color: Red;
    font-weight: bold;
}

.label {
    font-size: 1em;
    color: black;
}


.tabPage {
    font-weight: bold;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid !important;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    color: #666666;
    background-color: white;
    padding: 5px 15px 5px 15px;
    CURSOR: pointer;
    max-width: 180px;
}

.tabPageSelected {
    font-weight: bold;
    BACKGROUND-COLOR: white;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid !important;
    BORDER-LEFT: black 1px solid;
    PADDING: 5px 15px 5px 15px;
    CURSOR: default;
}

.popupMenu_div {
    position: absolute;
    display: none;
    z-index: 10;
}


.rpMvg {
    display: none;
    z-index: 10;
    position: absolute;
    border: solid 2px #000000;
    background-color: #ffffff;
    width: 150px;
    height: 100px;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=5);
}

.tblItemWeekend {
    background-color: #e5e5e5;
}

.tblHilightItem {
    color: darkslategray;
    background-color: #ddffdd;
}

.report-frame {
    vertical-align: top !important;
}

.autocomplete-suggestions {
    font-size: 1.2em;
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
    color: black;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        display: block;
        border-bottom: 1px solid #000;
    }

.c-green {
    color: green;
}

.c-red {
    color: #ED1C24;
}

.fa-volume-off {
    padding-left: 4px;
    padding-right: 4px;
}

.ri {
    color: Yellow;
    -webkit-box-shadow: 0px -4px 0px yellow inset;
    -moz-box-shadow: 0px -4px 0px yellow inset;
    box-shadow: 0px -4px 0px yellow inset;
}

a table {
    color: initial;
}

div.default-delta {
    flex-wrap: wrap !important;
}

div.filters {
    max-width: 300px;
}

div.closed-filters {
    max-width: 60px;
}

.td-nowrap, .td-nowrap td {
    white-space: nowrap;
}

@media print {
    .no-print, .no-print *, .btn {
        display: none !important;
    }

    a[href]:after {
        content: '' !important;
    }

    .top-menu-container {
        position: initial;
    }

    .not-fixed-menu .main-block {
        margin-top: 0;
    }
}

.header .flex-block.na-not-finished {
    background-color: #990000;
    color: white;
    font-weight: 700;
    justify-content: center;
}

.contentButtons, .contentEditors {
    display: inline-block;
    vertical-align: top;
    margin: 1em;
}

.contentButtons {
    margin-top: 50px;
}

.dxgvControl a {
    color: #ffffff;
    background-color: #3c8dbc;
    border-color: #367fa9;
    text-decoration: none;
}

.dxbButtonSys {
    padding: 4px 6px !important;
    font-size: 10pt !important;
    line-height: 1.2 !important;
    border-radius: 3px !important;
    color: white;
}

.dxbDisabled {
    cursor: not-allowed !important;
    text-decoration: none !important;
    background-color: #7ea8d6 !important;
    border: none !important;
}

.dxgvHeader a.dxgvCommandColumnItem,
.dxgvHeader a.dxgvCommandColumnItem:hover,
a.dxgvCommandColumnItem,
a.dxgvCommandColumnItem:hover {
    color: white;
}

.pager-css > td > span {
    font-weight: 700;
    font-size: 1.3em;
}

.dxgvPagerBottomPanel .dxp-num {
    font-weight: 700;
    font-size: 1.1em;
    color: white;
    text-decoration: none;
}

.dxgvPagerBottomPanel .dxp-current {
    color: black;
}


.no-border tr, .no-border td {
    border: none;
}

.a-tooltip, .a-tooltip:hover {
    color: inherit;
    text-decoration: underline;
    cursor: pointer
}

.a-no-tooltip, .a-no-tooltip:hover {
    color: inherit;
    text-decoration: none;
}

.new-infoicon * {
    display: inline-block;
    vertical-align: middle;
}

.new-infoicon i {
    color: #337ab7;
    font-size: 1.5em;
}

.new-infoicon span {
    background-color: #337ab7;
    color: white;
    font-size: 1.3em;
    padding: 0 .25em 0 .25em;
}

.new-infoicon img {
    display: none
}

.sub-section {
    margin-top: 1.5em !important;
    margin-bottom: 1em !important;
}

    .sub-section td {
        font-weight: 700;
        font-size: 1.2em;
        background-color: #eee;
        padding: .5em !important;
    }

.errorText {
    padding-bottom: 2em;
}

.new-infoicon a {
    cursor: pointer;
}


.stepsHeader {
    color: Black;
    font-weight: bold;
    font-size: xx-small;
}

.stepsComplete {
    color: Black;
    font-weight: normal;
    font-size: xx-small;
}

.stepsExecute {
    color: Black;
    font-weight: bold;
    font-size: xx-small;
}

.stepsNotRequired {
    color: Gray;
    font-size: xx-small;
}

.stepsExpected {
    color: Black;
    font-weight: normal;
    font-size: xx-small;
}

.naStatusHeader {
    font-weight: bold;
    color: Black;
}

.naStatusLabel {
    font-weight: bold;
    color: #000099;
}

.tblCellLTB, .tblCellLTB .control-label {
    white-space: nowrap;
    font-weight: 700 !important;
}

.tblCellRTB {
 /*   width: 90%*/
}

.textboxSmall {
    /*-webkit-appearance: none;*/
    -webkit-focus-ring-color: none;
    font-size: 8pt;
}

A.aspNetDisabled,
A:Visited.aspNetDisabled,
A:Active.aspNetDisabled,
A:Hover.aspNetDisabled {
    cursor: default;
    text-decoration: none;
    background-color: #BBB !important;
    border: none !important;
}



.aspNetDisabled a:Hover {
    text-decoration: none;
    background-color: #BBB;
}

.res-content i {
    font-size: 14px;
    position: relative;
    top: 1px;
}

#has-messages {
    font-weight: 900;
    position: relative;
    top: -14px;
    left: 3px;
    color: blue;
}

@media (min-width: 576px) {
    .dxmodalSys > .dxpclW {
        max-width: 800px;
        margin: 30px auto;
    }
}

.qqkmresult_success {
    color: #ffff80;
}

.qqkmresult_critical_error {
    color: #ff8080;
}

.qqkmresult_ {
    color: #bbb;
}

.tblPager *{
    font-weight: bold;
    font-size: 1.1em;
}

.tblItemSmall {
    color: darkslategray;
    background-color: #F9F9F9;
    font-size: .9em;
}

#info-row {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ddd;
    justify-content: space-between;
}

    #info-row .info-block {
        display: flex;
        flex-wrap: wrap;
        min-width: 200px;
    }

        #info-row .info-block div {
            margin: 5px;
        }

            #info-row .info-block div:first-child {
                font-weight: 900
            }
.dxeBase {
    min-width: 0 !important;
}