/* From print.css */

@media print {
    .printExpand {
        overflow: visible;
        overflow-x: visible;
        overflow-y: visible;
    }

    .printCollapse {
        display: none;
    }

    .printShow {
        visibility: visible;
    }

    .printHide {
        visibility: hidden;
    }
}

/* From globals.css */

* {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
}

body {
    margin: 0;
}

body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px solid slategrey;
}


div {
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #cacaca;
    scrollbar-darkshadow-color: #838383;
    scrollbar-face-color: #cacaca;
}

textarea {
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #cacaca;
    scrollbar-darkshadow-color: #838383;
    scrollbar-face-color: #cacaca;
}

.u {
    text-decoration: underline;
}

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email],
select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #838383;
    height: 20px;
    margin: 1px;
}

textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #838383;
    margin: 1px;
    padding-left: 4px;
}

input[type=text]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=color]:focus,
input[type=email]:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(70, 160, 221, 1);
}

option:disabled {
    color: #8a8a8a;
}

/* From button.css */

button {
    height: 24px;
    margin-right: 2px;
}

button img {
    vertical-align: middle;
}

button span {
    vertical-align: middle;
}

.btn-cal {
    padding: 1px 4px 1px 4px;
}

.button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 20px;
    border: 0px;
    font-size: 11px;
    border-style: outset;
    background-color: #cacaca;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
}

.button:hover,
input[type="checkbox"]:hover,
input[type="radio"]:hover {
    box-shadow: 0 0 5px rgba(70, 160, 221, 1);
}

.imgLink:hover {
    /* box-shadow: 0 0 2px #838383; */
}

.buttonNew {
    background: transparent no-repeat scroll left center;
    height: 24px;
    text-decoration: none;
}

.buttonIn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    border: 1px solid #fcf3da;
    border-style: inset;
    background-color: #cacaca;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonG {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 20px;
    border: 0px;
    font-size: 11px;
    color: #fff;
    border-style: outset;
    background-color: #d5d5d5;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
}

