html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

@media print {
    body * {
        visibility: hidden;
    }
    #invoiceViewContent, #invoiceViewContent * {
        visibility: visible;
    }
    #invoiceViewContent {
        top: 0;
        left: 0;
        position: absolute;
    }

    .hotelLogoContainer {
        height: 115px;
        width: 300px;
        /*margin-right: 50px;
        margin-bottom: 42px;
        float: left;
        border-radius: 5px;
        overflow: hidden;*/
    }
    .hotelLogoContainer img {
        max-height: 115px;
        max-width: 300px;
        border-radius: 4px;
    }
    .infoSectionBody {
        height: 55px;
        width: 282px;
        padding: 8px;
        border-radius: 5px;
        border: 1px dashed #d8dee3;
        float: left;
        font-size: 12px;
        color: #354051;
        font-weight: 600;
        line-height: 150%;
        white-space: pre;
    }

    .infoSectionBody.editMode textarea {
        white-space: pre;
    }
}

input {
    /*height: 28px;*/
    padding: 5px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
}

input:focus {
    border: 1px solid #00b0ff;
}

hr {
    display: block;
    margin: 25px 0;
    border: 1px solid #ededed;
}

body * {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    outline: 0;
}

.ui-resizable-helper { border: 1px dotted gray; }

.hidden {
    display: none;
}

.vhidden {
    visibility: hidden;
}

.relative {
    position: relative;
}

.floatLeft {
    float: left;
}

.clearBoth {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* IE < 8 */
}

.clickable {
    cursor: pointer;
}

.draggableCursor:active {
    cursor: move;
}

.clearBoth {
    clear: both;
}

a {
    text-decoration: none;
    color: #0066cc;
}

button.blueTextBtn {
    font-size: 12px;
    font-weight: 700;
    background: #ffffff;
    color: #00b0ff;
    padding: 0 10px;
    border: 1px solid #cad2d9;
    text-transform: uppercase;
}
button.blueTextBtn:hover {
    background: #f7f7f7;
}

.uploadButtonContainer {
    width: 122px;
    height: 28px;
    line-height: 28px;
    background: #ffffff url('../img/change-image-button.png') 50% 50% no-repeat;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    float: left;
    position: relative;
}

.uploadButtonContainer span {
    position: absolute;
    width: 140px;
    left: 0;
    text-align: center;
    cursor: pointer;
    color: #00b0ff;
    font-size: 12px;
}

.uploadButtonContainer.imageUpload {
    background: #ffffff url('../img/change-image-button.png') 50% 50% no-repeat;
}
.uploadButtonContainer:hover {
    background-color: #f7f7f7;
}

.uploadButtonContainer input.fileUploadButton {
    display: block !important;
    /*width: 122px !important;*/
    height: 28px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: middle;
    float: left;
}


/* INPUTS PLACEHOLDER TEXT COLOR */

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #9aa7b4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #9aa7b4;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #9aa7b4;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #9aa7b4;
}

/* ngDialog CSS */

.ngdialog .ngdialog-content {
    margin: 0 auto;
    width: 500px;
    position: absolute;
    top: 25%;
    left: 25%;
    -webkit-animation: ngdialog-flyin .5s;
    animation: ngdialog-flyin .5s;
    border-radius: 5px;
    color: #1ebd4f;
    font-size: 12px;
    line-height: 12px;
}

.dialogTitleContainer {
    padding: 15px 15px 13px 15px;
    text-align: left;
    height: 40px;
    font-weight: 700;
    font-size: 14px;
}
.dialogTitleContainer * {
    font-weight: 700;
    font-size: 14px;
}

.dialogMenuContainer {
    clear: both;
    height: 28px;
    line-height: 28px;
    padding-left: 20px;
}

.dialogMenu {
    float: left;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

.bookingDetails {
    text-align: right;
    margin-right: 20px;
}

.bookingDetails em {
    color: #aaa;
}

.bookingDetails span {
    color: #97A1AB;
    font-size: 13px;
    font-weight: 600;
}

.dialogMenuItem {
    float: left;
    height: 28px;
    margin-right: 30px;
    font-weight: bold;
    color: #a5afb8;
    font-size: 13px;
}

.dialogMenuItem.active {
    border-bottom: 3px solid #00b0ff;
}

.dialogContentContainer {
    padding: 15px 15px 13px 15px;
    background: #f7f7f7;
    text-align: left;
    height: auto;
    border-top: 1px solid #dfe4eb;
    border-bottom: 1px solid #dfe4eb;
    font-size: 12px;
}

.dialogContentSubtitle {
    /*color: #00b0ff;*/
    text-transform: uppercase;
}

.dialogContent {
    font-size: 12px;
}

.dialogButtonsContainer {
    padding: 13px 15px 13px 15px;
    text-align: right;
    height: 58px;
    line-height: 32px;
}

/* ngDialog CSS --- END */

/* BOOTSTRAP DATEPICKER CUSTOMIZED */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 4px 0;
    margin: 1px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.table-condensed {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

/* --- END --- */

input[type='checkbox'] {
    display: none;
}
input[type='checkbox'] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
    background: url(../img/elements/checkbox.png) left top no-repeat;
    border-radius: 3px;
}
input[type='checkbox']:checked + label span {
    background: url(../img/elements/checkbox.png) -14px top no-repeat;
}

input.searchInput, input.searchInput:focus {
    width: 138px;
    /*height: 30px;*/
    background: #a0acbe;
    border: none;
    border: 1px solid #a0acbe;
    border-radius: 6px;
    padding: 5px 8px;
    color: #28313e;
    font-size: 12px;
    font-family: 'Titillium Web', sans-serif;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

/* LOGIN / REGISTER PAGE */

.landingPage {
    width: 100%;
    height: 100%;
    position: relative;
    background: #00b0ff url('../img/main_background.jpg') no-repeat;
    background-size: cover;
}

.loginFormContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 442px;
    height: 380px;
    margin-top: -190px; /*set to a negative number 1/2 of the height*/
    margin-left: -221px; /*set to a negative number 1/2 of the width*/
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 30px #333333;
}

.registerFormContainer {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 442px;
    height: 645px;
    margin-top: -225px; /*set to a negative number 1/2 of the height*/
    margin-left: -221px; /*set to a negative number 1/2 of the width*/
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 30px #333333;
}

.resetPasswordFormContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 442px;
    height: 400px;
    margin-top: -200px; /*set to a negative number 1/2 of the height*/
    margin-left: -221px; /*set to a negative number 1/2 of the width*/
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 30px #333333;
}

.loginRegisterFormContainerHeader, .loginRegisterFormContainerBody, .loginRegisterFormContainerFooter {
    text-align: center;
}

.loginRegisterFormContainerHeader {
    height: 85px;
    line-height: 85px;
}
.loginRegisterFormContainerHeader img {
    vertical-align: middle;
}

.loginFormContainerBody {
    height: 234px;
    background: #f7f7f7;
    position: relative;
}
.loginFormContainerBodyContent {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 282px;
    height: 176px;
    margin-left: -141px;
    margin-top: -88px;
}

.registerFormContainerBody {
    height: 500px;
    background: #f7f7f7;
    position: relative;
}
.registerFormContainerBodyContent {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 280px;
    height: 500px;
    margin-left: -140px;
    margin-top: -124px;
}

.resetPasswordFormContainerBody {
    height: 254px;
    background: #f7f7f7;
    position: relative;
}
.resetPasswordFormContainerBodyContent {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 282px;
    height: 196px;
    margin-left: -141px;
    margin-top: -98px;
}

.passRecoveryTitle {
    font-size: 20px;
    font-weight: 600;
    color: #657388;
    margin-bottom: 20px;
}

.passRecoveryDescription {
    font-size: 13px;
    font-weight: 600;
    color: #657388;
    margin-bottom: 24px;
}

input.userInfoInput, input.userInfoInput:hover, input.userInfoInput:active {
    height: 33px;
    width: 248px;
    border: 1px solid #cad2d9;
    color: #656e7e;
    font-size: 12px;
    font-weight: 700;
    padding: 0 15px;
    background: #f7f7f7;
    border-radius: 5px;
    margin-bottom: 18px;
}

.rememberMeContainer {
    margin-bottom: 18px;
    height: 20px;
    line-height: 20px;
}

label.rememberMe {
    color: #a0abb4;
    font-size: 13px;
    font-weight: 600;
}

.submitButtonsContainer {
    height: 35px;
    line-height: 35px;
}

button.submitButton {
    width: 128px;
    height: 34px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}
button.submitButton.left {
    float: left;
    color: #1ebd4f;
}
button.submitButton.right {
    float: right;
}

.resetPasswordFormContainerBodyContent button.submitButton.right {
    color: #1ebd4f;
}

.loginRegisterFormContainerFooter {
    height: 60px;
    line-height: 60px;
    font-size: 13px;
    font-weight: 600;
    color: #657388;
}

a.recoverPasswordLink {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #00b0ff;
    text-decoration: underline;
    cursor: pointer;
}

/* RENEW SUBSCRIPTION 520 x 525 */

.subscriptionRenewalContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 520px;
    height: 525px;
    margin-top: -262px; /* set to a negative number 1/2 of the height */
    margin-left: -260px; /* set to a negative number 1/2 of the width */
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 30px #333333;
}

.subscriptionRenewalContainerHeader {
    text-align: center;
    height: 85px;
    line-height: 85px;
    vertical-align: middle;
}

.subscriptionRenewalContainerBody {
    height: 380px;
    background: #f7f7f7;
    position: relative;
    text-align: center;
}

.subscriptionRenewalContainerBodyContent {
    position: absolute;
    top: 50%;
    left: 0;
    width: 520px;
    height: 325px;
    margin-top: -180px;
}

.subscriptionRenewalExpiredAlert {
    width: 375px;
    height: 20px;
    margin-left: 71px;
    line-height: 20px;
    float: left;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.subscriptionRenewalExpiredText {
    width: 375px;
    height: 30px;
    line-height: 14px;
    margin-left: 71px;
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
    color: #8993a2;
}

.subscriptionRenewalExpiredPrompting {
    width: 375px;
    height: 27px;
    line-height: 13px;
    margin-left: 71px;
    float: left;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

hr.subscriptionRenewalExpiredLine {
    width: 375px;
    margin: 18px 71px;
    border: 1px solid #ced5dc;
    float: left;
}

.subscriptionRenewalConfigInfo {
    height: 112px;

    text-align: center;

    width: 400px;

    margin: 0 auto;
}

.subscriptionRenewalConfiguration {
    float: left;
    text-align: center;
    width: 375px;
    margin: 0 71px;
}

.subscriptionRenewalConfiguration .smallContainer {
    height: 35px;
    line-height: 35px;
    float: left;
    font-size: 12px;
    font-weight: 600;
    color: #657388;
    text-transform: uppercase;
    text-align: left;
}
.subscriptionRenewalConfiguration .smallContainer.first {
    width: 92px;
    margin-right: 8px;
}
.subscriptionRenewalConfiguration .smallContainer.second {
    width: 90px;
    margin-right: 35px;
}
.subscriptionRenewalConfiguration .smallContainer.second input {
    width: 74px;
    height: 14px;
}
.subscriptionRenewalConfiguration .smallContainer.third {
    width: 50px;
    margin-right: 8px;
}
.subscriptionRenewalConfiguration .smallContainer.fourth {
    width: 90px;
}

.subscriptionRenewalConfigurationOption {
    float: left;
    text-align: center;
    width: 375px;
    margin: 15px 71px;
}

/* DASHBOARD */

#leftPanel {
    height: 100%;
    width: 194px;
    float: left;
    background: #354051;
    font-size: 12px;
}

#leftPanel.expanded {
    width: 194px;
}

#leftPanel.collapsed {
    width: 47px;
}

#leftPanel .alertbox p:first-of-type{
    color: #a0acbe;
    font-size: 11px;
}

#leftPanel .alertbox p:last-of-type{
    color: #00b0ff;
    font-size: 13px;
    text-decoration: underline;
}

#searchBox {
    height: 60px;
    line-height: 60px;
    margin-left: 4px;
}
.searchBoxInputContainer {
    float: left;
    margin-left: 15px;
    font-size: 12px;
    font-weight: 600;
    position: relative;
}

#searchBoxInput {
    font-size: 14px;
    font-weight: 600;
}

#searchBoxInput:focus {
    background: #ffffff;
}

#searchBoxInput::-webkit-input-placeholder { /* WebKit browsers */
    color:    #354051;
}
#searchBoxInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #354051;
    opacity:  1;
}
#searchBoxInput::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #354051;
    opacity:  1;
}
#searchBoxInput:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #354051;
}

/* GENERAL SEARCH BOX */

.generalSearchResults {
    width: 288px;
    float: left;
    position: absolute;
    /*left: 19px;
    top: 50px;*/
    left: 0;
    top: 55px;
    max-height: 225px;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
    padding: 15px 0;
    box-shadow: 2px 2px 15px #999999;
}
.generalSearchResults:before {
    background: url(../img/dropdown-arrow-up.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 8%;
    top: -4px;
    width: 8px;
    z-index: 1;
}

.generalSearchResultsContainer {
    /*width: 288px;*/
    float: left;
    max-height: 195px;
    overflow-y: auto;
    overflow-x: hidden;
}
.generalSearchResultsContainer .resultLineCategoryTitle {
    width: 252px;
    float: left;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    vertical-align: middle;
    color: #a7adb1;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 18px;
}
.generalSearchResultsContainer .resultLineCategoryContainer {
    width: 288px;
    float: left;
    margin-top: 10px;
}
.generalSearchResultsContainer .resultLineCategoryContainer:first-child {
    margin-top: 0;
}
.generalSearchResultsContainer .resultLine {
    width: 252px;
    float: left;
    /*height: 24px;*/
    line-height: 24px;
    font-size: 12px;
    vertical-align: middle;
    color: #798691;
    cursor: pointer;
    font-weight: 600;
    padding: 0 18px;
}
.generalSearchResults .resultLine:hover {
    background: #edf1f5;
}

.menuCollapseIconContainer {
    width: 36px;
    height: 60px;
    line-height: 55px;
    float: left;
    text-align: center;
    position: relative;
    margin: auto 0px;
    vertical-align: middle;
}

#menuCollapseIcon {
    vertical-align: middle;
    cursor: pointer;
}

#leftPanelMenu {
    min-height: 256px;
    width: 194px;
}

.leftMenuItem {
    height: 42px;
    color: #a0acbe;
    line-height: 42px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
}

/*.leftMenuItem:hover {
    color: #ffffff;
}*/

.leftMenuItem.hover {
    color: #ffffff;
}

.leftMenuItem.active {
    background: #28313e;
    color: #ffffff;
}

.leftMenuItem a.leftMenuItemLink {
    vertical-align: middle;
}

#leftPanelMenuLeft {
    float: left;
    width: 47px;
}

#leftPanelMenuLeft .leftMenuItem {
    border-left: 4px solid #354051;
}

#leftPanelMenuLeft .leftMenuItem.active {
    border-left: 4px solid #00b0ff;
}

#leftPanelMenuLeft .leftMenuItem .leftMenuItemImageContainer {
    width: 27px;
    float: left;
    text-align: center;
    position: relative;
    margin: auto 10px auto 8px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
}

#leftPanelMenuLeft .leftMenuItem .leftMenuItemImageContainer .leftMenuIcon {
    height: inherit;
    vertical-align: middle;
    margin: 0 auto;
}

#leftPanelMenuLeft .leftMenuItem.dashboard .leftMenuItemImageContainer .leftMenuIcon {
    width: 16px;
    background: #354051 url(../img/menu-dashboard-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.dashboard.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-dashboard-icon.png) -16px 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.dashboard.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-dashboard-icon.png) -16px 50% no-repeat;
}

#leftPanelMenuLeft .leftMenuItem.billing .leftMenuItemImageContainer .leftMenuIcon {
    width: 16px;
    background: #354051 url(../img/menu-billing-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.billing.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-billing-icon.png) -16px 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.billing.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-billing-icon.png) -16px 50% no-repeat;
}

#leftPanelMenuLeft .leftMenuItem.channel .leftMenuItemImageContainer .leftMenuIcon {
    width: 18px;
    background: #354051 url(../img/menu-channel-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.channel.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-channel-icon.png) -18px 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.channel.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-channel-icon.png) -18px 50% no-repeat;
}

#leftPanelMenuLeft .leftMenuItem.reports .leftMenuItemImageContainer .leftMenuIcon {
    width: 17px;
    background: #354051 url(../img/menu-reports-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.reports.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-reports-icon.png) -17px 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.reports.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-reports-icon.png) -17px 50% no-repeat;
}

#leftPanelMenuLeft .leftMenuItem.bookings .leftMenuItemImageContainer .leftMenuIcon {
    width: 17px;
    background: #354051 url(../img/menu-bookings-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.bookings.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-bookings-icon-white.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.bookings.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-bookings-icon-white.png) 0 50% no-repeat;
}

#leftPanelMenuLeft .leftMenuItem.financials .leftMenuItemImageContainer .leftMenuIcon {
    width: 19px;
    background: #354051 url(../img/menu-financials-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.financials.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-financials-icon-white.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.financials.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-financials-icon-white.png) 0 50% no-repeat;
}

#leftPanelMenuLeft .leftMenuItem.housekeeping .leftMenuItemImageContainer .leftMenuIcon {
    width: 19px;
    background: #354051 url(../img/menu-housekeeping-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.housekeeping.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-housekeeping-icon-white.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.housekeeping.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-housekeeping-icon-white.png) 0 50% no-repeat;
}

#leftPanelMenuLeft .leftMenuItem.alerts .leftMenuItemImageContainer .leftMenuIcon {
    width: 16px;
    background: #354051 url(../img/menu-alerts-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.alerts.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-alerts-icon.png) -16px 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.alerts.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-alerts-icon.png) -16px 50% no-repeat;
}

#leftPanelMenuLeft .leftMenuItem.settings .leftMenuItemImageContainer .leftMenuIcon {
    width: 17px;
    background: #354051 url(../img/menu-settings-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.settings.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-settings-icon.png) -17px 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.settings.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-settings-icon.png) -17px 50% no-repeat;
}

#leftPanelMenuLeft .leftMenuItem.refer .leftMenuItemImageContainer .leftMenuIcon {
    width: 17px;
    background: #354051 url(../img/menu-refer-icon.png) 0 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.refer.hover .leftMenuItemImageContainer .leftMenuIcon {
    background: #354051 url(../img/menu-refer-icon.png) -17px 50% no-repeat;
}
#leftPanelMenuLeft .leftMenuItem.refer.active .leftMenuItemImageContainer .leftMenuIcon {
    background: #28313e url(../img/menu-refer-icon.png) -17px 50% no-repeat;
}


img.leftMenuItemIcon {
    vertical-align: middle;
}

#userMenu {
    display: block;
    position: fixed;
    bottom: 0;
    width: inherit;
    min-height: 48px;
    font-size: 13px;
    z-index: 100;
}

#userMenuExtension {

    width: inherit;
    float: left;
    background: #28313e;
    font-weight: 700;
}

#userMenuTop {
    height: auto;
    vertical-align: top;
    padding: 12px 16px 8px 12px;
    color: #808D9E;
    text-transform: uppercase;
    border-top: 1px solid #3f4a5a;
    font-size: 11px;
}

#userMenuHotelLogoContainer {
    float: left;
    position: relative;
    text-align: center;
    margin-right: 8px;
}
#userMenuHotelLogoContainer img {
    width: 30px;
    height: 30px;
}

#userMenuAccountExpirationDate {
    clear: both;
}

#userMenuItemsContainer {
    padding: 4px 0;
    height: auto;
    border-top: 1px solid #3f4a5a;
    box-shadow: 0px -1px 0px #212833, 0px -2px 0px #28313e, 0px -3px 0px #212833;
    -moz-box-shadow: 0px -1px 0px #212833, 0px -2px 0px #28313e, 0px -3px 0px #212833;
    -webkit-box-shadow: 0px -1px 0px #212833, 0px -2px 0px #28313e, 0px -3px 0px #212833;
    text-transform: uppercase;
}

.userMenuItem a {
    color: #808D9E;
    padding: 8px 12px;
    display: block;
    font-weight: 600;
    cursor: pointer;
}

.userMenuItem a:hover {
    background-color: rgba(0,0,0, 0.25);
    color: #eee;
}

.userMenuItem.active {
    background: #242c37;
    color: #ffffff;
}

#userMenuTitle {
    float: left;
    /*position: fixed;
    bottom: 0;*/
    height: 48px;
    line-height: 48px;
    color: #7e8a9c;
    vertical-align: middle;
    cursor: pointer;
    background: #354051;
    border-top: 1px solid #3f4a5a;
    box-shadow: 0px -1px 0px #3f4a5a, 0px -2px 0px #28313e, 0px -3px 0px #212833;
    -moz-box-shadow: 0px -1px 0px #3f4a5a, 0px -2px 0px #28313e, 0px -3px 0px #212833;
    -webkit-box-shadow: 0px -1px 0px #3f4a5a, 0px -2px 0px #28313e, 0px -3px 0px #212833;
}



