#login-box {
    background: -moz-linear-gradient(-45deg, #af9030 0%, #ccab42 49%, #ccab42 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #af9030 0%,#ccab42 49%,#ccab42 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #af9030 0%,#ccab42 49%,#ccab42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 380px;
    border: .1em solid #ccab42;
    padding: 1.5em;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.75);
}

    #login-box .username span {
        font-weight: bold;
        color: #FFF;
        float: left;
    }

    #login-box .username input {
        clear: left;
        margin-top: .3em;
        float: left;
        height: 27px;
        text-indent: 3px;
        background-color: #ececec;
        border: .1em solid #af9030;
    }

    #login-box .password {
        margin-left: 1em;
        float: right;
    }

        #login-box .password span {
            font-weight: bold;
            color: #FFF;
            float: left;
        }

        #login-box .password input {
            clear: left;
            margin-top: .3em;
            float: left;
            height: 27px;
            text-indent: 3px;
            border: .1em solid #af9030;
        }

        #login-box .password::after {
            clear: both;
            content: " ";
            display: block;
        }

    #login-box .btn_secondary {
        height: 23px;
        font-weight: bold;
    }

    #login-box .btn_primary {
        height: 23px;
        font-weight: bold;
    }

    #login-box .error {
        min-height: 25px;
        background-color: #FFF;
        color: #F00;
        border: .1em solid #F00;
        text-indent: 5px;
        line-height: 22px;
    }

.k-grid td {
    height: 27px;
}

.pagetab {
    margin-top: 3px;
}

.qr_form_horizontal_fixed .k-widget.k-datepicker {
    background-color: transparent;
}

    .qr_form_horizontal_fixed .k-widget.k-datepicker .k-state-disabled {
        border-color: #bfc6c8;
    }

.qr_form_horizontal_fixed input[type=radio]:checked + label:before {
    font-size: 27px;
    line-height: 11px;
}

.pagetab li a {
    height: 37px;
    line-height: 37px;
    padding-left: 8px;
    padding-top: 0px;
    width: 150px;
}

.pagetab li span {
    height: 37px;
}

label.required::after {
    content: "*";
    color: #F00;
}

button.ctmmenu {
    padding: 3px;
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: .1em solid #c7cbc2;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    margin-right: 7px;
    padding-left: .5em;
    padding-right: .5em;
}

    button.ctmmenu:hover {
        background-color: #CCC;
    }

    button.ctmmenu span:nth-child(1) {
        width: 16px;
        height: 16px;
        float: left;
        margin-right: 5px;
    }

    button.ctmmenu:disabled {
        opacity: 0.65 !important;
    }

    button.ctmmenu:hover {
        background: -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        border: .1em solid #ccab42;
    }

    button.ctmmenu:disabled:hover {
        opacity: 0.65 !important;
        background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        border: .1em solid #c7cbc2;
    }

.screensubsubtitle {
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}

    .screensubsubtitle::after {
        content: " ";
        display: block;
        clear: both;
    }

footer {
    padding-top: 2px;
}

.breadcrumb li a,
.breadcrumb .active {
}

.country-list li {
    float: none !important;
    margin-bottom: 0px !important;
}

.intl-tel-input .flag-dropdown .country-list .country .dial-code,
.intl-tel-input .flag-dropdown .country-list .country-name {
    clear: none !important;
}

.intl-tel-input .flag-dropdown .country-list .flag {
    float: left !important;
}

.country-list li::after {
    content: " ";
    clear: both;
    display: inline-block;
}

.intl-tel-input input {
    height: 22px !important;
    padding-left: 40px !important;
}

.intl-tel-input .flag-dropdown .selected-flag {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-top: 21px !important;
}

.intl-tel-input .flag-dropdown .country-list {
    top: 41px !important;
    width: 300px !important;
}

select,
textarea,
input[type=tel],
input[type=number] {
    outline: none !important;
}

input[type=number] {
    text-indent: 3px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0px;
}

.k-grid .k-link.k-pager-nav {
    margin-top: 3px !important;
}

.k-grid .k-header.k-grid-toolbar .k-button.k-button-icontext {
    background-color: #7a8291;
}

.k-grid-toolbar .k-add, .k-grid-toolbar .k-button:hover .k-add {
}

.k-button.k-button-icontext:hover {
    background-color: #555f71;
}

.k-grid .k-header.k-grid-toolbar {
    background-color: transparent !important;
    padding-left: 0em !important;
    border-bottom-width: 0em !important;
    padding: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 1em !important;
}

.k-grid tbody td .k-button.k-button-icontext.k-grid-delete {
    background-color: #7a8291;
    padding: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 16px;
    vertical-align: middle;
    color: #FFF;
}

hr {
    margin: 0px;
}

.k-grid.k-widget {
    border-width: 0em;
}

.k-grid div.k-grid-header {
    border: .1em solid #dcdcdc;
}

.k-grid .k-grid-header thead th {
    border-right: .1em solid #dcdcdc !important;
    border-left-width: 0em !important;
    padding-left: 1em !important;
}

    .k-grid .k-grid-header thead th:last-child {
        border-right-width: 0em !important;
    }

.k-grid .k-grid-content tbody td {
    border-right: .1em solid #dcdcdc !important;
}

    .k-grid .k-grid-content tbody td:last-child {
        border-right-width: 0em !important;
    }

.k-grid-header-wrap {
    border-color: transparent;
}

.k-grid .k-grid-content {
    border-left: .1em solid #dcdcdc;
    border-right: .1em solid #dcdcdc;
    border-bottom: .1em solid #dcdcdc;
}

.k-grid .k-grid-pager {
    border-top: 0em solid #dcdcdc;
    border-left: .1em solid #dcdcdc;
    border-right: .1em solid #dcdcdc;
    border-bottom: .1em solid #dcdcdc;
}

.k-grid-header .k-header,
.k-grid .k-grid-header {
    background-color: #eef1eb;
}

.wizprevious {
    border: 0em solid #fff;
    background: url("arrow_wiz_prev.png") no-repeat center !important;
    min-width: 25px;
    height: 25px;
    line-height: 25px;
    outline: none;
    margin-right: 5px;
}

.wiznext {
    border: 0em solid #fff;
    background: url("arrow_wiz_next.png") no-repeat center !important;
    min-width: 25px;
    height: 25px;
    line-height: 25px;
    outline: none;
}

.wizcontinue {
    border: .1em solid #7d7e7d;
    background: #7d7e7d;
    padding: 0em;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    color: #7d7e7d;
    min-width: 75px;
    height: 2em !important;
    line-height: 2em;
    color: #FFF;
}

    .wizcontinue:hover {
        background: #555655;
        color: #FFF;
    }

.wizfinish {
    border: .1em solid #0871a9;
    background: #0871a9;
    padding: 0em;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    color: #7d7e7d;
    min-width: 75px;
    height: 2em !important;
    line-height: 2em;
    color: #FFF;
    font-weight: bold;
}

    .wizfinish:hover {
        background: #0871a9;
    }

.wizprevious:hover {
    background: url("arrow_wiz_hover_prev.png") no-repeat center !important;
}

.wiznext:hover {
    background: url("arrow_wiz_hover_next.png") no-repeat center !important;
}

.wizprevious:disabled {
    background: url("arrow_wiz_disp_prev.png") no-repeat center !important;
}

.wiznext:disabled {
    background: url("arrow_wiz_disp_next.png") no-repeat center !important;
}

.qr_form_horizontal_fixed .k-picker-wrap.k-state-default {
    height: 22px;
}

.width100per .datepick {
    width: 100% !important;
}
/* Above CSS need to add in library */
.collapsiblepanel .content {
    padding: 1em;
}

.collapsiblepanel .header {
    padding: .5em;
    text-indent: 16px;
    background: #ccab42 url("round_minus.png") no-repeat 5px center;
}

.collapsiblepanel .headerexpand {
    background: #eef1eb url("plus.png") no-repeat 5px center;
}

    .collapsiblepanel .headerexpand:hover {
        background-color: #dde5d5;
    }

    .collapsiblepanel .headerexpand .title {
        color: #000;
    }

.collapsiblepanel .header .bidopen {
    padding: 3px;
    border-radius: 3px;
    background-color: #4CAF50;
    color: #FFF;
    margin-left: 20px;
}

.collapsiblepanel .header .bidclose {
    padding: 3px;
    border-radius: 3px;
    background-color: #f44336;
    color: #FFF;
    margin-left: 20px;
}

hr {
    border-color: #e1e1e1;
}

.loginbg {
    /* Login Bg Panel size 800X350 */
    background: url("../images/Al-maha-logo.png") no-repeat 600px 100px, #FFF url("../images/Carousel-banner2.jpg") no-repeat -650px -100px !important;
    border: .1em solid #996600;
}

.product_logo {
    /* Logo Size 150X40 */
    background: none !important;
    background: url("../images/Al_Maha_logo.gif") no-repeat !important;
}

.megamenu_icon {
    background-color: #af9030;
    background-position: -10px -2px;
}

    .megamenu_icon:hover {
        background-color: #806822;
        background-position: -10px -2px;
    }

header {
    background-color: #736b60 !important;
}

.searchpageicon {
    border-left-color: #574e43;
}

.qr_web_notify {
    border-left-color: #574e43;
    border-right-color: #574e43;
}

.searchpageicon.highlight {
    background-color: #403629;
}

.searchpageinput {
    background-color: #574e43;
}

header .corporateicon {
    /* Logo Size 40X40  */
    border-left-color: #574e43;
}

.userinfopnl .dropdown-menu {
    background-color: #574e43;
}

    .userinfopnl .dropdown-menu.dropdown-menu-right a:hover {
        background-color: #e4e7de;
        color: #333;
    }

    .userinfopnl .dropdown-menu.dropdown-menu-right li {
        border-bottom: .1em solid #e3e7de;
    }

        .userinfopnl .dropdown-menu.dropdown-menu-right li:last-child {
            border-bottom-width: 0em;
        }

.mastermenu > div {
    cursor: pointer;
}

.megamenu .mastermenu .mastermenu_hover {
    border-color: #af9030 !important;
    color: #806822;
    cursor: default;
}

.megamenu .mastersubmenu .submenugroup ul li:hover {
    color: #806822;
}

    .megamenu .mastersubmenu .submenugroup ul li:hover span:hover {
        background-color: #af9030;
    }

footer .btn_primary {
    border-color: #0871a9 !important;
    background: none !important;
    background-color: #0871a9 !important;
}

    footer .btn_primary:hover {
        border-color: #075782 !important;
        background: none !important;
        background-color: #075782 !important;
    }

.open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:focus {
    background-color: #574e43;
    border-color: #574e43;
}

footer .dropdown-menu {
    background-color: #574e43;
}

footer .btn_secondary:hover {
    border-color: #574e43 !important;
    background: none !important;
    background-color: #574e43 !important;
}

.contextmenu_bar {
    background-color: #e3e7de;
    border-color: #c1c2b8;
}

.dropdown-menu.notifications .notification-heading {
    background-color: #403629;
}

.dropdown-menu.notifications .notifications-wrapper {
    background-color: #FFFFFF;
}

.dropdown-menu.notifications .notification-item:hover {
    background-color: #e4e7de;
}

    .dropdown-menu.notifications .notification-item:hover div {
        color: #333;
    }

.screentitle {
    color: #967a25;
}

.qr_form_horizontal_fixed .txtbox1,
.qr_form_horizontal_fixed select,
.qr_form_horizontal_fixed input[type=tel],
.qr_form_horizontal_fixed input[type=number],
.qr_form_horizontal_fixed ul li .k-picker-wrap.k-state-default,
.qr_form_horizontal_fixed .k-autocomplete.k-state-default,
.qr_form_horizontal_fixed textarea {
    border: .1em solid #bfc6c8 !important;
}

.qr_form_horizontal_fixed input[type=radio]:checked + label:before {
    color: #ccab42;
    border-color: #af9030;
}

.qr_form_horizontal_fixed input[type=checkbox] + label:before {
    border-color: #cfa843;
}

.qr_form_horizontal_fixed input[type=checkbox]:checked + label:before {
    border-color: #ccab42;
    background-color: #ccab42;
}

.glyphicon-star1 {
    background: url("../images/Al_Maha_logo.gif") no-repeat !important;
    width: 16px;
    height: 16px;
}

button.ctmmenu {
    color: #2b3245;
}

    button.ctmmenu:hover {
        background-color: #736b60;
        color: #FFF;
    }

.breadcrumb li a {
    color: #7d8ba2;
}

.breadcrumb .active {
    color: #7d8ba2;
}

.screensubsubtitle {
    color: #967a25;
}

button.ctm_new span:nth-child(1) {
    background: url("btn_new.png") no-repeat center;
}

button.ctm_new:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_new:disabled:hover {
        color: #666;
    }

button.ctm_new:hover span:nth-child(1) {
    background: url("btn_new_hover.png") no-repeat center;
}

button.ctm_cancel span:nth-child(1) {
    background: url("btn_cancel.png") no-repeat center;
}

button.ctm_cancel:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_cancel:disabled:hover {
        color: #666;
    }

button.ctm_cancel:hover span:nth-child(1) {
    background: url("btn_cancel_hover.png") no-repeat center;
}

button.ctm_delete span:nth-child(1) {
    background: url("btn_delete.png") no-repeat center;
}

button.ctm_delete:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_delete:disabled:hover {
        color: #666;
    }

button.ctm_delete:hover span:nth-child(1) {
    background: url("btn_delete_hover.png") no-repeat center;
}

button.ctm_reset span:nth-child(1) {
    background: url("btn_reset.png") no-repeat center;
}

button.ctm_reset:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_reset:disabled:hover {
        color: #666;
    }

button.ctm_reset:hover span:nth-child(1) {
    background: url("btn_reset_hover.png") no-repeat center;
}

button.ctm_reset:disabled:hover span:nth-child(1) {
    background: url("btn_reset.png") no-repeat center;
}

button.ctm_edit span:nth-child(1) {
    background: url("btn_edit.png") no-repeat center;
}

button.ctm_edit:hover span:nth-child(1) {
    background: url("btn_edit_hover.png") no-repeat center;
}

button.ctm_edit:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_edit:disabled:hover {
        color: #666;
    }

        button.ctm_edit:disabled:hover span:nth-child(1) {
            background: url("btn_edit.png") no-repeat center;
        }

button.ctm_copy span:nth-child(1) {
    background: url("btn_copy.png") no-repeat center;
}

button.ctm_edit:disabled:hover span:nth-child(1) {
    background: url("btn_edit.png") no-repeat center;
}

button.ctm_copy:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_copy:disabled:hover {
        color: #666;
    }

button.ctm_copy:hover span:nth-child(1) {
    background: url("btn_copy_hover.png") no-repeat center;
}

button.ctm_publish span:nth-child(1) {
    background: url("btn_publish.png") no-repeat center;
}

button.ctm_publish:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_publish:disabled:hover {
        color: #666;
    }

button.ctm_publish:hover span:nth-child(1) {
    background: url("btn_publish_hover.png") no-repeat center;
}

button.ctm_print span:nth-child(1) {
    background: url("btn_print.png") no-repeat center;
}

button.ctm_print:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_print:disabled:hover {
        color: #666;
    }

button.ctm_print:hover span:nth-child(1) {
    background: url("btn_print_hover.png") no-repeat center;
}

button.ctm_email span:nth-child(1) {
    background: url("btn_email.png") no-repeat center;
}

button.ctm_email:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_email:disabled:hover {
        color: #666;
    }

button.ctm_email:hover span:nth-child(1) {
    background: url("btn_email_hover.png") no-repeat center;
}

button.ctm_userinactive span:nth-child(1) {
    background: url("btn_userinactivate.png") no-repeat center;
}

button.ctm_userinactive:hover span:nth-child(1) {
    background: url("btn_userinactivate_hover.png") no-repeat center;
}

button.ctm_userinactive:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_userinactive:disabled:hover {
        color: #666;
    }

button.ctm_xls span:nth-child(1) {
    background: url("btn_xls.png") no-repeat center;
}

button.ctm_xls:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_xls:disabled:hover {
        color: #666;
    }

button.ctm_leaveconflict span:nth-child(1) {
    background: url("leave_conflict.png") no-repeat center;
}

button.ctm_leaveconflict:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_leaveconflict:disabled:hover {
        color: #666;
    }

button.ctm_leaveconflicthover span:nth-child(1),
button.ctm_leaveconflict:hover span:nth-child(1) {
    background: url("leave_conflict_hover.png") no-repeat center;
}

button.ctm_leaveconflicthover {
    color: #FFF !important;
    background-color: #736b60 !important;
}


button.ctm_staffnoleaveapp span:nth-child(1) {
    background: url("leave_conflict.png") no-repeat center;
}

button.ctm_staffnoleaveapp:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_staffnoleaveapp:disabled:hover {
        color: #666;
    }

button.ctm_staffnoleaveapp:hover span:nth-child(1) {
    background: url("leave_conflict_hover.png") no-repeat center;
}

button.ctm_staffnoleaveapp {
    color: #FFF !important;
    background-color: #736b60 !important;
}



button.ctm_resetleaveconflict span:nth-child(1) {
    background: url("reset_leave_conflict.png") no-repeat center;
}

button.ctm_resetleaveconflict:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_resetleaveconflict:disabled:hover {
        color: #666;
    }

button.ctm_resetleaveconflict:hover span:nth-child(1) {
    background: url("reset_leave_conflict_hover.png") no-repeat center;
}

button.ctm_xls:hover span:nth-child(1) {
    background: url("btn_xls_hover.png") no-repeat center;
}

button.ctm_bank span:nth-child(1) {
    background: url("btn_bank.png") no-repeat center;
}

button.ctm_bank:hover span:nth-child(1) {
    background: url("btn_bank_hover.png") no-repeat center;
}

button.ctm_bank:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_bank:disabled:hover {
        color: #666;
    }

        button.ctm_bank:disabled:hover span:nth-child(1) {
            background: url("btn_bank.png") no-repeat center;
        }

button.ctm_shiftclosereq span:nth-child(1) {
    background: url("btn_shift_closereq.png") no-repeat center;
}

button.ctm_shiftclosereq:hover span:nth-child(1) {
    background: url("btn_shift_closereq_hover.png") no-repeat center;
}

button.ctm_shiftclosereq:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_shiftclosereq:disabled:hover {
        color: #666;
    }

        button.ctm_shiftclosereq:disabled:hover span:nth-child(1) {
            background: url("btn_shift_closereq.png") no-repeat center;
        }

button.ctm_cashdemon span:nth-child(1) {
    background: url("btn_cash_demon.png") no-repeat center;
}

button.ctm_cashdemon:hover span:nth-child(1) {
    background: url("btn_cash_demon_hover.png") no-repeat center;
}

button.ctm_cashdemon:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_cashdemon:disabled:hover {
        color: #666;
    }

        button.ctm_cashdemon:disabled:hover span:nth-child(1) {
            background: url("btn_cash_demon.png") no-repeat center;
        }

button.ctm_handovernext span:nth-child(1) {
    background: url("btn_handover.png") no-repeat center;
}

button.ctm_handovernext:hover span:nth-child(1) {
    background: url("btn_handover_hover.png") no-repeat center;
}

button.ctm_handovernext:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_handovernext:disabled:hover {
        color: #666;
    }

        button.ctm_handovernext:disabled:hover span:nth-child(1) {
            background: url("btn_handover.png") no-repeat center;
        }

button.ctm_recal span:nth-child(1) {
    background: url("btn_recal.png") no-repeat center;
}

button.ctm_recal:hover span:nth-child(1) {
    background: url("btn_recal_hover.png") no-repeat center;
}

button.ctm_recal:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_recal:disabled:hover {
        color: #666;
    }

        button.ctm_recal:disabled:hover span:nth-child(1) {
            background: url("btn_recal.png") no-repeat center;
        }

button.ctm_hndacknow span:nth-child(1) {
    background: url("btn_hndacknow.png") no-repeat center;
}

button.ctm_hndacknow:hover span:nth-child(1) {
    background: url("btn_hndacknow_hover.png") no-repeat center;
}

button.ctm_hndacknow:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_hndacknow:disabled:hover {
        color: #666;
    }

        button.ctm_hndacknow:disabled:hover span:nth-child(1) {
            background: url("btn_hndacknow.png") no-repeat center;
        }

button.ctm_save span:nth-child(1) {
    background: url("btn_save.png") no-repeat center;
}

button.ctm_save:hover span:nth-child(1) {
    background: url("btn_save_hover.png") no-repeat center;
}

button.ctm_save:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_save:disabled:hover {
        color: #666;
    }

        button.ctm_save:disabled:hover span:nth-child(1) {
            background: url("btn_save.png") no-repeat center;
        }

button.ctm_posttofinance span:nth-child(1) {
    background: url("btn_edit.png") no-repeat center;
}

button.ctm_posttofinance:hover span:nth-child(1) {
    background: url("btn_edit_hover.png") no-repeat center;
}

button.ctm_posttofinance:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_posttofinance:disabled:hover {
        color: #666;
    }

        button.ctm_posttofinance:disabled:hover span:nth-child(1) {
            background: url("btn_edit.png") no-repeat center;
        }

button.ctm_posttofinance span:nth-child(1) {
    background: url("btn_edit.png") no-repeat center;
}

button.ctm_posttofinance:disabled:hover span:nth-child(1) {
    background: url("btn_edit.png") no-repeat center;
}

button.ctm_generate span:nth-child(1) {
    background: url("btn_publish.png") no-repeat center;
}

button.ctm_generate:hover span:nth-child(1) {
    background: url("btn_publish_hover.png") no-repeat center;
}

button.ctm_generate:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_generate:disabled:hover {
        color: #666;
    }

        button.ctm_generate:disabled:hover span:nth-child(1) {
            background: url("btn_publish.png") no-repeat center;
        }

button.ctm_generate span:nth-child(1) {
    background: url("btn_publish.png") no-repeat center;
}

button.ctm_generate:disabled:hover span:nth-child(1) {
    background: url("btn_publish.png") no-repeat center;
}

button.ctm_back span:nth-child(1) {
    background: url("btn_recal.png") no-repeat center;
}

button.ctm_back:hover span:nth-child(1) {
    background: url("btn_recal_hover.png") no-repeat center;
}

button.ctm_back:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_back:disabled:hover {
        color: #666;
    }

        button.ctm_back:disabled:hover span:nth-child(1) {
            background: url("btn_recal.png") no-repeat center;
        }

button.ctm_addstaff span:nth-child(1) {
    background: url("btn_addstaff.png") no-repeat center;
}

button.ctm_addstaff:hover span:nth-child(1) {
    background: url("btn_addstaff_hover.png") no-repeat center;
}

button.ctm_addstaff:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_addstaff:disabled:hover {
        color: #666;
    }

        button.ctm_addstaff:disabled:hover span:nth-child(1) {
            background: url("btn_addstaff.png") no-repeat center;
        }

button.ctm_stats span:nth-child(1) {
    background: url("btn_staffstat.png") no-repeat center;
}

button.ctm_stats:hover span:nth-child(1) {
    background: url("btn_staffstat_hover.png") no-repeat center;
}

button.ctm_stats:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_stats:disabled:hover {
        color: #666;
    }

        button.ctm_stats:disabled:hover span:nth-child(1) {
            background: url("btn_staffstat.png") no-repeat center;
        }

button.ctm_excel span:nth-child(1) {
    background: url("btn_xls.png") no-repeat center;
}

button.ctm_excel:hover span:nth-child(1) {
    background: url("btn_xls_hover.png") no-repeat center;
}

button.ctm_excel:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_excel:disabled:hover {
        color: #666;
    }

        button.ctm_excel:disabled:hover span:nth-child(1) {
            background: url("btn_xls.png") no-repeat center;
        }

.k-calendar td.k-state-selected {
    background-color: #ccab42;
}

button.ctm_markascomp span:nth-child(1) {
    background: url("btn_maskascomplete.png") no-repeat center;
}

button.ctm_markascomp:hover span:nth-child(1) {
    background: url("btn_maskascomplete_hover.png") no-repeat center;
}

button.ctm_markascomp:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_markascomp:disabled:hover {
        color: #666;
    }

        button.ctm_markascomp:disabled:hover span:nth-child(1) {
            background: url("btn_maskascomplete.png") no-repeat center;
        }

.k-calendar td.k-state-selected {
    background-color: #ccab42;
}

button.ctm_useractive span:nth-child(1) {
    background: url("btn_activeuser.png") no-repeat center;
}

button.ctm_useractive:hover span:nth-child(1) {
    background: url("btn_activeuser_hover.png") no-repeat center;
}

button.ctm_useractive:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_useractive:disabled:hover {
        color: #666;
    }

        button.ctm_useractive:disabled:hover span:nth-child(1) {
            background: url("btn_activeuser.png") no-repeat center;
        }

button.ctm_userdeactive span:nth-child(1) {
    background: url("btn_deactiveuser.png") no-repeat center;
}

button.ctm_userdeactive:hover span:nth-child(1) {
    background: url("btn_deactiveuser_hover.png") no-repeat center;
}

button.ctm_userdeactive:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_userdeactive:disabled:hover {
        color: #666;
    }

        button.ctm_userdeactive:disabled:hover span:nth-child(1) {
            background: url("btn_deactiveuser.png") no-repeat center;
        }

button.ctm_shwstfwotlev span:nth-child(1) {
    background: url("shwstfwotlev.png") no-repeat center;
}

button.ctm_shwstfwotlev:hover span:nth-child(1) {
    background: url("shwstfwotlev_hover.png") no-repeat center;
}

button.ctm_shwstfwotlev:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctm_shwstfwotlev:disabled:hover {
        color: #666;
    }

        button.ctm_shwstfwotlev:disabled:hover span:nth-child(1) {
            background: url("shwstfwotlev.png") no-repeat center;
        }

button.ctm_shwstfwotlev span:nth-child(1) {
    width: 30px;
}

.k-header,
.k-calendar .k-header .k-state-hover {
    background-color: #af9030;
}

.k-calendar .k-footer .k-nav-today {
    color: #af9030;
}

.ui-tabs .ui-widget-header .ui-state-default {
    background-color: #e3e7de;
}

    .ui-tabs .ui-widget-header .ui-state-default a {
        color: #736b60;
    }

.ui-tabs .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
    background-color: #ccab42;
}

.ui-tabs .ui-state-default {
    margin-right: 5px !important;
}


.ui-tabs .ui-tabs-panel {
    border-width: 0em;
    border-top: .1em solid #ccab42;
    border-bottom: .1em solid #e1e1e1;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.k-grid .k-pager-wrap .k-pager-numbers .k-state-selected {
    background-color: #ccab42;
}

.qr_form_horizontal_fixed li label:nth-child(1) {
    cursor: default;
}

.k-grid .k-header.k-grid-toolbar,
.k-grid .k-pager-wrap.k-grid-pager.k-widget {
    background-color: #f6f6f6;
}

.k-grid tbody td .k-button.k-button-icontext.k-grid-delete .k-icon.k-delete {
    display: none;
}

.k-edit-cell .k-input.k-textbox {
    line-height: 31px;
    height: 31px;
    text-indent: 7px;
}

.k-grid .k-dirty {
    margin-left: -10px;
    margin-top: -5px;
}

.flashmsgpnlgrn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto;
    background-color: #4CAF50;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

    .flashmsgpnlgrn::after {
        display: block;
        content: "";
        clear: both;
    }

.k-grid .k-grid-header .k-header {
    color: #2b3245;
    font-weight: bold;
}

.k-grid .k-header.k-grid-toolbar .k-button.k-button-icontext:hover {
    background-color: #af9030;
}

.k-grid tr.k-state-selected {
    background-color: #fae6a6;
}

.payreg_ul select[disabled] {
    padding-left: 8px;
    padding-top: 3px;
}

