@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

html {
	padding: 0;
	margin: 0;
}

body {
	background-color: #eee !IMPORTANT;
	padding: 0;
	margin: 0;
	color: #333;
	font-size:14px;
	overflow-x: hidden;
    padding-top:62px;
}

.relative {
    position: relative;
}

.modal {
    overflow: scroll;
}

table td {
    /*font-size: 13px;*/
}

table th {
    font-size: 12px;
}

/*==================Common CSS====================*/

h1, h2, h3 {
    font-weight:bold;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

.mr-t-0 {
    margin-top: 0 !important;
}

.mr-t-20 {
    margin-top: 20px;
}

.mr-t-10 {
    margin-top: 10px;
}

.mr-t-8 {
    margin-top: 8px;
}

.mr-b-0 {
    margin-bottom: 0;
}

.mr-l-10 {
    margin-left: 10px;
}

.pad_5 {
    padding: 5px;
}

.pad_10 {
    padding: 10px;
}

.pad_3 {
    padding: 3px;
}

.pad_r3 {
    padding-right: 3px;
}

.pad_r5 {
    padding-right: 5px;
}

.Pad_l0 {
    padding-left: 0 !important;
}

.Pad_r0 {
    padding-right: 0;
}

.pad_t0 {
    padding-top: 0 !important;
}

.mar_t60 {
    margin-top: 60px;
}

.mar_b20 {
    margin-bottom: 20px;
}

.req {
    border-left: 1px solid red !important;
}

/*==================/Common CSS/====================*/

#footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 32px;
    width: 100%;
    z-index: 999;
    padding: 10px;
    background: #fff;
    box-shadow: 0 -1px 6px rgba(41, 68, 126, 0.25);
}

.auto-ul ul {
    background-position: right;
    background-image: url(images/auto_search_icon.png);
    background-repeat: no-repeat;
}

select {
    background-repeat: repeat-x;
    border: 1px solid #e6ebee;
    color: #333;
    margin-right: 4px;
    margin-bottom: 2px;
    margin-top: 2px;
    border-radius: 0;
    width: 100%;
}

.extra-grid-toolbar button {   
    border: 1px solid #e6ebee;   
    background: none;
    color: #3376e1;    
    margin-left: 0;
    transition: all .2s;
}
.extra-grid-toolbar button:hover {    
    background: #3376e1;
    color: #fff;  
    
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.7);
}

.datagrid .grid-nav {
    width: 250px;
    margin: auto;
    padding: 2px;
    text-align: center;
}
.datagrid .grid-toolbar button:hover, .datagrid .grid-toolbar button:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #3376e1 !important;
    border-color: #e6ebee;
}

.datagrid .maintable > thead tr th {
    color: #fff !important;
    margin: 0;
    background: rgba(152, 171, 212, 0.16);
}

.datagrid .maintable th {
    /*background-color: #627AAC;color: #fff;border-left: solid 1px #29447E;*/
    font-weight: normal;
    border: 0;
    border-left: 1px solid #E3E5EA;
    font-size: 12px;
}

    .datagrid .maintable th:first-child {
        border-left: none;
    }

.datagrid .maintable tr {
    cursor: default;
}

    .datagrid .maintable tr.normalRow:hover {
        background-color: #efefef;
    }

.datagrid .maintable th .col {
    overflow: hidden;
    padding: 2px;
    float: left;
}

.datagrid .maintable td {
    border-left: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
}

.datagrid .loading {
    background-position: center center;
    height: 50px;
    width: 50px;
    background-image: url('images/Loadgrid.gif');
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}

.datagrid .maintable td .td {
    overflow: hidden;
    padding: 2px 4px;
    white-space: nowrap;
}

.datagrid .bkresizer {
    cursor: e-resize;
    float: right;
    padding: 0;
    position: relative;
    width: 5px;
    z-index: 200;
}

.datagrid .maintable th input[type="text"], .datagrid .maintable th select {
    margin: 0;
    width: 90%;
}

.datagrid .fltr {
    width: 0px;
    position: relative;
    overflow: visible;
    float: right;
}

    .datagrid .fltr div {
        margin-left: -30px;
        width: 60px;
    }

        .datagrid .fltr div span {
            float: left;
        }

.datagrid .maintable .selectedRow {
    background-color: #fff5f5;
}




    .datagrid .grid-nav button {
        font-size: 11px !important;
    }

.cmp .ui-icon, .incmp .ui-icon {
    display: none;
}

.datagrid .ui-button-text {
    padding: 0 !important;
}






.db-toprow {
    width: 100%;
}

    .db-toprow .dtl {
        min-height: 194px;
        background: #fff;
        border-radius: 0;
        border: 0;
    }

    .db-toprow h3 {
        padding: 15px;
        margin: 0;
        background: #FFF;
        border-radius: 0;
    }

        .db-toprow h3 > i {            
            display: inline-block;
            padding-right: 10px;
        }

    .db-toprow .db-alert .dtl {
        border-top: 0;
    }

    .db-toprow .db-ann .dtl {
        border: solid 1px #deecf9;
    }

    .db-toprow .db-topchannels .dtl {       
        height: 459px;
    }


.db-propertyheader1 {
    width: 130px;
}

.db-propertyheader2 {
    width: 200px;
}

.db-propertyheader3 {
    width: 300px;
    text-align: center;
}

.db-search-option {    
    padding: 10px;
}

.subdtlnew {
    background: rgba(255, 255, 255, 0.95);
}

/*========New Style========*/

.refresh {
    height: 25px;
    width: 25px;
    float: right;
}

.top_channel {
    display: inline-block;
    background: url(../images/top-channel.png) no-repeat;
    margin: 4px 20px 0;
    padding-left: 90px;
    width: 145px;
    height: 34px;
    line-height: 31px;
    color: #FFF;
    font-size: 1.2em;
}
    /*This is for Travelocity*/
    .top_channel.cid_3 {
        background-position: 0 0;
    }

    /*This is for Booking.com*/
    .top_channel.cid_16 {
        background-position: 0 -39px;
    }

    /*This is for Expedia*/
    .top_channel.cid_6 {
        background-position: 0 -77px;
    }

    /*This is for Orbitz*/
    .top_channel.cid_8 {
        background-position: 0 -114px;
    }

    /*This is for Hotelzon*/
    .top_channel.cid_7 {
        background-position: 0 -151px;
    }

    /*This is for Agoda*/
    .top_channel.cid_2 {
        background-position: 0 -190px;
    }

    /*This is for lh4u*/
    .top_channel.cid_4 {
        background-position: 0 -228px;
    }

    /*This is for ukh4u*/
    .top_channel.cid_15 {
        background-position: 0 -266px;
    }

    /*This is for HRS*/
    .top_channel.cid_19 {
        background-position: 0 -304px;
    }

    /*This is for grangehotel apps*/
    .top_channel.cid_17 {
        background-position: 0 -342px;
    }

    /*This is for booker360*/
    .top_channel.cid_21 {
        background-position: 0 -380px;
    }



