/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/*Overiding Bootstrap Classes*/

.container {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.backend_smallprint {
    font-size: 12px;
    margin-top: 4px;
    text-align: left;
}


/* Generic Flex Classes -> These Classes Are Made To Accelerate Front-End Development */


/*Horizontal Flex*/

.flex-space {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.flex-space-top {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.flex-left-center {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.flex-right-center {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.flex-left-top {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.flex-center-right {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}


/*Vertical Flex*/

.V-flex-left-center {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.V-flex-right-center {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
}

.v-flex-space-between {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}

.v-flex-left-top {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}


/*---------- Supplementary Content Class OVERRIDES BG IMAGE-----------*/

.content-white {
    min-height: 100vh;
    background-color: white;
}


/*---------- Generic Modal CSS -----------*/


/* Modal Footer Custom -> Overrides Bootstrap*/

.modal-footer.custom {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    border-top: 0 solid #e5e5e5;
    background: none;
    background-color: transparent;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}


/* Cancel Btn -> Modal Footer*/

.modalReleaseBtn {
    font-size: 12px;
    font-weight: bold;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    width: 30%;
    padding: 0 13px 0 0;
    -webkit-transition: .3s;
    transition: .3s;
    color: #039edc;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.modalReleaseBtn:hover {
    cursor: pointer;
    text-decoration: none;
    opacity: .8;
    color: #039edc;
}


/*Modal Special Button Instance*/

.modal-special-btn {
    width: 27%;
}

.modal-special-btn .btn-booking-excess {
    padding: 10px 18px 10px 18px;
}

.specialTextBtn {
    font-size: 12px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    width: 20%;
    padding: 10px 18px 10px 18px;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    color: white;
    border-radius: 20px;
    background-color: #027cc4;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.specialTextBtn:hover {
    cursor: pointer;
    text-decoration: none;
    opacity: .7;
    color: white;
}

.specialTextBtn:focus {
    cursor: pointer;
    text-decoration: none;
    color: white;
}


/* Modal Header Custom -> Overides Bootstrap*/

.modal-header.custom {
    padding: 10px 0 10px 10px;
    border-bottom: 0 solid #e5e5e5;
}

.modal.custom {
    bottom: unset;
    /*width: 589px;*/
    margin: 0 auto;
    padding: 17px;
    border: 0;
    border-radius: 0;
}

.modal.custom.fade.in {
    bottom: unset;
    display: block;
    margin: 0 auto;
}


/* Modal Body Custom -> Overides Bootstrap*/

.modal-body.custom {
    overflow-y: auto;
    width: 100%;
}

.modal-body input {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
}

.modal-body textarea {
    width: 100%;
    /*Dimensions*/
    height: 70px;
    margin-top: 5px;
    padding: 8px 15px 8px 15px;
    /*background-color: yellow;*/
    resize: none;
    border: 1px solid;
    border-radius: 10px;
}


/* Custom Modal Width -> Active Classes */

.modal800 {
    width: 800px !important;
}

.modalCanxPolicy400 .modal-body {
    height: 400px !important;
}

.modalCanxPolicy350 .modal-body {
    height: 350px !important;
}

.modalCanxPolicy280 .modal-body {
    height: 280px !important;
}


/* Default hotel image */

.default-image {
    width: 70px;
    height: 70px;
    background-color: #f5f6f8;
    background-image: url(/__data/images/hotel_default.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


/* System components */

.sysMessage {
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    text-align: left;
    color: red;
}


/* ---------------------------------------
/* MODAL WITH DATE */

.modalDatePickers .modalDatePicker1,
.modalDatePickers .modalDatePicker2 {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
    background-image: url('/__data/images/icon-calendar.png');
    background-repeat: no-repeat;
    background-position: 94% center;
    background-size: 15px;
}

.modalDatePickers .modalCheckInDate,
.modalDatePickers .modalCheckOutDate {
    /*Dimensions*/
    width: 48%;
    margin: 0 0 10px 0;
}

.modalDatePickers .modalCheckInLabel,
.modalDatePickers .modalCheckOutLabel {
    /*Dimensions*/
    margin: 0 0 5px 0;
    font-weight: bold;
    padding-left: 10px;
}


/* ---------------------------------------
/* Dashboard add new credit card. */

.dbNewCardLabel {
    margin: 0 0 12px 7px;
    font-weight: 400;
    width: 330px
}

.dbNewCardLabel select {
    height: 30px;
    border-color: #027CC4;
    border-radius: 10px;
    padding-left: 8px;
    width: 85px;
    margin-top: 4px;
}

.dbNewCardLabel option {
    line-height: 200%;
}

.dbNewCardLabel input {
    margin-top: 4px;
}

.dbNameNumberWrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.dbAddNewCardFields input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
    font-weight: 200;
    color: grey;
}

.dbAddNewCardFields input::-moz-placeholder {
    font-size: 13px;
    /* Firefox 19+ */
    color: #009ddf;
}

.dbAddNewCardFields input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
    color: #009ddf;
}

.dbAddNewCardFields input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
    color: #009ddf;
}


/* ---------------------------------------
/* Dashboard view cards */

.dbViewCardHeading {
    padding-bottom: 10px;
    font-weight: 600;
}

.dbViewCardDetail {
    padding-bottom: 10px;
}

.dbNickname {
    float: left;
    width: 50%;
}

.dbCardNumber {
    float: left;
    width: 25%;
}

.dbCardMessage {
    padding-top: 15px;
}


/* ---------------------------------------
/* Dashboard view members */

.dbMemberMessage {
    padding-top: 15px;
}


/* ---------------------------------------
/* Dashboard location/hotel selection */

.dbSurname {
    width: 45%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dbSurnameThead {
    width: 45%;
}

.dbFirstname {
    width: 45%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dashSearchWithClose {
    width: 100%;
    position: relative;
}

.dashSearchComboTextarea {
    height: 55px;
    width: 100%;
    padding-left: 20px;
    border: 1px solid;
    /* background-color: transparent; */
    color: #009DDF;
    font-size: 14px;
    border-radius: 7px;
}

.dashInputValueClear {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    height: 100%;
    /* padding-left: 26px; */
    padding-right: 19px;
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.dashInputValueClear:hover {
    cursor: pointer;
    opacity: 0.6;
}

.dashLocationError {
    padding: 15px 0 0 10px;
}

/* ---------------------------------------
/* Dashboard date pickers */

.dashDatePickers {
    margin-top: 35px;
}

.dashDatePickers .datepicker1,
.dashDatePickers .datepicker2 {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
    background-image: url('/__data/images/icon-calendar.png');
    background-repeat: no-repeat;
    background-position: 94% center;
    /*background-size: 15px;*/
}

.dashDatePickers .checkInDate,
.dashDatePickers .checkOutDate {
    /*Dimensions*/
    width: 48%;
    /*margin: 0 0 10px 0;*/
}

.modalDatePickers .checkInLabel,
.modalDatePickers .checkOutLabel {
    /*Dimensions*/
    margin: 0 0 5px 0;
    font-weight: bold;
}


/* ---------------------------------------
/*JQUERY UI - overrides */

/*.ui-datepicker-title {*/
/*    color: #027cc4 !important;*/
/*    font-weight: 100 !important;*/
/*}*/

/*.ui-datepicker-header {*/
/*    background: #027cc4 !important;*/
/*}*/

/*.ui-datepicker select.ui-datepicker-month,*/
/*.ui-datepicker select.ui-datepicker-year {*/
/*    padding-left: 5px;*/
/*}*/

/*.ui-datepicker th {*/
/*    color: #027cc4 !important;*/
/*    font-weight: 100 !important;*/
/*    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*}*/


/* ---------------------------------------
/*JQUERY UI - theme nigran */
.yoke-picker-skin {
    overflow:auto;
    /*font-size: 90%;*/
}


.yoke-picker-skin .ui-widget {
    font-family: "Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    background: #009DDF;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px #c5c5c5;
            box-shadow: 0 1px 6px #c5c5c5;
}

.yoke-picker-skin .ui-datepicker-title {
    /* padding: 0 15px 0 15px; */
    margin: 0;
}

.yoke-picker-skin .ui-datepicker {
    padding: 0;
}

.yoke-picker-skin .ui-datepicker-header {
    border: none;
    border-bottom: 1px solid #2d97cb;
    background: transparent;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
}

.yoke-picker-skin .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.yoke-picker-skin .ui-datepicker .ui-datepicker-title {
    margin: 0em;
    /* margin-bottom: 0em; */
}

.yoke-picker-skin .ui-datepicker .ui-datepicker-prev-hover,
.yoke-picker-skin .ui-datepicker .ui-datepicker-next-hover,
.yoke-picker-skin .ui-datepicker .ui-datepicker-next,
.yoke-picker-skin .ui-datepicker .ui-datepicker-prev {
    top: 1.7em;
    border:none;
}

.yoke-picker-skin .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

.yoke-picker-skin .ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}

.yoke-picker-skin .ui-datepicker .ui-datepicker-next span,
.yoke-picker-skin .ui-datepicker .ui-datepicker-prev span {
    /* background-image: url(images/ui-icons_ffffff_256x240.png); */
    /* background-position: -32px -32px; */
    background-position: -49px -189px;
    margin-top: 0;
    top: 0;
    background-size: 251px;
    font-weight: bold;
    /* background: red; */
    /* z-index: 9; */
}

.yoke-picker-skin .ui-datepicker .ui-datepicker-next span {
    /* margin: 0 0 0 0; */
}

.yoke-picker-skin .ui-datepicker .ui-datepicker-prev span {
    /* margin: 0 0 0 0; */
    background-position: -76px -189px;
}

.yoke-picker-skin .ui-datepicker-title select {
    color: white;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding: 4px;
    background: transparent;
    border: 1px solid white;
    border-radius: 3px;
    width: 35% !important;
    z-index: 9;
    /* margin: 0; */
    margin: 10px 8px 10px 8px !important;
}

.ui-datepicker-title select option {
    color: #1AA7E2;
    overflow: auto;
    z-index: 9;
}

/* 
.yoke-picker-skin .ui-datepicker .ui-datepicker-prev span {
    background-position: -96px -32px;
}

.yoke-picker-skin .ui-datepicker .ui-datepicker-prev-hover span {
    background-position: -96px -48px;
}

.yoke-picker-skin .ui-datepicker .ui-datepicker-next-hover span {
    background-position: -32px -48px;
} */

.yoke-picker-skin .ui-datepicker table {
    margin: 0;
}

.yoke-picker-skin .ui-datepicker th {
    padding: 1em 0;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    text-shadow: 0 0 2px #45c4f8;
    text-transform: uppercase;
    border: none;
    border-top: 1px solid #3fabdc;
}

.yoke-picker-skin .ui-datepicker td {
    border: none;
    padding: 0;
}

.yoke-picker-skin td .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
    padding: 0.5em 0;
    margin: 0;
    font-weight: normal;
    color: #efefef;
    font-size: 12px;
}

.yoke-picker-skin td .ui-state-active,
.yoke-picker-skin td .ui-state-hover {
    background: #1b7fb0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 6px 0 6px 0;
}

@-moz-document url-prefix() {
    .yoke-picker-skin .ui-datepicker-title select {
        border: 0px solid white;
        text-align: center;

        font-weight: bold;

        font-size: 15px;
    }
}


/* ---END OF nigran datapicker theme ------------------------------------


/* ---------------------------------------
/*FILE -> bookings_manager_snippets */

.bmBooking {
    color: #027cc4;
    /*background-color: red;*/
}

.bmImageGroup {
    width: 30%;
    /*background-color: pink;*/
}

.bmStayGroup {
    width: 20%;
    /*background-color: yellow;*/
}

.bmBookingGroup {
    width: 50%;
    /*background-color: blue;*/
}

.bmRefCost {
    width: 20%;
    margin-right: 10px;
    /*background-color: yellow;*/
}

.bmratingsWrapper {
    width: 120px;
}

.bmRating {
    /*width: 20%;*/
    margin-left: 10px;
    /*background-color: orange;*/
}

.bmHotelImage {
    /*Dimensions*/
    width: 70px;
    height: 70px;
    border: 0 solid;
    /*Border*/
    border-radius: 5px;
}

.bmHotelImage img {
    /*Dimensions*/
    width: 100%;
    height: 100%;
    border: 0 solid;
    /*Border*/
    border-radius: 5px;
    /*Extras*/
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.bmTravellerHotel {
    /*Margin*/
    margin-left: 10px;
}

.bmTraveller,
.bmNights {
    font-size: 14px;
    text-align: left;
}

.bmHotelName,
.bmDateBooked {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.bmBookingId {
    font-size: 14px;
    letter-spacing: .06em;
}

.bmBookingCost {
    font-size: 16px;
    font-weight: bold;
}

.bmCheckbox {
    /* Dimensions */
    padding: 0 0 10px 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.bmCheckbox input {
    width: 17px;
    height: 17px;
}

.bmCheckIn,
.bmCheckOut {
    /*Dimensions*/
    width: 140px;
    height: 70px;
    margin-left: 10px;
    padding: 0 0 5px 0;
    /*Border*/
    border: 0 solid;
    border-radius: 5px;
    background-color: white;
}

.bmCheckInDay,
.bmCheckOutDay {
    font-size: 20px;
    font-weight: bold;
}

.bmCheckInMonth,
.bmCheckInDOW,
.bmCheckOutMonth,
.bmCheckOutDOW {
    font-size: 12px;
    margin-top: 1px;
}

.bmSUDButtons {
    margin-top: 7px;
    color: #027cc4;
}

.bmSUD1,
.bmSUD2,
.bmSUD3,
.bmSUD4,
.bmSUD5 {
    font-size: 13px;
    margin-right: 15px;
}

.bmButton3,
.bmButton2 {
    margin-right: 15px;
}


/*Booking Manager - Header Styles*/

.bookingManagerHeader {
    background-image: url('/../__data/images/hotel-bg.jpg');
    background-attachment: fixed;
    background-size: cover;
}

.bookingHeaderTitle,
.generalHeaderTitle {
    font-size: 22px;
    /*Fonts*/
    font-weight: bold;
    /*Dimensions*/
    padding: 80px 0 60px 0;
    color: white;
}

.bookingManagerTabs {
    font-size: 20px;
    height: 40px;
    color: white;
}


/*Common Styles for Tabs*/

.showFutureTab,
.showPastTab {
    padding: 10px 50px 10px 50px;
    display: inline;
}

.showFutureTab:hover {
    cursor: pointer;
}

.showPastTab:hover {
    cursor: pointer;
}

.activeTab {
    border-bottom: 6px solid #009ddf;
}


/* Booking Manager Content */

.bmFutureMore:hover {
    cursor: pointer;
}

.bmPastMore:hover {
    cursor: pointer;
}

.bmClearSelected {
    color: #009DDF;
    padding: 0 0 0 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.bmClearSelected:hover {
    cursor: pointer;
    opacity: 0.6;
}

.bmFutureBookingsSelected,
.bmPastBookingsSelected {
    color: #009DDF;
    font-weight: normal;
    font-size: 15px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.bmFilterSortOptions {
    width: 85%;
    margin: auto;
}

.bmFutureFilterSort,
.bmPastFilterSort {
    margin: 0 0 30px 0;
    padding: 30px 0 30px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 74px;
    z-index: 7;
    background: white;
    border: 1px solid #bdc3c7;
}

.bmClearInput {
    color: #009DDF;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    position: absolute;
    /* height: 100%; */
    /* padding-left: 30px; */
    /* padding-right: 50px; */
    right: 55px;
    top: 1px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.bmClearInput:hover {
    cursor: pointer;
    opacity: 0.6;
}

.bmSearchText::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 20px;
}

.bmSearchText::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 20px;
}

.bmSearchText:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 20px;
}

.bmSearchText:-moz-placeholder {
    /* Firefox 18- */
    font-size: 20px;
}

.bmFilterText {
    /*Dimensions*/
    width: 400px;
    padding: 0 8px 10px 0;
    /*Border*/
    position: relative;
    border-bottom: 2px solid #007cc4;
}

.bmFilterHotel {
    /*Dimensions*/
    /*min-width: 500px;*/
    min-width: 400px;
    position: relative;
    padding: 0 8px 10px 0;
    /*Border*/
    border-bottom: 2px solid #007cc4;
}

.bmFilter input {
    width: 90%;
    /*Dimensions*/
    padding: 0 0 0 0;
    /*Color*/
    color: #009ddf;
    border: 0 solid white;
}

.bmFilter span {
    /*margin-left: 5px;*/
    cursor: pointer;
}

.bmFilter input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
    color: #009ddf;
}

.bmFilter input::-moz-placeholder {
    font-size: 13px;
    /* Firefox 19+ */
    color: #009ddf;
}

.bmFilter input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
    color: #009ddf;
}

.bmFilter input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
    color: #009ddf;
}

.bmFText {
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    color: #259fda;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0 10px 0 0;
}

.bmDownloadCSVwrapper {
    position: fixed;
    /* background: red; */
    width: 85%;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.bmDownloadCSV .icon {
    padding: 12px;
    font-size: 34px;
    margin: 0 0 20px 0;
    border: 3px solid #027cc4;
    background: #eaeaea;
    cursor: pointer;
    border-radius: 35px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #027cc4;
}

.bmDownloadCSV .icon:hover {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}



.bmSearchFilter {
    margin: 0 25px 0 0;
}

#bmLocList {
    max-height: 400px;
    overflow-y: scroll;
}

.bmPastFilterSort {
    margin: 0 0 30px 0;
}

.bmSearchFilter select {
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*Dimensions*/
    width: 190px;
    /* reset */
    padding: 10px 0 10px 20px;
    border: 1px solid #037ec5;
    border-radius: 10px;
    /* styling */
    color: #259fda;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #027cc4 50%), linear-gradient(135deg, #027cc4 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(1.2em + 2px), calc(100% - 15px) calc(1.2em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
}


/*Perspective Loading Styles -> Bookings Manager*/

.skeleton-image {
    width: 70px;
    height: 70px;
    background-color: #f5f6f8;
    background-image: url(/__data/images/skeleton-loading-img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.bmFutureSkeleton .bmSUD {
    width: 40%;
    height: 20px;
    background: #ecf0f1;
}

.futureAmendCanxPolicy {
    display: none;
}

.bmFutureSkeleton .bmButtons {
    width: 20%;
    height: 20px;
    background: #ecf0f1;
}

.bmPastSkeleton .bmSUD {
    width: 40%;
    height: 20px;
    background: #ecf0f1;
}

.bmPastSkeleton .bmButtons {
    width: 20%;
    height: 20px;
    background: #ecf0f1;
}

.bmSkeletonBookings .bmSUD {
    width: 40%;
    height: 20px;
    background: #ecf0f1;
}

.bmSkeletonBookings .bmButtons {
    width: 20%;
    height: 20px;
    background: #ecf0f1;
}


/*Cancel Booking Modal -- Styles*/

.bmCanxCCExpLabel,
.bmCanxCCExpMsg,
.bmCanxReasonLabel {
    /*Fonts / Colors*/
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.bmCanxTitle {
    font-weight: bold;
    margin: 0 0 10px 0;
}

.bmCanxCCExpDate {
    /*background-color: pink;*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.bmCanxSendCal {
    /*background-color: yellow;*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.bmCanxSendCalCheckbox {
    width: 20px;
    /*  background-color: blue;*/
}


/*Edit Booking Modal - Styles */

.bmEditDatePickers .datepicker1,
.bmEditDatePickers .datepicker2 {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
    background-image: url('/__data/images/icon-calendar.png');
    background-repeat: no-repeat;
    background-position: 94% center;
    background-size: 15px;
}

.bmEditDatePickers .checkInDate,
.bmEditDatePickers .checkOutDate {
    /*Dimensions*/
    width: 48%;
    margin: 0 0 10px 0;
}

.bmEditDatePickers .checkInLabel,
.bmEditDatePickers .checkOutLabel {
    /*Dimensions*/
    margin: 0 0 5px 0;
}

.bmSUDLabel,
.bmEditConfStaySummHeading {
    /*Fonts/Colors*/
    font-weight: bold;
    /*Dimensions*/
    margin: 10px 0 5px 0;
    padding-left: 10px;
}

.checkInLabel,
.checkOutLabel,
.bmEditTitle {
    /*Fonts/Colors*/
    font-weight: bold;
    padding-left: 10px;
}

.bmEditSUD {
    padding-bottom: 8px;
}

.bmSUDInput {
    margin: 0 0 10px 0;
}

.bmSUDSelect {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 8px 15px 8px 15px;
    border: 1px solid;
    border-radius: 10px;
}


/*Edit Booking Confirmation -> Original && New Information*/


/*Table Head*/

.bmEditConfHead {
    /*Dimensions*/
    padding: 5px 5px 5px 5px;
    /*Color*/
    /*  background-color: pink; */
    /*Border*/
    border-bottom: 1px solid #eef0f2;
}

.bmEditConfHead .bmEditConfOrig,
.bmEditConfHead .bmEditConfNew {
    font-weight: bold;
}

.bmEditConfLabel,
.bmEditConfOrig,
.bmEditConfNew {
    width: 33.33%;
    /*Dimensions*/
    padding: 5px 5px 5px 5px;
}

.bmEditConfRow,
.bmEditConfRequest {
    /*Dimensions*/
    padding: 5px 5px 5px 5px;
    /*Border*/
    border: 0 solid;
    border-radius: 10px;
}

.bmEditConfRow:nth-child(odd) {
    background-color: #eef0f2;
}

.bmEditConfRow:nth-child(even) {
    background-color: white;
}


/*SUD Elements will have an alternate BG color*/

.bmEditConfSUD .bmEditConfRow:nth-child(odd) {
    background-color: white;
}

.bmEditConfSUD .bmEditConfRow:nth-child(even) {
    background-color: #eef0f2;
}

.bmEditConfLabel,
.bmEditConfRequestLabel {
    /*Dimensions*/
    font-weight: bold;
}

.bmEditConfRequestLabel {
    width: 33.33%;
    padding: 5px 5px 5px 5px;
}

.bmEditConfRequestText {
    width: 70%;
    padding: 5px 5px 5px 11px;
}

.bmConfStayItem {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    /*Dimensions*/
    padding: 5px 5px 5px 5px;
    /*Border*/
    border: 0 solid;
    border-radius: 10px;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}


/*SUD Elements will have an alternate BG color*/

.bmConfStayItem:nth-child(odd) {
    background-color: white;
}

.bmConfStayItem:nth-child(even) {
    background-color: #eef0f2;
}

.bmConfStayDate {
    font-weight: bold;
    padding: 5px;
}

.bmConfStayValue {
    padding: 5px;
}

.bmConfStaySumm {
    width: 85%;
    margin: auto;
}


/*Bookign Manager Filtering Options*/

.bmFilterResponseCancel {
    /*Dimensions*/
    min-width: 150px;
    margin: 0 0 0 20px;
    padding: 7px 10px 7px 10px;
    /*Colors*/
    color: #027cc4;
    /*Border*/
    border: 1px solid #027cc4;
    border-radius: 10px;
}

.bmFilterCancel {
    font-size: 17px;
    /*Colors/Fonts*/
    font-weight: bold;
    /*Dimensions*/
    margin: 3px 0 0 15px;
    /*Animations*/
    -webkit-transition: .3s;
    transition: .3s;
}

.bmFilterCancel:hover {
    cursor: pointer;
    opacity: .6;
}


/*View past bookings*/

.bmViewRow {
    /*Flex*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    /*Dimensions*/
    padding: 8px 20px 8px 20px;
    /*border*/
    border: 0 solid;
    border-radius: 30px;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.bmViewRow:nth-child(odd) {
    background-color: #eceef1;
}

.bmViewRow:nth-child(even) {
    background-color: white;
}

.bmViewLabel {
    font-weight: bold;
}

.bmHoteDetialsRow {
    /*Dimensions*/
    padding: 8px 20px 8px 20px;
    /*border*/
    border: 0 solid;
    border-radius: 30px;
    background-color: #eceef1;
}


/* --------------------------------------------------- */


/*Reports Manager (rm prexix) */


/*Reports Manager - Header Styles*/

.rmHeader,
.generalHeader {
    /*Dimensions*/
    padding: 10px 0 10px 0;
    background-image: url('/../__data/images/hotel-bg.jpg');
    background-attachment: fixed;
    background-size: cover;
}

.rmHeaderTitle {
    font-size: 22px;
    /*Fonts*/
    font-weight: bold;
    /*Dimensions*/
    margin: 20px 0 20px 0;
    color: white;
}

.rmSelectReportDiv {
    font-size: 16px;
    margin: 65px 0 0 0;
}


/*Custom CSS for SELECT arrow -- Reports Manager*/

.rmSelectReportDiv select {
    /* styling */
    font-size: 16px;
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*Dimensions*/
    width: 40%;
    /* reset */
    margin: 0;
    padding: 25px 0 25px 20px;
    border: 2px solid white;
    border-radius: 40px;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.rmSelectReport {
    background-image: linear-gradient(45deg, transparent 50%, #027cc4 50%), linear-gradient(135deg, #027cc4 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: calc(100% - 34px) calc(2.1em + 2px), calc(100% - 30px) calc(2.1em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.rmMain {
    /*background-color: pink;*/
    padding: 20px 0 20px 0;
}

.rmParams {
    max-width: 1024px;
    /*Dimensions*/
    margin: auto;
    /*Colors*/
    /*background-color: red;*/
}

.rmReportInfo {
    width: 30%;
    height: 250px;
    padding: 30px 15px 30px 15px;
    /*Color*/
    color: white;
    border: 0 solid;
    border-radius: 10px;
    background-color: #037ec5;
}

.rmExportInfo {
    position: -webkit-sticky;
    position: sticky;
    top: 81px;
    width: 30%;
    height: 250px;
    padding: 30px 15px 30px 15px;
    color: white;
    border: 0 solid;
    border-radius: 10px;
    background-color: #037ec5;
}

.rmSubmit input.submitReport {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    /*Animation*/
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff;
    border: 2px solid white;
    border-radius: 33.33px;
    background: transparent;
}

.rmSubmit input.submitReport:hover {
    opacity: .7;
    background-color: transparent;
}

.rmReportParams {
    /*Dimensions*/
    width: 68%;
    /*background-color: yellow;*/
}

.rmTravLabel,
.rmBookLabel,
.rmCheckInLabel,
.rmCheckOutLabel,
.rmDateFromLabel,
.rmDateToLabel,
.rmBookedFromLabel,
.rmBookedToLabel,
.rmSelectLabel,
.rmExportSelectLabel,
.rmGeneralLabel {
    font-weight: bold;
    margin: 10px 0 10px 0;
    text-align: left;
}

.rmParams input {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
}

.rmTraveller,
.rmDatePickers {
    width: 100%;
}

.rmSelect {
    /*Dimensions*/
    width: 100%;
}

.rmSelectList select {
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*Dimensions*/
    width: 100%;
    /* reset */
    margin: 0;
    padding: 15px 0 15px 20px;
    border: 1px solid #037ec5;
    border-radius: 10px;
    /* styling */
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.rmSelectList {
    background-image: linear-gradient(45deg, transparent 50%, #027cc4 50%), linear-gradient(135deg, #027cc4 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) calc(1.7em + 2px), calc(100% - 20px) calc(1.7em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.rmExportSelect {
    /*Dimensions*/
    width: 100%;
}

.rmExportSelectList select {
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*Dimensions*/
    width: 100%;
    /* reset */
    margin: 0;
    padding: 15px 0 15px 20px;
    border: 1px solid #037ec5;
    border-radius: 10px;
    /* styling */
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.rmExportSelectList {
    background-image: linear-gradient(45deg, transparent 50%, #027cc4 50%), linear-gradient(135deg, #027cc4 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) calc(1.7em + 2px), calc(100% - 20px) calc(1.7em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.rmCheckInDate,
.rmCheckOutDate {
    width: 49%;
}

.rmDateFrom,
.rmDaeTo {
    width: 49%;
}

.rmGeneralNote {
    font-size: 12px;
    margin-top: 4px;
    padding: 0 0 0 15px;
    text-align: left;
}

.rmCheckboxLabel {
    margin: 0 0 0 8px;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}

.rmGeneralCheckbox {
    margin: 10px 0 10px 0;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}

.rmExportCheckbox {
    margin: 5px 0 5px 0;
    font-weight: bold;
    text-align: left;
}

.rmCheckbox input {
    width: 13px;
}

.rmReportName {
    font-size: 24px;
    line-height: 150%;
    text-align: center;
}

.datepicker {
    background-image: url(/__data/images/icon-calendar.png);
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 18.18px;
}

.stickyTopWrapper {
    max-width: 1024px;
    margin: auto;
    /*Dimensions*/
    padding: 15px 0 15px 0;
    /*Colors*/
    /*background-color: red;*/
}

.rmNewRow td {
    padding: 6px;
}

.rmTable {
    margin: auto;
    /*Border*/
    border: 2px solid #bdc3c7;
}

.rmResultsSummary {
    position: -webkit-sticky;
    position: sticky;
    top: 74px;
    border-top: 1px solid #037ec5;
    border-bottom: 1px solid #037ec5;
    background-color: white;
}

.rmExportReport {
    font-size: 16px;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding-top: 10px;
    padding-right: 25px;
    /* height: 100%; */
    padding-bottom: 10px;
    padding-left: 25px;
    cursor: pointer;
    /*Animations*/
    -webkit-transition: .3s;
    transition: .3s;
    letter-spacing: .5px;
    color: white;
    border: 2px solid transparent;
    border-radius: 5px;
    background-color: #039edc;
}

.rmExportReport:hover {
    opacity: .7;
}

.rmTopOfPage {
    font-size: 29px;
    font-weight: bold;
    width: 50px;
    height: 43px;
    cursor: pointer;
    /*Animations*/
    -webkit-transition: .3s;
    transition: .3s;
    color: white;
    border: 2px solid transparent;
    border-radius: 5px;
    background-color: #039edc;
    background-image: url(/__data/images/back-to-top.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 19px;
}

.rmTopOfPage:hover {
    opacity: .7;
}

.rmFilterShowing,
.rmFilterMain,
.rmFilterDates {
    text-align: left;
}

.rmResultsMore,
.bmFutureMore,
.bmPastMore {
    font-size: 17px;
    font-weight: bold;
    padding: 20px 0 20px 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    color: #027cc4;
}

.rmResultsDone,
.bmFutureDone,
.bmPastDone {
    font-size: 17px;
    font-weight: bold;
    padding: 20px 0 20px 0;
    -webkit-transition: .3s;
    transition: .3s;
    color: #027cc4;
}

.rmResultsMore:hover,
.bmFutureMore:hover,
.bmPastMore:hover {
    opacity: .7;
}

.rmWrapper {
    border: 0 solid transparent;
}


/*Sticky Top - Skeleton CSS*/

.rmFilterMainSkeleton,
.rmFilterDatesSkeleton,
.rmFilterShowingSkeleton {
    height: 14px;
    margin: 0 0 10px 0;
    background-color: #f5f6f8;
}

.rmFilterMainSkeleton {
    width: 180px;
}

.rmFilterDatesSkeleton {
    width: 210px;
}

.rmFilterShowingSkeleton {
    width: 240px;
}

.rmExportSkeleton {
    width: 147px;
    height: 44px;
    margin: 0 5px 0 0;
    border: 2px solid transparent;
    border-radius: 5px;
    background-color: #f5f6f8;
}

.rmGoTopSkeleton {
    width: 87px;
    height: 44px;
    border: 2px solid transparent;
    border-radius: 5px;
    background-color: #f5f6f8;
}

.tableSkeleton {
    width: 75%;
    height: 30px;
    margin: auto;
}

.tableSkeleton:nth-child(odd) {
    background-color: #f5f6f8;
}

.tableSkeleton:nth-child(even) {
    background-color: #eee;
}


/* Reports Manager */

.rmExportParams {
    width: 68%;
}

.rmReportType {
    padding: 20px 0 20px 0;
    font-size: 15px;
    font-weight: bold;
}

.rmReportType input {
    width: auto;
    margin: 0 0 0 0 !important;
}

.rmRadioBtnLabel {
    margin: 0 0 0 10px;
    cursor: pointer;
}

.rmRadioBtnOccupancy {
    margin: 0 0 0 10px;
}

.rmDateTo {
    width: 49%;
}

.reportsManagerHR {
    margin: 20px 0 20px 0;
    height: 2px;
    width: 100%;
    background-color: #ecf0f1;
}

.ORLabel {
    font-weight: bold;
    margin: -18px 0 0 0;
    text-align: left;
}

.rmNightsInput {
    width: 47%;
}

.rmThead th {
    padding: 8px;
    height: 35px;
    text-align: center;
}


/*Register a new traveller*/

.ntWrapper {
    width: 100%;
}

.ntContainer {
    /*padding: 30px 0 0 0;*/
    max-width: 1024px;
    margin: auto;
}

.ntContainer p {
    margin: 0px;
    text-align: left;
}

.ntContainer tr {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.ntContainer td {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: start;
            align-items: flex-start;
}

.ntContainer select {
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    padding: 10px 0 10px 20px;
    border: 1px solid #037ec5;
    border-radius: 10px;
    color: #259fda;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #027cc4 50%), linear-gradient(135deg, #027cc4 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(1.2em + 2px), calc(100% - 15px) calc(1.2em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.ntContainer input[type="text"],
.ntContainer input[type="password"],
.ntContainer textarea {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
}

.ntContainer input[type="password"] {
    width: 49%;
}

.ntContainer table {
    margin-left: 0px !important;
}

.ntContainer input[type="button"] {
    font-size: 16px;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding-top: 8px;
    padding-right: 25px;
    /* height: 100%; */
    padding-bottom: 8px;
    padding-left: 25px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    letter-spacing: .5px;
    color: white;
    border: 2px solid transparent;
    border-radius: 5px;
    background-color: #039edc;
}

.ntContainer input[type="button"]:hover {
    text-decoration: none;
    color: white;
    opacity: 0.7;
    cursor: pointer;
}

.ntContainer label {
    margin: 5px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
}

.ntContainer input[type="radio"],
.ntContainer input[type="checkbox"] {
    margin: 0 10px 0 0;
}

.ntUpdatedMessage p {
    font-size: 22px;
    font-weight: bold;
    padding: 5px 0 5px 0;
}

.ntValidationMsg {
    text-align: left;
}


/*Forgotten Password*/

.fpWrapper {
    width: 100%;
}

.fpContainer {
    padding: 30px 0 0 0;
    max-width: 1024px;
    margin: auto;
}

.fpContainer p {
    margin: 0px;
    text-align: left;
}

.fpContainer tr {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.fpContainer td {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.fpContainer select {
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 190px;
    padding: 10px 0 10px 20px;
    border: 1px solid #037ec5;
    border-radius: 10px;
    color: #259fda;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #027cc4 50%), linear-gradient(135deg, #027cc4 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(1.2em + 2px), calc(100% - 15px) calc(1.2em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.fpContainer input[type="text"],
.fpContainer input[type="password"],
.fpContainer textarea {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
}

.fpContainer input[type="password"] {
    width: 49%;
}

.fpContainer table {
    margin-left: 0px !important;
}

.fpButton input[type="submit"] {
    font-size: 16px;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding-top: 8px;
    padding-right: 25px;
    /* height: 100%; */
    padding-bottom: 8px;
    padding-left: 25px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    letter-spacing: .5px;
    color: white;
    border: 2px solid transparent;
    border-radius: 5px;
    background-color: #039edc;
}

.fpButton input[type="submit"]:hover {
    text-decoration: none;
    color: white;
    opacity: 0.7;
    cursor: pointer;
}

.fpButton,
.fpLabel,
.fpValue {
    margin: 10px 0 0 0;
}

.fpContainer label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
}

.fpContainer input[type="radio"],
.fpContainer input[type="checkbox"] {
    margin: 0 10px 0 0;
}


/*Edit Profile*/

.epWrapper {
    width: 100%;
}

.epContainer {
    padding: 30px 0 0 0;
    max-width: 1024px;
    margin: auto;
    width: 100%;
}

.epContainer p {
    margin: 0px;
    text-align: left;
}

.epContainer tr {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.epContainer td {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: start;
            align-items: flex-start;
}

.epContainer select {
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    padding: 10px 0 10px 20px;
    border: 1px solid #037ec5;
    border-radius: 10px;
    color: #259fda;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #027cc4 50%), linear-gradient(135deg, #027cc4 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(1.2em + 2px), calc(100% - 15px) calc(1.2em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.epContainer input[type="text"],
.epContainer input[type="password"],
.epContainer textarea {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
}

.epContainer input[type="password"] {
    width: 49%;
}

.epContainer table {
    margin-left: 0px !important;
}

.epContainer input[type="button"] {
    font-size: 16px;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding-top: 8px;
    padding-right: 25px;
    /* height: 100%; */
    padding-bottom: 8px;
    padding-left: 25px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    letter-spacing: .5px;
    color: white;
    border: 2px solid transparent;
    border-radius: 5px;
    background-color: #039edc;
}

.epContainer input[type="button"]:hover {
    text-decoration: none;
    color: white;
    opacity: 0.7;
    cursor: pointer;
}

.epSpecialData {
    margin-left: 0% !important;
}

.epContainer h1 {
    margin: 30px 0 0 0;
}

.epContainer label {
    margin: 5px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
}

.epContainer input[type="radio"],
.epContainer input[type="checkbox"] {
    margin: 0 10px 0 0;
}


/*---------- Supplimentary Content Class OVERRIDES BG IMAGE-----------*/


/* -------------------------------------- */


/*Meeting Request*/

.mrTextContent {
    padding: 30px 0 0 0;
    width: 1024px;
    margin: auto;
    text-align: left;
}

.mrTextContent2 {
    padding: 30px 0 0 0;
    width: 1024px;
    margin: auto;
    background-color: pink;
    text-align: left;
}

.mrTextContent2 td * {
    margin: 5px 0 5px 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.mrTextContent p {
    margin: 0px;
    text-align: left;
}

.mrTextContent tr * {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.mrTextContent td * {
    margin: 5px 0 5px 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.mrTextContent select {
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 190px;
    padding: 10px 0 10px 20px;
    border: 1px solid #037ec5;
    border-radius: 10px;
    color: #259fda;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #027cc4 50%), linear-gradient(135deg, #027cc4 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(1.2em + 2px), calc(100% - 15px) calc(1.2em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.mrTextContent input[type="text"],
.mrTextContent input[type="password"],
.mrTextContent textarea {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
}

.mrTextContent2 input[type="text"],
.mrTextContent2 select {
    width: 95%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
}

.mrTextContent input[type="button"],
.mrTextContent input[type="submit"] {
    font-size: 16px;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding-top: 8px;
    padding-right: 25px;
    /* height: 100%; */
    padding-bottom: 8px;
    padding-left: 25px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    letter-spacing: .5px;
    color: white;
    border: 2px solid transparent;
    border-radius: 5px;
    background-color: #039edc;
}

.mrTextContent input[type="button"]:hover,
.mrTextContent input[type="submit"]:hover {
    text-decoration: none;
    color: white;
    opacity: 0.7;
    cursor: pointer;
}

.mrTextContent input[type="password"] {
    width: 49%;
}

.mrTextContent table {
    margin-left: 0px !important;
}

.mrTextContent tbody * {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.mrxTextContent2 tbody * {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.mrTextContent label {
    margin: 5px 0 0 0;
    display: -webkit-box;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
}

.mrTextContent input[type="radio"],
.mrTextContent input[type="checkbox"] {
    margin: 0 10px 0 0;
}

.mrTextContent h1 {
    margin: 30px 0 0 0;
}

.mrTextContent ul {
    list-style-type: circle;
    /*margin: 30px 0 0 0;*/
}

.mrCheckboxLabel {
    cursor: pointer;
}

.mrLabel {
    font-weight: bold;
    padding-top: 15px;
}

.mrLabelNoPadding {
    font-weight: bold;
}

.mrLabelRed {
    font-weight: bold;
    padding-top: 15px;
    color: red;
}

.mrLabelRedItalics {
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    padding-top: 15px;
    color: red;
}

.mrNote {
    /* font-weight: bold; */
    /* font-style: italic; */
    /* padding-top: 15px; */
    font-size: 12px;
}

.mrNoteRed {
    /* font-weight: bold; */
    /* font-style: italic; */
    /* padding-top: 15px; */
    color: red;
    font-size: 12px;
}

.mrValue select {
    width: 300px;
}

.mrValueDate {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    padding-right: 10px;
}

.mrValueDate select {
    margin-right: 10px;
}

.mrMembership {
    width: inherit !important;
    font-weight: bold;
}

.mrMembershipNo {
    height: 42px;
    width: 150px !important;
}

/* -------------------------------------- */


/* Crew Accommodation Request (ca)*/

.caTextContent {
    padding: 30px 0 0 0;
    width: 1024px;
    margin: auto;
    text-align: left;
}

.caTextContent p {
    margin: 0px;
    text-align: left;
}

.caTextContent tr * {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.caTextContent td * {
    margin: 10px 0 10px 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.caTextContent select {
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 190px;
    padding: 10px 0 10px 20px;
    border: 1px solid #037ec5;
    border-radius: 10px;
    color: #259fda;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #027cc4 50%), linear-gradient(135deg, #027cc4 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(1.2em + 2px), calc(100% - 15px) calc(1.2em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.caTextContent input[type="text"],
.caTextContent input[type="password"],
.caTextContent textarea {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 10px;
}

.caTextContent input[type="button"] {
    font-size: 16px;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding-top: 8px;
    padding-right: 25px;
    /* height: 100%; */
    padding-bottom: 8px;
    padding-left: 25px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    letter-spacing: .5px;
    color: white;
    border: 2px solid transparent;
    border-radius: 5px;
    background-color: #039edc;
}

.caTextContent input[type="button"]:hover {
    text-decoration: none;
    color: white;
    opacity: 0.7;
    cursor: pointer;
}

.caTextContent input[type="password"] {
    width: 49%;
}

.caTextContent table {
    margin-left: 0px !important;
}

.caTextContent tbody * {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.caTextContent label {
    margin: 5px 0 0 0;
    display: -webkit-box;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
}

.caContainer label {
    margin: 5px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
}

.caTextContent input[type="radio"],
.caTextContent input[type="checkbox"] {
    margin: 0 10px 0 0;
}

.caTextContent h1 {
    margin: 30px 0 0 0;
}

.caLabel {
    font-weight: bold;
    padding-top: 15px;
}

.caLabelRed {
    font-weight: bold;
    padding-top: 15px;
    color: red;
}

.caValueDate {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    padding-right: 10px;
}

.caValueDate select {
    margin-right: 10px;
}


/* ---------------------------------------- */


/*Contact Us*/

.cuWrapper {
    width: 100%;
}

.cuContainers {
    width: 1024px;
    margin: auto;
    text-align: left;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}

.cuInfo {
    width: 68%;
}

.cuImage {
    width: 30%;
    overflow: hidden;
}

.cuImage img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.cuObjectWrapper {
    margin-top: 20px;
    width: 70%;
}

.cuTitle {
    font-weight: bold;
}

.cuField {
    margin: 0 0 0 5px;
}

.cuSubHeading {
    font-weight: bold;
    /*margin: 20px 0 0px 0;*/
}

.cuExtraInfo {
    margin-top: 10px;
    line-height: 23.5px;
}


/* Internet Explorer 11 Compatibility*/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .mrTextContent label {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
                justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-align: center;
        -webkit-box-align: center;
                align-items: center;
    }
    .mrTextContent select::-ms-clear {
        border: 0px solid;
    }
    .mrValueDate {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
                justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-align: center;
        -webkit-box-align: center;
                align-items: center;
    }
}


/* Site Wide Navigation */

.thnNavigation {
    /* Colors && Dimensions */
    width: 100%;
    height: 80px;
    background-color: white;
    top: 0;
    position: fixed;
    border-bottom: 1px solid #d2d2d2;
    z-index: 9;
    /* Flex */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.logoLinks {
    /* Flex */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.navLinks {
    /* Testing */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.clientUser {
    padding: 0 30px 0 0;
    height: 100%;
    font-size: 0.9em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.tnTrigger {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.navLinks a {
    margin: 0 0 0 30px;
    text-decoration: none;
    color: #009DDF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    font-weight: bold;
}

.navLinks a:hover {
    opacity: 0.7;
    color: #009DDF;
    text-decoration: none;
}

.thnNavLogo a {
    margin: 0 0 0 30px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.thnNavLogo a:hover {
    opacity: 0.7;
    color: #009DDF;
    text-decoration: none;
}

.thnClientLogo {
    margin: 0 20px 0 0;
    height: 30px;
    width: 145px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.epWrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.navHelloMessage {
    font-size: 24px;
    font-weight: bold;
    color: white;
}

.navEditProfile a {
    font-size: 12px;
    font-weight: lighter;
    text-decoration: none;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.navEditProfile a:hover {
    opacity: 0.7;
    color: white;
    text-decoration: none;
}

.epText {
    margin: 0 0 0 6px;
    font-size: 14px;
}

.epIcon .icon {
    color: #FFF;
    font-size: 15px;
}

.sideNavWrapper {
    /* Flex */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    /* Dimensions */
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    overflow-x: hidden;
    -webkit-transition: 0s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 80px;
}

.snwClose {
    width: 78%;
    height: 100%;
    background: black;
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.snwClose:hover {
    opacity: 0.6;
}

.snContent {
    position: relative;
    text-align: left;
    background-color: #007CC4;
    float: right;
    width: 24%;
    height: 100%;
    padding: 3% 2% 6% 2%;
    /* Flex */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}

.snLinksWrapper {
    /* Dimensions */
    margin: 30px 0 0 0;
    /* Flex */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.snLinks {
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    margin: 19px 0 0 0;
    background: transparent;
    border: 0px;
    padding: 0;
}

.snHelpBtn {
    padding: 6px 0 6px 8px;
    /* Flex */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.snHelpBtn:hover {
    opacity: 0.7;
    cursor: pointer;
}

.snLinks:hover {
    opacity: 0.7;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

.hbIcon .icon {
    color: #FFF;
    font-size: 16px;
}

.hbText {
    font-weight: bold;
    margin: 1px 0 0 5px;
    font-size: 11px;
    color: white;
}

.tohLogo {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.tohLogo:hover {
    opacity: 0.7;
}

.bsTravelInfoIcon,
.bsBookerInfoEdit,
.bsCostingInfo {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.perm_identity {
    margin: 0 10px 0 0;
    height: 15px;
    width: 15px;
    background-image: url(/__data/images/person-icon.png);
}

.arrow_forward {
    margin: 0 10px 0 0;
    height: 15px;
    width: 15px;
    background-image: url(/__data/images/right-arrow.png);
}

.arrow_back {
    margin: 0 10px 0 0;
    height: 15px;
    width: 15px;
    background-image: url(/__data/images/left-arrow.png);
}

.error_outline {
    margin: 0 0 3px 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 15px;
    width: 15px;
    background-image: url(/__data/images/extra-info.png);
}

.error_outline:hover {
    opacity: 0.7;
}

.edit {
    margin: 0 0 0 10px;
    height: 10px;
    width: 10px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-image: url(/__data/images/pencil-icon.png);
}

.edit:hover {
    opacity: 0.7;
}


/* START OF -  Loading Screen Styles */

.loadingScreenWrapper {
    /* Dimensions */
    height: 100vh;
    width: 100%;
    background: rgb(0, 0, 0, 0.8);
    position: fixed;
    margin-top: -80px;
    z-index: 10;
    /* display: none; */
}

.lswContainer {
    height: 100%;
    margin: auto;
    width: 80%;
    /* background: red; */
    /* Flex */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.lswcSpinner {
    padding: 30px;
    /* background: white; */
    /* Flex */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.lswcsLogo {
    display: none;
    margin: 28px 0 0 0;
}

.spinner {
    width: 60px;
    height: 60px;
    position: relative;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: white;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


/* END OF - Loading Screen Styles */


/* START OF - Mobile Bookings Manager Tile */

.mBookingsManagerTileWrapper {
    color: #027cc4;
    padding: 10px;
    margin: 0 0 10px 0;
    display: none;
    background: #F5F6F8;
}

.mHotelInfoStars {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.mBmHotelInfoText {
    font-size: 12px;
    margin: 0 0 0 10px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.mBmHotelName {
    font-weight: bold;
    margin: 3px 0 3px 0;
}

.mBmTravellerBooker {
    text-align: left;
}

.mHotelImageInfo {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.mBmHotelImage {
    width: 60px;
    height: 60px;
}

.mBmHotelImage img {
    width: 100%;
    height: 100%;
    border: 0 solid;
    border-radius: 5px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.mBmStarsCheckbox {
    position: absolute;
    right: 0;
}

.mBookingDetailedInfo {
    font-size: 12px;
    line-height: 25px;
    margin: 15px 0 0 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.mBookingDatesDivider {
    width: 40%;
    height: 1px;
    background-color: #027cc4;
}

.mBookingDates {
    margin: 10px 0 0 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.mBookingsEndDate,
.mBookingStartDate {
    background: white;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #027cc4;
}

.mTHNidInfo {
    text-align: right;
}


/* START OF - Mobile Bookings Manager Tile */


/*Responsive website */


/*Media query for max-width - 1024px;*/

@media screen and (max-width: 1024px) {
    /* Navigation Responsiveness */
    .navLinks {
        display: none;
    }
    .snwClose {
        width: 60%;
    }
    .snContent {
        width: 40%;
        padding: 5% 2% 10% 2%;
    }
    /* END OF -- Navigation Responsiveness */
}


/*END OF -- Media query for max-width - 1024px;*/


/*Media query for max-width - 768px;*/

@media screen and (max-width: 768px) {
    /* Navigation Responsiveness */
    .snwClose {
        width: 55%;
    }
    .snContent {
        width: 45%;
        padding: 5% 5% 12% 5%;
    }
    .snLinks {
        font-size: 16px;
    }
    .epText {
        display: none;
    }
    /* END OF -- Navigation Responsiveness */
}


/* END OF -- Media query for max-width - 768px;*/


/*Media query for max-width - 425px;*/

@media screen and (max-width: 425px) {
    /* Navigation Responsiveness */
    .snContent {
        width: 80%;
        padding: 8% 5% 23% 5%;
    }
    .snwClose {
        width: 20%;
    }
    .snLinks {
        font-size: 15px;
    }
    /* END OF -- Navigation Responsiveness */
}


/*END OF -- Media query for max-width - 425px;*/


/*Media query for max-width - 375px;*/

@media screen and (max-width: 375px) {}


/* END OF -- Media query for max-width - 375px;*/


/*Media query for max-width - 320px;*/

@media screen and (max-width: 320px) {}


/*END OF -- Media query for max-width - 320px;*/


/* START OF - Corporate Dashboard UI*/

.dash-board {
    margin-top: 30px;
    background-size: cover;
    background-position: center center;
    background-image: url("../__data/images/hotel-bg.jpg");
}

.dash-board__container {
    width: 80%;
    margin: auto;
    padding: 40px 0 100px 0;
}

.booking-form-tile {
    width: 66%;
    height: auto;
    background: white;
    border: 1.5px solid #cecece;
    padding: 30px;
    border-radius: 10px;
    /*    Flex*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}

.corp-tile__heading {
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin: 0 0 20px 0;
}

.corp__checkInLabel,
.corp__checkOutLabel {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 15px 0;
}

.corp_searchButtons {
    margin: 35px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #027cc4;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #027cc4;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #027cc4;
    opacity: 1;
    /* Firefox */
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #027cc4;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #027cc4;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #027cc4;
}

.corp__selectTravellers {
    color: #009DDF;
    background: transparent;
    text-align: left;
    font-weight: bold;
    border: 0px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.corp__selectTravellers:hover {
    opacity: 0.7;
}

.corp__datepicker1,
.corp__datepicker2 {
    width: 100%;
    height: 51px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 18px;
    border: 1px solid;
    border-radius: 5px !important;
    background-image: url(/__data/images/icon-calendar.png);
    background-repeat: no-repeat;
    background-position: 96% center !important;
}

.corp__tile {
    width: 32%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
    background: white;
    border: 1.5px solid #cecece;
    padding: 30px;
    border-radius: 10px;
}

.marketingOneTile {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}

.marketing-tile-content__image {
    padding: 40px 0 0 0;
    overflow: hidden;
    width: 100%;
}

.marketing-tile-content__image img {
    width: 80%;
}

.dashThreePanelWrapper {
    /*Dimensions*/
    padding: 0 0 30px 0;
    /*Display*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}

.dashThreePanelWrapper:last-child {
    padding: 0px;
}

.dashPanel {
    background: white;
    border-radius: 4px;
    padding: 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    width: 32%;
    /*height: 300px;*/
}

.dashPanelTitle {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 25px;
}

.dashLink {
    font-size: 24px;
    padding-left: 15px;
}

.xdashCheckBoxItem {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 5px;
}

.dashCheckBoxItem {
    margin: 5px 0 5px 0;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
}

.info__heading {
    font-size: 25px;
    font-weight: bold;
    text-align: left;
}

.extra-option__cta img {
    width: 35px;
}

.info-image {
    width: 37%
}

.info-image img {
    width: 100%
}

.titleWrapper {
    margin: 0 0 20px 0;
}

.dashCheckBoxItem input {
    /*margin: 0 5px 0 0 !important*/
    margin: 5px 0 5px 0;
    font-weight: bold;
    text-align: left;
    width: 13px;
}

.secondary-btn {
    color: #009DDF;
    background: transparent;
    text-align: left;
    font-weight: bold;
    border: 0px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.tile-cta-wrapper {
    margin: 20px 0 0 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.secondary-btn:hover {
    opacity: 0.7;
}

.dashCheckBoxItemLabel {
    font-weight: 200;
}

.full-tile-marketing {
    /* Not used see dashboard_snippets.html for inline css*/
    background-image: url('/__data/images/Marketing-Two-bg.jpg');
    background-size: 700px;
    background-position: center;
    background-repeat: no-repeat;
}

.info-text {
    text-align: justify;
    width: 60%;
    font-size: 15px;
    line-height: 23px;
}

.mobileMarketingWrapepr {
    width: 100%;
    height: auto;
    background: white;
    text-align: left;
    color: black;
    border: 1.5px solid #cecece;
    border-radius: 10px;
    background: white;
    overflow: hidden;
}

.mobileAppDownloadText {
    padding: 30px 0px 30px 30px;
    width: 40%;
    overflow: hidden;
}

.mobileAppDownloadExtraText {
    font-size: 15px;
    opacity: 0.7;
    margin: 15px 0 15px 0;
    line-height: 25px;
    /*    Display*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}

.appDownloadImg {
    width: 60%;
    height: 100%;
    background-image: url(/__data/images/Download-THn-Mobile-Application.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.appDownloadHeading {
    font-size: 30px;
    font-weight: bold;
}

.googleDownloadIcon img {
    width: 180px;
}

.appleDownloadIcon img {
    width: 141px;
}


/* END OF - Corporate Dashboard UI*/


/* Corporate Responsive website -- Media Queries */


/*Media query for max-width - 1440px;*/

@media screen and (max-width: 1440px) {
    .dash-board__container {
        width: 95%;
    }
}


/*Media query for max-width - 1024px;*/

@media screen and (max-width: 1024px) {
    .booking-form-tile {
        padding: 20px;
    }
    .corp__tile {
        padding: 15px;
    }
    .info__heading {
        font-size: 17px;
    }
    .extra-option__cta img {
        width: 25px;
    }
    .info-text {
        font-size: 14px;
        line-height: 21px;
    }
    .btn-accommodation-search {
        width: 124px !important;
        height: 35px !important;
        font-size: 12px;
    }
    .corp-tile__heading {
        font-size: 20px;
    }
    .corp__checkInLabel,
    .corp__checkOutLabel {
        font-size: 14px;
        margin: 0 0 5px 0;
    }
    .appDownloadHeading {
        font-size: 22px;
    }
    .mobileAppDownloadExtraText {
        font-size: 14px;
        margin: 5px 0 5px 0;
    }
    .mobileAppDownloadText {
        width: 54%;
    }
    .appleDownloadIcon img {
        width: 110px;
    }
    .googleDownloadIcon img {
        width: 142px;
    }
    .marketing-tile-content__image {
        padding: 25px 0 0 0;
    }
    .dashDatePickers {
        margin-top: 25px;
    }
    .corp_searchButtons {
        margin: 25px 0 0 0;
    }
    .appDownloadImg {
        width: 46%;
    }
    .titleWrapper {
        margin: 0 0 15px 0;
    }
}


/*Media query for max-width - 768px;*/

@media screen and (max-width: 768px) {
    .dashThreePanelWrapper {
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
                justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-align: stretch;
        -webkit-box-align: stretch;
                align-items: stretch;
    }
    .booking-form-tile {
        width: 100%;
    }
    .corp__tile {
        margin: 20px 0 0 0;
        width: 100%;
        padding: 35px;
    }
    .info-content__wrapper {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
                justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-align: center;
        -webkit-box-align: center;
                align-items: center;
    }
    .info-text {
        width: 76%;
        text-align: center;
        font-size: 18px;
        margin: 15px 0 0 0;
        line-height: 40px;
    }
    .info-image {
        width: 27%;
    }
    .info__heading {
        font-size: 22px;
    }
    .mobileMarketingWrapepr {
        margin: 20px 0 0 0;
    }
    .full-tile-marketing {
        background-size: 900px;
        height: 450px;
    }
    .extra-option__cta img {
        width: 35px;
    }
    .booking-form-tile {
        padding: 35px;
    }
    .marketing-tile-content__image img {
        width: 50%;
    }
    .mobileMarketingWrapepr {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
                justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-align: stretch;
        -webkit-box-align: stretch;
                align-items: stretch;
    }
    .mobileAppDownloadText {
        width: 100%;
    }
    .appDownloadImg {
        width: 100%;
        height: 300px;
        background-size: cover;
        background-position: center center;
        background-image: url(/__data/images/download-thn-app-mobile.png);
    }
    .mobileAppDownloadText {
        padding: 35px;
    }
    .marketer-email-link {
        margin: 20px 0 20px 0;
    }
}


/*Media query for max-width - 425px;*/

@media screen and (max-width: 425px) {
    .info-text {
        width: 100%;
        font-size: 15px;
        line-height: 27px;
    }
    .info-image {
        width: 62%;
    }
    .marketing-tile-content__image img {
        width: 98%;
    }
    .marketing-tile-content__image {
        margin: 0 0 15px 0;
    }
    .dashDatePickers {
        margin: 0;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
                justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-align: center;
        -webkit-box-align: center;
                align-items: center;
    }
    .booking-form-tile {
        padding: 20px;
    }
    .corp__tile {
        padding: 20px;
    }
    .dashDatePickers .checkInDate,
    .dashDatePickers .checkOutDate {
        width: 100%;
        margin: 25px 0 0 0;
    }
    .full-tile-marketing {
        height: 303px;
    }
    .corp_searchButtons {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .mobileAppDownloadText {
        padding: 20px;
    }
}


/*Media query for max-width - 375px;*/

@media screen and (max-width: 375px) {}


/*Media query for max-width - 320px;*/

@media screen and (max-width: 320px) {}


/*Add your team - Wizard*/

.atContainer {
    display: none;
}

.atAddTeam {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    position: fixed;
    top: 0;
    color: #027cc4;
    z-index: 8;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.atWrapper {
    width: 30%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.atContentWrapper {
    background: white;
    /*height: 520px;*/
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer;
    position: relative;
}

.atCloseBtn {
    width: 100%;
}

.atCloseBtnIcon {
    color: white;
    text-align: right;
    font-size: 45px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.atCloseBtnIcon:hover {
    opacity: 0.7;
}

.stepOneImage img {
    width: 75%;
}

.wizardStepper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17.5px 0 17.5px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.atProgress {
    width: 15px;
    height: 15px;
    background: #259fda;
    border: 0px solid;
    border-radius: 50px;
    cursor: pointer;
    margin: 0 12px 0 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.atProgress:hover {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}

.atProgress:last-child {
    margin: 0;
}

.atSoHeading {
    color: black;
    font-weight: bold;
    font-size: 25px;
}

.atStepOneWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*height: 470px;*/
    padding: 0 30px 0 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.atStepSixWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*height: 470px;*/
    padding: 0 30px 0 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.atSoExtraInfo {
    color: black;
    line-height: 200%;
    font-size: 16px;
    margin: 13px 0 13px 0;
}

.atSoBtn {
    background: #259fda;
    padding: 10px 30px 10px 30px;
    cursor: pointer;
    color: white;
    font-size: 17px;
    background: rgba(107, 165, 219, 1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(107, 165, 219, 1)), color-stop(100%, rgba(32, 124, 229, 1)));
    background: linear-gradient(135deg, rgba(107, 165, 219, 1) 0%, rgba(32, 124, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6ba5db', endColorstr='#207ce5', GradientType=1);
    border: 0px solid;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.atSoBtn:hover {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}

.atStepTwoWrapper {
    /*height: 470px;*/
    padding: 30px 30px 0 30px;
    /*background: pink;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url(/__data/images/employee-info-graphic.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 410px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.atPrevNextBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0 10px 0;
}

.atNextBtn {
    background: #259fda;
    padding: 10px 30px 10px 30px;
    cursor: pointer;
    color: white;
    font-size: 17px;
    background: rgba(107, 165, 219, 1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(107, 165, 219, 1)), color-stop(100%, rgba(32, 124, 229, 1)));
    background: linear-gradient(135deg, rgba(107, 165, 219, 1) 0%, rgba(32, 124, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6ba5db', endColorstr='#207ce5', GradientType=1);
    border: 0px solid;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.atNextBtn:hover {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}

.atPrevBtn {
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    font-size: 17px;
    border: 1px solid #259fda;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.atPrevBtn:hover {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}

.atStHeading {
    text-align: left;
    font-weight: bold;
    font-size: 25px;
    color: black;
}

.atFirstNameLabel,
.atLastNameLabel {
    margin: 35px 0 5px 0;
}

.atTitleLabel {
    margin: 0 0 5px 0;
}

.atTitleInput, .atFirstNameInput,
.atLastNameInput,
.atEmailInput,
.atMobilePhoneInput,
.atCnInput
 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
}

.atTitleInput select {
    width: 50%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    border: 1px solid;
    border-radius: 4px;
}

.atTitleLabel,
.atFirstNameLabel,
.atLastNameLabel {
    text-align: left;
    font-weight: bold;
    font-size: 17px;
}

.atStepTwoWrapper input {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 4px;
}

.atStepThreeWrapper {
    /*height: 470px;*/
    padding: 30px 30px 0 30px;
    /*background: pink;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url(/__data/images/registration-step-3.jpg);
    background-repeat: no-repeat;
    background-position: 173% -75%;
    background-size: 430px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.atStepThreeWrapper input {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 4px;
}

.atCnInput select {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 6px;
    border: 1px solid;
    border-radius: 4px;
}

.atSthHeading {
    text-align: left;
    font-weight: bold;
    font-size: 25px;
    color: black;
}

.atEmailLabel {
    margin: 0 0 5px 0;
}

.atEmailLabel,
.atPhoneLabel,
.atMobilePhoneLabel,
.atCnLabel {
    text-align: left;
    font-weight: bold;
    font-size: 17px;
}

.atSthPrevNextBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0 10px 0;
}

.atSthPrevBtn {
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    font-size: 17px;
    border: 1px solid #259fda;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.atSthPrevBtn:hover {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}

.atSthNextBtn {
    background: #259fda;
    padding: 10px 30px 10px 30px;
    cursor: pointer;
    color: white;
    font-size: 17px;
    background: rgba(107, 165, 219, 1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(107, 165, 219, 1)), color-stop(100%, rgba(32, 124, 229, 1)));
    background: linear-gradient(135deg, rgba(107, 165, 219, 1) 0%, rgba(32, 124, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6ba5db', endColorstr='#207ce5', GradientType=1);
    border: 0px solid;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.atSthNextBtn:hover {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}

.atPhoneLabel,
.atMobilePhoneLabel {
    margin: 39px 0 5px 0;
}

.atCnLabel {
    margin: 20px 0 5px 0;
}

.atStepFourWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*height: 470px;*/
    padding: 0 30px 0 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.atError {
    text-align: left;
    color: red;
    font-size: small;
    position: absolute;
    bottom: 0;
    top: 42px;
}

.stepFourImage img {
    width: 75%;
}

.stepFourImage {
    width: 100%;
    height: 250px;
    background-image: url(/__data/images/special-request-graphic.jpg);
    background-size: cover;
    background-position: center center;
}

.stepFiveImage img {
    width: 75%;
}

.stepFiveImage {
    width: 100%;
    height: 191px;
    background-image: url(/__data/images/wizard-company-info.jpg);
    background-size: 283px;
    background-repeat: no-repeat;
    background-position: center center;
}

.specialRequestLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


/* Tooltip container */

.bmtooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.bmtooltip .bmtooltiptext {
    visibility: hidden;
    width: 130px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0 5px 0;
    position: absolute;
    font-size: 12px;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -66px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.bmtooltip .bmtooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.bmtooltip:hover .bmtooltiptext {
    visibility: visible;
    opacity: 1;
}

.srHeading {
    font-size: 17px;
    font-weight: bold;
}

.specialRequestInput textarea {
    height: 100px;
    width: 100%;
    border: 1px solid #259FDA;
    margin: 10px 0 0 0;
    resize: none;
    border-radius: 5px;
    padding: 10px;
}

.atStepFiveWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*height: 470px;*/
    padding: 30px 30px 0 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.atMarketing img {
    width: 50px;
}

.atMarketingOptionRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.atPostCardOption,
.atNewsLetterOption,
.atEmailOption,
.atGoogleOption,
.tradeShowOption,
.otherOptions {
    border: 1px solid #259fda;
    width: 110px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 25px 0 10px 0;
}

.atMLabel {
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 5px 0;
}

.atStepFiveWrapper input {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    border: 1px solid;
    border-radius: 4px;
}

.newsLetterImg img {
    width: 39px;
}

.emailImg img {
    width: 40px;
}

.googleImg img {
    width: 38px;
}

.tradeShowImg img {
    width: 45px;
}

.otherOptionsImg img {
    width: 38px;
}

.atStEmployeeInfo,
.atSthEmployeeInfo {
    margin: 30px 0 30px 0;
}

.atMarketing {
    padding: 30px 0 10px 0;
}


/*Registration wizard checkbox*/


/* Customize the label (the container) */

.atChecboxContainer {
    display: block;
    position: relative;
    /*margin: 20px 0 20px 0;*/
    /* padding-left: 37px; */
    margin-bottom: 12px;
    text-align: left;
    padding: 2px 0 0 31px;
    cursor: pointer;
    font-size: 14px;
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
}


/* Hide the browser's default checkbox */

.atChecboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.atCheckmarkSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    border: 1px solid #1f9ad2;
    border-radius: 4px;
    width: 25px;
    background-color: #ffffff;
}


/* On mouse-over, add a grey background color */

.atChecboxContainer:hover input~.atCheckmarkSpan {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.atChecboxContainer input:checked~.atCheckmarkSpan {
    background-color: white;
}


/* Create the checkmark/indicator (hidden when not checked) */

.atCheckmarkSpan:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.atChecboxContainer input:checked~.atCheckmarkSpan:after {
    display: block;
}


/* Style the checkmark/indicator */

.atChecboxContainer .atCheckmarkSpan:after {
    left: 9px;
    top: 4px;
    width: 4px;
    height: 10px;
    border: solid #1f9ad2;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Corporate Registration Page */

.rpWrapper {
    position: relative;
    /*Display properties*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.rpImgWrapper {
    width: 26%;
    /*Display properties*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
    padding: 0 30px 30px 30px;
    position: fixed;
    height: 100vh;
    color: white;
    background-image: url(/__data/images/download-thn-app-mobile.png);
    background-size: cover;
    background-position: 24%;
}

.rpDivider {
    background: #868686;
    margin: 20px 0 20px 0;
    height: 2px;
    width: 53%;
}

.rpTestimonialWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.rpTestimonialText {
    line-height: 38px;
    font-size: 19px;
    font-style: italic;
}

.rpTestimonialName {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.rpTestimonialOccupation {
    font-style: italic;
    font-size: 12px;
}

.rpHello {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    padding-top: 10px;

}

.rpTermsMessage {
    text-align: left;
    padding: 4px 0 0 4px;
    font-size: small;
}

.rpInputLogoWrapper {
    padding: 0 0 0 26%;
    width: 100%;
}

.rpInputWrapper tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
}

.rpInputWrapper input {
    width: 65vw;
    height: 45px;
    /* width: 100%; */
    padding-left: 8px;
    border: 1px solid;
    /* background-color: transparent; */
    color: #009DDF;
    font-size: 14px;
    margin: -40px 0 0 0;
    border-radius: 3px;
}

.rpInputWrapper select {
    /* margin: -114px 0 0 0; */
    width: 15vw;
    height: 45px;
    /* width: 100%; */
    padding-left: 8px;
    border: 1px solid;
    /* background-color: transparent; */
    color: #009DDF;
    font-size: 14px;
    margin: -40px 0 0 0;
    border-radius: 3px;
}

.rpInputWrapper input[type="button"] {
    padding: 0;
    width: 150px;
    color: white;
    background: #009DDF;
    border: 0px solid;
    /* text-align: left; */
    cursor: pointer;
    border-radius: 3px;
}

.rpTHNLogo {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    padding: 30px 0 30px 0;
    /* margin: 50px 0 30px 0; */
}

.rpTHNLogo img {
    width: 350px;
}

.rpFormWrapper {
    padding: 0 0 70px 40px;
}

.rpTestimonialImage img {
    width: 300px;
    margin: 0 0 30px 0;
}


/*Responsive website -- Media Queries */


/*Media query for max-width - 1440px;*/

@media screen and (max-width: 1440px) {
    .rpTestimonialText {
        line-height: 28px;
        font-size: 16px;
    }
    .rpTestimonialImage img {
        width: 220px;
        margin: 0 0 15px 0;
    }
    .rpTestimonialName {
        font-size: 15px;
    }
    .rpTestimonialOccupation {
        font-size: 10px;
    }
    .rpImgWrapper {
        padding: 0 20px 20px 20px;
    }
    .rpFormWrapper {
        padding: 0 0 70px 30px;
    }
}


/*Media query for max-width - 1024px;*/

@media screen and (max-width: 1024px) {
    .rpImgWrapper {
        width: 35%;
    }
    .rpInputLogoWrapper {
        padding: 0 0 0 35%;
    }
    .rpInputWrapper input {
        width: 57vw;
    }
    .rpInputWrapper select {
        width: 57vw;
    }
}


/*Media query for max-width - 768px;*/

@media screen and (max-width: 768px) {
    .rpImgWrapper {
        display: none;
    }
    .rpInputLogoWrapper {
        padding: 0;
    }
    .rpInputWrapper input {
        width: 90vw;
    }
    .rpInputWrapper select {
        width: 90vw;
    }
    .rpInputWrapper input {
        font-size: 17px;
    }
    .rpFormWrapper {
        padding: 0 30px 70px 30px;
    }

}


/*Media query for max-width - 425px;*/

@media screen and (max-width: 425px) {}


/*Media query for max-width - 375px;*/

@media screen and (max-width: 375px) {}


/*Media query for max-width - 320px;*/

@media screen and (max-width: 320px) {}


/* ----------------------------- START OF - Registration Wizard Responsiveness ----------------------------- */

/*Media query for max-width - 1440px;*/

@media screen and (max-width: 1440px) {
    .atWrapper {
        width: 46%;
    }
    .stepOneImage img {
        width: 60%;
    }
}


/*Media query for max-width - 1024px;*/

@media screen and (max-width: 1024px) {
    .atWrapper {
        width: 65%;
    }
    .stepOneImage img {
        width: 65%;
    }
}

.mAtCloseBtn {
    position: absolute;
    top: 0;
    padding: 0px 20px 0 0;
    right: 0;
    /* display: inline; */
    display: none;
}

.mAtCloseBtnIcon {
    color: #027cc4;
    font-size: 40px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mAtCloseBtnIcon:hover {
    opacity: 0.7;
}

/*Media query for max-width - 768px;*/

@media screen and (max-width: 768px) {
    .atAddTeam {
        z-index: 10;
    }
    .mAtCloseBtn {
        display: inline;
    }
    .atWrapper {
        width: 100%;
    }
    .atCloseBtn {
        display: none;
    }
    .atCloseBtnIcon {
        font-size: 39px;
    }
    .atContentWrapper {
        height: 91vh;
    }
    .atStepOneWrapper, 
    .atStepTwoWrapper, 
    .atStepThreeWrapper, 
    .atStepFourWrapper, 
    .atStepFiveWrapper,
    .atStepSixWrapper {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        height: 100%;
        padding: 0px 30px 0 30px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .stepOneImage img {
        width: 100%;
    }
    .atSoBtn {
        padding: 20px 30px 20px 30px;
    }
    .atStepsWrapper {
        height: 95%;
    }
    .atContentWrapper {
        min-height: 100vh;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .atFirstNameLabel, .atLastNameLabel {
        margin: 18% 0 5px 0;
    }
    .atStepTwoWrapper {
        background-size: 550px;
    }
    .stepFourImage {
        height: 66%;
    }
    .stepFiveImage {
        height: 66%;
    }
    .atPhoneLabel, .atMobilePhoneLabel {
        margin: 18% 0 5px 0;
    }
    .atSoHeading {
        font-size: 32px;
    }
    .atSoExtraInfo {
        font-size: 18px;
        margin: 15px 0 15px 0;
    }
    .atStepThreeWrapper {
        background-size: contain;
        background-position: bottom;
    }
    #add_team_member {
        height: 95%;
    }
    .atCnLabel {
        margin: 0 0 5px 0;
    }
    .atSoBtn {
        padding: 15px 0px 15px 0px;
    }
}


/*Media query for max-width - 425px;*/

@media screen and (max-width: 425px) {
    .atStepOneWrapper, .atStepTwoWrapper, .atStepThreeWrapper, .atStepFourWrapper, .atStepFiveWrapper, .atStepSixWrapper {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        height: 100%;
        padding: 0px 15px 0 15px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .atSoExtraInfo {
        font-size: 16px;
        margin: 15px 0 15px 0;
    }
    .atStepTwoWrapper {
        background-size: 310px;
    }
    .atStepThreeWrapper {
        background-position: top right;
    }
    .stepFiveImage {
    height: 50%;
}
}


/*Media query for max-width - 375px;*/

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

}


/*Media query for max-width - 320px;*/

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

}


/* ----------------------------- END OF - Registration Wizard Responsiveness ----------------------------- */

/* ----------------------------- START OF - Corp Dashboard Model List Improvement ----------------------- */

.dbTeamMembersThead {
    position: -webkit-sticky;
    position: sticky;
    top: -15px;
    padding: 10px 20px 10px 20px;
    border: 0px solid;
    color: #027CC4;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #e6e6e6;
    font-weight: bold;
}

.dbViewCardHeading {
    position: -webkit-sticky;
    position: sticky;
    top: -15px;
    padding: 10px 20px 10px 20px;
    border: 0px solid;
    color: #027CC4;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #e6e6e6;
    font-weight: bold;
}

.dbViewCardDetail {
    padding: 10px 20px 10px 20px;
    border: 0px solid;
    color: #027CC4;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.dbViewCardDetail:nth-child(even) {
    background-color: #ECEEF1;
}


.dbTeamMember {
    padding: 10px 20px 10px 20px;
    border: 0px solid;
    color: #027CC4;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.dbFirstname {
    font-weight: bold;
}
.dbTeamMember:nth-child(even) {
    background-color: #ECEEF1;
}
/* ----------------------------- END OF - Corp Dashboard Model List Improvement ----------------------- */

.rpValidationMessage {
    color: #e74c3c;
    list-style-type: none;
    text-align: left;
    margin: 20px 0 -52px 0px;
    width: 90%;
    border: 1px solid #e74c3c;
    border-radius: 4px;
}

.ntCaptchaMsg {
    color: #e74c3c;
    list-style-type: none;
    text-align: left;
    margin: 20px 0 -52px 0px;
    width: 90%;
    padding: 20px;
    border: 1px solid #e74c3c;
    border-radius: 4px;
}

.rpAbn {
    width: 50% !important;
}

.rpAbnMessage {
    color: #e74c3c;
}

.rpCompany {
    width: 350px !important;
}