/* Bootstrap 3.3.6 overrides */

@media (min-width:768px) {
    *[dir="ltr"] .navbar-left {
        float: left !important
    }
    *[dir="rtl"] .navbar-left {
        float: right !important
    }

    *[dir="ltr"] .navbar-right {
        float: right !important;
        margin-right: -15px;
    }
    *[dir="rtl"] .navbar-right {
        float: left !important;
        margin-left: -15px;
    }

    *[dir="ltr"] .navbar-right~.navbar-right {
        margin-right: 0
    }
    *[dir="rtl"] .navbar-right~.navbar-right {
        margin-left: 0
    }
}

*[dir="ltr"] .text-left {
    text-align: left;
}
*[dir="rtl"] .text-left {
    text-align: right;
}
*[dir="ltr"] .text-right {
    text-align: right;
}
*[dir="rtl"] .text-right {
    text-align: left;
}

*[dir="ltr"] .dropdown-menu {
  text-align: left;
}
*[dir="rtl"] .dropdown-menu {
    text-align: right;
}

/* *[dir="rtl"] .datepicker .input-group-addon:last-child {
    border-left: 0!important;
} */

*[dir="ltr"] .nav-tabs>li {
    float: left!important;
}
*[dir="rtl"] .nav-tabs>li {
    float: right!important;
}

/*  */

.ms-edge-render-fix-1 button::after {
    content: " ";
    position: absolute;
    user-select: none;
    pointer-events: none;
}

/* BREADCRUMBS HIDING RULE */

.contentHeader>div>div:nth-child(2) {
    display: none !important;
}

/* TEMPLATE FIXES */

#wrapper {
    /* min-height: unset !important; */
    padding-bottom: 20px !important;
}

#wrapper .content {
    padding-bottom: 0 !important;
}

#wrapper::after {
    content: " ";
    position: absolute;
    left: -1px;
    right: 0;
    top: 0px;
    bottom: 0;
    opacity: 0;
    display: none;
    transition: opacity linear 0.5s;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.15);
}

#wrapper.with-overlay::after {
    display: block;
}

#wrapper.overlay-visible::after {
    opacity: 1;
}

#wrapper.with-overlay.overlay-out::after {
    pointer-events: none;
}

.printable-container {
    width: 900px;
    margin: 40px auto 30px auto;
    padding: 30px 30px 10px 30px;
    border-radius: 10px;
    background: #fff;
    font-size: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.035);
}

@media print {
    .printable-container {
        padding: 0 !important;
    }
}

.printable {
    margin-bottom: 20px;
}

.printable b {
    color: rgb(51, 52, 53);
}

.printable .section-header {
    color: rgb(13, 123, 144);
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}

.printable .section-header>span>span {
    font-size: 18px;
}

.printable hr {
    margin-top: 10px;
    margin-bottom: 14px;
    border: 1px solid rgb(30, 134, 154);
}

.printable.red-text, .printable.red-text b {
    color: rgb(191, 13, 13);
}

.printable.red-text .section-header {
    color: rgb(202, 11, 11);
}

.printable.red-text hr {
    border-color: rgb(167, 10, 10);
}

.printable .glyphicon-arrow-right {
    font-size: 11px;
    top: 0;
    position: relative;
}

.lightgray {
    color: lightgray;
}

body .form-control[disabled], body .form-control[readonly], body fieldset[disabled] .form-control {
    background-color: #f8f8f8;
    opacity: 1;
    border-color: #e8e8e8 !important;
    color: #bbb;
    user-select: none !important;
}

body .input-as-label, body .input-as-label[disabled] {
    background: #fff !important;
    border-color: transparent !important;
    color: #888 !important;
    cursor: default;
    user-select: text !important;
}

*[dir="ltr"] .navbar-right {
    margin-right: 0 !important;
    float: right;
}
*[dir="rtl"] .navbar-right {
    margin-left: 0 !important;
    float: left;
}


#rs_root {
    position: relative;
    z-index: 100000000;
}

.fixed {
    position: fixed;
}

.table-envelope {
    margin-right: 2px;
}

*[dir="rtl"] .table-envelope {
    margin-right: unset;
    margin-left: 2px;
}

.va-top {
    vertical-align: top;
}

.pull-left-children>* {
    float: left;
}

.checkbox-fix {
    position: relative;
    top: 4px;
    margin: 0 !important;
}

@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}

.blinking {
    animation: blinker 1s linear infinite;
}

@keyframes blinker-to-cyan-gray {
    50% {
        color: #b8d3d8;
    }
}

.blinking-to-cyan-gray {
    animation: blinker-to-cyan-gray 1s linear infinite;
}

.block {
    display: block;
}

.no-select {
    user-select: none;
}

.font-large {
    font-size: 15px;
}

.font-extra-large {
    font-size: 20px;
}

.font-lg-3 {
    font-size: 28px;
}

.font-small {
    font-size: 11px;
}

.panel-delimiter {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
    border-top: 1px solid #d8d8d8;
    margin-bottom: 9px;
}

body.modal-open {
    padding-right: 0 !important;
    position: static;
}

.row.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gutters .col {
    padding-left: 0;
    padding-right: 0;
}

.disp-tabl {
    display: table;
}

.disp-tablc {
    display: table-cell;
}

.va-middle {
    vertical-align: middle;
}

table.table-va-middle>tbody>tr>td {
    vertical-align: middle;
}

