﻿/*Extrabed Prices*/

/*common color theme*/

.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    padding: 10px 8px;
}

.page-sidebar .page-sidebar-menu, body.page-container-bg-solid {
    background: #002f4a;
}

.copy-container {
    display: inline-block;
}

    .copy-container.loading-animation {
        position: relative;
        width: 100px;
    }

        .copy-container.loading-animation:before {
            top: 45px;
            left: 47%;
            width: 25px;
            height: 25px;
        }

.page-sidebar .page-sidebar-menu > li > a {
    color: #fff;
    background: #002f4a;
}

.page-sidebar .page-sidebar-menu > li.active > a {
    background: #6ca000 !important;
    color: #fff;
    font-weight: normal;
}

.page-sidebar-menu .submenu.active li a {
    padding-left: 25px;    
}


#pl_top_menu {
    margin-top: 0px;
    background: #679f00;
    color: white;
}

.page-header.navbar .page-logo {
    margin-left: 0;
    left: 0;
    min-width: 180px;
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
    width: 45px;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper .sidebar-toggler {
    margin-right: 5px;
}

.page-sidebar .sidebar-toggler {
    background: none;
    margin-right: 8px;
}

.sbtgl-line {
    height: 5px;
    width: 20px;
    border-bottom: 1px solid white;
    display: block;
}


.ex-pc-type {
    width: 25%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

    .ex-pc-type select {
        width: 50%;
        margin: 0px auto;
    }

    .ex-pc-type .arrangement {
        font-weight: bold;
    }

    .ex-pc-type .price-type {
        display: inline-block;
        height: 20px;
        width: 20px;
        cursor: pointer;
    }

        .ex-pc-type .price-type.supplement {
            background-image: url('img/s.png');
        }

            .ex-pc-type .price-type.supplement.disabled {
                background-image: url('img/s_disabled.png');
            }

        .ex-pc-type .price-type.rate {
            background-image: url('img/r.png');
        }

            .ex-pc-type .price-type.rate.disabled {
                background-image: url('img/r_disabled.png');
            }

.ex-pc-bed {
    width: 100%;
    border: 1px solid #CCC;
    border-radius: 10px 5px 5px 5px;
    margin-top: 10px;
    padding: 10px 0px 0px 0px;
}

    .ex-pc-bed .filter .item {
        display: inline-block;
        width: 170px;
    }

.ex-pc-select {
    width: 67px;
}

.ex-ages-ct {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
}

    .ex-ages-ct:nth-child(odd) {
        background: #eee;
    }

    .ex-ages-ct:nth-child(even) {
        background: #fff;
    }

    .ex-ages-ct input, select {
        margin-bottom: 3px;
        padding-bottom: 3px;
    }

.inline-block {
    display: inline-block;
}

.tab-content-extrabed {
    overflow: visible;
}

.cot-item {
    padding: 4px 0px 0px 5px;
}

    .cot-item:nth-child(odd) {
        background: #eee;
    }

    .cot-item:nth-child(even) {
        background: #fff;
    }

    .cot-item input {
        margin-bottom: 4px;
    }

.cots-container {
    width: 200px;
}

.ex-price-box {
    width: 60px;
    text-align: right;
}

.isloading-wrapper.isloading-right {
    margin-left: 10px;
}

.isloading-overlay {
    position: relative;
    text-align: center;
}

.isloading-wrapper {
    background: #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    top: 10%;
    z-index: 9000;
}

.popover.fade.right.in {
    min-width: 500px;
}

.spo-datepicker {
    width: 100%;
}

.cursor-pointer {
    cursor: pointer;
}
/*Child Policy*/
.chdp-child {
    border: 1px solid #CCC;
    padding: 10px 10px 10px 10px;
    border-radius: 10px 5px 5px 5px;
    margin-top: 10px;
}

.chdp-age {
    border-bottom: 1px solid #CCC;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
}

.chdp-price {
    width: 60px;
    text-align: right;
}

.chdp-price-ct {
    padding: 4px 0px 4px 20px;
}

    .chdp-price-ct input {
        margin-bottom: 0px;
    }

    .chdp-price-ct:nth-child(odd) {
        background: #eee;
    }

.clx-item {
    border: 1px solid #CCC;
    padding: 10px 10px 10px 10px;
    border-radius: 10px 5px 5px 5px;
    margin: 0px 0px 10px 0px;
}

span.policy-season {
    text-decoration: underline;
    color: #08C;
}

span.policy-board {
    text-decoration: underline;
    color: #08C;
}

.cancel-price {
    width: 60px;
    text-align: right;
}

.cancel-days {
    width: 60px;
    text-align: right;
}

.copy-ct-item {
    width: 200px;
}

.legacy-title {
    background-color: #0072B8;
    color: #fff;
    height: 25px;
    padding-top: 5px;
    padding-left: 10px;
}

.legacy-item {
    background-color: #f6f1f1;
}

.hotel-container {
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #DDDDDD;
    padding: 10px;
}

.bold {
    font-weight: bold !important;
}

.datatables_action {
    cursor: pointer;
}

.popover {
    min-width: 170px !important;
}

.market-list {
    width: 200px;
    height: 300px !important;
    margin-bottom: 10px;
}

.container-release-date {
    border-top: 1px solid #CCC;
    padding-top: 10px;
}

    .container-release-date .description {
        font-weight: bold;
        display: inline-block;
    }

    .container-release-date .releasedate {
        text-align: right;
        width: 100px;
        margin-left: 17px;
    }

.contextMenu LI.AddDestinationLevel A {
    background-image: url('img/destination-level-small.png');
}

.contextMenu LI.AddDestinationChild A {
    background-image: url('img/destination-child-small.png');
}

.contextMenu LI.EitDestination A {
    background-image: url('img/destination-edit-small.png');
}

.contextMenu LI.DeleteDestination A {
    background-image: url('img/destination-remove-small.png');
}

.no-translation {
    font-style: italic;
}

span.ct-overwrite {
    display: inline-block;
    height: 40px;
    width: 40px;
    cursor: pointer;
    background-image: url('img/overwrite.png');
}

span.ct-nooverwrite {
    display: inline-block;
    height: 40px;
    width: 40px;
    cursor: pointer;
    background-image: url('img/notoverwrite.png');
}

.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

.country-mapping-info {
    color: red;
    font-weight: normal;
    font-style: italic;
    float: right;
}

.disabledTab {
    pointer-events: none;
}

.page-content-wrapper .page-content {
    margin-top: 50px;
    min-height: 800px !important;
}

/*Prices*/

.season .title {
    background-color: #1D93D4;
    font-weight: bold;
    color: #fff;
    padding: 4px 0px 4px 4px;
}

.season-item .period {
    font-weight: bold;
    padding: 4px;
}

.season-item .day {
    display: inline-block;
    width: 50px;
    padding-left: 10px;
}

.season-item .index {
    display: inline-block;
    text-align: center;
    width: 5%;
    font-weight: bold;
    padding-top: 4px;
    font-size: 16px;
}

.season-item .periods {
    display: inline-block;
    width: 95%;
    float: right;
}

.season-item .periods-wrapper {
    background-color: #DBDBDB;
}

.season-item .periods .copy-period {
    font-weight: normal;
    text-decoration: underline;
}

.season {
    border: 1px solid rgb(29, 147, 212);
    margin-bottom: 4px;
}

    .season .body {
        width: 100%;
        position: relative;
        padding-bottom: 40px;
    }

.day label {
    display: inline-block;
    position: relative;
    top: 2px;
}

.prices-container {
    border-radius: 10px;
    padding: 10px;
    margin: 10px -7px 10px 0px;
}

.pc .child {
    display: inline-block;
    vertical-align: top;
}

.pc .description {
    display: inline-block !important;
    width: 180px;
    font-weight: bold;
}

.occupancy-board-header {
    margin-left: 351px;
}

.pc .child.child1 {
    width: 165px;
}

.pc .child.child2 {
    width: 160px;
    text-align: left;
}

.pc .child.child3 {
    width: 200px;
}

.pc .child.child4 {
    width: 600px;
    text-align: center;
}


.pc .child input[type="text"] {
    text-align: right;
    width: 100px;
}

.del-occupancy-unmark {
    display: inline-block;
    width: 21px;
    height: 23px;
    background-image: url('img/unmark_del.png');
    cursor: pointer;
}

.del-occupancy-mark {
    display: inline-block;
    width: 21px;
    height: 23px;
    background-image: url('img/mark_del.png');
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

.pc .occupancy-boards {
    padding-top: 0px;
}

    .pc .occupancy-boards input[type="text"] {
        margin-bottom: 5px;
        width: 55px !important;
    }

.pc td.occupancy-board {
    width: 151px;
}

    .pc td.occupancy-board .short-description {
        vertical-align: top;
        margin-top: 4px;
        display: inline-block;
        width: 35px;
    }

    .pc td.occupancy-board .board-included {
        vertical-align: top;
        margin-top: 4px;
        display: inline-block;
    }

.expand-button {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
    line-height: 14px;
    color: #555;
    background-color: #fff;
    height: 15px;
    width: 15px;
    font-weight: 700;
    border: 1px solid #626262;
    cursor: pointer;
}

.pc .header-item {
    display: inline-block;
    width: 147px;
    padding-left: 27px;
    vertical-align: top;
}

    .pc .header-item .arrangement {
        margin-left: 24px;
    }

    .pc .header-item .arrangement-select {
        width: 100%;
    }

.pc .price-type {
    display: inline-block;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

    .pc .price-type.person {
        background-image: url('img/p.png');
    }

        .pc .price-type.person.disabled {
            background-image: url('img/p_disabled.png');
        }

    .pc .price-type.rate {
        background-image: url('img/r.png');
    }

        .pc .price-type.rate.disabled {
            background-image: url('img/r_disabled.png');
        }

    .pc .price-type.supplement-room {
        background-image: url('img/sr.png');
    }

        .pc .price-type.supplement-room.disabled {
            background-image: url('img/sr_disabled.png');
        }

    .pc .price-type.supplement-person {
        background-image: url('img/sp.png');
    }

        .pc .price-type.supplement-person.disabled {
            background-image: url('img/sp_disabled.png');
        }

.pc .price-details {
    display: inline-block;
    width: 14px;
}

    .pc .price-details span {
        background-color: #FF0000;
    }

.set-prices-tab {
    padding: 10px;
    background-color: #1D93D4;
    color: #FFF;
    font-weight: bold;
}

    .set-prices-tab:hover {
        color: #FFF;
    }

.pc .price-details {
    display: inline-block;
    width: 14px;
}

    .pc .price-details span {
        background-color: #FF0000;
    }

.set-prices-tab {
    padding: 10px;
    background-color: #1D93D4;
    color: #FFF;
    font-weight: bold;
}

    .set-prices-tab:hover {
        color: #FFF;
    }

.menu-box {
    position: absolute;
    background-color: #F7F3F7;
    color: #000;
    list-style: none;
    font-weight: normal;
    width: 150px;
    top: 20px;
    left: -151px;
    z-index: 10000;
}

    .menu-box li {
        margin: 4px;
        border-bottom: 1px solid #CCC;
        font-size: 12px;
        padding-left: 5px;
    }

        .menu-box li:last-child {
            border-bottom: none;
        }

        .menu-box li:hover {
            margin: 4px;
            background-color: #F1EFFB;
            cursor: pointer;
        }

.menu {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

i.red-icon:before {
    color: red;
}

.custom-tabs {
    margin-bottom: 0px;
}

.tab-box {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 15px 15px 15px 15px;
}

.custom-label {
    display: inline-block;
    padding-right: 10px;
}

.menu-cusom-button {
    display: inline-block;
    height: 17px;
    width: 17px;
    background-image: url('img/button-menu.png');
    position: relative;
    top: 5px;
}

.btn-save-rates {
    position: absolute;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.rates-selection {
    background-color: #DBDBDB;
    padding-top: 10px !important;
    margin-bottom: 20px;
}

.rates-filter-container {
    border: 1px solid #CCC;
    padding: 10px 10px 10px 10px;
    border-radius: 10px 5px 5px 5px;
}

.inline-block {
    display: inline-block;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ebccd1;
    background-color: #fff;
}

label.input-validation-error {
    border: 0;
    color: #a94442;
    display: block;
    background: #fff;
    font-family: sans-serif;
    font-size: 13px;
    margin-top: 5px;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.row-margin {
    margin-bottom: 5px;
}

.contract-selectable-items {
    list-style-type: none;
}

.spo-periods {
    width: 400px;
}

.spo-periods-link {
    cursor: pointer;
    text-decoration: none;
}

.spo-list-child li:before {
    content: "-";
    display: inline !important;
    margin-right: 10px;
}

.spo-list-child {
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    margin-top: -4px !important;
    width: 86% !important;
}

.spo-list {
    list-style: none;
    width: 200px;
    margin: 10px 0px 0px 0px;
    overflow-y: auto;
    height: 200px;
    box-shadow: 0px 1px 5px #ccc;
    border: 1px solid #ccc;
    padding: 0px 5px 5px 15px;
    font-weight: bold;
}

    .spo-list.occupancy {
        margin-left: 20px;
    }

    .spo-list li {
        border-bottom: 1px solid #e2e2e2;
        margin-top: 2px;
        font-size: 12px;
    }

    .spo-list .check {
        display: inline-block;
        margin-right: 10px;
    }

.spo-room-types {
    list-style: none;
    width: 300px;
    margin: 10px 0px 0px 0px;
    overflow-y: auto;
    height: 200px;
    box-shadow: 0px 1px 5px #ccc;
    border: 1px solid #ccc;
    padding: 0px 5px 5px 15px;
    font-weight: bold;
}

    .spo-room-types li {
        margin-top: 2px;
        font-size: 12px;
    }

    .spo-room-types .check {
        display: inline-block;
        margin-right: 10px;
    }

span.spo-label {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.spo-chk-container {
    display: inline-block;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

    .spo-chk-container .value-type {
        display: inline-block;
        width: 100px;
    }

    .spo-chk-container .applicable-to {
        display: inline-block;
        width: 135px;
    }

    .spo-chk-container input {
        margin-right: 5px;
        margin-bottom: 3px;
    }

.removable-item {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.show {
    display: inline-block;
}

.hide {
    display: none;
}

.facility-import-item {
    float: left;
    display: inline-block;
    width: 570px;
    /*margin: 2px 2px 2px 2px;*/
}

    .facility-import-item .price {
        width: 50px;
    }

    .facility-import-item .name {
        width: 200px;
        display: inline-block;
    }

    .facility-import-item .category {
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .facility-import-item .is-selected {
        margin-top: -10px;
        padding: 0;
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        margin-left: 8px;
    }

.facility-type-btn {
    /*float: left;
    display: inline-block;
    width: 50%;*/
    width: 50px;
}

.facility-import-item-cell {
    margin: 2px 2px 2px 2px;
}

    .facility-import-item-cell .multiselect {
        width: 130px !important;
        display: inline-block;
    }

#txtCategory {
    margin-bottom: 20px;
}

#btnAddFacility {
    margin-left: 2px;
}

.modal-header h5 {
    font-weight: bold;
}

.modal-body {
    /*overflow-y: auto !important;*/
}
/*.glyphicon {
    float: right !important;
}*/

.room-types-table tr th {
    text-align: center;
    vertical-align: middle;
}

@media (max-width: 1199px) {
    .modal .facility-import-item {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .modal .second-thead {
        display: none;
    }

    .modal .second-table {
        margin-top: -2px;
    }
}

.modal-radu {
    width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
}

.padding-radu {
    padding-right: 15px;
    padding-left: 15px;
}

.position-relative {
    position: relative;
}

#ddlroomtypes .multiselect-container {
    top: 34px;
    max-height: 120px !important;
    margin-top: unset !important;
    position: absolute;
    overflow-y: auto !important;
}

.padding-radu .dropdown-menu {
    box-shadow: initial;
}

.aschildren {
    position: absolute;
    right: 5px;
    top: 12px;
}

.custom-cog-wheel-info {
    position: absolute;
    right: 5px;
    top: 12px;
}

.blanao {
    width: 450px;
}

.aschildren-wrapper .popover {
    width: 450px !important;
}

.sweet-alert .sa-icon,
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    border-radius: 50% !important;
}

.sweet-alert h2 {
    font-size: 20px;
    padding-top: 5px;
}

.sweet-alert p {
    font-size: 14px;
}

.sweet-alert .btn {
    font-size: 14px;
    padding: 8px 14px;
}

    .sweet-alert .btn:focus {
        border-color: transparent;
    }


.stickythead {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
}

.stickyhead th {
    border: 0;
}

.oi-checkbox-c {
    /*vertical-align: middle !important;*/
    text-align: center;
}

#pagination-demo {
    position: absolute;
    right: 35px;
    bottom: 35px;
}

.editable-roomtype {
    border-bottom: dashed 1px black !important;
    cursor: pointer;
}


@media only screen and (max-width: 2000px) and (min-width: 1650px) {
    .wimg {
        margin: 0 auto;
        width: 1470px;
    }
}

@media only screen and (max-width: 1650px) and (min-width: 1000px) {
    .wimg {
        margin: 0 auto;
        width: 925px;
    }
}

@media only screen and (max-width: 1220px) /*and (min-width: 1000px)  {*/
{
    .wimg {
        margin: 0 auto;
        width: 460px;
    }
}


.photoh {
    overflow: visible;
    position: relative;
    margin-bottom: 2em;
    border-radius: .25em;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 15px 15px 0 15px;
}

/*.photoh img {
            max-width: 100%;
            margin: 0 0 15px;
        }*/


.parent {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
}

.photoh .parent {
    overflow: hidden;
}


    .photoh .parent:hover .thumb-container {
        /*top: initial;*/
        bottom: 10px;
    }

    .photoh .parent .child div img {
        /*-webkit-transform:scale(1,1);
                -webkit-transition:all .5s;
                -moz-transition:all .5s;
                transition:all .5s;*/
        /*-webkit-filter: blur(3px);*/
    }

    .photoh .parent:hover .child div img {
        /*-webkit-transform:scale(1.17,1.17);
                -webkit-filter: blur(0);*/
    }


.photoh .thumb-container {
    width: 100%;
    position: absolute;
    bottom: 1250px;
    z-index: 9;
    text-align: center;
    font-size: initial;
    cursor: pointer;
    -webkit-transition: all .57s;
    -moz-transition: all .57s;
    transition: all .57s;
}

    .photoh .thumb-container a {
        color: #fff;
    }

p.glow, p.glow:hover, p.glow:focus {
    text-decoration: none;
    color: white;
    text-shadow: none;
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 0 none;
}

    p.glow:hover, p.glow:focus {
        color: #fff;
        text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
    }





.child {
    position: relative;
    /*padding-bottom: calc(100% * 256 / 400);*/
    padding-bottom: 64%;
}

    .child > div {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        color: white;
        font-size: 24px;
        text-align: center;
    }

.img {
    height: 100%;
    width: 100%;
}

.wzimg {
    margin-top: 25px;
}



.dropzone {
    min-height: inherit;
}

    .dropzone .dz-message {
        margin: 0 !important;
    }

.dropzone-file-area {
    /*border: 2px dashed #028AF4;*/
    border: 1px dashed #ccc;
    background: #fff;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}

    .dropzone-file-area i {
        font-size: 35px !important;
        top: 3px;
        position: relative;
    }

#file .dropzone-file-area {
    padding: 10px;
    border: 1px dashed #ccc;
}

    #file .dropzone-file-area i {
        font-size: 21px !important;
        top: 1px;
        position: relative;
    }

.dropzone .dz-preview .dz-error-message {
    top: inherit !important;
    bottom: 154px;
}

    .dropzone .dz-preview .dz-error-message:after {
        top: 100% !important;
        border-top: 6px solid #a92222 !important;
        border-bottom: transparent !important;
    }

.dropzone .dz-preview .dz-error-message {
    color: yellow !important;
}

.dz-error-message {
    word-wrap: break-word;
}

div.sweet-alert.showSweetAlert.visible {
    display: block !important;
    opacity: inherit !important;
}

.divider {
    height: 1px;
    margin: 15px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

@media (max-width: 992px) {
    .control-label {
        text-align: left !important;
    }
}

#boardModal {
    overflow: visible;
    overflow-y: visible !important;
}

    #boardModal .checkbox {
        padding: 3px 20px 3px 40px !important;
    }

.metronic-form-error-color {
    color: #a94442;
}

/*.button-thumb:hover {
    color: aqua !important;
}*/
/*.multiselect::after {
    position: absolute;
    top: -7px;
    left: 10px;
    right: auto;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

.multiselect::before {
position: absolute;
    top: -8px;
    left: 9px;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e0e0e0;
    border-left: 8px solid transparent;
    content: '';
}*/

/*.form-control.select2-container .select2-choice .select2-arrow b {
    background:none;
}
    .form-control.select2-container .select2-choice .select2-arrow b:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f0d8";    
    }*/
/*.page-bar .navbar-nav > li.dropdown .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.page-bar .navbar-nav > li.dropdown .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}*/

/*.page-bar .dropdown-menu {
    margin-top: 15px!important;
}*/

.page-bar .nav .open > a,
.page-bar .nav .open > a:focus,
.page-bar .nav .open > a:hover,
.page-bar .nav > li > a:active,
.page-bar .nav > li > a:focus,
.page-bar .nav > li > a:hover {
    background: 0 0;
}

.page-bar .nav > li > a {
    color: black;
}

.hotel-section-title {
    margin-bottom: 25px;
    font-size: 28px;
    letter-spacing: -1px;
    font-weight: 300;
    color: #666;
}

.btn-group .dropdown-menu:after,
.btn-group .dropdown-menu:before {
    right: auto;
    position: absolute;
    display: inline-block !important;
    content: '';
}

.btn-group .dropdown-menu:before {
    top: -8px;
    left: 9px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d8dee4;
    border-left: 8px solid transparent;
}

.btn-group .dropdown-menu.title-caret:after,
.btn-group .dropdown-menu:after {
    border-bottom: 7px solid #fff;
}

.btn-group .dropdown-menu:after {
    top: -7px;
    left: 10px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}

.btn-group .dropdown-menu {
    min-width: 240px !important;
}



.panel-contracts .btn-default.active,
.panel-contracts .btn-default:active,
.panel-contracts .open > .dropdown-toggle.btn-default {
    background-image: none;
}

    /*.panel-contracts .btn-default {
    background-color: #fff;
    color: #333;
    border: 1px solid #e5e5e5
}*/
    .panel-contracts .btn-default.active,
    .panel-contracts .btn-default.active.focus,
    .panel-contracts .btn-default.active:focus,
    .panel-contracts .btn-default.active:hover,
    .panel-contracts .btn-default.focus,
    .panel-contracts .btn-default:active,
    .panel-contracts .btn-default:active.focus,
    .panel-contracts .btn-default:active:focus,
    .panel-contracts .btn-default:active:hover,
    .panel-contracts .btn-default:focus,
    .panel-contracts .btn-default:hover,
    .panel-contracts .open > .dropdown-toggle.btn-default,
    .panel-contracts .open > .dropdown-toggle.btn-default.focus,
    .panel-contracts .open > .dropdown-toggle.btn-default:focus,
    .panel-contracts .open > .dropdown-toggle.btn-default:hover {
        color: #333;
        background-color: #f1f1f1;
        border-color: #e5e5e5;
        font-size: 13px;
    }

.panel-contracts .btn-default.disabled,
.panel-contracts .btn-default.disabled.active,
.panel-contracts .btn-default.disabled.focus,
.panel-contracts .btn-default.disabled:active,
.panel-contracts .btn-default.disabled:focus,
.panel-contracts .btn-default.disabled:hover,
.panel-contracts .btn-default[disabled],
.panel-contracts .btn-default[disabled].active,
.panel-contracts .btn-default[disabled].focus,
.panel-contracts .btn-default[disabled]:active,
.panel-contracts .btn-default[disabled]:focus,
.panel-contracts .btn-default[disabled]:hover,
.panel-contracts fieldset[disabled] .btn-default,
.panel-contracts fieldset[disabled] .btn-default.active,
.panel-contracts fieldset[disabled] .btn-default.focus,
.panel-contracts fieldset[disabled] .btn-default:active,
.panel-contracts fieldset[disabled] .btn-default:focus,
.panel-contracts fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
}

.panel-contracts .btn-default .badge {
    color: #fff;
    background-color: #333;
}


.panel-contracts .btn-default {
    background-color: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
    font-size: 13px;
}

.panel-contracts .btn-danger {
    color: #fff;
    background-color: #F3565D;
    border-color: #f13e46;
    font-size: 13px;
}

.panel-contracts .btn-group.open .dropdown-toggle {
    box-shadow: none;
}


.panel-contracts .btn-group.open .dropdown-menu {
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    border: 1px solid #d8dee4;
}

.panel-contracts .dropdown-menu li a:hover {
    background: #f7f7f7;
}

.yellow-soft {
    background-color: #c8d046;
}

.radio-list div.radio {
    /*this is huge theme-bugfix for radio buttons in forms*/
    margin-top: 0px !important;
    margin-left: 3px !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: inherit !important;
}
/*bugfix a element inside bootstrap tab has tooltip problem, use span!*/
.actionbtn {
    cursor: pointer;
    text-shadow: none;
    color: #5b9bd1;
}

    .actionbtn:focus, .actionbtn:hover {
        color: #23527c;
        text-decoration: underline;
    }

    .actionbtn:hover {
        color: #3175af;
        text-decoration: none;
    }

.table-hover tbody tr:hover {
    background-color: #f9f9f9 !important;
}

.bg-yellow-soft-only {
    background-color: #c8d046;
}

.bg-yellow-only {
    /*border-color: #c49f47 !important;*/
    background-image: none !important;
    background-color: #c49f47 !important;
    /*color: #FFFFFF !important;*/
}

.bg-green-jungle-only {
    background-image: none !important;
    background-color: #26C281 !important;
}

.bg-red-sunglo-only {
    background-image: none !important;
    background-color: #E26A6A !important;
}


.modal-scroll {
    /*top: 1% !important;*/
}

.modal.modal-dr {
    overflow-y: visible !important;
    overflow-x: visible !important;
}
/*.modal-open.modal.modal-dr {
    overflow-x: visible;
    overflow-y: visible;
}*/

.modal-dr .modal-body {
    max-height: 350px !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
    height: 350px;
}

/*.daterangepicker.dropdown-menu {
    width: 735px;
}*/

.caption-desc {
    font-size: 13px;
    margin-top: .5em;
    line-height: 2.3em;
}

/*.fisier {
    min-height: 250px;
}*/

.file-title {
    /*min-height: 41px;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*word-wrap: break-word;*/
}


.file-description a {
    display: inline-block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    line-height: normal;
}

.file-title a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    font-size: 14px;
}

    .file-title a:hover {
        cursor: inherit;
        text-decoration: none;
    }


.file-area {
    margin: 0px 15px 0px 15px;
}

.widthp100 {
    width: 100%;
}

    .widthp100 i.fa {
        font-size: 30px !important;
    }

/*.widthp100 a + .widthp100 a {
    margin-top: 5px !important;
}*/

.fisier .portlet-body a {
    margin-left: 5px !important;
}

.fisier .portlet-body {
    padding-top: 0px !important;
}

.fisier .tooltip-inner {
    max-width: none;
}

.sweet-alert {
    z-index: 999999 !important;
}

#copyContractModal.shake {
    animation: inherit !important;
}

#copyContractModal.animated {
    animation: inherit !important;
}

.modal.modal-upper {
    top: 30% !important;
}

.btn-colorful-select:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
}