.user {
    background: #fff;
    color: #3376e1;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;   
    float: left;
    margin-top: 3px;
    margin-right: 4px;
}
.user i {
    line-height: 15px;
}

/*==================Login Page===================*/

.loginBox {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-60%);
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
    border-radius: 4px;
    max-width:500px;
}

#txtUsername {
    background: url(../images/login-user-icon.png) no-repeat 8px 10px;
    padding-left: 45px;
}

    #txtUsername input {
        display: block;
        background: none;
        border: none;
        width: 100%;
    }

#txtPassword {
    background: url(../images/login-password-icon.png) no-repeat 8px 10px;
    padding-left: 45px;
}

    #txtPassword input {
        display: block;
        background: none;
        border: none;
        width: 100%;
    }

.loginBox label {
    font-weight: 500;
}

.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
}

.table .checkbox-custom-label {
    position: relative;
    margin-top: 0;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: "\f096";
    letter-spacing: 12px;
    font-family:FontAwesome;
    font-size:16px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    /*background: #3376e1;*/
    content: "\f046";
    letter-spacing: 10px;
    font-family: FontAwesome; 
    font-size:16px;
    color: #3376e1;    
}

.master_table tr td:first-child {
    background: #ffffff;
    color: #333;
    font-size: 13px;
    font-weight: 500;
}

.currentPage_box {
    display: block;
    height: 34px;
    border: 1px solid #ddd;
    margin-left: -1px;
    padding: 0 5px;
}

    .currentPage_box .currentPage {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        height: 32px;
        width: 34px !important;
        border-top: 0;
        border-bottom: 0;
        box-shadow: inset 0 0 5px rgba(0,0,0,.1);
        text-align: center;
    }

.profile_active {
    background: rgb(1, 120, 162) !important;
}

.grid-nav button:first-child {
    border-radius: 4px 0 0 4px;
}

.grid-nav button:last-child {
    border-radius: 0 4px 4px 0;
}

.forgot_pass {
    display: inline-block;
    padding: 4px 25px;
    border: 1px solid #eeeeee;
    text-decoration: none;
    color: #59595c;
    margin-top: 5px;
}

.hotel-menu, .report-menu {
    background: #050505;
}
.report-menu li a {
            padding:10px;
            color:#fff;
            background:#050505;
        }

    .hotel-menu li {
        border-bottom: 1px solid rgba(255,255,255,0.20);
    }
        .hotel-menu li a {
            padding:10px;
            color:#fff;
            background:#050505;
        }

.pad-top3 {
    padding-top: 3px;
}

.mar-bot10 {
    margin-bottom: 10px;
}
.mar-bot50 {
    margin-bottom: 50px;
}

input[type=password] {
    width: 100%;
    border: 1px solid #a9a9a9;
    padding: 3px;
    margin-bottom: 10px;
}

.propety-form select {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}
.btnRed {
    background: #f00 !important;
    color: #fff !important;
    border: 0 !important;
    padding: 5px 10px !important;
    border-radius: 1px !important;
    font-weight: 500;
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
}
.orange-btn {
    background: #f26522;
    border: 0px;
    padding: 6px 15px;
    font-size: 13px;
    color: #fff !important;
    font-weight: 500;
    text-align: center;
    border-radius: 0px;
    text-transform: uppercase;
    border: 1px solid #d6591d;
}


.btnGreen {
    background: #16A765 !important;
    color: #fff !important;
    padding: 6px 15px !important;
    border-radius: 1px !important;
    font-weight: 500;
    font-size: 13px;
    margin: 0;
    text-transform: uppercase;
    border-radius: 3px !important;
    border: 1px solid #067342;
}

.grey-btn {
    background: #58595B;
    border: 0px;
    padding: 6px 15px;
    font-size: 13px;
    color: #fff !important;
    font-weight: 500;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    border: 1px solid #d6591d;
}

.fr {
    float: right;
}

.mar-rgt10 {
    margin-right: 10px;
}

.clear-both {
    clear: both;
}

.mar-top6 {
    margin-top: 6px;
}

.mar-bot12 {
    margin-bottom: 12px;
}

.pad-lft-none {
    padding-left: 0px;
}

.pad-rgt-none {
    padding-right: 0px;
}

.pad-top {
    padding: 15px 0px;
}


.pad-all {
    padding: 15px;
}

.area-border {
    border: 1px solid #e6ebee;
    margin: 0px 0px 20px 0px;
}

.modal-header-error {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    -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;
}

.modal-header-success {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5cb85c;
    -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;
}

.modal-header-warning {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
    -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;
}

.hotel-left h4 {
    margin-top: 2px;
}

.hotel-container .hotel-progress {
    width: 200px;
    margin-top: 2px;
    background-color: #CECECE;
}

.progress {
    margin-top: 0;
    background-color: #CECECE;
}

.progress-bar {
    background-color: #f26522;
}

.progress-bar-success {
	background-color : #5cb85c;
}

.max_width250 {
    max-width: 250px;
}

#btnShowMap {
    font-size: 12px;
    padding: 4px 10px !important;
}

.plus_button {
    padding: 3px !important;
    float: left;
    margin-top: 5px;
    width: 28px;
}

.bottom_fix {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #ffffff;
    width: 100%;
    padding: 5px;
    box-shadow: 0 -1px 5px rgba(0,0,0,.1);
}

@media (min-width:1024px) and (max-width:1200px) {
    .top_nav.nav > li > a {
        padding: 10px 10px !important;
        line-height: 30px;
    }

        .top_nav.nav > li > a i {
            display: none;
        }
}

.top_nav.nav > li > a {
    padding: 10px 12px;
    line-height: 30px;
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    transition: all .3s;
}

.pad-none {
    padding: 0px;
}

.area-border legend, .area-border-bulkupdate legend {
    background: #3376e1;
    color: #fff;
    font-size: 18px;
    padding: 2px 0 2px 20px;
}


.area-border-bulkupdate .bulk-list:last-child{ border-bottom:none;}

.area-border-bulkupdate .bulk-list input[type=checkbox], input[type=radio]{
  margin:0px;
  vertical-align:middle;
}





    .area-border-bulkupdate .bulk-list label {
        margin-bottom: 0;
        font-weight: 400;
    }

.area-border-bulkupdate {
    padding: 15px 0 0 0;
    font-size: 13px;
}

.area-border legend i {
    margin-right: 4px;
}



.simpletable {
    border: solid 1px #ececec;
    margin-top: 10px;
}

    .simpletable th {
        font-weight: bold;       
        padding: 8px;
        border: solid 1px #ececec;
        /* border-bottom: solid 1px #c0c0c0; */
        /*text-align: center;*/
        color: #050505;
    }

    .simpletable td {
        padding: 3px 5px;
        border-left: solid 1px #e0e0e0;
        border-bottom: solid 1px #e0e0e0;
        background-color: #fff;
        vertical-align: middle;
    }

/*.simpletable td:first-child, .simpletable th:first-child {
            border-left: none !important;
        }*/