.modal-dialog {
    width: unset !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.modal-dialog .modal-body {
    overflow-y: auto;
}

.error-modal .modal-dialog {
    max-width: 600px;
}

@media (max-height: 500px) {
    .modal-dialog {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .modal-dialog .modal-body {
        max-height: 380px;
    }
}

@media (min-height: 500px) {
    .modal-dialog {
        margin-top: 25px;
        margin-bottom: 15px;
    }
    .modal-dialog .modal-body {
        max-height: 380px;
    }
}

@media (min-height: 600px) {
    .modal-dialog {
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .modal-dialog .modal-body {
        max-height: 380px;
    }
}

@media (min-height: 700px) {
    .modal-dialog {
        margin-top: 100px;
        margin-bottom: 35px;
    }
    .modal-dialog .modal-body {
        max-height: 400px;
    }
}

@media (min-height: 850px) {
    .modal-dialog {
        margin-top: 125px;
        margin-bottom: 45px;
    }
    .modal-dialog .modal-body {
        max-height: 500px;
    }
}

@media (min-height: 1000px) {
    .modal-dialog {
        margin-top: 150px;
        margin-bottom: 50px;
    }
    .modal-dialog .modal-body {
        max-height: 600px;
    }
}

.absolute-top-left {
    position: absolute;
    top: 0;
    left: 0;
}

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

.absolute-bottom-left {
    position: absolute;
    bottom: 0;
}
*[dir="ltr"] .absolute-bottom-left {
    left: 0;
}
*[dir="rtl"] .absolute-bottom-left {
    right: 0;
}

.absolute-bottom-right {
    position: absolute;
    bottom: 0;
}
*[dir="ltr"] .absolute-bottom-right {
    right: 0;
}
*[dir="rtl"] .absolute-bottom-right {
    left: 0;
}


/* Set padding to keep content from hitting the edges */

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

p {
    margin: 0 0 5px;
}

.w-xxs {
    min-width: 60px;
}

.w-xxs-fixed {
    max-width: 60px !important;
    min-width: 60px;
}

.float-r {
    float: right;
}

.f-s-12 {
    font-size: 12px;
}

.f-s-14 {
    font-size: 14px;
}

.f-s-15 {
    font-size: 15px;
}

.f-s-18 {
    font-size: 18px;
}

.f-s-21 {
    font-size: 21px;
}

.top-m1px {
    position: relative;
    top: -1px;
}

.top-m2px {
    position: relative;
    top: -2px;
}

.top-m3px {
    position: relative;
    top: -3px;
}

.top-m4px {
    position: relative;
    top: -4px;
}

.top-m5px {
    position: relative;
    top: -5px;
}

.m-l-auto {
    margin-left: auto !important;
}

.m-b-none {
    margin-bottom: 0 !important;
}

.m-b-8pxi {
    margin-bottom: 8px !important;
}

.m-b-15pxi {
    margin-bottom: 15px !important;
}

*[dir="ltr"] .m-l-smi {
    margin-left: 10px !important;
}
*[dir="rtl"] .m-l-smi {
    margin-right: 10px !important;
}
.m-l-smi-static {
    margin-left: 10px !important;
}

.m-b-smi {
    margin-bottom: 10px !important;
}

.m-t-smi {
    margin-top: 10px !important;
}

.m-b-xsi {
    margin-bottom: 5px !important;
}

.m-t-xsi {
    margin-top: 5px !important;
}

.m-b-mdi {
    margin-bottom: 20px !important;
}

*[dir="ltr"] .p-r-xs {
    padding-right: 5px !important;
}
*[dir="rtl"] .p-r-xs {
    padding-left: 5px !important;
}

*[dir="ltr"] .p-l-xs {
    padding-left: 5px !important;
}
*[dir="rtl"] .p-l-xs {
    padding-right: 5px !important;
}

*[dir="ltr"] .p-r-smi {
    padding-right: 10px !important;
}
*[dir="rtl"] .p-r-smi {
    padding-left: 10px !important;
}

*[dir="ltr"] .p-l-smi {
    padding-left: 10px !important;
}
*[dir="rtl"] .p-l-smi {
    padding-right: 10px !important;
}

*[dir="ltr"] .p-r-md {
    padding-right: 20px;
}
*[dir="rtl"] .p-r-md {
    padding-left: 20px;
}

*[dir="ltr"] .p-l-md {
    padding-left: 20px;
}
*[dir="rtl"] .p-l-md {
    padding-right: 20px;
}

.p-t-md {
    padding-top: 20px;
}

.p-t-smi {
    padding-top: 10px !important;
}

.p-b-smi {
    padding-bottom: 10px !important;
}

.p-b-md {
    padding-bottom: 20px;
}

*[dir="ltr"] .p-r-lg {
    padding-right: 30px;
}
*[dir="rtl"] .p-r-lg {
    padding-left: 30px;
}

*[dir="ltr"] .p-l-lg {
    padding-left: 30px;
}
*[dir="rtl"] .p-l-lg {
    padding-right: 30px;
}

.p-t-lg {
    padding-top: 30px;
}

.p-b-lg {
    padding-bottom: 30px;
}

.p-t-15pxi {
    padding-top: 15px !important;
}

.no-text-transform {
    text-transform: none !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.cursor-normal, .cursor-normal tr, .cursor-normal td {
    cursor: default !important;
}

.cursor-pointer, .cursor-pointer tr, .cursor-pointer td {
    cursor: pointer !important;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.modal {
    padding-right: 0 !important;
}

button {
    outline: 0 !important;
}

textarea {
    resize: none;
}

.h-34 {
    height: 34px;
}

.mh-34 {
    max-height: 34px !important;
}

.lh-34 {
    line-height: 34px;
}

.lh-24 {
    line-height: 24px;
}

.lh-24i {
    line-height: 24px !important;
}

.lh-44i {
    line-height: 44px !important;
}

.lh-45 {
    line-height: 45px;
}

.bg-trnsp {
    background: transparent !important;
}

.no-display-while-loading {
    display: none !important;
}

.no-bottom-border {
    border-bottom: none !important;
}

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

.w1px {
    width: 1px;
}

.w20px {
    width: 20px;
}

.w75px {
    width: 75px;
}

.w150px {
    width: 150px;
}

.w200px {
    width: 200px;
}

.ws-nowrap {
    white-space: nowrap;
}

.transparent {
    opacity: 0.35;
}

.opacity10 {
    opacity: 0.1 !important;
}

.opacity30 {
    opacity: 0.3 !important;
}

.opacity40 {
    opacity: 0.4 !important;
}

.opacity-1-hover:hover {
    opacity: 1 !important;
}

.inline-block {
    display: inline-block !important;
}

.table-cell {
    display: table-cell !important;
}

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

*[dir="ltr"] .m-l-nonei {
    margin-left: 0 !important;
}
*[dir="rtl"] .m-l-nonei {
    margin-right: 0 !important;
}

*[dir="ltr"] .m-r-nonei {
    margin-right: 0 !important;
}
*[dir="rtl"] .m-r-nonei {
    margin-left: 0 !important;
}

.m-b-nonei {
    margin-bottom: 0 !important;
}

.b-t-nonei {
    border-top: none !important;
}

*[dir="ltr"] .b-l-nonei {
    border-left: none !important;
}
*[dir="rtl"] .b-l-nonei {
    border-right: none !important;
}

*[dir="rtl"] .table-search-icon.b-l-nonei {
    border-left: 1px solid;
}

*[dir="ltr"] .b-r-nonei {
    border-right: none !important;
}
*[dir="rtl"] .b-r-nonei {
    border-left: none !important;
}

.b-b-nonei {
    border-bottom: none !important;
}

.p-side-nonei {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-side-none {
    padding-left: 0;
    padding-right: 0;
}

.p-x-nonei {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-t-nonei {
    padding-top: 0 !important;
}

*[dir="ltr"] .p-l-nonei {
    padding-left: 0 !important;
}
*[dir="rtl"] .p-l-nonei {
    padding-right: 0 !important;
}

*[dir="ltr"] .p-r-nonei {
    padding-right: 0 !important;
}
*[dir="rtl"] .p-r-nonei {
    padding-left: 0 !important;
}

.p-l-none {
    padding-left: 0;
}

*[dir="ltr"] .p-r-none {
    padding-right: 0;
}
*[dir="rtl"] .p-r-none {
    padding-left: 0;
}

.p-b-nonei {
    padding-bottom: 0 !important;
}

*[dir="ltr"] .p-r-15i {
    padding-right: 15px !important;
}
*[dir="rtl"] .p-r-15i {
    padding-left: 15px !important;
}

.m-b-15px {
    margin-bottom: 15px;
}

b, strong {
    font-weight: 600 !important;
}

ul {
    margin-bottom: 0;
}
*[dir="ltr"] ul {
    /* padding-left: 30px; */
}
*[dir="rtl"] ul {
    /* padding-right: 30px; */
}

.tooltip-inner ul {
    padding-left: 20px !important;
    text-align: left;
    margin: 3px 0;
}

.guest-container .tooltip-inner span:first-child {
    display: block;
    text-align: center;
}

.guest-container .tooltip-inner {
    white-space: nowrap;
}

.guest-container .tooltip {
    direction: ltr;
}

.min-req-width {
    width: 1px;
    white-space: nowrap;
}

.min-req-width110 {
    width: 110px;
    white-space: nowrap;
}

a.bor-bot-dotted {
    border-bottom: 1px dotted;
}

a.bor-bot-dotted:hover {
    border-bottom: 1px solid;
}

.text-cyan-gray {
    color: #b8d3d8 !important;
}

.font-normal {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Set width on the form input elements since they're 100% wide by default */

/*input,
select,
textarea {
    max-width: 280px;
}*/

.hpanel.m-b-none {
    margin-bottom: 0;
}

/*----- Custom ------*/

.modal input, .modal select, .modal textarea, .spec-form input, .spec-form select, .spec-form textarea, input, select, textarea {
    max-width: inherit;
}

.spec-form label[class*="col"] {
    text-transform: capitalize;
    padding-right: 0;
    padding-left: 0;
}

.spec-form form .n-w-s, form .n-w-s {
    white-space: nowrap;
}

.form-horizontal.spec-form .control-label, .form-horizontal .control-label {
    padding-right: 0;
}

form.spec-form>[class*="col"], form>[class*="col"] {
    margin-bottom: 1.7em;
}

.spec-form .control-label>small {
    display: block;
    right: 0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default .select2-selection--multiple, .select2-container .select2-choices {
    border-color: #e4e5e7;
    box-shadow: none;
    min-height: 34px;
}

.select2-dropdown, .select2-drop-active {
    border-color: #e4e5e7;
}

select.error+.select2 .select2-selection.select2-selection--multiple {
    border-color: #e74c3c;
}

/*----- Modal -----*/

.modal-content {
    border-radius: 0;
}

.modal-content>.modal-body:first-child {
    padding-top: 3em;
}

.modal-content>.modal-body:first-child h4 {
    font-weight: bold;
}

.modal-body.text-right {
    padding-top: 0;
}



*[dir="ltr"] .ReservatonDetails .modal-footer .button-spinnerable {
    float: right;
}
*[dir="rtl"] .ReservatonDetails .modal-footer .button-spinnerable {
    float: left;
}

*[dir="ltr"] .Checkout .modal-footer .button-spinnerable {
    margin-left: 10px;
}
*[dir="rtl"] .Checkout .modal-footer .button-spinnerable {
    margin-right: 10px;
}

*[dir="ltr"] .ReservatonDetails .modal-footer .button-spinnerable {
    margin-left: 10px;
}
*[dir="rtl"] .ReservatonDetails .modal-footer .button-spinnerable {
    margin-right: 10px;
}

*[dir="ltr"] .OrderDetails .modal-footer .button-spinnerable {
    float: right;
}
*[dir="rtl"] .OrderDetails .modal-footer .button-spinnerable {
    float: left;
}

*[dir="ltr"] .OrderDetails .modal-footer .button-spinnerable {
    margin-left: 10px;
}
*[dir="rtl"] .OrderDetails .modal-footer .button-spinnerable {
    margin-right: 10px;
}


*[dir="rtl"] .Checkout .panel-body .col-xxs-12 .m-t-sm.room-details-block {
    justify-content: flex-end;
}

.static-ltr-dir {
    direction: ltr;
}
.static-rtl-dir {
    direction: rtl;
}

*[dir="ltr"] .dynamic-dir {
    direction: ltr;
}
*[dir="rtl"] .dynamic-dir {
    direction: rtl;
}

/*---- Error modal ----*/

.error-modal {
    padding-right: 0!important;
}

.error-modal .alert {
    border-radius: 0;
    min-height: 100%;
    margin-bottom: 0;
}

.error-modal .alert>i {
    color: white;
    font-size: 4em;
}

.error-modal .well {
    max-height: 9em;
    overflow: auto;
    margin-bottom: 0;
}

@media all and (min-width:1200px) {
    .m-w-270 {
        min-width: 270px;
    }
    .m-w-330 {
        min-width: 330px;
    }
}

@media all and (min-width:768px) and (max-width:850px) {
    .hpanel .panel-body {
        padding: 15px;
    }
    .panel-body>.col-sm-6 {
        padding: 0;
    }
}

@media all and (max-width:767px) {
    .table-responsive {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .panel-body>.col-sm-6 {
        padding: 1%;
    }
    .panel-body>.col-sm-6 button {
        margin: 0;
    }
    .control-label>small, .control-label>small {
        display: inherit;
        position: static;
    }
    label+[class*="col"], label+[class*="col"] {
        padding-right: 0;
        padding-left: 0;
    }
    .spec-form>div>div {
        padding-right: 0;
        padding-left: 0;
    }
    .spec-form>div>label {
        width: 100%;
        display: block;
    }
    .spec-form .control-label>small {
        position: static;
        display: inline;
        margin-left: 0.5em;
    }
    .spec-form {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
}

.table-responsive tbody tr {
    cursor: pointer;
}

.line-height-lg-60 {
    line-height: 60px;
}

@media (max-width: 992px) {
    .line-height-md-30 {
        line-height: 30px !important;
    }
}

@media (min-width: 768px) {
    *[dir="ltr"] .pull-right-sm {
        float: right;
    }
    *[dir="rtl"] .pull-right-sm {
        float: left;
    }
    *[dir="ltr"] .sm-row-right-nmargin-25 {
        margin-right: -25px;
    }
    *[dir="rtl"] .sm-row-right-nmargin-25 {
        margin-left: -25px;
    }
    *[dir="ltr"] .sm-row-left-nmargin-25 {
        margin-left: -25px;
    }
    *[dir="rtl"] .sm-row-left-nmargin-25 {
        margin-right: -25px;
    }
    *[dir="ltr"] .sm-no-right-padding {
        padding-right: 0;
    }
    *[dir="rtl"] .sm-no-right-padding {
        padding-left: 0;
    }
    *[dir="ltr"] .sm-no-left-padding {
        padding-left: 0;
    }
    *[dir="rtl"] .sm-no-left-padding {
        padding-right: 0;
    }
    *[dir="ltr"] .sm-right-padding-10 {
        padding-right: 10px !important;
    }
    *[dir="rtl"] .sm-right-padding-10 {
        padding-left: 10px !important;
    }
    *[dir="ltr"] .sm-right-padding-5 {
        padding-right: 5px !important;
    }
    *[dir="rtl"] .sm-right-padding-5 {
        padding-left: 5px !important;
    }
    *[dir="ltr"] .sm-left-padding-10 {
        padding-left: 10px !important;
    }
    *[dir="rtl"] .sm-left-padding-10 {
        padding-right: 10px !important;
    }
    *[dir="ltr"] .sm-left-padding-5 {
        padding-left: 5px !important;
    }
    *[dir="rtl"] .sm-left-padding-5 {
        padding-right: 5px !important;
    }
}

@media (min-width: 992px) {
    *[dir="ltr"] .pull-right-md {
        float: right;
    }
    *[dir="rtl"] .pull-right-md {
        float: left;
    }
    *[dir="ltr"] .md-row-right-nmargin-25 {
        margin-right: -25px;
    }
    *[dir="rtl"] .md-row-right-nmargin-25 {
        margin-left: -25px;
    }
    *[dir="ltr"] .md-row-left-nmargin-25 {
        margin-left: -25px;
    }
    *[dir="rtl"] .md-row-left-nmargin-25 {
        margin-right: -25px;
    }
    *[dir="ltr"] .md-no-right-padding {
        padding-right: 0;
    }
    *[dir="rtl"] .md-no-right-padding {
        padding-left: 0;
    }
    *[dir="ltr"] .md-no-left-padding {
        padding-left: 0;
    }
    *[dir="rtl"] .md-no-left-padding {
        padding-right: 0;
    }
    *[dir="ltr"] .md-right-padding-10 {
        padding-right: 10px !important;
    }
    *[dir="rtl"] .md-right-padding-10 {
        padding-left: 10px !important;
    }
    *[dir="ltr"] .md-right-padding-5 {
        padding-right: 5px !important;
    }
    *[dir="rtl"] .md-right-padding-5 {
        padding-left: 5px !important;
    }
    *[dir="ltr"] .md-left-padding-10 {
        padding-left: 10px !important;
    }
    *[dir="rtl"] .md-left-padding-10 {
        padding-right: 10px !important;
    }
    *[dir="ltr"] .md-left-padding-5 {
        padding-left: 5px !important;
    }
    *[dir="rtl"] .md-left-padding-5 {
        padding-right: 5px !important;
    }

    *[dir="rtl"] body.StatementDetails .animate-panel .col.col-md-6 {
        float: right;
    }
}

@media (min-width: 1200px) {
    *[dir="ltr"] .pull-right-lg {
        float: right;
    }
    *[dir="rtl"] .pull-right-lg {
        float: left;
    }
    *[dir="ltr"] .lg-row-right-nmargin-25 {
        margin-right: -25px;
    }
    *[dir="rtl"] .lg-row-right-nmargin-25 {
        margin-left: -25px;
    }
    *[dir="ltr"] .lg-row-left-nmargin-25 {
        margin-left: -25px;
    }
    *[dir="rtl"] .lg-row-left-nmargin-25 {
        margin-right: -25px;
    }
    *[dir="ltr"] .lg-no-right-padding {
        padding-right: 0;
    }
    *[dir="rtl"] .lg-no-right-padding {
        padding-left: 0;
    }
    *[dir="ltr"] .lg-no-left-padding {
        padding-left: 0;
    }
    *[dir="rtl"] .lg-no-left-padding {
        padding-right: 0;
    }
    *[dir="ltr"] .lg-right-padding-10 {
        padding-right: 10px !important;
    }
    *[dir="rtl"] .lg-right-padding-10 {
        padding-left: 10px !important;
    }
    *[dir="ltr"] .lg-right-padding-5 {
        padding-right: 5px !important;
    }
    *[dir="rtl"] .lg-right-padding-5 {
        padding-left: 5px !important;
    }
    *[dir="ltr"] .lg-left-padding-10 {
        padding-left: 10px !important;
    }
    *[dir="rtl"] .lg-left-padding-10 {
        padding-right: 10px !important;
    }
    *[dir="ltr"] .lg-left-padding-5 {
        padding-left: 5px !important;
    }
    *[dir="rtl"] .lg-left-padding-5 {
        padding-right: 5px !important;
    }
}

*[dir="ltr"] .pull-right {
    float: right!important;
}
*[dir="rtl"] .pull-right {
    float: left!important;
}

*[dir="ltr"] .pull-left {
    float: left!important;
}
*[dir="rtl"] .pull-left {
    float: right!important;
}

.hpanel-additional {
    position: relative;
    z-index: 1000;
    transition: box-shadow 1s ease;
}

.hpanel-fixed {
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.075);
}

.hpanel-pivot {
    height: 0;
    display: block;
    margin: 0 !important;
    padding: 0;
}

.hpanel-fixed>.panel-body {
    border-bottom-width: 2px;
    background-clip: padding-box;
    border-bottom-color: rgba(216, 216, 216, 0.66);
}

@media (max-width: 550px) {
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11 {
        float: left;
    }
    .col-xxs-1 {
        width: 8.333333333333332%;
    }
    .col-xxs-2 {
        width: 16.666666666666664%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-4 {
        width: 33.33333333333333%;
    }
    .col-xxs-5 {
        width: 41.66666666666667%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-7 {
        width: 58.333333333333336%;
    }
    .col-xxs-8 {
        width: 66.66666666666666%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-10 {
        width: 83.33333333333334%;
    }
    .col-xxs-11 {
        width: 91.66666666666666%;
    }
    .col-xxs-12 {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .availability-dopdown-position-xl2 {
        position: absolute;
        width: 100%;
        padding-right: 30px;
        top: -20px;
    }
    .m-t-xl2-7 {
        margin-top: 0 !important;
    }
}

@media (min-width: 1200px) {
    .col-xl2-1, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xl2-10, .col-xl2-11, .col-xl2-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-xl2-1, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xl2-10, .col-xl2-11 {
        float: left;
    }
    .col-xl2-1 {
        width: 8.333333333333332%;
    }
    .col-xl2-2 {
        width: 16.666666666666664%;
    }
    .col-xl2-3 {
        width: 25%;
    }
    .col-xl2-4 {
        width: 33.33333333333333%;
    }
    .col-xl2-5 {
        width: 41.66666666666667%;
    }
    .col-xl2-6 {
        width: 50%;
    }
    .col-xl2-7 {
        width: 58.333333333333336%;
    }
    .col-xl2-8 {
        width: 66.66666666666666%;
    }
    .col-xl2-9 {
        width: 75%;
    }
    .col-xl2-10 {
        width: 83.33333333333334%;
    }
    .col-xl2-11 {
        width: 91.66666666666666%;
    }
    .col-xl2-12 {
        width: 100%;
    }
    .pull-right-xl2 {
        float: right;
    }
    .m-t-xl2-7 {
        margin-top: 7px !important;
    }
}

.sent-for-approval {
    font-size: 15px;
    font-weight: 600;
    color: #187088;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    margin-bottom: -3px;
}

.order-panel-caption {
    font-size: 12px;
    font-weight: 600;
    color: #187088;
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: -3px;
    text-align: left;
    display: block;
}

.order-panel-caption-danger {
    font-size: 12px;
    font-weight: 600;
    color: #d90000;
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: -3px;
    text-align: left;
    display: block;
}

*[dir="rtl"] .order-panel-caption {
    text-align: right!important;
}

.search-rate-item-delimiter {
    display: block;
    height: 1px;
    width: 100%;
    background: #e3e3e3;
    float: right;
    margin-top: 13px;
}

.search-rates li:last-child {
    padding-bottom: 0;
}

.search-rates li:last-child .search-rate-item-delimiter {
    display: none;
}

.inline-control-label {
    margin: 0;
    padding: 0;
    line-height: 32px;
}

.new-user-form-group input {
    font-size: 14px !important;
}

.reserve-button-container {
    height: 100%;
    position: absolute;
    float: right;
    margin-top: -20px;
    flex-direction: row-reverse;
}

.overlayed-button-container {
    display: flex;
    align-items: center;
}

.no-sel-margin select {
    margin: 0 !important;
}

.w100p {
    width: 100%;
}

.w1p {
    width: 1%;
}

.room-rate-list {
    padding-top: 0px;
}

.room-rate-list:first-child {
    padding-top: 9px;
}

.room-rate-list:last-child {
    padding-bottom: 12px !important;
}

.text-black-button {
    cursor: pointer;
    user-select: none;
}

.text-black-button:hover {
    color: black;
}

.inline-collapse.collapse.in {
    display: initial !important;
}

.loading-btn-container {
    height: 34px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-top-left-radius: 4px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 3px;
}

.submit-with-loading {
    /*position: absolute;*/
    left: 0;
    top: 0;
    z-index: 2;
}

.submit-loading-overlay {
    display: block;
    width: 100%;
    height: 34px;
    margin-top: 0 !important;
    left: 0;
    top: 0;
    transition: opacity linear 0.25s;
    font-size: 14px;
    font-weight: 400;
    color: transparent;
    pointer-events: none;
    cursor: default;
}

.submit-loading-overlay .fa {
    margin-top: -3px;
    position: absolute;
    font-size: 26px;
    left: 0;
    right: 0;
    color: #fff !important;
    pointer-events: none;
    cursor: default;
}

.loading-btn-container2 {
    height: 34px;
    position: relative;
    display: inline-block;
    border-radius: 3px;
}

.submit-loading-overlay2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0.75;
    transition: opacity linear 0.25s;
    cursor: not-allowed;
    pointer-events: none;
    color: rgba(255, 255, 255, 0.01);
}

.submit-loading-overlay2 .fa {
    margin-top: -3px;
    position: absolute;
    font-size: 26px;
    left: 0;
    right: 0;
    color: #fff !important;
    pointer-events: none;
    cursor: not-allowed;
}

.availability-guarantee-cont {
    display: table-cell;
}

.availability-price-breakdown-cont {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: bottom;
}

.availability-price-breakdown {
    display: flex;
}
*[dir="ltr"] .availability-price-breakdown {
    margin-left: 10px;
}
*[dir="rtl"] .availability-price-breakdown {
    margin-right: 10px;
}

.availability-price-breakdown span, span.availability-price-breakdown {
    text-decoration: underline;
}

.availability-price-breakdown span:hover, span.availability-price-breakdown:hover {
    color: #000;
    cursor: pointer;
}

.modal .modal-content {
    border-radius: 10px;
}


.modal .modal-header {
    padding: 15px;
    border-radius: 5px 5px 0 0;
}

.modal-component .modal-title {
    font-size: 21px;
    margin-left: 5px;
    display: inline-block;
}

.modal .modal-footer {
    border-radius: 0 0 5px 5px;
}

.modal-component .close {
    float: right;
    margin-top: 5px;
    margin-right: 6px;
}

*[dir="rtl"] .modal-header .close {
    float: left!important;
}


.room-rate-price-breakdown, .itinerary-room-list {
    border: 1px solid #ccc;
    margin-bottom: 0px;
    padding: 0;
}

.room-rate-price-breakdown {
    margin-top: 15px;
    max-height: 210px;
    overflow: auto;
}

.itinerary-room-list {
    display: table;
    width: 100%;
    border-bottom: none !important;
}

.room-rate-price-breakdown>li, .itinerary-room-list>li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.room-rate-price-breakdown>li {
    display: table;
    border-bottom: 1px solid #ddd;
}

.itinerary-room-list>li {
    display: table-row;
}

.room-rate-price-breakdown>li>span, .itinerary-room-list>li>span {
    display: table-cell;
    padding: 5px 9px;
    text-shadow: 1px 1px 1px #fff, 1px 1px 1px #fff, 1px 1px 1px #fff;
}
*[dir="ltr"] .room-rate-price-breakdown>li>span, *[dir="ltr"] .itinerary-room-list>li>span {
    border-right: 1px solid #ddd;
}
*[dir="rtl"] .room-rate-price-breakdown>li>span, *[dir="rtl"] .itinerary-room-list>li>span {
    border-left: 1px solid #ddd;
}

.room-rate-price-breakdown>li>span {
    text-align: center;
    width: 25%;
}

.itinerary-room-list>li>span {
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

.room-rate-price-breakdown>li:last-child, .room-rate-price-breakdown>li>span:last-child {
    border: none;
}

.itinerary-room-list>li:last-child, .itinerary-room-list>li>span:last-child {
    border-right: none;
}

.room-rate-price-breakdown>li>span:nth-child(3) {
    width: 22.5%;
}

.room-rate-price-breakdown>li>span:last-child {
    width: 27.5%;
}

.room-rate-price-breakdown>li:first-child, .itinerary-room-list>li:first-child {
    background: #f2f2f2;
}

.room-rate-price-breakdown>li:nth-child(2n + 3), .itinerary-room-list>li:nth-child(2n + 3) {
    background: #f8f8f8;
}

.error-inline-message {
    color: #a70000;
}

.error-inline-message i {
    color: #fc7467;
    font-size: 18px;
    position: relative;
    bottom: -2px;
}
*[dir="ltr"] .error-inline-message i {
    margin-right: 10px;
}
*[dir="rtl"] .error-inline-message i {
    margin-left: 10px;
}

.warning-inline-message {
    color: #eeaf00;
}

.warning-inline-message i {
    margin-right: 10px;
    color: #eeaf00;
    font-size: 18px;
    position: relative;
    bottom: -3px;
}

*[dir="rtl"] .warning-inline-message i {
    margin-right: 0;
    margin-left: 10px;
  }

.success-inline-message {
    color: #247e0a;
}

.success-inline-message i {
    margin-right: 10px;
    color: #88c476;
    font-size: 18px;
    position: relative;
    bottom: -2px;
}

.warning-message, .warning-message i {
    color: #eb9e2e !important;
}

.page-awaiting-data-preloader {
    text-align: center;
    width: 100%;
    box-sizing: padding-box;
    padding: 25px 0 50px 0;
    font-size: 16px;
    color: #999;
}

.page-awaiting-data-preloader img {
    display: block;
    margin: auto;
    padding: 30px;
    height: auto;
    box-sizing: content-box;
    opacity: 0.65;
}

.ul-errors {
    margin-top: 5px;
    margin-bottom: 0px;
}

*[dir="ltr"] .ul-errors {
  padding-left: 16px;
}
*[dir="rtl"] .ul-errors {
    padding-right: 16px!important;
}

.ul-errors>li {
    margin-top: 3px;
}

.row-guest:not(:first-child) {
    margin-top: 10px;
}

.row-guest .control-label {
    font-weight: 600 !important;
}

.remove-guest-btn, .add-guest-btn {
    position: absolute;
    top: 0px;
    cursor: pointer;
}

.remove-guest-btn {
    right: 15px;
}

.add-guest-btn {
    right: 35px;
}

.flex-rtl {
    display: flex;
    flex-direction: row-reverse;
}

.flex {
    display: flex;
}

.history-row hr {
    margin: 15px 0;
}

.history-row:last-child hr {
    display: none;
}

.history-row .date, .history-row .user {
    padding-right: 10px;
    font-weight: 600;
}

.history-row .user::after {
    content: '»';
    padding-left: 10px;
}

.datatable-custom input[type=search] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.datatable-custom {
    margin-top: 6px;
    margin-bottom: 6px;
}

.datatable-custom table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border: none;
}

.filtersContainer>div {
    border: 1px solid #ddd;
}

.filtersContainer>div:not(:first-child) {
    margin-top: -1px;
}

.filtersContainer>div:last-child>.filter-body-collapsed {
    border-bottom: 1px solid #ddd;
}

.filter-header {
    /*border-bottom: 1px solid #ddd;*/
    background: #f9f9f9;
    line-height: 36px;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    cursor: pointer;
    user-select: none;
}

*[dir="rtl"] .filter-header {
    padding-left: 0;
    padding-right: 12px;
}

.filter-header:hover {
    background: #f3f3f3;
}

.filter-header:first-child {
    margin-top: 0;
}

.filter-body {
    border-bottom: none;
    border-top: none;
    /*overflow: hidden;*/
    transition: opacity ease 1s;
}

.filter-body-collapsed {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-height: 0 !important;
    overflow: hidden;
    margin-bottom: -1px;
}

.filter-body input {
    opacity: 1;
    max-height: 100px !important;
    max-width: 100% !important;
}

.filter-body-collapsed input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.filter-body-sub {
    transition: opacity ease 1s;
}

.filter-body-collapsed .filter-body-sub {
    opacity: 0;
}

.fltr-input-container {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.fltr-input-container.fltr-dateRange .button-placeholder {
    color: #aaa;
}

.filter-header .fa-chevron-down, .filter-header .fa-chevron-up {
    font-size: 15px;
    display: flex;
    align-self: center;
    /*margin-left: auto;*/
    padding-right: 10px;
    padding-bottom: 3px;
    opacity: 0.65;
}

*[dir="rtl"] .filter-header .fa-chevron-down {
    padding-left: 10px!important;
    padding-right: unset;
}


*[dir="rtl"] .filter-header .fa-chevron-up {
    padding-left: 10px!important;
    padding-right: unset;
}


.filter-header:hover .fa-chevron-down, .filter-header:hover .fa-chevron-up {
    opacity: 1;
}

.dataTables_length select {
    margin: 0 7px;
    padding: 0px 4px !important;
    width: 60px !important;
    display: inline;
}

.dataTables_filter input {
    display: inline-block;
    width: 200px;
}
*[dir="ltr"] .dataTables_filter input {
    margin-left: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
*[dir="rtl"] .dataTables_filter input {
    margin-right: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dataTables_filter span {
    display: flex;
    margin: auto;
    top: 0px;
}

.paginate_button>div {
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
}

.paginate_button.active>div {
    background-color: #0080a3 !important;
    border-color: #006c8a !important;
    color: #fff !important;
    cursor: default !important;
    z-index: 2 !important;
}

.paginate_button.disabled>div {
    color: #777 !important;
    cursor: not-allowed !important;
    background-color: #fff !important;
    border-color: #ddd !important;
}

.paginate_button>div:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

*[dir="ltr"] .pagination>li:first-child>div {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
*[dir="rtl"] .pagination>li:first-child>div {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

*[dir="ltr"] .pagination>li:last-child>div {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
*[dir="rtl"] .pagination>li:last-child>div {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dataTables_length label, .dataTables_filter label {
    font-weight: normal;
}

.reject-reason-cont {
    margin: -15px -20px -20px -20px;
    padding: 15px 20px 20px 20px;
    max-height: 250px;
    overflow-y: auto;
}

.onhover-button-container {
    display: inline-block;
}

.onhover-button-subcontainer:hover {
    position: relative;
    padding: 3px 8px;
    margin: -4px -9px;
    cursor: pointer;
    border-radius: 4px;
    /*Passive highlight*/
    /*background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.8);*/
    /*Agressive highlight*/
    background-color: rgb(3, 58, 78);
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: rgb(255, 255, 255);
}

.onhover-button-subcontainer .fa.fa-pencil {
    font-size: 14px;
    /* position: absolute; */
    opacity: 0.5;
    margin-top: 2px;
}

*[dir="ltr"] .onhover-button-subcontainer .fa.fa-pencil {
    margin-left: -16px;
}
*[dir="rtl"] .onhover-button-subcontainer .fa.fa-pencil {
    margin-right: -16px;
}



.onhover-button-subcontainer:hover .fa.fa-pencil {
    opacity: 0.785;
}

*[dir="ltr"] .onhover-button-subcontainer .onhover-button {
    padding-right: 22px;
}
*[dir="rtl"] .onhover-button-subcontainer .onhover-button {
    padding-left: 22px;
}


.guest-container {
    width: 100%;
    overflow-y: hidden;
    display: block;
    transition: max-height linear 0.35s;
    overflow: hidden;
}

*[dir="ltr"] .guest-container {
    padding-right: 15px;
}
*[dir="rtl"] .guest-container {
    padding-left: 15px;
}



.guest-container select {
    margin-bottom: 0 !important;
}

.container-collapsed .guest-subcontainer-additional {
    display: none;
}

.guest-subcontainer, .guest-subcontainer-additional {
    position: relative;
}

.guest-subcontainer-additional .control-label {
    padding-top: 0 !important;
}

.guest-subcontainer-additional .control-label span {
    display: block;
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    opacity: 0.75;
    margin-top: -2px;
}

@media (min-width: 1200px) {
    .guest-subcontainer-additional .guest-details .col {
      display: flex;
    }
}

*[dir="ltr"] .guest-details {
    padding-right: 41px;
    display: flex;
}
*[dir="rtl"] .guest-details {
    padding-left: 41px;
    display: flex; 
    /* influental */
}
@media (max-width: 550px) {
    *[dir="rtl"] .guest-details {
        padding-left: 0!important
    }

    *[dir="rtl"] .guest-container {
        padding-left: 0!important;
    }
}

*[dir="ltr"] .guest-details .control-label {
    padding-left: 15px !important;
}
*[dir="rtl"] .guest-details .control-label {
    padding-right: 15px !important;
}

.guest-container .gfname, .guest-container .glname {
    padding-right: 0;
}

.guest-container .gfname-cont, .guest-container .glname-cont {
    padding-right: 0px;
}

.cross-button-container, .collapse-button-container {
    vertical-align: middle;
    border-radius: 40px;
    background: #fff;
    border: 1px solid rgb(174, 174, 174);
    color: rgb(92, 92, 92);
    cursor: pointer;
    display: table-cell;
    width: 26px;
    height: 26px;
    text-align: center;
    align-content: center;
    position: absolute;
    margin-top: 3px;
    top: 0;
}

*[dir="ltr"] .cross-button-container, *[dir="ltr"] .collapse-button-container {
    right: 0;
}
*[dir="rtl"] .cross-button-container, *[dir="rtl"] .collapse-button-container {
    left: 0;
}

.collapse-button-container {
    top: initial !important;
    bottom: 4px;
}

.cross-button-container:hover, .collapse-button-container:hover {
    background: rgb(3, 58, 78);
    border-color: rgb(3, 58, 78);
    color: white;
}

.cross-button {
    margin: auto;
    font-size: 14px;
    margin-top: 2px;
}

.collapse-button {
    margin: auto;
    font-size: 14px;
    margin-top: 1px;
}

.btn-gray-green {
    background: #fff;
    border-color: #d8d8d8;
    color: #6b6b6b;
    padding-left: 24px;
    padding-right: 24px;
}

.btn-gray-green:hover {
    background: #52ae4b;
    border-color: #439d3c;
    color: #ffffff;
}

.btn-gray-red {
    background: #fff;
    border-color: #d8d8d8;
    color: #6b6b6b;
}

.btn-gray-red:hover {
    background: #f23c36;
    border-color: #be332f;
    color: #ffffff;
}

.btn-gray {
    background: #fff;
    border-color: #d8d8d8;
    color: #6b6b6b;
    padding-left: 24px;
    padding-right: 24px;
}

.btn-gray:hover {
    border-color: #a3b5bb;
    color: #033a4e;
}

.btn-gray2 {
    background: #fff;
    border-color: #d8d8d8;
    color: #6b6b6b;
    padding-left: 16px;
    padding-right: 16px;
}

.btn-gray2:hover {
    border-color: #a3b5bb;
    color: #033a4e;
}

.btn-gray-green[disabled], .btn-gray-red[disabled], .btn-gray2[disabled], .btn-gray[disabled] {
    background-color: #e4ebee;
    border-color: #e4ebee;
    color: #6b6b6b !important;
}

.gdbb-save {
    margin-left: 0 !important;
}

.gdbb-cancel {
    margin-left: 0 !important;
}

.fa-plus2:before {
    content: "\f067";
    padding-right: 4px;
    opacity: 0.7;
}

.smallInput {
    width: 35px;
    display: inline-block;
    line-height: 28px !important;
    height: 28px;
    text-align: center;
    padding: 0 !important;
}

.disabledAll {
    opacity: 0.5;
    cursor: default !important;
    user-select: none;
}

.disabledAll .form-control, .disabledAll .input_plus, .disabledAll .input_minus {
    cursor: default !important;
    user-select: none;
}

.input_plus.disabled, .input_minus.disabled {
    background: #f4f4f4 !important;
    cursor: default !important;
    border: 1px solid rgba(228, 229, 231, 0.70);
}

.input_plus.disabled .fa, .input_minus.disabled .fa {
    opacity: 0.35;
}

.disabledAll .form-control[disabled] {
    background-color: #fff;
}

.smInputContainer {
    height: 28px;
    position: relative;
}

.input_plus, .input_minus {
    border: 1px solid #e4e5e7;
    line-height: 26px;
    width: 25px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.input_plus .fa, .input_minus .fa {
    opacity: 0.75;
}

*[dir="ltr"] .input_plus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
*[dir="rtl"] .input_plus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

*[dir="ltr"] .input_minus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
*[dir="rtl"] .input_minus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.input_minus+.form-control {
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.metismenu .fa.arrow:before {
    margin-top: 2px;
    position: absolute;
}

.GBA_Panel-Form {
    padding: 12px 17px 0 17px !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

.GBA_Panel-Table {
    border-top: none !important;
    padding: 12px 17px 17px 17px !important;
}

.GBA_Panel-Table-empty {
    border-top: none !important;
    height: 16px;
    padding: 0 !important;
}

.GBA_Panel-Table-parent {
    border-top: none;
}

.GBA_FormContainer {
    display: flex;
}

.GBA_FormField {
    max-width: 140px;
    min-width: 65px;
    display: inline-block;
}

.GBA_FormField .fa-calendar {
    opacity: 0.75;
    padding-top: 1px;
}

.GBA_FormField+.GBA_FormField {
    margin-left: 15px;
}

.GBA_FormField input {
    padding: 0 !important;
    text-align: center;
}

.GBA_PullRight {
    margin-left: auto !important;
}

.GBA_FormContainer .ArrivalDate .cursor-normal, .GBA_FormContainer .DepartureDate .cursor-normal {
    /*background-color: #fff !important;*/
    cursor: pointer !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.GBA_TableContainer {
    position: relative;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.GBA_TableContainer thead {
    user-select: none;
}

.GBA_TableContainer th {
    font-weight: 600 !important;
}

.GBA_TableContainer th:not(:first-child), .GBA_TableContainer td {
    cursor: pointer;
}

.GBA_TableContainer tr, .GBA_TableContainer th, .GBA_TableContainer td {
    border: 1px solid rgba(221, 221, 221, 1);
}

.GBA_TableContainer th, .GBA_TableContainer td {
    padding: 8px 10px;
    position: relative;
}

.GBA_TableContainer td, .GBA_TableContainer th {
    border-right-color: rgba(221, 221, 221, 0.25);
}

.GBA_TableContainer td:last-child, .GBA_TableContainer th:last-child {
    border-right-color: rgba(221, 221, 221, 1);
}

.GBA_TableContainer tr {
    background-color: #fff;
}

.GBA_TableContainer th {
    white-space: nowrap;
    padding-right: 30px !important;
}

.GBA_TableContainer td:last-child {
    white-space: nowrap;
}

.GBA_TableContainer tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.GBA_TableContainer:not(.nonhoverable) tbody tr:hover {
    background-color: #f5f5f5;
}

.GBA_TableContainer th:first-child, .GBA_TableContainer td:first-child {
    width: 35px;
    text-align: center;
}

.GBA_TableContainer table {
    width: 100%;
}

.dataTable th {
    font-weight: 600;
}

.dataTable .empty-row {
    text-align: center;
    cursor: default !important;
    background-color: #f8f8f8 !important;
}

.dataTable .empty-row::after hover {
    cursor: default !important;
    background-color: #f8f8f8 !important;
}

.GBA_TableContainer table thead .sorting:after, .GBA_TableContainer table thead .sorting_asc:after, .GBA_TableContainer table thead .sorting_desc:after {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}

*[dir="rtl"] .GBA_TableContainer table thead .sorting:after, .GBA_TableContainer table thead .sorting_asc:after, .GBA_TableContainer table thead .sorting_desc:after {
    position: absolute;
    bottom: 8px;
    right: unset!important;
    left: 2px!important;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}

.GBA_TableContainer table thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
}

.GBA_TableContainer table thead .sorting_asc:after {
    content: "\e155";
}

.GBA_TableContainer table thead .sorting_desc:after {
    content: "\e156";
}

.GBA_TableContainer .incRoomCount, .GBA_TableContainer .decRoomCount {
    width: 25px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
    background: #ebebeb;
}

.GBA_TableContainer .fa {
    font-size: 12px !important;
}

.GBA_TableContainer .input_minus, .GBA_TableContainer .input_plus {
    background-color: #fff;
}

.GBA_TableContainer input[type="checkbox"] {
    cursor: pointer;
}

.GBA_selected {
    /*border-bottom: 1px solid rgba(46, 112, 137, 0.35);*/
}

.GBA_FormContainer h4 {
    /*color: rgb(46, 112, 137);*/
}

.GBA_TableContainer .preloader {
    position: absolute;
    top: -10px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: #fff;
    z-index: 100;
    opacity: 0.65;
    display: flex;
    margin: 20px;
}

.GBA_TableContainer .preloader .pcontent {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 14px;
}

.GBA_TableContainer .preloader .pcontent img {
    width: 100px;
    height: 100px;
}

.GBA_TableContainer .emptryTableRow {
    line-height: 150px;
}

.GBA_TableContainer .emptryTableRow:hover {
    line-height: 150px;
    background-color: #f9f9f9 !important;
}

.GBA_TableContainer .selected {
    background: #f0f0f0 !important;
    color: #000;
}

.GBA_TableContainer .selected .fa {
    color: #6a6c6f;
}

.GBA_TableContainer .deleting {
    color: #d6d6d6;
    cursor: default !important;
    pointer-events: none;
}

.GBA_TableContainer .deleting td, .GBA_TableContainer .deleting input {
    cursor: default !important;
}
.infoPanelButtonRow {
    width: 100%;
}

.infoPanelButtonRow:hover {
    background: rgb(3, 58, 78);
    color: #fff;
    padding: 6px 8px;
    margin: -6px -8px !important;
    display: block;
    border-radius: 4px;
    cursor: pointer;
}

.infoPanelButtonRow .fa {
    margin-right: -3px;
    margin-left: 6px;
    opacity: 0.35;
}

*[dir="rtl"] .infoPanelButtonRow .fa {
    margin-left: 0px;
    margin-right: 7px;
}


.infoPanelButtonRow:hover .fa {
    opacity: 0.75;
}

.dateModifyButton:hover {
    background: rgb(3, 58, 78);
    color: #fff;
    padding: 6px 8px;
    margin: -6px -8px !important;
    margin-bottom: 4px !important;
    display: block;
    border-radius: 4px;
    cursor: pointer;
}

.dateModifyButton:hover>div {
    margin-bottom: 0 !important;
}

.dateModifyButton .fa {
    opacity: 0.35;
}

*[dir="ltr"] .dateModifyButton .fa {
    margin-right: -3px;
    margin-left: 6px;

}
*[dir="rtl"] .dateModifyButton .fa {
    margin-right: 6px;
    margin-left: -3px;
}

.dateModifyButton:hover .fa {
    opacity: 0.75;
}

.dateModifyButton div:first-child {
    margin-bottom: 10px;
}

.paymentDetailsButton, .paymentAttachmentButton {
    cursor: pointer;
    padding: 3px;
    margin: -3px 0;
}



.paymentDetailsButton {
    margin-left: 4px;
}

*[dir="rtl"] .paymentDetailsButton {
    margin-left: unset!important;
    margin-right: 4px!important;
}
.paymentAttachmentButton {
    transform: rotate(45deg);
    font-size: 15px;
    margin-right: -4px;
    margin-left: 1px;
}

*[dir="rtl"] .paymentAttachmentButton {
    transform: rotate(45deg);
    font-size: 15px;
    margin-right: 4px;
    margin-left: -6px;
}

/*.paymentDetailsButtons {
    padding: 6px 6px;
    margin: -10px -4px -10px -12px !important;
    border: 4px solid #fff;
    border-radius: 9px;
    cursor: pointer;
}

.paymentDetailsButtons:hover {
    background: rgb(3, 58, 78);
    color: #fff;
}*/

.dateModifyTable {
    width: 100%;
}

.dateModifyTable.vertical {
    display: none;
}

.dateModifyTable th {
    font-weight: 600;
}

.dateModifyTable th, .dateModifyTable td {
    text-align: center;
    border: 1px solid #e8e8e8;
    padding: 5px 8px;
}

*[dir="ltr"] .dateModifyTable.horizontal th:first-child, *[dir="ltr"] .dateModifyTable.horizontal td:first-child {
    text-align: left;
    padding-left: 15px;
    padding-right: 5px;
}

*[dir="ltr"] .dateModifyTable.horizontal .p-r-15i .font-bold.m-r-xs {
    margin-right: unset;
}

.ReservatonDetails #dateModifyModal .modal-footer {
    display: flex;
    justify-content: flex-end;
}

*[dir="rtl"] .pswp__scroll-wrap .pswp__top-bar .pswp__button--close {
    float: left;
}

*[dir="rtl"] .ReservatonDetails #reservation_history .dataTables_wrapper ul.pagination {
    display: flex;
    justify-content: flex-end;
}

*[dir="rtl"] .ReservatonDetails #reservation_history .dataTables_wrapper .col-sm-7 {
    padding-right: 15px;
    padding-left: 1px;
}

*[dir="rtl"] .ReservatonDetails #reservation_history .dataTables_wrapper .col-sm-5 {
    text-align: right;
}

*[dir="rtl"] .hpanel .panel-body .room-image {
    float: left;
}

@media (max-width: 991px) {
    *[dir="rtl"] .hpanel .panel-body .room-image {
        float: none!important;
    }
  }

*[dir="rtl"] .hpanel .panel-body .room-info {
    text-align: left;
}

*[dir="rtl"] .hpanel .panel-body .room-info .rates-button-container, 
*[dir="rtl"] .hpanel .panel-body .room-info .btn-primary.m-t-sm, 
*[dir="rtl"] .hpanel .panel-body .room-info .m-t-sm {
    text-align: right;
}

*[dir="rtl"] .hpanel .panel-body .room-desc {
    direction: ltr;
}

*[dir="rtl"] .modal-open .room-rate-price-breakdown .wide-tooltip {
    text-align: left;
}

*[dir="rtl"] .dateModifyTable.horizontal th:first-child, *[dir="rtl"] .dateModifyTable.horizontal td:first-child {
    text-align: right;
    padding-left: 5px;
    padding-right: 15px;
}

.dateModifyTable .newValues {
    /*color: #389600;*/
    color: #ad0606;
}

.dateModifyTable .newValues-green {
    color: #42af00;
}

.dateModifyTable .newValues-warning {
    color: #8d0000;
}

.dateModifyTable .newValues-warning2 {
    color: #b90000;
    font-weight: 600;
}

.room-details-header {
    width: 100%;
    display: table;
    margin-top: 3px;
    margin-bottom: 2px;
    position: relative;
}

.room-details-header h4 {
    display: block;
    margin-top: -1px;
}

@media (max-width: 992px) {
    .m-b-sm-notmd {
        margin-bottom: 10px;
    }
    .m-t-xs-notmd {
        margin-top: 5px;
    }
}

@media (min-width: 992px) {
    .avb-res-btn-margins {
        margin-bottom: -5px;
        margin-top: 5px;
    }
    .avb-rate-name {
        margin-top: 10px !important;
        margin-bottom: 15px !important;
    }
}

.avb-spinner-fix {
    top: -1px;
}

.fltr-smbtStringCont {
    position: relative;
    /* padding-right: 44px; */
}

.fltr-smbtStringCont input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fltr-smbtStringBtn {
    height: 30px;
    padding: 0;
    width: 45px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 13px;
}

*[dir="rtl"] .fltr-smbtStringBtn {
    right: unset!important;
    left: 0!important;
}


.fltr-listItems>div {
    user-select: none;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1px;
    border-radius: 8px;
    /*border-radius: 2px;*/
    position: relative;
}

.fltr-listItems>div:first-child {
    margin-top: 8px;
}

.fltr-listItems>div:last-child {
    margin-bottom: 8px;
}

.fltr-listItems>div input {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 4px;
    margin-top: 0px;
    margin-bottom: -1px;
}

*[dir="rtl"] .fltr-listItems>div input {
    margin-left: 4px!important;
    margin-right: 0!important;
}

.fltr-listItems.last-div-m-none>div:last-child:hover {
    margin-bottom: -1px !important;
}

.fltr-listItems .removeFilter {
    cursor: pointer;
}

.fltr-listItems .removeFilter:hover {
    background: #f0f0f0;
    color: #000000;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.40);
    margin: -2px -6px -3px -5px;
    padding: 2px 6px 3px 5px;
    border-radius: 4px;
}

.fltr-listItems .removeFilter .fa:before {
    font-size: 14px;
    margin-left: 3px;
    position: relative;
    opacity: 0;
    color: #de0000;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.70);
}

.fltr-listItems .removeFilter:hover .fa:before {
    opacity: 1;
}

.fltr-listItems .toggleFilter {
    cursor: pointer;
}

.fltr-listItems .toggleFilter:hover {
    background: #f0f0f0;
    color: #000000;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.40);
    margin: -1px -6px -2px -5px;
    padding: 1px 6px 2px 5px;
    border-radius: 4px;
}

.fltr-listItems input[type="radio"], .fltr-listItems input[type="checkbox"] {
    cursor: pointer;
}

img.filter-preloader {
    cursor: default;
    width: 24px;
    height: 24px;
    margin-top: 6px;
    opacity: 0.35;
    margin-left: -5px;
    margin-right: 6px;
}

.filter-reset-button {
    background: #f5f5f5;
    border-left: 1px solid #eee;
    margin-left: auto;
    width: 36px;
    text-align: center;
    position: relative;
    height: 35px;
}

*[dir="rtl"] .filter-reset-button {
    margin-left: unset!important;
    margin-right: auto;
}

.filter-reset-button:hover {
    border-left-color: #dddddd;
    background: #eeeeee;
}

.filter-reset-button:hover .fa-filter, .filter-reset-button:hover .fa-times {
    opacity: 1;
}

.filter-reset-button .fa-filter {
    font-size: 15px;
    position: relative;
    bottom: -1px;
    left: -1px;
    opacity: 0.8;
}

.filter-reset-button .fa-times {
    position: absolute;
    bottom: 7px;
    right: 7px;
    font-size: 11px;
    opacity: 0.55;
    color: #d40a0a;
}

*[dir="rtl"] .filter-reset-button .fa-times {
    right: unset!important;
}

.last-div-m-none>div:last-child, .last-div-m-none>div:last-child:hover {
    margin-bottom: 0 !important;
}

img.rpa-status-preloader {
    cursor: default;
    width: 34px;
    height: 34px;
    margin-top: 6px;
    opacity: 0.35;
    margin-left: -5px;
    margin-right: 6px;
}

.fltr-dateRange {
    background: #fafbfc;
    border: 1px solid #e4e5e7;
    line-height: 30px;
    padding-left: 8px;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}

*[dir="rtl"] .fltr-dateRange{
    padding-left: 0;
    padding-right: 8px;
}

.fltr-dateRange:hover {
    background: #f4f4f4;
}

.fltr-dateRange .fa {
    opacity: 0.7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

*[dir="rtl"] .fltr-dateRange .fa {
    right: unset!important;
    left: 9px;
}

.fltr-dateRange .fa:before {
    top: -1px;
}

.fltr-selectableDropdown {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    z-index: 100;
    width: 100%;
    background: #fcfcfc;
    border: 1px solid #dddddd;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-height: 160px;
    overflow-y: scroll;
    /*box-shadow: 0 1px 1px 1px rgba(255, 255, 255, 0.75);*/
    z-index: 1000000;
}

.fltr-selectableDropdown li, ul.list-items li {
    list-style-type: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    min-height: 32px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e4e5e7;
    cursor: pointer;
}

.fltr-selectableDropdown li:hover, ul.list-items li:hover {
    background: #f2f2f2;
}

.fltr-selectableDropdown li:last-child, ul.list-items li:last-child {
    border-bottom: none;
}

.fltr-selectableDropdown {
    display: none;
}

.fltr-selectableDropdown li.disabled {
    background: #f8f8f8 !important;
    cursor: default !important;
}

.fltr-dropdownExpanded input {
    border-bottom-left-radius: 0 !important;
}

.fltr-dropdownExpanded button {
    border-bottom-right-radius: 0 !important;
}

.fltr-dropdownExpanded .fltr-selectableDropdown {
    display: initial;
}

.header-btn {
    position: relative;
    padding: 0px;
    padding: 0 22px;
    line-height: 55px;
    text-align: center;
    font-size: 25px;
    /* background: #0d323a; */
    background: rgba(18, 62, 72, 0.75);
    color: #509aa9;
    user-select: none;
}
*[dir="ltr"] .header-btn {
    float: right;
}
*[dir="rtl"] .header-btn {
    float: left;
}


.header-btn:hover {
    /* background: #165461; */
    background: rgba(28, 98, 113, 0.85);
    color: #f8fbfb;
    box-shadow: none !important;
}

.header-btn>i {
    bottom: -1px;
    position: relative;
}

.header-btn.header-btn-logout {
    background: #11424c;
    color: #4f96a5;

}
*[dir="ltr"] .header-btn.header-btn-logout {
    margin-right: 0;
}
*[dir="rtl"] .header-btn.header-btn-logout {
    margin-left: 0;
}

.header-btn.header-btn-logout:hover {
    background: #165461;
    color: #f8fbfb;
}

*[dir="ltr"] .header-btn.header-btn-messages, *[dir="ltr"] .header-btn.header-btn-languages {
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.075);
}
*[dir="rtl"] .header-btn.header-btn-messages, *[dir="rtl"] .header-btn.header-btn-languages {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.075);
}

.header-btn.white {
    background: #f8f9fb;
    box-shadow: none;
    color: #000 !important;
}

.header_menu {
    /* margin-right: 15px; */
}

.GBA_TableContainer .basket-room-info .fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px !important;
    right: 16px;
    opacity: 0.85;
}

.GBA_TableContainer .basket-room-info div {
    margin-right: 30px;
}

.GBA_TableContainer .basket-room-total {
    padding-right: 35px !important;
}

.GBA_TableContainer .basket-room-total .fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px !important;
    right: 12px;
    opacity: 0.9;
    margin-top: 1px;
}

.GBA_TableContainer .basket-room-group .fa {
    margin-left: 10px;
    font-size: 14px !important;
    top: 1px;
    position: relative;
    opacity: 0.55;
}

.gray-text {
    color: #999;
}

.red-text {
    color: #d90000;
}

.red-text-light {
    color: #fd6767;
}

.blue-text {
    color: #00afd9;
}

.blue-text-light {
    color: #42c2e2;
}

.blue-text-dark {
    color: #0092b6;
}

.green-text {
    color: #00c311;
}

.green-text-light {
    color: #6ae242;
}

.room-count-x {
    margin-left: 10px;
    margin-right: 4px;
}

.text-transparent {
    opacity: 0.25;
}

.text-semi-transparent {
    opacity: 0.45;
}

.groupEnq-room-input {
    width: 40px;
    margin-left: 5px;
    padding: 0;
    height: 31px;
    display: inline-block;
    text-align: center;
}

.groupEnq-modal .row:first-child {
    display: flex;
}

.groupEnq-modal .row:first-child>div:first-child {
    text-align: left;
}

.groupEnq-modal .row:first-child>div:last-child {
    text-align: right;
}

.groupEnq-modal .row:first-child>div {
    margin: auto;
    width: initial !important;
}

.groupEnq-modal .progress {
    margin-left: 5px;
    margin-right: 5px;
}

.groupEnq-modal-error {
    text-align: right;
    margin-right: 10px;
    margin-top: 10px;
    color: #c00;
}

.groupEnq-added-succ {
    line-height: 26px;
    text-align: center;
    color: #407d40;
    background: #f4f4f4;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 4px;
}

.groupEnq-add-failed {
    line-height: initial !important;
    text-align: left;
    color: #407d40;
    background: #f4f4f4;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

.groupEnq-add-failed ul {
    margin-top: 0px;
    padding-bottom: 2px;
}

.input-locked {
    border-color: transparent !important;
    background: #f4f4f4;
    cursor: not-allowed;
    user-select: none;
}

.progress-bar-transition {
    transition-timing-function: linear !important;
    transition-duration: 0.1s;
}

.ammend-changes {
    color: #e81600;
}

.ammend-changes-arrow {
    color: #c11300;
}

.ammend-changes img {
    display: block;
    position: absolute;
    height: 22px;
    margin-top: -11px;
    margin-left: -15px;
    opacity: 0.23;
}

*[dir="rtl"] .ammend-changes img {
    margin-left: unset;
    margin-right: -15px;
    transform: scale(-1, 1);
}

*[dir="rtl"] .ammend-changes .glyphicon-arrow-right {
    transform: scale(-1, 1);
}

*[dir="rtl"] .ReservationPrintable .printable b {
    display: flex;
}

.ammend-i-room-arrow:before {
    color:gray;
    font-size: 10px;
    position: relative;
    bottom: 1px;
}

.ammend-datepicker-cont {
    display: table-cell;
    width: 250px;
}

.ammend-datepicker-cont:nth-child(3) {
    width: 260px;
}

.ammend-datepicker-cont>span {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
}

.ammend-datepicker-cont>div {
    display: table-cell !important;
}

.ammend-check-avl {
    display: table-cell;
    right: 20px;
    vertical-align: top;
}

.ammend-action-panel-delimited {
    display: table-cell;
    width: 15px;
}

.xml_button {
    cursor: pointer;
    padding: 2px 5px;
    margin: -2px -5px;
    margin-left: -2px;
}

.xml_button+.xml_button {
    margin-left: 6px;
}

.xml_button:hover {
    border-radius: 4px;
    background: #e0e0e0;
}

.paymentAttachmentButton_inTable {
    cursor: pointer;
    padding: 2px 5px 2px 0px;
    margin: -2px -5px -2px 2px;
    border-radius: 4px;
}

.paymentAttachmentButton_inTable:hover {
    background: #e0e0e0;
}

.date-modify-agreed-checkbox {
    margin-top: 0 !important;
    position: relative;
    bottom: -2px;
}

.availability-desc-text ul {
    padding-left: 17px;
}

.room-descr-container {
    position: relative;
}

.room-descr-container .room-desc {
    display: block;
    overflow-y: hidden;
    padding-bottom: 30px;
}

.room-descr-container.rld-collapsed .room-desc {
    height: 121px;
}

.room-descr-container {
    padding-bottom: 10px;
}

.room-descr-container.rld-collapsed {
    padding-bottom: 0px;
}

.room-desc-expand, .room-desc-collapse {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    user-select: none;
    background: rgba(255, 255, 255, 0.55);
    border-top: 1px solid rgba(0, 0, 0, 0.075);
    padding: 6px 0;
    color: rgba(0, 0, 0, 0.40);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 2px 0 0 #fff;
}

.room-desc-expand:hover, .room-desc-collapse:hover {
    background: rgba(255, 255, 255, 0.85);
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    color: #000;
}

.room-descr-container.rld-collapsed .room-desc-grad {
    display: block;
}

.room-desc-grad {
    display: none;
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0px;
    background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.825) 60%, rgba(255, 255, 255, 0.825) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.825) 60%, rgba(255, 255, 255, 0.825) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.825) 60%, rgba(255, 255, 255, 0.825) 100%);
}

.room-descr-container .room-desc-expand, .room-descr-container.rld-collapsed .room-desc-collapse {
    display: none;
}

.room-descr-container.rld-collapsed .room-desc-expand, .room-descr-container .room-desc-collapse {
    display: block;
}

.daterangepicker .show-calendar {
    margin-bottom: 30px;
}

.basket-record-remove {
    padding: 2px 7px;
}

.basket-record-remove .fa:before {
    font-size: 14px;
}

.basket-record-remove:hover .fa {
    color: #fff !important;
}

.basket-record-remove-spinner {
    padding: 2px 5px;
    background: #fff !important;
    border-color: #d8d8d8 !important;
    color: #6b6b6b !important;
    cursor: default !important;
}

.basket-record-remove-spinner img {
    width: 15px;
    position: relative;
    margin-top: -1px;
    opacity: 0.45;
}

.disabled-user-row {
    color: #ccc;
    font-style: italic;
}

.selected-row {
    background-color: #4da7ca !important;
}

.selected-row > td {
    color: #fff !important;
}

.selected-row > td > * {
    color: #6a6c6f;
}

.group-enq-room-desc .fa {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    margin-right: -3px;
    right: 6px;
    opacity: 0.45;
    padding: 16px;
}

.group-enq-room-desc .fa:hover {
    opacity: 1;
}

.group-enq-room-desc .fa:hover:before {
    content: "\f05a";
    border: 1px solid #ccc;
    padding: 5px;
    position: relative;
    margin-right: -6px;
    border-radius: 5px;
    background: #fff;
}

.group-enq-room-desc .fa:before {
    font-size: 14px !important;
}

.group-enq-number {
    position: relative;
    margin-left: 15px;
}

.group-enq-number input {
    position: relative;
    bottom: -2px;
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 7px;
}

.group-enq-number .fa {
    position: absolute;
    right: 5px;
    bottom: 7px;
    font-size: 16px;
    opacity: 0.65;
}

.progressSteps {
    font-size: 11px;
}

.guest-detailed-info span {
    display: inline-block;
    line-height: 18px;
}

*[dir="ltr"] .guest-detailed-info div>.fa {
    margin-right: 5px;
    margin-left: 2px;
}
*[dir="rtl"] .guest-detailed-info div>.fa {
    margin-left: 5px;
    margin-right: 2px;
}

.number-input-container {
    white-space: nowrap;
}

.number-input-container .input_minus, .number-input-container .input_plus {
    vertical-align: top;
    height: 34px;
    width: 30px;
    display: inline-block;
}

.number-input-container .input_minus .fa, .number-input-container .input_plus .fa {
    position: relative;
    bottom: -3px;
}

.number-input-container input {
    width: 40px;
    display: inline-block;
}

.canc-conf-tick-this {
    position: relative;
    bottom: -2px;
}

select.form-control {
    padding-left: 5px;
}

.guest-full-details>div {
    margin-bottom: 3px;
}

.guest-full-details table {
    width: 100%;
}

.guest-full-details table td {
    padding-top: 10px;
}

.guest-full-details table tr:first-child td {
    padding-top: 7px;
}

.guest-full-details span {
    font-weight: 600;
}

.small-global-preloader {
    position: fixed;
    display: flex;
    top: 80px;
    z-index: 10000;
    margin: auto;
    left: 50%;
}

.small-global-preloader .progress-bar {
    transition: none !important;
}

.small-global-preloader>div {
    position: relative;
    left: -50%;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 5px 10px 10px 10px;
    border-radius: 8px;
}

.small-global-preloader .sgp-text {
    margin-bottom: 5px;
    font-size: 11px;
}

.small-global-preloader .sgp-bar {}

.small-global-preloader .sgp-bar .progress {
    margin-bottom: 0 !important;
}

.user-det-warning {
    font-size: 15px;
    font-weight: 600;
    color: #e85a07;
    margin-left: 30px;
}

.user-det-warning .fa {
    font-size: 20px;
    position: absolute;
    margin-left: -30px;
    margin-top: 2px;
}

*[dir="rtl"] .user-det-warning .fa {
    font-size: 20px;
    position: absolute;
    margin-left: unset!important;
    margin-right: -30px;
}

.error-close-button-container {
    width: 30px;
    height: 18px;
}
*[dir="ltr"] .error-close-button-container {
    float: right;
}
*[dir="rtl"] .error-close-button-container {
    float: left;
}

*[dir="ltr"] .panel-body .m-t-sm.dynamic-dir span:nth-child(2) {
    padding-left: 10px;
}
*[dir="rtl"] .panel-body .m-t-sm.dynamic-dir span:nth-child(2) {
    padding-right: 10px;
}

*[dir="ltr"] .ReservatonDetails .panel-body .avb-below-rooms-area.tax-link {
    margin-right: 7px;
}
*[dir="rtl"] .ReservatonDetails .panel-body .avb-below-rooms-area.tax-link {
    margin-left: 7px;
    text-align: left;
}

*[dir="rtl"] .ReservatonDetails .panel-body .avb-below-rooms-area.text-left.h-34 {
    text-align: left !important;
    margin-left: 5px;
}

*[dir="ltr"] .ReservatonDetails .modal-body .dateModifyTable .m-r-sm {
    margin-right: 0;
}

*[dir="rtl"] .ReservatonDetails .modal-body .dateModifyTable .m-r-sm {
    margin-left: 0;
}

.ReservatonDetails .modal-body .dateModifyTable > tbody > tr:nth-child(2) > td:nth-child(6) {
    width: 99px;
}

*[dir="rtl"] #amend-selected-new-room {
    direction: ltr;
    text-align: left;
    margin-left: 5px;
}

*[dir="rtl"] #amend-selected-new-room .availability-tick {
    direction: ltr;
    text-align: left;
    margin-left: 5px;
}

.error-close-button {
    display: block;
    position: absolute;
    top: -7px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    opacity: 0.5;
    cursor: pointer;
}
*[dir="ltr"] .error-close-button {
    float: right;
    right: -5px;
}
*[dir="rtl"] .error-close-button {
    float: left;
    left: -5px;
}

.error-close-button:hover {
    opacity: 1;
}

.error-close-button img {
    position: relative;
    top: -2px;
}

.error-close-button .fa {
    font-size: 16px;
}

.basket-button-bullet {
    font-weight: 600;
    /*background: #fff;*/
    /*background: #074550;*/
    background: rgba(255, 255, 255, 0.7);
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.4), 0 0 2px rgba(255, 255, 255, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.25);
    color: #000;
    line-height: 13px;
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 8px;
    margin-left: -1px;
    margin-right: -4px;
    opacity: 1;
    box-shadow: 0 0 8px 1px #217182;
    display: inline-block;
    position: relative;
    top: -3px;
}

.basket-cell-button:hover>div {
    display: block;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    position: absolute;
    box-shadow: inset 0 0 0 2px #d6d6d6;
}

.basket-cell-button:hover {
    background: #f9f9f9;
}

.button-spinnerable {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}

*[dir="ltr"] ReservatonDetails .button-spinnerable {
    float: right;
}
*[dir="rtl"] ReservatonDetails .button-spinnerable {
    float: left;
}

.button-spinnerable label {
    display: initial !important;
    max-width: initial !important;
    margin-bottom: initial !important;
    font-weight: initial !important;
    cursor: pointer;
}

.button-spinnerable .spinning label {
    opacity: 0.5;
    cursor: not-allowed;
}

.button-spinnerable div[disabled] label {
    cursor: not-allowed;
}

.button-spinnerable div[disabled].spinning label {
    opacity: 0.35 !important;
    cursor: not-allowed;
}

.button-spinnerable .button-spinner {
    position: absolute;
    left: 0;
    /*top: 0;*/
    right: 0;
    bottom: 0;
    z-index: 2;
    cursor: not-allowed;
    user-select: none;
}

.button-spinnerable .button-spinner i {
    font-size: 24px;
    position: relative;
    top: 4px;
    opacity: 0.8;
}

.button-spinnerable .center {
    top: 0px;
    left: -10px;
}

.button-spinnerable div[disabled] i {
    opacity: 0.5;
}

.button-spinnerable-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 100;
    cursor: not-allowed;
}

.red-text>div>div.datepicker input {
    color: #d90000 !important;
}

.datepicker input {
    background: #fafbfc !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-right: none !important;
    cursor: pointer !important;
    color: #555 !important;
}

.datepicker .fa {
    opacity: 0.65;
}

.datepicker .input-group-addon {
    padding: 6px 9px;
}

.filepicker .input-group {
    width: 100%;
}

.filepicker .selectButton {
    background: #fafbfc !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    cursor: pointer !important;
    color: #555 !important;
    transition: none !important;
}

.filepicker .selectButton-disabled {
    background: #fafbfc !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    cursor: default !important;
    color: #999 !important;
    opacity: 0.75;
}

.filepicker .filePlaceholder {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    color: #555 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    cursor: default !important;
    display: inline-block;
    width: initial;
    padding: 3px 0px 0 0;
    line-height: initial !important;
    height: initial !important;
    border: none;
}

.filepicker .filePlaceholder .fa {
    padding-right: 3px;
    padding-left: 2px;
}

.filepicker.field-error .filePlaceholder, .filepicker.field-error .selectButton {
    border-color: #e74c3c !important;
    color: #e74c3c !important;
}

.filepicker .fileRemover {
    background: #fff;
    font-size: 17px;
    border-left: 1px solid;
    width: 40px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: -4px;
    right: -4px;
    top: 1px;
    bottom: -2px;
    padding: 1px 7px 2px 4px;
    border: none;
    font-size: 13px;
    color: #a90000;
    width: initial !important;
    border-radius: 6px;
}

.filepicker .fileRemover .fa {
    font-size: 16px;
    position: relative;
    bottom: -1px;
    padding-right: 3px;
    color: #b00000;
}

.filepicker.field-error .fileRemover:not(:hover) {
    border-left-color: #e74c3c !important;
}

.filepicker .fileRemover:hover {
    border-color: #bd2111 !important;
    background: #ea4e3d;
    color: #fff;
    text-shadow: 1px 1px rgb(130, 0, 0);
}

.filepicker .fileRemover:hover .fa {
    color: #fff;
}

.s-cl
/* default spacing of control label */

    {
    padding-top: 8px;
    padding-bottom: 4px;
    margin-bottom: 0;
}

#PaymentMethod_container>div {
    margin-bottom: 0 !important;
    margin-top: 10px;
}

#PaymentMethod_container label {
    font-weight: 600;
    position: relative;
    top: -4px;
    margin-bottom: 0 !important;
}

#PaymentMethod_container p {
    margin-bottom: 10px;
}

.searchInputGroup {
    position: relative;
}

.clearFilterInput {
    display: flex;
    position: absolute;
    right: 1px;
    z-index: 10;
    top: 1px;
    bottom: 0;
    opacity: 0.35;
    height: 28px;
    width: 28px;
    cursor: pointer;
}


*[dir="rtl"] .clearFilterInput {
    right: unset;
    left: 0;
}

.searchInputGroup input {
    padding-right: 25px !important;
}

*[dir="rtl"] .searchInputGroup input {
    padding-right: 10px !important;
    padding-left: 25px !important;
}

.dataTables_filter .filters-visible {
    background: #e8e8e8 !important;
    border-color: #d6d6d6 !important;
    box-shadow: -1px 0 0 0 #d6d6d6, inset 0 3px 5px rgba(0, 0, 0, 0.05);
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
}

.dataTables_filter .filters-visible:hover {
    background: #efefef !important;
    border-color: #dfdfdf !important;
    box-shadow: -1px 0 0 0 #dfdfdf, inset 0 3px 5px rgba(0, 0, 0, 0.025);
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
}

.dataTables_filter .filters-visible:active {
    background: #f0f0f0 !important;
    border-color: #e5e5e5 !important;
    box-shadow: -1px 0 0 0 #e5e5e5, inset 0 3px 5px rgba(0, 0, 0, .125);
}

.dataTables_filter .filters-active {
    background: #36a5c3 !important;
    color: #fff;
    border-color: #2c97b4 !important;
    box-shadow: -1px 0 0 0 #2c97b4;
}

.dataTables_filter .filters-active:hover {
    background: #0097c0 !important;
    border-color: #028cb2 !important;
    box-shadow: -1px 0 0 0 #028cb2;
}

.dataTables_filter .filters-active:active {
    background: #0080a3 !important;
    border-color: #006c8a !important;
    color: #ddd !important;
    box-shadow: -1px 0 0 0 #006c8a, inset 0 3px 5px rgba(0, 0, 0, .25);
}

.btn-reset-filters {
    padding: 0;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    margin-bottom: 11px;
    background: #fff;
    border-color: #ad3939;
    color: #c32e2e;
}

.btn-reset-filters span {
    position: relative;
    top: -1px;
}

.btn-reset-filters[disabled] {
    background: #fff !important;
    border-color: #e4caca !important;
    color: #c36a6a !important;
}

.btn-reset-filters:hover {
    background: #fff5f5;
    border-color: #e60808;
    color: #e60808;
}

.payment-method-list div>input {
    vertical-align: text-bottom;
}
*[dir="ltr"] .payment-method-list div>input {
    margin: 0 5px 0 0 !important;
}
*[dir="rtl"] .payment-method-list div>input {
    margin: 0 0 0 5px !important;
}



.payment-method-list div>label {
    margin: 0 !important;
}

.payment-method-list div {
    margin-bottom: 5px;
}

.payment-method-list div>p>p {
    padding-top: 5px;
}

.payment-method-list>div>div {
    margin-top: 12px !important;
}

.bottom-7 {
    position: relative;
    bottom: -7px;
}

.datatable-preloader {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.60);
    align-items: center;
    justify-content: center;
    text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff, 0px 0px 9px #fff, 0px 0px 11px #fff, 0px 0px 13px #fff, 0px 0px 15px #fff;
}

.datatable-preloader img {
    max-height: 40px;
    opacity: 0.4;
    margin-right: 5px;
}

#menu .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #36a5c3 !important;
    color: #fff !important;
}

*[dir="ltr"] #menu .dropdown-menu {
    left: -10px !important;
}
*[dir="rtl"] #menu .dropdown-menu {
    right: -10px !important;
}

.enquiryDetails-infoPanel .details-field-group {
    margin: 15px 20px 17px 20px;
}

.column-header {
    padding: 0 !important;
    user-select: none;
    cursor: pointer;
}

.column-header>span {
    padding: 8px;
    padding-right: 30px;
    display: block;
    position: relative;
}

.column-header>span:before {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.2;
    content: "\e150";
}

.column-header .sorting_container {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #fff;
    display: block;
}

.column-header .sorting_container>span {
    right: -30px;
    bottom: -30px;
}

.table-responsive {
    padding: 0 !important;
}

table.dataTable.no-margins {
    margin: 0 !important;
}

.text-like-link {
    color: #035d75;
    cursor: pointer;
    border-bottom: 1px dashed rgba(3, 93, 117, 0.5);
    display: inline-block;
}

.text-like-link:hover {
    border-bottom: 1px solid rgba(3, 93, 117, 0.75);
}

.large-text-like-link:after {
    border-bottom: 1px dashed rgba(3, 93, 117, 0.5);
    content: " ";
    display: block;
    clear: both;
    position: relative;
    top: -2px;
}

.large-text-like-link:hover:after {
    border-bottom: 1px solid rgba(3, 93, 117, 0.75);
}

.text-like-link .fa {
    color: #037897;
}

.daterangepicker.dropdown-menu.ltr.show-calendar.opensleft {
    margin-bottom: 30px;
    z-index: 9999999;
}

.newEnquirySummary {
    font-size: 18px;
    font-weight: 200;
}

.newEnquirySummary span {
    font-weight: 400;
}

.custom-datepicker-input {
    color: #555 !important;
    border-right: 0 !important;
    background: #fafbfc;
    padding-right: 0 !important;
}

.select3 {
    height: initial;
    min-height: 34px;
    padding: 1px 5px 5px 5px !important;
    cursor: text;
    position: relative;
    user-select: none;
}

.select3-active {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.select3-disabled, .select3-disabled input, .select3-disabled .select3-placeholder {
    background: #f8f8f8;
    color: #bbb !important;
}

.select3 input {
    border: none;
    width: 10px;
    padding: 0 !important;
    outline: none !important;
    margin-top: 5px;
}

.select3 .sel3-item {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    display: inline-block;
    padding: 0 5px;
    font-size: 13px;
    margin-right: 5px;
    margin-top: 5px;
}

.select3 .sel3-item>span.sel3-cross {
    font-weight: 600;
    position: relative;
    top: -1px;
    margin-left: -2px;
    padding: 0 2px;
    cursor: pointer;
}

.select3 .sel3-options {
    position: absolute;
    left: -1px;
    right: -1px;
    max-height: 152px;
    overflow: auto;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-bottom-color: #e4e5e7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: none;
}

.select3-active .sel3-options {
    display: block;
}

.select3 .sel3-options>div {
    line-height: 30px;
    padding-left: 7px;
    cursor: pointer;
}

.select3 .sel3-options>div:hover {
    background: #5897fb;
    color: #fff;
}

.select3 .sel3-option-selected {
    background: #ddd;
}

input.select3-placeholder {
    padding-left: 3px !important;
    width: 100% !important;
}

.select3 .sel3-options>div.sel3-no-options {
    user-select: none;
    cursor: default !important;
    background: #f2f2f2 !important;
    color: #888;
}

.select3 .sel3-options>div.sel3-no-options:hover {
    background: #f2f2f2 !important;
}

@media (min-width: 1200px) {
    .no-left-border-radius-lg {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .no-right-border-radius-lg {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .no-left-border-lg {
        border-left: none !important;
    }
    .no-right-border-lg {
        border-right: none !important;
    }
}

@media (max-width: 768px) {
    .no-left-border-radius-xs {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .no-right-border-radius-xs {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .no-left-border-xs {
        border-left: none !important;
    }
    .no-right-border-xs {
        border-right: none !important;
    }
}

*[dir="ltr"] .no-left-border-radius {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
*[dir="rtl"] .no-left-border-radius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
*[dir="ltr"] .no-right-border-radius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
*[dir="rtl"] .no-right-border-radius {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

*[dir="ltr"] .no-left-border {
    border-left: none !important;
}
*[dir="rtl"] .no-left-border {
    border-right: none !important;
}

*[dir="ltr"] .no-right-border {
    border-right: none !important;
}
*[dir="rtl"] .no-right-border {
    border-left: none !important;
}

.radiobutton-option {}

.radiobutton-option>input {
    margin: 0;
    position: relative;
    bottom: -2px;
}

.radiobutton-option>label {
    margin: 0;
    margin-left: 3px;
    margin-right: 15px;
    font-weight: 600;
}

*[dir="ltr"] .guest-salutation-dropdown-cont .form-control.field-error {
    border-right: 1px solid #e74c3c !important;
}
*[dir="rtl"] .guest-salutation-dropdown-cont .form-control.field-error {
    border-left: 1px solid #e74c3c !important;
}

.guest-details-attachments {
    font-size: 14px;
}
*[dir="ltr"] .guest-details-attachments {
    margin-left: 2px;
    margin-right: 3px;
}
*[dir="rtl"] .guest-details-attachments {
    margin-right: 2px;
    margin-left: 3px;
}

.guest-details-attachments .attachment-button-group:not(:first-child) {
    margin-left: 10px;
}

.attachment-button-group {
    position: relative;
}

.attachment-button-group .fa.fa-times {
    color: #c11300;
    margin-left: 4px;
}

*[dir="rtl"] .attachment-button-group .fa.fa-times {
    margin-left: 4px!important;
    margin-right: 4px!important;
}

.attachment-button-group .fa.fa-plus {
    position: absolute;
    color: #43c822;
    bottom: 8px;
    margin-left: -1px;
    font-size: 8px;
}

.new-attacment-overlay {
    position: absolute;
    bottom: 4px;
    top: 4px;
    left: 0;
    right: -6px;
}

.offer-wizard-steps {
    display: table;
    width: 100%;
    font-size: 14px;
    border-left: hidden;
    border-right: hidden;
}

.offer-wizard-steps div {
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #e4e5e7;
    padding: 10px 5px;
    text-align: center;
    width: 20% !important;
    user-select: none;
    cursor: pointer;
    background: #f8f8f8;
    color: #888;
    position: relative;
}

.offer-wizard-steps div+div {
    border-left: 1px solid #e4e5e7;
}

.offer-wizard-steps div.active:hover {
    background: #fff;
    color: #2092ae;
}

.offer-wizard-steps div.selected {
    background: #fff;
    color: #5b7880;
    border-top-color: #f4f4f4;
    cursor: default !important;
}

.offer-wizard-steps div.selected:hover {
    color: #5b7880;
}

.offer-wizard-steps div.disabled {
    cursor: not-allowed;
}

.offer-wizard-steps div.loading {
    color: #ddd;
}

.offer-wizard-steps div.loading:hover {
    color: #ddd !important;
}

.offer-wizard-steps div.loading::after {
    content: "\f110";
    font-family: FontAwesome;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-bottom: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #638c97;
}

.input-group.date .input-group-addon i {
    position: relative;
    bottom: -1px;
}

.offer-wizard-text-button {
    font-weight: 600;
    border-bottom: 1px dashed;
    color: #0688aa;
    cursor: pointer;
}

.offer-wizard-add-new {
    width: 280px;
    cursor: pointer;
}

.fa.gray {
    color: #8e8e8e;
}

.datepicker.dropdown-menu {
    z-index: 1000000;
    margin-bottom: 10px;
}

.mce-panel {
    background-color: #f8f8f8 !important;
}

.mce-btn {
    background-color: #f8f8f8 !important;
}

.mce-ico {
    color: #666666 !important;
}

.mce-panel {
    border-color: #e0e0e0 !important;
}

.offer-wizard-text-editor-container {
    margin-right: 2px;
    min-height: 339px;
}

.content {
    padding: 10px;
}

.text-primary {
    color: #eaeaea;
    text-shadow: 1px 1px 2px #000;
}

.text-TrajanPro {
    font-family: TrajanPro, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hpanel {
    margin-bottom: 10px;
}

*[dir="ltr"] .Checkout .panel-body .button-spinnerable .btn-default {
    margin-right: 10px;
}

*[dir="rtl"] .Checkout .panel-body .button-spinnerable .m-r-sm {
    margin-right: 10px !important;
    margin-left: unset;
}

*[dir="ltr"] .Checkout .panel-body .button-spinnerable .m-r-sm {
    margin-right: unset;
}

.xs-h-185 {
    height: 185px;
}

@media (min-width: 992px) {
    .sm-h-205 {
        height: 205px;
    }
}

@media (min-width: 1200px) {
    .lg-h-185 {
        height: 185px;
    }
}

.mobile-menu-toggle {
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px !important;
}

.sc-submit-button-cont>div {
    display: block;
}

.sc-submit-button-cont button.submit-with-loading {
    position: static !important;
}

.SingleCriteriaSearch.page-small .row>.col:nth-child(-n+4) {
    margin-bottom: 15px !important;
}

.sc-container-form label {
    font-weight: 600;
}

label.error:before, label.field-error:before {
    margin-left: 0;
}

.sent-for-approval .small {
    padding-top: 5px;
}

.spin360 {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 3000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 3000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.processing-list-icon-container {
    position: absolute;
    right: 0px;
    top: 1px;
    color: #888;
}

.processing-list-icon-container-static {
    position: static;
    margin-top: 2px;
    color: #888;
}
*[dir="ltr"] .processing-list-icon-container-static {
    float: right;
    margin-right: -8px;
}
*[dir="rtl"] .processing-list-icon-container-static {
    float: left;
    margin-left: -8px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.static {
    position: static !important;
}

.details-field-group {
    margin: 16px 20px 17px 20px;
}

*[dir="rtl"] .StatementDetails .details-field-group:first-child div:nth-child(n+3) .pull-right {
    direction: ltr;
}

.OrderDetails .details-field-group div:nth-child(3):hover > div > .infoPanelButtonRow {
    width: 102.5%;
}

.EnquiryDetails .details-field-group div:nth-child(3):hover > .infoPanelButtonRow {
    width: 103.5%;
}

.amend-availability-container {
    display: table;
    width: 100%;
}

.amend-availability-container .button-spinnerable {
    width: 100%;
}

.ReservatonDetails .room-details-header {
    padding-top: 4px;
}

*[dir="rtl"] .ReservatonDetails .room-details-header {
    text-align: left;
}

.table-main-container {
    position: relative;
}

.table-overlay-borders-x::before {
    content: " ";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #ddd;
    z-index: 100;
}

.table-overlay-borders-x::after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #ddd;
    z-index: 100;
}

.table-overlay-borders-y::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background: #ddd;
    z-index: 100;
}

.table-overlay-borders-y::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: #ddd;
    z-index: 100;
}

.datatable-custom table.table-bordered.dataTable thead th {
    user-select: none;
}

.datatable-custom table.table-bordered.dataTable thead th, .datatable-custom table.table-bordered.dataTable tbody td {
    border-width: 0 !important;
    border-left-width: 1px !important;
    border-top-width: 1px !important;
    vertical-align: middle;
}

*[dir="rtl"] #statement_details .datatable-custom table.table-bordered.dataTable thead th, *[dir="rtl"] #statement_history .datatable-custom table.table-bordered.dataTable thead th {
    padding-left: 30px;
    padding-right: 8px;
}

*[dir="rtl"] #statement_history .datatable-custom table.table-bordered.dataTable thead th {
    text-align: right;
}

*[dir="rtl"] #statement_details .datatable-custom table.table-bordered.dataTable tbody td {
    padding: 8px;
}

*[dir="rtl"] #statement_details .datatable-custom table.table-bordered.dataTable .null {
    padding: 8px;
}

*[dir="rtl"] #statement_details .table.dataTable thead .sorting:after, 
*[dir="rtl"] #statement_history .table.dataTable thead .sorting:after, 
*[dir="rtl"] .table.dataTable thead .sorting_asc:after,
*[dir="rtl"] .table.dataTable thead .sorting_desc:after {
    right: unset!important;
    left: 8px!important;
}

*[dir="rtl"] .datatable-custom table.table-bordered.dataTable tbody .td_Credit, 
*[dir="rtl"] .datatable-custom table.table-bordered.dataTable tbody .td_Balance, 
*[dir="rtl"] .datatable-custom table.table-bordered.dataTable tbody .td_Debit,
*[dir="rtl"] .datatable-custom table.table-bordered.dataTable tbody .td_NewBalance {
    direction: ltr;
}

.table-actions-hidden>* {
    display: none;
}

.datatable-custom table.dataTable tr:hover .table-actions-hidden>* {
    display: initial;
}

.table-actions .fa-btn {
    background: rgba(0, 0, 0, 0.045);
}

.table-actions-hidden .fa-btn:hover {
    background: rgba(0, 0, 0, 0.065);
}

.table-actions .fa-btn:hover {
    background: rgba(0, 0, 0, 0.085);
}

.table-actions-container {
    position: absolute;
    background: #fff;
    left: -10px;
    margin-top: 6px;
    z-index: 100;
    text-align: left;
    border: 1px solid #e0e0e0;
    padding: 5px 0px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.05);
}

*[dir="rtl"] #order_details .table-actions-container {
    left: -139px!important;
    display: flex;
    flex-direction: row-reverse;
}

*[dir="rtl"] #order-details-payment-tab-datatable .table-actions-container {
    left: -99px!important;
}



.table-actions-container li {
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    padding: 5px 10px 5px 7px;
    user-select: none;
}

*[dir="rtl"] .table-actions-container li {
    display: flex;
}


.table-actions-container li:hover {
    background: #36a5c3;
    color: #fff !important;
}

.table-actions-container li:hover .fa {
    color: #fff !important;
}



.table-actions-container li .fa {
    margin-left: 0 !important;
}

*[dir="rtl"] .table-actions-container li .fa {
    margin-left: 3px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-actions-container li.disabled {
    color: #bbbbbb !important;
}

.table-actions-container li.disabled .fa {
    color: #aaaaaa !important;
}

.table-actions-container li.disabled:hover {
    background: #eeeeee;
    cursor: not-allowed;
}

.panel-outer-footer {
    padding: 10px 15px 10px 20px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #999;
    text-shadow: 1px 1px 0 #fff;
}

.guest-groups {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    background: #f7f9fa;
    border-top: 1px solid #e3e3e3;
}

.guest-group-delimiter+.guest-group-delimiter {
    border-top: 1px solid #e3e3e3;
}

.row.row-guest {
    margin-top: 0;
    padding-top: 10px;
}

.row-guest+.row-guest .delimiter {
    display: block;
    /*height: 1px;*/
    background: rgba(0, 0, 0, 0.15);
    margin-bottom: 13px;
    margin-top: 5px;
    height: 2px;
    margin-left: -20px;
    margin-right: -20px;
}

.guest-group-header {
    padding: 13px 20px;
    background: #fff;
}

.guest-group-details {
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #e3e3e3;
}

.guest-details-group h4 {
    margin-bottom: 15px;
}

.guest-details-group+.guest-details-group {
    margin-top: 20px;
}

.guest-details-container {
    border-bottom: 1px solid rgb(227, 227, 227);
    margin-bottom: 15px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.reservation-no-container {
    margin-top: 5px;
    text-align: right;
    font-size: 11px;
    color: #bbb;
    text-shadow: 1px 1px 0 #fff;
    margin-right: 5px;
}

.error-page-code-container {
    user-select: all !important;
    cursor: default !important;
    padding: 4px 8px;
    margin-left: 3px;
}

.new-enq-table {
    width: 100%;
    margin-bottom: 10px;
}

.new-enq-table th, .new-enq-table td {
    padding: 0px 9px;
    text-align: center;
}

*[dir="ltr"] .new-enq-table th:not(:first-of-type) {
    border-left: 1px solid rgba(0, 0, 0, 0.025);
}

*[dir="ltr"] .new-enq-table td:not(:first-of-type) {
    border-left: 1px solid rgba(0, 0, 0, 0.025);
}

*[dir="rtl"] .new-enq-table th:not(:first-of-type){
    border-right: 1px solid rgba(0, 0, 0, 0.025);
}

*[dir="rtl"] .new-enq-table td:not(:first-of-type) {
    border-right: 1px solid rgba(0, 0, 0, 0.025);
}

.new-enq-table tr {
    border: 1px solid #e8e8e8;
    line-height: 53px;
}

.new-enq-table thead tr {
    line-height: initial;
}

.new-enq-table th {
    padding-top: 15px;
    padding-bottom: 15px;
}

.new-enq-table.slim-header th {
    padding-top: 8px;
    padding-bottom: 8px;
}

.new-enq-table tfoot tr {
    line-height: 40px;
}

.new-enq-table.merged-foot-rows tfoot tr {
    line-height: unset;
}

.new-enq-table.merged-foot-rows tfoot tr:nth-child(n+2) {
    border-top: none;
}

.new-enq-table.merged-foot-rows tfoot tr:nth-last-child(n+2) {
    border-bottom: none;
}

.new-enq-table.merged-foot-rows tfoot td {
    padding: 8px 0;
}

.new-enq-table.merged-foot-rows tfoot tr:first-child td {
    padding-top: 16px;
}

.new-enq-table.merged-foot-rows tfoot tr:last-child td {
    padding-bottom: 16px;
}

.new-enq-table tbody tr {
    background: #fcfcfc;
}

.new-enq-table .datePicker-container {
    line-height: initial;
}

.new-enq-table td>div {
    text-align: center;
}

.new-enq-table th {
    border-bottom-width: 2px;
}

.new-enq-table tfoot td {
    border-top-width: 2px;
}

.new-enq-table tbody td, .new-enq-table tbody td>div {
    white-space: nowrap;
}

.new-enq-table th, .new-enq-table tfoot td {
    background: #ffffff;
    font-weight: 600;
}

.new-enq-table .small-input {
    width: 35px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin: auto;
}

.new-enq-table .semi-medium-input, .price-breakdown-table .semi-medium-input {
    width: 90px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin: auto;
}

.new-enq-table .medium-input, .price-breakdown-table .medium-input {
    width: 120px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin: auto;
}

.new-enq-table .datepicker {
    margin-top: 4px;
    width: 130px !important;
    display: inline-table !important;
}

.new-enq-table .fa.fa-pencil {
    font-size: 15px;
    color: #576D8D;
}

.new-enq-table .fa.fa-times {
    font-size: 18px;
    margin-left: 8px;
    color: #D01616;
}

.new-enq-table .fa.fa-check {
    font-size: 18px;
    color: #52B50C;
}

.new-enq-table .fa.fa-pencil, .new-enq-table .fa.fa-check, .new-enq-table .fa.fa-times {
    top: 1px;
    position: relative;
    cursor: pointer;
}

.new-enq-table .fa.fa-user+.fa.fa-user {
    margin-left: 1px;
}

.new-enq-table select {
    width: 140px;
    margin: auto;
}

.new-enq-table select.long-input {
    width: 180px;
}

.offer-wizard-room-table tr td>* {
    line-height: 24px;
}

.offer-wizard-room-table .subrows-container {
    padding: 0 !important;
}

.offer-wizard-room-table .subrows-container>div {
    line-height: 48px;
    padding: 0 9px;
    border-bottom: 1px solid rgb(241, 241, 241);
}

.offer-wizard-room-table .subrows-container>div:last-child {
    border-bottom: none;
}

.mce-primary:hover {
    border-color: #ccc !important;
}

.mce-primary button {
    color: #555 !important;
}

.datepicker-disabled .datepicker input, .datepicker-disabled .input-group .input-group-addon, .datepicker-disabled .input-group .input-group-addon i {
    cursor: not-allowed !important;
}

.datepicker-disabled .input-group-addon, .datepicker-disabled .custom-datepicker-input {
    background: #f8f8f8 !important;
    color: #aaa;
}

.datepicker-disabled input.custom-datepicker-input {
    color: #bbb !important;
}

.enquiry-number-container {
    position: relative;
    top: -1px;
}

.enquiry-number-container input {
    border-radius: 3px;
    border: 1px solid #D6D6D6;
    padding: 5px 30px 5px 9px;
    font-size: 15px;
    margin-left: 10px;
    color: #777;
    outline: none;
    text-transform: uppercase;
}

.enquiry-number-container .fa {
    position: absolute;
    right: 7px;
    top: 8px;
    font-size: 19px;
    color: #C1C1C1;
}

*[dir="rtl"] .enquiry-number-container .fa {
    left: 20px!important;
    right: unset!important;
  }

.send-enq-error-container, .save-enq-error-container, .offer-error-container {
    line-height: initial;
    text-align: left !important;
    padding: 15px 20px 15px 20px !important;
    background: #f7f7f7;
    box-shadow: inset 0px 10px 15px -10px rgba(0, 0, 0, 0.035);
}

.offer-error-container {
    padding: 5px 10px 5px 15px !important;
}

.offer-error-container-modal {
    padding: 5px 10px 5px 55px !important;
}

.send-enq-error-container div, .save-enq-error-container div, .offer-error-container div, .offer-error-container-modal div {
    text-align: left;
    color: #d61515;
}

.new-enq-table .row-with-errors {
    border-bottom-color: rgba(232, 232, 232, 0.25);
}

.enquiry-number-error {
    padding-top: 5px;
    color: #d61515;
}

.checkin-warning {
    padding-top: 5px;
    color: #eeaf00;
}

.red-border {
    border-color: #d61515 !important;
}

.room-image-loaded-preview {
    height: 80px;
    border: 1px solid #DDD;
    padding: 4px;
    border-radius: 3px;
}

.img-thumbnails-list-container {
    margin-top: 10px;
    display: table;
    width: 100%;
}

.img-thumbnails-list-container img, .img-thumbnails-list-container div, .img-thumbnails-list-container span {
    display: table-cell;
}

.img-thumbnails-list-container div:nth-of-type(1) img {
    float: right;
}

.img-thumbnails-list-container div:nth-of-type(2) img {
    margin: auto;
}

.img-thumbnails-list-container div:nth-of-type(3) img {
    float: left;
}

.img-thumbnails-list-container span {
    min-width: 10px;
    width: 10px;
}

.img-thumbnails-list-container div {
    vertical-align: middle;
    width: 33.33333%;
}

.img-thumbnails-list-container span:first-child, .img-thumbnails-list-container span:last-child {
    min-width: initial;
    width: initial;
}

/* .photoswipe-img-container {
    display: table;
    height: 100%;
    width: 100%;
    background: red;
    text-align: center;
}

.photoswipe-img-container img {
    margin: auto;
    display: table-cell;
    border: solid 30px transparent;
    border-bottom-width: 50px;
    height: 100%;
    box-sizing: border-box;
} */

.pswp {
    z-index: 1000000;
    border-radius: 7px;
}

.pswp__top-bar, .pswp__caption {
    background-color: transparent !important;
}

.photoswipe-img-container img {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
}

.main-thumbnail-container {
    display: inline-block;
    position: relative;
}

.main-thumbnail-container .nav-left, .main-thumbnail-container .nav-right {
    position: absolute;
    font-size: 30px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
    opacity: 0.65;
    cursor: pointer;
    top: 5px;
    bottom: 5px;
    width: 50px;
}

.main-thumbnail-container .nav-left .fa, .main-thumbnail-container .nav-right .fa {
    position: absolute;
    top: 50%;
}

.main-thumbnail-container .nav-left {
    left: 0%;
    padding: 5px 10px;
    margin-left: 5px;
}

.main-thumbnail-container .nav-right {
    right: 0%;
    padding: 5px 10px;
    margin-right: 5px;
}

.main-thumbnail-container:hover .nav-left, .main-thumbnail-container:hover .nav-right {
    opacity: 0.85;
    background-color: rgba(0, 0, 0, 0.15);
}

.main-thumbnail-container:hover .nav-left:hover, .main-thumbnail-container:hover .nav-right:hover {
    opacity: 1;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.435);
}

.main-thumbnail-container .nav-disabled {
    opacity: 0.5 !important;
    cursor: default !important;
}

.right-sidebar-container {
    position: fixed;
    background: white;
    top: 55px;
    bottom: 20px;
    width: 265px;
    padding: 20px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    z-index: 1050;
}
*[dir="ltr"] .right-sidebar-container {
    right: 0;
    border-left: 1px solid #bbb;
    transition: right ease 0.75s;
}
*[dir="rtl"] .right-sidebar-container {
    left: 0;
    border-right: 1px solid #bbb;
    transition: left ease 0.75s;
}


*[dir="ltr"] .right-sidebar-container.rsc-hidden {
    right: -300px;
}
*[dir="rtl"] .right-sidebar-container.rsc-hidden {
    left: -300px;
}

@supports (-ms-ime-align: auto) {
    *[dir="rtl"] #menu #navigation #side-menu, *[dir="rtl"] #menu #navigation #side-menu .nav-second-level {
        padding: 0;
    }

    *[dir="rtl"] .stepStatus-doneLast span.stepStatus-delimiter {
        border-left: 1px solid #0480a2;
    }

    *[dir="rtl"] .stepStatus-done span.stepStatus-delimiter {
        border-right: 1px solid #0480a2;
        border-left: 1px solid #0480a2;
    }

    *[dir="rtl"] ul.nav-tabs {
        padding-right: 0 !important;
    }
}

.right-sidebar-container.wide {
    width: 350px;
}

*[dir="ltr"] .right-sidebar-container.wide.rsc-hidden {
    right: -385px;
}
*[dir="rtl"] .right-sidebar-container.wide.rsc-hidden {
    left: -385px;
}

.right-sidebar-container .tutorial-list h3 {
    text-shadow: 0 1px rgba(77, 167, 202, 0.25);
    color: #036685;
    font-size: 20px;
}

.right-sidebar-container .tutorial-list ul {
    margin-top: 20px;
}
*[dir="ltr"] .right-sidebar-container .tutorial-list ul {
    padding-left: 0;
}
*[dir="rtl"] .right-sidebar-container .tutorial-list ul {
    padding-right: 0;
}

.right-sidebar-container .tutorial-list ul li {
    list-style-type: none;
}

.right-sidebar-container .tutorial-list ul li+li {
    margin-top: 15px;
}

.right-sidebar-container .tutorial-list li span {
    color: #1093b8;
    font-size: 14px;
    border-bottom: 1px solid #1093b8;
    cursor: pointer;
}

.right-sidebar-container .tutorial-list li span:hover {
    color: #000;
    font-size: 14px;
    border-bottom: 1px solid #000;
}

.right-sidebar-container .tutorial-list li span .fa {
    font-size: 11px;
    position: relative;
    top: -1px;
}
*[dir="ltr"]  .right-sidebar-container .tutorial-list li span .fa {
    padding-right: 3px;
}
*[dir="ltr"] .right-sidebar-container .tutorial-list li span .fa:before {
    content: "\f054";
}

*[dir="rtl"]  .right-sidebar-container .tutorial-list li span .fa {
    padding-left: 3px;
}
*[dir="rtl"] .right-sidebar-container .tutorial-list li span .fa:before {
    content: "\f053";
}

.right-sidebar-container .tutorial-list .img-preloader {
    margin: auto;
    display: block;
    height: 60px;
    margin-top: 20px;
    opacity: 0.4;
}

.right-sidebar-container .tutorial-list .video-container {
    position: fixed;
    display: table;
    background: #fff;
    padding: 13px;
    box-sizing: border-box;
    border: 1px solid #bbb;
    border-radius: 2px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.right-sidebar-container .tutorial-list .video-container .video-header {
    line-height: 40px;
    display: table-row;
    left: 15px;
    right: 15px;
    top: 0px;
}

.right-sidebar-container .tutorial-list .video-container .video-header h4 {
    margin-top: 15px;
    text-shadow: 1px 0 0 rgba(77, 167, 202, 0.0625);
}

.right-sidebar-container .tutorial-list .video-container .video-header .fa {
    font-size: 24px;
    color: #ea1f1f;
    position: absolute;
    top: 0;
    padding: 10px;
    cursor: pointer;
}
*[dir="ltr"] .right-sidebar-container .tutorial-list .video-container .video-header .fa {
    right: 0;
}
*[dir="rtl"] .right-sidebar-container .tutorial-list .video-container .video-header .fa {
    left: 0;
}

.right-sidebar-container .tutorial-list .video-container .video-header .fa:hover {
    color: #ff0000 !important;
}

.right-sidebar-container .tutorial-list .video-container .video-player {
    display: table-row;
    height: 100%;
}

.right-sidebar-container .tutorial-list .video-container .video-player iframe {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
}

.img-thumbnails-list-container {
    margin-top: 10px;
    display: table;
    width: 100%;
}

.img-thumbnails-list-container img, .img-thumbnails-list-container div, .img-thumbnails-list-container span {
    display: table-cell;
}

.img-thumbnails-list-container div:nth-of-type(1) img {
    float: right;
}

.img-thumbnails-list-container div:nth-of-type(2) img {
    margin: auto;
}

.img-thumbnails-list-container div:nth-of-type(3) img {
    float: left;
}

.img-thumbnails-list-container span {
    min-width: 10px;
    width: 10px;
}

.img-thumbnails-list-container div {
    vertical-align: middle;
    width: 33.33333%;
}

.img-thumbnails-list-container span:first-child, .img-thumbnails-list-container span:last-child {
    min-width: initial;
    width: initial;
}

/* .photoswipe-img-container {
    display: table;
    height: 100%;
    width: 100%;
    background: red;
    text-align: center;
}

.photoswipe-img-container img {
    margin: auto;
    display: table-cell;
    border: solid 30px transparent;
    border-bottom-width: 50px;
    height: 100%;
    box-sizing: border-box;
} */

.pswp {
    z-index: 1000000;
}

.photoswipe-img-container img {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
}

.main-thumbnail-container {
    position: relative;
}

.main-thumbnail-container .nav-left .fa, .main-thumbnail-container .nav-right .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;
}

.main-thumbnail-container .nav-left {
    left: 0%;
    padding: 5px 10px;
    margin-left: 5px;
}

.main-thumbnail-container .nav-right {
    right: 0%;
    padding: 5px 10px;
    margin-right: 5px;
}

.main-thumbnail-container:hover .nav-left, .main-thumbnail-container:hover .nav-right {
    opacity: 0.85;
}

.main-thumbnail-container:hover .nav-left {
    box-shadow: inset -30px 0 20px -20px rgba(0, 0, 0, 0.1)
}

.main-thumbnail-container:hover .nav-right {
    box-shadow: inset 30px 0 20px -20px rgba(0, 0, 0, 0.1)
}

.main-thumbnail-container:hover .nav-left:hover, .main-thumbnail-container:hover .nav-right:hover {
    opacity: 1;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.435);
}

.main-thumbnail-container .nav-disabled {
    opacity: 0.5 !important;
    cursor: default !important;
}

.blue-link {
    color: #288ade;
    text-decoration: underline;
}

.blue-link:hover {
    color: #1b70ba;
    text-decoration: underline;
}

.self-reg-instr-container {
    border: 1px solid #D3D3D3;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #EEE;
}

.room-details-input {
    width: 300px;
}

.tooltip-table {
    width: 300px;
}

.wide-tooltip .tooltip, .wide-tooltip .tooltip-inner {
    max-width: 300px;
    width: 300px;
}

.no-padding-tooltip .tooltip-inner {
    padding: 0 !important;
}

.tooltip-table {
    border-collapse: collapse;
    border-style: hidden;
}

.tooltip-table th, .tooltip-table td {
    border: 1px solid #396473;
    padding: 6px 3px;
}

.inline-field-cell-label {
    vertical-align: top;
    padding-top: 8px;
}

.country-list-editable {
    padding-left: 0 !important;
}

.country-list-editable li {
    list-style: none !important;
    padding-top: 11px;
}

.country-list-editable li span {
    background: #f7f7f7;
    padding: 3px 7px;
    border-radius: 3px;
    cursor: not-allowed;
    user-select: none;
    color: #bbb;
}

.country-list-editable.active li span {
    cursor: pointer;
    color: #333;
}

.country-list-editable li span .fa {
    font-size: 14px;
    margin-left: 4px;
    color: rgba(216, 216, 216, 0.9);
}

.country-list-editable.active li span:hover {
    background: rgb(216, 38, 38);
    box-shadow: inset 0 0 0 1px #ce2828, inset 0 0 0 2px #d84c4c;
    color: #fff;
}

.country-list-editable.active li span:hover .fa {
    display: initial;
    color: rgba(255, 255, 255, 0.9);
}

span.sales-ter-country-error {
    background: #ffebeb;
    border: 1px solid #fb8686;
    padding: 2px 6px !important;
    color: #c32929 !important;
}

span.sales-ter-country-error .fa {
    color: #c32929 !important;
}

.country-list-editable.active li span.sales-ter-country-error:hover {
    border: none !important;
    padding: 3px 7px !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.country-list-editable.active li span.sales-ter-country-error:hover .fa {
    color: rgba(255, 255, 255, 0.9) !important;
}

.sales-ter-country-error-msg {
    display: inline;
    font-size: 11px;
    line-height: 20px;
    margin-left: 5px;
    color: #cc0000;
}

.reservation-header-button {
    font-size: 21px;
    position: relative;
    margin-left: 8px;
    color: #018ba5;
}

*[dir="rtl"] .reservation-header-button {
    margin-left: unset;
    margin-right: 8px;
}

*[dir="ltr"] .reservation-header-button.blinking-to-cyan-gray {
    min-width: 40px;
}

.messaging-panel {
    height: 100%;
}

.messaging-panel .header {
    height: 30px;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    text-align: center;
}

.messaging-panel .header .close-button {
    color: #c21919;
    font-size: 19px;
    margin-right: -1px;
    height: 20px;
    width: 20px;
    border-radius: 3px;
}

.messaging-panel .header .close-button:hover {
    background: #c21919;
    color: #ffd9d9;
    cursor: pointer;
}

.messaging-panel .header .close-button .fa {
    display: block;
}

.messaging-panel .message-list-container {
    display: table;
    height: 100%;
    width: 100%;
    border-top: 30px solid #FFF;
    border-bottom: 130px solid #FFF;
    box-sizing: border-box;
}

.messaging-panel .message-list-sub-container {
    display: table-cell;
    position: relative;
    height: 100%;
    width: 100%;
    vertical-align: bottom;
}

.messaging-panel .message-list-container ul {
    overflow: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.messaging-panel .message-list-container ul li {
    display: block;
    margin: 5px 0 !important;
    width: 100%;
    padding-right: 10px;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li {
    padding-right: 0 !important;
    padding-left: 10px;
}

.messaging-panel .new-message-container {
    position: absolute;
    bottom: 20px;
    height: 120px;
    left: 20px;
    right: 20px;
}

.messaging-panel .new-message-container span {
    padding-bottom: 8px;
    padding-left: 8px;
}

.messaging-panel .new-message-container textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #d8d8d8;
    margin: 0;
    margin-bottom: 2px;
    padding: 2px 5px;
    text-align: left;
    border-radius: 4px;
}

*[dir="rtl"] .messaging-panel .new-message-container textarea  {
    text-align: right !important;
}

.messaging-panel .message-list-container ul {
    padding-left: 0;
}

*[dir="rtl"] .messaging-panel .message-list-container ul {
    padding-right: 0;
}

.messaging-panel .message-list-container ul li .message-header .date {
    border: none !important;
    font-size: 75%;
    color: rgba(0, 0, 0, 0.35);
    margin-left: 7px;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li .message-header .date {
    margin-right: 7px;
    margin-left: unset !important;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li .message-header .sender {
    float: right
}

.messaging-panel .message-list-container ul li .message-header {
    margin-bottom: 5px;
}

.messaging-panel .message-list-container ul li.without-header .message-header .date {
    display: none;
}

.messaging-panel .message-list-container ul li.own-message .message-header {
    text-align: right;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li.own-message .message-header {
    text-align: left !important;
}

.messaging-panel .message-list-container ul li.own-message .message-header .date {
    margin-right: 7px;
    margin-left: 0;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li.own-message .message-header .date  {
    margin-left: 7px !important; 
    margin-right: 0 !important;
}

.messaging-panel .message-list-container ul li.own-message .message-header .sender {
    float: right;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li.own-message .message-header .sender  {
    float: left !important;
}

.messaging-panel .message-list-container ul li .message-text {
    background: #eeeeee;
    padding: 7px 10px;
    color: #222;
    border-radius: 6px;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.225);
    margin-right: 20px;
    transition: background-color ease 0.5s;
    word-break: break-word;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li .message-text {
    margin-left: 20px;
    margin-right: unset;
}

.messaging-panel .message-list-container ul li.own-message .message-text {
    background: #c5e3ea;
    margin-right: 0;
    margin-left: 20px;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li.own-message .message-text {
    margin-right: 20px;
    margin-left: unset !important; 
}

.messaging-panel .message-list-container ul li.unread-message .message-text {
    background: #f1f39c;
}

.messaging-panel .message-list-container ul li.unread-message .message-text.tooltipped, .messaging-panel .message-list-container ul li.own-message .message-text.tooltipped {
    color: rgba(0, 0, 0, 0.1) !important;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.1);
}

.messaging-panel .message-list-container ul li .message-tooltip {
    position: absolute;
    left: 0;
    top: 0;
    right: 20px;
    bottom: 0;
    align-items: center;
    justify-content: center;
    opacity: 0;
    background: rgba(255, 255, 255, 0.15);
    pointer-events: none;
    display: none;
}

.messaging-panel .message-list-container ul li.unread-message .message-tooltip, .messaging-panel .message-list-container ul li.own-message .message-tooltip {
    display: flex !important;
}

.messaging-panel .message-list-container ul li.own-message .message-tooltip {
    left: 20px;
    right: 0;
}

.messaging-panel .message-list-container ul li.unread-message .message-text.tooltipped .message-tooltip, .messaging-panel .message-list-container ul li.own-message .message-text.tooltipped .message-tooltip {
    color: #333 !important;
    opacity: 1;
    transition: opacity 0.55s ease;
}

.messaging-panel .message-list-container ul li .tooltip-container {
    width: 15px;
    height: 13px;
    position: relative;
    left: 0px;
    top: -13px;
}

.messaging-panel .message-list-container ul li.header-time-only {
    margin-top: -4px !important;
}

.messaging-panel .message-list-container ul li i.fa {
    position: absolute;
    right: 0;
    top: 8px;
    color: #fff;
    transition: all ease 0.5s;
    width: 15px;
    display: inline-block;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li i.fa {
    right: unset !important;
    left: 0;
}

*[dir="rtl"] .messaging-panel .message-list-container ul li.own-message i.fa {
    left: unset;
}

.messaging-panel .message-list-container ul li.unread-message i.fa {
    color: #bcbcbc;
}

.messaging-panel .message-list-container ul li.own-message i.fa {
    position: absolute;
    left: 0;
    top: 8px;
    color: #bcbcbc;
}

.messaging-panel .preloader-container {
    display: table;
    height: 100%;
    width: 100%;
}

.messaging-panel .preloader-sub-container {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

.messaging-panel .img-preloader {
    opacity: 0.45;
    width: 125px;
}

.fa.payment-failed {
    margin-left: 3px;
    color: #e45c09;
}

#messages_panel_container {
    position: relative;
    float: left;
}

#messages_panel_container>div {
    position: absolute;
    border: 1px solid #bbb;
    border-top: none;
    background: #fff;
    top: 55px;
    width: 475px;
    margin-right: -1px;
    color: #333;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

@media (min-width: 497px) {
    *[dir="rtl"] #messages_panel_container>div {
        right: unset !important;
        left: -67px;
    }
}

#messages_panel_container .preloader {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
    color: #003346;
}

.header-btn .counter-container {
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
}

.header-btn .counter-container .counter {
    font-size: 9px;
    background: #0390ae;
    line-height: initial !important;
    padding: 1px 3px;
    border-radius: 4px;
    color: #ffffff;
    text-shadow: 0 0 2px #0f4a58;
    margin: auto;
    display: inline-block;
    vertical-align: bottom;
}

#messages_panel_container .messages {
    max-height: 290px;
    overflow: auto;
}

#messages_panel_container a.message {
    line-height: 28px;
    border-bottom: 1px solid #e4e5e7;
    position: relative;
    display: block;
}

#messages_panel_container a.message:hover {
    background: #f8f9fb;
}

#messages_panel_container a.message .messageSummary {
    padding-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 25px;
    font-weight: 600;
}

*[dir="rtl"] #messages_panel_container a.message .messageSummary {
    padding-right: 5px;
    padding-left: 25px;
}

#messages_panel_container a.message .messageCount {
    width: 25px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    color: #b92727;
}

*[dir="rtl"] #messages_panel_container a.message .messageCount {
    right: unset !important;
    left: 0;
}

#messages_panel_container .notification {
    font-size: 11px;
    color: #aaa;
    padding: 4px 6px;
}