.so-enabled {
    background-color: #22BAA0;
}

.so-disabled {
    background-color: #e14444;
}

.danger-soft {
    background-color: #F8EDED !important;
    color: #a94442;
}

.table-hover tbody tr.danger-soft:hover td {
    background: #ebcccc !important;
}

.table-striped tr:hover td {
    background: #e5e5e5;
}

/*no-supersede::after {
    content: 'No offers to supersed.';
}*/

.no-supersede::after {
    content: 'No offers to supersed.\00000A\00000A ';
    display: block;
    white-space: pre;
}

.btn-shdw.active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
    /*-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;*/
}

.btn-group-select .btn-default.active {
    background-color: #3598dc;
    color: #fff;
    border: 1px solid #1f78b5;
}

.btn-default {
    background-color: #ededed;
}

/*btn-group-select .btn-default:focus,
.btn-group-select .btn:focus,*/
/*btn-group-select .btn-default:hover,
.btn-group-select .btn:hover {
    /*outline: none !important;*/
/*background-color: #fff !important;
    border-color: #ccc !important;
}*/

.general-gray {
    background-color: #F6F6F6;
}

.general-beige {
    background-color: #F7F7E5;
}

.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ddd;
}

.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.dropup {
    border: 1px solid #dddddd;
}

.daterangepicker.opensleft .applyBtn {
    margin-right: 10px;
    border: inherit !important;
}