.vertical-align-center {
    display: table;
    vertical-align: middle;
}

ul.lidefault li {
    width: 230px;
    float: left;
    list-style: none;
  }

ul.lidefaultnew li {
    width: 287px;
    float: left;
    list-style: none;
}


.auto-db-list {
    list-style: none;
    background: #eee;
    display: inline-block;
    padding: 0;
    font-size: 12px;
    position: absolute;
    top: 100%;
    z-index: 10;
}

.auto-selected-list {
    font-size: 12px;
    background: #007bff;
    padding: 0px;
    line-height: 14px;
    margin-top: 3px;
    float: left;
    padding-left: 5px;
    position: relative;
    z-index: 1;
    margin-bottom: 4px;
    margin-left: 4px;
    border-radius: 3px;
}

    .auto-selected-list span {
        display: inline-block;
        padding: 0 4px 0 3px;
        color: #fff;
        font-size: 9px;
        float: left;
        line-height: 17px;
    }


    .auto-selected-list div {
        float: left;
        color: #fff;
        line-height: 17px;
        font-size: 11px;
    }

.auto-db-list li {
    padding: 5px;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    cursor: pointer;
    background: #3376e1;
}

.auto-input {
    border: 0;
    display: block;
    font-size: 12px;
    line-height: 24px;
    text-indent: 5px;
    /* background-position: right; */
    background: url(images/auto_search_icon.png) no-repeat 98% 50%;
    /* background-repeat: no-repeat; */
    /* width: 290px !important; */
    margin-left: 0;
    margin-top: 0;
}

input[type=text].auto-input {
    width: 100%;
    border: 0;
    border-top: 1px solid #cfdce1;
    padding: 3px;
    margin-bottom: 0;
}

.auto-main-div {
    border: 0;
    display: inline-block;
    position: relative;
    min-width: 150px;
    padding: 0px;
    border: 1px solid rgba(0, 73, 99, 0.19);
    padding-bottom: 0;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}

.dailyRate input[type=text], .dailyRatesTable input[type=text], .dailyRatesTable select {
    width: 100%;
}

.dailyRatesTable th, .dailyRatesTable td {
    padding: 4px !important;
    font-size: 13px;
}

.dailyRatesTable th {
    font-size: 13px;
    font-weight:normal;
}

.dailyRatesExtras > div {
    display: inline-block;
    padding-right: 15px;
}

.dailyRatesExtras {
    padding: 8px 0;
    font-size: 13px;
}

.extra-by-week {
    display: table;
    width: 100%;
    font-size: 13px;
}

    .extra-by-week > div {
        display: table-cell;
        padding: 8px 0;
        border-top: 1px solid #eee;
        vertical-align: middle;
        position: relative;
        /*width: 450px;*/
    }

        .extra-by-week > div input[type=checkbox], .extra-by-week > div input[type=radio] {
            margin-top: 0;
            width: auto !important;
        }

    .extra-by-week label {
        font-weight: 500;
        display: inline-block;
        margin-right: 10px;
    }

    .extra-by-week > div:first-child {
        width: 300px;
        padding-right: 20px;
    }

.border-inside {
    border: 1px solid #deecf9;
    padding: 10px;
}

.hotel-name span {
    font-size: 16px;
    color: #888888;
}

.validation-alert-msg {
    position: relative;
    float:left;
}

    .validation-alert-msg div.icon {
        background-image: url(../Themes/jMetro/images/ui-icons_cc0000_0.png);
        background-position: -96px -16px;
        height: 16px;
        width: 16px;
        vertical-align: top;
        float: left;
        color: #cc0000;
    }

   .validation-alert-msg div.message {
    width: 170px;
    padding: 2px 4px;
    color: red;
    border: 0;
    font-size: 12px;
    /* background: #cc0000; */
    border-radius: 4px !important;
    display:inline-block;
}


.packageContent1 {
    font-size: 12px;
}

.wid-180 {
    width: 180px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.border-tab {
    border: 1px solid #eee;
}

.pad-lft8 {
    padding-left: 8px !important;
}

#packageTab .tab-content {
    color: white;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ddd !important;
    margin-top: -2px;
}

#packageTab .ui-tabs-nav > li.active > a, #packageTab .ui-tabs-nav > li.active > a:focus, #packageTab .ui-tabs-nav > li.active > a:hover {
    background: #fff !important;
    color: #3376e1 !important;
    border: 1px solid #ddd;
    border-bottom: 0;
}

#packageTab .ui-tabs-nav > li > a {
    border-radius: 4px 4px 0 0 !important;
}

#packageTab .tab-content > .active {
    color: #58595B;
}

#exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

/* remove border radius for the tab */

#packageTab .nav-pills > li > a {
    border-radius: 0;
    color: #337ab7;
}

#packageTab.ui-tabs {
    padding: 0;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #eee;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0;
}

#exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}


.tab-content > .active {
    color: #000;
    font-size: 14px;
}

.mar-lft10 {
    margin-left: 10px !important;
}

.divhorizontal ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

    .divhorizontal ul li {
        display: inline-block;
        list-style-type: none;
        padding: 2px;
        margin: 1px;
        width: 220px;
    }

.company-dropdown {
    left: 0 !important;
    padding: 15px 10px;
    width: 300px;
}

    .company-dropdown select {
        border: 1px solid #a9a9a9 !important;
        width: 190px;
        padding: 5px;
    }

    .company-dropdown button {
        background: #f26522;
        color: #fff;
        border: 0;
        padding: 5px 15px;
        border-radius: 2px;
    }


.booking-tab-dta {
    border: 1px solid #deecf9;
    padding: 10px 0px;
    margin-bottom: 10px;    
}

.border-bot-none {
    border-bottom: 0px;
}

.hotel-channel-table {
    margin-top: 10px;
    float: left;
    background: #fff;
}

    .hotel-channel-table td {
        padding: 10px;
    }

    .hotel-channel-table th {
        padding: 10px;
    }

.offerType div div {
    float: left;
}

.offerType label {
    font-weight: 500;
}

.offer-detail-content fieldset, .offerType {
    margin-top: 20px;
}

.offer-detail-content legend {
    background: #58595B;
    color: #fff;
}

.offerTypeNote {
    font-size: 12px;
    padding: 5px;
    background: rgba(255, 106, 0, 0.18);
    border-radius: 1px;
    width: 100%;
    float: left;
}

.valueAddOffer li {
    list-style: none;
    padding: 2px 15px;
}

    .valueAddOffer li input {
        float: left;
        margin-right: 5px;
    }

.valueAddOffer {
    padding: 0;
    width: 100%;
    float: left;
}

.promtnLbl {
    font-weight: 400;
}

.db-propertyalert.table td {
    /*padding-top: 2px;
    padding-bottom: 2px;*/
}

.db-propertyalert.table.table-bordered tbody > tr > td:first-child, .db-propertyalert.table.table-bordered tr:first-child td:first-child {
    border-left-color: transparent !important;
}