#userPictureContainer {
    float: left;
    position: relative;
    text-align: center;
    width: 47px;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;

}

#userPicture {
    vertical-align: middle;
    width: 32px;
    height: 32px;
    border-radius: 39px;
    -webkit-border-radius: 39px;
    -moz-border-radius: 39px;
}

#userNameContainer {
    float: left;
    padding-left: 5px;
    width: 120px;
}

#userNameContainer span {
    font-weight: 700;
}

#expandArrowContainer {
    float: left;
    position: relative;
    text-align: left;
    margin-right: 15px;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
}

#expandUserMenuArrow {
    vertical-align: middle;
}

#mainViewContainer {
    height: 100%;
    width: auto;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: auto;
}

#dashboardContainer {
    height: 100%;
    width: auto;
    background: #f7f7f7;
}

#dashboardContainer.noRooms {
    background: #ffffff;
    padding-top: 175px;
}

#dashboardHeader {
    clear: both;
    height: 60px;
    line-height: 60px;
    padding-left: 16px;
    padding-right: 22px;
    background: #f7f7f7;
}

#dashboardHeader * {
    font-size: 12px;
    text-transform: uppercase;
}

.noRoomsTextContainer {
    text-align: center;
}

.noRoomsTextContainer a {
    text-decoration: underline;
}

.button {
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    margin: 0;
    border: 1px solid #cad2d9;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    background: #ffffff;
    color: #788590;
    text-transform: uppercase;
}

.button * {
    font-weight: 700;
}

.button.dialogBtn {
    font-weight: 600;
    font-size: 12px;
    padding: 0 10px;
    margin-left: 5px !important;
}

.button.dialogBtn:hover {
    background: #f7f7f7;
}

#newBookingButtonContainer {
    float: left;
    width: 170px;
    display: inline-block;
}

.newBookingButton {
    /*width: 128px;*/
    background: #f7f7f7;
    color: #1ebd4f;
    font-size: 14px;
    vertical-align: middle;
    padding: 0px 10px;
}

.newBookingButton:hover {
    background: #ffffff;
}

.newBookingButtonIconContainer {
    float: left;
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    position: relative;
}

.newBookingButtonIcon {
    vertical-align: middle;
}

.newBookingButton span {
    float: left;
    vertical-align: middle;
    line-height: 26px;
}

#calendarViewTypeButtonGroupContainer {
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.deleteBookedRoomButton:hover {
    background-color: #f5f5f5;
}

.roomTypeName.bookingStatus:hover {
    background-color: #f2f2f2;
}

.calendarViewTypeButton {
    margin: 0;
    margin-top: 16px;
    padding: 0 20px;
    font-size: 12px;
    color: #788590;
    background: #ffffff;
}

.calendarViewTypeButton:hover {
    background: #f0f0f0;
    color: #788590;
}

.calendarViewTypeButton.active {

    background: #abb3b9;
    color: #ffffff;
}

#calendarViewTypeButtonGroupContainer .calendarViewTypeButton.left {
    margin-left: -5px;
    border-radius: 5px 0 0 5px;
    border-right: none;
}

#calendarViewTypeButtonGroupContainer .calendarViewTypeButton.right {
    margin-left: -5px;
    border-radius: 0 5px 5px 0;
    border-left: none;
}

.dashboardHeaderRightSide {
    text-align: right;
    float: right;
}

#calendarDatePickerContainer {
    margin-right: 50px;
}

.datePickerContainerWrapper {
    display: inline-block;
    width: 120px;
    vertical-align: middle;
    background: #f7f7f7;
}

.datePickerContainer {
    height: 18px;
    line-height: 18px;
    width: 120px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    padding: 5px 0;
    vertical-align: middle;
    float: left;
    background: #f7f7f7;
    cursor: pointer;
}

.dashboard.datePickerContainer {
    display: block;
    top: 30px;
    left: -164px;
}

.datePickerContainer:hover {
    background: #fff;
}



.datePickerIconContainer {
    /*margin: 0 12px;*/
    margin: 0 8px 0 12px;
    width: 12px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    float: left;
}

.datePickerIcon {
    vertical-align: middle;
}

.datePickerInputContainer {
    width: 56px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    float: left;
    /*background: #f7f7f7;*/
}

.datePickerInputContainer input.datePickerInput, .datePickerInputContainer input#dashboardBookingsCalendarDatePickerInput {
    width: 60px;
    height: 18px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 11px;
    font-weight: 700;
    color: #788590;
    cursor: pointer;
}

.datePickerContainer:hover input {
    background: #f7f7f7;
}

.datePickerButton {
    margin: 0 10px;
    width: 8px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    float: left;
}

.calendarPickerArrowIcon {
    vertical-align: middle;
}

#calendarNavigationButtonsContainer {
    display: inline-block;
    font-weight: 700;
    color: #798590;
    height: 60px;
    float: right;
    vertical-align: middle;
}

.calendar-navigation-icon-container {
    margin: 0;
    width: 5px;
    height: 60px;
    line-height: 56px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    float: left;
}

img.calendar-navigation-icon {
    vertical-align: middle;
}

.calendarNavigationButtonsContainer {
    margin: 0;
    height: 38px;
    line-height: 15px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    float: left;
    padding-top: 22px;
    font-weight: 600;
}

.calendarNavigationButton {
    cursor: pointer;
    padding: 0 5px;
    vertical-align: middle;
    float: left;
    height: 16px;
    font-weight: 600;
}

.calendarNavigationButton:hover {
    color: #28B8F9;
}

.calendarNavigationButton.today {
    border: 1px solid;
    border-top: 0;
    border-bottom: 0;
    vertical-align: middle;
    float: left;
}

#dashboardBody {
    position: relative;
}

#dashboardBody .loader {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    z-index: 100;
    text-align: center;
    transition: visibility .08s ease-in-out;
    -moz-transition: visibility .08s ease-in-out;
    -webkit-transition: visibility .08s ease-in-out;
    opacity: 0.6;
    visibility: visible;
}

.loader img {
    width: 64px;
    top: 25%;
    position: absolute;
}

#dashboardBody .loaded {
    visibility: hidden;
}

#invoiceContainer .loader {
    position: absolute;
    width: 80%;
    height: 80%;
    background-color: #fff;
    top: 0;
    z-index: 100;
    text-align: center;
    transition: visibility .08s ease-in-out;
   -moz-transition: visibility .08s ease-in-out;
   -webkit-transition: visibility .08s ease-in-out;
    opacity: 0.6;
    visibility: visible;
}

#invoiceContainer .loaded {
    visibility: hidden !important;
}

#invoiceContainer .loader img {
    width: 64px;
    top: 60%;
    position: absolute;
}

.registerFormContainer .loader {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    z-index: 100;
    text-align: center;
    transition: visibility .08s ease-in-out;
   -moz-transition: visibility .08s ease-in-out;
   -webkit-transition: visibility .08s ease-in-out;
    opacity: 0.6;
    visibility: visible;
}

.registerFormContainer .loaded {
    visibility: hidden !important;
}

.registerFormContainer .loader img {
    width: 64px;
    top: 43%;
    right: 42%;
    position: absolute;
}

#roomsListContainer {
    width: 150px;
    /*height: 100%;*/
    font-size: 13px;
    position: absolute;
    top: 1px;
    left: 1px;
    text-transform: uppercase;
    /*border-right: solid 1px #cad2d9;*/
}

#roomsListContainerHeader {
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #abb3b9;
}

#roomsListContainerHeader.extended {
    background: #abb3b9;
}

#roomListContainerHeaderTitle {
    float: left;
    width: 119px;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin-left: 10px;
    color: #ffffff;
    font-weight: 700;
}

#roomsListContainerHeader * {
    font-weight: 700;
}

#roomListContainerHeaderTitle.open {
    background: #abb3b9;
}

#roomsListContainerHeader #roomListArrowContainer {
    background: #abb3b9 url(../img/collapse-arrow-white-down.png) 0 50% no-repeat;
}

#roomsListContainerHeader.extended #roomListArrowContainer {
    background: #abb3b9 url(../img/collapse-arrow-up.png) 0 50% no-repeat;
}

#roomTypeListContainer {
    position: relative;
    width: 150px;
    float: left;
}

#roomTypeList {
    width: 150px;
    z-index: 10;
    position: absolute;
    top: 0;
    background: #ffffff;
    box-shadow: 1px 1px 2px #888888;
}

#roomTypeList ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    cursor: pointer;
}

#roomTypeList ul li {
    border-bottom: 1px solid #ececec;
    color: #7e8994;
    font-weight: 700;
    font-size: 12px;
}

#roomTypeList ul li:hover {
    background: #edf1f5;
}

#roomTypeList ul li.selected {
    background: #edf1f5;
}

#roomListArrowContainer {
    float: left;
    position: relative;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 7px;
    vertical-align: middle;
}

.roomsListItemContainer {
    height: 35px;
    line-height: 35px;
    background: #f7f7f7;
    position: relative;
    padding-right: 30px;
}

.roomsListItemContainer.room_type_1 { /* single */
    background: #f7f7f7 url(../img/single-room-icon.png) 125px 50% no-repeat;
}

.roomsListItemContainer.room_type_2 { /* double */
    background: #f7f7f7 url(../img/double-room-icon.png) 125px 50% no-repeat;
}

.roomsListItemContainer.room_type_3 { /* custom */
    background: #f7f7f7 url(../img/custom-room-icon.png) 125px 50% no-repeat;
}

.roomsListItemContainer.room_type_4 { /* suite */
    background: #f7f7f7 url(../img/suites-icon.png) 125px 50% no-repeat;
}

.roomsListItemTextContainer {
    margin-left: 10px;

    font-weight: 600;
    color: #999ea2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.roomsListHoverItem {
    width: 35px;
    float: left;
    position: relative;
    cursor: pointer;
}

.roomsListHoverPopup {
    /*display: none;*/
    width: 110px;
    height: 26px;
    /*float: left;*/
    position: absolute;
    top: 0;
    left: 20px;
    /*right: -125px;*/
    /*top: -2px;*/
    background: #ffffff;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    z-index: 10000;
    padding: 5px;
}
.roomsListHoverPopup:before {
    background: url(../img/dropdown-arrow-left.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 8px;
    position: absolute;
    left: -4px;
    top: 40%;
    width: 10px;
    z-index: 1;
}

.roomsListHoverPopup .textDiv {
    width: 100%;
    font-size: 10px;
    font-weight: 700;
    color: #666c72;
    text-transform: uppercase;
    height: 13px;
    line-height: 13px;
}

.roomsListHoverItem:hover .roomsListHoverPopup {
    display: block;
}

.roomsListItemIconContainer {
    width: 15px;
    height: 35px;
    line-height: 38px;
    margin: auto 10px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    float: left;
}

img.roomsListItemIcon {
    vertical-align: middle;
}

#calendarContainer {
    overflow: hidden;
    height: 100%;
}

#bookingsCalendarTable {
    border-left: solid 1px #cad2d9;
}

table.bookingCalendarTable {
    width: 100%;
    table-layout: fixed;
}

table.bookingCalendarTable, table.bookingCalendarTable * {
    border: none;
    border-spacing: 0;
    font-size: 12px;
}

table.bookingCalendarTable tr {
    border: none;
}

table.bookingCalendarTable tr td {
    height: 34px;
    min-height: 34px;
    background: #ffffff;
    text-align: center;
    color: #cfcfcf;
    border-right: 1px solid #f0eff0;
    border-bottom: 1px solid #f0eff0;
    font-weight: 700;
    cursor: default;
}

.calendarHeader {
    height: 11px;
    line-height: 11px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    color: #a1a5a9;
    border: none;
    background: #dee3e6;
}

.calendarHeader .singleMonthName {
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    float: left;
}

.calendarHeader .singleMonthName.left {
    text-align: right;
    border-right: 2px solid #cccccc;
    padding-right: 5px;
    background: #eaeaea;
}

.calendarHeader .singleMonthName.right {
    text-align: left;
    width: auto;
    padding-left: 5px;
    background: #dee3e6;
}

.calendarHeader .singleMonthName.left.noSplitMonths {
    display: none;
}

.calendarHeader .singleMonthName.right.noSplitMonths {
    display: none;
}

.calendarHeader .singleMonthName.central {
    width: 100%;
    text-align: center;
    border: none;
    padding: 0;
    background: #dee3e6;
}

.calendarHeader .singleMonthName.central.splitMonths {
    display: none;
}

table.bookingCalendarTable tr.calendarHeaderDays td {
    height: 23px;
    max-height: 23px;
    border: 0;
    border-bottom: 1px solid #cad2d9;
    font-size: 13px;
    color: #788590;
    font-weight: 700;
    background: #f7f7f7;
}

table.bookingCalendarTable tr.calendarHeaderDays td sup {
    font-size: 10px;
    font-weight: 700;
}

table.bookingCalendarTable tr.calendarHeaderDays td.currentDay, table.bookingCalendarTable tr.calendarHeaderDays td.currentDay * {
    color: #10c849;
}

table.bookingCalendarTable tr.calendarHeaderDays td.weekendDay, table.bookingCalendarTable tr.calendarHeaderDays td.weekendDay * {
    color: #ff9100;
}

table.bookingCalendarTable tr.roomCalendarTr td.previousDay {
    background: #e6e6e6;
    color: #aaa;
}

table.bookingCalendarTable tr.roomCalendarTr td.bookingCalendarDay.currentDay {
    background: #dff9ea;
    color: #aaa;
}

table.bookingCalendarTable tr.roomCalendarTr td.lastDayInMonth {
    border-right-width: 2px;
}

table.bookingCalendarTable tr.roomCalendarTr td.bookingCalendarHighlight {
    background: deepskyblue;
}

td.bookingCalendarDay {
    position: relative;
}

td.bookingCalendarDay.bookingHover, td.bookingCalendarDay.currentDay.bookingHover {
    background: #e0e0e0;
    color: #bbb;
}

td.bookingCalendarDay.maintenance, td.bookingCalendarDay.currentDay.maintenance {
    background: #eeeeee;
}