.buttonLt {
    font-size: 9px;
    border: 1px solid #fcf3da;
    border-style: outset;
    background-color: #f8e8bb;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonLtt {
    font-size: 9px;
    border: 1px solid #fcf3da;
    border-style: outset;
    background-color: #fcf3da;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonDk {
    font-size: 9px;
    border: 0px;
    border-style: outset;
    background-color: #ededed;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonTxt {
    font-size: 11px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonTab {
    font-size: 11px;
    border: 1px solid #fcf3da;
    border-style: outset;
    border-bottom: 1px solid #e5d199;
    background-color: #dddddd;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonTabDisabled {
    font-size: 11px;
    color: #8a8a8a;
    border: 1px solid #fcf3da;
    border-style: outset;
    border-bottom: 1px solid #e5d199;
    background-color: #e5e5e5;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}


.buttonLtTab {
    font-size: 11px;
    border: 1px solid #fcf3da;
    border-style: outset;
    border-bottom: 1px solid #f8e8bb;
    background-color: #CACACA;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonLtTabIn {
    font-size: 11px;
    border: 1px solid #fcf3da;
    border-style: inset;
    border-bottom: 1px solid #f8e8bb;
    background-color: #f8e8bb;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonLttTab {
    font-size: 11px;
    border: 1px solid #fcf3da;
    border-style: outset;
    border-bottom: 1px solid #fcf3da;
    border-top: 1px solid #fff;
    background-color: #CACACA;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonTop {
    font-size: 9px;
    color: #838383;
    border: 1px solid #ededed;
    border-style: outset;
    background-color: #ededed;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonRed {
    font-size: 9px;
    color: #fff;
    border: 1px solid #fcf3da;
    border-style: outset;
    background-color: #c52b2b;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonGrn {
    font-size: 9px;
    color: #fff;
    border: 1px solid #fcf3da;
    border-style: outset;
    background-color: #36ce45;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.buttonBlu {
    font-size: 9px;
    color: #fff;
    border: 1px solid #fcf3da;
    border-style: outset;
    background-color: #3645ce;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

.bMax {
    background-image: url("/resource/Resrequest/Application/public/img/button_max.gif");
}

.bMin {
    background-image: url("/resource/Resrequest/Application/public/img/button_min.gif");
}

.bnextTab {
    background-image: url("/resource/Resrequest/Application/public/img/button_nextTab.gif");
}

.bprevTab {
    background-image: url("/resource/Resrequest/Application/public/img/button_prevTab.gif");
}

.bCancel {
    background-image: url("/resource/Resrequest/Application/public/img/button_cancel.png");
}

.bOkay {
    background-image: url("/resource/Resrequest/Application/public/img/button_ok.png");
}

.bSearch {
    background-image: url("/resource/Resrequest/Application/public/img/icon_search_16.gif");
    background-position: left;
}

.bFind {
    background-image: url("/resource/Resrequest/Application/public/img/button_find.gif");
}

.bPrint {
    background-image: url("/resource/Resrequest/Application/public/img/button_print.gif");
}

.bPrintBig {
    background-image: url("/resource/Resrequest/Application/public/img/button_printMain.gif");
}

.bClose {
    background-image: url("/resource/Resrequest/Application/public/img/close.gif");
}

.bEdit {
    background-image: url("/resource/Resrequest/Application/public/img/button_edit.gif");
}

.bDelete {
    background-image: url("/resource/Resrequest/Application/public/img/button_delete.png");
}

.bUnDelete {
    background-image: url("/resource/Resrequest/Application/public/img/button_undelete.gif");
}

.bDeleteBig {
    background-image: url("/resource/Resrequest/Application/public/img/button_deleteMain.gif");
}

.bNew {
    background-image: url("/resource/Resrequest/Application/public/img/button_new.gif");
}

.bNewInactive {
    background-image: url("/resource/Resrequest/Application/public/img/button_newInactive.gif");
}

.bSave {
    background-image: url("/resource/Resrequest/Application/public/img/button_save.gif");
}

.bSaveClose {
    background-image: url("/resource/Resrequest/Application/public/img/button_save.gif");
}

.bSavePrint {
    background-image: url("/resource/Resrequest/Application/public/img/button_savePrint.gif");
}

.bSaveFolio {
    background-image: url("/resource/Resrequest/Application/public/img/button_saveFolio.gif");
}

.selAll {
    background-image: url("/resource/Resrequest/Application/public/img/button_selall.gif");
}

.clrAll {
    background-image: url("/resource/Resrequest/Application/public/img/button_clearall.gif");
}

.bClear {
    background-image: url("/resource/Resrequest/Application/public/img/button_clear.gif");
}

.bGo {
    background-image: url("/resource/Resrequest/Application/public/img/button_go.gif");
}

.bGoRes {
    background-image: url("/resource/Resrequest/Application/public/img/button_goRes.gif");
}

.bSend {
    background-image: url("/resource/Resrequest/Application/public/img/wizard_sendnext1.gif");
}

.bEmail {
    background-image: url("/resource/Resrequest/Application/public/img/button_email.png");
    background-position: center left;
    background-repeat: no-repeat;
}

.bTel {
    background-image: url("/resource/Resrequest/Application/public/img/tel_std.gif");
}

.bCart {
    background-image: url("/resource/Resrequest/Application/public/img/button_trolley.gif");
}

.bTravel {
    background-image: url("/resource/Resrequest/Application/public/img/button_trav_hist1.gif");
}

.bNotChecked {
    background-image: url("/resource/Resrequest/Application/public/img/button_notchecked.gif");
}

.bChecked {
    background-image: url("/resource/Resrequest/Application/public/img/button_checked.gif");
}

.bCheckIn {
    background-image: url("/resource/Resrequest/Application/public/img/button_checkIn.gif");
}

.bCheckOut {
    background-image: url("/resource/Resrequest/Application/public/img/button_checkOut.gif");
}

.bDirtyRoom {
    background-image: url("/resource/Resrequest/Application/public/img/button_alert.gif");
}

.bCleanRoom {
    background-image: url("/resource/Resrequest/Application/public/img/button_cleanRoom.gif");
}

.bCheckInBed {
    background-image: url("/resource/Resrequest/Application/public/img/button_check_in.gif");
}

.bCalc {
    background-image: url("/resource/Resrequest/Application/public/img/button_calc.gif");
}

.bMkgImg {
    background-image: url("/resource/Resrequest/Application/public/img/button_logo.gif");
}

.bTrav {
    background-image: url("/resource/Resrequest/Application/public/img/button_travel.gif");
}

.bInfo {
    background-image: url("/resource/Resrequest/Application/public/img/button_info.gif");
    width: 18px;
    height: 18px;
}

.bItin {
    background-image: url("/resource/Resrequest/Application/public/img/button_itinerary.gif");
    background-position: center left;
    background-repeat: no-repeat;
}

.bItinClr {
    background-image: url("/resource/Resrequest/Application/public/img/button_itinclear.gif");
}

.bItinSum {
    background-image: url("/resource/Resrequest/Application/public/img/button_itinSumm.gif");
}

.bPin {
    background-image: url("/resource/Resrequest/Application/public/img/button_pin.gif");
}

.bRooms {
    background-image: url("/resource/Resrequest/Application/public/img/button_rooms.gif");
    background-position: center left;
    background-repeat: no-repeat;
}

.bRemRoom {
    background-image: url("/resource/Resrequest/Application/public/img/button_rem_room.gif");
}

.bRoomsBlock {
    background-image: url("/resource/Resrequest/Application/public/img/button_rooms_block.gif");
}

.bRoomsAttri {
    background-image: url("/resource/Resrequest/Application/public/img/button_rooms_attri.gif");
}

.bRoomsInact {
    background-image: url("/resource/Resrequest/Application/public/img/button_rooms_Inact1.gif");
}

.bRoomChange {
    background-image: url("/resource/Resrequest/Application/public/img/button_room_change.gif");
}

.bSource {
    background-image: url("/resource/Resrequest/Application/public/img/button_source.gif");
}

.bCal {
    background-image: url("/resource/Resrequest/Application/public/img/calendar_avail_startdate_std.gif");
}

.bLegend {
    background-image: url("/resource/Resrequest/Application/public/img/button_legend.gif");
}

.bDoc {
    background-image: url("/resource/Resrequest/Application/public/img/button_document.gif");
}

.bAgent {
    background-image: url("/resource/Resrequest/Application/public/img/button_agent_filter.gif");
    background-position: center;
}

.bUser {
    background-image: url("/resource/Resrequest/Application/public/img/button_agent_filter.gif");
    background-position: center left;
    background-repeat: no-repeat;
}

.bAgentWizSrch {
    background-image: url("/resource/Resrequest/Application/public/img/wizard_search.gif");
}

.bContImport {
    background-image: url("/resource/Resrequest/Application/public/img/button_cont_import.gif");
}

.bPrev {
    background-image: url("/resource/Resrequest/Application/public/img/calendar_previous_std.gif");
}

.bNext {
    background-image: url("/resource/Resrequest/Application/public/img/calendar_next_std.gif");
}

.bPrevS {
    background-image: url("/resource/Resrequest/Application/public/img/button_previous.gif");
}

.bNextS {
    background-image: url("/resource/Resrequest/Application/public/img/button_next.gif");
}

.bAlert {
    background-image: url("/resource/Resrequest/Application/public/img/button_alert.gif");
}

.bNote {
    background-image: url("/resource/Resrequest/Application/public/img/button_note.gif");
    background-position: left;
    background-repeat: no-repeat;
}

.bIntNote {
    background-image: url("/resource/Resrequest/Application/public/img/button_intNote.gif");
    background-position: center;
}

.bGuestNote {
    background-image: url("/resource/Resrequest/Application/public/img/button_guest_note.gif");
}

.bExtra {
    background-image: url("/resource/Resrequest/Application/public/img/extra.gif");
    background-position: center left;
    background-repeat: no-repeat;
}

.bTop {
    background-image: url("/resource/Resrequest/Application/public/img/button_top.gif");
}

.bStatus {
    background-image: url("/resource/Resrequest/Application/public/img/button_prop_filter.gif");
}

.bListRep {
    background-image: url("/resource/Resrequest/Application/public/img/button_item_report.gif");
}

.bDetailRep {
    background-image: url("/resource/Resrequest/Application/public/img/button_detail_rep.gif");
}

.bRepDrop {
    background-image: url("/resource/Resrequest/Application/public/img/button_repDrop.gif");
    background-position: center center;
}

.bRoomCal {
    background-image: url("/resource/Resrequest/Application/public/img/button_room_cal.gif");
}

.bRoomLock {
    background-image: url("/resource/Resrequest/Application/public/img/button_lock.gif");
}

.bRoomNone {
    background-image: url("/resource/Resrequest/Application/public/img/button_roomNone.gif");
}

.bRoomIn {
    background-image: url("/resource/Resrequest/Application/public/img/button_roomIn.gif");
}

.bRoomOut {
    background-image: url("/resource/Resrequest/Application/public/img/button_roomOut.gif");
}

.bArrowUp {
    background-image: url("/resource/Resrequest/Application/public/img/button_prop_up.gif");
}

.bArrowDown {
    background-image: url("/resource/Resrequest/Application/public/img/button_prop_down.gif");
}

.bArrAsc {
    background-image: url("/resource/Resrequest/Application/public/img/arrow_ascend_std.gif");
}

.bArrDes {
    background-image: url("/resource/Resrequest/Application/public/img/arrow_descend_std.gif");
}

.bCollapse {
    background-image: url("/resource/Resrequest/Application/public/img/collapseUp.gif");
}

.bExpand {
    background-image: url("/resource/Resrequest/Application/public/img/collapseDown.gif");
}

.bFolio {
    background-image: url("/resource/Resrequest/Application/public/img/button_folio.gif");
}

.bGenInvoice {
    background-image: url("/resource/Resrequest/Application/public/img/button_genInvoice.gif");
}

.bInvoice {
    background-image: url("/resource/Resrequest/Application/public/img/button_invoice.gif");
}

.bSetExch {
    background-image: url("/resource/Resrequest/Application/public/img/button_set_exch_rate.gif");
}

.bRateType {
    background-image: url("/resource/Resrequest/Application/public/img/button_rate_type.gif");
}

.bDropDown {
    background-image: url("/resource/Resrequest/Application/public/img/button_drop_down.gif");
    background-position: center right;
    text-align: left;
}

.bBackSml {
    background-image: url("/resource/Resrequest/Application/public/img/button_backSml.gif");
}

.bLink {
    background-image: url("/resource/Resrequest/Application/public/img/button_link.gif");
    background-position: center center;
}

.bRemLink {
    background-image: url("/resource/Resrequest/Application/public/img/button_rem_link.gif");
}

.bForCont {
    background-image: url("/resource/Resrequest/Application/public/img/button_for_cont.gif");
}

.bRemCont {
    background-image: url("/resource/Resrequest/Application/public/img/button_rev_cont.gif");
}

.bCoins {
    background-image: url("/resource/Resrequest/Application/public/img/button_coins.gif");
}

.bVoid {
    background-image: url("/resource/Resrequest/Application/public/img/button_void.gif");
}

.bUsersLink {
    background-image: url("/resource/Resrequest/Application/public/img/button_userslink.gif");
}

.bSelUser {
    background-image: url("/resource/Resrequest/Application/public/img/button_cont_sel.gif");
}

.bPdf,
.bPDF {
    background-image: url("/resource/Resrequest/Application/public/img/pdf.gif");
}

.bExtFilt {
    background-image: url("/resource/Resrequest/Application/public/img/extraFilter.gif");
}

.bCreateRes {
    background-image: url("/resource/Resrequest/Application/public/img/button_createres.gif");
}

.bComponent {
    background-image: url("/resource/Resrequest/Application/public/img/button_comp2.gif");
}

.bResetUser {
    background-image: url("/resource/Resrequest/Application/public/img/button_username.gif");
}

.bExport {
    background-image: url("/resource/Resrequest/Application/public/img/button_export.gif");
}

.bBedNgts {
    background-image: url("/resource/Resrequest/Application/public/img/button_bedNights.gif");
}

.bAudit {
    background-image: url("/resource/Resrequest/Application/public/img/button_audit.gif");
}

.bOccCal {
    background-image: url("/resource/Resrequest/Application/public/img/button_occ_cal.gif");
}

.bMaster {
    background-image: url("/resource/Resrequest/Application/public/img/button_master1.gif");
}

.bSlave {
    background-image: url("/resource/Resrequest/Application/public/img/button_slave.gif");
}

.bCopy {
    background-image: url("/resource/Resrequest/Application/public/img/button_copy.gif");
}

.bCopyInactive {
    background-image: url("/resource/Resrequest/Application/public/img/button_copyInactive.gif");
}

.bPaste {
    background-image: url("/resource/Resrequest/Application/public/img/button_paste.gif");
}

.bPasteInactive {
    background-image: url("/resource/Resrequest/Application/public/img/button_pasteInactive.gif");
}

.bSpecReq {
    background-image: url("/resource/Resrequest/Application/public/img/button_special_req.gif");
}

.bTravArr {
    background-image: url("/resource/Resrequest/Application/public/img/button_trav_arr.gif");
}

.bTravDep {
    background-image: url("/resource/Resrequest/Application/public/img/button_trav_dep.gif");
}

.bNoSmoke {
    background-image: url("/resource/Resrequest/Application/public/img/button_nonsmoke.gif");
}

.bWheelChr {
    background-image: url("/resource/Resrequest/Application/public/img/button_wheelchair.gif");
}

.bTravelNew {
    background-image: url("/resource/Resrequest/Application/public/img/icon_travel.gif");
}

.bActivity {
    background-image: url("/resource/Resrequest/Application/public/img/icon_activity.gif");
}

.bGeneral {
    background-image: url("/resource/Resrequest/Application/public/img/icon_general.gif");
}

.bAccomm {
    background-image: url("/resource/Resrequest/Application/public/img/button_check_in.gif");
}

/* New Icons */
.bCancel16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_cancel_16.gif");
    width: 75px;
    height: 20px;
    font-size: 1em;
    text-align: left;
    padding-left: 24px;
}

.bPrint16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_printer_16.gif");
    width: 75px;
    height: 20px;
    font-size: 1em;
    text-align: left;
    padding-left: 24px;
}


.bSave16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_save_16.gif");
    width: 75px;
    height: 20px;
    font-size: 1em;
    text-align: left;
    padding-left: 24px;
}