.db-propertyalert.table.table-bordered tbody > tr > td:last-child, .db-propertyalert.table.table-bordered tr:first-child td:last-child {
    border-right-color: transparent !important;
}

.short-description-pad {
    padding: 10px;
}

.masterAvailability .caltool, .tabBlock .caltool {
    background: #a2b0bf !important;
    color: #fff;
    width: 280px;
    vertical-align: middle !important;
}


.masterRates .caltool, .channelBlock .caltool {
    background: #a2b0bf !important;
    color: #fff;
    width: 286px;
    vertical-align: middle !important;
}
.caltool h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}


.txtRatePrice {
    width: 40px;
}

.color_check {
    font-size: 12px;
    line-height: 15px;
    margin-left: 25px;
}

    .color_check span {
        margin-right: 15px;
        float: left;
    }

        .color_check span span {
            width: 15px;
            height: 15px;
            float: left;
            margin-right: 5px;
            border-radius: 50%;
        }

.weekend span, .weekend_bx {
    background: #FFFFCC;
}

.zero_value span, .zero_value_bx {
    background: #D4C4F4;
}

.changed_value span, .changed_value_bx {
    background: #F4C4D4;
}

.exceed_max_limit span, .exceed_max_limit_bx {
    background: #FFAA11;
}

.below_min_limit span, .below_min_limit_bx {
    background: #FF11AA;
}

.zero_vailability span, .zero_vailability_bx {
    background: #c0504d;
}

.not_updated span, .not_updated_bx {
    background: #A0D9F8;
}

.master-legend {
    border-color: #ddd;
}

    .master-legend legend, .ratetab legend {
        padding: 15px;  
        font-weight:500;
        border:0;
        text-transform:uppercase;
        background:#fff;
    }

        .master-legend legend i, .ratetab legend i {
            width: 20px;
        }

.masterAvailability .table input[type="text"], .ratetab input[type="text"], .masterRates .table input[type="text"] {
    border: 0;
    padding-left: 2px;
    display: table-cell;
    /*width: 100%;*/
    background-color: transparent;
    font-size:12.5px;
}

.ratetab input[type="text"] {
    text-align: center;
    height: 33px;
}

.masterAvailability .table input[type="text"]:focus, .masterRates .table input[type="text"]:focus {
    border: 0;
    outline: 0;
}


.ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus {
    outline: 0;
}

.rd-av-content .nav > li > a:focus, .rd-av-content .nav > li > a:hover {
    background-color: #fff;
    cursor: pointer !important;
    border-bottom: none;
    width: 100%;
}

.rd-av-content .nav > li:focus, .rd-av-content .nav > li:hover {
    border-bottom: none;
}

.navDate {
    position: fixed;
    background: #fff;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    padding: 10px 0;
    box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.4);
}

.btnDateNav {
    line-height: 26px;
    background: #3376e1;
    width: 20px;
    font-size: 12px;
    text-align: center;
    float: left;
    margin-right: 2px;
    color: #fff;
    border-radius: 1px;
}

.btnDateInput {
    float: left;
    margin-right: 2px;
    font-size: 14px;
    /* background: #eee; */
    border: 1px solid #58595b;
}

.btnAvailRefresh {
    display: inline-block;
    width: 23px;
    background: #ff0000;
}

tr.header th {
    text-transform: uppercase;
}

    tr.header th:first-child {
        /*text-transform: none;*/
    }

span.spanbookings {
    display: table-cell;
    color: #fff;
    padding: 0px 4px;
    background: #8eeac0;
    width: auto;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 33px;
    padding-top:5px;
}

.rd-av-content .ratetab {
    margin-bottom: 60px;
    border: 1px solid #ddd !important;   
    padding: 10px !important;
}

.rd-av-content .ui-widget-content {
    color: #58595B;
}

.rd-av-content .table th {
    border: 1px solid rgba(175, 175, 175, 0.38) !important;
}

    /*.rd-av-content .table td, .rd-av-content .table th.RateName {
        border: 1px solid rgba(122, 132, 136, 0.39) !important;
        vertical-align: middle;
    }*/

    rd-av-content .table td, .rd-av-content .table th.RateName {
        border: 1px solid #333 !important;
        vertical-align: middle;
    }



.rd-av-content .RateType .av-0 {
    background-color: #c0504d;
    color: #fff;
}

/*.rd-av-content .RateType .av-0 input {
        color: #fff;
    }*/

.rd-av-content .RateType .spStopSell {
    position: absolute;
    left: -4px;
    bottom: -4px;
    z-index: 100;
}

.rd-av-content .RateType .spArrival {
    right: 0px;
    position: absolute;
    top: -2px;
    background: #000000;
    width: 12px;
    height: 12px;
    font-size: 9px;
    text-align: center;
    color: #fff;
}

.rd-av-content .RateType .spDeparture {
    right: 0px;
    position: absolute;
    bottom: -1px;
    background: #000000;
    width: 12px;
    height: 12px;
    font-size: 9px;
    text-align: center;
    color: #fff;
}

.rd-av-content .RateType .spMinStay {
    position: absolute;
    left: 0px;
    top: -2px;
    background: #990000;
    width: 12px;
    height: 12px;
    font-size: 9px;
    text-align: center;
    color: #fff;
}


.rd-av-content div.inputs {
    display: table;
    width: 100%;
    position: relative;
    height: 33px;
}

.RateType .spStopSell {
    position: absolute;
    left: -3px;
    bottom: 0px;
    z-index: 100;
}

.RateType .spArrival {
    right: 0px;
    position: absolute;
    top: 0px;
    background: #000000;
    width: 12px;
    height: 12px;
    font-size: 9px;
    text-align: center;
    color: #fff;
}

.RateType .spDeparture {
    right: 0px;
    position: absolute;
    bottom: 0px;
    background: #000000;
    width: 12px;
    height: 12px;
    font-size: 9px;
    text-align: center;
    color: #fff;
}

.RateType .spMinStay {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #990000;
    width: 12px;
    height: 12px;
    font-size: 9px;
    text-align: center;
    color: #fff;
}


.RateType div.inputs {
    display: table;
    width: 100%;
    position: relative;
    height: 33px;
}

.rd-av-content .RoomName {
    padding: 0px 8px;
    background: rgba(88, 89, 91, 0.84);
    color: #fff;
    font-size: 13px;
    /*border: 1px solid #ddd;*/
    font-weight: 400;
}

.rd-av-content .RateName {
    padding: 0 8px;
}

.rd-av-content .CustomerName {
    padding: 0 8px;
}

.rd-av-content .cal-week-list .RateType .RateName.linked {
    background-image: url(images/link.png);
    background-repeat: no-repeat;
    background-position: 4px;
}

.rd-av-content .cal-week-list .RateName .rateCaption {
    padding-left: 24px;
}

.rd-av-content .ui-tabs-active {
    background: white !important;
    border: 1px solid #ddd !important;
}

.rd-av-content .txtMinStay {
    width: 20px !important;
    font-size: 11px;
}