#horizontal-style {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 0px !important;
    font-size: 14px;
}

    #horizontal-style li {
        display: table-cell;
    }

    #horizontal-style a {
        display: block;
        text-align: center;
        margin: 0px;
        line-height: 50px;
    }

    #horizontal-style .success {
        background-color: #ccab42;
    }

        #horizontal-style .success a {
            color: #FFF;
            font-weight: bold;
        }

            #horizontal-style .success a span:nth-child(1) {
                background: url(wiz_tick_white.png) no-repeat left;
                width: 32px;
                margin-left: 10px;
            }

            #horizontal-style .success a span:nth-child(2) {
                background: url(wiz_arrow_white.png) no-repeat left;
                width: 40px;
            }

    #horizontal-style .working {
        background-color: #af9030;
    }

        #horizontal-style .working a {
            color: #FFF;
            font-weight: bold;
        }

            #horizontal-style .working a span:nth-child(1) {
                background: url(wiz_edit_white.png) no-repeat left;
                width: 32px;
                margin-left: 10px;
            }

            #horizontal-style .working a span:nth-child(2) {
                background: url(wiz_arrow_white.png) no-repeat left;
                width: 40px;
            }

    #horizontal-style .disabled {
        background-color: #e3e7de;
    }

        #horizontal-style .disabled a {
            color: #abafa5;
            font-weight: bold;
            cursor: not-allowed;
        }

            #horizontal-style .disabled a span:nth-child(1) {
                background: url(wiz_notallowed.png) no-repeat left;
                width: 32px;
                margin-left: 10px;
            }

            #horizontal-style .disabled a span:nth-child(2) {
                background: url(dis_wiz_arrownext.png) no-repeat left;
                width: 40px;
            }

    #horizontal-style li:first-child {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    #horizontal-style li:last-child {
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

#wizdispinline {
    display: table;
    width: 100%;
}

    #wizdispinline li {
        display: table-cell;
        border-right: .1em solid #CCC;
        height: 40px;
        padding-left: 1em;
    }

        #wizdispinline li:first-child {
            padding-left: 0em;
        }

        #wizdispinline li label:last-child {
            font-weight: bold;
        }

        #wizdispinline li:last-child {
            border-right: 0em solid #CCC;
        }

            #wizdispinline li:last-child label:last-child {
                font-size: 16px !important;
                color: #af9030;
            }

.wizdispinlinelast li.boldtxt label.boldtxt {
    font-size: 16px !important;
    color: #af9030;
}

.wizdispinlinelast li.boldtxt label.boldtxtgreen {
    font-size: 16px !important;
    color: #4CAF50 !important;
}

.wizdispinlinelast li.boldtxt label.boldtxtgold {
    font-size: 16px !important;
    color: #af9030 !important;
}






.wizdispinline {
    display: table;
    width: 100%;
}

    .wizdispinline li {
        display: table-cell;
        border-right: .1em solid #CCC;
        height: 40px;
        padding-left: 1em;
    }

        .wizdispinline li:first-child {
            padding-left: 0em;
        }

        .wizdispinline li label:last-child {
            font-weight: bold;
        }

        .wizdispinline li:last-child {
            border-right: 0em solid #CCC;
        }

            .wizdispinline li:last-child label:last-child {
                font-size: 16px !important;
                color: #af9030;
            }

div {
    background: #ccc;
}

.wiz_payment .selected {
    border: .1em solid #ccab42;
    height: 50px;
}

.wiz_payment li label {
    margin: 5px;
}

.wiz_payment .not_selected {
    border: .1em solid #e1e1e1;
    height: 50px;
}

.wiz_invoicepnl {
}

.wiz_creditpnl {
    background: url(creditcardlogos.png) no-repeat right bottom;
}

#wizdispinline label.boldtxtred,
.wizdispinlinelast li.boldtxt label.boldtxtred {
    font-size: 16px !important;
    color: #F00 !important;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .country-list li {
        float: left !important;
        margin-bottom: 0px !important;
    }

    .intl-tel-input .flag-dropdown .country-list .country {
        width: 100%;
    }
}


.ui-dialog-buttonset .btn_primary {
    background-color: #0871a9 !important;
    border: .1em solid #0871a9 !important;
    margin-right: .5em !important;
}

    .ui-dialog-buttonset .btn_primary:hover {
        background-color: #065782 !important;
    }

.ui-widget-header {
    background-color: #ccab42;
}

.qr_form_horizontal_fixed .btn_primary {
    background-color: #0871a9 !important;
    border: .1em solid #0871a9 !important;
}

.qr_form_horizontal_fixed .btn_primary,
.qr_form_horizontal_fixed .btn_secondary {
    height: 22px !important;
    margin-top: 0px !important;
    border-radius: 0px !important;
}

    .qr_form_horizontal_fixed .btn_primary:hover {
        background-color: #065782 !important;
    }

.qr_form_horizontal_fixed a.btn_primary {
    display: block !important;
    line-height: 19px;
}

hr {
    border-top: .1em dotted #ccab42;
}
/* Booking Screen Starts*/
.divgrandtotal {
    background-color: #eef1eb;
    border: .1em solid #dcdcdc;
}

    .divgrandtotal .sumtotal {
        padding-right: 30px;
        line-height: 30px;
        font-weight: bold;
        text-align: right;
    }

    .divgrandtotal .grdtotaltitle {
        padding-right: 12px;
        line-height: 30px;
        font-weight: bold;
        text-align: right;
    }

    .divgrandtotal .divcalbtn {
        padding-top: 7px;
        font-weight: bold;
        text-align: right;
    }
/* Booking Screen Ends*/

/* My Dasboard Starts */
.currentshiftspan {
    background: url("workingshift.png") no-repeat 7px 5px;
    color: #333;
    font-size: 14px;
    padding: 8px;
    border: .2em solid #CCAB42;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .currentshiftspan span:nth-child(1) {
        margin-left: 30px;
    }

    .currentshiftspan span:nth-child(2),
    .currentshiftspan span:nth-child(4) {
        font-weight: bold;
    }

    .currentshiftspan:last-child {
        content: " ";
        clear: both;
        display: block;
    }

.weekoffspan {
    background: url("weekoff.png") no-repeat 7px 5px;
    color: #333;
    font-size: 14px;
    padding: 8px;
    border: .2em solid #CCAB42;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .weekoffspan span:nth-child(1) {
        margin-left: 30px;
    }

    .weekoffspan span:nth-child(2), .weekoffspan span:nth-child(4) {
        font-weight: bold;
    }

    .weekoffspan:last-child {
        content: " ";
        clear: both;
        display: block;
    }

.curworklocaspan {
    background: url("location.png") no-repeat 7px 5px;
    color: #333;
    font-size: 14px;
    padding: 8px;
    border: .2em solid #CCAB42;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .curworklocaspan span:nth-child(1) {
        margin-left: 30px;
    }

    .curworklocaspan span:nth-child(2), .curworklocaspan span:nth-child(4) {
        font-weight: bold;
    }

    .curworklocaspan:last-child {
        content: " ";
        clear: both;
        display: block;
    }

.userinfodashspan {
    background: url("user.png") no-repeat 7px 5px;
    color: #333;
    font-size: 14px;
    padding: 8px;
    border: .2em solid #CCAB42;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .userinfodashspan span:nth-child(1) {
        margin-left: 30px;
    }

    .userinfodashspan span:nth-child(2), .userinfodashspan span:nth-child(4), .userinfodashspan span:nth-child(6) {
        font-weight: bold;
    }

    .userinfodashspan:last-child {
        content: " ";
        clear: both;
        display: block;
    }


.leavecalcdashspan {
    background: url("leavecal.png") no-repeat 7px 5px;
    color: #333;
    font-size: 14px;
    padding: 8px;
    border: .2em solid #CCAB42;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .leavecalcdashspan span:nth-child(1) {
        margin-left: 30px;
    }

    .leavecalcdashspan span:nth-child(2) {
        font-weight: bold;
    }

    .leavecalcdashspan:last-child {
        content: " ";
        clear: both;
        display: block;
    }

/* My Dasboard Ends */

.paymenttotal, .balanceamounttotal {
    float: left;
    padding: 7px;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 16px !important;
    font-weight: bold;
    color: #333;
    margin-top: -5px;
}

.balanceamounttotal {
    color: #d32f2f;
}

    .balanceamounttotal.balanced {
        color: #4CAF50;
    }

.paidpaymentdetails {
    background: url("paytick.png") no-repeat 7px 12px;
    padding-top: 5px;
    border: .1em dotted #4CAF50;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding-left: 40px;
    color: #333;
    float: left;
}

    .paidpaymentdetails ul > li {
        display: inline-block;
    }

        .paidpaymentdetails ul > li:nth-child(1) > span:nth-of-type(1) {
            font-size: 12px;
            float: left;
            font-weight: bold;
        }

        .paidpaymentdetails ul > li:nth-child(1) > span:nth-of-type(2) {
            float: left;
        }

        .paidpaymentdetails ul > li:nth-child(2) {
            padding-left: 5px;
            padding-right: 5px;
        }

            .paidpaymentdetails ul > li:nth-child(2) > span:nth-of-type(1) {
                background: url("close_icon.png") no-repeat 2px 2px;
                float: left;
                margin-top: -40px;
                height: 20px;
                width: 20px;
                cursor: pointer;
            }

/* Approval */
.indexpanel .header {
    line-height: 30px;
    background: #CCAB42 url("list.png") no-repeat 7px 7px;
}

    .indexpanel .header span,
    .indexresultpanel .header span {
        font-weight: bold;
        color: #FFF;
        padding-left: 30px;
    }

.indexresultpanel .header {
    line-height: 30px;
    background: #CCAB42 url("list.png") no-repeat 7px 7px;
}

.indexpanel .content,
.indexresultpanel .content {
    border: .1em solid #CCAB42;
}

    .indexpanel .content a {
        display: block;
        background-color: #f2f5ef;
        line-height: 25px;
        margin-bottom: .1em;
        color: #333;
        padding-left: 10px;
        border-bottom: .1em solid #e3e7de;
    }

        .indexpanel .content a:hover {
            color: #806822;
            text-decoration: none;
            cursor: pointer;
        }

        .indexpanel .content a.selected {
            color: #806822;
            background-color: #FFF;
            font-weight: bold;
        }

.indexpanel .content {
    padding-top: .1em;
}

    .indexpanel .content ul {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
    }

        .indexpanel .content ul a span:nth-child(1) {
            background-color: #e3e7de;
            padding: 3px;
            margin-left: 10px;
            color: #333;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            -moz-border-radius: 5px 5px 5px 5px;
            -webkit-border-radius: 5px 5px 5px 5px;
            padding-left: 5px;
            padding-right: 5px;
            font-weight: bold;
            border: .1em solid #ccc;
        }

        .indexpanel .content ul a.selected span:nth-child(1) {
            background-color: #806822;
            color: #FFF;
            border: 0em solid #666;
        }

.fixedTable-sidebar {
    border-right: .1em solid #c1c2b8;
}

.roster_mainpnl,
.roster_mainpnl table,
.roster_mainpnl table th,
.roster_mainpnl table td {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: normal;
}

    .roster_mainpnl table th,
    .roster_mainpnl table td {
        padding: 7px;
        min-width: 40px;
        text-align: center;
    }

    .roster_mainpnl table th {
        background-color: #ccab42;
        border-left: .1em solid #af9030;
        border-bottom: .1em solid #af9030;
        color: #FFF;
    }

/*.roster_mainpnl table {
        border-left: .1em solid #c1c2b8;
        border-top: .1em solid #c1c2b8;
    }*/

.refereshicon {
    background-image: url(referesh.png);
    background-position: center;
    background-repeat: no-repeat;
}

.roster_mainpnl table td {
    border-right: .1em solid #c1c2b8;
    border-bottom: .1em solid #c1c2b8;
    text-align: center;
    color: #666;
}

.roster_mainpnl #table1 td:hover {
    cursor: pointer;
}

.roster_mainpnl table tfoot td {
    background-color: #e3e7de;
}

.roster_mainpnl .headerstrip {
    border-bottom: .1em solid #e8e8e8;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    line-height: 30px;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 1px;
}

.roster_mainpnl .weekoff {
    background-color: #90A4AE;
    color: #FFF !important;
}

.roster_mainpnl .leave {
    background-color: #673AB7;
    color: #FFF !important;
}