.bSaveClose16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_save_16.gif");
    width: 105px;
    height: 20px;
    font-size: 1em;
    text-align: left;
    padding-left: 24px;
}

.bGo16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_go_16.gif");
    width: 120px;
    height: 20px;
    font-size: 1em;
    text-align: left;
    padding-left: 24px;
}

.bGoNew16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_go_16.gif");
    width: 20px;
    height: 20px;
}

.bOk16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_ok_16.gif");
    width: 75px;
    height: 20px;
    font-size: 1em;
    text-align: left;
    padding-left: 24px;
}

.bReport16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_report_16.gif");
    height: 20px;
    width: 20px;
}

.bSummary16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_summary_16.gif");
    height: 20px;
    width: 20px;
}

.bDelete16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_delete_16.png");
    background-position: center;
    height: 20px;
    width: 20px;
}

.bUnDelete16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_undelete_16.gif");
    height: 20px;
    width: 20px;
}

.bAdd16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_add_16.gif");
    height: 20px;
    width: 20px;
}

.bAllocation16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_allocation_16.gif");
    height: 20px;
    width: 20px;
}

.bSearch16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_search_16.gif");
    height: 20px;
    width: 20px;
}

.bClose16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_close_16.gif");
    width: 75px;
    height: 20px;
}


.bRateType16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_rate_type_16.gif");
    height: 20px;
    width: 20px;
}

.bCal16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_calendar_16.gif");
    height: 20px;
    width: 20px;
}

.bAgent16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_agent_details_16.gif");
    height: 20px;
    width: 20px;
}

.bExport16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_export_16.gif");
    height: 20px;
    width: 20px;
}

.bContact16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_contact_16.gif");
    height: 20px;
    width: 20px;
}

.bContactKey16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_contact_key_16.gif");
    height: 20px;
    width: 20px;
}

.bAddCrm16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_crm_event_add.gif");
    width: 75px;
    height: 20px;
    font-size: 1em;
    text-align: left;
    padding-left: 24px;
}

.bOverbook16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_overbook_16.gif");
    height: 20px;
    width: 20px;
}

.bExpandVertical {
    background-image: url("/resource/Resrequest/Application/public/img/button_expand_vertical_16.gif");
    width: 20px;
    height: 20px;
}

.bcollapseVertical {
    background-image: url("/resource/Resrequest/Application/public/img/button_collapse_vertical_16.gif");
    width: 20px;
    height: 20px;
}

.bExportXLS {
    background-image: url("/resource/Resrequest/Application/public/img/button_exportXLS.gif");
}

.bTravelNew {
    background-image: url("/resource/Resrequest/Application/public/img/icon_travel.gif");
}

.bActivity {
    background-image: url("/resource/Resrequest/Application/public/img/icon_activity.gif");
}

.bGeneral {
    background-image: url("/resource/Resrequest/Application/public/img/icon_general.gif");
}

.bAccomm {
    background-image: url("/resource/Resrequest/Application/public/img/button_check_in.gif");
}

.bAdd {
    background-image: url("/resource/Resrequest/Application/public/img/icon_add_16.gif");
}

.bSort {
    background-image: url("/resource/Resrequest/Application/public/img/icon_sort.gif");
}

.bAddGuest {
    background-image: url("/resource/Resrequest/Application/public/img/icon_guest_add.png");
    background-position: center;
}

.bViewGuest {
    background-image: url("/resource/Resrequest/Application/public/img/icon_guest_view.gif");
    width: 20px;
    height: 20px;
    border: 1px solid;
}

.bCal16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_calendar_16.gif");
    background-position: center;
}

.bGuestPaste {
    background-image: url("/resource/Resrequest/Application/public/img/guestcard_paste.gif");
    background-position: center;
}

.bSales {
    background-image: url("/resource/Resrequest/Application/public/img/icon_salesprofile.png");
    background-position: 3px;
    background-repeat: no-repeat;
}

.bCrm {
    background-image: url("/resource/Resrequest/Application/public/img/icon_crm_event.png");
    background-position: 3px;
    background-repeat: no-repeat;
}

.bAddCrm {
    background-image: url("/resource/Resrequest/Application/public/img/icon_crm_event_add.gif");
}