#importPeriodsModal select.form-control {
    width: initial !important;
}

#importPeriodsModal label.control-label {
    width: initial !important;
}

.hd-14-600 {
    font-size: 14px !important;
    font-weight: 600 !important;
}

label.hd-14-600 {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.hd-16-600 {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.marketz .popover-content {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    width: auto !important;
}

.marketz .editable-buttons {
    position: absolute;
    right: 30px;
    top: 45px;
}

.marketz .editable-checklist {
    margin-right: 115px;
}

.editable-container.marketz {
    z-index: 999999;
}

.checkbox-list-item {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.white-labels {
    background-color: white;
    padding: 10px 15px 15px 20px;
}

    .white-labels label {
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .white-labels b {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

.ro-indent {
    padding-left: 30px;
}

#definition input[type=checkbox][disabled] {
    cursor: pointer !important;
}

#definition input[type=radio][disabled] {
    cursor: pointer !important;
}

#definition div.checker.disabled:hover,
#definition div.radio.disabled:hover {
    cursor: pointer !important;
}

#definition .radio-list label {
    display: block !important;
}

#definition .radio-list {
    display: inline-block;
    padding-right: 20px;
}

#definition form .popover-content {
    padding: 9px 30px !important;
}

.padding-tb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-t-5 {
    padding-top: 5px;
}

