@charset "utf-8";

/* CSS Document */


* {

    padding: 0;

    margin: 0;

}


html {
    scroll-behavior: smooth;
}


body {

    text-align: left;

    padding: 0;

    margin: 0;


    background-color: #fff;


}


p, h1, h2, h3, h4, h5, h6, td, ul, li, a, select, input, div, label, legend {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}


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


h2 {
    font-size: 16px;
    font-weight: 100;
}


h3 {
    font-size: 14px;
    font-weight: 100;
}


h1 {

    font-size: 20px;

    color: #000;

    /* in order to replace bootstrap styles */
    font-weight: 600;
    line-height: inherit;

}


h4 {

    font-size: 14px;

    padding-bottom: 8px;

}


h5 {
    font-size: 11px;
    color: #666666;
    font-weight: normal;
}


label {
    font-size: 13px;
}


legend {
    padding-bottom: 8px;
    font-size: 13px;
}


td {
    font-size: 13px;
    min-height: 24px;
    padding: 4px;
}


th {
    font-size: 14px;
    font-weight: bold;
    background-color: #d3e0d3;
    height: 40px;
    padding-left: 5px;

}

input,select{border-radius: 4px!important; padding: 4px; border: 1px solid #888; }
option{font-size: 14px; display: inline-block!important;  height: 32px!important;margin-bottom: 5px;line-height: 24px; }

select{height: 32px;}

p {
    font-size: 13px;
}

.iconSpace{padding-right: 15px; color: #0EA1EF;}
.iconSpace2{padding-right: 15px; color: #fff;}
.iconColor{color: #0EA1EF; padding: 4px; border: 1px dashed #ccc; border-radius: 5px; margin-right: 4px;background-color: white;}
/*input{background-color:#fff;} */


.module {

    width: 150px;

    height: 80px;
    line-height: 80px;

    margin: 10px;

    padding: 0;

    border: 1px solid #f4f4f4;

   /* border-radius: 8px;*/


    background: -moz-linear-gradient(-90deg, #30ade5, #11538F, #254485) rgba(0, 0, 0, 0.25);
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;cursor: pointer;
    float: left;

    vertical-align: middle;
    text-align: center;
}


.module:hover {

    width: 150px;

    height: 80px;

    margin: 10px;

    padding: 0;

    border: 1px solid #0EA1EF;

   /* border-radius: 5px 5px 5px 5px;*/

    background: -moz-linear-gradient(-90deg, #30ade5, #11538F, #254485) rgba(0, 0, 0, 0.25);

    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;

    -moz-box-orient: horizontal;

    -moz-box-pack: center;

    -moz-box-align: center;

    cursor: pointer;
    color: #333;
}


.module2 {

    border: 1px solid #60a9f4;

   /* border-radius: 8px;*/

    -moz-border-radius: 8px;

    width: 90px;

    height: 40px;
    line-height: 40px;
    -moz-box-shadow: 3px 3px 3px #444; /* Firefox 3.6 and earlier */

    margin-top: 20px;

    margin-left: 20px;

    display: -moz-box;

    -moz-box-orient: horizontal;

    -moz-box-pack: center;

    -moz-box-align: center;

    cursor: pointer;
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0); /* IE6-9 */

    float: left;
    text-align: center;
    vertical-align: middle;

}

.module2 h3 {
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
}

.moduleSelected {

    border: 1px solid #60a9f4;

   /* border-radius: 8px;*/

    -moz-border-radius: 8px;

    width: 90px;

    height: 40px;
    line-height: 40px;


    -moz-box-shadow: 3px 3px 3px #444; /* Firefox 3.6 and earlier */

    margin-top: 20px;

    margin-left: 20px;

    display: -moz-box;

    -moz-box-orient: horizontal;

    -moz-box-pack: center;

    -moz-box-align: center;

    cursor: pointer;
    background: -moz-linear-gradient(-90deg, #30ade5, #11538F, #254485) rgba(0, 0, 0, 0.25);

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);

    -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);


    float: left;
    vertical-align: middle;
    text-align: center;


}


.moduleSelected h3 {
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
}


.warpper {
    height: 100%;
}


.leftCol {

    /*width: 200px;*/
    width: 18%;

    margin-right: 15px;

    float: left;

    margin-left: 15px;

    padding-top: 15px;

}


.leftCol2 {

    width: 200px;

    margin-right: 15px;

    float: right;

    margin-left: 15px;

    padding-top: 15px;

}


.rightCol {
    width: auto;
    float: left;
    padding-top: 40px;
    width: 78%
}

.rightCol2 {
    width: auto;
    float: right;
    padding: 10px;
    width: 25%
}

.rightCol3 {
    width: auto;
    width: 55%;
}


.modelHead {


    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;

   /* border-radius: 8px;*/

    -moz-border-radius: 8px;

    padding: 8px 12px;

    height: auto;

    margin-bottom: 10px;

    cursor: pointer;

}

.modelHead2 {

    height: 50px;

    border: 1px solid #666;

   /* border-radius: 8px;*/

    -moz-border-radius: 8px;

    padding: 5px;

    width: 188px;

    height: auto;



    margin-bottom: 10px;
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 80%, #d7dee3 81%, #f5f7f9 100%);

}

.modelHead2RestBk {

    height: 50px;

    border: 1px solid #666;

   /* border-radius: 8px;*/

    -moz-border-radius: 8px;

    padding: 5px;

    width: 188px;

    height: auto;


    margin-bottom: 10px;

    margin-top: 35px;
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 80%, #d7dee3 81%, #f5f7f9 100%);

}


.modelNavigate {

    /*border:1px solid #666;*/

    /*border-radius: 8px;*/

    padding: 12px;

    /*width:178px;*/

    min-height: 428px;


    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f6f6f6 47%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(47%, #f6f6f6), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #f6f6f6 47%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%, #f6f6f6 47%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%, #f6f6f6 47%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 0%, #f6f6f6 47%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    margin-bottom: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}

.naviTab {
    width: auto;
    font-size: 12px;

    border: 1px solid #CCCCCC;

    border-radius: 4px;

    -moz-border-radius: 4px;

    padding: 8px 12px;

    height: auto;

    /*background: -moz-linear-gradient(100% 100% 90deg, #fff, #ccc);

    background-color:#f9f9f9;*/


    margin-bottom: 5px;

    /*height:20px;* after indroducting bootstrap/

    vertical-align:middle;

    line-height:20px;

    -moz-box-shadow: 0 2px 6px rgba(205,205,205,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(150,150,150,0.3);

    cursor:pointer;

    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0); /* IE6-9 */


}


.naviTab:hover {

    width: auto;
    font-size: 12px;

    border: 1px solid #bbdae3;

    border-radius: 4px;


    padding: 8px 12px;

    height: auto;

    background: -moz-linear-gradient(-90deg, #7ec6f8, #fff);

    margin-bottom: 5px;

    /*height:20px;* comment after the bootstrap*/

    vertical-align: middle;

    /*line-height:20px;*/

    -moz-box-shadow: 0 2px 6px rgba(205, 205, 205, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(220, 220, 220, 0.3);

    cursor: pointer;

}


.moldelContent {

    /*border:1px solid #489cbf;*/

    border-radius: 8px;


    padding: 20px 24px;

    width: 95%;

    min-height: 400px;

    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(51%, #f6f6f6), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%, #f6f6f6 51%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%, #f6f6f6 51%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%, #f6f6f6 51%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 51%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0); /* IE6-9 */

    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}


.modelSubHead1 {

    margin-bottom: 15px;

}


fieldset {
    border: 0;
    margin-bottom: 10px;
}


.comTable {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 32px;
    margin-top: 28px;
}


.comTable td {
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
    height: 32px;
}


.comTable2 {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}


.comTable2 td {
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
    padding-top: 5px;
    height: 32px;
}


hr {
    border: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #999999;
}


.saveButton {


    border: 0px solid #777;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 11px;
    margin-top: 5px;
    background: #0EA1EF;
    min-width: 120px;
    height: 32px;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}


.saveButton:hover {


    border: 0px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    -moz-box-shadow: 3px 3px 3px #ccc;
    color: #fff;

    font-size: 11px;
    margin-top: 5px;
    background: #04dddd;
    height: 32px;
    color: #000;

}

/* hide up/down arrows ("spinners") on input fields marked type=number */
.no-spinners [type='number'] {
    -moz-appearance: textfield;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.qty {
    width: 73px;
    height: 20px;
    margin-top: 14px;
    margin-bottom: 16px;
}

.addnewButton {
    border: 0;

    min-width: 120px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 5px;

    cursor: pointer;

    color: #fff;

    font-weight:200;

    font-size: 12px;

    margin-bottom: 10px;



    margin-top: 5px;
    height: 32px;
    background-color: #39b1dc;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;


}


.addnewButton:hover {

    background-color: #39b1dc;

    border: 0px solid #2c84a0;

    border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 5px;

    cursor: pointer;

    color: #fff;

    font-weight: normal;

    font-size: 11px;

    margin-bottom: 10px;

    -moz-box-shadow: 3px 3px 3px #ccc;

    margin-top: 5px;


}


.addNewButton {


    border: 0px solid #ccc;

    border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 5px;

    cursor: pointer;

    /* color:#000; */

    font-weight: normal;

    font-size: 11px;

    margin-bottom: 10px;

    -moz-box-shadow: 3px 3px 3px #ccc;

    margin-top: 5px;
    background:#0EA1EF;

}



.comTable2 {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}


.comTable2 th {
    background-color: #ccc;
    padding-left: 5px;
}

.comTable2 td {
    padding-left: 5px;
    height: 30px;
    background-color: #eee;
    border-bottom: 1px solid #fff;
}


.price {
    color: #990000;
    font-weight: bold;
}


.searchRooms {
    margin-bottom: 15px;
}


.searchRooms td {
    height: 32px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}


.bgCol1 {
    background-color: #DBECBB;
}

.bgCol2 {
    background-color: #C7E2F1;
}

.bgCol3 {
    background-color: #eeeeee;
}


.spLeftV1 {
    padding-left: 15px;
}


td.bookBtTd {
    height: 30px;
    border-bottom: 0px solid #ccc;
    vertical-align: bottom;
    padding-top: 10px;
}


.commonTb td {

    height: 30px;

    border-bottom: 1px solid #ccc;

    vertical-align: middle;

    padding-left: 5px;
    cursor: pointer;

}


.commonTb tr:hover {
    background-color: #FFDDBB;
}


.hotelName {

    padding-left: 5px;

    padding-top: 3px;

}


.userName {

    padding-left: 5px;

    padding-top: 3px;

    font-size: 11px;

}


.moduleName {
    padding-left: 5px;
    color: #F30;
}


.mainMenuTitle {

    padding-left: 5px;

    color: #C30;

    font-size: 14px;

}


.moldelContent h1 {
    color: #900;
}


.label1 {

    width: 200px;

    display: block;

    float: left;

    height: 25px;

}


.inputSt1 {
    float: left;
}


.pdZero {
    padding: 0;
}


.mgZero {
    margin: 0;
}


.clearLeft {
    clear: left;
}


.logo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;

    padding-left: 32px;
    padding-top: 32px;
}

.logoSize {
    height: 80px;
    width: auto;
}

h1.errorMsg {
    text-align: center;
    color: #FF6600;
}

h4.errorMsg2 { text-align: center;
}

.errorFied {
    border: 1px solid #FF3300;
    background-color: #FBDBC8;
}

.errorIdicate {
    color: #FF0000;
    font-size: 12px;
    font-weight: bold;
}


.textRight {
    text-align: right;
    padding-right: 8px;
}



.pxBtPd {
    padding-bottom: 8px;
}


.logOut {
    position: absolute;
    top: 0;
    right: 0;
}

.topBttn {
    /* height: 40px;*/
    border: 1px solid #ccc;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
}


.topBttn:hover {

    border: 1px solid rgba(96, 169, 244, 0.5);



}


.avTable {
    border: 1px solid #eeeeee;
    border-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}


.avTable th {
    height: 20px;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    padding-left: 5px;
}


.avTable td {
    height: 22px;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    background-color: #b6c4d1;
    width: 40px;
    text-align: center;
}


td.avTbRoomNo {

    width: 40px;

    background-color: #CCCCCC;

    color: #000000;

    padding-right: 5px;

    text-align: right;

}


td.avTbBooked {
    width: 40px;
    background-color: #FF3300;
    color: #000000;
    padding-right: 5px;
    text-align: right;
    border-radius: 2px;
}

td.avTbCheckIn {
    width: 40px;
    background-color: #d9bf54;
    color: #000000;
    padding-right: 5px;
    text-align: right;
    border-radius: 8px;
}

td.avTbBookedCh {
    background-color: #0961ff;
    border-radius: 8px;
}

td.avTbBooked0 {
    background-color: #FF3300;
}

td.avTbBooked1 {
    background-color: #fbf4da;
}

td.avTbBooked2 {
    background-color: #e62e6e;
}

td.avTbBooked3 {
    background-color: #e4e2b2;
}

td.avTbBooked4 {
    background-color: #dd9a66;
}

td.avTbBooked5 {
    background-color: #fcad8c;
}

td.avTbBooked6 {
    background-color: #f9a09c;
}

td.avTbBooked7 {
    background-color: #f8c6c5;
}

td.avTbBooked8 {
    background-color: #dc2568;
}

td.avTbBooked9 {
    background-color: #fcc2ea;
}

td.avTbBooked10 {
    background-color: #f9d461;
}

td.avTbBooked11 {
    background-color: #be734b;
}

td.avTbBooked12 {
    background-color: #ff628a;
}

td.avTbBooked13 {
    background-color: #c2e06e;
}

td.avTbBooked14 {
    background-color: #a77864;
}


td.avTbSave {

    width: 40px;

    background-color: #00CC00;

    color: #000000;

    padding-right: 5px;

    text-align: right;
    border-radius: 5px;


}


td.avTbBlakout {

    width: 40px;

    background-color: #000000;

    color: #000000;

    padding-right: 5px;

    text-align: right;

    cursor: pointer;
    border-radius: 8px;

}

.avTbIntro {
    background-color: #FFFFFF;
    border: 0;
    width: 600px;
}

td.avTbIntroTd {
    background-color: #FFF;
    padding-left: 5px;
    text-align: left;
    border: 0;
    font-size: 11px;
    height: 13px;
    border-radius: 8px;
}


th.roNo {
    border-right: 1px solid #eee;
}

.paxTb {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #DDEEFF;
}

.paxTb th {
    padding-left: 5px;
}

.paxTb td {
    padding-bottom: 2px;
    border-bottom: #FFFFFF;
}

.calBg {
    background: url(../images/cal.png) right 2px no-repeat;
    height: 22px;
    padding: 2px;
    border: 1px solid #eeeeee;
    border-top: 1px solid #cccccc;
}

/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display: none;

    /* place overlay on top of other elements */
    z-index: 10000;

    /* styling */
    background-color: #333;

    width: 675px;
    min-height: 200px;
    border: 1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    /*background-image: url(imgges/overlay/close.png);*/
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

.hopeOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #333333;
    z-index: 5000;
    opacity: 0.4;
    left: 0;
    top: 0;
}

.hopeOverlay2 {
    width: 52%;
    height: 350px;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 5px;
    /*background: -moz-linear-gradient(100% 100% 90deg, #fff, #ccc);

background-color:#f9f9f9;*/

    /*background: -moz-linear-gradient(-75deg, #fff);*/
    margin-bottom: 5px;
    height: auto;
    vertical-align: middle;
    -moz-box-shadow: 0 2px 6px rgba(205, 205, 205, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(150, 150, 150, 0.3);
    left: 25%;
    top: 15%;
    background-color: #D9EFFD;
    opacity: 1;
    position: fixed;
    z-index: 6002;
    padding: 15px;


}

.restaurantSelectionOverlay {
    top: 23%;
    left: 35%;
    width: 28%;
}

.overlayTb {
    width: 100%;
    margin-top: 10px;
}

.overlayTb td {
    height: 25px;
}

.overlayTb .tdLeft {
    border-bottom: 1px solid #fff;
    font-size: 12px;
    border-right: 0px;
    text-align: right;
    padding-right: 10px;
    width: 50%
}

.overlayTb .tdRight {
    border-bottom: 1px solid #fff;
    font-size: 12px;
    border-left: 1px solid #fff;
    text-align: left;
    padding-left: 10px;
    width: 50%
}

.btAlign {
    text-align: right;
}

.txtCenter {
    text-align: center;
}


.avTableRt {
    border: 1px solid #eeeeee;
    border-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.avTableRt td {
    height: 30px;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    background-color: #ccc;
    width: 100px;
    text-align: left;
}

.av {
    padding: 5px;
    width: 30px;
    float: left;
    font-size: 11px;
    background-color: #558fc8;
    text-align: center;
    color: #eee;
}

.cbk {
    padding: 5px;
    width: 30px;
    float: left;
    font-size: 11px;
    background-color: #a8190e;
    text-align: center;
    color: #ccc;
}

.ucbk {
    padding: 5px;
    width: 30px;
    float: left;
    font-size: 11px;
    background-color: #b5c5b5;
    text-align: center;
  }

.alc {
    padding: 5px;
    width: 30px;
    float: left;
    font-size: 11px;
    background-color: #e2c59b;
    text-align: center;
}

.bk {
    padding: 5px;
    width: 30px;
    float: left;
    font-size: 11px;
    background-color: #959292;
    text-align: center;
}

td.avTbSelect {

    width: 40px;

    background-color: #00CC03;

    color: #000000;

    padding-right: 5px;

    text-align: right;


}

.gridView {
    font-size: 11px;
    margin-top: 10px;
}

.cancelBk {
    color: #FF0000;
    text-decoration: line-through;
}

.rightColRest {
    float: left;
    padding-top: 15px;
    width: 63%;
}

.reportsFrame {
    width: 100%;
    height: 450px;
    overflow: scroll;
}

.delay1 {
    background-color: #cc0000;
}

.delay2 {
    background-color: #f20d24;
}

.delay3 {
    background-color: #f4556d;
}

.delay4 {
    background-color: #f28e9d;
}


.avGridView {
    height: 25px;
}

.avaiIcon {
    background: url(../images/guest.png) left top no-repeat;
}

@media only screen and (max-width:1024px){

    p {
        font-size: 12px!important;
    }

    .leftCol {
        width: 160px;
    }
    .moldelContent{
    width: 517px!important;
    }
    .tablePlan{
        width: 517px!important;
    }

    .icomodelHead h2 {
        font-size: 13px!important;
    }

    th {
        font-size: 11px!important;
        font-weight: bold;
        background-color: #d3e0d3;
        height: 35px;
        padding-left: 5px;
    }
    td{font-size: 11px!important;}

    #contentDiv {
        width: 99%;
        margin-left: 15px;
    }

    .rightCol {
        padding-top: 15px;
        width: 617px;
    }


    .leftCol2 {

        width: 160px;

        margin-right: 15px;
        margin-left: 0px;
        padding-top: 15px;

    }

    .orderCart {
        width: 95.5%;
    }

    .naviTab, .naviTab:hover, .naviTabSelected {
        width: 117px;
        font-size: 11px!important;
    }

    select {
        min-height: 25px;
        min-width: 35px;
        line-height: 30px;
    }

    .modelNavigate {
        width: 142px;
    }

    input {
        min-height: 24px;
        line-height: 30px;
    }

    td {
        height: 25px;
        padding: 5px;
    }

    .modelHead, .modelHead2 {
        width: 160px !important;
    }

    tabel td.highLightRaw1 input {
        width: 70px;
    }

    #frmOrderDetails input {
        width: 80px;
        font-size: 12px;
    }

    .itemQuntity1 .itemQuntity2 .itemQuntity3 {
        width: 57px;
    }

    .resItemTable input[type="text"] {
        width: 57px !important;
    }

    #frmOrderDetails input[type="button"] {
        width: 140px;
        font-size: 12px;
    }

    .responsive-discount {
        width: 60px;
    }

    .responsive-cardType {
        width: 60px;
    }

    .comTable2 input[type="radio"] {
        width: 27px !important;
        display: block;
    }

    .comTable2 td {
        font-size: 11px !important;
    }

    #payType_RB, #payType_CP, #payType_CC {
        width: 27px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .resPaymentPage {
        width: 593px;
    }

    .resDineItemName {

        white-space: nowrap;
        width: 175px;
        overflow: hidden;
        text-overflow: ellipsis;

    }

    .orderCartTb td {
        font-size: 11px;
    }


}


/*screen 1024 end*/
.roomLink {
    text-decoration: underline;
    color: blue;
}


.guestSearchForm {
    width: 25%;
    margin-right: 15px;
    float: left;
}

.paging {
    padding: 10px;
    border: 1px solid #FFBE7D;
    background-color: #FEEAC5;
    font-size: 11px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 5px;
}

.pageSelect {
    background-color: #F60;
}

.hotelDes {
    min-height: 68px;
    overflow: hidden;
}

ul.pgNavigate {
    padding: 0;
    margin: 0;
    float: right;
}

ul.pgNavigate li {
    display: inline;
}

.priceInput {
    width: 80px;
}

.naviTabSelected {
    width: auto;
    font-size: 12px;
    border: 1px solid #bbdae3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 5px;
    height: auto;
    margin-bottom: 5px;
    height: 20px;
    vertical-align: middle;
    line-height: 20px;
    cursor: pointer;
    background: #f3c5bd; /* Old browsers */
    background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3c5bd), color-stop(50%, #e86c57), color-stop(51%, #ea2803), color-stop(75%, #ff6600), color-stop(100%, #c72200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c5bd', endColorstr='#c72200', GradientType=0); /* IE6-9 */

}

.modelHead2 {
    height: 50px;
    border: 1px solid #666;
    border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 5px;
    width: 188px;
    height: auto;
    background-color: #EBDC98;
    margin-bottom: 10px;
}

.orderCart {
    width: auto;
    font-size: 12px;
    border: 1px solid #bbdae3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 5px;
    max-height: 450px;
    margin-bottom: 5px;
    vertical-align: middle;
    cursor: pointer;
    overflow: auto;

}

.orderCartTb td {
    background-color: #FFCC33;
    border-bottom: 1px solid #FFCC66;
    padding: 5px;
}

.orderCartTb th {
    background-color: #339900;
    border-bottom: 1px solid #FFCC66;
    padding: 5px;
    color: #FFFFFF;
}

.odcColRight {
    text-align: right;
}

.odcColLeft {
    text-align: left;
}

.saveButtonDis {
    font-size: 12px;
    height: 25px;
    width: 80px;
}

.comTable2 .highLightRaw1 {
    background-color: #C5EAF1;
}


.cartColumn {
    with: 65%;
}

.payments td {
    min-height: 30px;
}

.bkgid {
    cursor: pointer;
    color: #000;
    width: 60px;
    height: 18px;
    float: right;
    border-radius: 5px;
    border: 1px solid #A2A10D;
    padding: 3px;
    text-align: center;
    font-size: 11px;
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0); /* IE6-9 */
    margin: 5px;
}


.bkgCancel {
    cursor: pointer;
    color: #fff;
    width: 60px;
    height: 18px;
    float: right;
    border-radius: 5px;
    border: 1px solid #C45959;
    padding: 3px;
    text-align: center;
    font-size: 11px;
    background: #feccb1; /* Old browsers */
    background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feccb1), color-stop(50%, #f17432), color-stop(51%, #ea5507), color-stop(100%, #fb955e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0); /* IE6-9 */
    margin: 5px;
}

.bkgid:hover, .bkgCancel:hover {
    text-decoration: underline;
}

.guestTbl {
    cursor: pointer;
}

.comTable2 input[type="radio"] {
    width: 20px;
    hight: 20px;
}

.comTable2 input[type="radio"]:checked {
    width: 20px;
    hight: 20px;
    background-color: orange;
}


td.avTbTentative {
    width: 40px;
    background-color: #F2AE0B;
    color: orange;
    padding-right: 5px;
    text-align: right;
    cursor: pointer;
    border-radius: 8px;
}

/*input[type="text"]{width:120px;}*/
input[type="password"] {
    width: 120px;
}

input[placeholder], [placeholder], *[placeholder] {
    color: #0000ff !important;
}

#sortable1, #sortable2, #sortable3 {
    list-style-type: none;
    margin: 0;
    float: left;
    margin-right: 10px;
    background: #eee;
    padding: 5px;
    width: 45%;
}

#sortable1 li, #sortable2 li, #sortable3 li {
    margin: 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 80%;
}

#sortable1 {
    background-color: #F6DE44;
    border-radius: 5px;
}

#sortable2 {
    background-color: #0EA1EF;
    border-radius: 5px;
}

#sortable1 h2, #sortable2 h2 {
    color: #000000;
}

.billSplitHead {
    margin-bottom: 10px;
    height: 60px;
}

.billSplitFooter {
    margin: 10px 0;
    padding: 8px;
    background-color: #fff;
}


#overlayDiv input[type="text"] {
    width: 60px;
}