@media (max-width: 620px) {
    #messages_panel_container>div {
        width: 350px;
    }
}

@media (max-width: 496px) {
    #messages_panel_container {
        position: static;
    }
    #messages_panel_container>div {
        right: unset;
        left: 20px;
    }
}

@media (max-width: 390px) {
    #messages_panel_container>div {
        left: 20px;
        right: 20px !important;
        width: unset;
    }
}

@media (min-width: 391px) and (max-width: 496px) {
    *[dir="rtl"] #messages_panel_container>div {
        right: 20px !important;
        left: -66px !important;
    }
}

.availability-clear, .availability-clear-single {
    position: relative;
    font-size: 20px;
    bottom: -1px;
}

.availability-clear-single {
    bottom: 0;
}

.availability-tick {
    font-size: 16px;
    color: #10ca0d;
    /* margin: 7px 8px 0 5px !important; */
    /* float: right; */
}

.disabled-text {
    font-size: 11px;
    color: #bbb;
    text-shadow: 1px 1px 0 #fff;
}

@keyframes bg-color-beige-blinker {
    50% {
        background-color: transparent;
    }
}

.bg-color-beige {
    background-color: #ffeb89;
}

.bg-color-beige-blinking {
    background-color: #ffeb89;
    -webkit-animation: bg-color-beige-blinker 1s linear infinite;
    -moz-animation: bg-color-beige-blinker 1s linear infinite;
    animation: bg-color-beige-blinker 1s linear infinite;
}