.rateitemcontent {
    margin-bottom: 20px;
    background-color: #F7F7E5;
}

    .rateitemcontent + .rateitemcontent {
        margin-top: 20px;
    }


.seasonitemcontent {
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #F7F7E5;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .seasonitemcontent + .seasonitemcontent {
        margin-top: 20px;
    }

    .seasonitemcontent .row {
        margin-left: auto;
        margin-right: auto;
    }

    .seasonitemcontent .badge {
        font-size: 16px !important;
        height: 24px;
        min-width: 24px;
    }

    .seasonitemcontent .col-xs-2, .seasonitemcontent .col-xs-1 {
        min-width: 150px;
    }

    .seasonitemcontent .col-xs-3 {
        min-width: 300px;
    }

#definition .badge {
    font-size: 16px !important;
    height: 24px;
    min-width: 24px;
}

.padding5 {
    /*padding: 5px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.btn-group-select-form.form-control {
    padding: initial !important;
    border: none !important;
}

#form_ncp .drpitem {
    margin-bottom: 10px;
    margin-top: 10px;
}

    #form_ncp .drpitem + #form_ncp .drpitem {
        margin-top: -10px;
    }

#form_ncp .has-error .checkbox {
    color: black;
}

.panel-rate .well.dark-well {
    /*background-color: #e5e5e5;*/
    background-color: #f2f2f2;
    border-top: 3px solid #12AFCB;
}