.bContactDuplicate16 {
    background-image: url("/resource/Resrequest/Application/public/img/duplicate_contact.gif");
    background-position: center;
}

.rOccupancy {
    background-image: url("/resource/Resrequest/Application/public/img/icon_reservation_16.gif");
    background-position: 3px;
    background-repeat: no-repeat;
}

.bOccupancy {
    background-image: url("/resource/Resrequest/Application/public/img/icon_block_16.gif");
    background-position: 3px;
    background-repeat: no-repeat;
}

.aOccupancy {
    background-image: url("/resource/Resrequest/Application/public/img/icon_allocation_16.gif");
    background-position: 3px;
    background-repeat: no-repeat;
}

.bContactReplace {
    background-image: url("/resource/Resrequest/Application/public/img/icon_contact_replace_16.png")
}

.bInternet {
    background-image: url("/resource/Resrequest/Application/public/img/icon_internet_16.png");
}

.bGoNew16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_go_16.gif");
    width: 20px;
    height: 20px;
}

.bOk16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_ok_16.gif");
    width: 75px;
    height: 20px;
    font-size: 1em;
    text-align: left;
    padding-left: 24px;
}

.bReport16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_report_16.gif");
    height: 20px;
    width: 20px;
}

.bSummary16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_summary_16.gif");
    height: 20px;
    width: 20px;
}

.bDelete16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_delete_16.png");
    background-position: center;
    height: 20px;
    width: 20px;
}

.bUnDelete16 {
    background-image: url("/resource/Resrequest/Application/public/img/button_undelete_16.gif");
    height: 20px;
    width: 20px;
}

.bAdd16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_add_16.gif");
    height: 20px;
    width: 20px;
}

.bAllocation16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_allocation_16.gif");
    height: 20px;
    width: 20px;
}

.bSearch16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_search_16.gif");
    height: 20px;
    width: 20px;
}

.bRateType16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_rate_type_16.gif");
    height: 20px;
    width: 20px;
}

.bCal16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_calendar_16.gif");
    height: 20px;
    width: 20px;
}

.bAgent16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_agent_details_16.gif");
    height: 20px;
    width: 20px;
}

.bExport16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_export_16.gif");
    height: 20px;
    width: 20px;
}

.bContact16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_contact_16.gif");
    height: 20px;
    width: 20px;
}

.bContactKey16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_contact_key_16.gif");
    height: 20px;
    width: 20px;
}

.bAddCrm16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_crm_event_add.gif");
    width: 75px;
    height: 20px;
    font-size: 1em;
    text-align: left;
    padding-left: 24px;
}

.bOverbook16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_overbook_16.gif");
    height: 20px;
    width: 20px;
}

.bExpandVertical {
    background-image: url("/resource/Resrequest/Application/public/img/button_expand_vertical_16.gif");
    width: 20px;
    height: 20px;
}

.bcollapseVertical {
    background-image: url("/resource/Resrequest/Application/public/img/button_collapse_vertical_16.gif");
    width: 20px;
    height: 20px;
}

.bExportXLS {
    background-image: url("/resource/Resrequest/Application/public/img/button_exportXLS.gif");
}

.bTravelNew {
    background-image: url("/resource/Resrequest/Application/public/img/icon_travel.gif");
}

.bActivity {
    background-image: url("/resource/Resrequest/Application/public/img/icon_activity.gif");
}

.bGeneral {
    background-image: url("/resource/Resrequest/Application/public/img/icon_general.gif");
}

.bAccomm {
    background-image: url("/resource/Resrequest/Application/public/img/button_check_in.gif");
}

.bAdd {
    background-image: url("/resource/Resrequest/Application/public/img/icon_add_16.gif");
}

.bSort {
    background-image: url("/resource/Resrequest/Application/public/img/icon_sort.gif");
}

.bAddGuest {
    background-image: url("/resource/Resrequest/Application/public/img/icon_guest_add.png");
    background-position: center;
}

.bViewGuest {
    background-image: url("/resource/Resrequest/Application/public/img/icon_guest_view.gif");
    width: 20px;
    height: 20px;
    border: 1px solid;
}

.bCal16 {
    background-image: url("/resource/Resrequest/Application/public/img/icon_calendar_16.gif");
    background-position: center;
}

.bGuestPaste {
    background-image: url("/resource/Resrequest/Application/public/img/guestcard_paste.gif");
    background-position: center;
}

.bSales {
    background-image: url("/resource/Resrequest/Application/public/img/icon_salesprofile.png");
    background-position: 3px;
    background-repeat: no-repeat;
}

.bCrm {
    background-image: url("/resource/Resrequest/Application/public/img/icon_crm_event.png");
    background-position: 3px;
    background-repeat: no-repeat;
}

.bAddCrm {
    background-image: url("/resource/Resrequest/Application/public/img/icon_crm_event_add.gif");
}

.bContactDuplicate16 {
    background-image: url("/resource/Resrequest/Application/public/img/duplicate_contact.gif");
    background-position: center;
}

.rOccupancy {
    background-image: url("/resource/Resrequest/Application/public/img/icon_reservation_16.gif");
    background-position: 3px;
    background-repeat: no-repeat;
}

.bOccupancy {
    background-image: url("/resource/Resrequest/Application/public/img/icon_block_16.gif");
    background-position: 3px;
    background-repeat: no-repeat;
}

.aOccupancy {
    background-image: url("/resource/Resrequest/Application/public/img/icon_allocation_16.gif");
    background-position: 3px;
    background-repeat: no-repeat;
}

.bContactReplace {
    background-image: url("/resource/Resrequest/Application/public/img/icon_contact_replace_16.png")
}

.bInternet {
    background-image: url("/resource/Resrequest/Application/public/img/icon_internet_16.png");
}


.masterButton {
    border: 0px;
    background-color: #4674dd;
    font-size: 11px;
    text-align: center;
}

button.masterButton,
input[type="button"].masterButton,
input[type="submit"].masterButton,
.masterButton span,
span.masterButton {
    color: #ffffff;
}

.buttonFilter {
    font-size: 11px;
    padding-left: 0 !important;
    height: 20px !important;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: left;
    text-indent: 5px;
}

.calElement {
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background-position: left;
}

.tab {
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-right-color: #ccc;
    padding-left: 3px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.tabFirst {
    border-left-style: solid;
}

.tabInactive {
    background-color: #ddd;
}

.tabActive {
    font-weight: bold;
    background-color: #fcfcfc;
}

.buttonDisabled {
    color: #8a8a8a;
    background-color: #e5e5e5;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 20px;
    border: 0px;
    font-size: 11px;
    border-style: outset;
    text-align: center;
}

.buttonDisabled:hover {
    box-shadow: none;
    cursor: default;
}

.buttonDisabled span {
    color: #8a8a8a;
}

.btn-disabled {
    color: #8a8a8a !important;
    background-color: #e5e5e5 !important;
    background-repeat: no-repeat;
    background-position: left center;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 20px;
    border: 0px;
    font-size: 11px;
    border-style: outset;
    text-align: center;
    cursor: pointer;
    pointer-events: none;
}

.btn-disabled:hover {
    box-shadow: none;
    cursor: pointer;
}

.btn-disabled span {
    color: #8a8a8a;
}

.bCenterBG {
    background-position: center center;
}

.bLeftBG {
    background-position: center left;
    background-repeat: no-repeat;
}


.buttonOverlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: white;
    line-height: 20px;
    opacity: 0.0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

/* From header.css */

.toolbarItem {
    width: 24px;
    height: 24px;
    margin-right: 2px;
    float: left;
}

.toolbarItem.right,
.toolbarItemDivider.right {
    float: right;
}

.toolbarItem i {
    padding-top: 7px;
}

.toolbarItemDivider {
    width: 5px;
    height: 30px;
    float: left;
    margin-right: 5px;
    border-right: 1px solid #dddddd;
}

.dropdownItemDivider {
    height: 1px;
    margin: 5px 0 5px 0;
    border-top: 1px solid #dddddd;
}

#logoffDropdown {
    display: none;
    position: absolute;
    top: 56px;
    right: 0px;
    width: 150px;
    height: 100px;
    z-index: 100;
    padding: 10px 0 10px 0;
}