td.bookingCalendarDay .bookingElement {
    width: 100%;
    height: 24px;
    position: absolute;
    top: 0;
    line-height: 24px;
    margin: 5px 0;
    padding: 0 8px;
    z-index: 300;
    background: #ffccbc;
    border: none;
    font-size: 9px;
    color: #ffffff;
    text-align: left;
    display: none;
    z-index: 500;
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

td.bookingCalendarDay.bookingHead.bookedDay .bookingElement {
    width: 25%;
    display: block;
    right: 0;
    border-radius: 20px 0 0 20px;
}

td.bookingCalendarDay.bookingBody.bookedDay .bookingElement {
    display: block;
    left: 0;
}

td.bookingCalendarDay.bookingTail.bookedDay .bookingElement {
    width: 25%;
    display: block;
    left: 0;
    border-radius: 0 20px 20px 0;
}

.bookingCalendarDay::selection {
    background: transparent;
}

.bookingBullet {
    display: block;
    position: absolute;
    /*left: 53%;*/
    left: 15%;
    top: 12.5%;
    height: 25px;
    line-height: 25px;
    z-index: 1000;
    border: none;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: move;
}

.deleteNewBookingBtn {
    width: 10px;
}

.event_action_delete {
    background: url('../img/delete-mark.png') no-repeat center;

}




.bookingBulletContent {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    color: #ffffff;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    float: left;
    box-sizing: border-box;
    background: #ffccbc;

}

.bookingBulletContentIcons {
    display: inline-block;
    display: table-cell;
    max-width: 28px;
    float: left;
    cursor: pointer;
}
.bookingBulletContentIcons .bookingFrom {
    background: url(../img/booking-from-white.png) left 0 top 50% no-repeat;
    height: 25px;
    width: 10px;
    float: left;
    margin-right: 6px;
}
.bookingBulletContentIcons .bookingNote {
    background: url(../img/booking-notes-white.png) left 0 top 49% no-repeat;
    height: 25px;
    width: 10px;
    float: left;
}


.bookingBulletContentText {
    display: inline-block;
    min-width: 20px;
    max-width: 70%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.bookingBulletContentResizeBtn {
    text-align: right;
    float: right;
    display: none;
    min-height: 10px;
    width: 10px;
    background: url(../img/resize-icon.png) right 0 top 50% no-repeat;
    cursor: w-resize;
}
.bookingBullet:hover .bookingBulletContentResizeBtn {
    display: inline-block;
}

.bookingHoverPopup {
    /*position: absolute;*/
    /*height: auto;*/
    width: 218px;
    left: 56%;
    top: 95%;
    z-index: 15000;
    background: #ffffff;
    border: 1px solid #cad2d9;
    border-radius: 8px;
    padding: 12px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.bookingHoverPopup:before {
    background: url(../img/dropdown-arrow-up.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 10%;
    top: -4px;
    width: 8px;
    z-index: 1;
}

.bookingHoverPopup * {
    text-align: left;
    font-size: 12px;
    font-weight: 700;
}

.bookingHoverPopup .roomName {
    color: #a3a7ab;
    font-size: 14px;
    margin-bottom: 10px;
}

.bubble_default_main_inner {
    border: 0;
    background: 0;
    box-shadow: none;
    padding: 0;
}

.bookingHoverPopup .descriptionItems {
    margin-bottom: 5px;
    display: block;
}

.bookingHoverPopup .descriptionItems .description {
    color: #26b6ff;
    display: inline;
}

.bookingHoverPopup .descriptionItems .descriptionValue {
    color: #414a52;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    display: inline;
}

.bookingHoverPopup .bookingStatusBullet {
    text-transform: uppercase;
    border-radius: 20px;
    width: auto;
    color: #ffffff;
    padding: 4px;
    font-size: 10px;
    background: #00b0ff;
    display:inline-block;
    margin-top: 5px;
}

.bookingHoverPopup .bookingStatusBullet.newBooking {
    background: #00b0ff;
}

.bookingHoverPopup .bookingStatusBullet.confirmed {
    background: #0087c3;
}

.bookingHoverPopup .bookingStatusBullet.checkIn {
    background: #29cb6f;
}
.bookingHoverPopup .bookingStatusBullet.checkOut {
    background: #90a4ae;
}
img.bookingHoverPopupIcons {
    vertical-align: middle;
    margin-right: 3px;
}

.nightsContainer {
    border: 1px solid #ddd !important;
    border-radius: 8px;
    padding: 0 5px;
    width: 30px;
    color: #bbb;
    float: right;
    text-align: center !important;
}

.nightsContainer img {
    vertical-align: middle;
}

.bookingBullet.noBorderRadius .bookingBulletContent {
    border-radius: 0;
}
.bookingBullet.noBorderRadiusLeft .bookingBulletContent {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bookingBulletContent {
    background: #ffccbc;
}

.bookingBulletContent.statusNew {
    background: #00b0ff;
}
.bookingBulletContent.statusNew.selected {
    background: #80d8ff;
}
.bookingBulletContent.statusCheckedIn {
    background: #29cb6f;
}
.bookingBulletContent.statusCheckedIn.selected {
    background: #94e5b7;
}
.bookingBulletContent.statusCheckedOut, .bookingBulletContent.oldBooking, .bookingBulletContent.oldBooking.selected {
    background: #90a4ae;
}

table.bookingCalendarTable, table.bookingCalendarTable .bookingBullet * {
    font-size: 12px;
    font-weight: 600;
}

/* SETTINGS CUSTOM SELECT */

.settingsCustomSelect {
    position: relative;
}

.settingsCustomSelect .settingsSelectCurrentOption {
    width: 220px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    background: #ffffff;
    vertical-align: middle;
    padding-left: 10px;
    cursor: pointer;
}
.settingsCustomSelect .settingsSelectCurrentOption .text {
    width: 200px;
    font-size: 11.5px;
    font-weight: 600;
    color: #798590;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}
.settingsCustomSelect .settingsSelectCurrentOption:hover, .settingsCustomSelect.open .settingsSelectCurrentOption {
    background: #edf1f5;
}

.settingsCustomSelect .settingsSelectCurrentOption .customSelectArrow {
    float: right;
    position: relative;
    text-align: right;
    width: 8px;
    height: 30px;
    vertical-align: middle;
    margin-right: 8px;
    background: url(../img/collapse-arrow-down.png) 0 50% no-repeat;
}
.settingsCustomSelect.open .settingsSelectCurrentOption .customSelectArrow {
    background: url(../img/collapse-arrow-up.png) 0 50% no-repeat;
}

.settingsCustomSelect .settingsSelectListContainer {
    width: 230px;
    max-height: 200px;
    position: absolute;
    top: 38px;
    left: 0;
    padding: 8px 0;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    background: #ffffff;
    z-index: 100;
}
.settingsCustomSelect .settingsSelectListContainer .settingsSelectList {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.settingsCustomSelect .settingsSelectListContainer:before {
    background: url(../img/dropdown-arrow-up.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    right: 10px;
    top: -4px;
    width: 8px;
    z-index: 1;
}

.settingsCustomSelect.currency .settingsSelectListContainer {
    max-height: 185;
}
.settingsCustomSelect.currency .settingsSelectListContainer .settingsSelectList {
    max-height: 185;
}
.settingsCustomSelect.currency * {
    text-transform: uppercase;
}

.settingsCustomSelect.language .settingsSelectListContainer {
    max-height: 158;
}
.settingsCustomSelect.language .settingsSelectListContainer .settingsSelectList {
    max-height: 185;
}

.settingsCustomSelect .settingsSelectListContainer .optionLine {
    width: 204px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    font-size: 11.5px;
    font-weight: 600;
    color: #798590;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.settingsCustomSelect .settingsSelectListContainer .optionLine:hover, .settingsCustomSelect .settingsSelectListContainer .optionLine.selected {
    background: #edf1f5;
}




/* BILLING & INVOICE */

/* BILLING PAGE */

#billingContainer {
    width: 100%;
}

#billingHeader {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f7f7f7;
    border-bottom: 1px solid #dbdbdb;
}

#billingHeaderModal {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f7f7f7;
    border-bottom: 0px solid #dbdbdb;
}

.billingHeaderContent {
    width: 96%;
    height: 30px;
    padding: 0 2%;
    line-height: 30px;
    padding-top: 15px;
    vertical-align: middle;
}
.billingHeaderContentModal {
    width: 100%;
    height: 30px;
    padding: 0 0;
    line-height: 30px;
    padding-top: 15px;
    vertical-align: middle;
}
#billingBody {
    width: 96%;
    padding: 2%;
    background: #ffffff;
}

.billingInvoiceListTableContainer {
    width: 100%;
    min-height: 150px;
    background: #ffffff;
}

.billingInvoiceListTableContainerModal {
    width: 100%;
    min-height: 150px;

}
table.billingInvoiceListTable {
    width: 100%;
    border: 2px solid #eaedf2;
    border-radius: 6px;
    /*overflow: hidden;*/
}

table.billingInvoiceListTable th, table.billingInvoiceListTable td {
    text-align: left;
    line-height: 46px;
    height: 46px;
    font-size: 12px;
    cursor: pointer;
}

table.billingInvoiceListTable th {
    background: #e5e9ef;
    text-transform: uppercase;
}

table.billingInvoiceListTable td {
    background: #f7f9fd;
    border-top: 1px solid #eaedf2;
}

table.billingInvoiceListTable td.checkMarkTd, table.billingInvoiceListTable th.checkMarkTd {
    width: 38px;
    text-align: center;
}

table.billingInvoiceListTable td.invoiceNumberTd, table.billingInvoiceListTable th.invoiceNumberTd {
    width: 135px;
    max-width: 135px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.billingInvoiceListTable td.invoiceClientNameTd, table.billingInvoiceListTable th.invoiceClientNameTd {
    width: 175px;
    max-width: 175px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.billingInvoiceListTable td.invoiceDateTd, table.billingInvoiceListTable th.invoiceDateTd {
    width: 158px;
}

table.billingInvoiceListTable td.invoiceTotalTd, table.billingInvoiceListTable th.invoiceTotalTd {
    width: 140px;
    max-width: 140px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.billingInvoiceListTable td.invoiceStatusTd, table.billingInvoiceListTable th.invoiceStatusTd {
    width: 95px;
    position: relative;
    overflow: visible;
}

table.billingInvoiceListTable td.invoiceNotesTd, table.billingInvoiceListTable th.invoiceNotesTd {
    width: 350px;
    max-width: 350px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

button.billingButtons {
    /*width: auto;*/
    height: 30px;
    padding: 0 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 700;
    float: left;
    color: #788590;
    background-color: #f7f7f7;
    margin-right: 14px;
}
button.billingButtons:hover:enabled {
    background: #ffffff;
}

.newInvoiceBtn {
    background: url('../img/add-button.png') 10px center no-repeat !important;
}

/*.markAs .settingsSelectCurrentOption {
 background: #f7f7f7 url('../img/mark-button.png') 10px center no-repeat !important;
 padding-left: 30px;
}*/

.newInvoiceBtn > div {
    padding-left: 20px;
}

.settingsCustomSelect.filterBy {
    width: 100px;
    float: left;
    margin-right: 15px;
}
.settingsCustomSelect.filterBy .settingsSelectCurrentOption {
    width: 90px;
    height: 28px;
    line-height: 28px;
    background: #f7f7f7;
}

.popup {
    width: 105px !important;
}

.settingsCustomSelect.filterBy .settingsSelectCurrentOption .text,
.settingsCustomSelect.markAs .settingsSelectCurrentOption .text{
    font-size: 12px;
    font-weight: 600;
}
.settingsCustomSelect.filterBy.open .settingsSelectCurrentOption,
.settingsCustomSelect.markAs.open .settingsSelectCurrentOption {
    background: #ffffff;
}
.settingsCustomSelect.filterBy .settingsSelectCurrentOption .text {
    width: 42px;
    height: 28px;
    line-height: 28px;
    text-transform: uppercase;
}
.settingsCustomSelect.filterBy .settingsSelectListContainer {
    width: 100px;
    max-height: 145px;
    padding: 0;
}
.settingsCustomSelect.filterBy .settingsSelectListContainer:before,
.settingsCustomSelect.markAs .settingsSelectListContainer:before {
    right: 10px;
}
.settingsCustomSelect.filterBy .settingsSelectListContainer .optionLine {
    width: 100px;
}
.settingsCustomSelect.filterBy .settingsSelectListContainer .settingsSelectList,
.settingsCustomSelect.markAs .settingsSelectListContainer .settingsSelectList {
    max-height: 145px;
}
.settingsCustomSelect.filterBy *,
.settingsCustomSelect.markAs * {
    text-transform: uppercase;
}

.settingsCustomSelect.markAs {
    width: 150px;
    float: left;
    margin-right: 15px;
}
.settingsCustomSelect.markAs .settingsSelectCurrentOption {
    width: 140px;
    height: 28px;
    line-height: 28px;
    background: #f7f7f7;
}
.settingsCustomSelect.markAs .settingsSelectCurrentOption .text {
    width: 100px;
    height: 28px;
    line-height: 28px;
    text-transform: uppercase;
}
.settingsCustomSelect.markAs .settingsSelectListContainer {
    width: 110px;
    max-height: 110px;
    padding: 0;
}
.settingsCustomSelect.markAs .settingsSelectListContainer .optionLine {
    width: 110px;
}

.invoiceStatusBullet {
    width: 52px;
    height: 18px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 10px;
    background: #a0acbe;
    color: #ffffff;
}
.invoiceStatusBullet.paid {
    background: #00c853;
}
.invoiceStatusBullet.draft {
    background: #f6be1a;
}
.invoiceStatusBullet.sent {
    background: #884422;
}

.invoiceStatusSelect {
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}
.invoiceStatusSelect.paid {
    border:solid 1px #00c853;
}
.invoiceStatusSelect.draft {
    border: solid 1px #f6be1a;
}
.invoiceStatusSelect.sent {
    border: solid 1px #884422;
}


.priceContainer {
    float: left;
}

.priceContainer .currencySymbol {
    float: left;
    margin-right: 5px;
}

.priceContainer .amount {
    float: left;
}

/* INVOICE PAGE */

#invoiceContainer {
    margin-bottom: 20px;
}

.invoiceContainerHeader {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    background: #f7f7f7;
    border-bottom: 1px solid #dbdbdb;

    position: fixed;
    border-top: 1px solid #dbdbdb;
    top: 0;
    z-index: 100;
}

.invoiceContainerHeaderModal {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    background: #f7f7f7;
    z-index: 100;
}

.invoiceContainerHeaderContent {
    height: 30px;
    line-height: 30px;
    padding-top: 15px;
    vertical-align: middle;
    /*width: 795px;*/
}

.invoiceContainerBody {
    /*width: 100%;*/
    padding: 0 15px;
    background: #ffffff;
    margin-top: 50px;
}
.invoiceContainerBodyModal {
    padding: 0 15px;
    background: #ffffff;
    margin-top: 17px;
}
.invoicePage {
    width: 795px;
    min-height: 800px;
    background: #ffffff;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    float: left;
    box-shadow: 2px 4px 15px rgba(0,0,0,0.16);
    position: relative;
}

.invoicePageExtraNotes {
    width: 795px;
    height: 125px;
    background: #ffffff;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    float: left;
    box-shadow: 2px 4px 15px rgba(0,0,0,0.16);
}
.invoicePageExtraNotes .invoicePageExtraNotesTitle {
    width: 765px;
    height: 15px;
    line-height: 15px;
    padding: 15px;
    background: #f6fafe;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px;
    font-weight: 600;
    color: #354051;
    float: left;
}

.invoicePageExtraNotesTitleModal {
    width: 793px;
    height: 46px;
    line-height: 15px;
    padding: 15px;
    background: #f6fafe;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px;
    font-weight: 600;
    color: #354051;
    float: left;
}

.invoicePageExtraNotes .invoicePageExtraNotesText {
    width: 765px;
    height: 48px;
    padding: 15px;
    font-size: 13px;
    font-weight: 600;
    color: #354051;
    float: left;
}
.invoicePageExtraNotes.editMode .invoicePageExtraNotesText {
    width: 795px;
    height: 78px;
    padding: 0;
}
.invoicePageExtraNotes.editMode .invoicePageExtraNotesText textarea {
    width: 765px;
    height: 48px;
    min-width: 765px;
    min-height: 48px;
    max-width: 765px;
    max-height: 48px;
    padding: 15px;
    font-size: 13px;
    font-weight: 600;
    color: #354051;
    border: none;
}

.invoicePageTop {
    width: 795px;
    min-height: 375px;
    box-sizing: border-box;
    padding: 70px 70px 0 70px;
    float: left;
}

.invoicePageBody {
    width: 795px;
    min-height: 400px;
    box-sizing: border-box;
    padding: 0 0 0 70px;
    float: left;
}

.invoicePageBottom {
    width: 795px;
    box-sizing: border-box;
    float: left;
}

.invoiceNumber {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    margin: 24px 0;
    color: #354051;
}

.hotelLogoContainer {
    /*height: 115px;
    width: 300px;
    margin-right: 50px;
    margin-bottom: 42px;
    float: left;
    border-radius: 5px;
    overflow: hidden;*/
}
.hotelLogoContainer img {
    max-height: 115px;
    max-width: 300px;
    border-radius: 4px;
}

.invoiceDetails {
    /*height: 115px;
    width: 300px;
    text-align: right;
    margin-bottom: 40px;
    float: left;*/
}

.providerInfo {
    height: 110px;
    width: 300px;
    margin-right: 50px;
    margin-bottom: 40px;
    float: left;
}

.customerInfo {
    height: 110px;
    width: 300px;
    float: left;
    margin-bottom: 40px;
}

input.invoiceInput {
    height: 24px;
    padding: 2px 10px;
    font-size: 12px;
    color: #354051;
    font-weight: 600;
    /*margin-bottom: 12px;*/
}
input.invoiceDetailsInput {
    width: 123px;
}

button.invoiceButtons {
    width: auto;
    height: 30px;
    padding: 0 12px;
    margin-right: 15px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    float: left;
    color: #788590;
    background: #f7f7f7;
}
button.invoiceButtons:hover {
    background-color: #ffffff;
}
button.invoiceButtons.greenText {
    color: #1ebd4f;
}
button.invoiceButtons.addButtons {
    margin-right: 10px;
}

.upperCaseTitles, table.invoicePageTables td {
    font-size: 13px;
    font-weight: 600;
    color: #788590;
    text-transform: uppercase;
}

table.invoiceDetailsTable td {
    height: 30px;
    line-height: 30px;
    padding-bottom: 12px;
    font-size: 12px;
    color: #354051;
    font-weight: 600;
}
table.invoiceDetailsTable td.itemNameTd {
    width: 132px;
    text-align: left;
    /*padding-left: 28px;*/
}
table.invoiceDetailsTable td.itemInputTd {
    width: 145px;
    text-align: left;
}

.invoiceItemsContainer {
    width: 725px;
    min-height: 150px;
    text-align: center;
    float: left;
}

.invoiceItemsContainerTitle {
    width: 690px;
    margin-right: 35px;
    float: left;
    height: 27px;
    line-height: 27px;
    margin-bottom: 35px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #bfc2c8;
}

.invoiceItemsTableContainer {
    width: 690px;
    margin-right: 35px;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

table.invoiceItemsTable {

}
table.invoiceItemsTable th {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #788590;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    border-bottom: 2px solid #d8dee3;
}
table.invoiceItemsTable td {
    height: 30px;
    line-height: 30px;
    padding: 7px 0;
    text-align: left;
    border-bottom: 1px solid #d8dee3;
}

table.invoiceItemsTable tr:hover td.itemDelete .invoiceItemDeleteButton, table.invoiceTaxesTable tr:hover td.invoiceTaxDelete .invoiceItemDeleteButton {
    display: block;
}

table.invoiceItemsTable .invoiceItemDeleteButton, table.invoiceTaxesTable .invoiceItemDeleteButton {
    display: none;
    width: 10px;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/delete-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}
table.invoiceItemsTable .invoiceItemDeleteButton:hover, table.invoiceTaxesTable .invoiceItemDeleteButton:hover {
    background: url(../img/delete-icon-combo.png) -10px 50% no-repeat;
}

.invoiceNotesContainer {
    width: 656px;
    min-height: 68px;
    float: left;
    margin-bottom: 70px;
}

.invoiceNotes {
    width: 644px;
    min-height: 35px;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #354051;
}
.invoiceNotes.editMode {
    width: 654px;
    min-height: 45px;
    border-radius: 5px;
    padding: 0;
}
textarea.invoiceNotesTextarea {
    width: 644px;
    min-height: 35px;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #354051;
}

textarea.invoiceNotesTextareaPopup {
    width: 236px;
    min-height: 35px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #cad2d9;
}

.invoiceNotesHotelSignature {
    font-size: 14px;
    color: #acb2b7;
    float: right;
}

input.invoiceItemInput {
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #354051;
    text-align: center;
    text-transform: none;
}

input.invoiceItemInvisibleInput {
    height: 28px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 12px;
    font-weight: 600;
    color: #354051;
    text-transform: none;
}

.invoiceItemInputContainer {
    width: 97px;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 8px;
    margin: 0;
    border: none;
    border-radius: 5px;
}

.invoiceItemInputContainer.editMode {
    width: 97px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    border: 1px solid #d0d7dd;
    border-radius: 5px;
}

.invoiceItemInputContainer .extraContent {
    float: left;
    width: 120px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: #354051;
    text-transform: none;
}
.invoiceItemInputContainer.editMode .extraContent {
    width: 20px;
    text-align: center;
}
.invoiceItemInputContainer input {
    float: left;
    width: 75px;
}

table.invoiceItemsTable td.itemIndex, table.invoiceItemsTable th.itemIndex {
    width: 14px;
    padding-left: 8px;
}

table.invoiceItemsTable td.itemName, table.invoiceItemsTable th.itemName {
    width: 350px;
}
table.invoiceItemsTable td.itemName .invoiceItemNameContainer {
    width: 300px;
    min-height: 18px;
    height: auto;
    line-height: 1;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    padding: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #354051;
    text-transform: none;
}
table.invoiceItemsTable td.itemName .invoiceItemNameContainer.editMode {
    width: 312px;
    min-height: 30px;
    height: auto;
    box-sizing: border-box;
    border: 1px dashed #d8dee3;
    border-radius: 5px;
    padding: 0;
}
table.invoiceItemsTable td.itemName .invoiceItemNameContainer.editMode textarea {
    width: 298px;
    min-height: 18px;
    height: auto;
    line-height: 1;
    resize: none;
    border: none;
    border-radius: 5px;
    padding: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #354051;
    text-transform: none;
}

table.invoiceItemsTable td.itemUnitPrice, table.invoiceItemsTable th.itemUnitPrice {
    width: 100px;
}
table.invoiceItemsTable th.itemUnitPrice {
    padding-left: 8px;
}

table.invoiceItemsTable td.itemUnitPrice, table.invoiceItemsTable td.itemQnt, table.invoiceItemsTable td.itemName {
    font-size: 12px;
    font-weight: 600;
    color: #354051;
}

table.invoiceItemsTable td.itemQnt, table.invoiceItemsTable th.itemQnt {
    width: 95px;
    text-align: center;
}
table.invoiceItemsTable td.itemQnt input {
    width: 40px;
}

table.invoiceItemsTable td.itemTotalPrice, table.invoiceItemsTable th.itemTotalPrice {
    width: 80px;
    padding-right: 8px;
    text-align: right;
}
table.invoiceItemsTable td.itemTotalPrice .invoiceItemPriceContainer {

    text-align: right;

    font-weight: 600;
    color: #354051;
    font-size: 12px;
}
.invoiceItemPriceContainerSymbol {
    width: 10px;
    /*float: left;*/
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: #354051;
    margin-right: 2px;
}
.invoiceItemPriceContainerAmount {
    /*float: left;*/
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    color: #354051;
}

table.invoiceItemsTable td.itemDelete, table.invoiceItemsTable th.itemDelete {
    width: 32px;
    text-align: center;
    border-bottom: none;
}

.invoiceItemsUnderTable {
    width: 690px;
    margin-right: 35px;
    min-height: 248px;
    float: left;
    margin-bottom: 10px;
}



.invoiceItemsTotalsContainer {
    width: 315px;
    min-height: 248px;
    float: right;
}

.invoiceItemsSubtotalPrice, .invoiceItemsTax, .invoiceItemsTotalPrice {
    height: 45px;
    line-height: 45px;
    color: #788590;
    font-size: 13px;
    font-weight: 500;
}
.invoiceItemsSubtotalPrice, .invoiceItemsTotalPrice, .invoiceItemsSubtotalPrice .subtotalText, .invoiceItemsTotalPrice .totalText {
    text-transform: uppercase;
    font-weight: 700;
}

.invoiceItemsSubtotalPrice {
    width: 273px;
    padding: 0 8px;
}

.invoiceItemsTotalPrice {
    width: 273px;
    padding: 0 8px;
    background: #788590;
    color: #ffffff;
}

.invoiceItemsTotalPriceModal {
    width: 289px;
    padding: 0 8px;
    background: #788590;
    color: #ffffff;
    height: 45px;
    line-height: 45px;
}

.invoiceItemsTotalPriceModal .totalText {
    text-transform: uppercase;
    font-weight: 700;
}

.invoiceItemsTotalPriceModal * {
    color: #ffffff;
}

.invoiceItemsTotalPrice * {
    color: #ffffff;
}

.subtotalText, .totalText {
    float: left;
    text-align: left;
}

.subtotalAmount, .totalAmount {
    float: right;
}

.invoiceDeleteTax {
    width: 32px;
    text-align: center;
}

table.invoiceTaxesTable th {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #788590;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    border-bottom: 2px solid #d8dee3;
}
table.invoiceTaxesTable td {
    height: 30px;
    line-height: 30px;
    padding: 7px 0;
    text-align: left;
}

table.invoiceTaxesTable td.taxName {
    width: 62px;
    max-width: 62px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    text-transform: none;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.invoiceTaxesTable td.taxAmount {
    width: 110px;
    padding: 0 4px;
    text-align: right;
}
table.invoiceTaxesTable td.taxAmount input {
    width: 50px;
}

table.invoiceTaxesTable td.taxTotalAmount {
    width: 90px;
    padding-right: 8px;
    text-align: right;
}

.taxTotalAmountContainer {
    float: right;
}

table.invoiceTaxesTable td.invoiceTaxDelete {
    width: 25px;
    text-align: center;
}

.infoSectionTitle {
    height: 33px;
    line-height: 33px;
    width: 292px;
    padding-left: 8px;
    border-bottom: 2px solid #d8dee3;
    float: left;
    margin-bottom: 2px;
}

.infoSectionBody {
    height: 55px;
    width: 282px;
    padding: 8px;
    border-radius: 5px;
    /*border: 1px dashed #d8dee3;*/
    float: left;
    font-size: 12px;
    color: #354051;
    font-weight: 600;
    line-height: 150%;
    white-space: pre;
}
.infoSectionBody.editMode {
    height: 71px;
    width: 298px;
    padding: 0;
    border-radius: 5px;
    border: 1px dashed #d8dee3;
    float: left;
}
.infoSectionBody.editMode textarea {
    height: 55px;
    width: 282px;
    min-height: 55px;
    min-width: 282px;
    max-height: 55px;
    max-width: 282px;
    padding: 8px;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    color: #354051;
    font-weight: 600;
    white-space:pre;
    margin-left: -63px;
    margin-top: -14px;
}

.infoSectionBodyModal.editMode textarea {
    height: 55px;
    width: 282px;
    min-height: 70px;
    min-width: 294px;
    max-height: 55px;
    max-width: 282px;
    padding: 8px;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    color: #354051;
    font-weight: 600;
    white-space: pre;
    margin-left: 0px;
    margin-top: 0px;
}

.infoSectionBodyModal.editMode {
    height: 71px;
    width: 298px;
    padding: 0;
    border-radius: 5px;
    border: 1px dashed #d8dee3;
    float: left;
}

label.searcherContainerLabel {
    float: left;
    margin-right: 8px;
}

.searcherContainer {
    float: left;
    position: relative;
}

input.popupSearchInput.searchBookings {
    width: 238px;
}

.bookingSearchResults {
    width: 240px;
    float: left;
    position: absolute;
    left: 0;
    top: 40px;
    max-height: 135px;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
}
.bookingSearchResults:before {
    background: url(../img/dropdown-arrow-up.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 10%;
    top: -4px;
    width: 8px;
    z-index: 1;
}

.bookingSearchResultsContainer {
    width: 238px;
    float: left;
    max-height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
}
.bookingSearchResultsContainer .resultLine {
    width: 238px;
    float: left;
    height: 25px;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    color: #798691;
    padding: 8px;
    cursor: pointer;
}
.bookingSearchResultsContainer .resultLine:hover {
    background: #edf1f5;
}
.bookingSearchResultsContainer .resultLine .leftContent {
    float: left;
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bookingSearchResultsContainer .resultLine .rightContent {
    float: right;
    /*width: 68px;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
}



/* HOUSEKEEPING PAGE */

#housekeepingContainer {
    width: 100%;
}

#housekeepingHeader {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f7f7f7;
    border-bottom: 1px solid #dbdbdb;
}

.housekeepingHeaderContent {
    width: 96%;
    height: 30px;
    padding: 0 2%;
    line-height: 30px;
    padding-top: 15px;
    vertical-align: middle;
}

.houseKeepingText {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.settingsCustomSelect.exportAs {
    width: auto;
    float: left;
    margin-right: 15px;
}

.settingsCustomSelect.exportAs .settingsSelectCurrentOption {
    width: auto;
    height: 28px;
    line-height: 28px;
    background: #f7f7f7;
}

.settingsCustomSelect.exportAs .settingsSelectCurrentOption .text {
    width: 72px;
    font-size: 11.5px;
    font-weight: 600;
    color: #798590;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.settingsCustomSelect.exportAs .settingsSelectListContainer {
    width: 100px;
    max-height: 200px;
    position: absolute;
    top: 38px;
    left: 0;
    padding: 8px 0;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    background: #ffffff;
    z-index: 100;
}

.housekeepingwrapperBody {
    width: 96%;
    padding: 0 2%;
}

.housekeepingPage {
    background-color: #ffffff;
    box-shadow: 1px 2px 5px 0.00px rgba(0, 0, 0, 0.47);
    min-height: 1123px;
    width: 794px;
    margin-top: 36px;
    margin-bottom: 94px;
    overflow: auto;
    position: relative;
}

.housekeepingContainer {
    padding: 70px;
}

.housekeepingTitle {
    font-size: 18px;
    color: #354051;
    width: 130px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    line-height: 37px;
    height: 14px;
    margin-left: 6px;
}

.housekeepingDateTitle {
    float: left;
    line-height: 37px;
    font-size: 11.94px;
    font-weight: 700;
    color: #788590;
    margin-right: 11px;
}

#housekeepingDatePickerContainer {
    display: inline-block;
    float: right;
}

.datePickerInputContainer.housekeeping ul.dropdown-menu {
    top: 25px !important;
    left: -159px !important;
}

.housekeepingDatePickerContainer {
    height: 18px;
    line-height: 18px;
    width: 120px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    padding: 5px 0;
    vertical-align: middle;
    float: left;
    background: #ffffff;
    cursor: pointer;
}

.housekeepingDatePickerIconContainer {
    margin: 0 12px;
    margin: 0 8px 0 12px;
    width: 12px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    float: left;
}

#housekeepingDateContainer {
    height: 26px;
    width: 654px;
    background-color: #a0acbe;
    margin-top: 7px;
}

#housekeepingCurrentDate {
    font-size: 13px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 700;
    margin-left: 7px;
}

#housekeepingCheckout {
    font-size: 13px;
    text-transform: uppercase;
    color: #354051;
    font-weight: 700;
    margin: 10px 0 0px 6px;
}

.housekeepingCheckoutTh {
    font-size: 14px !important;
    text-transform: uppercase;
    color: #354051;
    font-weight: 700 !important;
    text-align: left;
    border-bottom: 3px solid #e9edf0 !important;
}

.housekeepingCheckout tr td {
    font-size: 13px;
    color: #798590;
    font-weight: 600;
    border-bottom: 2px solid #e9edf0;
}

hr.title-left {
    margin: 3px 0 0 7px;
    height: 1px;
    background-color: #e9edf0;
}

.line {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 200px;
}

.housekeepingEmployed {
    display: inline-block;
    top: calc(100% - 65px);
    right: 77.7%;
    left: 8.9%;
    bottom: 5.7%;
    position: absolute;
    font-size: 15px;
    color: #354051;
    font-weight: 600;
    width: 250px;
}

hr.housekeepingEmployedLine {
    height: 0px;
    width: 56%;
    margin: -4px 0 0 107px;
}

.housekeepingSignature {
    display: inline-block;
    top: calc(100% - 65px);
    bottom: 5.7%;
    left: 50.1%;
    position: absolute;
    font-size: 15px;
    color: #354051;
    font-weight: 600;
    width: 250px;
}

hr.housekeepingSignatureLine {
    height: 0px;
    width: 56%;
    margin: -4px 0 0 80px;
}

/* FINANCIALS PAGE */

#financialsContainer {
    width: 100%;
}

#financialsHeader {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f7f7f7;
    border-bottom: 1px solid #dbdbdb;
}

.financialsHeaderContent {
    width: 96%;
    height: 30px;
    padding: 0 24px;
    line-height: 30px;
    padding-top: 15px;
    vertical-align: middle;
}

.financialswrapperBody {
    width: 96%;
    padding: 0 24px;
}

.financialsPage {
    background-color: #ffffff;
    height: 600px;
    width: 794px;
    margin-top: 17px;
    margin-bottom: 94px;

}

chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;

}
chart-legend ul{
    list-style: none;
}
.financialsContainer table td.itemNameTd, .financialsContainer table td.itemInputTd {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #788590;
}

.financialsContainer table td.itemNameTd {
    padding-right:5px;
}

.financialsContainer table td.itemInputTd {
    padding-right:9px;
}

.financialsContainer table td.itemNameTd, .financialsContainer table td.itemInputTd #calendarViewTypeButtonGroupContainer .calendarViewTypeButton {
    margin-top:0;
}

.financialsContainer table td.itemInputTd #calendarViewTypeButtonGroupContainer .calendarViewTypeButton {
    color:#28b8f9;
}

.financialsContainer table td.itemInputTd #calendarViewTypeButtonGroupContainer .calendarViewTypeButton.left{
    color:#28b8f9;
    border-color: #35bcf9;
}

.financialsContainer table td.itemInputTd #calendarViewTypeButtonGroupContainer .calendarViewTypeButton.center{
    color:#28b8f9;
    border-color: #35bcf9;
    border-radius: 0;
}