.room-conf-number {
    padding: 2px 5px;
    margin: -2px -5px;
    border-radius: 3px;
}

.guest-form-icon-container .fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
*[dir="ltr"] .guest-form-icon-container .fa {
  left: 6px;
}
*[dir="rtl"] .guest-form-icon-container .fa {
    right: 6px;
  }

.avb-toggle-room-rates {
    width: 310px;
    margin-right: 22px;
}
*[dir="ltr"] .row.availability-results-screen .avb-toggle-room-rates {
    margin-right: 20px;
}

*[dir="rtl"] .row.availability-results-screen .avb-toggle-room-rates {
    margin-left: 20px;
}

*[dir="ltr"] .row.availability-results-screen .m-r-xs {
    margin-right: 3px;
    align-items: center;
}
*[dir="rtl"] .avb-below-rooms-area {
    margin-left: 22px; 
}

*[dir="rtl"] .row.availability-results-screen .m-r-xs {
    margin-left: 3px;
}

.avb-reserve-room {
    min-width: 190px;
}

.avb-below-rooms-area {
    min-width: 190px;
}
*[dir="ltr"] .avb-below-rooms-area {
    margin-right: 22px;
}

*[dir="ltr"] .row.availability-results-screen .avb-below-rooms-area.btn {
    margin-right: 20px;
    padding-left: 12px !important;
}