#logoffDropdown div {
    font-size: 12px;
    color: #444444;
    line-height: 20px;
    padding: 0 10px 0 10px;
}

#logoffDropdown div:hover,
.clickable:hover {
    background-color: #c9252f;
    color: #ffffff !important;
}

#headerWhiteBar {
    height: 26px;
    background-color: #ffffff;
}

#headerBottomBar {
    height: 30px;
}

.headerBottomBarNormal {
    background-color: #c9252f;
}

.headerBottomBarArchive {
    background-color: #A9A9A9;
}

#headerResRequestLogo {
    position: absolute;
    right: 15px;
    top: 0px;
    width: 144px;
}

#logoffDropdownButton {
    position: absolute;
    right: 0px;
    top: 32px;
}

#topClientLogoSVG {
    position: absolute;
    left: 6px;
    top: 2px;
}

#headerPrincipalName {
    position: absolute;
    top: 28px;
    left: 70px;
    font-family: 'robotoregular';
    font-size: 18px;
    color: #ffffff;
}

#headerUserName {
    position: absolute;
    top: 30px;
    right: 50px;
    line-height: 10px;
}

#headerUserName #user_name {
    font-family: 'robotoregular';
    font-size: 11px;
    color: #ffffff;
    top: -3px;
}

#headerMenuContainer {
    background-color: #efefef;
    height: 16px;
    padding: 7px 0 0 5px;
}

#headerRHSOptionsContainer {
    position: absolute;
    top: 55px;
    right: 0px;
    z-index: 10;
}

#buttonQuickMenu {
    margin-left: 5px;
    float: right;
}

#headerToolbarContainer {
    background-color: #f5f5f5;
    padding-left: 5px;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
}

#headerUserName #user_name,
#buttonPrevious,
#buttonNext,
#environmentIndicatorToolbar,
.buttonResContainer,
.buttonContactContainer,
#buttonReqReceivedContainer,
#waitlistContainer,
#modReqReceivedContainer,
#buttonNotificationContainer,
#headerNewContainer,
#environmentIndicator,
#statusIndicator,
#statusIndicator,
#timezoneIndicator,
#datatransferIndicator,
#datatransferIndicatorText,
#buttonUtils,
#buttonArchives,
#codeversionIndicator {
    position: relative;
}

#buttonPreviousChevron {
    position: absolute;
    top: 7px;
    left: -6px;
    font-size: 12px;
}

#buttonNextChevron {
    position: absolute;
    top: 7px;
    right: -6px;
    font-size: 12px;
}

.buttonResContainer,
.buttonContactContainer {
    margin-right: 7px;
}

#buttonResDrop i {
    position: absolute;
    top: 7px;
    right: -9px;
    font-size: 12px;
}

#buttonContactDrop i {
    position: absolute;
    top: 7px;
    right: -7px;
    font-size: 12px;
}

#statusIndicatorRect.master,
#environmentIndicatorRect.master {
    fill: #9AB87C;
}

#statusIndicatorRect.slave,
#environmentIndicatorRect.slave {
    fill: #dddddd;
}

#environmentIndicatorToolbarDrop i {
    position: absolute;
    top: 9px;
    right: -7px;
    font-size: 12px;
}

#environmentIndicatorToolbar {
    margin-right: 9px;
}

#environmentIndicatorToolbarSquare {
    position: absolute;
    top: 6px;
    right: 2px;
}

#environmentIndicatorToolbarSquare rect {
    fill: #efefef;
    stroke: #444444;
    stroke-width: 1.3;
    opacity: 1;
}

#environmentIndicatorToolbarCircle {
    position: absolute;
    right: -5px;
    top: 5px;
    fill: #c9252f;
}

#environmentIndicatorToolbarCircleText {
    display: inline-block;
    width: 10px;
    position: absolute;
    top: 7px;
    right: -4px;
    font-size: 10px;
    text-align: center;
    color: #fff;
}

#datatransferIndicatorCircle {
    fill: #c9252f;
}

#datatransferIndicatorCircleText {
    display: inline-block;
    width: 10px;
    font-size: 10px !important;
    text-align: center;
    color: #fff !important;
}

#environmentIndicatorText {
    display: inline-block;
    width: 23px;
    position: absolute;
    top: 11px;
    right: 4px;
    font-size: 9px;
    text-align: center;
    color: #444444;
}

.dtCircle {
    display: none;
}

.headerDropdownContainer {
    z-index: 10;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.20);
}

#environmentDropdown {
    display: none;
    position: absolute;
    top: 112px;
    right: 2px;
    width: 200px;
    z-index: 100;
    padding: 10px 0 10px 0;
}

#reqReceivedDropdown {
    display: none;
    position: absolute;
    top: 112px;
    right: 2px;
    width: 170px;
    z-index: 100;
    padding: 10px 0 10px 0;
}

#environmentDropdown div,
#reqReceivedDropdown div {
    font-size: 12px;
    color: #444444;
    line-height: 20px;
}

#reqReceivedDropdown div {
    padding: 0 10px 0 10px;
}

#environmentDropdown div.static,
#reqReceivedDropdown div.static {
    color: #a0a0a0;
}

#datatransferIndicator,
#buttonUtils,
#buttonArchives,
#environmentIndicatorToolbar,
#buttonQuickMenu,
#logoffDropdownButton,
#logoffDropdown div,
.toolbarItem i,
#buttonNotificationContainer,
#buttonReqReceivedContainer,
#waitlistContainer,
#modReqReceivedContainer,
.clickable {
    cursor: pointer;
}

#environmentIndicator,
#codeversionIndicator,
#statusIndicator,
#timezoneIndicator,
#datatransferIndicator,
#buttonArchives,
#buttonUtils {
    padding: 0 10px 0 35px;
}

#environmentIndicatorIcon,
#codeversionIndicatorIcon,
#statusIndicatorSVG,
#statusIndicatorIcon,
#timezoneIndicatorIcon,
#datatransferIndicatorIcon,
#datatransferIndicatorCircle,
#datatransferIndicatorCircleText,
#buttonArchivesIcon,
#buttonUtilsIcon {
    position: absolute;
    padding-left: 10px;
}

#environmentIndicatorIcon {
    left: 0px;
}

#codeversionIndicatorIcon {
    left: 0px;
}

#statusIndicatorSVG {
    top: 3px;
    left: 2px;
}

#statusIndicatorIcon {
    left: 0px;
}

#timezoneIndicatorIcon {
    left: 0px;
}

#datatransferIndicatorIcon {
    left: 0px;
}

#datatransferIndicatorCircle {
    top: -3px;
    left: 10px;
}

#datatransferIndicatorCircleText {
    top: -6px;
    left: 11px;
}

#buttonArchivesIcon {
    left: 0px;
    font-size: 15px;
}

#buttonUtilsIcon {
    top: 2px;
    left: 0px;
    font-size: 15px;
}

#statusIndicator {
    text-transform: capitalize;
}