#overlayDiv h2 {
    color: #000;
}

.reportsV1 {
    cursor: pointer;
    color: #000;
    border-radius: 5px;
    border: 1px solid #A2A10D;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    background: #fccd4d; /* Old browsers */
     margin: 5px;
    height: 32px;
}

.restDropDown select {
    width: 100px;
    font-size: 12px;

}

.restDropDown td {
    font-size: 11px;

}

.cageColorV1:nth-child(odd) {
    background: #ddfad1;
}


#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px;
    max-width: 600px;
    background: #fbdf93;
    border: solid 1px #f39b1f;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    top: 50px;
    left: 25%;
}

.bookingMessage {
    text-align: center;
    border: solid 1px #f39b1f;
    background: #fbdf93;
    border-radius: 5px;
    padding: 10px;
}

.selectRoomNumber {
    background-color: #fceabb;
    border: 1px solid #ccc;
    float: left;
    width: auto;
    padding: 5px;
    margin-left: 5px;
}

.col1-md-6 {
    float: left;
    width: 45%;
    margin-left: 20px;
    background-color: #f7f5f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}

.row {
    display: block;
}

.tbFrame {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 5px;
}


.collapsePanel {
    width: 100%;
    margin-bottom: 10px;
}

#collapseAll, #expandAll {
    border-radius: 5px;
    border: 1px solid #A2A10D;
    padding: 3px;
    text-align: center;
    font-size: 11px;
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0); /* IE6-9 */
    margin: 5px;
}