.oticon {
    background-image: url(ot.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.groomicon {
    background-image: url(grooming.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.roster_mainpnl .buddyicon {
    background-image: url(buddy.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.maticon {
    background-image: url(maternity_black.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.roster_mainpnl .rosshiftperficon_red {
    background-image: url(shift_amber.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.roster_mainpnl .rosshiftperficon_green {
    background-image: url(shift_green.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.roster_mainpnl .rosdayofficon_red {
    background-image: url(dayoff_amber.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.roster_mainpnl .rosdayofficon_green {
    background-image: url(dayoff_green.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.roster_mainpnl .rosleaveicon_red {
    background-image: url(leave_amber.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.roster_mainpnl .rosleaveicon_green {
    background-image: url(leave_green.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.roster_mainpnl .maternity_red {
    background-image: url(maternity_red.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.roster_mainpnl .maternity_green {
    background-image: url(maternity_green.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.roster_mainpnl .roscalendericon {
    background-image: url(date.png);
    background-position: center !important;
    background-repeat: no-repeat;
}

.fixedTable-sidebar .oticon,
.fixedTable-sidebar .buddyicon,
.fixedTable-sidebar .rosshiftperf,
.fixedTable-sidebar .rosdayoff,
.fixedTable-sidebar .rosleave,
.fixedTable-sidebar .rosadjroster,
.fixedTable-sidebar .rosMetshiftpref {
    width: 15px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.fixedTable-sidebar .rosshiftperf,
.fixedTable-sidebar .rosdayoff,
.fixedTable-sidebar .rosleave {
    width: 15px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.fixedTable-sidebar .rowcompleted {
    background-color: #C5E1A5;
}

.fixedTable-sidebar .markascompleted_gray td:nth-child(1) {
    background-image: url(tick_mark_gray.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.fixedTable-sidebar .markascompleted td:nth-child(1) {
    background-image: url(tick_mark.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.fixedTable-sidebar .markascompleted td {
    background-color: #C5E1A5;
}

.roster_mainpnl .otbuddyicon {
    background-image: url(ot.png), url(buddy.png);
    background-position: bottom right, top left;
    background-repeat: no-repeat, no-repeat;
}

.roster_mainpnl .leave a {
    color: #FFF;
    display: inline-block;
    width: 100%;
}

.roster_mainpnl .g1 {
    background-color: #deded1;
}

.roster_mainpnl .d1 {
    background-color: #cbcc49;
}

.roster_mainpnl .m1 {
    background-color: #84FFFF;
}

.roster_mainpnl .a1 {
    background-color: #B9F6CA;
}

.roster_mainpnl .n1 {
    background-color: #F4FF81;
}

    .roster_mainpnl .m1 a,
    .roster_mainpnl .a1 a,
    .roster_mainpnl .n1 a {
        color: #666;
    }

.roster_mainpnl .tooltip-inner {
    white-space: pre;
    max-width: none;
}

#demo .selectedrow,
.roster_mainpnl .selectedrow {
    background-color: #FFEB3B;
}

.roster_mainpnl .demanhigh {
    color: #F00;
    font-weight: bold;
}

.roster_contextbar {
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    border: .1em solid #af9030;
    padding: 5px;
}

    .roster_contextbar select {
        height: 20px;
    }

    .roster_contextbar span {
    }

    .roster_contextbar input[type=button] {
        height: 20px;
    }

.roster_mainpnl .erroralert {
    color: #f00;
    font-weight: bold;
    float: right;
}

    .roster_mainpnl .erroralert:hover {
        text-decoration: underline;
        cursor: pointer;
    }
/* The .roster_mainpnl .greenbg should be last */
.roster_mainpnl .greenbg {
    background-color: #8BC34A;
    color: #FFF !important;
}

    .roster_mainpnl .greenbg a {
        color: #FFF !important;
    }

.leaveaward_mainpnl,
.leaveaward_mainpnl table,
.leaveaward_mainpnl table th,
.leaveaward_mainpnl table td {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: normal;
}

    .leaveaward_mainpnl table th,
    .leaveaward_mainpnl table td {
        min-width: 25px;
        line-height: 25px;
        text-align: center;
    }

    .leaveaward_mainpnl table th {
        background-color: #ccab42;
        border-left: .1em solid #af9030;
        border-bottom: .1em solid #af9030;
        color: #FFF;
    }

    .leaveaward_mainpnl table {
    }

        .leaveaward_mainpnl table td {
            border-right: .1em solid #c1c2b8;
            border-bottom: .1em solid #c1c2b8;
            color: #666;
        }

    .leaveaward_mainpnl #table1 td:hover {
        cursor: pointer;
    }

    .leaveaward_mainpnl table tfoot td {
        background-color: #e3e7de;
    }

    .leaveaward_mainpnl .headerstrip {
        border-bottom: .1em solid #e8e8e8;
        background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
        line-height: 30px;
        margin-bottom: 1px;
    }

    .leaveaward_mainpnl .perf1 {
        background-color: #311B92;
        color: #FFF;
    }

    .leaveaward_mainpnl .perf2 {
        background-color: #3F51B5;
        color: #FFF;
    }

    .leaveaward_mainpnl .perf3 {
        background-color: #D1C4E9;
        color: #311B92;
    }

    .leaveaward_mainpnl .weekoff {
        background-color: #E0E0E0;
        color: #000 !important;
    }

    .leaveaward_mainpnl .greenbg {
        background-color: #8BC34A;
        color: #FFF !important;
    }

    .leaveaward_mainpnl .leave {
        background-color: #004D40;
        color: #FFF !important;
    }

    .leaveaward_mainpnl .leavemarkascompleted {
        background-color: #4CAF50;
        color: #FFF !important;
    }

    .leaveaward_mainpnl .leave + .dayofficon_blk,
    .leaveaward_mainpnl .dayofficon_blk {
        background-image: url(dayoff_black_icon.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    .leaveaward_mainpnl .leave + .dayofficon_blk {
        background-image: url(dayoff_white_icon.png);
    }

    .bidstripaction .perf01,
    .leaveaward_mainpnl .selperf1 {
        background-color: #004D40;
        color: #FFF !important;
    }

        .leaveaward_mainpnl .selperf2 + .dayofficon_blk,
        .leaveaward_mainpnl .selperf1 + .dayofficon_blk,
        .leaveaward_mainpnl .dayofficon_blk {
            background-image: url(dayoff_white_icon.png);
        }

    .leaveaward_mainpnl .selperf3 + .dayofficon_blk {
        background-image: url(dayoff_black_icon.png);
    }

    .bidstripaction .perf02,
    .leaveaward_mainpnl .selperf2 {
        background-color: #009688;
        color: #FFF !important;
    }

    .bidstripaction .perf03,
    .leaveaward_mainpnl .selperf3 {
        background-color: #B2DFDB;
        color: #000 !important;
    }

#contextMenu {
    position: absolute;
    display: none;
    border: .1em solid #333;
    border-right: .1em solid #333;
    border-top: .1em solid #333;
    background: #f6f8f9;
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
    -webkit-box-shadow: 3px 3px 6px 0px rgba(184,184,184,0.5);
    -moz-box-shadow: 3px 3px 6px 0px rgba(184,184,184,0.5);
    box-shadow: 3px 3px 6px 0px rgba(184,184,184,0.5);
}

    #contextMenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 120px;
    }

    #contextMenu li a {
        display: block;
        color: #000;
        padding: 5px 0 5px 10px;
        text-decoration: none;
    }
        /* Change the link color on hover */
        #contextMenu li a:hover {
            background-color: #555;
            color: white;
        }

.leaveaward_mainpnl aside table td {
    text-align: left;
}

footer {
    bottom: 0px;
    display: none;
}

.afterleavedo {
    background-image: url(dayoff.png);
    background-position: right;
    background-repeat: no-repeat;
}

.beforeleavedo {
    background-image: url(dayoff.png);
    background-position: left;
    background-repeat: no-repeat;
    text-indent: 50px;
}

.bidstripaction {
    border-left: .1em solid #ccc;
    border-top: .1em solid #ccc;
    float: right;
    margin: 0em;
    margin-right: 20px;
}

    .bidstripaction li {
        display: inline-block;
        float: left;
        padding: 5px;
        border-right: .1em solid #ccc;
        border-bottom: .1em solid #ccc;
        margin: 0em;
        cursor: pointer;
    }

        .bidstripaction li:first-child {
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
            font-weight: bold;
            cursor: default;
        }

.leavebidviews {
    width: 30px;
    background-image: url(calendar.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border-left: 0em solid #FFF;
}

.bidrejecttabicon {
    padding-left: 73px;
    margin-left: 10px;
    padding-top: 2px;
    background: url(rejectedbids.png) no-repeat left top;
}

#kgriddsample_view .k-grid-content table tbody tr:nth-child(1) td:nth-child(1) {
    background: url(tick.png) no-repeat right center;
}

#kgriddsample_view .k-grid-content table tbody tr:nth-child(1) {
    background-color: #DCEDC8;
}



#kgriddsample_view3a .k-grid-content table tbody tr:nth-child(1) {
    background-color: #DCEDC8;
}

#kgriddsample_view3 .k-grid-content table tbody tr:nth-child(3) td:nth-child(1) {
    background: url(tick.png) no-repeat right center;
}

#kgriddsample_view3 .k-grid-content table tbody tr:nth-child(3) {
    background-color: #DCEDC8;
}

#kgriddsample_view4 .k-grid-content table tbody tr:nth-child(1) td:nth-child(1) {
    background: url(tick.png) no-repeat right center;
}

#kgriddsample_view4 .k-grid-content table tbody tr:nth-child(1) {
    background-color: #DCEDC8;
}

.lvbiddts .bidnotstarted {
    color: #FF9800;
    border: .2em solid #FF9800;
    text-align: center;
    padding: 1em;
    background: url(info_org_32.png) no-repeat 10px center;
}

    .lvbiddts .bidnotstarted span {
        font-weight: bold;
    }

.lvbiddts .bidstarted {
    border: .2em solid #4CAF50;
    text-align: center;
    padding: 1em;
    background: url(info_32.png) no-repeat 10px center;
}

    .lvbiddts .bidstarted span {
        font-weight: bold;
        color: #4CAF50;
    }

.lvbiddts .bidstartedalert {
    border: .2em solid #ef5350;
    background: none;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background-color: #ef5350;
    -webkit-animation: opacity1 3s infinite;
    -moz-animation: opacity1 3s infinite;
    -o-animation: opacity1 3s infinite;
    animation: opacity1 3s infinite;
}

@keyframes opacity1 {
    0% {
        background-color: #FFF;
    }

    50% {
        background-color: #ef5350;
    }

    100% {
        background-color: #FFF;
    }
}


.lvbiddts .bidstartedalert span {
    font-weight: bold;
    color: #b71c1c;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-animation: colorfade 3s infinite;
    -moz-animation: colorfade 3s infinite;
    -o-animation: colorfade 3s infinite;
    animation: colorfade 3s infinite;
}

@keyframes colorfade {
    0% {
        color: #f44336;
    }

    50% {
        color: #FFF;
    }

    100% {
        color: #f44336;
    }
}

.lvbiddts .bidstartedwarning {
    border: .2em solid #f44336;
    text-align: center;
    padding: 1em;
    background: #ffebee url(info_red_32.png) no-repeat 10px center;
}

    .lvbiddts .bidstartedwarning span {
        font-weight: bold;
        color: #f44336;
    }

.lvbiddts .btn_primary {
    border: .1em solid #0871a9 !important;
    color: #FFF !important;
    cursor: pointer;
    font-weight: normal;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #0871a9 !important;
    border-radius: 2px;
    font-size: 12px;
    height: 21px;
}

    .lvbiddts .btn_primary:hover {
        background-color: #065782 !important;
        color: #FFF !important;
    }

.lvbiddts .rejecttxt {
    color: #f44336;
    text-indent: 10px;
    background: url(cross_16.png) no-repeat left center;
}

    .lvbiddts .rejecttxt label {
        font-weight: bold;
    }

.lvbiddts .approvetxt {
    color: #4CAF50;
    text-indent: 10px;
    background: url(tick.png) no-repeat left center;
}

    .lvbiddts .approvetxt label {
        font-weight: bold;
    }

.lvbiddts .closepnl {
    background: #ccab42 url(round_plus.png) no-repeat 4px center;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 24px;
}

.lvbiddts .openpnl {
    background: #ccab42 url(round_minus.png) no-repeat 4px center;
}

.lvbiddts .bidspnl {
    border: .2em solid #ccab42;
    padding: 1em;
    margin-bottom: 1em;
}

.popupalert_warning {
    color: #FF5722;
    text-indent: 50px;
    background: url(info_org_32.png) no-repeat left center;
    padding: 9px;
}

.success_alert {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #DCEDC8;
    padding: 10px;
    width: 300px;
    border: 0.1em solid #4CAF50;
    position: absolute;
    z-index: 1000;
    margin-top: 100px;
}

    .success_alert .icon {
        background: url(tick_big.png) no-repeat right center;
        width: 32px;
        height: 32px;
        float: left;
    }

    .success_alert .msg {
        float: left;
        margin-left: 15px;
        line-height: 32px;
        font-size: 12px;
        color: #229627;
        font-weight: bold;
    }

.loadinggif {
    background: url(loading.gif) no-repeat center;
}

.recalculate {
    background: #FFEB3B url(recalculate.png) no-repeat 5px center;
    line-height: 24px;
    border: .1em solid #FDD835;
    text-indent: 26px;
    width: 150px;
    color: #000;
    cursor: pointer;
}

.btn_push {
    background: #FFEB3B url(database.png) no-repeat 5px center;
    line-height: 24px;
    border: .1em solid #FDD835;
    text-indent: 26px;
    width: 150px;
    color: #000;
    cursor: pointer;
}

.kendo_row_highlight {
    background-color: #DCEDC8;
}

.showstatistic {
    background-color: #7d7e7d !important;
    height: 22px !important;
    border: .1em solid #7d7e7d !important;
    color: #FFF !important;
    border-radius: 0px !important;
    margin-top: 0px !important;
}

.showicon {
    padding-left: 30px;
    background: url(hideicon.png) no-repeat left center;
}

.hideicon {
    padding-left: 30px;
    background: url(showicon.png) no-repeat left center;
}

.editbooksel {
    background-color: #FFF;
    padding: .3em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    border: .2em dotted #4CAF50;
    background: url(tick_check_32_grn_1.png) no-repeat 7px center;
    cursor: pointer;
    background-size: 24px;
}

    .editbooksel ul li {
        float: left;
        width: 100%;
        margin-left: 3.5em;
        color: #4CAF50;
    }

        .editbooksel ul li:nth-child(1) {
            font-weight: bold;
        }

    .editbooksel ul::after {
        content: " ";
        display: block;
        clear: both;
    }


.editbooknotsel {
    background-color: #FFF;
    padding: .3em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    border: .2em dotted #CCC;
    background: url(cross_check_32_gray.png) no-repeat 7px center;
    background-size: 24px;
    cursor: pointer;
}

    .editbooknotsel ul li {
        float: left;
        width: 100%;
        margin-left: 3.5em;
    }

        .editbooknotsel ul li:nth-child(1) {
            font-weight: bold;
        }

    .editbooknotsel ul::after {
        content: " ";
        display: block;
        clear: both;
    }




.cancelbooksel {
    background-color: #FFF;
    padding: .3em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    border: .2em dotted #4CAF50;
    background: url(tick_32_green.png) no-repeat no-repeat 7px center;
    background-size: 24px;
    cursor: pointer;
}

    .cancelbooksel ul li {
        float: left;
        width: 90%;
        margin-left: 3.5em;
        color: #4CAF50;
    }

        .cancelbooksel ul li:nth-child(1) {
            font-weight: bold;
        }

    .cancelbooksel ul::after {
        content: " ";
        display: block;
        clear: both;
    }


.cancelbooknotsel {
    background-color: #FFF;
    padding: .3em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    border: .2em dotted #CCC;
    background: url(cross_32_gray.png) no-repeat 7px center;
    cursor: pointer;
}

    .cancelbooknotsel ul li {
        float: left;
        width: 90%;
        margin-left: 3.5em;
    }

        .cancelbooknotsel ul li:nth-child(1) {
            font-weight: bold;
        }

    .cancelbooknotsel ul::after {
        content: " ";
        display: block;
        clear: both;
    }

.editbooksel_confirm {
    padding: 0em !important;
    cursor: default !important;
}

.paxsel,
.paxnotsel {
    padding: .5em !important;
    padding-left: 3.3em !important;
}

    .paxsel label,
    .paxsel span {
        font-weight: bold !important;
        color: #4CAF50 !important;
    }

.paxsel {
    background: url(tick_24_grn.png) no-repeat 7px center;
}

.paxnotsel label {
    font-weight: bold;
    color: #4CAF50;
}

.paxnotsel span {
    font-weight: normal !important;
    color: #333 !important;
}

.paxnotsel input[type=number] {
    font-weight: normal;
    color: #000;
}

.paxnotsel {
    background: url(info_24_gray.png) no-repeat 7px center;
    cursor: pointer;
}

    .paxnotsel label,
    .paxnotsel span {
        font-weight: bold;
        color: #333;
    }

    .paxnotsel input[type=number] {
        font-weight: bold;
        color: #333;
    }







.upgrdprdsel,
.upgrdprdnotsel {
    padding: .5em !important;
    padding-left: 3.3em !important;
}

.upgrdprdsel {
    background: url(tick_24_grn.png) no-repeat 7px center;
}

    .upgrdprdsel label,
    .upgrdprdsel span {
        font-weight: bold;
        color: #4CAF50;
    }

    .upgrdprdsel input[type=number] {
        font-weight: bold;
        color: #000;
    }

.upgrdprdnotsel {
    background: url(info_24_gray.png) no-repeat 7px center;
    cursor: pointer;
}

    .upgrdprdnotsel label,
    .upgrdprdnotsel span {
        font-weight: bold;
        color: #333;
    }

    .upgrdprdnotsel input[type=number] {
        font-weight: bold;
        color: #333;
    }

#grid3_uploaddoc .k-grid-content table tbody tr td:last-child {
    background: url(attachment.png) no-repeat 7px center;
    text-indent: 20px;
    font-weight: bold;
    text-decoration: underline;
    color: #00F;
    cursor: pointer;
}

.custombid {
    background-color: #9C27B0 !important;
}

.badge_modified {
    border-radius: 3px;
    background-color: #4CAF50;
    color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
}

.badge_Removed {
    border-radius: 3px;
    background-color: #f44336;
    color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
}

.kgrid_incredecre {
    float: right;
}

    .kgrid_incredecre span {
        float: left;
    }

    .kgrid_incredecre .count {
        font-size: 14px;
        font-weight: bold;
        padding-right: 5px;
    }

    .kgrid_incredecre .incre {
        background: url(plus_icon.png) no-repeat center;
        cursor: pointer;
        width: 20px;
    }

    .kgrid_incredecre .decre {
        background: url(minus_icon.png) no-repeat center;
        cursor: pointer;
        width: 20px;
    }

    .kgrid_incredecre .cancelincre {
        background: url(plus_icon.png) no-repeat center;
        cursor: pointer;
        width: 20px;
    }

    .kgrid_incredecre .canceldecre {
        background: url(minus_icon.png) no-repeat center;
        cursor: pointer;
        width: 20px;
    }

.kgrid_attenpresent {
    background: #E8F5E9 url(tick_16_round_grn.png) no-repeat 5px center;
    text-indent: 16px;
}

.kgrid_attenabsent {
    background: #ffebee url(cross_16_round_red.png) no-repeat 5px center;
    text-indent: 16px;
}

.kgrid_viewdetails {
    background: url(view_details.png) no-repeat 5px center;
    display: inline-block;
    float: right;
    margin-right: 5px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.kgrid_viewFeeDetails {
    background: url(view_details.png) no-repeat 5px center;
    display: inline-block;
    float: right;
    margin-right: 5px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.wizardsteps {
    display: table;
    width: 100%;
    table-layout: fixed;
    -webkit-margin-before: 0.3em;
    -webkit-margin-after: 0.3em;
    background-color: #7c7469;
}

    .wizardsteps li {
        display: table-cell;
    }

    .wizardsteps a {
        display: block;
        text-align: left;
        margin: 0px;
        line-height: 33px;
        text-indent: 10px;
        color: #FFF;
        background: url(wiz_steparrow_white.png) no-repeat right center;
    }

    .wizardsteps li a span {
        border-radius: 30px;
        font-weight: bold;
        padding: 3px;
        padding-left: 7px;
        padding-right: 7px;
        border: .1em solid #FFF;
        margin-right: 5px;
    }

    .wizardsteps li:last-child a {
        margin-right: 0px !important;
        background: none;
        background-color: #7c7469;
    }

    .wizardsteps li a {
        background-color: #7c7469;
    }

    .wizardsteps li:first-child a {
        margin-left: 0px !important;
    }

    .wizardsteps li a.completed {
        background-color: #564e43;
        font-weight: bold;
    }

    .wizardsteps li a.working {
        background-color: #ccab42;
        font-weight: bold;
    }

    .wizardsteps li a.disabled {
        background-color: #disabled;
        font-weight: bold;
        color: #d6d5d1;
        cursor: not-allowed;
    }

.wizard_steps::after {
    content: "";
    display: block;
    clear: both;
}

.wizna {
    background: url(notapplicable.png) no-repeat 200px center, url(wiz_steparrow_white.png) no-repeat right center !important;
}

#wizdispinline .updated {
    background: url(updated.png) no-repeat 25px 17px !important;
}

.error_notification {
    display: block;
    padding: .5em;
    border: .2em solid #FF9800;
    text-indent: 30px;
    background: url(info_orange_24.png) no-repeat 5px center;
    color: #FF9800;
    font-weight: bold;
}

.error_notification_32 {
    display: block;
    padding: 1em;
    border: .2em solid #FF9800;
    text-indent: 40px;
    background: url(info_org_32.png) no-repeat 5px center;
    color: #FF9800;
    font-weight: bold;
}

.upgradeproducts .featureicon {
    color: #00F;
    text-decoration: underline;
    cursor: pointer;
}

.upgradeproducts .features div {
    margin-right: 1em;
    margin-bottom: 1em;
    border: .1em dotted #CCCCCC;
    text-indent: 20px;
    padding: .5em;
    color: #333;
    float: left;
    min-width: 250px;
}

.upgradeproducts .features .ficon1 {
    background: url(feature_1.png) no-repeat 5px center;
}

.upgradeproducts .features .ficon2 {
    background: url(feature_2.png) no-repeat 5px center;
}

.upgradeproducts .features .ficon3 {
    background: url(feature_3.png) no-repeat 5px center;
}

.upgradeproducts .features .ficon4 {
    background: url(feature_4.png) no-repeat 5px center;
}

.upgradeproducts .features .ficon5 {
    background: url(feature_5.png) no-repeat 5px center;
}

.workdemandtbl {
    border-left: .1em solid #af9030;
    border-top: .1em solid #af9030;
}

    .workdemandtbl th, .workdemandtbl td {
        border-right: .1em solid #af9030;
        border-bottom: .1em solid #af9030;
        padding: 3px;
        text-align: center;
    }

    .workdemandtbl th {
        background-color: #ccab42;
        color: #FFF;
    }

.workdemandtbl_ph tr td {
    white-space: nowrap;
    padding: 5px;
}

.workdemandtbl_ph tr:nth-child(1) td {
    background-color: #ccab42;
    color: #FFF;
    border-right: 2px solid #736b60;
}

.workdemandtbl_ph tr:nth-child(2) td:nth-child(3n-3) {
    background-color: #F0F4C3;
}

.workdemandtbl_ph tr:nth-child(2) td:nth-child(3n-2) {
    background-color: #B2DFDB;
}

.workdemandtbl_ph tr:nth-child(2) td:nth-child(3n-1) {
    background-color: #D1C4E9;
}

.workdemandtbl_ph tr:nth-child(3) td {
    text-align: left;
}

.workdemandtbl_lg td {
    padding-left: 10px;
    padding-right: 10px;
}

    .workdemandtbl_lg td:nth-child(1) {
        background-color: #F0F4C3 !important;
    }

    .workdemandtbl_lg td:nth-child(2) {
        background-color: #B2DFDB !important;
    }

    .workdemandtbl_lg td:nth-child(3) {
        background-color: #D1C4E9 !important;
    }

.workdemandtbl a {
    cursor: pointer;
}

    .workdemandtbl a:hover {
        color: #00F;
    }

.hidebookingcount, .showbookingcount {
    height: 133px;
    width: 30px;
    margin-left: 1px;
    cursor: pointer;
}

.hidebookingcount {
    background: url(hide_bookingcount.png) no-repeat center;
}

.showbookingcount {
    background: url(show_bookingcount.png) no-repeat center;
}

.assignloc_contextbar {
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    border: .1em solid #dcdcdc;
    padding: 5px;
}

    .assignloc_contextbar select {
        height: 20px;
    }

    .assignloc_contextbar span {
    }

    .assignloc_contextbar input[type=button] {
        height: 20px;
    }

.productbookingdttbl {
    border-left: .1em solid #af9030;
    border-top: .1em solid #af9030;
}

    .productbookingdttbl th, .productbookingdttbl td {
        border-right: .1em solid #af9030;
        border-bottom: .1em solid #af9030;
        padding: 7px;
        text-align: center;
    }

    .productbookingdttbl th {
        background-color: #ccab42;
        color: #FFF;
    }

    .productbookingdttbl td {
        padding: 10px;
    }

    .productbookingdttbl tfoot td {
        background-color: #736b60;
        color: #FFF;
    }

#opdash .k-state-selected {
    background-color: #FFFF8D;
}

.opsdash_arrival {
    background: url(arrival_icon.png) no-repeat 5px center;
    text-indent: 25px;
    font-weight: bold;
    font-size: 14px;
}

.opsdash_depart {
    background: url(departure_icon.png) no-repeat 5px center;
    text-indent: 25px;
    font-weight: bold;
    font-size: 14px;
}

.opsdash_arrival_sm_oal {
    background: url(oal_arrival_icon.png) no-repeat 5px center;
    text-indent: 25px;
    font-size: 12px;
}

.opsdash_depart_sm_oal {
    background: url(oal_departure_icon.png) no-repeat 5px center;
    text-indent: 25px;
    font-size: 12px;
}

.opsdash_arrival_sm {
    background: url(arrival_icon.png) no-repeat 5px center;
    text-indent: 25px;
    font-size: 12px;
}

.opsdash_arrival1_sm {
    background: url(arrival_icon.png) no-repeat 5px center;
    text-indent: 25px;
    font-size: 12px;
}

.opsdash_depart_sm {
    background: url(departure_icon.png) no-repeat 5px center;
    text-indent: 25px;
    font-size: 12px;
}

.opsdash_delay {
    background: url(ops_delayed.gif) no-repeat 5px center;
    color: #FFC107;
    text-indent: 85px;
    font-weight: bold;
    font-size: 14px;
}

.opsdash_ontime {
    background: url(ops_ontime.gif) no-repeat 5px center;
    color: #4CAF50;
    text-indent: 85px;
    font-weight: bold;
    font-size: 14px;
}

.opsdashFlight_delay {
    background: url("flightalertYellow.png") no-repeat 5px center;
    padding: 3px;
    padding-left: 25px;
    text-indent: 25px;
    font-size: 12px;
}

.opsdash_early {
    background: url(ops_early.gif) no-repeat 5px center;
    color: #673AB7;
    text-indent: 85px;
    font-weight: bold;
    font-size: 14px;
}

.opsdash_cancel {
    background: url(ops_cancelled.gif) no-repeat 5px center;
    text-indent: 80px;
}

#opdash thead th.allocatebrd,
#opdash tbody td.allocatebrd {
    border-left: .3em solid #4CAF50 !important;
}

#opdash thead th.allocatebrd {
    background-color: #4CAF50 !important;
    color: #FFF !important;
}

#opdash thead th.unallocatebrd,
#opdash tbody td.unallocatebrd {
    border-left: .3em solid #f44336 !important;
}

#opdash thead th.unallocatebrd {
    background-color: #f44336 !important;
    color: #FFF !important;
}

.opsdas_booklink,
.opsdas_allcolink,
.opsdas_allcostafflink,
.opsdas_unallcolink,
.opsdas_unallcostafflink {
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.opsdas_unallcolink {
    color: #F00 !important;
}

.opsdas_booklink:hover,
.opsdas_allcolink:hover,
.opsdas_allcostafflink:hover,
.opsdas_unalloclink:hover,
.opsdas_unallcostafflink:hover {
    text-decoration: underline !important;
    color: #00F;
}

#opdash .k-grid-content tbody tr span.gold,
#opdash .k-grid-content tbody tr span.plat,
#opdash .k-grid-content tbody tr span.others,
#opstaffdash .k-grid-content tbody tr span.gold,
#opstaffdash .k-grid-content tbody tr span.plat,
#opstaffdash .k-grid-content tbody tr span.others {
    display: inline-block;
    padding: 3px;
    padding-left: 37px;
    padding-right: 10px;
    margin-right: 5px;
    font-weight: bold;
    font-size: 14px;
}

#opdash .k-grid-content tbody tr span.gold,
#opstaffdash .k-grid-content tbody tr span.gold {
    color: #ccab42;
    background: url(meetgreetgold.gif) no-repeat left center;
    border: .1em solid #ccab42;
}

#opdash .k-grid-content tbody tr span.plat,
#opstaffdash .k-grid-content tbody tr span.plat {
    color: #333;
    background: url(meetgreetplat.gif) no-repeat left center;
    border: .1em solid #333;
}

#opdash .k-grid-content tbody tr span.others,
#opstaffdash .k-grid-content tbody tr span.others {
    color: #673AB7;
    background: url(others.gif) no-repeat left center;
    border: .1em solid #673AB7;
}

#opdash .k-grid-content tbody tr td span:last-child,
#opstaffdash .k-grid-content tbody tr td span:last-child {
    margin-right: 0px;
}

.k-grid-content .notassigned {
    color: #f44336;
    background: #ffebee url(notassigned_grid.png) no-repeat 5px center;
    text-indent: 14px;
    font-weight: bold;
}

.k-grid-content .completed {
    color: #4CAF50;
    background: #E8F5E9 url(tick.png) no-repeat 5px center;
    text-indent: 14px;
    font-weight: bold;
}

.k-grid-content .inservice {
    color: #FF9800;
    background: #FFF3E0 url(inservice.png) no-repeat 5px center;
    text-indent: 14px;
    font-weight: bold;
}

.fliterpanel {
    padding-left: 10px;
    padding-top: 3px;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: .1em solid #dcdcdc;
}

    .fliterpanel ul {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
    }

        .fliterpanel ul li {
            float: left;
            margin-right: 10px;
            margin-bottom: 8px;
        }

            .fliterpanel ul li label {
                width: 100%;
            }

            .fliterpanel ul li input,
            .fliterpanel ul li select {
                width: 100%;
                height: 18px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                outline: 0px;
            }

        .fliterpanel ul::after {
            display: block;
            content: " ";
            clear: both;
        }

        .fliterpanel ul li .btn_filter {
            background-color: #736b60;
            border: 0em solid #FFF;
            min-width: 75px;
            text-align: center;
            color: #FFF;
            font-weight: bold;
        }

        .fliterpanel ul li .datepick.k-input {
            padding: 0em !important;
            line-height: 17px !important;
            height: 17px !important;
            border: .1em solid #c5c5c5 !important;
            border-right: 0em solid #c5c5c5 !important;
            text-indent: 3px !important;
        }

        .fliterpanel ul li .k-state-default {
            border-bottom: 0em solid #FFF !important;
        }

        .fliterpanel ul li .k-picker-wrap .k-select {
            line-height: 16px !important;
            height: 16px !important;
            min-height: 16px !important;
        }

        .fliterpanel ul li .k-datepicker {
            line-height: 17px !important;
            height: 17px !important;
        }

.k-grid-redstrike {
    color: #F00 !important;
    font-weight: bold;
    text-decoration: line-through;
}

.thinformhorizontal {
}

    .thinformhorizontal ul {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
    }

        .thinformhorizontal ul li {
            float: left;
            margin-right: 10px;
            margin-bottom: 8px;
        }

            .thinformhorizontal ul li label {
                width: 100%;
                font-size: 12px;
            }

            .thinformhorizontal ul li input,
            .thinformhorizontal ul li select {
                width: 100%;
                height: 21px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                font-size: 12px;
                outline: 0px;
            }

        .thinformhorizontal ul::after {
            display: block;
            content: " ";
            clear: both;
        }

        .thinformhorizontal ul li .btn_primary,
        .thinformhorizontal ul li .btn_secondary {
            background-color: #736b60;
            border: .1em solid #FFF;
            min-width: 75px;
            text-align: center;
            color: #FFF;
            font-weight: bold;
        }

        .thinformhorizontal ul li .btn_secondary {
            background-color: #FFF;
            border: .1em solid #CCC;
            font-weight: normal;
            color: #000;
        }

        .thinformhorizontal ul li span.k-datetimepicker {
            border: .1em solid #aeaeae;
        }

            .thinformhorizontal ul li span.k-datetimepicker .k-state-default {
                border: 0em solid #F00;
            }

                .thinformhorizontal ul li span.k-datetimepicker .k-state-default input {
                    padding: 0px;
                    height: 19px;
                    line-height: 19px;
                    text-indent: 5px;
                }

        .thinformhorizontal ul li select[disabled],
        .thinformhorizontal ul li input[type=text]:disabled,
        .thinformhorizontal ul li input[type=number]:disabled {
            margin-top: 0px;
            margin-left: -1px;
        }

.fltgrdnotify {
    padding: .2em;
    background-color: #ccab42;
}

.flightstatsicon {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

    .flightstatsicon.arrflt {
        background: url(arrival_icon.png) no-repeat center;
    }

    .flightstatsicon.depflt {
        background: url(departure_icon.png) no-repeat center;
    }

    .flightstatsicon.waiting {
        background: url(waiting.png) no-repeat center;
    }

.fltgrdnotify .fltinfo {
    font-weight: bold;
    color: #FFF;
    margin-left: 5px;
}

.passengerrightpanelinner {
    padding: 1em;
    border: .1em solid #ccab42;
    overflow: auto;
}

    .passengerrightpanelinner .ui-accordion-header {
        margin-right: 0em !important;
    }

.ui-accordion-header {
    text-indent: 16px;
}

.passengerrightpanelinner #accordion h3:nth-child(1) {
    margin-top: -5px;
}

#accordion .ui-state-default .ui-icon {
    background-color: #967d2d;
    margin-right: 5px;
}

#accordion .ui-accordion-content {
    padding: 1em;
}

#accordion .ui-accordion-header {
    margin-right: 0em !important;
}

.qr-timeline1 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #333;
    border-left: .1em solid #ccc;
    border-top: .1em solid #ccc;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #333;
    table-layout: auto !important;
}

    .qr-timeline1 tr:nth-child(1) td {
        background-color: #F6F6F6 !important;
        color: #333;
        min-width: 100px;
    }

    .qr-timeline1 td {
        border-right: .1em solid #ccc;
        border-bottom: .1em solid #ccc;
        padding: 0.5em;
        line-height: 21px;
        white-space: nowrap;
        vertical-align: top;
        background-color: #FFF;
    }

    .qr-timeline1 tr td:nth-child(2),
    .qr-timeline1 tr td:nth-child(4),
    .qr-timeline1 tr td:nth-child(7),
    .qr-timeline1 tr td:nth-child(8),
    .qr-timeline1 tr td:nth-child(11),
    .qr-timeline1 tr td:nth-child(12),
    .qr-timeline1 tr td:nth-child(13),
    .qr-timeline1 tr td:nth-child(14),
    .qr-timeline1 tr td:nth-child(15),
    .qr-timeline1 tr td:nth-child(19) {
        background-color: #DCEDC8;
    }

.qr_timegif_1 {
    background: url(timeline_1.gif) no-repeat center;
}

.qr_timegif_2 {
    background: url(timeline_2.gif) no-repeat center;
}

.qr_timegif_3 {
    background: url(timeline_3.gif) no-repeat center;
}

.grdddown_icon {
    background: url(drilldown.png) no-repeat center;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.grddup_icon {
    background: url(drillup.png) no-repeat center;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.list_pop {
    background: url(list_pop.png) no-repeat center;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.spnchkbx,
.spnchkbx span {
    float: left;
}

    .spnchkbx input[type=checkbox] {
        display: block;
        margin-right: 5px;
    }

.txtbold {
    font-weight: bold;
}

.dashbokallolist {
    float: left;
}

    .dashbokallolist ul {
        width: 100%;
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
    }

        .dashbokallolist ul li:nth-child(1) {
            font-weight: bold;
            float: left;
            text-align: right;
        }

        .dashbokallolist ul li:nth-child(2) {
            float: left;
            text-align: left;
        }

        .dashbokallolist ul::after {
            display: block;
            content: " ";
            clear: both;
        }

        .dashbokallolist ul li.assignhd {
            font-weight: bold;
            text-align: left;
        }

    .dashbokallolist .assignto {
        font-weight: normal !important;
        text-align: left;
    }

#qr_leaveaward.fixedTable table {
    margin-bottom: 0px !important;
}

    #qr_leaveaward.fixedTable table tr td,
    #qr_leaveaward.fixedTable table tr th {
        padding: 0px;
        line-height: 29px;
        min-width: 30px;
    }

#qr_leaveaward .fixedTable-header {
    margin-left: 340px;
    overflow: hidden;
}

    #qr_leaveaward .fixedTable-header.headertimeline {
        height: 121px !important;
    }

    #qr_leaveaward .fixedTable-header.footertotal {
        height: 121px !important;
    }

#qr_leaveaward .fixedTable-sidebar {
    width: 340px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #CCC;
}

#qr_leaveaward .fixedTable-body {
    overflow: scroll;
    float: left;
}

#qr_leaveaward .fixedTable-header.headertimeline th {
    background-color: #ccab42;
    color: #FFF;
}

#qr_leaveaward .fixedTable-header.headertimeline table {
    border-top: .1em solid #af9030;
}

#qr_leaveaward .headertimeline table th {
    border-right: .1em solid #af9030;
    border-bottom: .1em solid #af9030;
}

#qr_leaveaward .fixedTable-sidebar table td,
#qr_leaveaward .fixedTable-body table td,
#qr_leaveaward .headertimeline table th,
#qr_leaveaward .footertotal table td {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: normal;
    text-align: center;
}

#qr_leaveaward .fixedTable-header.footertotal table {
    border-left: .1em solid #c1c2b8;
    border-top: .1em solid #c1c2b8;
}

#qr_leaveaward .footertotal table td {
    border-right: .1em solid #c1c2b8;
    border-bottom: .1em solid #c1c2b8;
}

#qr_leaveaward .fixedtable-sidebarheader {
    background-color: #ccab42;
    width: 340px;
    margin-top: -121px;
    border-top: .1em solid #af9030;
    border-right: .1em solid #af9030;
}

    #qr_leaveaward .fixedtable-sidebarheader th {
        color: #FFF;
        font-weight: normal;
    }

    #qr_leaveaward .fixedtable-sidebarheader tr:nth-child(1) th {
        line-height: 25px;
        height: 92px;
        text-align: center;
    }

    #qr_leaveaward .fixedtable-sidebarheader tr:nth-child(2) th {
        text-indent: 5px;
    }

        #qr_leaveaward .fixedtable-sidebarheader tr:nth-child(2) th:nth-child(1) {
            min-width: 24px;
            width: 24px;
        }

        #qr_leaveaward .fixedtable-sidebarheader tr:nth-child(2) th:nth-child(2) {
            min-width: 65px;
            width: 65px;
        }

    #qr_leaveaward .fixedtable-sidebarheader tr:nth-child(2) th {
        line-height: 26px !important;
        border-bottom: 0em solid #c1c2b8;
        min-width: 25px !important;
        overflow: hidden;
    }

#qr_leaveaward .fixedtable-sidebarfooter {
    background-color: #ebeee7;
    border-left: .1em solid #c1c2b8;
    border-top: .1em solid #c1c2b8;
    width: 340px;
    float: left;
}

    #qr_leaveaward .fixedtable-sidebarfooter td {
        border-right: .1em solid #c1c2b8;
        border-bottom: .1em solid #c1c2b8;
        color: #000;
        font-weight: normal;
        text-indent: 5px;
        font-family: Tahoma, Geneva, sans-serif;
    }

#qr_leaveaward .fixedTable-header.footertotal tfoot td {
    background-color: #ebeee7;
    color: #000;
    font-weight: normal;
}

#qr_leaveaward .fixedTable-body table {
    border-left: .1em solid #c1c2b8;
    border-top: .1em solid #c1c2b8;
}

    #qr_leaveaward .fixedTable-body table td {
        border-right: .1em solid #c1c2b8;
        border-bottom: .1em solid #c1c2b8;
    }

#qr_leaveaward .fixedTable-sidebar table {
    border-left: .1em solid #c1c2b8;
    border-top: .1em solid #c1c2b8;
    width: 100%;
}

    #qr_leaveaward .fixedTable-sidebar table td {
        border-right: .1em solid #c1c2b8;
        border-bottom: .1em solid #c1c2b8;
        text-align: left;
    }

        #qr_leaveaward .fixedTable-sidebar table td:last-child {
            border-right: 0em solid #FFF;
        }

#qr_leaveaward .fixedTable-body table {
    border-left: 0em solid #FFF;
}

#qr_leaveaward .fixedTable-sidebar table tr td:nth-child(1) {
    min-width: 25px;
    width: 25px;
    cursor: pointer;
}

#qr_leaveaward .fixedTable-sidebar table tr td:nth-child(2) {
    width: 65px;
    text-indent: 5px;
}

#qr_leaveaward .fixedTable-sidebar table tr td:nth-child(3) {
    text-indent: 5px;
    border-right: 0em solid #FFF;
    max-width: 100px;
}

#qr_leaveaward .fixedTable-sidebar table tr td:nth-child(5) {
    min-width: 25px;
    max-width: 30px;
    text-overflow: ellipsis;
    width: 38px;
    overflow: hidden;
}

#qr_leaveaward .fixedTable-body tbody td .bid01,
#qr_leaveaward .fixedTable-body tbody td .bid01dayoff,
#qr_leaveaward .fixedTable-body tbody td .bid02,
#qr_leaveaward .fixedTable-body tbody td .bid02dayoff,
#qr_leaveaward .fixedTable-body tbody td .bid03,
#qr_leaveaward .fixedTable-body tbody td .bid03dayoff,
#qr_leaveaward .fixedTable-body tbody td .customlev,
#qr_leaveaward .fixedTable-body tbody td .customlevdayoff,
#qr_leaveaward .fixedTable-body tbody td .dayoffconflict,
#qr_leaveaward .fixedTable-body tbody td .leaveconflict,
#qr_leaveaward .fixedTable-body tbody td .levbidapprv,
#qr_leaveaward .fixedTable-body tbody td .levbidapprvdayoff {
    display: block;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
}

#qr_leaveaward .fixedTable-body tbody td .bid01 {
    background-color: #303f9f;
}