.financialsContainer table td.itemInputTd #calendarViewTypeButtonGroupContainer .calendarViewTypeButton.right{
    color:#28b8f9;
    border-color: #35bcf9;
    border-left:solid 1px;
}

.financialsContainer table td.itemInputTd #calendarViewTypeButtonGroupContainer .calendarViewTypeButton.active {

    background: #28b8f9;
    color: #ffffff;
}

.financialsContainer table td.itemInputTd #calendarViewTypeButtonGroupContainer .calendarViewTypeButton:hover {
    background: #28b8f9;
    color:#ffffff;
}

.financialsTitle {
    font-size: 18px;
    color: #354051;
    width: 130px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    line-height: 37px;
    height: 14px;
    margin-left: 6px;
}

.financialsDateTitle {
    float: left;
    line-height: 37px;
    font-size: 11.94px;
    font-weight: 700;
    color: #788590;
    margin-right: 11px;
}

#financialsDatePickerContainer {
    display: inline-block;
    float: right;
}

.financialsDatePickerContainer {
    height: 18px;
    line-height: 18px;
    width: 120px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    padding: 5px 0;
    vertical-align: middle;
    float: left;
    background: #ffffff;
    cursor: pointer;
}

.financialsDatePickerIconContainer {
    margin: 0 12px;
    margin: 0 8px 0 12px;
    width: 12px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    float: left;
}

#financialsDateContainer {
    height: 26px;
    width: 654px;
    background-color: #a0acbe;
    margin-top: 7px;
}

#financialsCurrentDate {
    font-size: 13px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 700;
    margin-left: 7px;
}

#chartContent{
    margin-top: 17px;
    padding-top: 19px;
    border-top:solid 3px #ededed;
    width:100%;
}

/* SETTINGS PAGE */
#settingsContainer {
    height: 100%;
    width: auto;
    background: #ffffff;
    position: relative;
}

.changesSaved {
    position: fixed;
    top: 0;
    left: 50%;
    background: #e0efd8;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0,0,0, 0.5);
    z-index: 100000;
}

#settingsHeader {
    clear: both;
    height: 60px;
    line-height: 60px;
    background: #f7f7f7;
    padding-left: 22px;
    border-bottom: 1px solid #dbdbdb;
}

.menuTabsContainer {
    float: left;
    height: 24px;
    line-height: 14px;
    padding-top: 36px;
    vertical-align: middle;
    /*width: 1055px;*/
    background-color: inherit;
    border-bottom: inherit;
}

.menuTabsItem {
    float: left;
    height: 21px;
    margin-right: 30px;
    font-weight: 600;
    color: #a5afb8;
    font-size: 13px;
    text-transform: uppercase;
}
.menuTabsItem:hover {
    color: #56667e;
}
.menuTabsItem.active {
    border-bottom: 3px solid #00b0ff;
    color: #56667e;
}

#settingsBody {
    float: left;
    width: 100%;
    height: 100%;
    /*padding-left: 2%;*/

}

.settingsContentWrapper {
    padding-right: 42px;
}

#roomsListingTableContainer {
    margin-top: 16px;
    margin-bottom: 16px;
}

table.roomsListingTable {
    width: 820px;
    border: 2px solid #eaedf2;
    border-radius: 6px;
}

table.roomsListingTable th, table.roomsListingTable td {
    text-align: left;
    line-height: 46px;
    height: 46px;
    font-size: 12px;
}

table.roomsListingTable th {
    background: #e5e9ef;
}

table.roomsListingTable td {
    background: #f7f9fd;
    border-top: 1px solid #eaedf2;
}

table.roomsListingTable td.roomDragToOrderHandlerTd, table.roomsListingTable th.roomDragToOrderHandlerTd {
    width: 11px;
    border-right: 1px solid #eaedf2;
}

.roomDragToOrderHandler {
    width: 11px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/reorder-handler-combo.png) 0 50% no-repeat;
    cursor: move;
}
.roomDragToOrderHandler:hover, .draggableCursor:hover .roomDragToOrderHandler {
    background: url(../img/reorder-handler-combo.png) -11px 50% no-repeat;
}

table.roomsListingTable td.roomNameTd, table.roomsListingTable th.roomNameTd {
    width: 210px;
    padding-right: 10px;
    padding-left: 2px;
}

table.roomsListingTable td.roomTypeTd, table.roomsListingTable th.roomTypeTd {
    width: 150px;
    padding-right: 10px;
    overflow: visible;
}

table.roomsListingTable td.roomPriceTd, table.roomsListingTable th.roomPriceTd {
    width: 225px;
    padding-right: 10px;
}

table.roomsListingTable td.roomSpecialPriceTd, table.roomsListingTable th.roomSpecialPriceTd {
    width: 180px;
    padding-right: 10px;
}

.roomPriceTd > span, .roomSpecialPriceTd > span {
    float: left;
}

.roomPriceTd .editableInput, .roomSpecialPriceTd .editableInput {
    margin-top: 9px;
    margin-left: 2px;
    padding: 0 4px;
}

.roomPriceTd .editableInput.active, .roomSpecialPriceTd .editableInput.active {

}

.roomPriceTd .okButton, .roomSpecialPriceTd .okButton {
    margin-top: 9px;
}




table.roomsListingTable td.roomMaintenanceTd, table.roomsListingTable th.roomMaintenanceTd {
    width: 120px;
    padding-right: 20px;
    text-align: right;
}

table.roomsListingTable td.roomDeleteTd, table.roomsListingTable th.roomDeleteTd {
    width: 18px;
    padding-right: 10px;
}

table.roomsListingTable th.roomNameTd {
    padding-left: 12px;
}

table.roomsListingTable th.roomTypeTd,
table.roomsListingTable th.roomPriceTd,
table.roomsListingTable th.roomSpecialPriceTd {
    padding-left: 10px;
}

table.roomsListingTable td.roomMaintenanceTd span {
    color: #ffb400;
    text-align: right;
    font-size: 12px;
    /*font-weight: 700;*/
    float: left;
}

#specialPriceSettingsIconContainer {
    float: left;
    vertical-align: middle;
    text-align: left;
    line-height: 46px;
    height: 46px;
    font-size: 12px;
    position: relative;
    margin-right: 6px;
}

.specialPriceSettingsIcon {
    vertical-align: middle;
}

#addRoomButtonContainer {
    /*width: 103px;*/
    height: 30px;
    margin-top: 18px;
    display: inline-block;
}

.addItemButtonIconContainer {
    float: left;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    margin-right: 8px;
    position: relative;
}

.addItemButtonIcon {
    vertical-align: middle;
}

.addRoomButton span {
    float: left;
    vertical-align: middle;
    line-height: 28px;
}

.roomMaintenanceIconContainer {
    width: 15px;
    height: 46px;
    line-height: 46px;
    margin-left: 5px;
    float: right;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

.roomDeleteIconContainer {
    width: 10px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/delete-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}
.roomDeleteIconContainer:hover {
    background: url(../img/delete-icon-combo.png) -10px 50% no-repeat;
}

img.roomMaintenanceIcon {
    vertical-align: sub;
}

select.roomTypeSelect {
    height: 28px;
    line-height: 18px;
    width: 112px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    vertical-align: middle;
    float: left;
    background: #ffffff;
}

select.roomTypeSelect option[value="1"] { background: url(../img/single-room-icon.png) left top no-repeat; }
select.roomTypeSelect option[value="2"] { background: url(../img/double-room-icon.png) left top no-repeat; }
select.roomTypeSelect option[value="3"] { background: url(../img/custom-room-icon.png) left top no-repeat; }
select.roomTypeSelect option[value="3"] { background: url(../img/suites-icon.png) left top no-repeat; }

.editableInput {
    height: 28px;
    font-size: 12px;
    border: none;
    padding: 0 10px;
    margin: 0;
    float: left;
    background: #f7f9fd;
}

.editableInput.active {
    border: 1px solid #00b0ff;
    border-radius: 4px 0 0 4px;
    font-weight: 700;
}

.roomNameInput {
    width: 105px;
}

.roomPriceInput {
    width: 60px;
}

.roomSpecialPriceInput {
    width: 60px;
}

.okButton {
    background: #00b0ff;
    color: #ffffff;
    height: 30px;
    width: 30px;
    border: none;
    border-radius: 0 4px 4px 0;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    float: left;
}

#specialPriceModal {
    width: 746px;
    height: 214px;
}

#roomsSpecialPriceContent {
    margin-top: 18px;
    font-size: 12px;
}

.specialPriceWeekDayName {
    float: left;
    height: 15px;
    line-height: 15px;
    margin-right: 28px;
}

.ngdialog.roomsSpecialPriceDialog .ngdialog-content {
    width: 748px;
}

.ngdialog.roomsSpecialPriceDialog .ngdialog-content .dialogContentContainer {
    height: 117px;
}

.ngdialog.roomsSpecialPriceDialog .ngdialog-content {
    top: 30%;
    left: 25%;
}

.ngdialog.roomMaintenanceDialog .ngdialog-content {
    width: 706px;
}

.ngdialog.roomMaintenanceDialog .ngdialog-content .dialogContentContainer {
    height: 334px;
}

.ngdialog.roomMaintenanceDialog .ngdialog-content {
    top: 15%;
    left: 25%;
}

#roomMaintenanceContent {
    margin-top: 16px;
    font-size: 12px;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
}

.roomMaintenanceDialogText {
    float: left;
    margin-right: 38px;
}

.roomMaintenanceDatePickerContainer {
    float: left;
}

#maintenanceDateFromContainer {
    margin-right: 15px;
}

#maintenanceDateToContainer {
    margin-right: 15px;
}

label[for="maintenanceDateFromContainer"], label[for="maintenanceDateToContainer"] {
    float: left;
    margin-right: 16px;
}

.dialogContentResetButton {
    width: 82px;
    background: #f7f7f7;
}

span.maintenanceRoomName {
    font-size: 13px;
    font-weight: 400;
}



/*** SETTINGS - CLIENTS ***/

.settingsClientsHeader {
    height: 35px;
    margin-top: 18px;
    padding-right: 42px;
}

#clientsTypeSwitcherContainer {
    /*width: 158px;*/
    height: 30px;
    display: inline-block;
    margin-right: 18px;
    float: left;
}

#addClientButtonsContainer {
    /*min-width: 110px;*/
    /*max-width: 120px;*/
    height: 30px;
    display: inline-block;
    float: left;
}

button.clientBtn {
    color: #00b0ff;
}

#paginationContainer {
    /*min-width: 175px;*/
    /*max-width: 185px;*/
    height: 35px;
    display: inline-block;
    float: right;
    text-align: right;
}

.paginationNumbersContainer {
    /*min-width: 60px;*/
    /*max-width: 75px;*/
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #657388;
    font-weight: 700;
    display: block;
    float: left;
    text-align: right;
    margin-right: 12px;
    display: inline-block;
}

.paginationButtonsContainer {
    width: 62px;
    height: 34px;
    float: left;
    display: block;
    background: url(../img/pagination-buttons.png) no-repeat;
    cursor: pointer;
    display: inline-block;
}

.paginationButtonsContainer .previousPage, .paginationButtonsContainer .nextPage {
    width: 31px;
    height: 34px;
    display: block;
    float: left;
}

.paginationButtonsContainer2 {
    width: 62px;
    height: 34px;
    float: left;
    display: block;
    background: url(../img/pagination-buttons2.png) no-repeat;
    cursor: pointer;
    display: inline-block;
}

.paginationButtonsContainer2 .previousPage, .paginationButtonsContainer .nextPage {
    width: 31px;
    height: 34px;
    display: block;
    float: left;
}

.clientListTableContainer {
    margin-top: 16px;
    margin-bottom: 16px;
}

table.clientListTable {
    width: 100%;
    border: 2px solid #eaedf2;
    border-radius: 6px;
    overflow:hidden;
}

table.clientListTable th, table.clientListTable td {
    text-align: left;
    line-height: 46px;
    height: 46px;
    font-size: 12px;
}

table.clientListTable th {
    background: #e5e9ef;
}

table.clientListTable td {
    background: #f7f9fd;
    border-top: 1px solid #eaedf2;
}

table.clientListTable td.fullName, table.clientListTable th.fullName {
    width: 182px;
    max-width: 182px;
    padding-left: 10px;
    padding-right: 10px;
}

table.clientListTable td.companyName, table.clientListTable th.companyName {
    width: 182px;
    max-width: 182px;
    padding-left: 10px;
    padding-right: 10px;
}

table.clientListTable td.passportId, table.clientListTable th.passportId {
    width: 132px;
    max-width: 132px;
    padding-right: 10px;
}

table.clientListTable td.country, table.clientListTable th.country {
    width: 112px;
    max-width: 112px;
    padding-right: 10px;
}

table.clientListTable td.address, table.clientListTable th.address {
    width: 214px;
    max-width: 214px;
    padding-right: 10px;
}

table.clientListTable td.email, table.clientListTable th.email {
    width: 158px;
    max-width: 158px;
    padding-right: 10px;
}

table.clientListTable td.phone, table.clientListTable th.phone {
    width: 264px;
    max-width: 264px;
    padding-right: 10px;
}

table.clientListTable td.contactPersonName, table.clientListTable th.contactPersonName {
    width: 264px;
    max-width: 264px;
    padding-right: 10px;
}

table.clientListTable td.editTd, table.clientListTable th.editTd {
    width: 24px;
    padding-right: 10px;
}

table.clientListTable td.deleteTd, table.clientPersonsListTable th.deleteTd {
    width: 18px;
    max-width: 18px;
    padding-right: 10px;
}

td span.fullName {
    max-width: 180px;
}

td span.passportId {
    max-width: 130px;
}

td span.country {
    max-width: 100px;
}

td span.address {
    max-width: 200px;
}

td span.email {
    max-width: 150px;
}

td span.phoneNumber {
    max-width: 150px;
}

td span.contactPersonName {
    max-width: 142px;
}

.clientEditIconContainer {
    width: 18px;
    height: 46px;
    line-height: 54px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/edit-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}
.clientEditIconContainer:hover {
    background: url(../img/edit-icon-combo.png) -19px 50% no-repeat;
}

.clientDeleteIconContainer {
    width: 10px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/delete-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}
.clientDeleteIconContainer:hover {
    background: url(../img/delete-icon-combo.png) -10px 50% no-repeat;
}