.m-grid-col-bottom {
    vertical-align: bottom;
}

.no-m {
    margin: 0;
}

#releaseDatesList tbody tr:nth-child(1) {
    white-space: nowrap;
}

.well.black-well {
    /*background-color: #e5e5e5;*/
    background-color: #e5e5e5;
    border-top: 3px solid #12AFCB;
}

.well.dark-well {
    /*background-color: #e5e5e5;*/
    background-color: #f2f2f2;
}

.black-well .input-group .input-group-addon {
    background-color: #f2f2f2;
}

.dropdown-menu div.radio {
    padding-top: 0px;
}

.codita .dropdown-menu:before {
    position: absolute;
    top: -8px;
    left: 9px;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e0e0e0;
    border-left: 8px solid transparent;
    content: '';
}

.codita .dropdown-menu:after {
    position: absolute;
    top: -7px;
    left: 10px;
    right: auto;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

/***
Bootstrap Daterangepicker
***/
.modal-open .daterangepicker {
    z-index: 10055 !important;
}

.daterangepicker {
    margin-top: 4px;
}

    .daterangepicker td {
        text-shadow: none;
    }

        .daterangepicker td.active {
            background-color: #4b8df8;
            background-image: none;
            filter: none;
        }

    .daterangepicker th {
        font-weight: 400;
        font-size: 14px;
    }

    .daterangepicker .ranges input[type="text"] {
        width: 79px !important;
        font-size: 11px;
        vertical-align: middle;
    }

    .daterangepicker .ranges label {
        font-weight: 300;
        display: block;
    }

    .daterangepicker .ranges {
        width: 170px;
    }

        .daterangepicker .ranges ul > li.active {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
        }

        .daterangepicker .ranges .btn {
            margin-top: 10px;
        }

    .daterangepicker.dropdown-menu {
        padding: 5px;
    }

    .daterangepicker .ranges li {
        color: #333;
    }

        .daterangepicker .ranges li.active,
        .daterangepicker .ranges li:hover {
            background: #4b8df8 !important;
            border: 1px solid #4b8df8 !important;
            color: #fff;
        }

    .daterangepicker .range_inputs input {
        margin-bottom: 0 !important;
    }

    .daterangepicker .fa-angle-right:before {
        content: "\f105";
    }


/*fix*/

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
    background: url("global/img/accordion-plusminus.png") no-repeat;
    background-position: right -19px;
    margin-right: 15px;
}

    .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
        background-position: right 12px;
    }



/*.daterangepicker.dropdown-menu {
    min-width: inherit !important;
}*/
.daterangepicker .fa-angle-left:before {
    content: "\f104";
}

.tfeeds.table-light > tbody > tr > td {
    padding: 6px;
}

.tfeeds.table-light > tbody > tr {
    background-color: #fafafa;
    color: #82949a;
    border-bottom: 7px solid white;
    padding: 0px;
}

.tfeeds .label.label-sm {
    padding: 4px 5px 4px 5px;
}

.pointer {
    cursor: pointer;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    background-color: #002e4b;
    color: #fff;
}

    .page-sidebar .page-sidebar-menu .sub-menu > li > a:hover {
        background: rgb(0, 74, 75);
    }

    .page-sidebar .page-sidebar-menu .sub-menu > li > a.active {
        background-color: #6ca000 !important;
    }

.form-control[readonly] {
    background-color: #fff !important;
}

#prices_periods_form .input-group-btn {
    width: auto;
}


/*Radu Petrascu's badges*/

.badge-green-haze {
    color: #FFFFFF;
    background-color: #44b6ae;
}

.badge-blue {
    color: #FFFFFF;
    background-color: #3598dc;
}

.badge-purple-soft {
    color: #FFFFFF;
    background-color: #8877a9;
}

.badge-red-pink {
    color: #FFFFFF;
    background-color: #E08283;
}

.badge-yellow-casablanca {
    color: #FFFFFF;
    background-color: #f2784b;
}

.badge-blue-chambray {
    color: #FFFFFF;
    background-color: #2C3E50;
}

.label-potrivit {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
    white-space: nowrap;
    display: block;
    text-align: left !important;
}

#prices_periods_form .form-group {
    margin-left: auto;
    margin-right: auto;
}

.btn.btn-outline.dark:hover {
    border-color: #2f353b;
    color: #FFF;
    background-color: #2f353b;
}