.itemExpand {

    border-radius: 5px;
    border: 1px solid #C45959;
    padding: 3px;
    text-align: right;
    font-size: 11px;
    background: #feccb1;
    background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feccb1), color-stop(50%, #f17432), color-stop(51%, #ea5507), color-stop(100%, #fb955e));
    background: -webkit-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    background: -o-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    background: -ms-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
    margin: 5px;

}

#tableNo {
    width: 120px;
}

.tableClose {
    min-width: 40px;
    min-height: 20px;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */
    border: 1px solid #444;
    margin: 10px 5px 0px 5px;
}

.tableOpen {
    min-width: 40px;
    min-height: 20px;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0); /* IE6-9 */

    border: 1px solid orange;
    margin: 10px 5px 0px 5px;

}

.tablePlan {
    background-color: #52798e3d;
    border: #000;
}

.active {
    border: 2px solid blue;
}

.tableOpen, .tableClose {
    width: 25px;
    height: 40px;
}

.fc-scroller-canvas {
    background-color: #fff;
}

.fc-time-area {
    background-color: #ffffff !important;
}

.fc-unselectable {
    background-color: #ffffff !important;
}

.active {
    background: #b4e391; /* Old browsers */
    background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b4e391 0%, #61c419 50%, #b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4e391', endColorstr='#b4e391', GradientType=0); /* IE6-9 */
}