.rd-av-content .chRstrctn {
    width: 56px;
    display: inline-block;
    margin-left: 3px;
    font-size: 11px;
}

.rd-av-content .txtRatePrice {
    border: 0 !important;
}

.rd-av-content .mnRstrctn {
    font-size: 11px;
    text-align: left;
    font-weight: normal;
    padding: 2px;
    margin-top: 20px;
}

    .rd-av-content .mnRstrctn label {
        display: inline-block;
        font-weight: normal;
        margin-right: 8px;
    }
    .mnRstrctn label {
            font-weight: normal;
            font-size: 12px;
            margin-right: 5px;
    }

.hotel-label .cal-week-list {
    border-collapse: collapse;
}

    .hotel-label .cal-week-list td, .hotel-label .cal-week-list th {
        border: solid 1px rgba(87, 101, 130, 0.16);
    }

    .hotel-label .cal-week-list td {
    }

    .hotel-label .cal-week-list .header th {
        background-color: rgba(41, 68, 126, 0.50);
        color: #fff;
        padding: 5px;
    }

        .hotel-label .cal-week-list .header th .day {
            color: #000;
            font-size: 11px;
            display: block;
            background-color: #fff;
            min-width: 66px;
            font-weight: bold;
        }

        .hotel-label .cal-week-list .header th.weekend .day {
            color: #000;
            font-size: 11px;
            display: block;
            background-color: #FFFFCC !important;
            font-weight: bold;
        }

        .hotel-label .cal-week-list .header th.blackout .day {
            font-size: 11px;
            display: block;
            background-color: #889099 !important;
            font-weight: bold;
        }

        .hotel-label .cal-week-list .header th.lowOccupency .day {
            font-size: 11px;
            display: block;
            background-color: #D4E4F4 !important;
            font-weight: bold;
        }

    .hotel-label .cal-week-list .RoomType .weekend, .hotel-label .cal-week-list .RateType .weekend {
        background-color: #FFFFCC !important;
    }

    .hotel-label .cal-week-list .RoomType .blackout, .hotel-label .cal-week-list .RateType .blackout {
        background-color: #889099 !important;
    }

    .hotel-label .cal-week-list .RoomType .lowOccupency, .hotel-label .cal-week-list .RateType .lowOccupency {
        background-color: #D4E4F4 !important;
    }

    .hotel-label .cal-week-list .RoomType {
        text-align: left;
    }

    .hotel-label .cal-week-list .NegoRoomType {
        text-align: left;
    }

    .hotel-label .cal-week-list .RoomType .excp {
        float: left;
        height: 24px;
        width: 24px;
    }

    .hotel-label .cal-week-list .RoomType .RoomName {
        background-color: #94A2BF;
        color: #fff;
        cursor: pointer;
        padding: 2px 4px;
        white-space: nowrap;
        font-size: 11px;
    }

    .hotel-label .cal-week-list .RateType .RateName {
        padding: 2px 4px;
        text-align: left;
        padding-left: 24px;
        white-space: nowrap;
        font-size: 11px;
    }

    .hotel-label .cal-week-list .NegoRoomType .excp {
        float: left;
        height: 24px;
        width: 24px;
    }

    .hotel-label .cal-week-list .NegoRoomType .NegoRoomName {
        background-color: #555;
        color: #fff;
        cursor: pointer;
        padding: 2px 4px;
        white-space: nowrap;
        font-size: 11px;
    }

    .hotel-label .cal-week-list .NegoRateType .NegoRateName {
        padding: 2px 4px;
        text-align: left;
        padding-left: 24px;
        white-space: nowrap;
        font-size: 11px;
    }

    .hotel-label .cal-week-list .RateType .RateName.linked {
        background-image: url(images/link.png);
        background-repeat: no-repeat;
        background-position: 4px;
    }

    .hotel-label .cal-week-list .inputs {
        width: 80px;
        position: relative;
        color: #c0c0c0;
        height: 20px;
    }

        .hotel-label .cal-week-list .inputs .mk {
            position: absolute;
            z-index: 10;
            font-size: 8px;
            color: #fff;
            text-transform: uppercase;
            width: 9px;
            text-align: center;
        }

            .hotel-label .cal-week-list .inputs .mk.m {
                background-color: #990000;
                left: 0;
                top: 0;
            }

            .hotel-label .cal-week-list .inputs .mk.s {
                /*background-color: #000;*/
                left: -4px;
                top: 7px;
                width: 12px;
            }

            .hotel-label .cal-week-list .inputs .mk.a {
                background-color: #000;
                right: 0;
                top: 0;
            }

            .hotel-label .cal-week-list .inputs .mk.d {
                background-color: #000;
                right: 0;
                top: 11px;
            }

    .hotel-label .cal-week-list .rateCaption {
        height: 16px !important;
        overflow: hidden;
        width: 149px;
        border: none !important;
    }

    .hotel-label .cal-week-list .RateName .rateCaption {
        height: 16px !important;
        overflow: hidden;
        width: 125px;
        border: none !important;
    }

    .hotel-label .cal-week-list .txtRate {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 16px;
        padding: 2px;
        background-color: transparent;
        border: solid 0px;
        width: 54px;      
    }

    .hotel-label .cal-week-list .dvStopSell, .hotel-label .cal-week-list .dvCloseArrival, .hotel-label .cal-week-list .dvCloseDeparture {
        font-size: 11px;
    }

    .hotel-label .cal-week-list .txtMinStay {
        position: absolute;
        right: 1px;
        top: 0;
        width: 24px;
        height: 12px;
        border: solid 1px #c0c0c0;
        padding: 2px;
    }

        .hotel-label .cal-week-list .txtMinStay:focus {
            border: inset 1px;
        }

    .hotel-label .cal-week-list .txtRatePrice {
        padding: 2px;
        width: 74px;
        height: 16px;
        background: transparent;
        position: absolute;
        left: 0px;
        top: 0px;
        border: none;
        color: #777;
    }

    .hotel-label .cal-week-list .RateType td {
        background-color: #FFF;
    }

    .hotel-label .cal-week-list .spanbookings {
        background-color: #006600;
        color: #fff;
        width: 18px;
        height: 16px;
        padding: 2px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
    }

    .hotel-label .cal-week-list .RateType .av-grt0 {
        background-color: #FFF;
    }

    .hotel-label .cal-week-list .RateType .av-0 {
        background-color: #c0504d;
    }

        .hotel-label .cal-week-list .RateType .av-0 input {
            color: #fff;
        }

        .hotel-label .cal-week-list .RateType .av-0 div {
            color: #fff;
        }

            .hotel-label .cal-week-list .RateType .av-0 div.dvMinStay input {
                color: #999;
            }

    .hotel-label .cal-week-list .RateType .pr-0 {
        background-color: #D4C4F4;
    }

    .hotel-label .cal-week-list .RateType .not-sync {
        background-color: #A0D9F8;
    }

    .hotel-label .cal-week-list .spanAvailability {
        background-color: #F781F3;
        color: #000;
        display: inline-block;
        float: right;
        opacity: 0.6;
        width: 35%;
    }

    .hotel-label .cal-week-list .dvMinStay {
        position: relative;
        text-align: left;
        height: 18px;
        padding-top: 2px;
        font-size: 11px;
    }

    .hotel-label .cal-week-list .RateName {
        font-weight: bold;
    }

        .hotel-label .cal-week-list .RateName div {
            height: 20px;
            font-weight: normal;
            border-top: solid 1px #e0e0e0;
        }

    .hotel-label .cal-week-list .zeroval {
        background-color: #DDEEFF;
    }