.ngdialog.editClientPopup .ngdialog-content {
    width: 538px;
}

.ngdialog.editClientPopup .ngdialog-content .dialogContentContainer {
    /*height: 320px;*/
}

.ngdialog.editClientPopup .ngdialog-content {
    top: 18%;
    left: 30%;
}

input.clientInfoInput, textarea.clientInfoInput {
    float: left;
    margin-left: 10px;
    color: #798590;
}

input.popupClientInput {
    padding: 5px 8px;
    font-size: 12px;
    width: 236px;
    color: #798590;
}

input.popupClientInput:focus {
    border: 1px solid #00b0ff;
    border-radius: 4px;
}

label.clientInfoLabel {
    float: left;
}

.clientInputContainer {
    clear: both;
    margin-bottom: 5px;
}

.dialogContent table.guestInfoTable {
    table-layout: fixed;
}

.dialogContent table.guestInfoTable tr td {
    padding-bottom: 14px;
    min-width: 100px;
}

.settingsCustomSelect.clientsCountry {
    width: 236px;
    margin-left: 10px;
    float: left;
}
.settingsCustomSelect.clientsCountry .settingsSelectCurrentOption {
    width: 236px;
    height: 30px;
}
.settingsCustomSelect.clientsCountry .settingsSelectCurrentOption .text {
    width: 200px;
    height: 30px;
    text-transform: uppercase;
}
.settingsCustomSelect.clientsCountry .settingsSelectListContainer {
    width: 236px;
    max-height: 125px;
}
.settingsCustomSelect.clientsCountry .settingsSelectListContainer:before {
    right: 10px;
}
.settingsCustomSelect.clientsCountry .settingsSelectListContainer .optionLine {
    width: 236px;
}
.settingsCustomSelect.clientsCountry .settingsSelectListContainer .settingsSelectList {
    max-height: 114px;
    margin-top: -3px;
}
.settingsCustomSelect.clientsCountry * {
    text-transform: uppercase;
}


/***  SETTINGS - SERVICES  ***/

#addServiceButtonContainer {
    /*width: 115px;*/
    height: 30px;
    margin-top: 18px;
    display: inline-block;
}

.serviceListTableContainer {
    margin-top: 16px;
    margin-bottom: 16px;
}

table.serviceListTable {
    border: 2px solid #eaedf2;
    border-radius: 6px;
    width: 650px;
}

table.serviceListTable th, table.serviceListTable td {
    text-align: left;
    line-height: 46px;
    height: 46px;
    font-size: 12px;
}

table.serviceListTable th {
    background: #e5e9ef;
}

table.serviceListTable td {
    background: #f7f9fd;
    border-top: 1px solid #eaedf2;
}

table.serviceListTable td.serviceName, table.serviceListTable th.serviceName {
    width: 146px;
    padding-left: 10px;
    padding-right: 10px;
}

table.serviceListTable th.serviceCategory {
    padding-left: 20px;
}

table.serviceListTable td.serviceCategory{
    padding: 0 10px;
}

table.serviceListTable th.serviceName {
    padding-left: 20px;
    cursor: pointer;
}
table.serviceListTable th.servicePrice {
    padding-left: 10px;
    cursor: pointer;
}

table.serviceListTable td.servicePrice, table.serviceListTable th.servicePrice {
    width: 100px;
    padding-right: 10px;
}

table.serviceListTable td.serviceDiscount, table.serviceListTable th.serviceDiscount {
    width: 136px;
    padding-right: 10px;
}

table.serviceListTable th.serviceBookingRelated {
    padding-left: 10px;
    cursor: pointer;
}

table.serviceListTable td.serviceBookingRelated, table.serviceListTable th.serviceBookingRelated {
    width: 166px;
    padding-right: 10px;
    text-align: center;
}
td.serviceBookingRelated input {
    display: initial;
}


table.serviceListTable td.editTd, table.serviceListTable th.editTd {
    width: 24px;
    padding-right: 10px;
}

table.serviceListTable td.deleteTd, table.serviceListTable th.deleteTd {
    width: 18px;
    padding-right: 10px;
}

input.serviceNameInput {
    max-width: 125px;
}

input.servicePriceInput {
    max-width: 65px;
}

.serviceEditIconContainer {
    width: 15px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

.serviceDeleteIconContainer {
    width: 10px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/delete-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}
.serviceDeleteIconContainer:hover {
    background: url(../img/delete-icon-combo.png) -10px 50% no-repeat;
}

.switcherButton {
    font-size: 12px;
    padding: 0 10px;
    border-color: #00b0ff;
}

.switcherButton:hover {
    background: #f7f7f7;
}

.switcherButton.left {
    border-right: none;
    border-radius: 5px 0px 0px 5px;
}

.switcherButton.right {
    margin-left: -4px;
    border-left: none;
    border-radius: 0px 5px 5px 0px;
}

.switcherButton.active {
    background: #00b0ff;
    color: #ffffff;
}

.specialDaysTextContent {
    float: left;
    position: relative;
}

span.specialPriceText {
    display:block;
    height: 12px;
    vertical-align: middle;
}

span.specialPriceDaysNames {
    display:block;
    height: 10px;
    font-size: 9px;
    color: #94a5bf;
    vertical-align: middle;
}


/***  SETTINGS - BILLING & TAXES  ***/

hr.settingsBillingHr {
    width: 450px;
}

#addTaxButtonContainer {
    /*width: 115px;*/
    height: 30px;
    margin-top: 18px;
    display: inline-block;
}

.taxListTableContainer {
    margin-top: 16px;
    margin-bottom: 16px;
}

table.taxListTable {
    width: 452px;
    border: 2px solid #eaedf2;
    border-radius: 6px;
    overflow:hidden;
}

table.taxListTable th, table.taxListTable td {
    text-align: left;
    line-height: 46px;
    height: 46px;
    font-size: 12px;
}

table.taxListTable th {
    background: #e5e9ef;
}

table.taxListTable td {
    background: #f7f9fd;
    border-top: 1px solid #eaedf2;
}

table.taxListTable td.taxName, table.taxListTable th.taxName {
    width: 244px;
    padding-left: 10px;
    padding-right: 10px;
}

table.taxListTable td.taxAmount, table.taxListTable th.taxAmount {
    width: 136px;
    padding-right: 10px;
}

table.taxListTable td.editTd, table.taxListTable th.editTd {
    width: 24px;
    padding-right: 10px;
}

table.taxListTable td.deleteTd, table.taxListTable th.deleteTd {
    width: 18px;
    padding-right: 10px;
}

td span.taxName {
    max-width: 180px;
}

td span.taxAmount {
    max-width: 130px;
}

input.taxNameInput {
    width: 237px;
}

.taxTypeDropdown {
    width: 45px;
    float: left;
    position: absolute;
    left: 0;
    top: 33px;
    max-height: 45px;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
}
.bookingRelatedHint {
    width: 220px;
    float: left;
    position: absolute;
    left: 333px;
    top: 70px;
    max-height: 60px;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
}
.bookingRelatedHint:before, .bookingRelatedHint:before {
    background: url(../img/collapse-arrow-down.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 54%;
    top: 46px;
    width: 8px;
    z-index: 1;
}

button.taxTypeButton {
    float: left;
    width: 24px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #cad2d9;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    background: #dfe4eb;
}

input.taxAmountInput {
    float: left;
    width: 90px;
    height: 30px;
    border: 1px solid #cad2d9;
    border-radius: 0 5px 5px 0;
    margin: 0;
}

.includeTaxInPriceContainer {
    margin-left: 28px;
    height: 30px;
    line-height: 30px;
    float: left;
}

label.includeTaxInPriceLabel {
    text-transform: uppercase;
}

.taxEditIconContainer {
    width: 19px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/edit-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}
.taxEditIconContainer:hover {
    background: url(../img/edit-icon-combo.png) -19px 50% no-repeat;
}

.taxDeleteIconContainer {
    width: 10px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/delete-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}
.taxDeleteIconContainer:hover {
    background: url(../img/delete-icon-combo.png) -10px 50% no-repeat;
}

.settingsBillingSectionTitle {
    color: #798590;
    font-size: 15px;
    font-weight: 600;
    margin-right: 22px;
}

.currencySettingsContainer {
    vertical-align: middle;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
}
.currencySettingsTitle {
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #798590;
    margin-right: 15px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}
.currencySettingsSearchSelectInputContainer {
    float: left;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}
input.currencySettingsSearchSelectInput {
    width: 230px;
    height: 18px;
    color: #798590;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 8px;
    text-transform: uppercase;
}

.invoiceFormatSettingsContainer {
    margin-top: 20px;
}

.invoiceFormatHelp {
    background-color: #EFFAFE;
    padding: 10px;
    padding-left: 30px;
}

.invoiceFormatHelp ul {
    padding: 0;
    margin: 0;
}

.invoiceFormatHelp li {
    padding: 0;
    margin: 3px 0;
    font-size: 13px;
    color: #888;
}

.invoiceFormatSettingsItem {
    vertical-align: middle;
    height: 32px;
    line-height: 32px;
    margin: 15px 0;
}
.invoiceFormatSettingsItemTitle {
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #798590;
    margin-right: 6px;

    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}
.invoiceFormatSettingsItemInputContainer {
    float: left;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}
input.invoiceFormatSettingsItemInput {
    width: 188px;
    height: 18px;
    color: #798590;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 8px;
}

.invoiceDeleteIconContainer {
    width: 10px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/delete-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
    margin: 0 15px 0 15px;
}
.invoiceDeleteIconContainer:hover {
    background: url(../img/delete-icon-combo.png) -10px 50% no-repeat;
}

.ngdialog.taxesPopup .ngdialog-content, .ngdialog.invoiceAddItemsPopup .ngdialog-content {
    width: 506px;
}

.ngdialog.taxesPopup .ngdialog-content .dialogContentContainer, .ngdialog.invoiceAddItemsPopup .ngdialog-content .dialogContentContainer {
    height: 278px;
}

.ngdialog.taxesPopup .ngdialog-content, .ngdialog.invoiceAddItemsPopup .ngdialog-content {
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -140px;
}

.dialogContent table.popupEditInfoTable {
    table-layout: fixed;
}

.dialogContent table.popupEditInfoTable tr td {
    padding-bottom: 14px;
    min-width: 100px;
}

table.popupEditInfoTable td.taxNameTd {
    text-transform: uppercase;
}

table.popupEditInfoTable td.appliesToTd {
    vertical-align: top;
    padding-top: 10px;
}

.dialogContent * {
    font-weight: 600;
    color: #788590;
    font-size: 13px;
}

button.addTaxBtn {
    width: auto;
    padding-right: 8px;
}

.taxApplyToContainer {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    clear:both;
}
.taxNameInputContainer {
    width: 400px;
}
input.taxApplyTo {
    float: left;
    margin-top: 9px;
    margin-right: 8px;
}
label.taxApplyTo {
    float: left;
}

.settingsCustomSelect.taxApplyExtra {
    width: 130px;
    float: left;
    margin-left: 12px;
}
.settingsCustomSelect.taxApplyExtra .settingsSelectCurrentOption {
    width: 130px;
    height: 30px;
}
.settingsCustomSelect.taxApplyExtra .settingsSelectCurrentOption .text {
    width: 96px;
    height: 30px;
    text-transform: uppercase;
}
.settingsCustomSelect.taxApplyExtra .settingsSelectListContainer {
    width: 130px;
    max-height: 125px;
}
.settingsCustomSelect.taxApplyExtra .settingsSelectListContainer:before {
    right: 10px;
}
.settingsCustomSelect.taxApplyExtra .settingsSelectListContainer .optionLine {
    width: 128px;
}
.settingsCustomSelect.taxApplyExtra .settingsSelectListContainer .settingsSelectList {
    max-height: 103px;
    padding: 8px 0;
}
.settingsCustomSelect.taxApplyExtra * {
    text-transform: uppercase;
}


.settingsCustomSelect.taxApplyExtraProducts {
    width: 130px;
    float: left;
    margin-left: 12px;
}
.settingsCustomSelect.taxApplyExtraProducts .settingsSelectCurrentOption {
    width: 190px;
    height: 30px;
}
.settingsCustomSelect.taxApplyExtraProducts .settingsSelectCurrentOption .text {
    width: 140px;
    height: 30px;
    text-transform: uppercase;
}
.settingsCustomSelect.taxApplyExtraProducts .settingsSelectListContainer {
    width: 190px;
    max-height: 125px;
}
.settingsCustomSelect.taxApplyExtraProducts .settingsSelectListContainer:before {
    right: 10px;
}
.settingsCustomSelect.taxApplyExtraProducts .settingsSelectListContainer .optionLine {
    width: 140px;
}
.settingsCustomSelect.taxApplyExtraProducts .settingsSelectListContainer .settingsSelectList {
    max-height: 103px;
    padding: 8px 0;
}
.settingsCustomSelect.taxApplyExtraProducts * {
    text-transform: uppercase;
}
/* REGIONAL SETTINGS */

.regionalSettingsContainer {
    margin-top: 10px;
}
.regionalSettingsContainer * {
    color: #798590;
    text-transform: uppercase;
}

table.regionalSettingsTable td {
    padding: 6px 0;
    font-size: 11.5px;
    font-weight: 600;
    height: 44px;

    vertical-align: middle;
}
table.regionalSettingsTable td.itemNameTd {
    width: 112px;
}
table.regionalSettingsTable td.itemInputContainerTd {
    width: 232px;
}

.settingsCustomSelect .settingsSelectListContainer.timezones {
    width: 328px;
}
.settingsCustomSelect .settingsSelectListContainer.timezones:before {
    right: 107px;
}
.settingsCustomSelect .settingsSelectListContainer.timezones .optionLine {
    width: 328px;
}

/* EMAIL NOTIFICATIONS SETTINGS */

hr.settingsNotificationsHr {
    width: 300px;
    margin: 10px 0;
}

.notificationSettingsContainer {
    margin-top: 10px;
}
.notificationSettingsContainer * {
    color: #798590;
    text-transform: uppercase;
}

table.notificationSettingsTable td {
    padding: 6px 0;
    font-size: 11.5px;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
}
table.notificationSettingsTable td.itemNameTd {
    width: 185px;
}
table.notificationSettingsTable td.itemBtnTd {
    /*width: 115px;*/
}

label.emailNotificationSettingsLabel {
    color: #798590;
    font-weight: 600;
    line-height: 18px;
    height: 18px;
    vertical-align: middle;
    cursor: pointer;
}

button.emailTemplateBtn {
    font-size: 12px;
    font-weight: 700;
    background: #ffffff;
    color: #00b0ff;
    padding: 0 10px;
    border: 1px solid #cad2d9;
}
button.emailTemplateBtn:hover {
    background: #f7f7f7;
}

label.emailNotificationSettingsLabel {
    font-size: 12px;
    font-weight: 600;
}

.newReservationNotificationInputContainer {
    margin-top: 10px;
}

.newReservationNotificationEmailLabel {
    width: 100px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
    float: left;
}
input#newReservationNotificationEmailInput {
    width: 172px;
    height: 28px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
}

.ngdialog.emailTemplatePopup .ngdialog-content {
    width: 910px;
}

.ngdialog.emailTemplatePopup .ngdialog-content .dialogContentContainer {
    height: 423px;
}

.ngdialog.emailTemplatePopup .ngdialog-content {
    top: 15%;
    left: 20%;
}

.dialogContent table.emailTemplateTable {
    table-layout: fixed;
}

.dialogContent table.emailTemplateTable tr td {
    padding-bottom: 14px;
    min-width: 100px;
}

input.emailTemplateSubject, .emailTemplateMessage {
    width: 783px;
    max-width: 783px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    color: #798590;
}
input.emailTemplateSubject {
    height: 28px;
}

.emailTemplateMessage {
    height: 322px;
    max-height: 322px;
    max-width: 783px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    padding: 12px;
}
.emailTemplateMessage:focus {
    border: 1px solid #00b0ff;
    border-radius: 5px;
}


/* COMPANY & USERS SETTINGS */

hr.settingsCompanyUsersHr {
    width: 510px;
    margin: 20px 0;
    float: left;
}

.settingsSectionTitle {
    color: #798590;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.companyUsersLeftSection, .companyUsersRightSection {
    float: left;
    height: 100%;
}

.companyUsersLeftSection {
    padding-right: 25px;
    margin-bottom: 15px;
    width: 510px;
    background-color: #fff;
}

.companyUsersRightSection {
    background: #f5f8fb;
    min-width: 475px;
    padding: 15px 25px;
}

table.companyUserListTable {
    min-width: 458px;
    max-width: 565px;
    border: 2px solid #eaedf2;
    border-radius: 6px;
}
table.companyUserListTable th, table.companyUserListTable td {
    text-align: left;
    line-height: 46px;
    height: 46px;
    font-size: 12px;
}
table.companyUserListTable th {
    background: #e5e9ef;
}

table.companyUserListTable tr.protected td  {
    /*background-color: #ffecbb;*/
    background-color: #eee;
    color: #a0a0a0;
}

table.companyUserListTable td {
    background: #ffffff;
    border-top: 1px solid #eaedf2;
}

table.companyUserListTable .userPhoto {
    width: 48px;
    max-width: 48px;
    text-align: center;
}

td.userPhoto .userPhotoContainer {
    width: 32px;
    height: 32px;
    margin: 0 8px;
}

td.userPhoto .userPhotoContainer img {
    width: 32px !important;
    height: 32px !important;
}

table.companyUserListTable .userName {
    min-width: 85px;
    max-width: 132px;
    padding-right: 10px;
}
table.companyUserListTable .userEmail {
    min-width: 135px;
    max-width: 192px;
    padding-right: 10px;
}
table.companyUserListTable .userRole {
    min-width: 40px;
    max-width: 92px;
    padding-right: 10px;
    text-transform: uppercase;
}
table.companyUserListTable .userEdit {
    width: 25px;
    padding-right: 10px;
}
table.companyUserListTable .userDelete {
    width: 18px;
    padding-right: 10px;
}

.companyQuickInfoContainer {
    float: left;
    width: 510px;
    margin-top: 15px;
    height: 168px;
}

.companyQuickInfoContainer .companyLogoContainer {
    float: left;
    width: 180px;
    height: 144px;
    padding: 12px 0;
}

.companyQuickInfoContainer .subscriptionContainer {
    float: left;
    width: 306px;
    height: 144px;
    padding: 12px;
    font-weight: 600;
    /*background: #f5f8fb;*/
}

.companyQuickInfoContainer .subscriptionContainer .subscriptionContainerTitle {
    height: 14px;
    line-height: 14px;
    margin-bottom: 22px;
    color: #798590;
    font-size: 14px;
    font-weight: 700;
}

.subscriptionContainer .subscriptionContainerDetails, .subscriptionContainer .subscriptionContainerDetails .switchingDiv {
    font-size: 12px;
    font-weight: 600;
    color: #798590;
}

.subscriptionContainer .subscriptionContainerDetails * {
    font-weight: 700;
}

.subscriptionContainer .subscriptionContainerDetails {
    height: 65px;
    margin-bottom: 15px;
}

.subscriptionContainerDetails .subscriptionDetailsLine {
    float: left;
    width: 218px;
    height: 22px;
    line-height: 22px;
}
.subscriptionContainerDetails .subscriptionDetailsLineButton {
    float: left;
    width: 80px;
    height: 32px;
    line-height: 32px;
    margin-left: 5px;
}

.ngdialog.editSubscriptionPopup .ngdialog-content {
    width: 558px;
}

.ngdialog.editSubscriptionPopup .ngdialog-content .dialogContentContainer {
    height: 202px;
}

.ngdialog.editSubscriptionPopup .ngdialog-content {
    top: 25%;
    left: 30%;
}

table.subscriptionEditTable, table.subscriptionInfoTable {
    table-layout: fixed;
}
table.subscriptionEditTable tr td, table.subscriptionInfoTable tr td {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #657388;
    font-size: 12px;
    text-align: left;
}
table.subscriptionEditTable tr td {
    padding-bottom: 8px;
}
table.subscriptionInfoTable tr td {

}
table.subscriptionEditTable tr td.itemNameTd {
    width: 95px;
}
table.subscriptionEditTable tr td.itemInputTd {
    width: 92px;
}

table.subscriptionInfoTable tr td.itemNameTd {
    width: 175px;
}
table.subscriptionInfoTable tr td.itemInputTd {
    width: 200px;
    color: #12b3ff;
    text-transform: none;
    font-size: 14px;
}
table.subscriptionInfoTable tr td.itemNameTd.fade {
    color: #99a1ae;
}
table.subscriptionInfoTable tr td.itemInputTd.fade {
    color: #75c9fd;
}