#timezoneIndicator {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#buttonUtils {
    display: none;
    padding: 0px !important;
    display: flex;
    flex-direction: column;
    gap: 0 !important;
}

#buttonUtils div {
    width: -webkit-fill-available;
}

#buttonArchives {
    display: none;
}

#buttonReqReceivedContainerContent {
    top: 13px;
    left: 4px;
    fill: #f5f5f5;
    position: absolute;
}

#buttonReqReceivedContainerContentArrow {
    top: 14px;
    left: 6px;
    position: absolute;
}

#buttonReqReceivedContainerIcon {
    font-size: 19px;
}

#quickDateDiv {
    z-index: 10;
}

.quick-search-title {
    height: 30px;
    color: white;
    background-color: #c9252f;
    font-size: 12px;
    font-weight: normal;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.quick-search-title-date {
    width: 150px;
}

/* Original sys.css */

@font-face {
    font-family: 'robotoregular';
    src: url('/resource/Resrequest/Application/public/include/fonts/roboto-regular-webfont.woff2') format('woff2'), url('/resource/Resrequest/Application/public/include/fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/resource/Resrequest/Application/public/include/fonts/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/resource/Resrequest/Application/public/include/fonts/MaterialIcons-Regular.woff) format('woff'),
    url(/resource/Resrequest/Application/public/include/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons {
    color: #535353;
}

.material-icons.white {
    color: #ffffff;
}

.material-icons.disabled {
    color: #D5D5D5;
    cursor: default;
}

.material-icons.impressed {
    color: #c9252f;
    cursor: default;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.txt {
}

.txtbr {
    color: #4674dd;
}

.txtbl {
    color: #12018e;
}

.txtbbl {
    font-weight: bold;
    color: #1d25ca;
}

.txtwh {
    color: #fff;
}

.txtred {
    color: #900;
}

.txtbred {
    font-weight: bold;
    color: #900;
}

.txtired {
    font-style: italic;
    color: #900;
}

.txts {
    font-size: 9px;
}

.txtm {
    font-size: 10px;
}

.txtsr {
    font-size: 9px;
    text-align: right;
}

.txtswh {
    font-size: 9px;
    color: #fff;
}

.txtsg {
    font-size: 9px;
    color: #8a8a8a;
}

.txtsbr {
    font-size: 9px;
    color: #838383;
}

.txtb,
strong {
    font-size: 11px;
    font-weight: bold;
}

.txtbbr {
    color: #838383;
    font-weight: bold;
}

.txtl {
    text-align: left
}

.txtr {
    text-align: right
}

.txtc {
    text-align: center
}

.txtvt {
    vertical-align: top;
}

.txtg {
    color: #999;
}

.txtgr {
    color: #999;
    text-align: right
}

.txtgb {
    color: #999;
    font-weight: bold;
}

.txti {
    font-style: italic;
}

.txtu {
    text-decoration: underline;
}

.txto {
    color: #f60;
}

.txtpublic {
    font-size: 12px;
}

.txttransparent {
    opacity: 0.0;
}

.flat {
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #F0EFEF;
}

.noBord {
    background-color: #f0efef;
    border-bottom: 1px solid #dddddd;
}

.Ltln {
    background-color: #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
}

.blkBord {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.noTop {
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.noTopLeft {
    font-size: 9px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.noBottomLeft {
    font-size: 9px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.colDk {
    background-color: #f6f6f6;
}

.colLt {
    background-color: #fcfcfc;
}

.colLtt {
    background-color: #fcfcfc;
}

.colLtDk {
    background-color: #f6f6f6;
}

.colDkDk {
    background-color: #dddddd;
}

.colSub {
    background-color: #dddddd;
}

.colGry {
    background-color: #e4e3e3;
}

.colGryLt {
    background-color: #f6f5f5;
}

.colWh {
    background-color: #fff;
}

.colRed {
    background-color: #db4242;
}

.colBlue {
    background-color: #bad3ea;
}

.colOrange {
    background-color: #f1c55d;
}

.colPurple {
    background-color: #9d8bcf;
}

.colPink {
    background-color: #ffb3b3;
}

.colGreen {
    background-color: #ccffcc;
}

.colInv {
    color: #000;
}

.colInvVoid {
    color: #991d1d;
}

.colInvCrNote {
    color: #f80d0d;
}

.colInvCrBal {
    color: #0d2c5a;
}

.out {
    border: 1px solid;
    border-color: #eeecec #000 #000 #eeecec;
    cursor: pointer;
}

.login {
    font-size: 9px;
    color: #fff;
    border: 1px solid;
    border-color: #c89999;
    border-style: outset;
    cursor: pointer;
    background-color: #97372d;
    background-repeat: no-repeat;
    background-position: left center;
}

.outLt {
    border: 1px solid;
    border-color: #dddddd #f0efef #f0efef #dddddd;
    background-color: #f6f6f6;
}

.outLts {
    font-size: 9px;
    border: 1px solid;
    border-color: #fcf3da #dddddd #dddddd #fcf3da;
    background-color: #dddddd;
}

.outLtt {
    border: 1px solid;
    border-color: #fff #dddddd #dddddd #fff;
    background-color: #ddd;
}

.outDk {
    border: none;
    background-color: #f0efef;
}

.outwh {
    border: 1px solid;
    border-color: #eeecec #000 #000 #eeecec;
    background-color: #fff;
}

.inLt {
    border: 1px;
    border-color: none;
    background-color: #fcfcfc;
}

.inLtt {
    border: 1px solid;
    border-color: #dddddd #fff #fff #dddddd;
    background-color: #fcf3da;
}

.inLts {
    font-size: 9px;
    border: 1px solid;
    border-color: #dddddd #fcf3da #fcf3da #dddddd;
    background-color: #dddddd;
}

.inDk {
    border: 1px solid;
    border-color: #dddddd #fcf3da #fcf3da #dddddd;
    background-color: #F0EFEF;
}

.inWh {
    border: 1px;
    border-color: #000 #eeecec #eeecec #000;
    background-color: #fff;
}

.tabLt {
    font-weight: bold;
    border: 1px solid;
    border-color: #fcf3da #dddddd #dddddd #fcf3da;
    background-color: #dddddd;
}

.tabLtNoB {
    border: 1px solid;
    border-color: #fcf3da #dddddd #dddddd #fcf3da;
    background-color: #dddddd;
}

.tabLtt {
    font-weight: bold;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #fcf3da;
    background-color: #F0EFEF;
}

.tabLttNoB {
    border: 1px solid;
    border-color: #fff #dddddd #dddddd #fff;
    background-color: #fcf3da;
}

.tabDk {
    border-top: 1px solid #fcf3da;
    border-left: 1px solid #fcf3da;
    border-right: 1px solid #663300;
    background-color: #F0EFEF;
}

.but {
    font-size: 9px;
    border: 1px solid;
    border-color: #fcf3da #dddddd #dddddd #fcf3da;
    cursor: pointer;
    background-color: #dddddd;
    /* TODO: Is this necessary? */
    background-repeat: no-repeat;
    background-position: left center;
}

.butIn {
    font-size: 9px;
    border: 1px solid;
    border-color: #dddddd #fcf3da #fcf3da #dddddd;
    cursor: pointer;
    background-color: #F0EFEF;
}

.toolButIn {
    font-size: 9px;
    border: 1px solid;
    border-color: #dddddd #fcf3da #fcf3da #dddddd;
    cursor: pointer;
    background-color: #dddddd;
}

.imgLink {
    cursor: pointer;
    border: 0;
}

.link {
    cursor: pointer;
    color: #4674DD;
    border: 0;
    text-decoration: underline;
}

.links {
    cursor: pointer;
    font-size: 9px;
    color: #4674DD;
    border: 0;
    text-decoration: underline;
}

.linkI {
    cursor: pointer;
    font-style: italic;
    color: #fff;
    border: 0;
    background-color: #cacaca;
    border-radius: 3px;
}

.grp {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
}

.grp1 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #fcfbb6;
}

.grp2 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #fad396;
}

.grp3 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #f4bb61;
}

.grp4 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #91d491;
}

.grp5 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #b8cfdd;
}

.grp6 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #c9addc;
}

.grp7 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #e9afaf;
}

.grp8 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #94d7c8
}

.grp9 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #e7a5c2
}