.btn.btn-outline.dark {
    margin-top: 1px;
    margin-right: 30px;
    border-color: #2f353b;
    color: #2f353b;
    background: 0 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /*touch-action: manipulation;*/
    cursor: pointer;
    border: 1px solid;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    /* border-radius: 4px; */
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-success.disabled, .btn-success.disabled:hover {
    background: #ccc;
}

.uiMsg-top {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 34px;
    background-color: #002e4b;
}

.page-content-wrapper .page-content {
    margin-top: 98px;
    padding-top: 22px;
}

.custom-gradient-border {
    top: 94px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    padding-top: 60px;
    margin-top: 0;
}

.page-sidebar.navbar-collapse {
    margin-top: 60px;
}

.page-header.navbar.navbar-fixed-top.open {
    /*z-index: 10002;*/
}

.page-sidebar .page-sidebar-menu {
    padding-top: 0;
    margin-top: 0;
}

.page-container-bg-solid .page-bar {
    margin-bottom: 0;
    top: 125px;
}

.page-header.navbar {
    height: 94px;
}

    .page-header.navbar.navbar-fixed-top {
        z-index: 10000;
    }

.custom-gradient-border {
    z-index: 100;
}


#prices_periods_form .col-xs-2 {
    min-width: 200px;
}

#dp-calendar {
    right: -3px !important;
    top: -2px !important;
    margin-right: auto !important;
}

#allotment_table .date-paginator-wrapper-all:hover * {
    /*background: #f9f9f9;*/
    background: #e5e5e5;
}

span.dp-item-vertical-hover {
    background-color: #e5e5e5;
    background: #e5e5e5;
}

a.dp-item-vertical-hover {
    background-color: #eee !important;
}


.green-at {
    color: green;
}

.pink-ac {
    background: pink !important;
}

.orange-ac {
    background: orange !important;
}

.orange-nav-ac {
    background: #FAA707 !important;
}

.my-legend .legend-title {
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 90%;
}

.my-legend .legend-scale ul {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    float: left;
    list-style: none;
}

    .my-legend .legend-scale ul li {
        font-size: 80%;
        list-style: none;
        margin-left: 0;
        line-height: 18px;
        margin-bottom: 2px;
    }

.my-legend ul.legend-labels li span {
    display: block;
    float: left;
    height: 16px;
    width: 30px;
    margin-right: 5px;
    margin-left: 0;
    border: 1px solid #999;
}

.my-legend .legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
}

.my-legend a {
    color: #777;
}

#release_info {
    background: #eee;
    display: block;
    padding: 15px 0 1px 0;
}

.radio-inline {
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-right: 25px;
}

.checkbox-inline {
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-right: 25px;
}

.small_spo {
    background-image: url('../styles/_default/img/special-offers-th.png');
    background-repeat: no-repeat;
    background-size: 20px;
}

.pk-azure {
    background: azure;
}

#price-details-tab span.red-sunglo {
    color: #FFFFFF;
    background-color: #E26A6A;
}

#price-details-tab span.yellow {
    color: #FFFFFF;
    background-color: #c49f47;
}

.h3-modern {
    font-weight: 600;
    font-size: 16px;
}

.dpg-roomtype-code .fa.fa-calendar {
    font-size: 11px;
    line-height: 9px;
    padding-right: 3px;
    padding-left: 3px;
    position: relative;
    top: -1px;
}

.fa-commenting-o:before {
    content: "\f27b";
}

.invoice-top-button {
    display: inline-block;
}

    .invoice-top-button + .invoice-top-button {
        margin-left: 20px;
    }

#facilityModalEdit {
    overflow: visible !important;
}


.multiselect-container > li > a > label {
    /*idiot bug fix*/
    padding: 3px 20px 3px 40px !important;
}

#pl_top_menu {
    height: 60px;
    display: inline-block;
}

    #pl_top_menu a {
        font-weight: normal;
        font-size: 21px;
        cursor: default !important;
        color: #fff;
    }

.horizontal-upper-menu ul li {
    float: initial;
}

.page-breadcrumb.right a {
    font-weight: normal !important;
}

.page-bar-content.bordered-topdown ul {
    /*width: 100%;*/
    margin-top: 0;
    margin-right: 15px;
}

.page-container .hotel-info-dd {
    position: fixed;
    z-index: 9999;
    top: 120px;
    right: 23px;
    margin: 0;
}

    .page-container .hotel-info-dd .dropdown-hotels .dropdown-toggle {
        top: 0;
        right: 0;
    }

.page-container-bg-solid .page-bar .page-breadcrumb {
    padding: 8px 0;
    margin-top: 0;
}

.note.note-danger {
    background-color: #F3E0E0;
}

.page-container-bg-solid .page-bar .page-breadcrumb li span {
    font-size: 20px;
    font-weight: normal;
}

.page-header-inner {
    display: inline-block;
    position: absolute;
    left: 0px;
}

.page-header .dropdown-menu {
    margin-top: 0 !important;
}

.page-header .navbar-nav > li.dropdown .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.page-header .navbar-nav > li.dropdown .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

@media (max-width: 767px) {
    /* 767px */
    .navbar-nav .open .dropdown-menu {
        right: 0;
        left: initial;
    }
}

@media (max-width: 991px) {
    /* 991px */
    /* breadcrumb */
    .page-bar {
        position: initial !important;
    }

    .page-bar-content {
        margin-left: 0px !important;
    }
}

.uiMsg-top .dropdown-menu {
    left: -47px;
}