.settingsCustomSelect.subscriptionBillingType {
    width: 90px;
    float: left;
}
.settingsCustomSelect.subscriptionBillingType .settingsSelectCurrentOption {
    width: 90px;
    height: 30px;
}
.settingsCustomSelect.subscriptionBillingType .settingsSelectCurrentOption .text {
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-transform: uppercase;
}
.settingsCustomSelect.subscriptionBillingType .settingsSelectListContainer {
    width: 90px;
    max-height: 100px;
    padding: 0;
}
.settingsCustomSelect.subscriptionBillingType .settingsSelectListContainer:before {
    right: 10px;
}
.settingsCustomSelect.subscriptionBillingType .settingsSelectListContainer .optionLine {
    width: 90px;
}
.settingsCustomSelect.subscriptionBillingType .settingsSelectListContainer .settingsSelectList {
    max-height: 100px;
}
.settingsCustomSelect.subscriptionBillingType * {
    text-transform: uppercase;
}

.settingsCustomSelect.subscriptionChmType {
    width: 250px;
    float: left;
}
.settingsCustomSelect.subscriptionChmType .settingsSelectCurrentOption {
    width: 250px;
    height: 30px;
}
.settingsCustomSelect.subscriptionChmType .settingsSelectCurrentOption .text {
    width: 210px;
    height: 28px;
    line-height: 28px;
    text-transform: uppercase;
}
.settingsCustomSelect.subscriptionChmType .settingsSelectListContainer {
    width: 250px;
    max-height: 100px;
    padding: 0;
}
.settingsCustomSelect.subscriptionChmType .settingsSelectListContainer:before {
    right: 10px;
}
.settingsCustomSelect.subscriptionChmType .settingsSelectListContainer .optionLine {
    width: 250px;
}
.settingsCustomSelect.subscriptionChmType .settingsSelectListContainer .settingsSelectList {
    max-height: 100px;
}
.settingsCustomSelect.subscriptionChmType * {
    text-transform: uppercase;
}

.renewSubscriptionButtonContainer {

    width: 100%;
    margin-top: 273px;
}