.grp10 {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    background-color: #b2b1af
}

.brwnScroll {
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #cacaca;
    scrollbar-darkshadow-color: #838383;
    scrollbar-face-color: #cacaca;
}

.scrollbarHome {
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #cacaca;
    scrollbar-darkshadow-color: #838383;
    scrollbar-face-color: #cacaca;
}

.subhead {
    display: none;
    margin-left: 16px;
}

.head {
    cursor: pointer;
}

@media screen {
    .collapse {
        display: none
    }

    .expand {
    }

    .scroll {
        overflow: auto;
    }

    .scrollX {
        overflow: -moz-scrollbars-horizontal;
        overflow-x: scroll;
    }

    .scrollY {
        overflow: -moz-scrollbars-vertical;
        overflow-y: scroll;
    }

    .scrollXY {
        overflow: -moz-scrollbars-vertical -moz-scrollbars-horizontal;
        overflow-x: scroll;
        overflow-y: scroll;
    }

    .scrollHidden {
        overflow: hidden;
    }
}

.hide {
    visibility: hidden;
}

.linkrow {
    cursor: pointer;
    font-size: 10px;
}

.linkRowUnsaved {
    cursor: pointer;
    background-color: yellow;
}

.linkRowHeaderUnsaved {
    cursor: pointer;
    background-color: #d7d700;
}

.bAll {
    border: 1px solid #f6f6f6;
}

.bt {
    border-top: 1px solid #dddddd;
}

.bb {
    border-bottom: 1px solid #dddddd;
}

.bl {
    border-left: 1px solid #dddddd;
}

.br {
    border-right: 1px solid #dddddd;
}

.bbdbl {
    border-bottom: 3px double #dddddd;
}

.bbz {
    border-bottom: 0px;
}

/* Grey Borders */
.grbAll {
    border: 1px solid #616161;
}

.grbt {
    border-top: 1px solid #616161;
}

.grbb {
    border-bottom: 1px solid #616161;
}

.grbl {
    border-left: 1px solid #616161;
}

.grbr {
    border-right: 1px solid #616161;
}

.grbbdbl {
    border-bottom: 3px double #616161;
}

/* Background */
.bcRoomInOld {
    background-color: #b6b6b6;
}

.bcRoomIn {
    background-color: #2868de;
}

.bcRoomCheckIn {
    background-color: #0eb64d;
}

.bcRoomNoShow {
    background-color: #e15b5b;
}

.bcRoomCheckOut {
    background-color: #fbb60f;
}

.bcRoomFuture {
    background-color: #000;
}

.bcRoomEarly {
    background-color: #9255a4;
}

.bcRoomLate {
    background-color: #28cbde;
}

.bcRoomLateCheckIn {
    background-color: #b4880e;
}

.bcRoomSingle {
    background-color: #c7d5de;
    border-radius: 50%;
}

*[unselectable='on'] {
    -moz-user-select: none;
}

/* InfoTag Styles */
.infotag {
    margin: 0;
    padding: 0;
    background-color: #fcfcfc;
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.2em;
}

.infotag h1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    padding: 5px 10px;
    margin: 0;
    border-bottom: 1px solid #dddddd;
    background-color: #F0EFEF;
    color: #000;
}

.infotag h2 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 5px 10px;
    margin: 5px 0;
    background-color: #F0EFEF;
    border-top: 1px solid #dddddd;
}

.infotag h3 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 1px 10px;
    color: #838383;
}

.infotag h4 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0;
    margin: 5px 0 0 15px;
}

.infotag p {
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    background-color: #fcfcfc;
    margin: 5px 0 5px 15px;
}

.infotag i,
.infotag b,
.infotag a,
.infotag u {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 1em;
}

.infotag a:hover {
    color: #dddddd;
}

.infotag b {
    font-weight: bold;
}

.infotag ul {
    margin: 2px 0 2px 50px;
}

.infotag td,
.infotag li {
    font-size: 1.2em;
}

.infotag td {
    border: 1px solid #F0EFEF;
}

.infotagPrintRow {
    padding: 5px 30px;
    text-align: right;
    border-top: 1px solid #dddddd;
    background-color: #F0EFEF;
}

.infotagPrintRow input {
    font-size: 1.1em;
    height: 22px;
    margin: 0 0 0 10px;
}

#divInfoButton {
    background: url('/resource/Resrequest/Application/public/img/info_std.gif') no-repeat;
    width: 23;
    height: 20;
    background-position: center;
    z-index: 3;
}


/* Transparent DIV for lightbox effect */
.lightbox {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    background-color: #000;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
}

.ajaxLoad {
    padding: 10px;
    border: 5px solid #ccc;
    width: 230px;
    margin: 0 auto;
    background-color: #fff;
    color: #666;
    font-size: 1.5em;
    text-align: center;
}

.dataBand {
    background-color: #f2f2f2;
}

/* This is used to prevent columns from stretching to accommodate text in Firefox */
.mozHide {
    white-space: nowrap;
    overflow: hidden;
}

.nowrap {
    white-space: nowrap;
}

.wwbw {
    word-wrap: break-word;
}

.fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 100;
}

.radioGroup {
    vertical-align: middle;
}

.hiddenInfo {
    border: none;
}

.hiddenInfo img {
    display: none;
}


.topContents {
    background-color: #F6F6F6;
}

#user_name {
    color: #fff;
}

.tableStickyHeader {
    border: 0;
    padding: 0;
    border-collapse: collapse;
}

.tableStickyHeader thead th {
    padding: 5px;
    /* NOTE: th padding must be set explicitly in order to support IE */
    text-transform: uppercase;
    text-transform: none;
    line-height: 2em;
}

.tableStickyHeader thead tr.transparentRow {
    background: white;
}

.subMenuTable {
    z-index: 10;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.20);
}

.overlibForeground {
    background-color: #ffffff;
}

.overlibBackground {
    background-color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08) !important;
    border-radius: 5px !important;
    border: 1px solid #efefef;
    outline: 0;
}

.overlibFont,
.overlibCloseFont {
    color: #444444;
}

.overlibCaption {
    color: #444444;
}

.overlayPopup {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    background-color: #FFFFFF;
}

#overlayPopupHeaderTR {
    padding: 5px 10px;
    height: 50px;
    color: white;
    background-color: #c9252f;
    font-size: 20px;
    font-weight: normal;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#overlayPopupHeaderClose {
    color: white;
    cursor: pointer;
    position: fixed;
    top: 50%;
    left: 50%;
}

.overlayPopupHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 23px;
    background-color: #f0efef;
}

.overlayPopupFooter {
    padding-top: 4px;
    padding-bottom: 4px;
}

.overlayPopupMasterButton {
    border: 0px;
    background-color: #4674dd !important;
    font-size: 11px;
    text-align: center;
}

.dropDownMenu {
    border: 1px solid #9e9e9e;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.dropDownMenu td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.buttonMenu {
    text-align: right;
    width: 770px;
    border: 0px;
    font-weight: normal;
    border: none;
    background-color: #f0efef;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.rnd3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.rnd5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.validationMessage {
    color: red;
}