.cal-month-list td .dt-header {
    background-color: #fff;
    border-bottom: solid 1px #e0e0e0;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
}

.cal-content {
    background: #fff;
    margin: 10px;
    padding: 3px;
    border: 1px solid #c0c0c0;
    border-radius: 10px 10px 2px 2px;
    color: #000;
}

.cal-month-list {
    table-layout: fixed;
    width: 100%;
    border: solid 1px #9EABC5;
    margin-top: 10px;
}

    .cal-month-list td {
        border: solid 2px #e0e0e0;
        vertical-align: top;
    }

    .cal-month-list th {
        padding: 8px;
        font-weight: bold;
        color: #fff;
        background-color: #9EABC5;
    }

        .cal-month-list td:first-child, .cal-month-list th:first-child {
            border-left: none !important;
        }

    .cal-month-list td.weekend {
        background-color: #FBFAF3;
    }

    .cal-month-list td.today {
        background-color: #FEF8F6;
    }

    .cal-month-list td .dt-div {
        position: relative;
        height: 80px;
        overflow: hidden;
        line-height: 80px;
    }

        .cal-month-list td .dt-div.selected {
            border: solid 2px #3399FF;
            height: 76px;
        }

        .cal-month-list td .dt-div .dt-header {
            color: #9EABC5;
            position: absolute;
            z-index: 1;
            height: 80px;
            width: 100%;
            cursor: pointer;
            left: 0px;
            top: 0px;
            background-color: transparent;
            filter: alpha(opacity=30);
            font-size: 20px;
            font-weight: normal;
        }

        .cal-month-list td .dt-div textarea {
            left: 0px;
            top: 0px;
            position: absolute;
            display: block;
            margin: 0px;
            background-color: transparent;
            height: 70px;
            width: 100%;
            z-index: 0;
            font-size: 11px;
            border: none;
            padding: 5px;
            color: #29447E;
        }

.rd-av-content .cal-week-list .RateType .pr-0 {
    background-color: #D4C4F4;
}

.rd-av-content .cal-week-list .RateType .not-sync {
    background-color: #A0D9F8;
    color: #58595B !important;
}

.hotel-container .hotel-menu li.selected, .report-container .report-menu li.selected {
    color: #fff;
    position: relative;
}

.hotel-container .hotel-menu li.selected a, .report-container .report-menu li.selected a{
    color: #fff;
    position: relative;
    background:#f26522;
}

    .hotel-container .hotel-menu li.selected:after,.report-container .report-menu li.selected:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(41, 68, 126, 0);
        border-left-color: #f26522 !important;
        border-width: 20px;
        margin-top: -20px;
    }

  

span.condition {
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid #096;
}

    span.condition.full {
        background: #096;
    }

    span.condition.half {
        border: 1px solid #096;
    }

        span.condition.half > span {
            background: #096;
            display: block;
            width: 50% !important;
            height: 100% !important;
        }


.heading {
    padding: 0 0 0 10px;
    margin: 0px 0 10px 0px;
}

.fieldResetNew {
    /*border: 1px solid #f2f2f2;*/
    margin-bottom: 15px;
}

    .fieldResetNew legend {
        /*margin: 10px 0 10px 0;*/
        padding: 10px 15px;
        background: #deecf9;
        color: #050505;
        font-size:16px;
        font-weight: 300;
    }


.admin-btn {
    color: #000;
    margin-bottom: 8px;
    margin-left: 10px;
}

    .admin-btn a {
        color: #000;
        margin-left: 3px;
    }

    .admin-btn i {
        color: #000;
    }

    .admin-btn a:hover {
        text-decoration: none;
    }

.area-border-bulkupdate .linked {
    background-image: url(images/link.png);
    background-repeat: no-repeat;
    background-position: 5px;
}




.area-border-bulkupdate .select-bg {
    background: rgba(0, 123, 255, 0.8);
    display: block;
    border-bottom: 1px solid #fff;
    padding: 8px;
    color:#fff;
}
.area-border-bulkupdate .select-bg input{ vertical-align:middle;}
.area-border-bulkupdate .inner-bg {
    background: #d8dffd;
    display: block;
    border-bottom: 1px solid #fff;
    padding: 8px 8px 8px 20px;
    color: #333;
}

.area-border-bulkupdate .rate-name {
margin-left: 0px;
    display: block;
    padding: 6px 0px 6px 10px;
    border-bottom: 1px solid #d4e3f9;
    border-top: 0;
    background: #f5f7ff;
    border:none;
}
.roomcollapse-lft{margin: 0 0 0 20px;}
.area-border-bulkupdate .rate-name input[type=checkbox]{ margin-top:4px; margin-left:4px;  vertical-align: text-bottom;                                                    
}

.area-border-bulkupdate .date-form {
    margin-bottom: 15px;
    background:#fff;
}


    .area-border-bulkupdate .date-form legend {
        margin-bottom: 10px;
        float: left;
    }

    .area-border-bulkupdate .date-form strong {
        float: left;
        width: 77px;
        padding-left: 5px;
    }

.conf-mapping legend, .packageContent legend {
    color: #050505;
    background-color: #deecf9;
    /*border-color: #ddd;*/
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 0;
    font-weight: 300;
    border: 0;
}

.conf-mapping fieldset {
    margin-top: 10px;
}

.conf-meeting-content {
    border: 1px solid #deecf9;
}

.conf-meeting-setting {
    border: 1px solid #EFF2F8;
    margin-top: 20px;
}

    .conf-meeting-setting h3 {
        background: #deecf9;
        color: #050505;
        margin: 0 0 15px 0;
        padding: 5px 15px;
        font-size: 15px;
        font-weight: 300;
    }

.conf-meeting-border {
    border: 1px solid #deecf9 !important;
    margin-top: -1px;
}

.tab-content.conf-meeting-border .active {
    color: #58595B;
    font-size: 13px;
}

.conf-mapping .cancellation-policy {
    margin: 10px 0 0 20px;
    float: left;
    background: #fff;
}

    .conf-mapping .cancellation-policy td, .conf-mapping .cancellation-policy th {
        padding: 10px;
    }

.conf-mapping .btnCheckMapping {
    border: 0;
    font-size: 14px;
    background: #f26522;
    color: #fff;
}

.conf-mapping button.btnAttach {
    border: 0;
    border-radius: 2px;
    background: #40b389;
    color: #ffffff;
    width: auto;
}

.conf-mapping button.btnDetach {
    border: 0;
    border-radius: 2px;
    background: #58595b;
    color: #ffffff;
}