.subscriptionDiscountQuickTip {
    color: #1ebd4f;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}

.companyPhotoContainer {
    float: left;
    width: 122px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    margin-bottom: 12px;
    border-radius: 5px;
    overflow: hidden;
}

.companyPhotoContainer img.companyPhoto {
    max-width: 122px;
    max-height: 66px;
    border-radius: 5px;
    vertical-align: middle;
}

.companyLogoContainer button {
    width: 122px;
}

.companyInfoTableContainer {
    float: left;
    color: #798590;
    text-transform: uppercase;
}

p.desc {
    font-size: 14px;
/*    color: #777;*/
    margin: -15px 0 20px;
    color: #798590;
    font-weight: 400;
    
}

table.companyInfoTable td {
    padding: 7px 0;
    font-size: 11.5px;
    font-weight: 600;
    /*height: 30px;
    line-height: 30px;*/
    vertical-align: middle;
    color: #798590;
    text-transform: uppercase;
}
table.companyInfoTable td.itemNameTd {
    width: 100px;
}
table.companyInfoTable td.itemInputTd {
    width: 276px;
}

table.companyInfoTable td.newItemInputTd {
    width: 276px;
}

input.companyInfoTable {
    /*height: 12px;*/
    width: 260px;
    font-weight: 600;
}

.companyUsersRightSectionTitle {
    color: #798590;
    font-size: 14px;
    font-weight: 700;
    /*width: 64px;*/
    height: 30px;
    margin: 0 10px 0 0;
    line-height: 30px;
    float: left;
}

.addCompanyUserBtnContainer {
    margin-bottom: 18px;
}
.addCompanyUserBtnContainer button {
    background-color: #f8fafc;
}
.addCompanyUserBtnContainer button:hover {
    background-color: #ffffff;
}

.ngdialog.companyUserPopup .ngdialog-content {
    width: 558px;
}

.ngdialog.companyUserPopup .ngdialog-content .dialogContentContainer {
    height: 338px;
}

.ngdialog.companyUserPopup .ngdialog-content {
    top: 23%;
    left: 35%;
}

.dialogContent table.companyUserPopupTable {
    table-layout: fixed;
}

.dialogContent table.companyUserPopupTable tr td {
    padding-bottom: 14px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.dialogContent table.companyUserPopupTable tr td.itemNameTd {
    width: 116px;
}
.dialogContent table.companyUserPopupTable tr td.itemInputTd {
    width: 238px;
}

.dialogContent table.companyUserPopupTable tr td.itemNameTd.userPhoto, .dialogContent table.companyUserPopupTable tr td.itemInputTd.userPhoto {
    height: 45px;
    line-height: 45px;
    padding-bottom: 22px;
}

.userRoleSelector {
    margin-bottom: 26px;
    height: 32px;
}

.userRoleSelector .roleText {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 12px;
    float: left;
}

input.userPasswordInput {
    width: 182px;
    height: 28px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    color: #798590;
}

.settingsCustomSelect.userRoleType {
    width: 72px;
    float: left;
}
.settingsCustomSelect.userRoleType .settingsSelectCurrentOption {
    width: 72px;
    height: 30px;
}
.settingsCustomSelect.userRoleType .settingsSelectCurrentOption .text {
    width: 42px;
    height: 30px;
    text-transform: uppercase;
}
.settingsCustomSelect.userRoleType .settingsSelectListContainer {
    width: 100px;
}
.settingsCustomSelect.userRoleType .settingsSelectListContainer:before {
    right: 35px;
}
.settingsCustomSelect.userRoleType .settingsSelectListContainer .optionLine {
    width: 100px;
}

.userPhotoContainer.small {
    float: left;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    overflow: hidden;
    margin-right: 12px;
    border: 1px solid #dfe4eb;
}

.userPhotoContainer.small img.userPhoto {
    width: 42px;
    height: 42px;
    border: 1px solid #dfe4eb;
}

.settingsCustomSelect.companyCountry {
    width: 278px;
    float: left;
}
.settingsCustomSelect.companyCountry .settingsSelectCurrentOption {
    width: 267px;
    height: 30px;
}
.settingsCustomSelect.companyCountry .settingsSelectCurrentOption .text {
    width: 245px;
    height: 30px;
    text-transform: uppercase;
}
.settingsCustomSelect.companyCountry .settingsSelectListContainer {
    width: 278px;
    max-height: 125px;
}
.settingsCustomSelect.companyCountry .settingsSelectListContainer:before {
    right: 10px;
}
.settingsCustomSelect.companyCountry .settingsSelectListContainer .optionLine {
    width: 276px;
}
.settingsCustomSelect.companyCountry .settingsSelectListContainer .settingsSelectList {
    max-height: 125px;
}
.settingsCustomSelect.companyCountry * {
    text-transform: uppercase;
}



/* MY ACCOUNT SETTINGS */

hr.settingsMyAccountHr {
    width: 370px;
    margin: 20px 0;
}

.settingsMyAccountSectionTitle {
    color: #798590;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.myAccountPhotoAndPasswordContainer {
    margin: 20px 0;
    height: 76px;
    color: #798590;
    text-transform: uppercase;
    line-height: 76px;
}

.myAccountPhotoAndPasswordContainer button {
    margin-left: 12px;
    /*width: 132px;*/
    vertical-align: middle;
}

.userPhotoContainer {
    float: left;
    width: 78px;
    height: 78px;
    border-radius: 39px;
    -webkit-border-radius: 39px;
    -moz-border-radius: 39px;
    overflow: hidden;
}

.userPhotoContainer img.userPhoto {
    width: 78px;
    height: 78px;
}

.uploadButtonContainer.my-account {
    width: 122px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin: 25px 0 0 15px;
}

.myAccountInfoTableContainer {
    margin-top: 20px;
    color: #798590;
    text-transform: uppercase;
}

table.myAccountInfoTable td {
    padding: 6px 0;
    font-size: 11.5px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #798590;
    text-transform: uppercase;
}
table.myAccountInfoTable td.itemNameTd {
    width: 92px;
}
table.myAccountInfoTable td.itemInputTd {
    width: 278px;
}
input.userDetailsInput {
    /*height: 12px;*/
    width: 260px;
}

.ngdialog.editUserPasswordPopup .ngdialog-content {
    width: 374px;
}

.ngdialog.editUserPasswordPopup .ngdialog-content .dialogContentContainer {
    height: 148px;
}

.ngdialog.editUserPasswordPopup .ngdialog-content {
    top: 24%;
    left: 38%;
}

.dialogContent table.userPasswordTable {
    table-layout: fixed;
}

.dialogContent table.userPasswordTable tr td {
    padding-bottom: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.dialogContent table.userPasswordTable tr td.itemNameTd {
    width: 158px;
}
.dialogContent table.userPasswordTable tr td.itemInputTd {
    width: 182px;
}

input.userPasswordInput {
    width: 182px;
    height: 28px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    color: #798590;
}



/* SEASON RATES SETTINGS */

#addSeasonButtonContainer {
    /*width: 143px;*/
    height: 30px;
    margin-top: 18px;
    display: inline-block;
}

button.addSeasonBtn {
    /*width: 143px;*/
}

.seasonListTableContainer {
    margin-top: 15px;
    margin-bottom: 15px;
}

table.seasonListTable {
    width: 700px;
    border: 2px solid #eaedf2;
    border-radius: 6px;
}

table.seasonListTable th.seasonCell, table.seasonListTable td.seasonCell {
    text-align: left;
    line-height: 46px;
    height: 46px;
    font-size: 13px;
}

table.seasonListTable th {
    background: #e5e9ef;
}

table.seasonListTable td {
    background: #f7f9fd;
    border-top: 1px solid #eaedf2;
}

table.seasonListTable td.seasonName, table.seasonListTable th.seasonName {
    width: 178px;
    padding-left: 10px;
    padding-right: 10px;
}

table.seasonListTable td.seasonDatePickerTd, table.seasonListTable th.seasonDatePickerTd {
    width: 140px;
    padding-right: 10px;
    overflow: visible;
}

table.seasonListTable td.seasonEditRooms, table.seasonListTable th.seasonEditRooms {
    width: 162px;
    padding-right: 10px;
}

table.seasonListTable td.deleteTd, table.seasonListTable th.deleteTd {
    width: 18px;
    padding-right: 10px;
}

input.seasonNameInput {
    max-width: 124px;
}

.editSeasonRoomsBtn {
    width: 150px;
}

.seasonDeleteIconContainer {
    width: 10px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: url(../img/delete-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}
.seasonDeleteIconContainer:hover {
    background: url(../img/delete-icon-combo.png) -10px 50% no-repeat;
}

img.seasonDeleteIconContainer {
    vertical-align: middle;
}

.editButton {
    background: url(../img/edit-icon.png) 8px 50% no-repeat;
    text-transform: uppercase;
    float: left;
    margin: 0;
    padding-left: 32px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    cursor: pointer;
    color: #88939d;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
}

.listingTable td .editSeasonRoomPricesButton {
    /*width: 150px;*/
    background-color: #f7f7f7;
    color: #88939d;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
}
.listingTable td .editSeasonRoomPricesButton:hover {
    background-color: #ffffff;
}

.ngdialog.seasonRoomPricesPopup .ngdialog-content {
    width: 538px;
}

.ng-pristine .ng-invalid-required {
    box-shadow: none;
}

.ngdialog.seasonRoomPricesPopup .ngdialog-content .dialogContentContainer {
    height: 342px;
    overflow-x: none;
    overflow-y: auto;
}

.ngdialog.seasonRoomPricesPopup .ngdialog-content {
    top: 18%;
    left: 30%;
}

.dialogContent table.seasonRoomPricesTable {
    table-layout: fixed;
}

.dialogContent table.seasonRoomPricesTable tr td {
    padding-bottom: 14px;
    min-width: 100px;
}

#seasonRoomPricesTableContainer {
    margin-bottom: 16px;
}

table.seasonRoomPricesTable {
    width: 502px;
    border: 2px solid #eaedf2;
    border-radius: 5px;
}

table.seasonRoomPricesTable th, table.seasonRoomPricesTable td {
    text-align: left;
    line-height: 46px;
    height: 46px;
    font-size: 12px;
}

table.seasonRoomPricesTable th {
    background: #e5e9ef;
}

table.seasonRoomPricesTable td {
    background: #f7f9fd;
    border-top: 1px solid #eaedf2;
}

table.seasonRoomPricesTable td.roomNameTd, table.seasonRoomPricesTable th.roomNameTd {
    width: 168px;
    padding-left: 10px;
    padding-right: 10px;
}

table.seasonRoomPricesTable td.roomPriceTd, table.seasonRoomPricesTable th.roomPriceTd {
    width: 154px;
    padding-right: 10px;
}

table.seasonRoomPricesTable td.roomSpecialPriceTd, table.seasonRoomPricesTable th.roomSpecialPriceTd {
    width: 140px;
    padding-right: 10px;
}

/* *******     BOOKING   POPUP     ******* */

.ngdialog.bookingPopup .ngdialog-content {
    width: 950px;
    top: 10%;
    left: 20%;
}

.ngdialog.bookingPopup .ngdialog-content .dialogTitleContainer {
    color: #1ebd4f;
    padding-left: 20px;
    text-transform: uppercase;
}

.ngdialog.bookingPopup .ngdialog-content .dialogContentContainer {
    height: 430px;
    overflow-y: auto;
}

.roomPickerCustomSelect {
    float: left;
    position: relative;
    border-radius: 5px 5px 0 0;
    height: 35px;
    width: 148px;
    padding: 12px;
    margin-right: 6px;
    background: #828c9d url(../img/collapse-arrow-white-down.png) right 12px top 50% no-repeat;
}

.roomPickerCustomSelect.open {
    background: #828c9d url(../img/collapse-arrow-white-up.png) right 12px top 50% no-repeat;
}

.roomPickerCustomSelect * {
    color: #ffffff;
    width: 120px;
}

.bookingPopupButtons {
    text-transform: uppercase;
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
    background: #f7f7f7;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.checkInButton {
    /*width: 100px;*/
    padding: 0 10px 0 30px;
    margin-right: 6px;
    color: #1ebd4f;
    background: #f7f7f7 url(../img/checkin-icon.png) 10px 50% no-repeat;
    text-align: left;
}
.checkInButton:hover {
    background: #ffffff url(../img/checkin-icon.png) 10px 50% no-repeat;
}

.checkOutButton {
    /*width: 100px;*/
    padding: 0 10px 0 30px;
    margin-right: 6px;
    color: #ff4e4e;
    background: #f7f7f7 url(../img/checkout-icon.png) 10px 50% no-repeat;
    text-align: left;
}
.checkOutButton:hover {
    background: #ffffff url(../img/checkout-icon.png) 10px 50% no-repeat;
}

.deleteBookedRoomButton {
    /*width: 80px;*/
    padding: 0 10px 0 30px;
    color: #828c9d;
    background: #f7f7f7 url(../img/trash-icon.png) 10px 50% no-repeat;
    text-align: left;
}

.deleteBookedRoomButton {
    background: #ffffff url(../img/trash-icon.png) 10px 50% no-repeat;
}

.newGuestButton {
    /*width: 94px;*/
    padding: 0 5px 0 18px;
    color: #828c9d;
    background: #ffffff url(../img/plus-icon.png) 6px 50% no-repeat;
    text-align: left;
}
.newGuestButton:hover {
    background: #f7f7f7 url(../img/plus-icon.png) 6px 50% no-repeat;
}

.addButton {
    /*width: 102px;*/
    padding: 0 10px 0 30px;
    color: #1ebd4f;
    background: #ffffff url(../img/add-button-icon.png) 8px 50% no-repeat;
    text-align: left;
    font-size: 12px;
}

.addButton:hover {
    background: #f7f7f7 url(../img/add-button-icon.png) 8px 50% no-repeat;
}

.addButton.addClientBtn, .addButton.addServiceBtn {
    /*min-width: 110px;*/
    width: auto;
    font-size: 12px;
    padding-right: 8px;
}

.bookingPopupButtons.addButton {
    margin-bottom: 18px;
}

table.newBookingsTable {
    margin-bottom: 18px;
    width: 910px;
    height: 1px;

}

table.newBookingsTable th.newBookingsTableCell, table.newBookingsTable td.newBookingsTableCell {
    padding: 8px;
    border-right: 1px solid #dfe4eb;
    border-bottom: 1px solid #dfe4eb;
    background: #ffffff;
}

table.newBookingsTable th.newBookingsTableCell {
    height: 25px;
    font-weight: 600;
    color: #afbbc7;
    border-top: 1px solid #dfe4eb;
    text-transform: uppercase;
    font-size: 12px;
    white-space: nowrap;
}

table.newBookingsTable td.newBookingsTableCell {
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    font-weight: 500;
}

table.newBookingsTable th.guestName, td.guestName {
    width: 295px;
    border-left: 1px solid #dfe4eb;
    position: relative;
}

table.newBookingsTable td.guestName {
    padding: 0;
}

.bookingClientContainer {
    padding: 8px;
    height: 48px;
}

.bookingGroupContainer {
    padding: 8px;
    height: 48px;
}

.bookingClientContainerName
{
    float: left;
    /*width: 228px;*/
    width: calc(100% - 30px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.bookingClientContainerDeleteBtn{
    text-align: center;
    float: left;
    width: 10px;
    height: 11px;
    margin: 17px 8px;
    background: url(../img/delete-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}

.bookingGroupContainerName
{
    float: left;
    /*width: 228px;*/
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bookingGroupContainerDeleteBtn {
    text-align: center;
    float: left;
    width: 10px;
    height: 11px;
    margin: 12px 8px 0px;
    background: url(../img/delete-icon-combo.png) 0 50% no-repeat;
    cursor: pointer;
}

.bookingClientContainerDeleteBtn:hover, .bookingGroupContainerDeleteBtn:hover {
    background: url(../img/delete-icon-combo.png) -10px 50% no-repeat;
}

.guestActionsContainer {
    position: relative;
    float: left;
    padding: 8px;
    line-height: 100%;
}

.guestSearchBoxContainer, .serviceSearchBoxContainer, .ccSearchBoxContainer {
    position: relative;
    float: left;
    /*height: 30px;
    line-height: 30px;*/
    margin-right: 10px;
}

.invoiceBookingSearchBoxContainer, .invoiceServiceSearchBoxContainer {
    position: relative;
    float: left;
    height: 45px;
    line-height: 45px;
}

.customerSearchBoxContainer {
    position: relative;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 80px;
}
.customerSearchBoxContainer input {
    padding: 0 4px;
    width: 135px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    float: left;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    color: #9aa7b4;
    font-size: 13px;
    font-weight: 600;
}

.customerSearchResults {
    width: 143px;
    float: left;
    position: absolute;
    left: 0;
    top: 34px;
    max-height: 135px;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
}
.customerSearchResults:before {
    background: url(../img/dropdown-arrow-up.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 10%;
    top: -4px;
    width: 8px;
    z-index: 1;
}

.customerSearchResultsContainer {
    width: 143px;
    float: left;
    max-height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
}
.customerSearchResultsContainer .resultLine {
    width: 133px;
    float: left;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    vertical-align: middle;
    color: #798691;
    padding: 8px;
    cursor: pointer;
}
.customerSearchResults .resultLine:hover {
    background: #edf1f5;
}



.clientSearchResults {
    /*width: 160px;*/
    float: left;
    position: absolute;
    left: 0;
    top: 34px;
    max-height: 135px;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
}
.clientSearchResults:before {
    background: url(../img/dropdown-arrow-up.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 10%;
    top: -4px;
    width: 8px;
    z-index: 1;
}

.clientSearchResultsContainer {
    /*width: 160px;*/
    float: left;
    max-height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
}
.clientSearchResultsContainer .resultLine {
    /*width: 150px;*/
    width: 100%;
    float: left;
    height: 25px;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    color: #798691;
    padding: 8px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 25px;
}
.clientSearchResults .resultLine:hover {
    background: #edf1f5;
}

.discountTypeDropdown {
    width: 45px;
    float: left;
    position: absolute;
    left: 0;
    top: 28px;
    max-height: 60px;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
}

.ccSearchResults {
    width: 180px;
    float: left;
    position: absolute;
    left: 178px;
    top: 33px;
    max-height: 135px;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
}
.ccSearchResults:before {
    background: url(../img/dropdown-arrow-up.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 6%;
    top: -4px;
    width: 8px;
    z-index: 1;
}

.ccSearchResultsContainer {
    max-height: 135px;
    /*width: 148px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.ccSearchResultsContainer .resultLine {
    width: 100%;
    float: left;
    /*height: 25px;*/
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    color: #798691;
    padding: 8px;
    cursor: pointer;
}
.ccSearchResultsContainer .resultLine:hover {
    background: #edf1f5;
}


.discountTypeDropdown:before, .taxTypeDropdown:before {
    background: url(../img/dropdown-arrow-up.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 22%;
    top: -4px;
    width: 8px;
    z-index: 1;
}

.discountTypeDropdown .option, .taxTypeDropdown .option {
    width: 45px;
    float: left;
    height: 25px;
    line-height: 10px;
    font-size: 10px;
    vertical-align: middle;
    color: #798691;
    cursor: pointer;
}

.option.percent {
    background: url(../img/discount-percentage-sign.png) 45% 50% no-repeat;
}

.option.dollar {
    background: url(../img/discount-dollar-sign.png) 45% 50% no-repeat;
}

.discountTypeDropdown .option:hover, .taxTypeDropdown .option:hover {
    background-color: #edf1f5;
}

table.newBookingsTable th.checkInDate, td.checkInDate {
    width: 107px;
    max-width: 107px;
}

table.newBookingsTable th.checkOutDate, td.checkOutDate {
    width: 107px;
    max-width: 107px;
}

table.newBookingsTable th.numberOfNights, td.numberOfNights {
    width: 57px;
    max-width: 57px;
    text-align: center;
}

table.newBookingsTable th.totalPrice, td.totalPrice {
    /*width: 79px;*/
    /*max-width: 79px;*/
}

td.totalPrice {
    text-align: center;
    white-space: nowrap;
}

table.newBookingsTable th.discount, td.discount {
    width: 100px;
    max-width: 100px;
    position: relative;
}

table.newBookingsTable th.bookingNotes, td.bookingNotes {
    width: 190px;
    max-width: 190px;
}

td.bookingNotes {
    position: relative;
}

.bookingNotesInput {
    /*width: 140px;*/
    position: absolute;
    border: 1px solid #ddd;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    bottom: 0;
    right: 0;
}

.roomPickerCustomSelect ul.customSelectOptionsList {
    z-index: 100;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 35px;
    left: 0;
    /*height: 125px;
    max-height: 125px;*/
    width: 148px;
    border-bottom: 1px solid #dfe4eb;
}

.roomPickerCustomSelect ul.customSelectOptionsList li {
    padding: 0 0 0 14px;
    margin: 0;
    list-style: none;
    width: 148px;
    height: 35px;
    line-height: 35px;
    color: #828c9d;
    font-size: 11px;
    border-left: 1px solid #dfe4eb;
    border-right: 1px solid #dfe4eb;
    background: #ffffff;
}

.roomPickerCustomSelect ul.customSelectOptionsList li:hover {
    background: #edf1f5;
}

.roomPickerCustomSelect ul.customSelectOptionsList li.single {
    background: #ffffff url(../img/single-room-icon.png) right 14px top 50% no-repeat;
}

.roomPickerCustomSelect ul.customSelectOptionsList li.double {
    background: #ffffff url(../img/double-room-icon.png) right 14px top 50% no-repeat;
}

.roomPickerCustomSelect ul.customSelectOptionsList li.custom {
    background: #ffffff url(../img/custom-room-icon.png) right 14px top 50% no-repeat;
}

.roomPickerCustomSelect ul.customSelectOptionsList li.suite {
    background: #ffffff url(../img/suites-icon.png) right 14px top 50% no-repeat;
}

.roomPickerCustomSelect ul.customSelectOptionsList li.single:hover {
    background: #edf1f5 url(../img/single-room-icon.png) right 14px top 50% no-repeat;
}

.roomPickerCustomSelect ul.customSelectOptionsList li.double:hover {
    background: #edf1f5 url(../img/double-room-icon.png) right 14px top 50% no-repeat;
}

.roomPickerCustomSelect ul.customSelectOptionsList li.custom:hover {
    background: #edf1f5 url(../img/custom-room-icon.png) right 14px top 50% no-repeat;
}

.roomPickerCustomSelect ul.customSelectOptionsList li.suite:hover {
    background: #edf1f5 url(../img/suites-icon.png) right 14px top 50% no-repeat;
}

.newGuestQuickForm, .editGuestForm {
    width: 300px;
    position: absolute;
    top: -8px;
    left: -1px;
    border: 1px solid #dfe4eb;
    background: #ffffff;
    padding: 6px;
    text-align: right;
    z-index: 1000;
}

.newGuestQuickForm table.newGuestQuickFormTable, .editGuestForm table.editGuestFormTable {
    width: 100%;
    height: 144px;
    padding: 0;
    margin: 0 0 7px 0;
    position: relative;
    background: #ffffff;
}

.newGuestQuickForm table.newGuestQuickFormTable tr, .newGuestQuickForm table.newGuestQuickFormTable tr td,
.editGuestForm table.editGuestFormTable tr, .editGuestForm table.editGuestFormTable tr td {
    border: none;
    padding: 0;
    margin: 0;
}

.newGuestQuickForm table.newGuestQuickFormTable tr td,
.editGuestForm table.editGuestFormTable tr td {
    height: 40px;
    color: #9aa7b4;
    padding-left: 6px;
}

input.newGuestQuickFormInput,
input.editGuestFormInput {
    width: 192px;
    height: 30px;
}

button.bookingDiscoutTypeButton {
    float: left;
    width: 24px;
    height: 25px;
    line-height: 22px;
    border: 1px solid #cad2d9;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    background: #dfe4eb;
}

input.bookingDiscountAmountInput {
    float: left;
    width: 46px;
    /*height: 24px;*/
    padding: 2px 4px 1px 4px;
    border: 1px solid #cad2d9;
    border-radius: 0 5px 5px 0;
    margin: 0;
}

table.newBookingsTable .datePickerInputContainer {
    width: 88px;
    height: 18px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
    background: #ffffff url(../img/collapse-arrow-down.png) right 8px top 70% no-repeat;
}

table.newBookingsTable .datePickerInputContainer ul {
    z-index: 555555;
}

table.newBookingsTable input.datePickerInput {
    width: 72px;
    height: 18px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border: none;
    background: #ffffff;
    font-size: 13px;
    font-weight: 600;
    color: #788590;
}



/* GENERALITIES */

table.listingTable th {
    color: #657388;
    font-size: 13px;
}

table.listingTable td, table.listingTable td input, table.listingTable td select {
    color: #798590;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.listingTable tr th, table.listingTable tr th *, table.listingTable tr td, table.listingTable tr td * {
    font-weight: 600;
}

input.addressInput {
    width: 395px;
}

textarea.notesInput {
    height: 100px;
    width: 395px;
    padding: 5px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
}

.customSelectRoomType {
    position: relative;
}

.customSelectRoomTypeArrow {
    float: right;
    position: relative;
    text-align: right;
    width: 7px;
    height: 32px;
    vertical-align: middle;
    margin-right: 15px;
    background: #f7f9fd url(../img/collapse-arrow-down.png) 0 50% no-repeat;
}

.customSelectRoomType.open .customSelectRoomTypeArrow {
    background: #ffffff url(../img/collapse-arrow-up.png) 0 50% no-repeat;
}

.customSelectRoomType .roomTypeName {
    float: left;
    padding: 0 0 0 32px;
    margin: 0;
    width: 90px;
    height: 32px;
    line-height: 32px;
    background: #f7f9fd;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
    font-size: 11px;
}



.roomTypeName.bookingStatus {
    padding-left: 8px;
    width: 130px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    border: 1px solid #cad2d9;
    margin-right: 10px;
    margin-left: 5px;
    cursor: pointer;
}

.bookingStatus .customSelectRoomTypeArrow {
    height: 30px;
    margin-right: 8px;
    background: url(../img/collapse-arrow-down.png) 0 50% no-repeat;
}

.customSelectRoomType.open .bookingStatus .customSelectRoomTypeArrow {
    background: url(../img/collapse-arrow-up.png) 0 50% no-repeat;
}

.roomTypeName.bookingStatus span {
    font-size: 12px !important;
    font-weight: 700;
    text-transform: uppercase;
}

.bookingStatusList {
    left: 200px !important;
    top: 20px !important;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2);

    border: 1px solid #cad2d9;
}

.bookingStatusList li {
    font-weight: 700;
    font-size: 12px !important;
    text-transform: uppercase;
    width: 120px !important;
    cursor: pointer;
    padding-left: 8px !important;
    background-color: #fff;
}

.bookingStatusList li:hover {
    background-color: #edf1f5 !important;
}

.customSelectRoomType .newBooking span, .customSelectRoomType .newBooking {
    color: #00B0FF !important;
}

.customSelectRoomType .confirmed span, .customSelectRoomType .confirmed {
    color: #0087c3 !important;
}

.customSelectRoomType .checkedIn span, .customSelectRoomType .checkedIn {
    color: #29CB6F !important;
}

.customSelectRoomType .checkedOut span, .customSelectRoomType .checkedOut {
    color: #90A4AE !important;
}


.customSelectRoomType .roomTypeName span {
    float: left;
    font-size: 11px;
}

.customSelectRoomType.open .roomTypeName {
    border: 1px solid #d5dbe1;
}

.customSelectRoomType .roomTypeName.single {
    background: #f7f9fd url(../img/single-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType .roomTypeName.double {
    background: #f7f9fd url(../img/double-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType .roomTypeName.custom {
    background: #f7f9fd url(../img/custom-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType .roomTypeName.suite {
    background: #f7f9fd url(../img/suites-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType.open .roomTypeName.single {
    background: #ffffff url(../img/single-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType.open .roomTypeName.double {
    background: #ffffff url(../img/double-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType.open .roomTypeName.custom {
    background: #ffffff url(../img/custom-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType.open .roomTypeName.suite {
    background: #ffffff url(../img/suites-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType ul.customSelectRoomTypeOptionsList {
    z-index: 100;
    padding: 0;
    position: absolute;
    top: 27px;
    left: 0;
}

.customSelectRoomType > ul.customSelectRoomTypeOptionsList > li {
    padding: 0 0 0 32px;
    margin: 0;
    list-style: none;
    width: 78px;
    height: 32px;
    line-height: 32px;
    color: #788590;
    font-size: 11px;
}

.customSelectRoomType > ul.customSelectRoomTypeOptionsList > li.selected {
    background: #ffffff url(../img/single-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType ul.customSelectRoomTypeOptionsList li.single-room {
    background: #ffffff url(../img/single-room-icon.png) 10px 50% no-repeat;
    border: 1px solid #dfe4eb;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

.customSelectRoomType ul.customSelectRoomTypeOptionsList li.double-room {
    background: #ffffff url(../img/double-room-icon.png) 10px 50% no-repeat;
    border-left: 1px solid #dfe4eb;
    border-right: 1px solid #dfe4eb;
}

.customSelectRoomType ul.customSelectRoomTypeOptionsList li.custom-room {
    background: #ffffff url(../img/custom-room-icon.png) 10px 50% no-repeat;
    border-left: 1px solid #dfe4eb;
    border-right: 1px solid #dfe4eb;
}

.customSelectRoomType ul.customSelectRoomTypeOptionsList li.suite {
    background: #ffffff url(../img/suites-icon.png) 10px 50% no-repeat;
    border: 1px solid #dfe4eb;
    border-radius: 0 0 5px 5px;
    border-top: none;
}

.customSelectRoomType ul.customSelectRoomTypeOptionsList li.single-room:hover, .customSelectRoomType ul.customSelectRoomTypeOptionsList li.single-room.selected {
    background: #edf1f5 url(../img/single-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType ul.customSelectRoomTypeOptionsList li.double-room:hover, .customSelectRoomType ul.customSelectRoomTypeOptionsList li.double-room.selected {
    background: #edf1f5 url(../img/double-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType ul.customSelectRoomTypeOptionsList li.custom-room:hover, .customSelectRoomType ul.customSelectRoomTypeOptionsList li.custom-room.selected {
    background: #edf1f5 url(../img/custom-room-icon.png) 10px 50% no-repeat;
}

.customSelectRoomType ul.customSelectRoomTypeOptionsList li.suite:hover, .customSelectRoomType ul.customSelectRoomTypeOptionsList li.suite.selected {
    background: #edf1f5 url(../img/suites-icon.png) 10px 50% no-repeat;
}

.maintenanceDatePicker {
    width: 125px;
    height: 30px;
}

.maintenanceDatePicker .datePickerIconContainer, .maintenanceDatePicker .datePickerInputContainer, .maintenanceDatePicker .datePickerButton {
    line-height: 12px;
}


/* DATETIME PICKER CUSTOM CSS

.datePickerInputContainer {
    /*z-index: 10000;*/
/*position: relative;*/
/*}*/

.datePickerInputContainer ul {
    width: 248px;
    z-index: 10000;
    padding: 0;
}

.datePickerInputContainer ul li div {
    border: 1px solid #dfe4e8;
    border-radius: 5px;
}

.datePickerInputContainer ul li div table {
    border: 0;
    border-radius: 5px;
}

.datePickerInputContainer ul li {
    width: 248px;
    height: auto;
    /*height: 238px;*/
}

.datePickerInputContainer table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.datePickerInputContainer table tr td {
    width: 35px;
    height: 35px;
    padding: 0;
    border: 1px solid #e6e6e6;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
}

.datePickerInputContainer table thead tr th * {
    color: #788590;
    text-align: center;
}

.datePickerInputContainer table thead tr th {
    text-align: center;
    background: -webkit-linear-gradient(#f0f0f0, #e9e9e9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f0f0f0, #e9e9e9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f0f0f0, #e9e9e9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f0f0f0, #e9e9e9); /* Standard syntax */
}

.datePickerInputContainer table thead tr:first-child th {
    background: -webkit-linear-gradient(#f7f7f7, #f0f0f0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f7f7f7, #f0f0f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f7f7f7, #f0f0f0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f7f7f7, #f0f0f0); /* Standard syntax */
}

.datePickerInputContainer table thead tr:first-child th .btn {
    background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5f5f5, #f0f0f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5f5f5, #f0f0f0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5f5f5, #f0f0f0); /* Standard syntax */
}

.datePickerInputContainer table thead tr th .btn {
    text-align: center;
    height: 30px;
}

.datePickerInputContainer table thead tr:first-child th .btn {
    background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5f5f5, #f0f0f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5f5f5, #f0f0f0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5f5f5, #f0f0f0); /* Standard syntax */
    background: #f3f3f3 url(../img/collapse-arrow-down.png) right 15px top 50% no-repeat;
}

.datePickerInputContainer table thead tr:first-child th .btn.pull-left {
    background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5f5f5, #f0f0f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5f5f5, #f0f0f0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5f5f5, #f0f0f0); /* Standard syntax */
    background: #f3f3f3 url(../img/calendar-navigation-arrow-left.png) left 0 top 50% no-repeat;
    width: 7px;
}

.datePickerInputContainer table thead tr:first-child th .btn.pull-right {
    background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5f5f5, #f0f0f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5f5f5, #f0f0f0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5f5f5, #f0f0f0); /* Standard syntax */
    background: #f3f3f3 url(../img/calendar-navigation-arrow-right.png) right 0 top 50% no-repeat;
    width: 7px;
}

.datePickerInputContainer table thead tr th .btn.pull-left .glyphicon.glyphicon-chevron-left {
    background: #f3f3f3 url(../img/calendar-navigation-arrow-left.png) left 0 top 50% no-repeat;
}

.datePickerInputContainer table thead tr th .btn.pull-right .glyphicon.glyphicon-chevron-left {
    background: #f3f3f3 url(../img/calendar-navigation-arrow-right.png) right 0 top 50% no-repeat;
}

.datePickerInputContainer table thead tr th small {
    font-weight: 600;
}

.datePickerInputContainer table thead tr th small[aria-label="Saturday"], .datePickerInputContainer table thead tr th small[aria-label="Sunday"] {
    color: #ff9100;
}

.datePickerInputContainer table tr td span{
    font-weight: 600;
}

.datePickerInputContainer table tr td span.text-muted {
    color: #ced6dc;
}

.datePickerInputContainer table tr th .btn, .datePickerInputContainer table tr th .btn * {
    font-weight: 600;
    text-transform: uppercase;
}

.datePickerInputContainer table tr th .btn {
    height: 42px;
}

.datePickerInputContainer table tr td .btn, .datePickerInputContainer table tr td .btn-sm, .datePickerInputContainer table tr td .btn-default, .datePickerInputContainer table tr td .btn-info {
    background: #ffffff;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    height: 35px;
    width: 35px /*!important;*/ ;
    color: #788590;
}

.datePickerInputContainer .btn, .datePickerInputContainer .btn-sm, .datePickerInputContainer .btn-default {
    background: #ffffff;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    color: #788590;
}

.datePickerInputContainer table tr td .btn:disabled {
    background: #fff;
    color: #ced6dc;
}

.datePickerInputContainer table tr td .btn:disabled:hover {
    background: #fff;
    color: #ced6dc;
}

.datePickerInputContainer table tr td .btn:not(.disabled).active {
    background: #10c849;
    color: #ffffff;
}

.datePickerInputContainer table tr td .btn:not(.disabled):hover {
    background: #e2e9f1;
}

.datePickerInputContainer ul.dropdown-menu {
    top: 25px !important;
    left: -37px !important;
}

td.red {
    border: 1px solid crimson;
}

td.yellow {
    border: 1px solid yellow;
}




/* POPUP BILLING... */

.billingPopupHeader {
    margin-bottom: 18px;
}

.billingPopupHeader * {
    /*text-transform: uppercase;*/
}

.billingPopupFooter {
    margin: 20px 0;
    border-top: 2px solid #e4e4e4;
    text-align: right;
}

.billingPopupFooterContent {
    margin: 20px 0;
    text-align: right;
}

.billingPopupFooterContentItem {
    text-align: left;
}

.billingPopupFooterContentItem button {
    margin-top: 15px;
}

.dialogContent .billingPopupFooterContentItem table.popupEditInfoTable tr td {
    /*width: 85px;*/
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    padding: 0;
}
.payeeDetails {
    margin-bottom: 22px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}

.whoPays {
    float: left;
    vertical-align: middle;
    color: #788590;
    text-transform: uppercase;
}

span.whoPays {
    display: inline-block;
}

input.whoPays {
    margin: 0 5px 0 16px;
    height: 30px;
    background: #f7f7f7;
}

label.whoPays {
    margin: 0;
}
label.whoPays.active {
    color: #828c9d;
}

input.whoPays.search {
    margin: 0 6px;
    width: 150px;
}

.billingPopupHeader button.whoPays {
    background: #f7f7f7 url(../img/plus-icon.png) 8px 55% no-repeat;
    padding-left: 22px;
    padding-right: 10px;
    color: #788590;
    text-align: center;
    font-size: 12px;
    margin-left: 6px;
    float: left;
}

.billingPopupHeader button.whoPays:hover {
    background: #ffffff url(../img/plus-icon.png) 8px 55% no-repeat;
}

.billingPopupHeaderBlueInfo {
    color: #00b0ff;
    font-size: 11px;
    font-weight: 600;
    height: 12px;
    line-height: 12px;
}

table.bookingsBillingTable {
    margin-bottom: 18px;
}

table.bookingsBillingTable th {
    text-transform: uppercase;
}

table.bookingsBillingTable th, table.bookingsBillingTable td {
    padding: 9px;
    border-right: 1px solid #dfe4eb;
    border-bottom: 1px solid #dfe4eb;
    background: #ffffff;
    font-size: 12px;
}

table.bookingsBillingTable th {
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #afbbc7;
    border-top: 1px solid #dfe4eb;
    text-align: left;
}

table.bookingsBillingTable td {
    min-height: 12px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
}

table.bookingsBillingTable td * {
    font-weight: 600;
}

table.bookingsBillingTable th.roomAndGuests, table.bookingsBillingTable td.roomAndGuests {
    border-left: 1px solid #dfe4eb;
    width: 150px;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
}
table.bookingsBillingTable th.roomAndGuests {
    color: #ffffff;
    background: #828c9d;
    border-radius: 5px 0 0 0;
}
table.bookingsBillingTable th.roomAndGuests * {
    color: #ffffff;
}
table.bookingsBillingTable td.roomAndGuests div.guestName {
    color: #828c9d;
    font-weight: 600;
    width: 100%;
}
table.bookingsBillingTable td.roomAndGuests.footer {
    border-radius: 0 0 0 5px;
}

table.bookingsBillingTable th.nights, table.bookingsBillingTable td.nights {
    width: 95px;
}

table.bookingsBillingTable th.services, table.bookingsBillingTable td.services {
    width: 326px;
    padding: 0;
}
table.bookingsBillingTable th.services, table.bookingsBillingTable td.services.footer {
    width: 326px;
    padding: 9px;
}

table.bookingsBillingTable th.payment, table.bookingsBillingTable td.payment {
    width: 192px;
    font-weight: 600;
}
table.bookingsBillingTable th.payment {
    border-bottom: none;
    font-weight: 600;
    border-radius: 0 5px 0 0;
}
table.bookingsBillingTable td.payment .paymentAmount {
    width: 92px;
}
table.bookingsBillingTable td.payment div.paymentSpanLeft, table.bookingsBillingTable th.payment div.paymentSpanLeft {
    width: 80px;
    font-weight: 600;
    color: #afbbc7;
    float: left;
}
table.bookingsBillingTable th.payment div.paymentSpanRight, table.bookingsBillingTable td.payment div.paymentSpanRight {
    float: left;
}
table.bookingsBillingTable th.payment div.paymentSpanRight, table.bookingsBillingTable td.payment.footer div.paymentSpanRight {
    padding-left: 8px;
}
table.bookingsBillingTable td.payment.footer div.paymentSpanLeft {
    width: 80px;
    font-weight: 600;
    color: #828c9d;
}
table.bookingsBillingTable td.payment.footer * {
    color: #828c9d;
    font-weight: 600;
}
table.bookingsBillingTable td.payment.footer {
    border-radius: 0 0 5px 0;
}

table.bookingsBillingTable td.footer {
    height: 12px;
    line-height: 12px;
    font-weight: 600;
}

.bookingServiceContainer {
    padding: 9px;
    /*margin-bottom: 5px;*/
    height: 48px;
    border-bottom: 1px solid #dfe4eb;
}

.bookingServiceContainerName {
    float: left;
    width: 134px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bookingServiceContainerCounter {
    float: left;
    width: 155px;
}
input.bookingServiceItemsCounter {
    width: 55px;
    float: left;
    padding: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #798590;
    margin-right: 2px;
}
.bookingServiceItemsPrice {
    float: left;
    font-size: 11px;
    font-weight: 600;
    color: #acb3b8;
    /*max-width: 50px;
    width: 50px;*/
}

.bookingServiceContainerDeleteBtn {
    text-align: center;
    float: left;
    width: 10px;
    cursor: pointer;
}

.serviceActionsContainer {
    position: relative;
    float: left;
    padding: 9px;
    height: 48px;
}

input.searchServices {
    float: left;
    width: 192px;
    height: 30px;
    padding: 10px;
    border: 1px solid #cad2d9;
    border-radius: 5px;
    /*margin-right: 10px;*/
    color: #9aa7b4;
    font-size: 12px;
    font-weight: 500;
}

.serviceSearchResults {
    width: 192px;
    float: left;
    position: absolute;
    left: 0px;
    top: 33px;
    max-height: 135px;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dfe4eb;
    border-radius: 5px;
}
.serviceSearchResults:before {
    background: url(../img/dropdown-arrow-up.png) 0 0 no-repeat;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 10%;
    top: -4px;
    width: 8px;
    z-index: 1;
}

.serviceSearchResultsContainer {
    width: 190px;
    float: left;
    max-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
}
.serviceSearchResultsContainer .resultLine {
    width: 192px;
    float: left;
    height: 25px;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    color: #798691;
    padding: 8px;
    cursor: pointer;
}

.serviceSearchResults .resultLine:hover {
    background: #edf1f5;
}

.newServiceQuickForm {
    width: 327px;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid #dfe4eb;
    background: #ffffff;
    padding: 6px;
    text-align: right;
    z-index: 1000;
}

.newServiceQuickForm table.newServiceQuickFormTable {
    width: 100%;
    height: 144px;
    padding: 0;
    margin: 0 0 7px 0;
    position: relative;
    background: #ffffff;
}

.newServiceQuickForm table.newServiceQuickFormTable tr, .newServiceQuickForm table.newServiceQuickFormTable tr td {
    border: none;
    padding: 0;
    margin: 0;
}

.newServiceQuickForm table.newServiceQuickFormTable tr td {
    height: 40px;
    color: #9aa7b4;
    padding-left: 6px;
}

input.newServiceQuickFormInput {
    width: 192px;
    height: 30px;
}

.newServiceButton {
    width: 103px;
    padding-left: 20px;
    color: #828c9d;
    background: #ffffff url(../img/plus-icon.png) 8px 55% no-repeat;
    text-align: left;
}

.newServiceButton:hover {
    background: #f7f7f7 url(../img/plus-icon.png) 8px 55% no-repeat;
}

.newClientQuickForm {
    width: 340px;
    position: absolute;
    top: 0px;
    left: -157px;
    border: 1px solid #dfe4eb;
    background: #ffffff;
    padding: 6px;
    text-align: right;
    z-index: 1000;
}

.newClientQuickForm table.newClientQuickFormTable {
    width: 100%;
    height: 144px;
    padding: 0;
    margin: 0 0 7px 0;
    position: relative;
    background: #ffffff;
}

.newClientQuickForm table.newClientQuickFormTable tr, .newClientQuickForm table.newClientQuickFormTable tr td {
    border: none;
    padding: 0;
    margin: 0;
}

.newClientQuickForm table.newClientQuickFormTable tr td {
    height: 40px;
    color: #9aa7b4;
    padding-left: 6px;
    text-align: left;
}

input.newClientQuickFormInput {
    width: 224px;
    height: 30px;
}





/* OTHER STUFF */

.ui-icon, .ui-widget-content .ui-icon {
    background-image: none;
}

input.popupSearchInput {
    font-size: 12px;
    color: #798590;
    font-weight: 500;
    /*text-transform: capitalize;*/

}
input.popupSearchInput:focus {
    border: 1px solid #00b0ff;
}

.resultLine {
    font-size: 12px;
    color: #798590;
    font-weight: 500;
    text-transform: capitalize;
}

.settingsSectionTitle {
    height: 14px;
    line-height: 14px;
    color: #798590;
    font-size: 14px;
    font-weight: 700;
    margin-right: 22px;
    margin-bottom: 25px;
    float: left;
}
.settingsSectionTitle.first {
    margin-top: 22px;
}
.settingsSectionTitle.settings {
    height: 14px;
    line-height: 14px;
    color: #798590;
    font-size: 14px;
    font-weight: 700;
    margin-right: 22px;
    margin-bottom: 25px;
    float: none;
}


/* POPUPS */
.ngdialog.errorPopup .ngdialog-content,
.ngdialog.messagePopup .ngdialog-content,
.ngdialog.syncPopup .ngdialog-content {
    width: 558px;
    top: 50%;
    left: 50%;
    margin-left: -279px;
    margin-top: -115px;
}

.ngdialog.errorPopup .ngdialog-content .dialogTitleContainer {
    color: #ff4e4e;
}
.ngdialog.syncPopup .ngdialog-content .dialogTitleContainer,
.ngdialog.messagePopup .ngdialog-content .dialogTitleContainer{
    color: #4f9bff;
}

.ngdialog.errorPopup .ngdialog-content .dialogContentContainer,
.ngdialog.syncPopup .ngdialog-content .dialogContentContainer {
    height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    color: #7e8999;
    font-weight: 700;
    text-transform: uppercase;
}




/* DELETE ITEM POPUP */

.ngdialog.deleteItemPopup .ngdialog-content {
    width: 558px;
    top: 50%;
    left: 50%;
    margin-left: -279px;
    margin-top: -115px;
}

.ngdialog.deleteItemPopup .ngdialog-content .dialogTitleContainer {
    color: #ff4e4e;
}

.ngdialog.deleteItemPopup .ngdialog-content .dialogContentContainer {
    height: 135px;
    overflow-y: auto;
    overflow-x: none;
    font-size: 14px;
    color: #7e8999;
    font-weight: 700;
    text-transform: uppercase;
}





td.dropDownContainer {
    overflow: visible;
}

.blueText {
    color: #00b0ff;
}
.greenText {
    color: #1ebd4f;
}
.redText {
    color: #ff4e4e;
}

.semiBoldText {
    font-weight: 600;
}

.boldText {
    font-weight: 700;
}

/*
Calendar Style
*/


#dp {
    border: 1px solid #d0d0d0;
}

/* resources */
.scheduler_default_corner {
    background-color: #f7f7f7;
}

.scheduler_default_resourcedivider {
    background-color: #D5D7D9;
}

/* month + year */

.scheduler_default_timeheadergroup {
    line-height: 20px;
    background: #eaeaea;
}

.scheduler_default_main .scheduler_default_timeheadergroup:nth-child(2) {
    background-color: #DEE3E6;
    color: #92A1AE;
}

.scheduler_default_timeheadergroup .scheduler_default_timeheader_float_inner, .scheduler_default_timeheadergroup_inner {
    font-weight: 600;
    font-size: 11px;
    color: #a1a5a9;
    text-transform: uppercase;
}

.scheduler_default_divider, .scheduler_default_splitter {
    background-color: #d0d0d0;
}

.scheduler_default_divider_horizontal {
    background-color: #d0d0d0;
}

.scheduler_default_timeheadergroup_inner {
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}

.scheduler_default_timeheadercol {
    background: #f7f7f7;
}

.scheduler_default_timeheadercol .scheduler_default_timeheader_float_inner span, .scheduler_default_timeheadercol_inner span {
    color: #a1a5a9;
    font-weight: 700;
    font-size: 13px;
}

/* days */
.scheduler_default_timeheadercol {
    height: 85px;
    line-height: 16px;
    background: #f7f7f7;
}

.scheduler_default_timeheadercol_inner {
    color: #788590;
    font-size: 14px;
    font-weight: 600;
    border-right: 0;

}

.scheduler_default_timeheadercol_inner sup {
    font-size: 10px;
}

/* resources */
.scheduler_default_corner {
    overflow: visible !important;
}

.scheduler_default_corner_inner + div {
    display: none;
}

.scheduler_default_rowheader_inner {
    color: #999ea2;
    font-weight: 600;
    font-size: 13px;
    padding: 0;
}


/* cell */
.scheduler_default_cell {
    text-align: center;
    color: #b6b6b6;
    line-height: 36px;
    font-weight: 600;
}

.scheduler_default_cell {
    cursor: url('../img/drag-cursor.png'), default;
}

/* event */
.scheduler_default_event {
    margin-top: 5px;
}

.scheduler_default_event_inner {
    background: #00b0ff;
    border: 0;
    color: #fff;
    border-radius: 12px;
    margin: 0 4px;
    padding-left: 8px;padding-right: 8px;
}

.scheduler_default_event_inner img {
    margin: 1px 4px 0 7px;
    vertical-align: top;
}


div.temp .scheduler_default_event_inner {
    background-color: #ffccbc;
}

div.confirmed .scheduler_default_event_inner {
    background-color: #0087c3;
}

div.checkIn .scheduler_default_event_inner {
    background-color: #29cb6f;
}

.scheduler_default_event_hover .scheduler_default_event_inner {
    background-image: url('../img/resizable.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 4px) 50% ;
}

div.checkOut .scheduler_default_event_inner {
    background-color: #90a4ae;
}

.newBooking.scheduler_default_event_hover .scheduler_default_event_inner {
    background-color: #80d8ff;
}

.confirmed.scheduler_default_event_hover .scheduler_default_event_inner {
    background-color: #63b7db;
}

.checkIn.scheduler_default_event_hover .scheduler_default_event_inner {
    background-color: #94e5b7;
}

.checkOut.scheduler_default_event_hover .scheduler_default_event_inner {
    background-color: #a7adb1;
}

.scheduler_default_event_float {
    color: #fff;
}

/* shadow */
.scheduler_default_shadow {
    height: 26px !important;
    margin-top: 5px;
}

.scheduler_default_shadow_inner {
    background: rgba(0,0,0, 0.2);
    border-radius: 12px;
    margin: 0 4px;
}

.day-cell-first-column.day-cell-is-business {
    border-left: 1px solid #fff;
}

.day-cell-first-column {
    border-left: 1px solid #eee;
}

.scheduler_default_matrix_h_line {
    background-color: #f0eff0;
}

.scheduler_default_matrix_vertical_line {
    /*background-color: transparent;*/
    display: none;
}

.scheduler_default_matrix_horizontal_line {
    background-color: #e0e0e0;
}


button.icon-back {
    background: url('../img/icon-back.png') 8px 50% no-repeat;
    padding-left: 16px;
}

button.icon-edit {
    background: url('../img/edit-icon.png') 8px 50% no-repeat;
    padding-left: 32px;
}

.icon-mark {
    background: url('../img/mark-button.png') 0px 50% no-repeat;
    padding-left: 22px;
}

button.icon-print {
    background: url('../img/icon-print.png') 8px 50% no-repeat;
    padding-left: 32px;
}

button.icon-delete {
    background: url('../img/trash-icon.png') 8px 50% no-repeat;
    padding-left: 32px;
}

button.icon-send {
    background: url('../img/icon-send.png') 8px 50% no-repeat;
    padding-left: 32px;
}

button.icon-duplicate {
    background: url('../img/icon-duplicate.png') 8px 50% no-repeat;
    padding-left: 32px;
}

button.icon-pdf {
    background: url('../img/icon-pdf.png') 8px 50% no-repeat;
    padding-left: 32px;
}

button.icon-align-center {
    background-position: center center;
}

.flag {
    display: block;
    width: 65px;
    height: 64px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.flag.draft {
    background: url('../img/corner-draft.png') center center no-repeat;
}

.flag.paid {
    background: url('../img/corner-paid.png') center center no-repeat;
}

.flag.sent {
    color: #884422;
}

.flag .line{
    width: 90px;
    height: 36px;
    border-bottom: 1px solid red;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */
    border-bottom:dotted 2px;
    border-color:#E3E3E3;
    position: absolute;
}

.flag .line .sent_text{
    position: absolute;
    top: 12px;
    left: 28px;
    font-weight: bold;
    font-size: 14px;
    color: #884422;
    text-transform: uppercase;
}

.flag .line .paid_text{
    position: absolute;
    top: 12px;
    left: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #00c853;
}

.flag .line .draft_text{
    position: absolute;
    top: 12px;
    left: 25px;
    font-weight: bold;
    font-size: 14px;
    color: #f6be1a;
}
.alertbox {
    background-color: #28313E;
    padding: 11px 0;
    margin-bottom: 8px;
    border-bottom: 1px solid #2e2e2e;
}

.alertbox.btn {
    cursor: pointer;
}

.alertbox p {
    margin: 0;
    text-align: center;
    color: #F14A4A;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.getStarted {
    background-color: #fff6cf;
    padding: 15px;
    position: absolute;
    bottom: 53px;
    width: 164px;
}

.getStarted .header {
    position: relative;
}

.getStarted h3 {
    margin: 0 0 5px;
    font-size: 18px;
}

.getStarted img {
    position: absolute;
    right: 0;
    top: 8px;
    cursor: pointer;
}

.getStarted ol {
    color: #888;
    margin: 0;
    font-size: 14px;
    padding-left: 25px;
}

.getStarted a {
    color: #666;
}

.getStarted a:hover {
    color: #333;
    text-decoration: underline;
}

.clientListTable th span {
    padding-right: 15px;
    cursor: pointer;
}

th.sort-asc span {
    background: url(../img/collapse-arrow-down.png) right 50% no-repeat;
    padding-right: 15px;
    cursor: pointer;
}

th.sort-desc span {
    background: url(../img/collapse-arrow-up.png) right 50% no-repeat;
    padding-right: 15px;
    cursor: pointer;
}

.code textarea {
    width: 500px;
    height: 100px;
    margin-top: 10px;
    border: 1px solid #ddd;
    font-size: 13px;
}




#channelContainer {
    width: 100%;
}

#channelHeader {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f7f7f7;
    border-bottom: 1px solid #dbdbdb;
}

.channelHeaderContent {
    width: 96%;
    height: 30px;
    padding: 0 2%;
    line-height: 30px;
    padding-top: 15px;
    vertical-align: middle;
}

#channelBody {
    width: 96%;
    padding: 2%;
    background: #ffffff;
}

.customBookingPrice {
    padding: 2px 4px;
    width: 60px;
    text-align: center;
    margin-left: 5px;
}

.custom-price {
    width: 75px;
    border: 1px solid #eee;
}

.custom-price:hover {
    border: 1px solid #ccc;
}

.custom-price.focused {
    border: 1px solid #00b0ff;
}

#channelsListingTable {
    border-collapse: collapse;
    margin: 20px 0;
}

#channelsListingTable th {
    background-color: #E5E9EF;
}

#channelsListingTable th, #channelsListingTable td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
}

#channelsListingTable input {
    display: block;
    margin: 0 auto;
}

td.pending {
    /*color: #E76356 !important;*/
    opacity: 0.5;
}

td.progress {
    /*color: #E3C72D !important;*/
    opacity: 0.5;
}

td.active {
    color: #8AB651 !important;
}

.billing-select {
    float: left;
}

.billing-select .selectize-input {
    padding: 5px 6px;
}









#reportsContainer {
    width: 100%;
}

#reportsHeader {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f7f7f7;
    border-bottom: 1px solid #dbdbdb;
}

.reportsHeaderContent {
    width: 96%;
    height: 30px;
    padding: 0 2%;
    line-height: 30px;
    padding-top: 15px;
    vertical-align: middle;
}

#reportsBody {
    width: 96%;
    padding: 2%;
    background: #ffffff;
}

.right#referBody
{
    width:45%;
    float:left;
}

.left#referBody
{
    min-width: 400px;
    max-width: 600px;
    width:45%;
    float:left;
}

#referBody.right .checkSign{
    background-image: url("../img/okSign.png");
    background-repeat: no-repeat;
    background-size: 19px auto;
    display: block;
    font-size: 13px;
    padding-bottom: 5px;
    padding-left: 30px;
}

#referBody
{
    color: #798590;
    padding: 2%;
    background: #ffffff;
}

#referBody h3{
    font-size: 14px;
    font-weight: 600;
}

#referBody p{
    font-size: 13px;
    font-weight: 500;
}

.referHeader {
    background-color: #eaedf2;
    background-image: url("../img/referHeader.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 100px;
}

.referHotelContainer {
    border-left: 2px solid #eaedf2;
    border-right: 2px solid #eaedf2;
    padding: 10px 0;
}

.referField label {
    float: left;
}

.referField input {
    color: #798590;
    font-size: 12px;
    font-weight: 600;
    width: 60%;
}

.referField input:invalid {
    box-shadow: none;
}

.referField input:-moz-submit-invalid {
  box-shadow: none;
}

.referField input:-moz-ui-invalid {
  box-shadow:none;
}

.referField .refer-error-form{
    color: #f00;
    margin: 0;
    padding: 0 10px;
}


.referField .selectize-control {
    margin-bottom:0px;
    width:62%;
    float:left;
}

.referField {
    padding: 10px 0px 5px 10px;
    height:38px;
}

.referHotelContainer label {
    padding: 10px;
    font-size: 11px;
    font-weight: 600;
    width: 150px;
    line-height: 15px;
    vertical-align: middle;
    color: #798590;
    text-transform: uppercase;
}

.referFooter {
    background-color: #eaedf2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 20px;
    text-align: right;
}

.referFooter button{
    color: #1ebd4f;
    text-align: left;
    font-size: 12px;
}

.customBookingPrice {
    padding: 2px 4px;
    width: 60px;
    text-align: center;
    margin-left: 5px;
}

.custom-price {
    width: 75px;
    border: 1px solid #eee;
}

.custom-price:hover {
    border: 1px solid #ccc;
}

.custom-price.focused {
    border: 1px solid #00b0ff;
}

#reportsListingTable {
    margin: 20px 0;
    table-layout:fixed;
    border: 2px solid #eaedf2;
    border-radius: 6px;
}

#reportsListingTable th {
    background-color: #e5e9ef;
    color: #657388;
}