@media (max-width: 992px) {
    .custom-gradient-border2 {
        background: rgba(15,70,121,1);
        background: -moz-linear-gradient(left, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,70,121,1)), color-stop(52%, rgba(94,180,255,1)), color-stop(100%, rgba(94,180,255,1)));
        background: -webkit-linear-gradient(left, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
        background: -o-linear-gradient(left, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
        background: linear-gradient(to right, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4679', endColorstr='#5eb4ff', GradientType=1 );
        width: 100%;
        height: 6px;
        z-index: 9999;
    }
}

.page-bar-content.bordered-topdown {
    border-bottom: 1px solid #e1e1e1;
}

.table.table-bordered thead tr th {
    background-color: #DDD;
}

/*.table td {
    padding-top: 10px
}*/

.btn-group.btn-group-xs .glyphicon.glyphicon-remove {
    color: white;
}

.btn-group.btn-group-xs .btn {
    margin-right: 0px;
    padding: 6px 12px;
}


.btn.edit {
    background-color: #428bca;
    border: 1px solid #428bca;
    border-color: #428bca;
    color: #fff;
}

    .btn.edit:hover {
        background-color: #94b0c7;
        border: 1px solid #94b0c7;
    }

.btn-group .btn {
    margin-left: 5px !important;
}

.btn-group.btn-group-xs .btn span.glyphicon {
    font-size: 11px;
}

.btn-group.btn-group-xs .btn.red {
    background-color: #e14444;
    border-color: #e14444;
}

.labelb.badge {
    font-size: 13px !important;
    font-weight: bold;
}

.table th.text-right {
    text-align: left;
}

.table td.text-right {
    min-width: 100px;
}

.page-bar .page-breadcrumb > li > a {
    font-size: 13px;
}

.btn .icon-plus.icon-white {
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.page-sidebar-wrapper {
    /*z-index: 10000;*/
}

.page-sidebar .page-sidebar-menu .sub-menu li > a {
    padding: 6px 15px 6px 36px;
}

/*left menu width*/
@media (min-width: 992px) {
    .page-content-wrapper .page-content {
        margin-left: 180px;
    }

    .page-sidebar {
        width: 180px;
    }

    .page-container-bg-solid .page-bar-content {
        margin-left: 180px;
    }

    .page-header.navbar .page-logo {
        min-width: 180px;
    }

    .page-sidebar-closed .page-header.navbar .page-logo {
        min-width: 15px;
    }
}

/*@media (min-width: 992px) {

}*/

#pl_top_menu {
    display: inline-block;
}

/*.page-sidebar-closed #pl_top_menu {
    display: none;
}*/

.page-sidebar-closed .page-bar-content {
    margin-left: 45px;
}

.page-sidebar-closed .horizontal-upper-menu {
    padding-left: 0px;
}




.horizontal-upper-menu {
    display: inline-block;
    margin-top: 11px;
    margin-left: 15px;
}

    .horizontal-upper-menu img {
        max-height: 40px;
    }

    .horizontal-upper-menu .btn {
        margin-top: 4px;
    }

        .horizontal-upper-menu .btn.btn-default i {
            color: black;
        }

    .horizontal-upper-menu ul li a {
        padding-left: 0;
        padding-right: 0;
    }

.separator-logo {
    display: none;
}


.page-sidebar-closed .horizontal-upper-menu ul {
    width: auto;
}

    .page-sidebar-closed .horizontal-upper-menu ul li a {
        width: 12px;
        overflow: hidden;
    }

        .page-sidebar-closed .horizontal-upper-menu ul li a.hotelextranet:before {
            content: 'X';
        }

        .page-sidebar-closed .horizontal-upper-menu ul li a.hotelextranet {
            padding-left: 15px;
        }



.horizontal-upper-menu ul li a.hotelextranet {
    padding-left: 24px;
}

.colorful-select.btn-group .dropdown-menu {
    min-width: 185px !important;
}

.right.btn-group .dropdown-menu {
    min-width: 160px !important;
}

.page-container-bg-solid .page-bar-content {
    min-height: 64px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    background: rgb(97, 158, 0) !important;
}

.page-sidebar .page-sidebar-menu > li:hover > a {
    background: rgb(0, 74, 75);
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
    .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
    .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
        color: #fff;
    }

.page-footer {
    margin-left: 180px;
    background: #002e4b;
    padding: 5px;
}

.page-footer-inner {
    font-weight: 400;
    letter-spacing: normal;
    line-height: 22px;
    font-size: 13px;
    font-style: normal;
    white-space: normal;
}

.cl-prov-search {
    width: 50%;
}

.hum {
    display: inline-block;
}

    .hum ul li a {
        /*bottom: 6px;*/
        text-decoration: none;
        height: 100%;
        display: block;
        width: 100%;
        padding-left: 40px;
        padding-right: 30px;
        line-height: 53px;
        position: relative;
        color: #404040;
    }

.page-sidebar-closed .hum ul li a {
    /*bottom: 6px;*/
    text-decoration: none;
    height: 100%;
    display: block;
    width: 100%;
    padding-left: 40px;
    padding-right: 30px;
    line-height: 53px;
    position: relative;
    color: #404040;
}

.hum ul li {
    list-style-type: none;
    display: inline-block;
}

.hum ul {
    padding: 0;
    margin: 0;
}

    .hum ul li a:hover {
        background: #fafafa;
    }

.page-content .hotel-list {
    position: relative;
}

.hotel-list.fixed {
    height: 378px;
    overflow: hidden;
}

.hotel-list .overlay {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 97%;
    background: #fff;
    z-index: 999;
}

.hotel-list .block-spinner-bar {
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 46%;
    z-index: 9999;
    left: 0;
    right: 0;
}


@media (min-width: 992px) {
    .hum ul li a {
        bottom: -5px;
    }
}

@media (max-width: 991px) {
    .page-container-bg-solid .page-bar {
        margin-top: 0px;
    }
}

.cpanel-icon {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    top: 10px;
    float: right;
}

    .cpanel-icon a {
        color: #fff;
    }

.dropdown-user {
    float: right;
}

    .dropdown-user a span.fa.fa-angle-down {
        font-size: 20px;
        margin-left: 5px;
        position: relative;
        top: 2px;
    }

    .dropdown-user a {
        text-decoration: none;
        color: #fff;
        padding: 8px;
    }

    .dropdown-user.open a {
        background: #7ab310;
    }

    .dropdown-user.open .dropdown-menu a {
        background: #fff;
    }

        .dropdown-user.open .dropdown-menu a:hover {
            background: #f5f5f5;
        }
/* language  */
.languages-container {
    margin-right: 10px;
    position: relative;
    top: 8px;
    float: right;
}

    .languages-container a.dd-language {
        position: relative;
        top: 5px;
        color: #fff;
    }

    .languages-container .flag.selected {
        background-size: 25px;
        margin-right: 5px;
    }

    .languages-container .dd-language i {
        font-size: 20px;
    }

    .languages-container .language-list {
        padding: 0;
        background: #fff;
        position: absolute;
        right: -9px;
        width: 110px;
        top: 27px;
        box-shadow: 0px 1px 4px #868686;
        z-index: 1;
        list-style-type: none;
    }

        .languages-container .language-list li a {
            display: block;
            text-decoration: none;
        }

            .languages-container .language-list li a:hover {
                background: #5b9bd1;
                color: #fff;
            }

a.no-underline {
    text-decoration: none;
}

.form-horizontal .radio {
    padding-top: 0px;
}

.uiMsg-top h3 {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    float: left;
    line-height: 33px;
    text-indent: 4px;
    margin: 0px;
    font-weight: 500;
}

.uiMsg-top .uiMsg-logo {
    background: url(../Styles/_default/img/root_logo.png);
    background-size: 150px;
    background-position: 1px -4px;
    display: block;
    width: 38px;
    height: 39px;
    position: relative;
    margin-left: 4px;
    float: left;
}

.mt-radio-list .mt-radio {
    display: block;
}

.mt-radio {
    display: inline-block;
    margin-bottom: 0px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.afaw {
    max-width: 100px;
    min-width: 100px;
    width: 100px;
}

#facilitiestable thead tr th:nth-child(4) {
    width: 100px !important;
}


table#destinations thead tr th:nth-child(1) {
    width: 400px !important;
}

.plupload_filelist_footer {
    height: 37px !important;
}

/* sidebar */

.workspace-change a {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    text-decoration: none;
    width: 50px;
    height: 58px;
    text-align: center;
}

    .workspace-change a:hover {
        background: rgba(152, 201, 60, 0.5);
    }

    .workspace-change a i {
        display: block;
        font-size: 28px;
        color: #fff;
        line-height: 58px;
    }

.page-logo .logo-space {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background: #679f00;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-top: 17px;
}

.page-sidebar-closed .page-logo .logo-space {
    display: none;
}