#qr_leaveaward .fixedTable-body tbody td .bid01dayoff {
    background: #303f9f url(dayoff1.png) no-repeat center;
}

#qr_leaveaward .fixedTable-body tbody td .bid02 {
    background-color: #1976d2;
}

#qr_leaveaward .fixedTable-body tbody td .bid02dayoff {
    background: #1976d2 url(dayoff1.png) no-repeat center;
}

#qr_leaveaward .fixedTable-body tbody td .bid03 {
    background-color: #0097a7;
}

#qr_leaveaward .fixedTable-body tbody td .bid03dayoff {
    background: #0097a7 url(dayoff1.png) no-repeat center;
}

#qr_leaveaward .fixedTable-body tbody td .customlev {
    background-color: #9C27B0;
}

#qr_leaveaward .fixedTable-body tbody td .customlevdayoff {
    background: #9C27B0 url(dayoff1.png) no-repeat center;
}

#qr_leaveaward .fixedTable-body tbody td .dayoffconflict {
    background: #F00 url(dayoff1.png) no-repeat center;
}

#qr_leaveaward .fixedTable-body tbody td .leaveconflict {
    background: #666 url(dayoff1.png) no-repeat center;
}

#qr_leaveaward .fixedTable-body tbody td .levbidapprv {
    background-color: #388e3c;
}

#qr_leaveaward .fixedTable-body tbody td .levbidapprvdayoff {
    background: #388e3c url(dayoff1.png) no-repeat center;
}