.element_loading {
    background-image: url("/resource/Resrequest/Application/public/img/wait16.gif");
    background-repeat: no-repeat;
    background-position: 97% center;
}


.tableFullWidth {
    width: 770px;
    margin-left: auto;
    margin-right: auto;
}

.table {
    padding: 0;
    border: 0;
    border-spacing: 0;
}

.table td {
    height: 18px;
    line-height: 20px;
}

.table thead th {
    line-height: 22px;
}

.table td.numberRow {
    text-align: right;
}

.optionsMenu {
    z-index: 1;
}

.rowHighlight:hover {
    background-color: #cfc;
}

.rotate90 {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.txtCurrency {
    width: 82px;
}

.redUnderline {
    border-bottom-style: solid;
    border-bottom-color: #c9252f;
    border-bottom-width: 1.5px;
}

.redOverline {
    border-top-color: #c9252f;
    border-top-width: 2px;
    border-top-style: solid;
}

.loaderCircle {
    border: 5px solid #f3f3f3;
    /* Light grey */
    border-top: 5px solid #c9252f;
    /* RR Red */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.pReportLink {
    color: #c9252f;
    font-weight: bold;
    text-decoration: none;
    font-size: 12.5px;
}

.pReportIcon {
    font-size: 35px;
    vertical-align: -10px;
    text-indent: -10px;
    color: #c9252f;
}

.pReportBorder {
    padding: 10px;
    border-style: solid;
    border-width: 1.5px;
    border-color: #c9252f;
    font-family: robotoregular;
    font-size: 12px;
}

.popupHeaderHeight {
    height: 50px;
    background-color: #c9252f;
    color: #ffffff !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.popupHeaderHeight th {
    background-color: unset !important;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    padding: 5px 10px;
    color: #ffffff !important;
}

.border-rad-t-l {
    border-radius: 5px 0 0 0;
}

.border-rad-t-r {
    border-radius: 0 5px 0 0;
}

.border-rad-b-l-r {
    border-radius: 0 0 5px 5px;
}

.checkboxAlign {
    text-align: left !important;
}

.tail-datetime-calendar button.calendar-close {
    top: -10px !important;
    right: -11px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 10px 10px 10px 10px !important;
    opacity: 1 !important;
}

.popup-new {
    padding: 5px 10px;
    height: 50px;
    color: white;
    background-color: #c9252f;
    font-size: 20px;
    font-weight: normal;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabLink {
    cursor: pointer;
    cursor: hand;
}

.handlerInactive {
    color: #c9252f !important;
    font-size: 15px !important;
    vertical-align: sub;
}

.handlerActive {
    color: #c9252f !important;
    font-size: 15px !important;
    vertical-align: sub;
}

.handlerActive.tabNoData {
    display: none;
}

.tabDisabled {
    color: #ddd;
    background-color: #ccc;
}

.tabIndicator {
    color: #c9252f;
    font-size: 12px;
    vertical-align: middle;
    position: absolute;
    right: 1px;
    bottom: 1px;
}

body {
    background-color: #fcfcfc;
}

.select2-results {
    text-align: left;
}

/* V8 - Pre-Emptive */

.v8-darkbar {
    background-color: #444444;
}

.v8-darkbar td {
    padding: 10px;
    color: #ffffff;
    border: 0.15px solid #555555;
}

body::-webkit-scrollbar,
.scrollY::-webkit-scrollbar,
#specialPopupContent::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

body::-webkit-scrollbar-track,
.scrollY::-webkit-scrollbar-track,
#specialPopupContent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

body::-webkit-scrollbar-thumb,
.scrollY::-webkit-scrollbar-thumb,
#specialPopupContent::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px solid slategrey;
}

#propertyrows.v8 td {
    padding: 5px;
}

#restoreDefaultPopup,
#divSelectSpecial {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    height: 200px;
    width: 400px;
}

#commissionChangePopup,
#rateChangePopup {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    height: 250px;
    width: 500px;
}

#divSelectSpecial {
    height: auto;
    min-height: 325px;
}

#divSelectSpecial * {
    font-size: 13px;
}

#specialPopupContent {
    margin-bottom: 10px;
}

#restoreDefaultPopup h2,
#divSelectSpecial h2,
#commissionChangePopup h2,
#rateChangePopup h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    display: inline-block;
    line-height: 1.5;
}

#restoreDefaultPopup label,
#divSelectSpecial label,
#commissionChangePopup label,
#rateChangePopup label {
    font-size: 13px;
    line-height: 2.5;
}

#restoreDefaultPopup .float-right,
#commissionChangePopup .float-right,
#rateChangePopup .float-right {
    float: right;
}

.uk-close {
    margin-right: -12px;
}

.uk-close:hover {
    cursor: pointer;
}

#restoreDefaultPopup .uk-modal-header,
#restoreDefaultPopup .uk-modal-body,
#divSelectSpecial .uk-modal-header,
#divSelectSpecial .uk-modal-body,
#commissionChangePopup .uk-modal-header,
#commissionChangePopup .uk-modal-body,
#rateChangePopup .uk-modal-header,
#rateChangePopup .uk-modal-body {
    padding: 15px 20px;
}

#restoreDefaultPopup .uk-modal-footer,
#commissionChangePopup .uk-modal-footer,
#rateChangePopup .uk-modal-footer {
    padding: 5px 20px;
    text-align: center;
    bottom: 0;
    position: absolute;
    width: 90%;
}

#divSelectSpecial .uk-modal-footer {
    padding: 5px 20px;
    text-align: center;
    bottom: 0;
    position: absolute;
    width: 73.75%;
}

.uk-checkbox,
.uk-radio {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #ccc;
    transition: .2s ease-in-out;
    transition-property: background-color, border;
}

.uk-checkbox {
    margin-top: 0px;
}

.uk-radio {
    border-radius: 50%;
}

.uk-checkbox:hover,
.uk-radio:hover {
    box-shadow: none !important;
    cursor: pointer;
}

.uk-checkbox:focus,
.uk-radio:focus {
    outline: 0;
}

.uk-radio:checked {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E);
}

.uk-checkbox:checked {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.uk-radio:checked {
    background-color: #c9252f;
    border-color: transparent;
}

.uk-checkbox:checked {
    background-color: #c9252f;
    border-color: transparent;
}

.text-red {
    color: #c9252f;
}

.warning {
    margin-left: 10px;
}

.uk-text-center {
    text-align: center;
}

.uk-text-left {
    text-align: left;
}

.uk-modal-header.darkbar {
    border-radius: 5px 5px 0px 0px;
}

.darkbar {
    background-color: #444444;
}

.darkbar h2 {
    color: #ffffff;
}

thead .mdarkbar th {
    padding: 10px;
    background-color: #666666;
    font-weight: normal;
    color: #ffffff;
}

.align-ms {
    margin-top: 3px;
}

#roomList {
    top: 140px !important;
    right: 20px !important;
    width: 365px !important;
    left: unset !important;
}

/* Defaults page - system administrator star icons */
.primarySysAdminIcon {
    font-size: 14px;
    color: #777;
    cursor: pointer;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.img-remove-button {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
}

.img-remove-button .icon {
    font-size: 14px;
}

.img-remove-button:hover {
    background-color: #c9252f !important;
    border-color: #c9252f;
}

.img-remove-button:hover .icon {
    color: #ffffff;
}

.allocDrawnDown {
    background-color: #cccccc;
    font-weight: bold;
}

.allocNotDrawnDown {
    background-color: #efefef;
}