.package-description h3 {
    background: #3376e1;
    color: #fff;
    margin: 0;
    padding: 10px 15px;
}

.lblCancellationPolicy p {
    margin-bottom: 2px;
}

.NegoRates .ChannelList {
    padding: 0;
    margin: 0;
}

    .NegoRates .ChannelList li {
        display: block;
        float: left;
        width: 33.3%;
        min-height: 40px;
        list-style: none;
        border-bottom: 1px solid #eee;
        padding: 4px 0;
    }

    .NegoRates .ChannelList .channelName {
        font-weight: 500;
    }

    .NegoRates .ChannelList .vatOption {
        display: inline-block;
        font-size: 12px;
    }


#MapCustomer .modal-dialog {
    width: 1100px !important;
}

.fieldsetTransparent legend {
    border: 0;
    border-bottom: 1px solid #eff0f1;
    background-color: transparent;
    color: #3376e1;
    padding: 8px 15px;
    margin-bottom: 15px;
}

.quick-select {
    display: block;
    cursor: pointer;
    font-weight:bold;
}

.NegoRates .ChannelList input[type=file] {
    display: inline-block;
}



.date-form .radio {float: left; width: 15px; margin-top:4px;}

.date-form .price-s{width: 131px; float: left; margin-top:4px;}

.date-form span.form2 input[type=text]{width: 130px!important;   float: left;    margin-bottom: 0 !important;}





form[name="frmInvRprt"] > table td, form[name="frmInvRprt"] > table th {
    padding: 5px;
}

.system_alert .nav-tabs > li a {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
    color: #3376e1;    
}

.system_alert .nav-tabs {
    margin-top: 10px;
    padding-left: 0px 10px;
    text-align:center;
    margin-bottom:10px;
    border:0;
}

.system_alert .notify {
    display: inline-block;
    position: absolute;
    text-align: center;
    right: 0px;
    width: 20px;
    top: 0px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    background: #E91E63;
    border-radius: 50%;
    font-size: 10px;
}

.system_alert .nav-tabs > li.active > a, .system_alert .nav-tabs > li.active > a:focus, .system_alert .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #3376e1;
    border: 1px solid rgba(45, 65, 150, 0);
    border-bottom-color: transparent;
}

.company-dropdown {
    left: 0 !important;
    padding: 15px 10px;
    width: 300px;
}

    .company-dropdown select {
            border: 1px solid #fff !important;
            width: 190px;
            padding: 5px;
            background: #fff !important;
    }

    .company-dropdown button, .apply {
           background: #f00;
            color: #fff;
            border: 0;
            padding: 5px 15px;
            border-radius: 2px;
    }

.apply-sec {
    position: absolute;
    bottom: 20px;
}

.channel_h {
    background: #58595b;
    color: #fff;
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
}

    .channel_h i {
        width: 20px;
        height: 20px;
    }

.slide_sec {
    left: 0;
    margin: 0;
    margin-bottom:50px;
}

    .slide_sec.in {
        left: 200px;
    }

.slide_pannel {
    width: 200px;
    background: #58595B;
    transition: .5s all;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1000;
}


.slide_pannel.in {
    width: 200px !important;
}

.chain_bt {
    left: 0;
    top: 0;
    position: absolute;
    background: #58595b;
    color: #fff;
    padding: 19px 10px;
    text-decoration: none;
    border-right: 1px solid #356475;
}

a.chain_bt:focus, a.chain_bt:hover {
    color: #fff;
    text-decoration: underline;
    background: #f26522;
    text-decoration: none;
}

.chain_select_list {
    padding: 50px 0 0 0;
    list-style: none;
    margin: 0;
    position: relative;
}

.chain_select_list label {
    font-weight: normal;
}

.chain_select_list li a {
    padding: 10px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transistion: .5s all;
}

.chain_select_list li a:hover {
    background: #fff;
    color: #58595b;
}

.chain_select_list li a.active {
    background: #0092c2;
    color: #ffffff;
}

#ReportContent th{
    color:white;
}

.channel-table { padding:8px;
}
.channel-table th { padding:6px;
}
.channel-table td { padding:6px;
}

.select-form {
}

.select-form label{ float:left;
}
#tooltip {
    position: absolute;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 999999;
    display: none;
}

#tooltiptext {
    min-width: 100px;
    max-width: 300px;
    min-height: 30px;
    background-color: #747474;
    color: #fff;
    border: solid 1px #747474;
    border-bottom: none;
    padding: 5px;
    font-weight: bold;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 20px #747474;
}

#tooltipPointer {
    margin: 0px auto;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #747474;
    border-bottom: 0;
}
.tbl-list-tooltip {
    margin: 2px;
    color: #fff;
    width: 240px;
}

    .tbl-list-tooltip th {
        text-align: left;
        width: 35%;
        color: #fff;
    }

    .tbl-list-tooltip td {
        text-align: left;
        padding: 1px 1px;
        width: 65%;
        color: #fff;
        border-bottom: 1px dotted white;
    }

    .ui-tooltip {
    position: absolute;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=10);
    z-index: 999999;
}

    .ui-tooltip .tooltiptext {
        min-width: 100px;
        max-width: 400px;
        min-height: 40px;
        background-color: #747474;
        color: #fff;
        border: solid 1px #747474;
        border-bottom: none;
        padding: 3px;
        font-weight: bold;
        font-size: 11px;
        border-radius: 8px 8px 8px 8px;
        box-shadow: 0 0 20px #747474;
    }

    .ui-tooltip .tooltipPointer {
        margin: 0px auto;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 20px solid #747474;
        border-bottom: 0;
    }


    .ui-tooltip .tooltipPointerDown {
        margin: 0px auto;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 20px solid #747474;
        border-top: 0;
    }
    .deactivate{
        background:red!important;
    }


    .res-sign{
        background: #EFF2F8;
        width: 460px; 
    }
    .res-sign td span.loaded { font-size:12px!important; padding: 4px 0px 4px 2px;
        display: block; text-align:left;
    }
        .res-sign th, .res-sign td{padding:0;}


.rsvn-tbl {
}

    .rsvn-tbl th {font-size:14px; padding:2px 4px 2px 4px !important; font-weight:300;
    }

.sectn-border{
    border:solid 1px #eee;
}

.settingButton {
    background: #fff;
    color: #3376e1 !important;
    padding: 6px 15px !important;
    border-radius: 1px !important;
    font-weight: 500;
    font-size: 13px;
    margin: 0;
    text-transform: uppercase;
    border-radius: 0px !important;
    border: 1px solid #08769e;
}
.settingButton:hover {
    border : 1px solid #3376e1;
    background:#3376e1;
    color:#fff !important;
}