*[dir="rtl"] .row.availability-results-screen .avb-below-rooms-area.btn {
    margin-left: 20px;
    padding-right: 12px !important;
}

*[dir="ltr"] .row.availability-results-screen .avb-below-rooms-area.tax-link {
    padding-left: 2px !important;
}

*[dir="rtl"] .row.availability-results-screen .avb-below-rooms-area.tax-link {
    padding-right: unset !important;
    margin-left: 30px;
}

.room-rate-rooms-container .inline-block.lh-34.h-34.avb-reserved-room.text-center + div span {
    top: 7px !important;
}

.avb-reserved-room {
    min-width: 190px;
    padding-left: 12px;
    margin-right: 5px;
    border-radius: 3px;
}

.avb-reserved-room .fa-times {
    margin: 8px 6px -8px -6px;
}
*[dir="ltr"] .avb-reserved-room .fa-times {
    float: right;
}
*[dir="rtl"] .avb-reserved-room .fa-times {
    float: left;
}

.link-like {
    color: #2994b1;
    border-color: #2994b1;
    border-bottom: 1px solid;
}

.link {
    color: #2994b1;
    border-color: #2994b1;
    border-bottom: 1px solid;
    cursor: pointer;
}

.link.dashed {
    border-bottom-style: dashed !important;
}