.workspace-change .workspace-container {
    position: fixed;
    width: 190px;
    height: 100%;
    background: #262829;
    z-index: 999;
    left: -190px;
    top: 0;
    transition: all .3s;
}

    .workspace-change .workspace-container.open {
        left: 0;
    }

    .workspace-change .workspace-container .exit {
        font-size: 25px;
        color: #fff;
        cursor: pointer;
        padding: 20px;
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

        .workspace-change .workspace-container .exit:hover {
            color: #aaa;
        }

    .workspace-change .workspace-container .title {
        padding: 0 10px;
        font-size: 18px;
        color: #fff;
    }

    .workspace-change .workspace-container .content {
        margin-top: 10px;
    }

    .workspace-change .workspace-container ul {
        margin: 0;
        padding: 0;
    }

        .workspace-change .workspace-container ul li {
            list-style-type: none;
        }

            .workspace-change .workspace-container ul li a {
                display: block;
                color: #fff !important;
                padding: 10px 10px 10px 20px !important;
                text-align: left;
                font-size: 14px;
                position: relative;
                width: 100%;
                height: 55px;
                background: none;
                line-height: 31px;
            }

            .workspace-change .workspace-container ul li.selected_workspace_item {
                background: rgba(152, 201, 60, 0.5);
            }

            .workspace-change .workspace-container ul li a:hover {
                text-decoration: underline;
            }

            .workspace-change .workspace-container ul li a i {
                color: #679f00;
                font-size: 30px;
                line-height: unset;
                vertical-align: middle;
                width: 40px;
                display: inline-block;
                margin-right: 10px !important;
                text-align: left;
            }

.separator-top-options {
    float: right;
    height: 20px;
    width: 2px;
    background: #18374a;
    border-left: 1px solid #155379;
    margin-top: 8px;
    margin-right: 8px;
}

.top-menu-hotel {
    width: 100%;
    float: right;
}

.page-sidebar-closed .top-menu-hotel {
    width: calc(100% - 210px);
}

.top-menu-hotel .nav.nav-pills {
    padding-top: 10px;
    margin-right: 15px;
}


.nav-pills > li {
    display: inline-block;
    float: right;
}

    .nav-pills > li > a {
        color: #333;
        transition: all .2s;
    }

    .nav-pills > li + li {
        margin-left: 0;
    }

    .nav-pills > li.active > a {
        background: rgba(152, 201, 60, 0.3);
        color: #333;
    }

        .nav-pills > li.active > a:hover,
        .nav-pills > li > a:hover {
            background: rgba(152, 201, 60, 0.5);
            color: #333;
        }

.nav .dropdown-hotels .dropdown-toggle {
    padding: 5px;
    border: 1px solid #679f00;
    position: relative;
    top: 20px;
    right: 10px;
}


a.editable-click:hover:after {
    font-family: 'Glyphicons Halflings';
    content: "\e065";
    background: #eaeaea;
    position: absolute;
    padding: 0 10px 1px 8px;
}

a.editable-click:hover {
    background: #eaeaea;
    position: relative;
}

@keyframes loading-animation {
    to {
        transform: rotate(360deg);
    }
}

.loading-animation:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 70px;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -40px;
    margin-left: -40px;
    border-radius: 50%;
    border: 4px solid #679e00;
    border-top-color: #002e4a;
    animation: loading-animation .4s linear infinite;
}

.day-selected {
    background-color: #a6a6a6 !important;
}


@media (max-width: 767px) {
    /* 767px */
    /* Page header */
    .page-header.navbar {
        padding: 0;
    }

    .uiMsg-top h3 {
        display: block !important;
        width: 100%;
    }

    .page-header-inner {
        position: relative;
    }

    .page-header.navbar .page-logo {
        width: auto;
    }

    .page-header.navbar .search-form.open {
        z-index: 3;
        left: 10px;
        right: 10px;
        position: absolute;
        width: auto !important;
    }

    .top-menu-hotel .nav.nav-pills {
        padding: 0;
        margin: 0;
    }

    .top-menu-hotel .nav-pills > li.active > a,
    .top-menu-hotel .nav-pills > li > a {
        color: #fff;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
        max-width: 255px;
        width: 255px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
        margin-right: -190px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
            margin-right: 190px;
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
        margin-right: -150px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before {
            margin-right: 150px;
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
        margin-right: -110px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before {
            margin-right: 110px;
        }

    .uiMsg-top {
        height: auto;
    }

        .uiMsg-top .uiMsg-logo {
            background-color: #fff;
            background-repeat: no-repeat;
            width: 100%;
        }

    .cpanel-icon,
    .dropdown-user,
    .separator-top-options,
    .languages-container {
        float: left;
    }

    .dropdown-user {
        width: 63%;
        text-align: center;
    }

        .dropdown-user a {
            width: 100%;
        }

            .dropdown-user a .user-name {
                float: left;
            }

            .dropdown-user a .fa.fa-angle-down {
                float: right;
            }

    .uiMsg-top .dropdown-menu {
        left: 0;
        position: relative;
        width: 100%;
    }

    .cpanel-icon {
        margin-left: 10px;
    }

    .custom-gradient-border2 {
        display: none;
    }

    .workspace-change a i {
        line-height: 48px;
        color: #fff !important;
    }
}

@media (max-width: 991px) {
    /* 991px */
    /* Page header */
    .page-header.navbar {
        padding: 0;
        position: relative;
        clear: both;
        /* Page logo */
        /* Menu Toggler */
        /* Top Menu */
    }

        .page-header.navbar .page-logo {
            width: auto;
            padding: 0;
            margin-right: 10px;
            margin-left: 0px !important;
            padding-left: 0px !important;
        }

            .page-header.navbar .page-logo img {
                margin-left: 4px !important;
            }

        .page-header.navbar .menu-toggler.sidebar-toggler {
            display: none !important;
        }

        .page-header.navbar .menu-toggler.responsive-toggler {
            display: inline-block;
        }

        .page-header.navbar .top-menu .navbar-nav {
            display: inline-block;
            margin: 0 10px 0 0;
        }

            .page-header.navbar .top-menu .navbar-nav > li {
                float: left;
            }

            .page-header.navbar .top-menu .navbar-nav .nav li.dropdown i {
                display: inline-block;
                position: relative;
                top: 1px;
                right: 0px;
            }

            .page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
                position: absolute;
            }

    /* Fixed header for mobile */
    .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top {
        position: fixed;
    }

    /* Boxed Layout */
    .page-boxed .page-header.navbar > .container {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .page-sidebar, .page-sidebar.in {
        display: block;
    }

    .horizontal-upper-menu {
        margin-left: 55px;
    }

    .workspace-change a i {
        color: #002f4a;
    }

    .custom-gradient-border2 {
        display: none;
    }
}

.select2-results .select2-selected {
    display: block !important;
}

.select2-results .select2-match {
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    text-decoration: none;
    margin-right: 6px;
}

    .select2-results .select2-match:before {
        content: "\f096";
    }

.select2-results .select2-selected .select2-match:before {
    content: "\f046";
}

/* HOTEL SERVICE >> SUPPLIERS >> Filter Supplier Name */

.input-icon .btn[data-action=filter-data] {
    position: absolute;
    top: 0;
    right: 0;
}

.input-icon i[data-action=remove-filter-name] {
    position: absolute;
    top: 0;
    right: 80px;
    font-size: 19px;
    color: #666;
    cursor: pointer;
}

    .input-icon i[data-action=remove-filter-name]:hover {
        color: #000;
    }

.input-icon > .form-control {
    padding-left: 33px;
}

.input-icon input.error {
    border: 1px solid #f00;
}

.input-icon.filter-request.loading-animation:before {
    width: 25px;
    height: 25px;
    left: unset;
    right: 78px;
    top: 45px;
}

.input-icon.filter-request.loading-animation i[data-action=remove-filter-name] {
    display: none;
}

[data-viewport=hotel-republish-notification] {
    margin-left: 30px;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* END Filter Supplier Name */
.bootstrap-switch-container {
    min-width: 88px !important;
}