#qr_leaveaward .fixedTable-body .b1d_b2p1l {
    background: url(b1d_b2p1l.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b1d_b2p2l {
    background: url(b1d_b2p2l.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b1d_b2p3l {
    background: url(b1d_b2p3l.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b1p1l_b2d {
    background: url(b1p1l_b2d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b1p2l_b2d {
    background: url(b1p2l_b2d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b1p3l_b2d {
    background: url(b1p3l_b2d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2d_b3p1l {
    background: url(b2d_b3p1l.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2d_b3p2l {
    background: url(b2d_b3p2l.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2d_b3p3l {
    background: url(b2d_b3p3l.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2p1l_b3d {
    background: url(b2p1l_b3d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2p2l_b3d {
    background: url(b2p2l_b3d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2p3l_b3d {
    background: url(b2p3l_b3d.png) no-repeat center;
    display: block;
}
/*#qr_leaveaward .fixedTable-body .b1d_b2l {
    background: url(b1d_b2l.png) no-repeat center;
    display: block;
}*/

#qr_leaveaward .fixedTable-body .b1d_cd {
    background: url(b1d_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b1d_cl {
    background: url(b1d_cl.png) no-repeat center;
    display: block;
}

/*#qr_leaveaward .fixedTable-body .b1l_b2d {
    background: url(b1l_b2d.png) no-repeat center;
    display: block;
}*/

#qr_leaveaward .fixedTable-body .b1p1_cd {
    background: url(b1p1_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b1p2_cd {
    background: url(b1p2_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b1p3_cd {
    background: url(b1p3_cd.png) no-repeat center;
    display: block;
}

/*#qr_leaveaward .fixedTable-body .b2d_b3l {
    background: url(b2d_b3l.png) no-repeat center;
    display: block;
}*/

#qr_leaveaward .fixedTable-body .b2d_cd {
    background: url(b2d_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2d_cl {
    background: url(b2d_cl.png) no-repeat center;
    display: block;
}

/*#qr_leaveaward .fixedTable-body .b2l_b3d {
    background: url(b2l_b3d.png) no-repeat center;
    display: block;
}*/

#qr_leaveaward .fixedTable-body .b2p1_cl {
    background: url(b2p1_cl.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2p2_cl {
    background: url(b2p2_cl.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2p3_cl {
    background: url(b2p3_cl.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2p1_cd {
    background: url(b2p1_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2p2_cd {
    background: url(b2p2_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b2p3_cd {
    background: url(b2p3_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b3d_cd {
    background: url(b3d_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b3d_cl {
    background: url(b3d_cl.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b3p1_cl {
    background: url(b3p1_cl.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b3p2_cl {
    background: url(b3p2_cl.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b3p3_cl {
    background: url(b3p3_cl.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b3p1_cd {
    background: url(b3p1_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b3p2_cd {
    background: url(b3p2_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .b3p3_cd {
    background: url(b3p3_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b1d {
    background: url(cd_b1d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b1p1 {
    background: url(cd_b1p1.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b1p2 {
    background: url(cd_b1p2.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b1p3 {
    background: url(cd_b1p3.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b2d {
    background: url(cd_b2d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b2p1 {
    background: url(cd_b2p1.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b2p2 {
    background: url(cd_b2p2.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b2p3 {
    background: url(cd_b2p3.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b3d {
    background: url(cd_b3d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b3p1 {
    background: url(cd_b3p1.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b3p2 {
    background: url(cd_b3p2.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_b3p3 {
    background: url(cd_b3p3.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_cd {
    background: url(cd_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cd_cl {
    background: url(cd_cl.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cl_cd {
    background: url(cl_cd.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cl_b3d {
    background: url(cl_b3d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cl_b2d {
    background: url(cl_b2d.png) no-repeat center;
    display: block;
}

#qr_leaveaward .fixedTable-body .cl_b1d {
    background: url(cl_b1d.png) no-repeat center;
    display: block;
}

.dashstaffcross {
    margin-right: 3px;
    border: .1em solid #CCC;
    margin-bottom: 3px;
    padding: 3px;
    float: left;
}

    .dashstaffcross .staffname {
        margin-right: 3px;
        line-height: 16px;
        float: left;
        padding-right: 5px;
        border-right: .1em solid #CCC;
    }

    .dashstaffcross .cross {
        background: url(cross.png) no-repeat center;
        width: 16px;
        height: 16px;
        line-height: 16px;
        cursor: pointer;
        float: left;
    }

#opdash .ms-options-wrap {
    float: left;
    width: 500px;
    border: .1em solid #ccc;
    line-height: 16px;
    margin-right: 5px;
    color: #000;
    text-align: left;
}

    #opdash .ms-options-wrap button {
        background: none;
        border: 0em;
        width: 500px;
        outline: 0;
    }

.dashavailmainstaffpnl {
    font-family: Tahoma, Geneva, sans-serif;
    width: 1400px;
    position: absolute;
    z-index: 1000;
    top: 185px;
    background-color: #FFF;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
    border: .1em solid #ccab42;
}

    .dashavailmainstaffpnl .btn_primary {
        line-height: 19px;
    }

    .dashavailmainstaffpnl .btn_secondary {
        line-height: 19px;
    }

    .dashavailmainstaffpnl input[type=checkbox] {
        display: block;
        margin-top: 3px;
        margin-left: 3px;
        cursor: pointer;
    }

    .dashavailmainstaffpnl .hh1,
    .dashavailmainstaffpnl .hh2,
    .dashavailmainstaffpnl .hh3,
    .dashavailmainstaffpnl .hh4 {
        background-color: #ccab42;
        float: left;
        color: #FFF;
        line-height: 25px;
    }

    .dashavailmainstaffpnl .hh1 {
        width: 23px;
    }

    .dashavailmainstaffpnl .hh2 {
        width: 60px;
    }

    .dashavailmainstaffpnl .hh3 {
        width: 300px;
    }

    .dashavailmainstaffpnl .hh4 {
        width: 1000px;
    }

        .dashavailmainstaffpnl .hh4 span {
            width: 66px;
            display: block;
            float: left;
        }

.dashavailstaffpnl {
    width: 1380px;
    height: 243px;
    background-color: #FFF;
    overflow-y: scroll;
}

    .dashavailstaffpnl .rowsel {
        background-color: #FFFF8D;
    }

    .dashavailstaffpnl table {
        border-left: 0em solid #CCC;
        border-top: .1em solid #CCC;
    }

        .dashavailstaffpnl table tbody td {
            border-right: .1em solid #CCC;
            border-bottom: .1em solid #CCC;
            line-height: 21px;
        }

        .dashavailstaffpnl table tr td:nth-child(1) {
            width: 20px;
        }

        .dashavailstaffpnl table tr td:nth-child(2) {
            width: 60px;
            text-align: left;
            text-indent: 5px;
        }

        .dashavailstaffpnl table tr td:nth-child(3) {
            width: 300px;
            text-align: left;
            text-indent: 5px;
        }

        .dashavailstaffpnl table tr td:nth-child(4) {
            text-align: left;
            padding-left: 2px;
        }

    .dashavailstaffpnl span.oc,
    .dashavailstaffpnl span.na,
    .dashavailstaffpnl span.sl,
    .dashavailstaffpnl span.av {
        display: block;
        float: left;
        width: 10px;
        height: 10px;
        margin-right: 1px;
        margin-top: 5px;
    }

    .dashavailstaffpnl span.oc {
        background-color: #ef5350;
    }

    .dashavailstaffpnl span.na {
        background-color: rgba(0,92,151,0);
    }

    .dashavailstaffpnl span.av {
        background-color: #E0E0E0;
    }

    .dashavailstaffpnl span.sl {
        background-color: #4CAF50;
    }

    .dashavailstaffpnl .overide,
    .dashavailstaffpnl .except {
        margin-top: 2px;
        float: right;
        margin-right: 3px;
    }


.btn_primary {
    background-color: #0871a9;
    border: 0.1em solid #0871a9;
    color: #FFF;
}

    .btn_primary:hover {
        background-color: #065782;
        border: 0.1em solid #0871a9;
        color: #FFF;
    }

.btn_secondary {
    background-color: #FFF;
    border: 0.1em solid #7d7e7d;
    color: #333;
}

    .btn_secondary:hover {
        background-color: #CCC;
        border: 0.1em solid #7d7e7d;
        color: #000;
    }

.qr_custom_popup * {
    font-size: 12px;
}

.qr_scheduler1 {
    font-family: tahoma;
    margin-top: 50px;
    height: 410px;
    overflow: auto;
    width: 970px;
    position: absolute;
    border: .1em dotted #333;
}

    .qr_scheduler1 .qr_scheduler1_time {
        float: left;
        padding-left: 10px;
        position: absolute;
    }

        .qr_scheduler1 .qr_scheduler1_time table tr td:nth-child(1) {
            text-align: right;
            line-height: 20px;
            /*height: 20px;*/
            width: 60px;
            padding-right: 3px;
            border-right: .1em dotted #333;
        }

    .qr_scheduler1 .qr_scheduler1_bookings {
        float: left;
        margin-top: 9px;
        margin-left: 3px;
        position: absolute;
        margin-left: 75px;
    }

        .qr_scheduler1 .qr_scheduler1_bookings .bookings {
            border: .1em solid #009688;
            border-left: 1em solid #009688;
            width: 200px;
            line-height: 14px;
            padding-left: 5px;
            position: absolute;
        }

.viewscheduler {
    background: url(clock.png) no-repeat center;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.qrdashstatus1 div {
    font-size: 14px;
    padding: 0.5em;
    font-weight: bold;
    float: left;
    margin-top: 0.5em;
    margin-right: 0.5em;
}

.qrdashstatus1 .totalbook {
    background-color: #ccab42;
    color: #FFF;
}

.qrdashstatus1 .notserved {
    background-color: #FF9800;
    color: #FFF;
}

.qrdashstatus1 .superpend {
    background-color: #f44336;
    color: #FFF;
}

.qrdashstatus1 .completed {
    background-color: #4CAF50;
    color: #FFF;
}

.qrdashstatus1 .completedincident {
    background-color: #8BC34A;
    color: #FFF;
    border-left: .3em solid #F00;
    border-right: .3em solid #F00;
}

.qrdashstatus1::after {
    display: block;
    clear: both;
    content: " ";
}

.qrdashiconpending {
    background: url(pending_serve.png) no-repeat 5px center;
    color: #FB8C00;
    font-weight: bold;
    text-indent: 15px;
}

.qrdashiconserved {
    background: url(star.png) no-repeat 5px center;
    color: #9C27B0;
    font-weight: bold;
    text-indent: 15px;
}

.qrdashiconservedflag {
    background: url(handflag.png) no-repeat 5px center;
    color: #f44336;
    font-weight: bold;
    text-indent: 15px;
}

.qrdashiconcompleted {
    background: url(tick_16_round_grn.png) no-repeat 5px center;
    color: #4CAF50;
    font-weight: bold;
    text-indent: 15px;
}

.k-grid-header .unchk,
.k-grid-content .unchk {
    background: url(checkbox_unchecked.png) no-repeat center;
    background-size: 16px;
    cursor: pointer;
}

.k-grid-header .chkchked,
.k-grid-content .chkchked {
    background: url(checkbox_checked.png) no-repeat center;
    cursor: pointer;
    background-size: 16px;
}

.k-grid-content .radunchk {
    background: url(radio_unchecked.png) no-repeat center;
    background-size: 16px;
    cursor: pointer;
}

.k-grid-content .radchked {
    background: url(radio_checked.png) no-repeat center;
    cursor: pointer;
    background-size: 16px;
}

.evtprod > div,
.evtaddons > div {
    float: left;
    padding: .5em;
    padding-top: 3em;
    margin-bottom: .75em;
    margin-right: .75em;
    background: #EEEEEE url(cross_24_gray.png) no-repeat center 7px;
    min-width: 140px;
    color: #9E9E9E;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
}

    .evtprod > div:last-child,
    .evtaddons > div:last-child {
        margin-right: 0em;
    }

.evtprod div.selected,
.evtaddons div.selected {
    background: #4CAF50 url(tick_white_24.png) no-repeat center 7px;
    color: #FFF;
    font-weight: bold;
}

.searchpnl {
    margin-top: 0em;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 84%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 84%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 84%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-bottom: .1em dotted #ccc;
}

.searchpnl {
    padding-top: .5em;
}










.dashtabs1 ul li a span {
    display: block;
    line-height: 1em;
    padding: .2em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    margin-left: .5em;
    background-color: #FFF;
    float: right;
    color: #F00 !important;
    font-weight: bold;
}

.dashtabs1 span.pending {
    background-color: #FFEB3B;
    color: #F00 !important;
}

.dashtabs1 span.supervisorpending {
    background-color: #F00;
    color: #FFF !important;
}

.tabletbg {
    background: url(footer-bg.png) no-repeat center bottom, -moz-linear-gradient(45deg, #005c97 0%, #363795 100%); /* FF3.6-15 */
    background: url(footer-bg.png) no-repeat center bottom, -webkit-linear-gradient(45deg, #005c97 0%,#363795 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(footer-bg.png) no-repeat center bottom, inear-gradient(45deg, #005c97 0%,#363795 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.menutab {
    background: -moz-linear-gradient(45deg, rgba(54,55,149,0) 0%, rgba(0,38,104,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(54,55,149,0) 0%,rgba(0,38,104,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(54,55,149,0) 0%,rgba(0,38,104,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 4em;
    width: 100% !important;
    color: #FFF;
    border: .1em solid #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

    .menutab:hover {
        background: none;
    }

    .menutab:hover {
        background: none;
    }

.backbtntab {
    background: url(arrows.svg) no-repeat;
    width: 100% !important;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 1.8em;
    background-size: contain;
    font-weight: normal;
    text-indent: 2.1em;
    text-align: left;
    border: 0em;
}

.tabuserinfo {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.8em;
    background-size: contain;
    font-weight: normal;
    text-indent: 2.1em;
    text-align: left;
    border: 0em;
    margin-top: .3em;
    float: right;
}

    .tabuserinfo span:nth-child(2) {
        font-weight: bold;
    }

.tabtoptitle {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: 1.8em;
    background-size: contain;
    font-weight: normal;
    text-indent: 2.1em;
    text-align: center;
    border: 0em;
}

.tabletpanel1 {
    font-family: 'Roboto', sans-serif;
    float: left;
    margin-right: 3em;
    width: 25.3em;
}

.tabletpanel1mid > div {
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.28) 0%, rgba(0,92,151,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.28) 0%,rgba(0,92,151,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0,0,0,0.28) 0%,rgba(0,92,151,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tabletpanel1mid {
    overflow: auto;
}

.tabletpanel1 div.flightinfo {
    font-size: 21px;
    padding: .5em 1em;
    color: #FFF;
    border-left: .4em solid #2196F3;
    border-right: .4em solid #2196F3;
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.28) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.28) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.28) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align: center;
    margin-bottom: 0.75em;
}

.tabletpanel2 {
    font-family: 'Roboto', sans-serif;
    float: left;
    margin-right: 3em;
    width: 100%;
}

.tabletpanel2mid > div {
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.28) 0%, rgba(0,92,151,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.28) 0%,rgba(0,92,151,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0,0,0,0.28) 0%,rgba(0,92,151,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tabletpanel2mid {
    overflow: auto;
}

.tabletpanel2 div.flightinfofull {
    font-size: 21px;
    padding: .5em 1em;
    color: #FFF;
    border-left: .4em solid #2196F3;
    border-right: .4em solid #2196F3;
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.28) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.28) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.28) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align: center;
    margin-bottom: 0.75em;
}

.tabletpanel1 div.bookinglist {
    font-size: 15px;
    padding: .5em 1em;
    border-left: .5em solid #FFF;
    margin-bottom: 1.1em;
}

    .tabletpanel1 div.bookinglist div:nth-child(1) {
        float: left;
        color: #FFF;
        font-size: 17px;
        line-height: 1.6em;
        margin-top: .3em;
    }

    .tabletpanel1 div.bookinglist div:nth-child(2) {
        float: right;
        color: #FFF;
        font-size: 15px;
        line-height: 1.6em;
        background-color: #ccab42;
        padding-left: .5em;
        padding-right: .5em;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        margin-top: .3em;
    }

    .tabletpanel1 div.bookinglist div:nth-child(4) {
        float: left;
        color: #FFF;
        font-size: 17px;
        line-height: 2.5em;
    }

    .tabletpanel1 div.bookinglist div:nth-child(5) {
        float: right;
        color: #FFF;
        font-size: 17px;
        line-height: 2.5em;
        margin-right: .5em;
    }

    .tabletpanel1 div.bookinglist div:nth-child(7) {
        width: 100%;
        color: #FFF;
        font-size: 14px;
        line-height: 1em;
        border-top: .1em dotted #fff;
        margin-top: .75em;
        padding-top: .75em;
        padding-bottom: .75em;
    }
    /* .tabletpanel1 div.bookinglist div:nth-child(n+2):nth-child(-n+4){
float:left;
height:30px;
width:5em;
line-height:30px;
}*/
    .tabletpanel1 div.bookinglist::after {
        display: block;
        content: " ";
        clear: both;
    }

.subflightinfo {
    background-color: #f6f6f6;
}

    .subflightinfo td:nth-child(2) {
        border-left: .3em solid #4CAF50 !important;
    }

.ui-accordion .ui-state-default {
    background-color: #e3e7de;
    border: .1em solid #c1c2b8;
    color: #333;
}

.ui-accordion .ui-state-active {
    color: #FFF;
}

.ui-accordion .ui-accordion-header-active {
    background-color: #ccab42 !important;
    border: .1em solid #ccab42;
    border-bottom: 0em solid #ccab42;
}

.ui-accordion h3.ui-state-hover {
    color: #FFF;
    background-color: #ccab42 !important;
    outline: none;
}

.ui-accordion h3 {
    padding-left: 10px !important;
    font-weight: bold !important;
}

.ui-accordion .ui-accordion-content {
    border: .1em solid #ccab42;
    border-top: 0em solid #ccab42;
}

.ui-accordion .ui-accordion-content {
    border: .1em solid #ccab42;
    border-top: 0em solid #ccab42;
}

.ui-accordion .ui-accordion-header {
    margin-top: 1em;
}

.ui-widget * {
    outline: none;
}

​ .fixedTable-body tbody tr .leave span {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.passengerrightpanelinner .qr_form_horizontal_fixed input[type=text] {
    line-height: 22px;
    height: 22px;
    border: .1em solid #bfc6c8;
}

.passengerrightpanelinner .qr_form_horizontal_fixed input[type=file] {
    line-height: 22px;
    height: 22px;
    border: .1em solid #bfc6c8;
}

.qr_form_horizontal_fixed .k-datetimepicker span {
    float: none;
    clear: both;
}




















.qrform_hori_fixed {
}

    .qrform_hori_fixed ul {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
    }

        .qrform_hori_fixed ul li {
            float: left;
            margin-right: 15px;
            margin-bottom: 15px;
        }

            .qrform_hori_fixed ul li label {
                font-size: 12px;
            }

                .qrform_hori_fixed ul li label:nth-of-type(1) {
                    font-weight: bold;
                    margin-bottom: 0.2em;
                    width: 100%;
                }

                .qrform_hori_fixed ul li label:nth-of-type(2) {
                    line-height: 22px;
                    height: 22px;
                    text-indent: 1px;
                }

            .qrform_hori_fixed ul li input,
            .qrform_hori_fixed ul li select {
                width: 100%;
                height: 22px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                font-size: 12px;
                outline: 0px;
            }

            .qrform_hori_fixed ul li span.inline {
                float: left;
            }

                .qrform_hori_fixed ul li span.inline input {
                    width: auto;
                    float: left;
                }

        .qrform_hori_fixed ul::after,
        .qrform_hori_fixed ul span.inline::after {
            display: block;
            content: " ";
            clear: both;
        }

        .qrform_hori_fixed ul li .btn_filter {
            background-color: #736b60;
            border: 0em solid #FFF;
            min-width: 75px;
            text-align: center;
            color: #FFF;
            font-weight: bold;
        }

        .qrform_hori_fixed ul li .k-picker-wrap .k-input {
            padding: 0em !important;
            height: 20px !important;
            line-height: 20px !important;
            outline: 0;
        }

        .qrform_hori_fixed ul li .k-picker-wrap.k-state-default {
            border-color: #a1a9ab;
        }

    .qrform_hori_fixed .spanradiogrp {
        float: left;
        margin-top: 2px;
        margin-bottom: 3px;
    }

    .qrform_hori_fixed .radio label, .checkbox label {
        min-height: 18px;
        margin-top: 4px;
    }

    .qrform_hori_fixed ul li input[type=text].txtbox1 {
        height: 22px;
        line-height: 22px;
        text-indent: 3px;
        outline: none;
    }

    .qrform_hori_fixed ul li input[type=text].readonly {
        border: .1em solid #FFF;
        text-indent: 0px;
    }

    .qrform_hori_fixed ul li input[type=text].qr-lov-field {
        background: url('lov-field.png') no-repeat right;
        padding-right: 20px;
        border: .1em solid #a9a9a9;
    }

    .qrform_hori_fixed .spanradiogrp {
        float: left;
        margin-top: 2px;
        margin-bottom: 3px;
    }

    .qrform_hori_fixed input[type=radio], input[type=checkbox] {
        display: none;
    }

        .qrform_hori_fixed input[type=radio] + label:before {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-right: 6px;
            background-color: #FFF;
            border-radius: 14px;
            border: .1em solid #CCC;
        }

        .qrform_hori_fixed input[type=radio] + label {
            margin-right: 1em;
        }

    .qrform_hori_fixed input[type=checkbox] + label:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-right: 6px;
        background-color: #FFF;
        border-radius: 2px;
        border: .1em solid #ccab42;
    }

    .qrform_hori_fixed input[type=checkbox] + label {
        margin-right: 1em;
    }

    .qrform_hori_fixed input[type=radio]:checked + label:before {
        content: "\2022";
        color: #ccab42;
        background-color: #FFF;
        font-size: 39px;
        line-height: 16px;
        border: 1px solid #ccab42;
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }

    .qrform_hori_fixed input[type=checkbox]:checked + label:before {
        content: "\2714";
        color: #FFF;
        background-color: #ccab42;
        text-align: center;
        line-height: 15px;
        border: .1em solid #ccab42;
    }

    .qrform_hori_fixed .spancheckboxgrp {
        float: left;
        margin-top: 2px;
        margin-bottom: 3px;
    }

.flightinfodashspan {
    color: #333;
    font-size: 14px;
    padding: 8px;
    border: .2em solid #CCAB42;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-indent: 25px;
}

    .flightinfodashspan.arrival {
        background: url("arrival_icon.png") no-repeat 7px center;
    }

    .flightinfodashspan.depart {
        background: url("departure_icon.png") no-repeat 7px center;
    }

    .flightinfodashspan:last-child {
        content: " ";
        clear: both;
        display: block;
    }

.k-grid .k-grid-content .booklink {
    background: url("newwindow.png") no-repeat right 9px;
    background-size: 21px;
}

    .k-grid .k-grid-content .booklink:hover {
        background: url("newwindow_hover.png") no-repeat right 9px;
        background-size: 21px;
        color: #00F;
        font-weight: bold;
        text-decoration: underline;
    }

.salesbox1 {
    padding: .5em;
    float: left;
    width: 500px;
}

    .salesbox1 .title {
        font-size: 14px;
        margin-bottom: .3em;
        margin-right: .3em;
        margin-left: .3em;
        font-weight: bold;
        text-align: center;
        padding: .4em;
    }

    .salesbox1 .others,
    .salesbox1 .cash,
    .salesbox1 .cheque {
        font-size: 12px;
        margin-right: .3em;
        margin-left: .3em;
        margin-bottom: .5em;
        border: .1em dashed #CCC;
        padding: .5em;
    }

        .salesbox1 .others span:nth-child(2),
        .salesbox1 .cash span:nth-child(2),
        .salesbox1 .cheque span:nth-child(2) {
            font-weight: bold;
            float: right;
        }

        .salesbox1 .others span:nth-child(3) {
            clear: both;
            display: block;
            float: right;
        }

    .salesbox1 .others {
        height: 3.8em;
    }

    .salesbox1 .cash {
        margin-bottom: .3em;
    }

    .salesbox1.acknowwait {
        border: .1em solid #d32f2f;
        background: url("sign.png") no-repeat center 80px;
        background-size: 40%;
    }

        .salesbox1.acknowwait .title {
            background-color: #d32f2f;
            color: #FFF;
        }

    .salesbox1.acknowsuccess {
        border: .1em solid #4CAF50;
        background: url("acknow.png") no-repeat center 80px;
        background-size: 40%;
    }

        .salesbox1.acknowsuccess .title {
            background-color: #4CAF50;
            color: #FFF;
        }

.txtbdred {
    color: #d32f2f;
    font-weight: bold;
}

.txtbdgrn {
    color: #4CAF50;
    font-weight: bold;
}

.kgridview {
    background: url("view.png") no-repeat center;
    cursor: pointer;
}

.kgridlink {
    color: #000;
    font-weight: bold;
}

    .kgridlink:hover {
        color: #00F;
        cursor: pointer;
        text-decoration: underline;
    }

.salestable1 {
    float: left;
}

    .salestable1 div {
        margin-right: 1em;
        margin-bottom: .1em;
        float: left;
        padding: 1.3em;
    }

        .salestable1 div.collected {
            background-color: #4CAF50;
            font-size: 12px;
            color: #FFF;
        }

            .salestable1 div.collected span:nth-child(1) {
                font-size: 14px;
                font-weight: bold;
                float: right;
            }

            .salestable1 div.collected span:nth-child(2) {
                font-size: 16px;
                font-weight: bold;
                float: right;
                display: block;
                clear: both;
                margin-top: .3em;
            }

.kgridtickiconcen {
    background: url("wiz_tick_completed.png") no-repeat center;
    cursor: pointer;
}

.kgridcrossiconcen {
    background: url("wiz_tick_incomplete.png") no-repeat center;
    cursor: pointer;
}

.kgridtrred td {
    color: #f44336 !important;
    background-color: #ffebee !important;
}

.acknowstrip1 {
    list-style: none;
}

    .acknowstrip1 li {
        float: left;
        border-right: .1em dotted #ccab42;
        padding: .5em 1em;
        margin-bottom: .5em;
        text-align: left;
        min-height: 3.9em;
        cursor: arrow;
    }

        .acknowstrip1 li label:nth-child(1) {
            float: left;
            font-weight: bold;
        }

        .acknowstrip1 li label:nth-child(2),
        .acknowstrip1 li input[type=button] {
            float: left;
            clear: both;
            margin-top: .1em;
        }

        .acknowstrip1 li:nth-child(1) {
            padding-left: 0em;
            border-right: 0em dotted #ccab42;
        }

    .acknowstrip1.notacknow li:nth-child(1) {
        background: #d32f2f url("notify_white.png") no-repeat 7px center;
    }

    .acknowstrip1.acknow li:nth-child(1) {
        background: #4CAF50 url("tick_white.png") no-repeat 7px center;
    }

    .acknowstrip1 li:nth-child(1) label:nth-child(1) {
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        white-space: pre-wrap;
        max-width: 140px;
        color: #FFF;
        padding-left: 3em;
    }

    .acknowstrip1::after {
        display: block;
        border-top: .1em dotted #ccab42;
        content: " ";
        clear: both;
    }

.acknotification {
    border: .1em dashed #d32f2f;
    padding: 1em;
    line-height: 1em;
    color: #d32f2f;
    padding-left: 3.5em;
    background: #ffebee url("notify_24.png") no-repeat 10px center;
}

.handoverpendingstrip {
    border: .1em dashed #d32f2f;
    padding: 1em;
    line-height: 1em;
    color: #d32f2f;
    padding-left: 3.5em;
    background: #ffebee url("handoverred.png") no-repeat 10px center;
}

.handoversuccessstrip {
    border: .1em dashed #4CAF50;
    padding: 1em;
    line-height: 1em;
    color: #2E7D32;
    padding-left: 3.5em;
    background: #F1F8E9 url("handovergrn.png") no-repeat 10px center;
}

.qr_colapnl .title {
    padding: .5em;
    cursor: pointer;
    text-indent: 22px;
}

    .qr_colapnl .title.open {
        background: #ccab42 url("round_minus_wht.png") no-repeat 7px 6px;
        color: #FFF;
    }

    .qr_colapnl .title.closed {
        background: #e3e7de url("plus_round_darkgry.png") no-repeat 7px 6px;
        color: #736b60;
    }

.qr_colapnl .content {
    border: .1em solid #ccab42;
    margin-top: .2em;
    padding: 1em;
}

.k-grid-trgrayed {
    background-color: #E0E0E0 !important;
}

.k-grid .k-grid-content .booklink:hover {
    color: #00F;
    text-decoration: underline;
    cursor: pointer;
}

.k-grid .k-grid-content .k-grid-pending {
    background: url("pending_1.png") no-repeat 7px center;
    text-indent: 18px;
    color: #424242;
    font-weight: bold;
}

.k-grid .k-grid-content .k-grid-approved {
    background: url("tick_16_round_grn.png") no-repeat 7px center;
    text-indent: 18px;
    color: #4CAF50;
    font-weight: bold;
}

.k-grid .k-grid-content .k-grid-approved-minicon {
    background: url("tick_16_round_grn.png") no-repeat center;
    text-indent: 18px;
    color: #4CAF50;
    font-weight: bold;
}

.k-grid .k-grid-content .k-grid-refunded {
    background: url("money.png") no-repeat 7px center;
    text-indent: 18px;
    color: #4CAF50;
    font-weight: bold;
}

.indictyp1 {
    display: table;
    width: 100%;
}

    .indictyp1 li {
        display: table-cell;
    }

    .indictyp1 div {
        display: block;
        text-align: left;
        margin-right: 1.5em;
        cursor: default;
        padding: 0.5em;
        padding-right: 1em;
    }

        .indictyp1 div span:nth-child(1) {
            float: right;
            font-size: 1em;
            font-weight: bold;
        }

        .indictyp1 div span:nth-child(2) {
            clear: both;
            float: right;
            font-size: 1.2em;
            font-weight: bold;
        }

        .indictyp1 div::after {
            clear: both;
            content: " ";
            display: block;
        }

    .indictyp1 li:last-child div {
        margin-right: 0px;
    }

    .indictyp1 .totalsales {
        background: #4CAF50 url("totalsales.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .pettycash {
        background: #795548 url("cashsales.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .pettycash1 {
        background: #795548 url("cashsales.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .cashsales {
        background: #009688 url("cashsales.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .cashsales1 {
        background: #00BCD4 url("cashsales.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .creditcard {
        background: #00BCD4 url("creditcard.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .cashsalesrefund {
        background: #9C27B0 url("cashsales.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .creditcardrefund {
        background: #9C27B0 url("creditcard.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .cheques {
        background: #3F51B5 url("cheques.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .bank {
        background: #9C27B0 url("bank.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .handoverpend {
        background: #f44336 url("handoverhandsahke.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .handoversuccess {
        background: #4CAF50 url("handoverhandsahke.png") no-repeat .5em center;
        text-indent: 1.5em;
        color: #FFF;
    }

    .indictyp1 .pettycash .underline {
        text-decoration: underline;
    }

        .indictyp1 .pettycash .underline:hover {
            cursor: pointer;
            text-decoration: none;
            font-weight: bold;
        }

    .indictyp1 .pettycash1 .underline {
        text-decoration: underline;
    }

        .indictyp1 .pettycash1 .underline:hover {
            cursor: pointer;
            text-decoration: none;
            font-weight: bold;
        }

.k-grid .k-grid-content .k-grid-spanflightalrt {
    background: url("flightalert.png") no-repeat center;
    display: inline-block;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 3px;
    padding-right: 10px;
    margin-right: 5px;
}

    .k-grid .k-grid-content .k-grid-spanflightalrt:hover {
        cursor: pointer;
    }

.txtgrayitalic {
    color: #424242;
    font-style: italic;
}

.k-grid .k-grid-content .gradshade {
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .k-grid .k-grid-content .gradshade > td {
        border-bottom: .1em solid #CCC;
        padding: .5em !important;
        padding-bottom: 1em !important;
    }

        .k-grid .k-grid-content .gradshade > td:nth-child(1) {
            background-color: #eef1eb;
        }

    .k-grid .k-grid-content .gradshade table {
        border-top: .1em solid #ccd1c8;
        border-left: .1em solid #ccd1c8;
    }

        .k-grid .k-grid-content .gradshade table thead th {
            background-color: #eef1eb;
            color: #000;
            text-align: left;
            border-right: .1em solid #ccd1c8 !important;
            border-bottom: .1em solid #ccd1c8;
            padding: .5em;
        }

        .k-grid .k-grid-content .gradshade table tbody td {
            color: #000;
            text-align: left;
            border-right: .1em solid #ccd1c8 !important;
            border-bottom: .1em solid #ccd1c8;
        }

.loginpnl {
    width: 444px;
}

    .loginpnl .productlogo {
        height: 17em;
    }

    .loginpnl .frmpnl {
        float: left;
        margin-top: 15px;
    }

        .loginpnl .productlogo::after,
        .loginpnl .frmpnl::after,
        loginpnl::after {
            display: block;
            content: " ";
            clear: both;
        }

    .loginpnl .btn_primary {
        background-color: #ccab42 !important;
        border: .1em solid #af9030 !important;
    }

        .loginpnl .btn_primary:hover {
            background-color: #af9030 !important;
            border: .1em solid #af9030 !important;
        }

    .loginpnl .field-validation-error {
        line-height: 21px;
        height: 21px;
        background: url("../images/notifyerror.png") no-repeat left center;
        color: #f44336;
        text-indent: 20px;
    }

    .loginpnl .validation-summary-errors {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .loginpnl input[type="text"],
    .loginpnl input[type="password"] {
        border: .1em solid #a9a9a9;
        text-indent: 3px;
    }

        .loginpnl input[type="text"]:focus,
        .loginpnl input[type="password"]:focus {
            border: .1em solid #a9a9a9;
            outline: none;
            background-color: #ffffcc;
            text-indent: 3px;
        }

#params {
    display: none;
}

.screensubtitle,
.screensubtitle .showhidetog {
    font-size: 14px;
    font-weight: bold;
    color: #967a25;
    margin-bottom: 5px;
}

    .screensubtitle .showhidetog {
        cursor: pointer;
        display: inline-block;
        line-height: 1.75em;
    }

    .screensubtitle::after {
        content: " ";
        display: block;
        clear: both;
    }

.screensubsubtitle {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
}

    .screensubsubtitle::after {
        content: " ";
        display: block;
        clear: both;
    }

.k-grid.k-widget {
    margin-top: 1em;
}

.qr_form_horizontal_fixed .k-dropdown-wrap.k-state-default,
.qr_form_horizontal_fixed #searchByValue {
    height: 2em;
}

.qr_form_horizontal_fixed #searchByValue {
    text-indent: 3px;
}

.jqpop .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default .k-input {
    line-height: 1.8em;
}


input[type=text]:disabled,
input[type=number]:disabled,
input[type=checkbox]:disabled,
textarea:disabled,
select:disabled {
    background-color: #F6F6F6 !important;
    border-color: #bfc6c8 !important;
    text-indent: 3px !important;
}
/*Page Level Sub Titles*/
.qr_subtitles {
    border-bottom: .1em solid #ccab42;
    text-transform: none;
}

    .qr_subtitles .showhidetog {
        font-size: 12px;
        font-weight: bold;
        color: #967a25;
        margin-bottom: 5px;
    }

    .qr_subtitles .showhidetog {
        cursor: pointer;
        display: inline-block;
        line-height: 1.75em;
    }

    .qr_subtitles::after {
        content: " ";
        display: block;
        clear: both;
    }

    .qr_subtitles .title {
        float: left;
        background-color: #ccab42;
        font-weight: normal;
        padding: .4em 1.2em;
        color: #FFF;
    }

    .qr_subtitles .notification {
        line-height: 2em;
        height: 2em;
        margin-left: 1em;
        float: left;
        font-weight: bold;
    }

    .qr_subtitles .inforitgrnbg {
        line-height: 2em;
        height: 2em;
        margin-left: 1em;
        float: right;
        font-weight: bold;
        color: #FFF;
        background-color: #4CAF50;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .qr_subtitles .inforitrefrshplchld {
        background-color: transparent;
    }

        .qr_subtitles .inforitrefrshplchld input[type=button] {
            height: 22px;
            padding-left: 1em;
            padding-right: 1em;
            -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
        }

.qr_uploadctrl #qr_uploaderrormsg,
.qr_uploadctrl .qr_uploaderrormsg,
.qr_uploadctrl #import_uploaderrormsg {
    border: .1em solid #c62828;
    padding: .5em;
    padding-left: 2em;
    color: #c62828;
    display: none;
    float: left;
    background: url("cross_16_round_red.png") no-repeat .3em center;
}

    .qr_uploadctrl #qr_uploaderrormsg::after,
    .qr_uploadctrl .qr_uploaderrormsg::after,
    .qr_uploadctrl .import_uploaderrormsg {
        display: block;
        content: " ";
        clear: both;
    }

.qr_uploadctrl .filestack {
    border: .1em solid #4CAF50 !important;
    padding: .5em;
    padding-left: 3em;
    padding-right: 1em;
}

#qr_uploaddetails .filestack {
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}

.qr_uploadctrl .filestack span {
    font-weight: bold;
    float: left;
}

.qr_uploadctrl .closeicon {
    display: block;
    background: url("cross_16_round_red.png") no-repeat center;
    width: 16px;
    height: 16px;
    float: right !important;
    cursor: pointer;
}

.qr_uploadctrl .jpg {
    background: url("fileicon_jpg.png") no-repeat .5em center;
}

.qr_uploadctrl .jpeg {
    background: url("fileicon_jpg.png") no-repeat .5em center;
}

.qr_uploadctrl .gif {
    background: url("fileicon_gif.png") no-repeat .5em center;
}

.qr_uploadctrl .pdf {
    background: url("fileicon_pdf.png") no-repeat .5em center;
}

.qr_uploadctrl .png {
    background: url("fileicon_png.png") no-repeat .5em center;
}

.qr_uploadctrl .doc {
    background: url("fileicon_doc.png") no-repeat .5em center;
}

.qr_uploadctrl .docx {
    background: url("fileicon_doc.png") no-repeat .5em center;
}

.qr_uploadctrl .xls {
    background: url("fileicon_xls.png") no-repeat .5em center;
}

.qr_uploadctrl .xlsx {
    background: url("fileicon_xls.png") no-repeat .5em center;
}

* {
    font-size: 11px !important;
    font-family: verdana !important;
    outline: none;
}

.megamenu .mastermenu {
    background: -moz-linear-gradient(left, #af9030 0%, #ccab42 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #af9030 0%,#ccab42 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #af9030 0%,#ccab42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .megamenu .mastermenu .mastermenu_hover {
        border-color: #FFF;
        background-color: #FFF;
    }

    .megamenu .mastermenu > div {
        color: #FFF;
    }

        .megamenu .mastermenu > div:hover {
            background: -moz-linear-gradient(left, #ccab42 0%, #af9030 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #ccab42 0%,#af9030 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #ccab42 0%,#af9030 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }

    .megamenu .mastermenu .mastermenu_hover:hover {
        border-color: #af9030 !important;
        color: #806822;
        background: none;
        background-color: #FFF;
    }

.megamenu .mastersubmenu .submenugroup ul li a {
    color: #333;
}

    .megamenu .mastersubmenu .submenugroup ul li a:hover {
        color: #806822;
        text-decoration: underline;
    }

.megamenu .mastersubmenu .submenugroup ul li:hover a {
    color: #806822 !important;
}

.megamenu .mastersubmenu .submenugroup ul li:nth-child(1), .megamenu .mastersubmenu .submenugroup ul li:nth-child(1):hover {
    color: #806822 !important;
}

.k-edit-cell .k-input.k-textbox {
    padding-left: 0em;
    padding-top: 0em;
    height: 27px;
    line-height: 27px;
}

.k-grid table thead tr th {
    font-weight: bold !important;
    padding: .65em !important;
}

.k-icon {
    font-size: 0px !important;
}

.ken_select {
    height: 2em !important;
}

    .ken_select .k-multiselect-wrap.k-floatwrap {
        min-height: 1.8em !important;
    }

        .ken_select .k-multiselect-wrap.k-floatwrap .k-button {
            background-color: #CCC;
        }

.k-multiselect-wrap li {
    margin: 2px 0 3px 3px;
    padding: 0 1.6em 0 .857em;
    line-height: 1.5em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.ken_select .k-multiselect-wrap .k-input {
    display: none !important;
}

.ken_select li {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}

.ken_select .k-multiselect.k-header {
    border-color: #bfc6c8 !important;
}

.k-list-scroller {
    border: .1em solid #CCC;
}

    .k-list-scroller li {
        border-bottom: .1em solid #CCC !important;
        color: #000 !important;
    }

.k-grid .k-dropdown-wrap .k-input {
    line-height: 2em;
    height: 2.3em;
    text-indent: 0.9em;
}

.k-grid .k-state-selected .k-i-arrow-s {
    background-position: 0px -32px;
}

.k-grid .k-widget.k-dropdown.k-header .k-dropdown-wrap,
.k-grid .k-picker-wrap.k-state-default {
    border: .1em solid #ef5350;
    background-color: #ffebee;
}

    .k-grid .k-picker-wrap.k-state-default .k-input {
        background-color: #ffebee;
    }

    .k-grid .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-active {
        padding-bottom: 0px !important;
    }

#spnSeparator {
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
}

.bidstripaction li {
    padding: 3px !important;
}

.bid01btn {
    background-color: #303f9f !important;
    border: .1em solid #303f9f;
}

.bid02btn {
    background-color: #1976d2 !important;
    border: .1em solid #1976d2;
}

.bid03btn {
    background-color: #0097a7 !important;
    border: .1em solid #0097a7;
}

    .bid01btn li,
    .bid02btn li,
    .bid03btn li {
        min-width: 40px;
        text-align: center;
        font-weight: bold;
    }

.bid01btn li {
    background: none !important;
    background-color: #303f9f !important;
}

.bid02btn li {
    background: none !important;
    background-color: #1976d2 !important;
}

.bid03btn li {
    background: none !important;
    background-color: #0097a7 !important;
}

    .bid01btn li:nth-child(1),
    .bid02btn li:nth-child(1),
    .bid03btn li:nth-child(1) {
        border: 0em solid #FFF;
        color: #FFF !important;
        line-height: 17px;
    }

    .bid01btn li:nth-child(n+2),
    .bid02btn li:nth-child(n+2),
    .bid03btn li:nth-child(n+2) {
        margin-left: 3px;
        border: .1em solid #FFF;
    }

.bidstripaction .perf01,
.bidstripaction .perf02,
.bidstripaction .perf03 {
    color: #FFF !important;
    text-decoration: underline;
}

.bid01btn.bidstripaction .perf01:hover,
.bid01btn.bidstripaction .perf02:hover,
.bid01btn.bidstripaction .perf03:hover,
.bid02btn.bidstripaction .perf01:hover,
.bid02btn.bidstripaction .perf02:hover,
.bid02btn.bidstripaction .perf03:hover,
.bid03btn.bidstripaction .perf01:hover,
.bid03btn.bidstripaction .perf02:hover,
.bid03btn.bidstripaction .perf03:hover {
    background-color: #FFF !important;
    color: #000 !important;
    text-decoration: none;
}

#wizardStepHeader ul li {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

    #wizardStepHeader ul li a {
        line-height: 33px !important;
        font-weight: bold;
        text-align: left;
        font-size: 11px !important;
    }

        #wizardStepHeader ul li a span:nth-child(1) {
            background: none !important;
            font-weight: bold;
            padding: 3px;
            padding-left: 7px;
            padding-right: 7px;
            border: .1em solid #FFF;
            margin-right: 5px;
            background-color: #F00;
            float: none;
        }

        #wizardStepHeader ul li a span:nth-child(2) {
            background: none !important;
            background-color: #F00;
            display: block;
            background: none;
            display: block;
            text-align: left;
            margin: 0px;
            line-height: 33px;
            text-indent: 10px;
            color: #FFF;
            background: url(wiz_steparrow_white.png) no-repeat right center !important;
        }

    #wizardStepHeader ul li.disabled {
        background-color: #7c7469;
    }

.userinfopnl .userinfotxt span:nth-child(4) {
    font-size: 10px !important;
}

.loginpnl .copyright {
    font-size: 10px !important;
}

.iconsplitter {
    background: url(icon_splitter.png) no-repeat center !important;
    display: inline-block;
    line-height: 20px;
}

/*#roster_div .fixedtable-sidebarheader {
    border-right: .1em solid #af9030;
}*/

#roster_div .fixedtable-sidebarheader {
    height: 87px !important;
    overflow: hidden;
}

.fixedtable-sidebarheader tr:nth-child(1) th {
    border-bottom: .1em solid #af9030;
}

.fixedtable-sidebarheader tr:nth-child(2) th {
    border-right: .1em solid #af9030;
    line-height: 31px !important;
}

.roster_contextbar input[type=button] {
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: .1em solid #c7cbc2;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #000;
    padding-left: .5em;
    padding-right: .5em;
    height: 20px;
    min-width: 30px;
    outline: none;
}

    .roster_contextbar input[type=button]:disabled {
        opacity: 0.65 !important;
    }

    .roster_contextbar input[type=button]:hover {
        background: -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        border: .1em solid #ccab42;
    }

    .roster_contextbar input[type=button]:disabled:hover {
        opacity: 0.65 !important;
        background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        border: .1em solid #c7cbc2;
    }

.roster_contextbar #btnassignshiftdet {
    background: url(icon_workingshift.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_workingshift.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_workingshift.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .roster_contextbar #btnassignshiftdet:hover {
        background: url(icon_workingshift_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_workingshift_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_workingshift_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnShiftPattern {
    background: url(icon_shiftpattern.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_shiftpattern.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_shiftpattern.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    min-width: 42px;
}

    .roster_contextbar #btnShiftPattern:hover {
        background: url(icon_shiftpattern_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_shiftpattern_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_shiftpattern_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnGroomShift {
    background: url(icon_grooming.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_grooming.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_grooming.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    min-width: 42px;
}

    .roster_contextbar #btnGroomShift:hover {
        background: url(icon_grooming_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_grooming_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_grooming_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnassignshiftpattern {
    background: url(icon_shiftpattern.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_shiftpattern.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_shiftpattern.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .roster_contextbar #btnassignshiftpattern:hover {
        background: url(icon_shiftpattern_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_shiftpattern_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_shiftpattern_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnassigntrainee {
    background: url(icon_buddy.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_buddy.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_buddy.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .roster_contextbar #btnassigntrainee:hover {
        background: url(icon_buddy_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_buddy_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_buddy_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnassigotdet {
    background: url(icon_ot.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_ot.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_ot.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .roster_contextbar #btnassigotdet:hover {
        background: url(icon_ot_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_ot_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_ot_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btncorptraining {
    background: url(icon_corptrain.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_corptrain.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_corptrain.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .roster_contextbar #btncorptraining:hover {
        background: url(icon_corptrain_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_corptrain_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_corptrain_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }


.roster_contextbar #btnAbsent {
    background: url(icon_absent.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_absent.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_absent.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .roster_contextbar #btnAbsent:hover {
        background: url(icon_absent.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_absent.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_absent.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnnotavail {
    background: url(icon_na.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_na.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_na.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .roster_contextbar #btnnotavail:hover {
        background: url(icon_na_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_na_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_na_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnweekoff {
    background: url(icon_dayoff.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_dayoff.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_dayoff.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .roster_contextbar #btnweekoff:hover {
        background: url(icon_dayoff_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_dayoff_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_dayoff_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnclearAllot {
    background: url(icon_clearallot.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_clearallot.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_clearallot.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    min-width: 42px;
}

    .roster_contextbar #btnclearAllot:hover {
        background: url(icon_clearallot_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_clearallot_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_clearallot_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnclear {
    background: url(icon_clearselect.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(icon_clearselect.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(icon_clearselect.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .roster_contextbar #btnclear:hover {
        background: url(icon_clearselect_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(icon_clearselect_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(icon_clearselect_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnweekoffswap {
    background: url(swapdayoff.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(swapdayoff.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(swapdayoff.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    min-width: 42px;
}

    .roster_contextbar #btnweekoffswap:hover {
        background: url(swapdayoff_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(swapdayoff_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(swapdayoff_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.roster_contextbar #btnswapshift {
    background: url(swapshift.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(swapshift.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(swapshift.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    min-width: 42px;
}

    .roster_contextbar #btnswapshift:hover {
        background: url(swapshift_hover.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(swapshift_hover.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(swapshift_hover.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }


.roster_contextbar #btnremovestaff {
    background: url(del_staff.png) no-repeat center, -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(229,229,229,1) 49%, rgba(237,237,237,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: url(del_staff.png) no-repeat center, -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(del_staff.png) no-repeat center, linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(229,229,229,1) 49%,rgba(237,237,237,1) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    min-width: 42px;
}

    .roster_contextbar #btnremovestaff:hover {
        background: url(del_staff_white.png) no-repeat center, -moz-linear-gradient(top, rgba(204,171,66,1) 0%, rgba(147,120,37,1) 49%, rgba(147,120,37,1) 49%, rgba(175,144,48,1) 49%, rgba(204,171,66,1) 100%); /* FF3.6-15 */
        background: url(del_staff_white.png) no-repeat center, -webkit-linear-gradient(top, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: url(del_staff_white.png) no-repeat center, linear-gradient(to bottom, rgba(204,171,66,1) 0%,rgba(147,120,37,1) 49%,rgba(147,120,37,1) 49%,rgba(175,144,48,1) 49%,rgba(204,171,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
}

.qrfrmk_errorindi {
    float: right;
    margin-right: 3px;
    height: 35px;
    width: 25px;
    border-left: .2em dotted #CCC;
}

    .qrfrmk_errorindi.erroricon {
        background: url(error_indication.gif) no-repeat center;
        cursor: pointer;
    }

.stfdash_userinfo,
.stfdash_departinfo,
.stfdash_leaveschinfo {
    float: left;
    padding: 1em;
    text-indent: 35px;
}

    .stfdash_userinfo span,
    .stfdash_departinfo span,
    .stfdash_leaveschinfo span {
        font-weight: bold;
    }

.stfdash_userinfo {
    background: #ececec url(usericon.png) no-repeat 5px center;
}

.stfdash_departinfo {
    background: #ececec url(department.png) no-repeat 5px center;
}

.stfdash_leaveschinfo {
    background: #ececec url(schedule_brown.png) no-repeat 5px center;
}

.bidspnl .indivpnlblock {
    float: left;
    background-color: #ececec;
    min-width: 100px;
    margin-right: 1em;
    min-height: 25px;
    vertical-align: middle;
    padding: .5em 1em;
}

    .bidspnl .indivpnlblock .title {
        display: block;
        font-weight: bold;
        float: left;
        margin-right: 5px;
    }

    .bidspnl .indivpnlblock .txtval {
        display: block;
        float: left;
    }

    .bidspnl .indivpnlblock.shrtleave {
        float: right;
        text-indent: 15px;
        background: #ececec url(reqpending.png) no-repeat 5px center;
    }

.bidspnl .bidsubmitted {
    display: table;
    background: #FF9800 url(bidsubmit.png) no-repeat 5px center;
    text-indent: 8px;
}

.bidspnl .bidapproved {
    display: table;
    background: #4CAF50 url(checked.png) no-repeat 5px center;
    text-indent: 8px;
}

.bidspnl .bidrejected {
    display: table;
    background: #d32f2f url(cancel.png) no-repeat 5px center;
    text-indent: 8px;
}

    .bidspnl .bidsubmitted span,
    .bidspnl .bidapproved span,
    .bidspnl .bidrejected span {
        display: table-cell;
        vertical-align: middle;
        color: #FFF;
    }

        .bidspnl .bidsubmitted span label,
        .bidspnl .bidapproved span label,
        .bidspnl .bidrejected span label {
            font-weight: bold;
        }

.bidspnl .qr_subtitles .title {
    padding-left: .5em !important;
}

.bidspnl .indivpnlblock label {
    cursor: default;
}

.qr_popuperrors {
    border: .1em solid #F00;
    margin-top: 1em;
    padding-left: 1em;
    color: #F00;
}

    .qr_popuperrors li {
        float: left;
        margin-right: 1em;
    }

    .qr_popuperrors ul::after {
        clear: both;
        display: block;
        content: " ";
    }

    .qr_popuperrors li:nth-child(1)::before {
        content: "1. ";
    }

    .qr_popuperrors li:nth-child(2)::before {
        content: "2. ";
    }

    .qr_popuperrors li:nth-child(3)::before {
        content: "3. ";
    }

    .qr_popuperrors li:nth-child(4)::before {
        content: "4. ";
    }

    .qr_popuperrors li:nth-child(5)::before {
        content: "5. ";
    }

    .qr_popuperrors li:nth-child(6)::before {
        content: "6. ";
    }

    .qr_popuperrors li:nth-child(7)::before {
        content: "7. ";
    }

    .qr_popuperrors li:nth-child(8)::before {
        content: "8. ";
    }

    .qr_popuperrors li:nth-child(9)::before {
        content: "9. ";
    }

    .qr_popuperrors li:nth-child(10)::before {
        content: "10. ";
    }

    .qr_popuperrors li:nth-child(11)::before {
        content: "11. ";
    }

    .qr_popuperrors li:nth-child(12)::before {
        content: "12. ";
    }

    .qr_popuperrors li:nth-child(13)::before {
        content: "13. ";
    }

    .qr_popuperrors li:nth-child(14)::before {
        content: "14. ";
    }

    .qr_popuperrors li:nth-child(15)::before {
        content: "15. ";
    }

    .qr_popuperrors li:nth-child(16)::before {
        content: "16. ";
    }

    .qr_popuperrors li:nth-child(17)::before {
        content: "17. ";
    }

    .qr_popuperrors li:nth-child(18)::before {
        content: "18. ";
    }

    .qr_popuperrors li:nth-child(19)::before {
        content: "19. ";
    }

    .qr_popuperrors li:nth-child(20)::before {
        content: "20. ";
    }

    .qr_popuperrors li:nth-child(21)::before {
        content: "21. ";
    }

    .qr_popuperrors li:nth-child(22)::before {
        content: "22. ";
    }

    .qr_popuperrors li:nth-child(23)::before {
        content: "23. ";
    }

    .qr_popuperrors li:nth-child(24)::before {
        content: "24. ";
    }

    .qr_popuperrors li:nth-child(25)::before {
        content: "25. ";
    }

    .qr_popuperrors li:nth-child(26)::before {
        content: "26. ";
    }

    .qr_popuperrors li:nth-child(27)::before {
        content: "27. ";
    }

    .qr_popuperrors li:nth-child(28)::before {
        content: "28. ";
    }

    .qr_popuperrors li:nth-child(29)::before {
        content: "29. ";
    }

    .qr_popuperrors li:nth-child(30)::before {
        content: "30. ";
    }

    .qr_popuperrors li:nth-child(31)::before {
        content: "31. ";
    }

    .qr_popuperrors li:nth-child(32)::before {
        content: "32. ";
    }

    .qr_popuperrors li:nth-child(33)::before {
        content: "33. ";
    }

    .qr_popuperrors li:nth-child(34)::before {
        content: "34. ";
    }

    .qr_popuperrors li:nth-child(35)::before {
        content: "35. ";
    }

.qr_popuperrorsnonum {
    border: .1em solid #F00;
    margin-top: 1em;
    padding-left: 1em;
    color: #F00;
    max-height: 100px;
    overflow: auto;
}

    .qr_popuperrorsnonum li {
        float: left;
        margin-right: 1em;
    }

        .qr_popuperrorsnonum li::after {
            /*content:", ";*/
        }

        .qr_popuperrorsnonum li:last-child::after {
            /*content:".";*/
        }

    .qr_popuperrorsnonum ul::after {
        clear: both;
        display: block;
        content: " ";
    }

.qr_form_horizontal_fixed span.readonly {
    background-color: #e9e9e9;
    display: block;
    width: 100%;
    height: 22px;
    padding-left: 5px;
    line-height: 22px;
}

.qr_form_horizontal_fixed ul li span.autocom input {
    height: 20px !important;
}

.qr_form_horizontal_fixed ul li textarea {
    resize: none;
}

#bidsContent .btn_primary.addnewbid:disabled {
    display: none;
}

.k-button.k-button-icontext.k-state-disabled {
    opacity: 0.4;
}

    .k-button.k-button-icontext.k-state-disabled:hover {
        background-color: #7a8291 !important;
        cursor: not-allowed !important;
    }

.qr_form_horizontal_fixed.htmlrowbtn ul li {
    margin-bottom: 0em !important;
}

    .qr_form_horizontal_fixed.htmlrowbtn ul li .btn_primary {
        height: 24px;
        background-color: #7a8291 !important;
        border: 0em solid #FFF !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
        min-width: 50px !important;
    }

        .qr_form_horizontal_fixed.htmlrowbtn ul li .btn_primary:hover {
            background-color: #af9030 !important;
        }

.qr_form_horizontal_fixed ul li span.inlinespaninp input {
    clear: none;
}

.qr_form_horizontal_fixed ul li span.inline {
    float: left;
}

    .qr_form_horizontal_fixed ul li span.inline input.txtbox1,
    .qr_form_horizontal_fixed ul li span.inline .k-widget.k-datepicker.k-header {
        clear: none;
    }

.stfdashreqpend {
    background: url(reqpending.png) no-repeat center;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
}

.lvbiddts .noBidsMessage {
    background: url("cross_16_round_red.png") no-repeat .3em center;
    border: .1em solid #F00;
    padding: .5em;
    float: left;
    text-indent: 2em;
    color: #F00;
}

    .lvbiddts .noBidsMessage::after {
        clear: both;
        content: " ";
        display: block;
    }


#qr_leaveaward .alp, #qr_leaveaward .alup, #qr_leaveaward .al, #qr_leaveaward .alem, #qr_leaveaward .alcb, #qr_leaveaward .cl, #qr_leaveaward .co, #qr_leaveaward .fph, #qr_leaveaward .sl, #qr_leaveaward .ml, #qr_leaveaward .ul {
    display: block;
    background: none;
}

#qr_leaveaward .alp {
    background-color: #00B050;
    color: #000000;
}

#qr_leaveaward .alup {
    background-color: #66FF33;
    color: #000000;
}

#qr_leaveaward .al {
    background-color: #66FF33;
    color: #000000;
}

#qr_leaveaward .alem {
    background-color: #A9D08E;
    color: #000000;
}

#qr_leaveaward .alcb {
    background-color: #00CC00;
    color: #000000;
}

#qr_leaveaward .cl {
    background-color: #FFC000;
    color: #000000;
}

#qr_leaveaward .co {
    background-color: #1F4E78;
    color: #F7FF00;
}

#qr_leaveaward .fph {
    background-color: #1F4E78;
    color: #F7FF00;
}

#qr_leaveaward .sl {
    background-color: #000000;
    color: #FF0000;
}

#qr_leaveaward .ml {
    background-color: #BF8F00;
    color: #000000;
}

#qr_leaveaward .ul {
    background-color: #002060;
    color: #FF0000;
}

#qr_leaveaward .alp::after {
    content: "ALV";
}

#qr_leaveaward .alup::after {
    content: "UAL";
}


#qr_leaveaward .al::after {
    content: "AL";
}



#qr_leaveaward .alem::after {
    content: "EAL";
}

#qr_leaveaward .alcb::after {
    content: "CAL";
}

#qr_leaveaward .cl::after {
    content: "CLV";
}

#qr_leaveaward .co::after {
    content: "DIL";
}

#qr_leaveaward .fph::after {
    content: "FPH";
}

#qr_leaveaward .sl::after {
    content: "SKL";
}

#qr_leaveaward .ml::after {
    content: "MTL";
}

#qr_leaveaward .ul::after {
    content: "ULV";
}

#qr_leaveaward .alpdo::after, #qr_leaveaward .alupdo::after, #qr_leaveaward .alemdo::after, #qr_leaveaward .alcbdo::after, #qr_leaveaward .cldo::after, #qr_leaveaward .codo::after, #qr_leaveaward .fphdo::after, #qr_leaveaward .sldo::after, #qr_leaveaward .mldo::after, #qr_leaveaward .uldo::after {
    content: "OFF";
}

#qr_leaveaward .alpdo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

#qr_leaveaward .alupdo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

#qr_leaveaward .alemdo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

#qr_leaveaward .alcbdo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

#qr_leaveaward .cldo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

#qr_leaveaward .codo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

#qr_leaveaward .fphdo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

#qr_leaveaward .sldo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

#qr_leaveaward .mldo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

#qr_leaveaward .uldo {
    display: block;
    background-color: #757171;
    color: #F7FF00;
}

.k-grid .k-numeric-wrap .k-input {
    height: 2.3em;
    line-height: 2.3em;
}

.k-grid .k-widget.k-numerictextbox {
    margin-top: 0px;
}

#bkgInvoice .btn_primary,
#mdfyBkgInvoice .btn_primary,
#bkgUpgradeInvoice .btn_primary,
#bkgCancelInvoice .btn_primary {
    float: right;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    margin-top: 7px;
    text-indent: 45px;
    padding-right: 10px;
    background: #0871a9 url("invoice.png") no-repeat 5px center;
}

#bkgInvoice #btnSendEmail {
    background: #0871a9 url("envelope.png") no-repeat 5px center;
}

#bkgInvoice #btnCreateBooking {
    background: #0871a9 url("createbooking.png") no-repeat 5px center;
}

#mdfyBkgInvoice #btnSendEmail {
    background: #0871a9 url("envelope.png") no-repeat 5px center;
}

#bkgUpgradeInvoice #btnSendEmail {
    background: #0871a9 url("envelope.png") no-repeat 5px center;
}

#bkgCancelInvoice #btnSendEmail {
    background: #0871a9 url("envelope.png") no-repeat 5px center;
}

.k-grid .k-header.k-grid-toolbar .k-button.k-button-icontext {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    line-height: 1.3em;
}

.qr_subtitles_content {
    padding: 1em;
    border-left: .1em solid #ccab42;
    border-right: .1em solid #ccab42;
    border-bottom: .1em solid #ccab42;
}

    .qr_subtitles_content .txtarea {
        width: 100% !important;
        height: 50px !important;
    }

    .qr_subtitles_content::after {
        display: block;
        content: " ";
        clear: both;
    }

    .qr_subtitles_content .complidetails {
        margin-left: 1em;
        margin-bottom: 1em;
    }

    .qr_subtitles_content .complidetails {
        margin-left: 1em;
        margin-bottom: 1em;
    }

    .qr_subtitles_content .complidetails {
        float: left;
        padding-left: 43px;
    }

        .qr_subtitles_content .complidetails span {
            border-left: .2em solid #FFF;
            float: left;
            padding: 1em;
            color: #FFF;
            font-weight: bold;
        }

    .qr_subtitles_content .complidetails,
    .qr_subtitles_content .compdetailssplsrv {
        background: #4CAF50 url("free.png") no-repeat 5px center;
    }

        .qr_subtitles_content .complidetails.wheelchair,
        .qr_subtitles_content .complidetails.WCHR {
            background: #4CAF50 url("wheelchair.png") no-repeat 5px center;
        }

    .qr_subtitles_content .compdetailssplsrv {
        margin-left: 1em;
        margin-bottom: 1em;
    }

    .qr_subtitles_content .compdetailssplsrv {
        float: left;
        padding-left: 43px;
    }

        .qr_subtitles_content .compdetailssplsrv span {
            border-left: .2em solid #FFF;
            float: left;
            padding: 1em;
            color: #FFF;
            font-weight: bold;
        }

        .qr_subtitles_content .compdetailssplsrv.wheelchair,
        .qr_subtitles_content .compdetailssplsrv.WCHR {
            background: #4CAF50 url("wheelchair.png") no-repeat 5px center;
        }

        .qr_subtitles_content .compdetailssplsrv.BabyStroller {
            background: #4CAF50 url("babystroller_white.png") no-repeat 5px center;
        }



.ul_inline_typ1 {
    float: left;
    background-color: #F00;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-right: 1em;
}

    .ul_inline_typ1 li {
        padding-left: 1em;
        padding-right: 1em;
        float: left;
        font-weight: bold;
        color: #FFF;
    }

        .ul_inline_typ1 li:nth-child(2) {
            font-size: 16px !important;
            font-family: Arial !important;
            clear: both;
            padding-left: .6em;
        }

            .ul_inline_typ1 li:nth-child(2) label.wht {
                color: #FFF;
                font-size: 16px !important;
                font-weight: bold;
            }

                .ul_inline_typ1 li:nth-child(2) label.wht span {
                    font-size: 16px !important;
                    font-weight: bold;
                }




            .ul_inline_typ1 li:nth-child(2) label.pymt {
                color: #FFF;
                font-size: 16px !important;
                font-weight: bold;
            }

                .ul_inline_typ1 li:nth-child(2) label.pymt span {
                    font-size: 16px !important;
                    font-weight: bold;
                }

    .ul_inline_typ1.paidamount {
        background-color: #4CAF50;
    }

    .ul_inline_typ1.payamount {
        background-color: #f44336;
    }

    .ul_inline_typ1.totalamount {
        background-color: #ccab42;
    }

.k-grid-content-expander,
.no-data {
    width: auto !important;
}

.levawrdshrtleave {
    background: #ececec url(reqpending.png) no-repeat 5px center;
    display: block;
    line-height: 25px;
    height: 25px;
    float: right;
    padding-left: 25px;
    padding-right: 7px;
    color: #f00;
    margin-right: 10px;
}

.levawrdshrtleavenflnv {
    background-color: #ececec;
    display: block;
    line-height: 25px;
    height: 25px;
    float: right;
    padding-left: 7px;
    color: #000;
    font-weight: bold;
    padding-right: 7px;
    /*margin-right:10px;*/
}

#validationDialog.content {
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: .1em solid #CCC !important;
    padding: 0.1em;
    margin: 0em !important;
    margin-top: 4px !important;
}

    #validationDialog.content * {
        color: #000;
    }

    #validationDialog.content table:nth-child(1) tr:nth-child(1) td {
        background-color: #ccab42;
        padding: .3em !important;
    }

        #validationDialog.content table:nth-child(1) tr:nth-child(1) td div label {
            font-weight: bold;
            color: #FFF;
        }

    #validationDialog.content .k-in.k-state-hover,
    #validationDialog.content .k-state-selected.k-in,
    #validationDialog.content .k-state-focused.k-in {
        background: none;
    }

    #validationDialog.content .btn_primary {
        color: #FFF;
    }

.k-item.k-last .k-bot .k-in .spnError {
    display: table;
    white-space: normal;
}


.addicon {
    background: url("addicon.png") no-repeat center;
}

.minusicon {
    background: url("minusicon.png") no-repeat center;
}

.addminusicon {
    cursor: pointer;
}

.opt_dateexempt {
    background: url("opt_dateexempt.png") no-repeat center;
    width: 25px;
    height: 24px;
    display: block;
    float: right;
}

.opt_dateoveride {
    background: url("opt_dateoveride.png") no-repeat center;
    width: 28px;
    height: 24px;
    display: block;
    float: right;
    cursor: pointer;
}

.qr_form_horizontal_fixed .chkboxtyp1 {
    margin-top: 20px;
    margin-bottom: 2px;
}

.k-grid .alertheadred {
    color: #F00 !important;
}

.k-group .errorswarnings {
}

.k-group .spnError {
    color: #F00 !important;
    font-weight: bold;
}

.k-grid .k-grid-content tr:last-child td {
    border-bottom: .1em solid #dcdcdc;
}

.popup_loader {
    color: #000000;
    font-size: 50px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: auto;
    margin-top: 25px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: popload 1.7s infinite ease;
    animation: popload 1.7s infinite ease;
}

.popup_loader_txt {
    color: #000000;
    margin: auto;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-weight: bold;
    font-size: 14px !important;
    margin-top: -40px;
    margin-bottom: 40px;
}

#ajaxPopuploader {
    position: absolute;
    z-index: 1000;
    left: 0px;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
    overflow: hidden;
}

.popup_loader {
    color: #000000;
    font-size: 60px !important;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: auto;
    margin-top: 20%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: popload 1.7s infinite ease;
    animation: popload 1.7s infinite ease;
}

.popup_loader_txt {
    color: #000000;
    margin: auto;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-weight: bold;
    font-size: 14px !important;
    margin-top: -40px;
    margin-bottom: 40px;
}

@-webkit-keyframes popload {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes popload {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

.qr_colapnl .title {
    padding: .5em;
    cursor: pointer;
    text-indent: 22px;
}

    .qr_colapnl .title.open {
        background: #ccab42 url("round_minus_wht.png") no-repeat 7px 6px;
        color: #FFF;
    }

    .qr_colapnl .title.closed {
        background: #ededed url("plus_round_darkgry.png") no-repeat 7px 6px;
        color: #736b60;
    }

.qr_colapnl .content {
    border: .1em solid #ccab42;
    margin-top: .2em;
    padding: 1em;
}

.qr_colapnl3 .title {
    padding: .5em;
    cursor: pointer;
    text-indent: 3px;
}

.qr_colapnl3 .title {
    background: #ededed;
    color: #FFF;
}

    .qr_colapnl3 .title.closed {
        background: #ededed;
        color: #736b60;
    }

.qr_colapnl3 .content {
    border: .1em solid #ededed;
    margin-top: .2em;
    padding: 1em;
}

.customtbltyp1 table {
    border-left: .1em solid #ccab42;
    border-top: .1em solid #ccab42;
}

    .customtbltyp1 table th {
        background-color: #ccab42;
        color: #FFF;
    }

    .customtbltyp1 table th, .customtbltyp1 table td {
        border-right: .1em solid #ccab42;
        border-bottom: .1em solid #ccab42;
        padding: .5em;
    }

    .customtbltyp1 table tr td:nth-child(1) {
        text-align: right;
        font-weight: bold;
    }

    .customtbltyp1 table .required::after {
        content: " *";
        display: inline-block !important;
        color: #F00;
    }

.fixedTable-header.headertimeline .first {
    background-color: #CC9933 !important;
    color: #FFF !important;
}

.fixedTable-header.headertimeline .second {
    background-color: #FFCC66 !important;
    color: #666 !important;
}

.markascompleted_gray.selectedrow td {
    color: #000 !important;
}

.customicons {
    display: inline-block;
    width: 26px;
    line-height: 26px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
}

    .customicons.adddayoff {
        background: #9C27B0 url(dayoff1.png) no-repeat center;
        background-size: 60% 60%;
    }

    .customicons.addleave {
        background: #9C27B0 url(custleave.png) no-repeat center;
        background-size: 60% 60%;
    }

    .customicons.clearleave {
        background: #9C27B0 url(custremove.png) no-repeat center;
        background-size: 60% 60%;
    }

    .customicons.adddayoff:hover {
        background: #660066 url(dayoff1.png) no-repeat center;
        background-size: 75% 75%;
    }

    .customicons.addleave:hover {
        background: #660066 url(custleave.png) no-repeat center;
        background-size: 75% 75%;
    }

    .customicons.clearleave:hover {
        background: #660066 url(custremove.png) no-repeat center;
        background-size: 75% 75%;
    }

.leaveaward_mainpnl .nabg {
    background-color: #ccc;
    color: #000 !important;
}

/*HRMS Integration css*/

.k-state-selected .radiochk {
    background: url(radio_checked.png) no-repeat center;
    background-size: 16px;
}

.lov-field, .lov-field span:nth-child(1) {
    width: 100% !important;
}

    .lov-field input[type=text] {
        padding-right: 25px;
    }

    .lov-field span:nth-child(2) {
        float: right;
        margin-top: -20px;
        margin-right: 3px;
        background: #f6f6f6;
        width: 22px;
        cursor: pointer;
        height: 18px;
    }

        .lov-field span:nth-child(2):hover {
            background: #CCAB42 url(lov_list_hover.png) no-repeat center;
        }

.k-grid .k-grid-content tr {
    cursor: pointer;
}

.indextable_type1 .title {
    background: #CCAB42;
    padding: 0.5em;
    color: #FFF;
    font-weight: bold;
}

.indextable_type1 .content {
    padding: 0.5em;
    border: 0.1em solid #CCAB42;
}

.indextablecontent_type1 .title {
    background: #CCAB42;
    padding: 0.5em;
    color: #FFF;
    font-weight: bold;
}

.indextablecontent_type1 .content {
    padding: 0.5em;
    border: 0.1em solid #CCAB42;
}

.frminline_typ1 {
    border: 0.1em solid #CCAB42;
    padding-bottom: 1em;
    padding-right: 1em;
    padding-top: 1em;
}

    .frminline_typ1 li {
        padding: 0.3em;
    }

        .frminline_typ1 li label {
            text-align: right;
            padding-right: 0.3em;
        }

        .frminline_typ1 li .txtbox1,
        .frminline_typ1 li select {
            height: 22px;
            line-height: 22px;
            text-indent: 3px;
            outline: none;
        }

        .frminline_typ1 li .spnfrclft {
            margin-left: -4px;
        }

        .frminline_typ1 li .txtbox1:focus,
        .frminline_typ1 li select:focus,
        .frminline_typ1 li textarea:focus {
            background: -moz-linear-gradient(top, #ffff88 0%, #ffff88 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffff88 0%,#ffff88 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffff88 0%,#ffff88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            color: #000;
            border: 0.1em solid #a9a9a9;
        }

input[readonly],
textarea[readonly] {
    background-color: #F6F6F6 !important;
    cursor: not-allowed;
    border: 0.1em solid #aaaaaa !important;
}

/* Manage event css */

.totalrefundamountrow .wizdispinline .payamount,
.totalrefundamountrow .wizdispinline .amountcollected {
    width: 220px;
}

    .totalrefundamountrow .wizdispinline .payamount label,
    .totalrefundamountrow .wizdispinline .amountcollected label {
        font-weight: bold;
    }

        .totalrefundamountrow .wizdispinline .payamount label:nth-child(3),
        .totalrefundamountrow .wizdispinline .amountcollected label:nth-child(3) {
            font-size: 16px !important;
        }

.generatepaymentdiv {
    border: 0.2em dashed #FF5722;
    padding: 1em;
    font-weight: bold;
    text-align: center;
    font-size: 12px !important;
}

    .generatepaymentdiv input[type="button"] {
        height: 25px !important;
        margin-top: 0.5em;
    }

/* Manage event css ends*/

/* promotion class for bkng starts */

.k-grid .k-grid-content .prdPromoBooklink {
    background: url("bkngPromo.png") no-repeat center right 9px;
    padding-right: 70px;
}

    .k-grid .k-grid-content .prdPromoBooklink:hover {
        color: #00F;
        text-decoration: underline;
        cursor: pointer;
    }

.paymentPromoBooklink {
    content: url("bkngPromo.png");
    float: right;
    margin-left: 10px;
}

.qr_form_horizontal_fixed ul li span.viewBkngPromo {
    background: url("bkngPromo.png") no-repeat right center;
    padding-right: 50px;
}

.qr_form_horizontal_fixed ul li span.viewBkngSpanflightalrt {
    background: url("flightalert.png") no-repeat left center;
    padding: 3px;
    padding-left: 25px;
}

.qr_form_horizontal_fixed ul li label.viewBkngSpanflightalrt {
    background: url("flightalert.png") no-repeat left center;
    padding: 3px;
    padding-left: 25px;
}

.qr_form_horizontal_fixed ul li label.viewBkngSpanflightalrtColr {
    background: url("flightalert.png") no-repeat left center;
    padding: 3px;
    padding-left: 25px;
    -webkit-filter: opacity(.5) drop-shadow(0 0 0 yellow);
    filter: opacity(.5) drop-shadow(0 0 0 yellow);
}

.mdfyBkngRefPromoBooklink {
    content: url("bkngPromo.png");
    float: right;
    margin-left: 10px;
    margin-top: 5px;
}
/* promotion class for bkng ends*/
.container-fluid.terminated .width385 {
    width: 385px;
}

.container-fluid.terminated .width620 {
    width: 620px;
}

.container-fluid.terminated .qr_form_horizontal_fixed ul li.datepickcustom span.k-datepicker.k-input {
    width: 100%;
}

.container-fluid.terminated .qr_form_horizontal_fixed ul li.autocompcustom span.k-widget.k-autocomplete.k-input {
    border: 0em solid #F00 !important;
}

.container-fluid.terminated .qr_form_horizontal_fixed ul li input[type="text"]:disabled {
    cursor: not-allowed;
}

.container-fluid.terminated .qr_form_horizontal_fixed input[type=checkbox]:disabled + label:before {
    border-color: #bfc6c8;
    background: #F6F6F6;
    cursor: not-allowed;
}

.container-fluid.terminated .ui-tabs .ui-tabs-panel {
    padding-top: 10px !important;
    border-bottom: 0em solid #F00 !important;
}

.container-fluid.terminated #prdAddonDtlsTabDiv {
    padding-top: 0px !important;
}

.container-fluid.terminated .qr_form_horizontal_fixed ul li.datepickcustom span.k-datepicker.k-input input:disabled {
    height: 20px !important;
}

.container-fluid.terminated .tab3custom,
.container-fluid.terminated .tab4custom {
    display: none;
}

#mainContent.eventdetails1 .k-grid-header .k-header {
    overflow: visible !important;
    white-space: normal !important;
}

.qr_form_horizontal_fixed input[type=checkbox]:checked + label:before {
    color: #333;
    font-weight: bold;
}


.reviewconfirm {
    float: right;
    background: #00b050 url("thumbsup.png") no-repeat 10px center;
    padding: 10px;
    font-weight: bold;
    color: #FFF;
    height: 50px;
    line-height: 25px;
    padding-left: 35px;
    border: 0.1em solid #00b050;
}

    .prefectmatch.selected, .reviewconfirm.selected,
    .nomatch.selected {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
        border: 0.1em solid #736b60;
    }

.prefectmatch {
    float: left;
    background: #92d050;
    padding: 10px;
    font-weight: bold;
    color: #FFF;
    height: 50px;
    line-height: 25px;
    margin-right: 20px;
    border: 0.1em solid #92d050;
    cursor: pointer;
}

    .nomatch:hover,
    .reviewconfirm:hover,
    .prefectmatch:hover {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(51,103,214,1);
        -moz-box-shadow: 0px 0px 10px 0px rgba(51,103,214,1);
        box-shadow: 0px 0px 10px 0px rgba(51,103,214,1);
        border: 0.1em solid #FFF;
    }

.partialmatch {
    background: #FFCC00;
    float: left;
    padding: 4px;
    border: 0.1em solid #FFCC00;
    margin-right: 20px;
}

    .partialmatch ul {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
    }

        .partialmatch ul:nth-child(1) {
            text-align: center;
        }

            .partialmatch ul:nth-child(1) li {
                text-align: center;
                font-weight: bold;
                height: 20px;
                line-height: 20px;
            }

                .partialmatch ul:nth-child(1) li span {
                    font-weight: bold;
                }

        .partialmatch ul:nth-child(2) li {
            float: left;
            height: 20px;
            line-height: 20px;
            padding-left: 10px;
            padding-right: 10px;
        }

        .partialmatch ul:nth-child(1) li span {
            font-weight: bold;
        }

        .partialmatch ul:nth-child(2) li {
            border: 0.1em solid #666;
            cursor: pointer;
        }

    .partialmatch.selected {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
        border: 0.1em solid #736b60;
    }

    .partialmatch:hover {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(51,103,214,1);
        -moz-box-shadow: 0px 0px 10px 0px rgba(51,103,214,1);
        box-shadow: 0px 0px 10px 0px rgba(51,103,214,1);
        border: 0.1em solid #FFF;
    }

    .partialmatch ul:nth-child(2) li.selected {
        background: #FFF;
    }

    .partialmatch ul:nth-child(2) li:hover {
        background: #FFF;
    }

.nomatch {
    float: left;
    background: #F00;
    padding: 10px;
    font-weight: bold;
    color: #FFF;
    height: 50px;
    line-height: 25px;
    margin-right: 20px;
    border: 0.1em solid #F00;
    cursor: pointer;
}

.leftpaneadjust {
    width: 500px;
    float: left;
    margin-bottom: 20px;
}

.rightpaneadjust {
    width: calc(100% - 520px);
    background: #F00;
    height: 300px;
    float: right;
    margin-bottom: 20px;
}

.k-grid .k-grid-content tbody td.arricon {
    background: url("arrival_icon.png") no-repeat 5px center;
    padding-left: 27px;
    background-size: 18px 18px;
}

.k-grid .k-grid-content tbody td.depicon {
    background: url("departure_icon.png") no-repeat 5px center;
    padding-left: 27px;
    background-size: 18px 18px;
}

.k-grid .k-grid-content tbody td.total {
    text-align: right;
}

.k-grid .k-grid-content tbody td.done {
    font-weight: bold;
    background: url("tick_16_round_grn.png") no-repeat 5px center;
    background-size: 14px 14px;
    padding-left: 25px;
}

.k-grid .k-grid-content tbody td.notasomulti {
    background: url("infoicon.png") no-repeat 5px center;
    background-size: 16px 16px;
    padding-left: 25px;
    color: #F00;
    text-decoration: underline;
}

.k-grid .k-grid-content tbody td.notasosgle {
    color: #F00;
    padding-left: 25px;
    text-decoration: underline;
}

.k-grid .k-grid-content tbody td.fltdatemismatch {
    /*.k-grid .k-grid-header thead th.fltdatemismatch {*/
    color: #00F;
    background: url(fltmismatchdatechange.png) no-repeat 5px center;
}

.k-grid .k-grid-content tbody td.fltnumbermismatch {
    /*.k-grid .k-grid-header thead th.fltnumbermismatch {*/
    color: #00F;
    background: url(fltmismatchfltnumchange.png) no-repeat 5px center;
}

.k-grid .k-grid-content tbody td.gridlink {
    text-decoration: underline;
    padding-left: 30px;
    cursor: pointer;
}

.k-grid .k-grid-content tbody td.gridbluelink {
    text-decoration: underline;
    padding-left: 25px;
    cursor: pointer;
    color: #00F;
}

.k-grid-content tbody td .notified {
    color: #000;
    height: 18px;
    line-height: 18px;
    float: right;
    background: #FC0;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagelegend {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

    .pagelegend li {
        float: left;
        height: 30px;
        line-height: 30px;
        margin-right: 20px;
        padding-left: 28px;
    }

        .pagelegend li:nth-child(1) {
            background: url("infoicon.png") no-repeat 5px center;
        }

        .pagelegend li:nth-child(2) {
            background: url("fltmismatchdatechange.png") no-repeat 5px center;
        }

        .pagelegend li:nth-child(3) {
            background: url("fltmismatchfltnumchange.png") no-repeat 5px center;
        }

        .pagelegend li:nth-child(4) {
            background: url("leave_green.png") no-repeat 5px center;
        }

        .pagelegend li:nth-child(5) {
            padding-left: 30px;
            background: url("connectionflight.png") no-repeat 5px center;
            background-size: 20px;
        }

#btnReviewConfirm {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

#paxdetailedgridpop1 .k-grid-content {
    height: 200px;
}

.reviewed td:nth-child(1) {
    border-left: 0.3em solid #00b050 !important;
}

.reviewed td {
    background: #ebfff4;
}

.flightmismatchpnlContent {
    margin-top: 0em;
    padding-top: .5em;
    background: #FFFFFF;
    height: 40px;
    border: .1em solid#ccc;
    border-top: 0;
}

.flightmismatchpnlheader {
    background-color: #eef1eb;
    height: 30px;
    border: .1em solid#ccc;
}

    .flightmismatchpnlheader label {
        float: left;
        color: #2b3245;
        font-weight: bold;
        line-height: 20px;
        height: 20px;
        margin-top: 3px;
        margin-left: 15px;
    }

.flightmismatchpnlContent label {
    float: left;
    line-height: 20px;
    height: 20px;
    margin-top: 5px;
    margin-left: 15px;
}

.perfectmatchhighlt .ui-tabs-nav a {
    background: #92d050;
}

.perfectmatchhighlt div#tabs-1 {
    border-color: #92d050;
}

.partialmatchhighlt .ui-tabs-nav a {
    background: #FFCC00;
    color: #000 !important;
}

.partialmatchhighlt div#tabs-1 {
    border-color: #FFCC00;
}

.nomatchhighlt .ui-tabs-nav a {
    background: #F00;
}

.nomatchhighlt div#tabs-1 {
    border-color: #F00;
}

.reviewedhighlt div#tabs-1 {
    border-color: #00b050;
}

.reviewedhighlt .ui-tabs-nav a {
    background: #00b050;
}

.kgrid_verifiedbooking {
    color: #00b050 !important;
    background-color: #ebfff4 !important;
}

.onboundfltalert {
    background: url(connectionflight.png) no-repeat 5px center;
    display: block;
    padding-left: 30px;
    padding-right: 3px;
    background-size: 20px;
}

.onloadedalert {
    background: url(leave_green.png) no-repeat 5px center;
    padding-left: 30px;
}

.k-grid .k-grid-content tbody td.goldbooking {
    background: url("goldproduct.gif") no-repeat 5px center;
    background-size: 16px 14px;
    padding-left: 25px;
}

.k-grid .k-grid-content tbody td.platinumbooking {
    background: url("platinumproduct.gif") no-repeat 5px center;
    background-size: 16px 14px;
    padding-left: 25px;
}

.qr_accordion_typ2 {
    font-family: verdana;
}

    .qr_accordion_typ2 .titlebar.opened,
    .qr_accordion_typ2 .titlebar.closed {
        padding: 0.55em;
        font-weight: bold;
        cursor: pointer;
        text-indent: 3px;
    }

    .qr_accordion_typ2 .titlebar.opened {
        background: #F6F6F6 url(../images/minus_accord.png) no-repeat right 8px center;
        background-size: 12px 12px;
        color: #ccab42;
        border-left: 0.5em solid #ccab42;
    }

    .qr_accordion_typ2 .titlebar.closed {
        background: #F6F6F6 url(../images/plus_accord.png) no-repeat right 8px center;
        background-size: 12px 12px;
        color: #7a8291;
        border-left: 0.5em solid #adb3be;
        margin-bottom: 0.5em;
    }

    .qr_accordion_typ2 .titlebar.plusleft.opened {
        background: #F6F6F6 url(../images/minus_accord.png) no-repeat right 8px center;
        text-indent: 40px;
    }

    .qr_accordion_typ2 .titlebar.plusleft.closed {
        background: #F6F6F6 url(../images/plus_accord.png) no-repeat right 8px center;
        text-indent: 40px;
    }

    .qr_accordion_typ2 .contentpnl.closed {
        display: none;
    }

    .qr_accordion_typ2 .contentpnl.opened {
        display: block;
        border: 0.1em solid #e9e9e9;
        margin-top: 0.1em;
        padding: 1em;
        border-left: 0.5em solid #ccab42;
    }

.chkboxtitlepnl {
    float: right;
    margin-top: 14px;
    height: 35px;
    line-height: 35px;
    border: 0.1em solid #b1146b;
}

    .chkboxtitlepnl input[type=checkbox] + label {
        background: url("../images/checkbox_unchked.png") no-repeat 7px center, url("../images/info_ber.png") no-repeat right 10px center;
        padding-left: 35px;
        padding-right: 35px;
        color: #b1146b;
        font-weight: normal;
        cursor: pointer;
    }

    .chkboxtitlepnl input[type=checkbox]:checked + label {
        background: url("../images/checkbox_chked_ber.png") no-repeat 7px center, url("../images/info_ber.png") no-repeat right 10px center;
        cursor: pointer;
    }

.k-detail-cell .k-grid.k-widget {
    margin-top: 0em;
}

.k-grid-pager span.k-icon {
    color: transparent;
}

    .k-grid-pager span.k-icon:before {
        color: #333;
    }

.qr_form_horizontal_fixed label + .k-widget.k-datetimepicker.k-header {
    clear: both;
    content: "";
    display: block;
    width: 100%;
}

.opsdash_arrival_sm, .opsdash_arrival_sm_oal,
.opsdash_depart_sm, .opsdash_depart_sm_oal, .opsdashFlight_delay {
    font-size: 11px;
    background-size: 16px 16px;
    text-indent: 18px;
    color: #333;
}

.notassigned {
    background: #ffebee url("../images/info.png") no-repeat 5px center;
    color: #f44336;
    text-indent: 20px;
}

.opsdash_ontime {
    background: url(ops_ontime.gif) no-repeat 5px center;
    color: #4CAF50;
    text-indent: 85px !important;
    font-weight: bold;
    font-size: 12px;
}

#opstaffview .opsdash_ontime {
    background: url(ops_ontime.gif) no-repeat 5px center;
    color: #4CAF50;
    text-indent: 85px !important;
    font-weight: bold;
    font-size: 12px;
}

#opdash .opsdash_ontime {
    background: url(ops_ontime.gif) no-repeat 5px center;
    color: #4CAF50;
    text-indent: 85px !important;
    font-weight: bold;
    font-size: 12px;
}

.opsdash_early {
    background: url(ops_early.gif) no-repeat 5px center;
    color: #673AB7;
    text-indent: 85px;
    font-weight: bold;
    font-size: 12px;
}

#opdash .btn_primary.unallocatebooking {
    float: right;
    width: 80px;
    padding-left: 0em;
    padding-right: 0em;
}

.opsdash_cancel {
    background: url(ops_cancelled.gif) no-repeat 5px center;
    text-indent: 80px;
}

    .opsdash_cancel #opdash thead th.allocatebrd,
    #opdash tbody td.allocatebrd {
        border-left: .3em solid #4CAF50 !important;
    }

#opdash thead th.allocatebrd {
    background: #4CAF50 !important;
    color: #FFF !important;
}

#opdash thead th.unallocatebrd,
#opdash tbody td.unallocatebrd {
    border-left: .3em solid #f44336 !important;
}

#opdash thead th.unallocatebrd {
    background: #f44336 !important;
    color: #FFF !important;
}

.searchpnl,
.qr_subtitles .title {
    font-family: verdana;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.k-grid td.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 0px #0072c6;
    box-shadow: inset 0 0 0 0px #0072c6;
}

.qr_form_horizontal_fixed .k-widget.k-dropdown.k-header .k-dropdown-wrap .k-input {
    height: 20px;
    line-height: 15px;
}

.qr_form_horizontal_fixed .k-widget.k-dropdown .k-icon.k-i-arrow-60-down,
.qr_form_horizontal_fixed .k-widget.k-numerictextbox .k-input {
    height: 20px;
}

.k-icon.k-i-collapse {
    height: 20px;
}

.k-in {
    height: 20px;
    margin-top: -7px !important;
}

li.k-item.k-last {
    margin-top: 10px;
}

.k-widget.k-treeview li {
    line-height: 20px;
}

    .k-widget.k-treeview li .k-mid {
        margin-bottom: 0.1em;
    }

        .k-widget.k-treeview li .k-mid .k-icon.k-i-collapse {
            margin-top: -0.1em;
        }

        .k-widget.k-treeview li .k-mid .k-in {
            height: 18px;
            line-height: 10px;
            margin-top: 0.1em !important;
        }

            .k-widget.k-treeview li .k-mid .k-in:hover {
                background: #CCC;
            }

.grdlink {
    word-wrap: break-word;
}

.dropdown-menu > li > a:hover {
    background: #FFF;
    color: #000 !important;
}

.floatleft .btn_primary {
    float: left;
}

.floatleft .btn_secondary {
    float: left;
}

.ui-tabs .btn_primary,
.ui-tabs .btn_secondary {
    float: left;
}

.k-widget.k-dropdown.k-header .k-dropdown-wrap .k-input {
    line-height: 2em;
    height: 2.3em;
    text-indent: 0.9em;
}

.k-widget.k-dropdown.k-header .k-dropdown-wrap {
    border: .1em solid #a9a9a9;
}

    .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-select-hover {
        padding-bottom: 0em !important;
        border: .1em solid #a9a9a9;
    }

    .k-widget.k-dropdown.k-header .k-dropdown-wrap .k-select {
    }

    .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-border-down {
        padding-bottom: 0em !important;
    }

.qr_form_horizontal_fixed .k-dropdown-wrap .k-i-arrow-s {
    margin-top: -5px;
}

.qr_form_horizontal_fixed .k-dropdown-wrap .k-select {
    width: 1.75em !important;
}

.qr_form_horizontal_fixed ul li span.k-widget.k-dropdown.k-header,
.qr_form_horizontal_fixed ul li span.k-dropdown-wrap.k-state-default,
.qr_form_horizontal_fixed ul li span.k-dropdown-wrap.k-state-default .k-input,
.qr_form_horizontal_fixed ul li span.k-dropdown-wrap.k-state-default .k-select,
.qr_form_horizontal_fixed ul li span.k-dropdown-wrap.k-state-default .k-icon.k-i-arrow-s {
    float: none;
}

/*CSS by Arun form User management fixes*/

.frmvertyp1 .k-checkbox-label:before {
    width: 1.5em;
    height: 1.5em;
}

.frmvertyp1 .k-numeric-wrap .k-select {
    min-height: 1.5em;
}

.frmvertyp1 .k-checkbox-label {
    padding-left: 2em;
}

.frmvertyp1 .k-autocomplete.k-state-default,
.frmvertyp1 .k-dropdown-wrap.k-state-default,
.frmvertyp1 .k-numeric-wrap.k-state-default,
.frmvertyp1 .k-picker-wrap.k-state-default {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #ececec;
    border-color: #c5c5c5 !important;
}

.frmvertyp1 label.nrm {
    display: block;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 0px;
    font-family: Verdana;
}

.bold {
    font-weight: bold;
}

.frmvertyp1 .nrmtxtbx1,
.frmvertyp1 .nrmselbx1 {
    display: block;
}

    .frmvertyp1 .nrmselbx1 select,
    .frmvertyp1 .nrmtxtbx1 input,
    .frmvertyp1 .qrtextarea textarea {
        width: 100%;
        font-family: Verdana;
        font-size: 11px;
        border: 0.1em solid #CCC;
        background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 23%);
        background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 23%);
        background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 23%);
        padding-left: 2px;
    }

.frmvertyp1 > span,
.frmvertyp1 > input {
    height: 24px;
}

.frmvertyp1 .qrkcdchkbtn {
    display: inline-block;
}

    .frmvertyp1 .qrkcdchkbtn label {
        font-family: Verdana;
    }

.frmvertyp1 .nrmselbx1 select,
.frmvertyp1 .nrmtxtbx1 input {
    height: 24px;
    line-height: 24px;
}

.frmvertyp1 .k-widget {
    width: 100%;
}

.frmvertyp1 .qrkcnum .k-input {
    padding-top: 0em;
    padding-bottom: 0em;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
}

.frmvertyp1 .qrkcnum .k-link {
    height: 12px;
}

.frmvertyp1 .qrnrmselbox select {
    height: 24px;
    line-height: 24px;
    width: 100%;
}

.frmvertyp1 .qrkcdrpdwnlst1 .k-dropdown {
    width: 100%;
}

.frmvertyp1 .qrtextarea textarea {
    line-height: 17px;
    padding-left: 5px;
}

.frmvertyp1 .qrkcdp,
.frmvertyp1 .qrkcdtp,
.frmvertyp1 .qrkcdrpdwnlst1 {
    display: block;
}

.frmvertyp1 .k-autocomplete-clearable .k-input,
.frmvertyp1 .k-combobox-clearable .k-input,
.frmvertyp1 .k-multiselect-clearable .k-input,
.frmvertyp1 .k-picker-wrap .k-input,
.frmvertyp1 .k-dropdown-wrap .k-input {
    font-size: 11px;
    height: 22px !important;
    line-height: 22px !important;
    padding-top: 0em;
    padding-bottom: 0em;
}

.frmvertyp1 .k-multiselect-wrap li {
    padding: 0em;
    padding-left: 0.3em;
    font-size: 11px;
    height: 19px;
    margin-top: 2px;
    margin-right: 0.3em;
    margin-left: 0.3em;
    padding-right: 1.5em;
}

.frmvertyp1 .k-multiselect-wrap .k-select {
    margin: 0em;
    padding: 0em;
}

.frmvertyp1 .k-picker-wrap .k-select {
    min-height: 22px;
    height: 22px;
    line-height: 22px;
}
/*
.frmvertyp1 .k-dropdown-wrap .k-select{
top:-4px;
}*/
.frmvertyp1 .k-multiselect-wrap.k-floatwrap {
    min-height: 22px;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 23%);
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 23%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 23%);
}

.frmvertyp1 .k-picker-wrap .k-input,
.frmvertyp1 .k-dropdown-wrap.k-state-default {
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 23%);
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 23%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 23%);
}

.frmvertyp1 .k-dropdown .k-state-focused {
    border-color: #00b0f0;
}

.frmvertyp1 .k-dropdown .k-state-hover .k-icon {
    color: #000;
}

.frmvertyp1 .nrmtxtbx1 input:disabled,
.frmvertyp1 .nrmtxtbx1 input:read-only,
.frmvertyp1 .nrmselbx1 select:disabled,
.frmvertyp1 .qrtextarea textarea:disabled,
.frmvertyp1 .qrtextarea textarea:read-only {
    background: #CCC;
    font-weight: bold;
    cursor: default;
}

.pagetitlepnl {
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 100%);
    border: 0.1em solid #E0E0E0;
    border-left: 0.3em solid #ccab42;
    padding: 5px;
}

    .pagetitlepnl .titletxt {
        float: left;
        font-weight: bold;
        font-size: 11px;
    }

    .pagetitlepnl::after {
        display: block;
        content: "";
        clear: both;
    }

.btn1 {
    box-shadow: #0871a9 0px 1px 0px 0px inset;
    background: -moz-linear-gradient(top, #0871a9 0%, #0871a9 100%);
    background: -webkit-linear-gradient(top, #0871a9 0%,#0871a9 100%);
    background: linear-gradient(to bottom, #0871a9 0%,#0871a9 100%);
    border-radius: 3px;
    border: 1px solid #0871a9;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-family: Verdana;
    font-size: 11px !important;
    padding: 3px 9px;
    height: 22px !important;
    text-decoration: none;
    text-shadow: rgb(50, 50, 50) 0px 1px 0px;
}

    .btn1:hover {
        text-decoration: none;
        box-shadow: #0871a9 0px 1px 0px 0px inset;
        background: linear-gradient(#09537a 5%, #09537a 100%);
        border: 1px solid #0871a9;
        color: rgb(255, 255, 255);
        text-shadow: rgb(50, 50, 50) 0px 1px 0px;
        padding: 3px 9px;
    }

    .btn1:disabled {
        box-shadow: #0871a9 0px 1px 0px 0px inset;
        background: -moz-linear-gradient(top, #808285 0%, #67686b 100%);
        background: -webkit-linear-gradient(top, #808285 0%,#67686b 100%);
        background: linear-gradient(to bottom, #808285 0%,#67686b 100%);
        border-radius: 3px;
        border: 1px solid rgb(100, 100, 100);
        display: inline-block;
        cursor: not-allowed;
        color: #E0E0E0;
        padding: 3px 9px;
        text-decoration: none;
        text-shadow: rgb(75, 75, 75) 0px 1px 0px;
        opacity: 0.5;
        cursor: not-allowed !important;
    }

        .btn1:disabled:hover {
            text-shadow: rgb(50, 50, 50) 0px 1px 0px;
        }

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #ccab42;
    border-color: #ccab42;
    color: #fff;
}

.labelellipsis {
    text-overflow: ellipsis;
    !important;
    white-space: nowrap;
    !important;
    overflow: hidden;
    !important;
}


button.ctnrosterlegend span:nth-child(1) {
    background: url("Legend.png") no-repeat center;
}

button.ctnrosterlegend:hover span:nth-child(1) {
    background: url("Legend.png") no-repeat center;
}

button.ctnrosterlegend:disabled {
    background-color: #CCC;
    color: #666;
}

    button.ctnrosterlegend:disabled:hover {
        color: #666;
    }

        button.ctnrosterlegend:disabled:hover span:nth-child(1) {
            background: url("Legend.png") no-repeat center;
        }

.notifications-wrapper .nrm {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    cursor: default;
}

    .notifications-wrapper .nrm li {
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 0.1em solid #CCC;
    }

    .notifications-wrapper .nrm:last-child li {
        border-bottom: 0em solid #CCC;
    }

    .notifications-wrapper .nrm:nth-child(even) {
        background: #E0E0E0;
    }

.qr_web_notify.active {
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 100%;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.qr_form_horizontal_fixed ul li span.viewBkngVoucher {
    background: url("voucherPromo.png") no-repeat right center;
    padding-right: 50px;
}

.rosterlegends {
    border-left: 0.1em solid #E0E0E0;
    border-top: 0.1em solid #E0E0E0;
}

    .rosterlegends td {
        border-right: 0.1em solid #E0E0E0;
        border-bottom: 0.1em solid #E0E0E0;
        padding: 5px;
    }

    .rosterlegends tbody tr:nth-child(1) td:nth-child(1) {
        background: #F6F6F6 url(rosteringicons/assignwrkshift.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(1) td:nth-child(3) {
        background: #F6F6F6 url(rosteringicons/assigngroomingshift.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(1) td:nth-child(5) {
        background: #F6F6F6 url(rosteringicons/assigntrainbuddy.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(2) td:nth-child(1) {
        background: #F6F6F6 url(rosteringicons/swapshift.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(2) td:nth-child(3) {
        background: #F6F6F6 url(rosteringicons/mrkasot.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(2) td:nth-child(5) {
        background: #F6F6F6 url(rosteringicons/corptrain.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(3) td:nth-child(1) {
        background: #F6F6F6 url(rosteringicons/usernaicon.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(3) td:nth-child(3) {
        background: #F6F6F6 url(rosteringicons/dayoff.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(3) td:nth-child(5) {
        background: #F6F6F6 url(rosteringicons/clearallotment.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(4) td:nth-child(1) {
        background: #F6F6F6 url(rosteringicons/clearselection.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(4) td:nth-child(3) {
        background: #F6F6F6 url(rosteringicons/usernaicon.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(4) td:nth-child(5) {
        background: #F6F6F6 url(rosteringicons/swapdayoff.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(5) td:nth-child(1) {
        background: #F6F6F6 url(rosteringicons/swapshift.png) no-repeat center;
    }

    .rosterlegends tbody tr:nth-child(5) td:nth-child(3) {
        background: #F6F6F6 url(rosteringicons/viewrostercal.png) no-repeat center;
    }

.rosterlegends2 {
    border-left: 0.1em solid #E0E0E0;
    border-top: 0.1em solid #E0E0E0;
}

    .rosterlegends2 td {
        border-right: 0.1em solid #E0E0E0;
        border-bottom: 0.1em solid #E0E0E0;
        padding: 5px;
    }

    .rosterlegends2 tbody tr td:nth-child(1) {
        background-color: #F6F6F6;
    }

    .rosterlegends2 tbody tr td:nth-child(3) {
        background-color: #F6F6F6;
    }

    .rosterlegends2 tbody tr td:nth-child(5) {
        background-color: #F6F6F6;
    }

    .rosterlegends tbody tr td:nth-child(1),
    .rosterlegends tbody tr td:nth-child(3),
    .rosterlegends tbody tr td:nth-child(5),
    .rosterlegends2 tbody tr td:nth-child(1),
    .rosterlegends2 tbody tr td:nth-child(3),
    .rosterlegends2 tbody tr td:nth-child(5) {
        width: 80px !important;
    }

    .rosterlegends tbody tr td:nth-child(2),
    .rosterlegends tbody tr td:nth-child(4),
    .rosterlegends tbody tr td:nth-child(6),
    .rosterlegends2 tbody tr td:nth-child(2),
    .rosterlegends2 tbody tr td:nth-child(4),
    .rosterlegends2 tbody tr td:nth-child(6) {
        width: 250px !important;
    }

    .rosterlegends thead tr td,
    .rosterlegends2 thead tr td {
        font-weight: bold;
        background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    }

#fulscreenalert1 {
    background: #FFC107;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    border-bottom: 0.1em solid #666;
}

.rosterminmax1 {
    float: right;
    width: 20px;
    height: 20px;
    background: #F6F6F6 url(rosteringicons/expand.png) no-repeat center;
    cursor: pointer;
}

    .rosterminmax1.selected {
        background: #F6F6F6 url(rosteringicons/contract.png) no-repeat center;
    }

.rosterminmax2 {
    float: right;
    width: 24px;
    height: 24px;
    background: url(rosteringicons/expand.png) no-repeat center;
    cursor: pointer;
    border: 0.1em solid transparent;
}

    .rosterminmax2.selected {
        background: url(rosteringicons/contract.png) no-repeat center;
        border: 0.1em solid transparent;
    }

    .rosterminmax2:hover {
        border: 0.1em solid #00F;
    }

.Leavelegends {
    border-left: 0.1em solid #E0E0E0;
    border-top: 0.1em solid #E0E0E0;
}

    .Leavelegends td {
        border-right: 0.1em solid #E0E0E0;
        border-bottom: 0.1em solid #E0E0E0;
        padding: 5px;
    }

.Leavelegends2 {
    border-left: 0.1em solid #E0E0E0;
    border-top: 0.1em solid #E0E0E0;
}

    .Leavelegends2 td {
        border-right: 0.1em solid #E0E0E0;
        border-bottom: 0.1em solid #E0E0E0;
        padding: 5px;
    }

.Leavelegends tbody tr:nth-child(4) td:nth-child(1) {
    background: #9C27B0 url(custleave.png) no-repeat center;
    background-size: 40% 80%;
}

.Leavelegends tbody tr:nth-child(4) td:nth-child(3) {
    background: #9C27B0 url(dayoff1.png) no-repeat center;
    background-size: 40% 80%;
}

.Leavelegends tbody tr:nth-child(4) td:nth-child(5) {
    background: #9C27B0 url(custremove.png) no-repeat center;
    background-size: 40% 80%;
}

.Leavelegends thead tr td,
.Leavelegends2 thead tr td {
    font-weight: bold;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
}

.Leavelegends2 tbody tr td:nth-child(1) {
    background-color: #F6F6F6;
}

.Leavelegends2 tbody tr td:nth-child(3) {
    background-color: #F6F6F6;
}

.Leavelegends2 tbody tr td:nth-child(5) {
    background-color: #F6F6F6;
}

.Leavelegends tbody tr td:nth-child(1),
.Leavelegends tbody tr td:nth-child(3),
.Leavelegends tbody tr td:nth-child(5),
.Leavelegends2 tbody tr td:nth-child(1),
.Leavelegends2 tbody tr td:nth-child(3),
.Leavelegends2 tbody tr td:nth-child(5) {
    width: 80px !important;
}

.Leavelegends tbody tr td:nth-child(2),
.Leavelegends tbody tr td:nth-child(4),
.Leavelegends tbody tr td:nth-child(6),
.Leavelegends2 tbody tr td:nth-child(2),
.Leavelegends2 tbody tr td:nth-child(4),
.Leavelegends2 tbody tr td:nth-child(6) {
    width: 250px !important;
}

.mdfyBkngRefVoucherlink {
    content: url("voucherPromo.png");
    float: right;
    margin-left: 10px;
    margin-top: 5px;
}

.qr_form_horizontal_fixed input[type=checkbox]:disabled + label:before {
    background-color: lightgray;
}

.infostrippnl,
.warningstrippnl,
.alertstrippnl,
.successtrippnl {
    padding-left: 25px;
    line-height: 17px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 11px;
}

.infostrippnl {
    background: #E3F2FD url(wrkbech/info.png) no-repeat left 5px center;
    border: 0.1em solid #2196F3;
    color: #2196F3;
    cursor: pointer;
}

.warningstrippnl {
    background: #ffebee url(wrkbech/cancel.png) no-repeat left 5px center;
    border: 0.1em solid #f44336;
    color: #f44336;
    cursor: pointer;
}

.alertstrippnl {
    background: #FFF8E1 url(wrkbech/attention.png) no-repeat left 5px center;
    border: 0.1em solid #FF9800;
    color: #FF9800;
    cursor: pointer;
}

.successtrippnl {
    background: #E8F5E9 url(wrkbech/tick.png) no-repeat left 5px center;
    border: 0.1em solid #4CAF50;
    color: #4CAF50;
    cursor: pointer;
}


/*start QuickWebcheckin*/
* {
    font-feature-settings: "liga" 1;
    font-feature-settings: "liga1" on;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none !important;
}

.contextmenu_bar {
    display: none !important;
}

.container-fluid,
input[type=button],
.toggleswitch1 *,
.ul_inline_typ1 li,
.paidpaymentdetails *,
.qr_subtitles .title {
    font-family: 'Roboto', sans-serif;
}

.qr_subtitles .title {
    font-size: 12px;
}

.container-fluid,
.paidpaymentdetails *,
.paidpaymentdetails ul > li:nth-child(1) > span:nth-of-type(1) * {
    font-size: 12px;
}

.txtbold {
    font-weight: bold !important;
}

#flightinfocheckintitlebar {
    background: -moz-linear-gradient(top, #ffffff 42%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 42%,#f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 42%,#f6f6f6 100%);
    margin-bottom: 20px;
    border-bottom: 0.1em solid #E0E0E0;
}

    #flightinfocheckintitlebar .flightinfoul {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #flightinfocheckintitlebar .flightinfoul.qr {
            background: url("qrlogo.png") no-repeat left;
            padding-left: 50px;
        }

    #flightinfocheckintitlebar .gateinfo {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 20px;
        padding-left: 60px;
        color: #343a46;
        background: url("gateicon.png") no-repeat left;
    }

        #flightinfocheckintitlebar .gateinfo.redtxt li:nth-child(2) {
            color: #F00;
        }

    #flightinfocheckintitlebar .guestcheckinarea {
        float: right;
    }

        #flightinfocheckintitlebar .guestcheckinarea li {
            line-height: 54px;
            font-weight: 600;
            font-size: 15px;
            padding-left: 40px;
            color: #343a46;
            /*background: url("loungechair.png") no-repeat left;*/
        }

    #flightinfocheckintitlebar::after {
        display: block;
        content: "";
        clear: both;
    }

#mainaftersuccessscan .primaryguest .headerpanel {
    background-color: #343a46;
    padding: 10px;
    color: #dddee0;
}

#mainaftersuccessscan .primaryguest .contentpanel {
    padding: 10px;
    color: #dddee0;
    border: 0.1em solid #dddee0;
}

#mainaftersuccessscan .billingpartner .headerpanel {
    background-color: #343a46;
    padding: 10px;
    color: #dddee0;
}

#mainaftersuccessscan .billingpartner .contentpanel {
    padding: 10px;
    /*color: #dddee0;*/
    border: 0.1em solid #dddee0;
}

#mainaftersuccessscan .additionalguest .headerpanel {
    background-color: #343a46;
    padding: 10px;
    color: #dddee0;
}

#mainaftersuccessscan .additionalguest .contentpanel {
    padding: 10px;
    color: #dddee0;
    border: 0.1em solid #dddee0;
}

#mainaftersuccessscan .paymentpanel .headerpanel {
    background-color: #343a46;
    padding: 10px;
    color: #dddee0;
}

    #mainaftersuccessscan .paymentpanel .headerpanel .dropdownmenu1 {
        color: #343a46;
        float: right;
    }

#mainaftersuccessscan .paymentpanel .contentpanel {
    padding: 10px;
    color: #dddee0;
    border: 0.1em solid #dddee0;
}

#mainaftersuccessscan .paymentpanel .footerpanel {
    padding: 15px;
    color: #dddee0;
    border: 0.1em solid #dddee0;
    border-top: 0em solid #FFF;
}

    /*#mainaftersuccessscan .additionalguest.scanimage .contentpanel {
    background: url("barcodescannerminibeforeselect.png") no-repeat center top 80px;
}

    #mainaftersuccessscan .additionalguest.scanimage .contentpanel.selected {
        background: url("barcodescannermini.png") no-repeat center top 80px;
    }*/

    #mainaftersuccessscan .paymentpanel .footerpanel::after {
        display: block;
        content: "";
        clear: both;
    }

input[type=button].primarybtn,
input[type=button].secondarybtn {
    height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-shadow: 0px 0px #000 !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
}

input[type=button].primarybtn {
    border: 0.2em solid #00b050;
    background: #00b050 !important;
}

    input[type=button].primarybtn:hover {
        background: #219054 !important;
    }

input[type=button].secondarybtn {
    border: 0.2em solid #e0e5e8;
    background: #FFF !important;
    color: #333333;
}

    input[type=button].secondarybtn:hover {
        background: #e0e5e8 !important;
        color: #333333;
    }

#mainaftersuccessscan .primaryguest:hover .headerpanel,
#mainaftersuccessscan .billingpartner:hover .headerpanel,
#mainaftersuccessscan .additionalguest:hover .headerpanel,
#mainaftersuccessscan .paymentpanel:hover .headerpanel {
    background-color: #84084a;
    color: #e8dae2;
}

.qrffpmemberpanel {
    color: #67717b !important;
}

    .qrffpmemberpanel li {
        line-height: 20px;
    }

    .qrffpmemberpanel > ul:nth-child(1) li:nth-child(2) {
        font-weight: 600;
        color: #343a46;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .qrffpmemberpanel .etktno {
        float: left;
    }

    .qrffpmemberpanel .cabin {
        float: right;
        border-left: .1em dashed #CCC;
        padding-left: 15px;
        padding-right: 25px;
    }

    .qrffpmemberpanel .ffpgoldpanel {
        margin-top: 15px;
        background: -moz-linear-gradient(-45deg, #ba8d3f 0%, #e0c774 100%);
        background: -webkit-linear-gradient(-45deg, #ba8d3f 0%,#e0c774 100%);
        background: linear-gradient(135deg, #ba8d3f 0%,#e0c774 100%);
        padding: 10px;
    }

        .qrffpmemberpanel .ffpgoldpanel ul:nth-child(1) {
            float: left;
            color: #FFF;
        }

        .qrffpmemberpanel .ffpgoldpanel ul:nth-child(2) {
            float: left;
            color: #FFF;
            margin-right: 20px;
        }

        .qrffpmemberpanel .ffpgoldpanel ul:nth-child(3) {
            float: right;
            color: #FFF;
            margin-right: 20px;
        }

        .qrffpmemberpanel .ffpgoldpanel::after {
            display: block;
            content: "";
            clear: both;
        }

    .qrffpmemberpanel .loungecondition.grn li:nth-child(2) {
        color: #2bb46a;
        font-weight: 600;
    }

    .qrffpmemberpanel .askqrstaff {
        border-top: .1em dashed #CCC;
        color: #78b1fc;
        margin-top: 20px;
    }

        .qrffpmemberpanel .askqrstaff * {
            height: 40px;
            line-height: 40px;
            color: #78b1fc;
        }

        .qrffpmemberpanel .askqrstaff li {
            text-align: right;
        }

            .qrffpmemberpanel .askqrstaff li span:hover {
                text-decoration: underline;
                cursor: pointer;
            }

.additionalguest:hover {
    cursor: pointer;
}

.additionalguest.selected .headerpanel {
    /*border:0.3em solid #78b1fc;
border-bottom:0em solid #FFF;*/
}

.additionalguest .contentpanel.selected {
    border: 0.3em solid #78b1fc !important;
    /*border-top:0em solid #FFF !important;*/
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
}

.paymentpanel .contentpanel ul li.normal {
    color: #343a46;
    line-height: 40px;
    border-bottom: 0.1em solid #e0e5e8;
    display: block;
}

.paymentpanel .contentpanel ul li.successmsg1 {
    padding: 1.5em;
    color: #10b583;
    padding-left: 55px;
    background: #eef9f6 url("transactionsuccesstick.png") no-repeat 10px center;
    margin-bottom: 10px;
}

.paymentpanel .contentpanel ul li.normal span:nth-child(1) {
    float: left;
}

.paymentpanel .contentpanel ul li.normal span:nth-child(2) {
    float: right;
}

.paymentpanel .contentpanel ul li.bold {
    color: #343a46;
    line-height: 40px;
    border-bottom: 0.1em solid #e0e5e8;
    display: block;
}

    .paymentpanel .contentpanel ul li.bold span:nth-child(1) {
        float: left;
    }

    .paymentpanel .contentpanel ul li.bold span:nth-child(2) {
        float: right;
    }

    .paymentpanel .contentpanel ul li.normal::after,
    .paymentpanel .contentpanel ul li.bold::after,
    .paymentpanel .contentpanel ul li.addvoucherpromopnl::after,
    .paymentpanel .contentpanel ul li.entervouchercode::after,
    .paymentpanel .contentpanel ul li.appliedvoucher::after {
        display: block;
        content: "";
        clear: both;
    }

.paymentpanel .contentpanel ul li.addvoucherpromopnl span:nth-child(1) {
    float: right;
    line-height: 40px;
    color: #78b1fc;
}

    .paymentpanel .contentpanel ul li.addvoucherpromopnl span:nth-child(1):hover {
        text-decoration: underline;
        cursor: pointer;
    }

.paymentpanel .contentpanel ul li.entervouchercode {
    background: #F6F6F6;
    margin-top: 15px;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .paymentpanel .contentpanel ul li.entervouchercode input[type="text"] {
        border: .1em solid #CCC;
        color: #333;
        padding-left: 3px;
        height: 27px;
        width: calc(100% - 120px);
    }

    .paymentpanel .contentpanel ul li.entervouchercode input[type="button"] {
        height: 27px;
        width: 50px;
        margin-left: 10px;
    }

.paymentpanel .contentpanel ul li.appliedvoucher {
    color: #343a46;
    line-height: 40px;
    border-bottom: 0.1em solid #e0e5e8;
    display: block;
}

.paymentpanel .contentpanel ul li.appliedvoucher {
    color: #343a46;
    line-height: 40px;
    border-bottom: 0.1em solid #e0e5e8;
    display: block;
}

    .paymentpanel .contentpanel ul li.appliedvoucher span:nth-child(1) {
        float: left;
    }

    .paymentpanel .contentpanel ul li.appliedvoucher span.entcode {
        border: 0.1em solid #CCC;
        height: 30px;
        line-height: 29px;
        margin-top: 5px;
        padding-left: 10px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    .paymentpanel .contentpanel ul li.appliedvoucher span.closecross {
        color: #333;
        float: right;
        background: #CCC;
        height: 16px;
        line-height: 16px;
        margin-top: 6px;
        margin-right: 7px;
        font-size: 11px;
        width: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
        margin-left: 10px;
    }

        .paymentpanel .contentpanel ul li.appliedvoucher span.closecross:hover {
            cursor: pointer;
            background: #333;
            color: #F6F6F6;
        }

    .paymentpanel .contentpanel ul li.appliedvoucher span:nth-child(2) {
        float: right;
    }

#mainscanpage {
    text-align: center;
}

    #mainscanpage .col-md-12 > div {
        padding-top: 50px;
        margin-top: 15px;
        background: #FFF;
        border: 0.1em solid #78b1fc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

    #mainscanpage li {
        color: #343a46;
    }

        #mainscanpage li:nth-child(1) {
            font-size: 30px;
            font-weight: bold;
            line-height: 60px;
        }

        #mainscanpage li:nth-child(2) {
            font-size: 15px;
        }

        #mainscanpage li.scannerimage {
            background: url("barcodescanner.png") no-repeat center;
            height: 300px;
        }

.qrkcdrpdwnlst1 .k-input {
    font-family: 'Roboto', sans-serif;
    line-height: 30px !important;
}

.k-popup .k-list .k-item {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    line-height: 25px;
}



.txtaligncen {
    text-align: center;
}

.nrmtxtbx1.inline input,
.qrkcdrpdwnlst1.inline {
    float: left;
}

.qrstaffdetails1 ul {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 0.1em dashed #ccc;
    border-bottom: 0.1em dashed #ccc;
}

    .qrstaffdetails1 ul li {
        color: #333;
        line-height: 21px;
    }

        .qrstaffdetails1 ul li:nth-child(1) {
            font-weight: bold;
        }

        .qrstaffdetails1 ul li.link.remove {
            color: #78b1fc !important;
            cursor: pointer;
        }

            .qrstaffdetails1 ul li.link.remove:hover {
                text-decoration: underline;
            }

.notallowedtxt1 {
    color: #f44336;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding-left: 36px;
    background: url("warning.png") no-repeat left center;
}

.height32 {
    height: 32px !important;
    line-height: 32px !important;
}

.primaryguest .validateqrstaff li {
    background: #F6F6F6;
    margin-top: 15px;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .primaryguest .validateqrstaff li input[type="text"] {
        border: .1em solid #CCC;
        color: #333;
        padding-left: 3px;
        height: 27px;
        width: calc(100% - 140px);
    }

    .primaryguest .validateqrstaff li input[type="button"] {
        height: 27px;
        width: 50px;
        margin-left: 10px;
    }

    .primaryguest .validateqrstaff li .validate {
        height: 27px;
        width: 70px !important;
        margin-left: 10px;
    }

.billingpartner .askwaiverprogram {
    float: right;
    text-decoration: underline;
    cursor: pointer;
}

    .billingpartner .askwaiverprogram:hover {
        text-decoration: none;
    }

.additionalguest .addguestmanually {
    float: right;
    cursor: pointer;
    text-decoration: underline;
}

    .additionalguest .addguestmanually:hover {
        text-decoration: none;
        background-color:black !important;
    }

.lsp5 {
    margin-left: 5px !important;
}

.ui-dialog .ui-dialog-title {
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
    padding-left: 1em !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px !important;
    font-weight: normal !important;
}

.ui-dialog .btn_secondary {
    background: #FFF !important;
    border: 0.1em solid #CCC !important;
    color: #065782 !important;
    text-shadow: none !important;
    min-width: 60px;
}

    .ui-dialog .btn_secondary:hover {
        background-color: #F6F6F6 !important;
        color: #065782 !important;
        border: .1em solid #CCC !important;
    }

.ui-dialog .ui-dialog-buttonpane {
    padding: 1em 1em;
}

.ui-dialog-buttonset button {
    height: 32px !important;
    font-size: 12px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-family: 'Roboto', sans-serif;
    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
}

.toggleswitch1 {
    border: 0.1em solid #d9d9d9;
    float: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 3px;
}

    .toggleswitch1 li {
        float: left;
        padding: 0.5em 1em;
        font-size: 12px;
        color: #7e7e7e;
        margin-right: 3px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

        .toggleswitch1 li:hover {
            cursor: pointer;
            color: #3498db;
            background: #e2edf4;
        }

        .toggleswitch1 li.selected {
            color: #FFF;
            background: #3498db;
        }

            .toggleswitch1 li.selected:hover {
                color: #FFF;
                background: #3498db;
                cursor: not-allowed;
            }

        .toggleswitch1 li:last-child {
            margin-right: 0px;
        }

input[type=button].primarybtn1 {
    background: #FFF !important;
    border: 0.1em solid #d9d9d9 !important;
    color: #3498db !important;
    text-shadow: none !important;
    min-width: 60px;
    font-size: 12px !important;
    height: 30px !important;
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

    input[type=button].primarybtn1:hover {
        background-color: #3498db !important;
        color: #FFF !important;
        border: .1em solid #3498db !important;
    }

.qrpaxinforetrieve {
    margin-top: 20px;
}

    .qrpaxinforetrieve * {
        font-family: 'Roboto', sans-serif;
    }

    .qrpaxinforetrieve ul.priminfo {
        border-top: 0.1em solid #d9d9d9;
        border-bottom: 0.1em solid #d9d9d9;
    }

        .qrpaxinforetrieve ul.priminfo::after {
            display: block;
            content: "";
            clear: both;
        }

        .qrpaxinforetrieve ul.priminfo li {
            float: left;
            margin-top: 15px;
            margin-bottom: 15px;
        }

            .qrpaxinforetrieve ul.priminfo li:nth-child(1) {
                width: 50%;
                border-right: 0.1em solid #d9d9d9;
            }

            .qrpaxinforetrieve ul.priminfo li:nth-child(2) {
                width: 25%;
                border-right: 0.1em solid #d9d9d9;
            }

            .qrpaxinforetrieve ul.priminfo li:nth-child(3) {
                width: 25%;
            }

            .qrpaxinforetrieve ul.priminfo li span {
                display: block;
                font-size: 12px;
            }

                .qrpaxinforetrieve ul.priminfo li span:nth-child(1) {
                    color: #818181;
                    line-height: 24px;
                }

                .qrpaxinforetrieve ul.priminfo li span:nth-child(2) {
                    color: #3b3b3b;
                    font-weight: bold;
                    padding-bottom: 7px;
                }

            .qrpaxinforetrieve ul.priminfo li:nth-child(2) span:nth-child(1) {
                padding-left: 15px;
            }

            .qrpaxinforetrieve ul.priminfo li:nth-child(2) span:nth-child(2) {
                padding-left: 15px;
            }

            .qrpaxinforetrieve ul.priminfo li:nth-child(3) span:nth-child(1) {
                padding-left: 15px;
            }

            .qrpaxinforetrieve ul.priminfo li:nth-child(3) span:nth-child(2) {
                padding-left: 15px;
            }

.qrpaxinforetrieve {
    margin-top: 20px;
}

    .qrpaxinforetrieve ul.secondinfo {
        border-top: 0.1em solid #d9d9d9;
        border-bottom: 0.1em solid #d9d9d9;
    }

        .qrpaxinforetrieve ul.secondinfo::after {
            display: block;
            content: "";
            clear: both;
        }

        .qrpaxinforetrieve ul.secondinfo li {
            float: left;
            margin-top: 15px;
            margin-bottom: 15px;
        }

#qrpaxinforetrieve ul.secondinfo li {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #qrpaxinforetrieve ul.secondinfo li span:nth-child(2) {
        padding-bottom: 0em !important;
    }

.qrpaxinforetrieve ul.secondinfo li {
    width: 50%;
    border-right: 0.1em solid #d9d9d9;
}

    .qrpaxinforetrieve ul.secondinfo li:nth-child(2) {
        width: 50%;
        border-right: 0em solid #d9d9d9;
    }

    .qrpaxinforetrieve ul.secondinfo li span {
        display: block;
        font-size: 12px;
    }

        .qrpaxinforetrieve ul.secondinfo li span:nth-child(1) {
            color: #818181;
            line-height: 24px;
        }

        .qrpaxinforetrieve ul.secondinfo li span:nth-child(2) {
            color: #3b3b3b;
            font-weight: bold;
            padding-bottom: 7px;
        }

    .qrpaxinforetrieve ul.secondinfo li:nth-child(2) span:nth-child(1) {
        padding-left: 15px;
    }

    .qrpaxinforetrieve ul.secondinfo li:nth-child(2) span:nth-child(2) {
        padding-left: 15px;
    }

    .qrpaxinforetrieve ul.secondinfo li span span {
        display: inline-block;
        font-weight: normal !important;
    }

        .qrpaxinforetrieve ul.secondinfo li span span.redtxt {
            color: #F00 !important;
        }

.qrpaxinforetrieve .ffptierinfo {
    background-color: #ccab42;
    margin-top: 15px;
    width: 50%;
    padding: 1em;
    float: left;
}

    .qrpaxinforetrieve .ffptierinfo li {
        width: 50%;
        float: left;
    }

        .qrpaxinforetrieve .ffptierinfo li span {
            display: block;
            font-size: 12px;
            color: #FFF;
        }

    .qrpaxinforetrieve .ffptierinfo::after {
        display: block;
        content: "";
        clear: both;
    }

.qrpaxinforetrieve .ffpconditions {
    margin-top: 15px;
    width: 50%;
    padding: 1em;
    float: left;
}

    .qrpaxinforetrieve .ffpconditions li {
        width: 100%;
        float: left;
    }

        .qrpaxinforetrieve .ffpconditions li span {
            display: block;
            font-size: 12px;
        }

            .qrpaxinforetrieve .ffpconditions li span.successtxt {
                font-weight: bold;
                color: #2fb054;
            }

    .qrpaxinforetrieve .ffpconditions::after {
        display: block;
        content: "";
        clear: both;
    }

.additionalguest .addedguest {
    border-bottom: 0.1em solid #d9d9d9;
}

    .additionalguest .addedguest li:nth-child(1) {
        width: calc(100% - 50px);
        float: left;
        padding-bottom: 10px;
        line-height: 20px;
    }

        .additionalguest .addedguest li:nth-child(1) span {
            display: block;
        }

            .additionalguest .addedguest li:nth-child(1) span:nth-child(1) {
                color: #3b3b3b;
                font-weight: bold;
            }

            .additionalguest .addedguest li:nth-child(1) span:nth-child(2) {
                color: #ababab;
            }

    .additionalguest .addedguest .deleteicon {
        width: 50px;
        float: left;
        background: url("trashcan.png") no-repeat right center;
        line-height: 40px;
    }

        .additionalguest .addedguest .deleteicon:hover {
            width: 50px;
            float: left;
            background: url("trashcan_hover.png") no-repeat right center;
            line-height: 40px;
        }

    .additionalguest .addedguest::after {
        display: block;
        content: "";
        clear: both;
    }

.k-grid {
    border: 0em solid #FFF;
}

.k-grid-header,
.k-grid-header-wrap {
    border-bottom: 0em !important;
}

.k-grid-header {
    border-bottom: 0.2em solid #FFF !important;
}

.k-grid-header-wrap {
    border-right: 0em !important;
}

.k-grid-header th.k-header {
    font-size: 12px;
    border-left: 0em;
    padding: 0.5em;
    font-weight: 100;
    line-height: 30px;
    border-bottom: 0em;
    background: #F6F6F6;
}

.k-grid-header,
.k-grid-header th {
    background-color: #F6F6F6 !important;
}

.k-grid-header {
    background: #F6F6F6;
}

.k-grid-content td {
    font-size: 12px;
    border-left: 0em;
    padding: 0.5em;
    line-height: 30px !important;
}

    .k-grid-content td .primaryselect {
        display: block;
        color: #3498db;
        text-decoration: underline;
    }

    .k-grid-content td .primaryselect {
        text-decoration: underline;
    }

        .k-grid-content td .primaryselect:hover {
            text-decoration: none;
        }

    .k-grid-content td .primaryselected {
        display: block;
        background: url("tick_16_round_grn.png") no-repeat left center;
        padding-left: 20px;
    }

#gridpnrpaxretrieveonly .k-grid-header th:nth-child(1),
#gridpnrpaxretrieveonly2 .k-grid-header th:nth-child(1) {
    background: url("checkbox_unchked.png") no-repeat center;
}

#gridpnrpaxretrieveonly .k-grid-content td:nth-child(1),
#gridpnrpaxretrieveonly2 .k-grid-content td:nth-child(1) {
    background: url("checkbox_unchked.png") no-repeat center;
}

#gridpnrpaxretrieveonly .k-grid-content td:nth-child(1),
#gridpnrpaxretrieveonly2 .k-grid-content td:nth-child(1) {
    background: url("checkbox_unchked.png") no-repeat center;
}

#gridpnrpaxretrieveonly .k-grid-content .k-state-selected td:nth-child(1),
#gridpnrpaxretrieveonly2 .k-grid-content .k-state-selected td:nth-child(1) {
    background: url("checkbox_chked.png") no-repeat center;
}

#gridpnrpaxretrieveonly *,
#gridpnrpaxretrieveonly2 *,
#olapaxdetails2 * {
    font-family: 'Roboto', sans-serif;
}

.infoalert1 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #3498db;
    padding-left: 45px;
    line-height: 45px;
    background: url("infoicon1.png") no-repeat left center;
}

.paidpaymentdetails {
    float: none !important;
    background-position: 7px 9px;
}

    .paidpaymentdetails ul {
        width: 100%;
    }

    .paidpaymentdetails li:nth-child(1) {
        width: calc(100% - 30px);
        padding-bottom: 3px;
        float: left;
    }

    .paidpaymentdetails li:nth-child(2) {
        width: 30px;
        float: left;
        height: 42px;
    }

    .paidpaymentdetails li .paidcloseicon {
        display: block;
        margin-top: 0px !important;
    }

    .paidpaymentdetails::after {
        display: block;
        content: "";
        clear: both;
    }

#selectcurrencydropdown:disabled {
    border: 0.1em solid transparent;
    background: none !important;
    color: #F6F6F6;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.successmessagestrip1 {
    margin-bottom: 15px;
}

    .successmessagestrip1 li:nth-child(1) {
        background: url("transactionsuccesstick.png") no-repeat left center;
        /*width: calc(100% - 480px);*/
        float: left;
        height: 45px;
        line-height: 45px;
        padding-left: 45px;
        color: #4CAF50;
        font-size: 14px;
        font-weight: bold;
        text-shadow: none !important;
        font-size: 20px !important;
    }

    .successmessagestrip1 li:nth-child(2) {
        width: 480px;
        float: right;
        color: white;
    }

        .successmessagestrip1 li:nth-child(2) input {
            float: right;
            height: 45px;
            margin-left: 15px;
        }

    .successmessagestrip1::after {
        display: block;
        content: "";
        clear: both;
    }

#btncreatenewbooking,
#btnsendmail,
#btnprintinvoice,
#btnAddGuest {
    padding-left: 50px;
    font-size: 12px !important;
    padding-right: 15px;
    height: 45px;
    border-radius: 5px;
}

input.k-button.btnprintinvoice, input.k-button.btnsendmail {
    color: white;
    padding-left: 44px;
    font-size: 12px !important;
    background-size: 25px !important;
    border-radius: 3px;
}

#listofBookings .k-grid-content {
    min-height: 0px;
    max-height: 310px !important;
}

#lblTotalAmount {
    height: 50px;
    background: #eeedeb;
    display: none;
}

#lblOryxtotalAmountTxt {
    font-size: 20px !important;
    text-align: center;
    width: 72%;
    position: fixed;
}

#successmessagerowpanel {
    padding-top: 50px;
    padding-left: 200px;
}

#btnsendmail {
    background: #0871a9 url("envelope.png") no-repeat 10px center;
}

    #btnsendmail:hover {
        background: #065782 url("envelope.png") no-repeat 10px center;
    }


#btncreatenewbooking {
    background: #0871a9 url("createbooking.png") no-repeat 10px center;
}

input.k-button.btnprintinvoice {
    background: #065782 url(invoice.png) no-repeat 10px center;
}

input.k-button.btnsendmail {
    background: #065782 url(envelope.png) no-repeat 10px center;
}

input.k-button.btnprintinvoice:hover {
    background: #065782 url("invoice.png") no-repeat 10px center;
}

input.k-button.btnsendmail:hover {
    background: #065782 url("envelope.png") no-repeat 10px center;
}

#btnAddGuest {
    background: #0871a9 url("createbooking.png") no-repeat 10px center;
}

#btncreatenewbooking:hover {
    background: #065782 url("createbooking.png") no-repeat 10px center;
}

#btnAddGuest:hover {
    background: #065782 url("createbooking.png") no-repeat 10px center;
}

#btnprintinvoice {
    margin-left: 0px;
    background: #0871a9 url("invoice.png") no-repeat 10px center;
}

    #btnprintinvoice:hover {
        background: #065782 url("invoice.png") no-repeat 10px center;
    }

div[aria-describedby="capturepaymentdetails"] .btn_primary {
    border: 0.2em solid #00b050 !important;
    background: #00b050 !important;
    text-shadow: none !important;
}

    div[aria-describedby="capturepaymentdetails"] .btn_primary:hover {
        background: #219054 !important;
    }

.paidpaymentdetails ul > li:nth-child(1) > span:nth-of-type(1) {
    font-size: 12px;
}

.k-grid-content .deleteicon {
    background: url("trashcan.png") no-repeat center;
}

    .k-grid-content .deleteicon:hover {
        background: url("trashcan_hover.png") no-repeat center;
    }

.normbtnfix1 {
    height: 30px !important;
    width: 60px;
    font-size: 12px !important;
}

#olapaxdetails2 .k-grid-toolbar {
    padding: 0.75em;
    padding-left: 0em;
}

    #olapaxdetails2 .k-grid-toolbar .k-grid-add {
        width: 60px;
        height: 30px;
        font-size: 12px !important;
        line-height: 21px;
    }

/*end QuickWebcheckin*/

.alertpnl {
    background: url(images/attention.png) no-repeat left 70px center;
}

.succespnl {
    background: url(images/tick.png) no-repeat left 70px center;
}