.link:hover {
    color: #000;
    border-color: #000;
}

.availability-results-screen label {
    font-weight: 600;
}

.inline-labeled-control+.inline-labeled-control {
    margin-top: 15px;
}

.dropdown-table {
    position: relative;
}

.dropdown-table .dt-control {
    line-height: 32px;
    padding: 0 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    user-select: none;
}

.dropdown-table .dt-control.dt-placeholder-visible {
    color: #757575 !important;
}

.dropdown-table.dt-focused .dt-control {
    border-radius: 4px 4px 0 0;
    border-bottom: none;
    margin-bottom: 1px;
}

.dropdown-table .dt-control::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f04b";
    position: absolute;
    right: 6px;
    top: 13px;
    transform: rotate(90deg);
    font-size: 8px;
}

.dropdown-table .dt-control.field-error {
    border-color: #e74c3c !important;
}

.dropdown-table .dt-list-container {
    position: absolute;
    margin-top: -1px;
    width: 100%;
    z-index: 1000000;
}

.dropdown-table .dt-list-container .fa {
    position: absolute;
    padding: 0 8px;
    line-height: 28px;
    color: #888;
}

.dropdown-table .dt-list-container input {
    border: 1px solid #7A9CD3;
    width: 100%;
    line-height: 26px;
    padding: 0px 10px 0px 24px;
}