.channel {
    background-color: blue;
}

div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 15px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.searchPanel {
    padding: 8px;
    background-color: #ffff;
    border-radius: 5px;
    border: 1px solid #ccc;
}


/*Daily Rates*/

.dailyRateContainer {
    width: 50px;
}

.dailyRateTitle {
    font-size: 11px;
    margin: 2px 4px;
    min-height: 26px;
    line-height: 26px;
    min-width: 26px;
    width: 50px;
    display: block;
    float: left;
    width: 50px;
}

.dailyRateTitle2 {
    font-size: 11px;
    margin: 2px 4px;
    min-height: 26px;
    line-height: 26px;
    min-width: 26px;
    width: 50px;
    color: darkcyan;
    width: 50px;
}

.dailyRateTitle5 {
    font-size: 11px;
    margin: 2px 4px;
    min-height: 26px;
    line-height: 26px;
    min-width: 26px;
    color: #990000;
    font-weight: bold;
    width: 50px;
}

.dailyRateTitle3 {
    font-size: 11px;
    margin: 2px 4px;
    min-height: 26px;
    line-height: 33px;
    min-width: 26px;
    width: 50px;

}

.dailyRateTitle4 {
    font-size: 11px;
    margin: 2px 4px;
    min-height: 26px;
    line-height: 26px;
    min-width: 26px;
    font-weight: bold;
}