#reportsListingTable th.sortable {
    cursor: pointer;
}

#reportsListingTable th, #reportsListingTable td {
    padding: 10px;
    text-align: center;
}

#reportsListingTable td {
    background-color: #f7f9fd;
    border-top: 1px solid #eaedf2;
}

.filter-client {
    display: inline-block;
    margin-right: 15px;
}

.dropdownmenutext {
    padding-left: 76px;
}

.dropdownmenuicon {
    margin-left: 38px !important;
}

.dropdownCollapseIconContainer {
    width: 36px;
    line-height: 42px;
    float: right;
    text-align: center;
    position: relative;
    margin: auto 0px;
    vertical-align: middle;
}

.selectize-control {
    margin-bottom: 10px;
    /* widget page */
}
.domain-name {
    font-size: 12px;
    font-family: 'Titillium Web', sans-serif;
    color: #798590;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 24px;
}

.widget-btn {
    display: block;
    margin-left: 110px;
    margin-top: 10px;
    color: #1ebd4f;
}

.widget-textarea {
    height: 75px;
    margin-left: 110px;
}

.wrapper-widget {
    margin: 50px 0 0 110px;
    position: relative;
}

.how-it-will-look {
    position: absolute;
    top: 33px;
    left: 280px;
}

.channel-textarea {
  border-radius: 3px;
  box-shadow: 0.5px 0.866px 2px 0px rgba(0, 0, 0, 0.059), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.196);
  width: 478px;
  height: 106px;
  padding: 10px;
}

.channel-button {
  font-size: 12px;
  color: rgb(30, 189, 79);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 2.5;
 margin-top: 20px;
}

.channel-title {
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  color: rgb(121, 133, 144);
  font-weight: bold;
  text-transform: uppercase;
}

.channel-text {
  font-size: 13px;
  font-family: 'Titillium Web', sans-serif;
  color: rgb(121, 133, 144);
  max-width: 1074px;
  font-weight: 600;
  margin-bottom: 20px;
}

.select-channel {
  font-size: 13px;
  font-family: 'Titillium Web', sans-serif;
  color: rgb(121, 133, 144);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.channel-checkbox-label {
    font-size: 13px;
    font-family: 'Titillium Web', sans-serif;
    color: rgb(121, 133, 144);
    margin: 20px 10px 20px 0;
    font-weight: 600;
}

.channel-checkbox + label span {
    margin: -3px 10px 0 0;
}

.register-company .selectize-input input,  .register-company  .selectize-input div{
    padding: 0px 0px 0px 5px !important;
}
.messageDialogContent{
    font-size: 13px;
    font-weight: 600;
    color: #657388;
}