.dropdown-table .dt-list-container .dt-table-placeholder {
    background: #FFFFFF;
    border: 1px solid #7A9CD3;
    border-top: none;
    padding: 5px 10px;
    color: #999999;
    user-select: none;
}

.dropdown-table .dt-list-container .dt-table-container {
    background: #FFFFFF;
    border: 1px solid #7A9CD3;
    border-top: none;
    max-height: 197px;
    overflow: auto;
}

.dropdown-table table {
    width: 100%;
}

.dropdown-table table td {
    padding: 0 6px 0 10px;
    line-height: 28px;
    user-select: none;
}

.dropdown-table table thead tr {
    background: #DDDDDD;
    text-shadow: rgba(255, 255, 255, 0.25) 1px 1px;
}

.dropdown-table table tbody tr:nth-child(2n - 1) {
    background: #EEEEEE;
}

.dropdown-table table tbody tr:hover {
    background: #1E90FF !important;
    color: #FFFFFF !important;
}

.dropdown-table table td:nth-child(n + 2) {
    border-left: 1px solid #AAAAAA;
}

.dropdown-table table tbody tr:hover td:nth-child(n + 2) {
    border-left: 1px solid #1A78D4;
}

.radioselect-option-label {
    position: relative;
    top: -2px;
    left: 4px;
    font-weight: 500 !important;
}

img.big-preloader {
    cursor: default;
    width: 42px;
    height: 42px;
    margin-top: 6px;
    opacity: 0.35;
    margin-left: -5px;
    margin-right: 6px;
}

.hpanel .panel-body.panel-disabled {
    user-select: none;
}

.hpanel .panel-body.panel-disabled::after {
    content: " ";
    display: block !important;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #FFF;
    z-index: 10;
    opacity: 0.5;
    user-select: none;
}