.report-content label{
        font-size: 13px;
        font-weight: 400;
}
.rateAvailabilityTabs .nav.nav-tabs {
    /*padding:0 !important;
    border: 0;
    margin-left: 4px;*/
}
.rateAvailabilityTabs .nav.nav-tabs li{
    border:0 !important;
    background:#fff;
    margin: 0;
}
    .rateAvailabilityTabs .nav.nav-tabs li a {
            color: #3376e1;
            font-size: 12.5px;
            font-weight: 500;
            border:1px solid #3376e1;
    }
    .rateAvailabilityTabs .nav.nav-tabs li:hover a, .rateAvailabilityTabs .nav.nav-tabs li.ui-state-active a {
          color: #fff;
          background: #3376e1
    }
.navbar {
    min-height: inherit;
    box-shadow: 0px 2px 8px rgba(0,0,0,.2);
}
/*.navbar-inverse {
    background: #3376e1;
}
.navbar-inverse .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .dropdown-menu{
    background:#00438c !important;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #333;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #0c1c63;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 8px 12px;
    text-transform: capitalize;
    font-weight: 500;
    transition: all .2s;
}
 .nav-tabs li.selected a{
    color: #fff !important;   
    background-color: #3376e1;

  
}
.navbar-brand {
    float: left;
    padding: 3px 10PX;
}*/
.system_alert .nav-tabs {
    margin-top: 10px;
    padding-left: 10px;
}
.system_alert .nav-tabs>li a {
    position: relative;
}
.red {
    color: #FF0000;
}
.settingTab a {
    display: inline-block;
    background: #fff;
    padding: 20px;
    margin: 0 0 15px 15px;
    text-align: center;
    min-width: 245px;
    font-weight: 500;
    transition: all .3s;
}
.settingTab a i {
    display: block;
    line-height: 36px;
    clear: both;
    font-size: 30px;
    text-decoration: none;
}
.settingTab a:hover {
    text-decoration: none;
    background: #0c1c63;
    color: #fff;
}
.rating {
    background-image: url(../images/star.png);
    display: block;
    height: 15px;
    background-repeat: no-repeat;
    margin-top: 0;
}
    .rating.five {
        background-position: 0 0;
    }
    .rating.four {
    background-position: 0 -14px;
    }
    .rating.three {
    background-position: 0 -28px;
    }
    .rating.two {
    background-position: 0 -42px;
    }
    .rating.one {
    background-position: 0 -56px;
    }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #3376e1;
    border: 1px solid rgba(45, 65, 150, 0);
    border-bottom-color: transparent;
}
.table-bordered {
    border: 1px solid #e6ebee;
    color: #333;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #e6ebee;
}
.table-bordered>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #e6ebee;
    overflow:hidden;
}
.master_table .RoomName, .master_table .RateName{
    padding: 7px 9px;
}
.label_txt {
    font-weight: normal;
    font-size: 12px;
    margin-right: 5px;
}
.scroll {   
   overflow-y: scroll;
}
.scroll::-webkit-scrollbar {
    width: 10px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
    border-radius: 5px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
}

.mnRstrctn input[type=checkbox]{ margin:3px 4px 0px 0px; float:left;}


.hotel-detail .nav-link{
    padding:.5rem .65rem;
}

.nav-tabs .nav-link{
    padding:.5rem .65rem !important;
}
.nav-small .nav-link{
    padding:.25rem .5rem !important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    font-weight:600;
}

.sub-header{padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    border-radius: 0px;}
.pad-7{ padding:7px;}

.list-group .menu-pad-lft{ padding-left:35px;}

.list-group-flush .list-group-item input[type=checkbox], input[type=radio]{ vertical-align:middle;}

.table td input{ vertical-align:middle;}
.remove-m-bot select{ margin-bottom:0px;}

.frm-txtar textarea{ height:34px;}

.vertical-align-middle{ vertical-align:middle;}
.p-b10{ padding-bottom:10px;}

.h32{ height:32px!important;}

/*.list-group-item .active{ background:#007bff;}*/

.list-group-submenu .list-group-item.sub-active{color: #0056b3; text-decoration: underline;}

.report-1 th{ color:#212529!important;}
.tbe-bor-non{}
.tbe-bor-non tr{border-bottom: 1px solid #dee2e6!important;}
.tbe-bor-non tr th{border-top: none!important;}

.accordion .card-header.collapsed::after {
    content: "\f067";
}
.accordion .card-header:hover::after{color: #fff!important;}
.accordion .card-header::after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    margin: -30px 10px 0 0;
}
.accordion>.card .card-header:hover{color:#333!important;}
.accordion>.card .card-header:hover a{background: #007bff; color:#fff!important;
    margin-bottom: -1px;
}
.accordion .card-header:hover::after {
    color:#fff!important;
}

ul.mnu-list { padding:0px; margin:0px; border-radius: .25rem!important;}
ul.mnu-list li {padding:0px 0px;margin:0px; list-style:none; cursor:pointer;}
ul.mnu-list li a {color:#212529; border-bottom:1px solid #dee2e6; padding:10px 10px; display: inline-block; width: 100%; float: left; margin:0px; cursor:pointer;}
ul.mnu-list li a:hover{ text-decoration:none; color: #fff; background: #007bff;}

ul.mnu-list li.active{background: #007bff;
    color: #fff;
    transition: all .2s; color:#fff;}

ul.mnu-list li.active a{background: #007bff;
    color: #fff;
    transition: all .2s; color:#fff;}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}

ul.mnu-list li .inne-menu{padding:0px; margin:0px;}
ul.mnu-list li .inne-menu p{padding:0px; margin:0px; border-top:1px solid #dee2e6; border-radius: 0px;}
ul.mnu-list li .inne-menu p a{border:0px; border-bottom:1px solid #dee2e6; padding-left:20px; border-radius: 0px;}
ul.mnu-list li .inne-menu p a:hover{border-radius: 0px;}
ul.mnu-list li .inne-menu p a.sub-active {
    color: #0056b3;
    text-decoration: underline;
}
ul.mnu-list li .inne-menu p a.sub-active:hover {
    color: #fff;
    text-decoration: underline;
}

/*.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}*/

/*.table th input, select{ margin-top:8px;}*/

.hotel-tab-label label{margin-top:8px; margin-bottom:4px;}
.mar-bot0{margin-bottom:0px!important;}
.mr-t-40{ margin-top:40px!important;}
.mt-12{ margin-top:12px;}
.pl-10{ padding-left:10px!important;}
.selct-lst th input,select{margin-top:0px;}
.selct-lst th label {
    display: inline-block;
    margin-bottom: .3rem!important; 
}
.selct-lst th{vertical-align:top!important;}


/*.masterAvailability .table input[type="text"], .masterRates .table input[type="text"]{width: 80px;}*/

.size-tbl{}
.size-tbl tr td{ width:127px!important; border:1px solid #a5a4a4;}
/*.rd-av-content div.inputs:focus{ width:100%; right:0px;}*/

.table td, .table th,td{padding: .35rem; vertical-align: middle;}
.table {
    width: 100%;
     margin-bottom: 0px; 
    color: #212529;
}
.rateCaption{ padding-left:7px;}
.line-hig0{ line-height:0px;}

.filt{}
.filt:hover{text-decoration:none;}