.dailyRateInput {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #545454;
    cursor: text;
    display: inline-block;
    font-size: 11px;
    margin: 2px 4px;
    min-height: 26px;
    line-height: 26px;
    min-width: 26px;
    padding: 0 2px;
    width: 52px;
    text-align: center;
}

.dailyRateSeperate {
    border-bottom: 1px solid #ccc;
    margin-left: 15px;
    margin-right: 15px;
}

/*Daily Rates*/

/* Banquet Head */

.banquetHead {
    font-size: 16px;
    padding: 10px 0;
}

/* SPA Head */

.spaHead {
    font-size: 16px;
    padding: 10px 0;
    color: #0EA1EF;
    font-weight: bold;
    border-bottom: 2px solid #0EA1EF;
    margin-bottom: 15px;
}

/* SPA Booking Layout Styles */
.spa-booking-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.spa-booking-left {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
}

.spa-booking-right {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Ensure tables don't overflow */
.spa-booking-left .tbFrame,
.spa-booking-right .tbFrame {
    overflow-x: auto;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .spa-booking-left,
    .spa-booking-right {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
}


/*Tax Calculator*/

.taxCalculator {


    /*border: 1px solid #489cbf;*/

    border-radius: 8px;

    -moz-border-radius: 8px;

    padding: 16px;

    width: 165px;

    height: auto;


    background-color: #ededed; /* Old browsers */
    float: left;
    margin-top: 80px;
}


.hideRateV2 {
    visibility: hidden;
}


.hideRateV2::before {
    content: "-*-*-*-*-";
    visibility: visible;
}

.centerDiv{ display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.sumOfResult{color: black!important; margin-bottom: 10px; margin-top: 10px;}
.itemQuntity2{ height: 19px;}

.plusButton,.minusButton{ width: 40px; height: 30px; cursor: pointer; margin-left:10px; margin-right: 10px; }

.ui-menu .ui-menu-item a {
    line-height: 2.2em!important;
}

.dashBoard{ display: flex; margin-top:20px; flex-wrap: wrap; width: 1200px;justify-content:center; }

.metricsDivSub{ width: 210px; border: 0px dashed #ccc; margin-right: 20px; margin-left: 20px; padding: 10px 8px;
}

.metricsDivSub2{ width: 160px; }

.metricsDivSub h2{ font-size: 13px!important; color: #444 !important; border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;}
.metricsDivSub p{ font-size: 22px!important; font-weight: bold; color: #0EA1EF;}

.metricsDivSub span{font-size: 12px!important; color: #444 !important;}

@media (max-width: 800px) {
    .centerDiv{ display: flex;
        justify-content: center;
        flex-direction: column;
    }}

@media (max-width:1024px){
    .dashBoard{ display: flex; margin-top:20px; flex-wrap: wrap; width: 1024px!important;justify-content:center; }

}
/*sticky header table */
.sticky-header-table {
    border-collapse: collapse;
    width: 100%;
}

.sticky-header-table thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.sticky-header-table th {
    position: sticky;
    top: 0;
    background: #d3e0d3;
    z-index: 1;
    border-bottom: 2px solid #ccc;
}

.sticky-header-table th:first-child {
    z-index: 2;
}

.sticky-header-table th:nth-child(2) {
    z-index: 2;
}

.scroll-pane {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
    position: relative;
}
/*sticky header table styles end */