.new-file-button {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.new-file-button .fa.fa-paperclip {
    transform: rotate(45deg);
    font-size: 15px;
}

.new-file-button .fa.fa-plus {
    position: absolute;
    color: #43c822;
    bottom: 1px;
    margin-left: -1px;
    font-size: 8px;
}

.periodpicker {
    line-height: 32px !important;
}

.periodpicker:hover {
    background-color: #fafbfc !important;
}

.periodpicker-label {
    color: #555 !important;
    font-size: 14px !important;
    padding-left: 4px !important;
}

.periodpicker .fa.fa-calendar {
    font-size: 14px;
    color: #555;
}

.room-details-header .fa.fa-pencil {
    position: relative;
    top: -1px;
    padding: 5px 7px;
    margin: -5px -7px -5px 0px;
    color: #ddd;
}

.room-details-header .fa.fa-pencil:hover {
    cursor: pointer;
    color: inherit;
}

*[dir="ltr"] .modal-footer .btn+.btn {
    margin-left: 10px;
}

*[dir="rtl"] .modal-footer .btn+.btn {
    margin-right: 10px;
}

.modal-availability-container {
    background-color: #f1f3f6;
    padding: 10px 10px 1px 10px;
    margin: -15px -20px -21px -20px;
}

.modal-availability-container .availability-reserved-label {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    padding: 1px 5px;
    background: #63accc;
    margin: 0 0 0px 10px;
    position: relative;
    top: -3px;
    border-radius: 5px;
    color: #fff;
}

.modal-backdrop {
    z-index: 1040;
}

.modal-backdrop+.modal-backdrop {
    z-index: 1050;
}

.modal.error-modal {
    z-index: 1250;
}

.font-extra-boldi {
    font-weight: 700 !important;
}

.fa.fa-green {
    color: #41c121;
}

.fa.fa-red {
    color: #f36060;
}

.fa.fa-blue {
    color: #36a5c3;
}

.fa.fa-btn {
    margin: -8px -10px;
    padding: 8px 10px;
    cursor: pointer;
    border-radius: 2px;
}

.fa.fa-btn-down {
    background: rgba(0, 0, 0, 0.1);
}

.guest-count-x {
    margin-left: 2px;
    margin-right: 4px;
}

.expansion-panel+.expansion-panel {
    margin-top: 10px;
}

.expansion-panel .expansion-panel-header {
    background: #f1f3f6;
    border: 1px solid #e4e5e7;
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
}

.expansion-panel .expansion-panel-header.expanded {
    border-radius: 3px 3px 0 0;
}

.expansion-panel .expansion-panel-body {
    background: #fafafa;
    border: 1px solid transparent;
    border-top: none;
    border-radius: 0 0 3px 3px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.expansion-panel .expansion-panel-body.expanded {
    border-color: #e4e5e7;
}

.MESSAGES_STATEMENT_HIDDEN {
    display: none;
}

.todo-list {
    padding-left: 0;
}

.todo-list a {
    display: block;
    list-style: none;
    border-radius: 2px;
    padding: 10px;
    background: #f4f4f4;
    color: #444;
    font-weight: 600;
}
*[dir="ltr"] .todo-list a {
    border-left: 2px solid #e6e7e8;
}
*[dir="rtl"] .todo-list a {
    border-right: 2px solid #e6e7e8;
}


.todo-list a.disabled {
    color: #bbb;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.todo-list a.disabled span {
    opacity: 0.5;
}

.todo-list a+a {
    margin-top: 5px;
}

.todo-list .fa-spinner {
    color: #888;
}

.custom-badge {
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
}

table.price-breakdown-table {
    width: 100%;
}

table.price-breakdown-table>thead>tr>th, table.price-breakdown-table>tbody>tr>td, table.price-breakdown-table>tfoot>tr>td {
    border: 1px solid #e8e8e8;
    text-align: center;
    padding: 10px;
}

table.price-breakdown-table>tbody>tr>td {
    padding: 4px 10px;
}

table.price-breakdown-table>tbody>tr>td {
    background-color: #fcfcfc;
}

.offer-wizard-room-table .datepicker {
    margin-top: 0 !important;
}

.owrt-table-compact, .owrt-list {
    display: none;
}

.owrt-list {
    list-style: none;
    padding-left: 0;
}

.owrt-list .owrt-header, .owrt-list .owrt-pax-header, .owrt-list .owrt-pax-room, .owrt-list .owrt-footer {
    border: 1px solid #bbb;
    padding: 8px 10px;
    border-radius: 1px;
}

.owrt-list .owrt-header {
    background: #f8f8f8;
}

.owrt-list .owrt-pax-header {
    margin-top: 3px;
    background: #f4f4f4;
}

.owrt-list .owrt-pax-room {
    border-top: none;
    line-height: 20px;
    background: #fcfcfc;
}

.owrt-list .owrt-footer {
    background: #f2f2f2;
    margin-top: 10px;
    text-align: right;
    line-height: 25px;
}

.owrt-list li+li {
    margin-top: 10px;
}

.ofwt-table-printable {
    font-size: 12px;
}

.ofwt-table-printable tbody tr {
    line-height: 40px !important;
}

.ofwt-table-printable th, .ofwt-table-printable td {
    padding-left: 7px;
    padding-right: 7px;
}

@media (max-width: 400px) {
    .header-btn {
        padding: 0 15px;
    }
    .header-link {
        padding: 18px 20px 17px 20px;
    }
}

@media (max-width: 350px) {
    .header-btn {
        padding: 0 10px;
    }
    .header-link {
        padding: 18px 15px 17px 15px;
    }
}

.underLine {
    border-bottom: 1px solid;
    min-height: 21px;
}

body .form-control.field-error, body .input-group-addon.field-error {
    border-color: #e74c3c !important;
}

img[alt="logo"] {
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
}

/* @media (min-width: 768px) {
  *[dir="rtl"] body.Index
  .col {
      float: right!important;
  }
} */

@media (min-width: 768px) {
  *[dir="rtl"] body.Payment
  .col {
      float: right!important;
  }
}

/* *[dir="rtl"] body.SingleCriteriaSearch *[class^="col-"] {
    float: right;
} */


.recharts-surface {
    margin-right: 4px;
    margin-left: 4px;
}

.flex-row-center {
    display: flex;
    align-items: center;
}
.flex-between {
    justify-content: space-between;
}

.flex-center {
    justify-content: center;
}

.flex-around {
    justify-content: space-around;
}

html[dir="rtl"] .recharts-legend-wrapper {
    direction: rtl;
}
html[dir="ltr"] .recharts-legend-wrapper {
    direction: ltr;
}

.todo-list a {
    display: flex;
}

#criteriaForm div.rooms-container > div.rooms-headers {
    display: flex;
}

#criteriaForm div.rooms-container > div:nth-child(2) > div {
    display: flex;
}



/* #checkoutForm div.hpanel div.hpanel > div.panel-body div.row {
    display: flex;
} */

*[dir="ltr"] .col-xs-offset-6 {
    margin-left: 50%;
    margin-right: 0;
}
*[dir="rtl"] .col-xs-offset-6 {
    margin-left: 0;
    margin-right: 50%;
}

html[dir="ltr"] .custom-datepicker-input {
    direction: ltr;
}
html[dir="rtl"] .custom-datepicker-input {
    direction: rtl;
}

#header > nav > div.navbar-right > div > span.dropdown.open > ul {
    margin: 25px -52px 0;
}

@media (max-width:1199px) {
  .availability-results-screen > div {
    width: 100%;
  }
}

*[dir="ltr"] div.recharts-tooltip-wrapper {
  direction: ltr!important;
}
*[dir="rtl"] div.recharts-tooltip-wrapper {
  direction: rtl!important;
}

*[dir="ltr"] .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
*[dir="rtl"] .fadeInRight {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

*[dir="ltr"] .slimScrollBar {
  left: unset!important;
  right: 1px!important;
}
*[dir="rtl"] .slimScrollBar {
  left: 1px!important;
  right: unset!important;
}

#langDropdownMenu+ul.dropdown-menu {
    right: unset;
}

.recharts-tooltip-item {
    display: flex!important;
}

.recharts-tooltip-item-separator {
    padding-left: 3px;
    padding-right: 3px;
}

*[dir="ltr"] body.Checkout div.content > .row > div {
    float: left;
}
*[dir="rtl"] body.Checkout div.content > .row > div {
    float: right;
}
*[dir="ltr"] body.ReservatonDetails div.content > div > div.animate-panel > .row > div {
    float: left;
}
*[dir="rtl"] body.ReservatonDetails div.content > div > div.animate-panel > .row > div {
    float: right;
}

body.ReservatonDetails div.panel-body > div.row:first-child {
    direction: ltr;
}

html[dir="ltr"] body.ReservatonDetails div.panel-body > div.row:first-child .room-details-block {
    direction: ltr;
}
html[dir="rtl"] body.ReservatonDetails div.panel-body > div.row:first-child .room-details-block {
    direction: rtl;
}

*[dir="rtl"] body.ReservatonDetails ul#message-list {
    padding-inline-start: 0;
}

*[dir="rtl"] .ReservatonDetails #reservation-history #historyTable_filter {
    float: left;
}

*[dir="rtl"] .ReservatonDetails #historyTable_length > label {
    display: flex;
    align-items: center;
}

*[dir="rtl"] .ReservatonDetails #historyTable_wrapper > div.row > div {
    float: right;
}

*[dir="rtl"] .ReservatonDetails #historyTable_wrapper > div.row .col-sm-6:nth-child(2) {
    padding-left: 0;
}

*[dir="rtl"] body.ReservatonDetails div.panel-body > div.row:first-child {
    direction: rtl;
}

*[dir="rtl"] .ReservatonDetails div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

*[dir="rtl"] .ReservatonDetails div.dataTables_wrapper div.dataTables_filter input {
    margin-right: 0.5em;
    margin-left: unset;
}

*[dir="rtl"] .ReservatonDetails table.table-bordered.dataTable th:last-child, 
*[dir="rtl"] .ReservatonDetails  table.table-bordered.dataTable th:last-child,
*[dir="rtl"] .ReservatonDetails table.table-bordered.dataTable td:last-child  {
    border-right-width: 1px;
}

*[dir="rtl"] .ReservatonDetails table.table-bordered.dataTable th:first-child, 
*[dir="rtl"] .ReservatonDetails table.table-bordered.dataTable td:first-child {
    border-right-width: 0;
}

*[dir="rtl"] .ReservatonDetails #historyTable .rtl-table-th:last-child {
    min-width: 60px;
}

*[dir="ltr"] body.ReservatonRequestedDetails3 div.content div.animate-panel > .row > div {
    float: left;
}
*[dir="rtl"] body.ReservatonRequestedDetails3 div.content div.animate-panel > .row > div {
    float: right;
}

*[dir="rtl"] ul.nav-tabs {
    padding-inline-start: 0;
    padding-inline-end: 40px;
}

.room-details-block {
    display: flex;
    align-items: center;
}
*[dir="ltr"] .room-details-block > span {
    padding-right: 5px!important;
}
*[dir="rtl"] .room-details-block > span {
    padding-left: 5px!important;
}

@media (min-width: 1200px) {
    .guest-subcontainer .guest-details .col {
        display: flex;
    }
}

@media (max-width: 768px) {
  .col-sm-12 {
     width: 100%;
  }
}

*[dir="ltr"] .room-rates-container > ul > li {
    direction: ltr;
}
*[dir="ltr"] .room-rates-container > ul > li > div.row > div[class^="col-"] {
    float: left;
}
*[dir="rtl"] .room-rates-container > ul > li {
    direction: rtl;
}
*[dir="rtl"] .room-rates-container .reserve-container .rtl-flex {
    justify-content: space-between;
    margin-left: 19px;
}
*[dir="rtl"] .room-rates-container .reserve-container .ws-nowrap:nth-child(3) {
    margin-right: unset !important;
}
.room-rates-container .reserve-container .rtl-flex .m-r-xs {
    align-items: center;
}
*[dir="rtl"] .room-rates-container > ul > li > div.row > div[class^="col-"] {
    float: right;
}

*[dir="rtl"] .room-rate-rooms-container .dir-float-right {
    width: 370px !important;
}

*[dir="rtl"] .room-rate-rooms-container .m-l-nonei {
    min-width: 200px;
}

.room-rate-rooms-container .reserve-container > div > span .fa-male, .room-rate-rooms-container .reserve-container > div > span .fa-child {
    display: flex;
    align-items: center;
}

body.Checkout .guest-group-header .fa-male, body.Checkout .guest-group-header .fa-child {
    display: flex;
    align-items: center;
}

body.Checkout .guest-group-header {
    display: flex;
    justify-content: space-between;
}

*[dir="ltr"] body.Checkout .room-image {
    float: left;
}
*[dir="rtl"] body.Checkout .room-image {
    float: right;
}

@media (max-width: 992px) {
     body.Checkout .room-image {
        float: none!important
    }
}

body.Checkout div.modal form div.row {
    display: flex;
} 

div.tooltip {
    direction: rtl;
}

div.guest-details > div.col > div.col > div > div.row {
    display: flex;
}

body.AgentReservationList span.second-confirmation > div {
    display: flex;
}
.td_ConfirmationNo > div {
    display: flex;
}


*[dir="ltr"] #historyTable_wrapper > div.row > div {
    float: left;
}
*[dir="rtl"] #historyTable_wrapper > div.row > div {
    float: right;
}

*[dir="rtl"] #historyTable_wrapper > div.row > div:first-child {
    padding-right: 0;
}

*[dir="ltr"] .ReservatonRequestedDetails3 .rate-details .room-details-block:nth-child(4) span+span {
    padding-left: 5px!important;
}
*[dir="rtl"] .ReservatonRequestedDetails3 .rate-details .room-details-block:nth-child(4) span+span {
    padding-right: 5px!important;
}

body.ReservatonDetails .dateModifyButton {
    display: block;
}

*[dir="rtl"] #statement_details .col-sm-6, *[dir="rtl"] #statement_details .col-md-5, *[dir="rtl"] #statement_history .col-sm-6, *[dir="rtl"] #statement_history .col-md-5 {
    float: right;
}

@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
        *[dir="rtl"] #header > nav > div.navbar-right > div > span.dropdown.open > ul {
            left: 0;
            margin: 25px 155px 0;
        }

        *[dir="ltr"] .room-rate-list .m-r-xs { 
            margin-left: unset; 
        }
        *[dir="rtl"] .room-rate-list .m-r-xs {
            margin-right: unset; 
        }

        #CheckoutDetailsContainer .stepStatus-doneLast {
            z-index: 1;
        }
    }  
}


*[dir="rtl"] #statement_details .dataTables_length label, *[dir="rtl"] #statement_history .dataTables_length label {
    display: flex;
    align-items: center;
}

*[dir="rtl"] #statement_details .pagination.m-t-xs.m-b-nonei, *[dir="rtl"] #statement_history .pagination.m-t-xs.m-b-nonei {
    display: flex!important;
}

*[dir="rtl"] #statement_details th {
    text-align: right;
}

*[dir="rtl"] #statement_details .text-right {
    text-align: left;
}

*[dir="rtl"] #statement_details .text-center {
    text-align: center;
}

*[dir="ltr"] #profileDetails #PhoneNo1_container #PhoneNo1 {
    direction: ltr;
    text-align: left;
}

*[dir="rtl"] #profileDetails #PhoneNo1_container #PhoneNo1,
*[dir="rtl"] #profileDetails #PhoneNo2_container #PhoneNo2,
*[dir="rtl"] #profileDetails #FaxNo_container #FaxNo {
    direction: ltr;
    text-align: right;
}

*[dir="rtl"] .enquiryDetails-infoPanel div.details-field-group div.text-right div,
*[dir="rtl"] .enquiryDetails-infoPanel div.details-field-group div.text-right + div span.pull-right {
    direction: ltr;
}

*[dir="rtl"] .Index .content.animate-panel .m-t-xs.flex:nth-child(2) span:nth-child(2) {
    direction: ltr;
    text-align: right;
}

*[dir="rtl"] .EnquiryDetails .modal-body .row:nth-child(2) .col.text-right {
    direction: ltr;
}

*[dir="rtl"] .blank #PhoneNo1, *[dir="rtl"] .blank #FaxNo {
    direction: ltr;
    text-align: right;
}

*[dir="rtl"] .AgentEdit #PhoneNo1,
*[dir="rtl"] .AgentEdit #PhoneNo2,
*[dir="rtl"] .AgentEdit #FaxNo {
    direction: ltr;
    text-align: right;
}

*[dir="ltr"] .rates-button-container {
    direction: ltr;
}
*[dir="rtl"] .rates-button-container {
    direction: rtl;
}

@-moz-document url-prefix() {
    *[dir="rtl"] #header > nav > div.navbar-right > div > span.dropdown.open > ul {
        right: 0
    }
}


.d-left-margin-1 {
    margin-left: 3px;
}

.metismenu .collapse.in:not(.show) {
    display: block;
}

.nav.metismenu{ display:block;}

.gutters-xs {
    margin-left: -5px;
    margin-right: -5px;
}
.gutters-xs > .col{
    padding: 5px;
}

.vertical{
    height: 60px;
    border-left: #efefef 2px solid;
    display: block;
    width: 1px;
}

.pager li>.active-pill, .pager li>.active-pill,
.pager li>.active-pill, .pager li>.active-pill:hover,
.pager li>.active-pill, .pager li>.active-pill:focus{
    background-color: #36a5c3;
    color: white;
    border: 1px solid #36a5c3;
}

.overflow-hidden 
{
    overflow: hidden;
}

/* INFO: Overwrite date range picker default style */
.ranges li {
    background-color: #ffffff;
    border: 0px solid #f5f5f5;
    border-radius: 0px;
    color: #555;
    margin-bottom: 0px;
    padding: 0px 2px 1px;
    font-size: 14px;
}

.ranges li.active,
.ranges li:hover{
    border: 0px solid #08c;
}

.daterangepicker:before,
.daterangepicker:after{
    content: none;
}

.overflow-hidden 
{
    overflow: hidden;
}

/* INFO: Overwrite date range picker default style */
.ranges li {
    background-color: #ffffff;
    border: 0px solid #f5f5f5;
    border-radius: 0px;
    color: #555;
    margin-bottom: 0px;
    padding: 0px 2px 1px;
    font-size: 14px;
}

.ranges li.active,
.ranges li:hover{
    border: 0px solid #08c;
}

.daterangepicker:before,
.daterangepicker:after{
    content: none;
}

ul.list-items {
    padding: 0 !important;
    width: 100%;
    background: transparent;
    border: 1px solid #dddddd;
    max-height: 350px;
    overflow-y: auto;
}

ul.list-items li.active {
    background: #f2f2f2;
}

.dynamic-max-heigh {
    max-height: fit-content !important;
}