@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: normal;
    /*line-height:initial !important;*/
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?mja56m');
  src:  url('fonts/icomoon.eot?mja56m#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?mja56m') format('truetype'),
    url('fonts/icomoon.woff?mja56m') format('woff'),
    url('fonts/icomoon.svg?mja56m#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-at-sign:before {
  content: "\e915";
}
.icon-edit:before {
  content: "\e90b";
}
.icon-undo:before {
    content: "\f0e2"; 
}
.icon-list-grid:before {
  content: "\e90a";
}
.icon-arrow-right:before {
  content: "\e900";
}
.icon-calender:before {
  content: "\e901";
}
.icon-deal:before {
  content: "\e902";
}
.icon-message:before {
  content: "\e903";
}
.icon-payment:before {
  content: "\e904";
}
.icon-rental-logo:before {
  content: "\e905";
}
.icon-report:before {
  content: "\e906";
}
.icon-setting:before {
  content: "\e907";
}
.icon-notification:before {
  content: "\e908";
}
.icon-team:before {
  content: "\e909";
}
.icon-triangle-left:before {
  content: "\e90c";
}
.icon-triangle-right:before {
  content: "\e90d";
}
.icon-dots-horizontal-triple:before {
  content: "\e90e";
}
.icon-notification1:before {
  content: "\e90f";
}
.icon-search:before {
  content: "\e910";
}
.icon-step-backward:before {
  content: "\e911";
}
.icon-step-forward:before {
  content: "\e912";
}
.icon-view-hide:before {
  content: "\e913";
}
.icon-view-show:before {
  content: "\e914";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-checkmark:before {
  content: "\ea10";
}

.msg_wrapper.inner-td {
    position: absolute;
    top: 46px !important;
    z-index: 999;
    left: 0 !important;
    top: 120%;
    left: 475px;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 0px;
    background: #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 2px solid #ccc;
    display: none;
    z-index: 2;
    width: 200px;
}

img {
    max-width: 100%;
}

button {
    border: 0;
    border-radius: 3px;
    height: 32px;
    padding: 0 8px;
}

.btn {
    padding: 5px 10px;
    font-size: 16px;
}


.btn-secondary {
    background-color: #e2e2e2;
    border: 0;
    color: #5a5a5a;
}

.btn-secondary:hover {
    background-color:#c1c0c0;
}

.btn-warning {
    background-color:#fbdeb4;
    border: 0;
    color:#d87f00;
}

.btn-warning:hover {
    background-color: #ffc268;
    color:#d87f00;
}

.text-green {
    color:#0fd36f;
}

.text-red {
    color:#d80025;
}

ul {
    display: block;
    list-style: none;
}

a:hover, a:focus {
    text-decoration: none;
}

input[type="submit"], input[type="button"], button {
    border: 0;
}


.header_top {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 3;
    min-height: 60px;
    border-bottom: 1px solid #bdbdbd69;
}

 

.left_sidebar {
    position: fixed;
    width: 200px !important;
    left: 0;
    height: 100%;
    top: 0;
    background: #353535;
    padding: 60px 0 0;
}

.right_sidebar {
    background: #fff;
    width: 300px !important;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    padding-top: 60px;
}

.content_wrap {
    padding: 0 300px 0 0px;
}

.content_wrap_fluid {
    padding: 0 0px 0 0;
    overflow: hidden;
}

.content_title h2 {
    background: #008fd5;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    line-height: 27px;
    padding: 20px;
}

.information_conent {
    padding: 20px;
}

.info_box {
    background: #f2f2f2;
    margin-bottom: 30px;
    padding: 0;
    position: relative;
    border: 1px solid #bdbdbd;
    margin-right: 10px;
}

    .info_box h4, .info-box-title {
        background: #008fd5;
        color: #fff;
        font-size: 18px;
        padding: 15px;
        margin: 0 0 15px;
    }

    .info_box .row {
        margin: 0 0 15px;
    }

.input_row > label {
    display: block;
    color: #666666;
}

.input_row input[type="text"], .input_row input[type="email"], .input_row input[type="password"], .input_row textarea, .input_row select, .input_field, .input_row input[type="file"] {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    box-shadow: 0 0 4px #ccc inset;
    width: 100%;
    height: 35px;
    padding: 0 5px;
}

.input_row textarea {
    height: 100px;
    resize: none;
}

.input_row > button {
    background: #ff464d;
    color: #fff;
    min-width: 90px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    margin: 23px 0;
    border-radius: 2px;
    text-transform:capitalize;
}
.input_row > button:focus {
    outline:0;
}

    .input_row > button.blue_button {
        background: #008fd5;
        box-shadow: 1px 1px 1px #0d4d6d;
    }

    .input_row > button.grey_button {
        background: #666;
        box-shadow: 1px 1px 1px #4a4a4a;
        margin-right: 20px;
    }

.half_input {
    width: 48%;
}

.featured_photos {
    position: relative;
}

    .featured_photos figure {
        border: 1px solid #939393;
        border-radius: 3px;
    }

        .featured_photos figure img {
            width: 100%;
        }

.additional_photos {
    width: 60%;
    position: relative;
}

    .additional_photos label, .featured_photos label {
        font-size: 15px;
        color: #666666;
        margin-bottom: 10px;
    }

    .additional_photos ul {
        padding: 0;
        position: relative;
        z-index: 2;
        margin: 0;
    }

        .additional_photos ul li {
            float: left;
            width: 45%;
            height: 87px;
            margin: 0 4% 4% 0;
        }

.button_create {
    margin: 0 10px;
    display: inline-block;
    padding: 0;
    height: auto;
    width: auto;
    background-color: rgba(0,0,0,0);
}

    .button_create span {
        background: #008fd5;
        color: #fff;
        float: left;
        width: 200px;
        line-height: 39px;
        border-radius: 3px 0 0 3px;
        position: relative;
        box-shadow: 1px 1px 1px #0d4d6d;
    }

    .button_create i {
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 10px solid #008fd5;
        float: left;
        position: relative;
    }

.edit_button {
    background: #d5002d;
    color: #fff;
    min-width: 100px;
    box-shadow: 1px 1px 1px #7b0011;
    margin-top: 23px;
    margin: auto;
    display: table;
}

.right_menu {
    margin: 20px 30px 0 0;
}

    .right_menu ul li {
        float: left;
        margin-left: 25px;
    }

        .right_menu ul li a {
             color: #666;
            font-size: 13px;
            font-weight: bold;
            display: block;
            cursor: pointer;
        }
.logo > img{max-height: 94px; margin-top: 7px;}
.wrap_dropdown {
    background: #fff;
    width: 180px;
    display: none;
    position: absolute;
    padding: 0;
    top: 41px;
     border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1)
}

.right_menu ul li .wrap_dropdown li {
    float: none;
    margin: 0;
}

    .right_menu ul li .wrap_dropdown li a {
        border-bottom: 1px solid #fff;
        padding: 10px;
    }

.right_menu ul li .wrap_dropdown li {
    border-bottom: 1px solid #fff;
}

.admin_icon {
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background: url(../Content/images/admin_icon.png) no-repeat;
    background-size: cover;
    position: relative;
    top: -5px;
}

.open_dropdown {
    position: relative;
    padding: 0 8px 0 0;
}
/*edit 7/9/2015*/
.navigation_sidebar ul {
    padding: 0;
}

    .navigation_sidebar ul li {
        border-bottom: 2px solid #3f3f3f;
    }

.navigation_sidebar ul {
    padding: 0;
}

    .navigation_sidebar ul li {
        border-bottom: 2px solid #3f3f3f;
        position: relative;
    }

        .navigation_sidebar ul li a {
            display: block;
            color: #fff;
            font-size: 14px;
            text-align: center;
            border-bottom: 2px solid #303030;
            padding: 8px 0;
            border-left: 2px solid #545454;
            -moz-transition: all ease-in-out 0.25s;
            -webkit-transition: all ease-in-out 0.25s;
            transition: all ease-in-out 0.25s;
        }

            .navigation_sidebar ul li a i {
                display: block;
                width: 29px;
                height: 29px;
                margin: auto;
            }

        .navigation_sidebar ul li a {
            position: relative;
            display: block;
            color: #999;
            font-size: 12px;
            text-align: center;
            border-bottom: 2px solid #303030;
            padding: 7px 0;
            border-left: 2px solid #545454;
            -moz-transition: all ease-in-out 0.25s;
            -webkit-transition: all ease-in-out 0.25s;
            transition: all ease-in-out 0.25s;
        }

            .navigation_sidebar ul li a i {
                display: block;
                width: 30px;
                height: 30px;
                margin: auto;
                opacity: 0.5;
            }

.navigation_sidebar > ul > li:hover > a, .navigation_sidebar > ul > li.selected > a {
    color: #fff;
    background: #3f3f3f;
    border-left-color: #008fd5;
}

    .navigation_sidebar > ul > li:hover > a i, .navigation_sidebar > ul > li.selected > a > i {
        opacity: 1;
    }


.menu_1 a i {
    background: url(../Content/images/menu_icon_1.png) no-repeat;
    background-size: cover;
}

.menu_2 a i {
    background: url(../Content/images/menu_icon_2.png) no-repeat;
    background-size: cover;
}

.menu_3 a i {
    background: url(../Content/images/menu_icon_3.png) no-repeat;
    background-size: cover;
}

.menu_4 a i {
    background: url(../Content/images/menu_icon_4.png) no-repeat;
    background-size: cover;
}

.menu_5 a i {
    background: url(../Content/images/menu_icon_5.png) no-repeat;
    background-size: cover;
}

.menu_6 a i {
    background: url(../Content/images/menu_icon_6.png) no-repeat;
    background-size: cover;
}

.menu_7 a i {
    background: url(../Content/images/menu_icon_7.png) no-repeat;
    background-size: cover;
}

.menu_1 a i {
    background: url(../Content/images/menu_icon_1.png) no-repeat;
    background-size: cover;
}
.menu_alert a i {
    background: url(../Content/images/menu_icon_alert.png) no-repeat;
    background-size: cover;
}
.menu_2 a i {
    background: url(../Content/images/menu_icon_2.png) no-repeat;
    background-size: cover;
}

.menu_3 a i {
    background: url(../Content/images/menu_icon_3.png) no-repeat;
    background-size: cover;
}

.menu_4 a i {
    background: url(../Content/images/menu_icon_4.png) no-repeat;
    background-size: cover;
}

.menu_5 a i {
    background: url(../Content/images/menu_icon_5.png) no-repeat;
    background-size: cover;
}

.menu_6 a i {
    background: url(../Content/images/menu_icon_6.png) no-repeat;
    background-size: cover;
}

.menu_8 a i {
    background: url(../Content/images/menu_icon_8.png) no-repeat;
    background-size: cover;
}

.menu_9 a i {
    background: url(../Content/images/menu_icon_9.png) no-repeat;
    background-size: cover;
}

.menu_10 a i {
    background: url(../Content/images/menu_icon_10.png) no-repeat;
    background-size: cover;
}

.menu_11 a i {
    background: url(../Content/images/menu_icon_11.png) no-repeat;
    background-size: cover;
}

.menu_12 a i {
    background: url(../Content/images/menu_icon_12.png) no-repeat;
    background-size: cover;
}

.menu_13 a i {
    background: url(../Content/images/menu_icon_13.png) no-repeat;
    background-size: cover;
}

.menu_14 a i {
    background: url(../Content/images/menu_icon_14.png) no-repeat;
    background-size: cover;
}

.menu_15 a i {
    background: url(../Content/images/menu_icon_15.png) no-repeat;
    background-size: cover;
}

.menu_16 a i {
    background: url(../Content/images/menu_icon_16.png) no-repeat;
    background-size: cover;
}

.menu_17 a i {
    background: url(../Content/images/menu_icon_17.png) no-repeat;
    background-size: cover;
}

.menu_18 a i {
    background: url(../Content/images/menu_icon_17.png) no-repeat;
    background-size: cover;
}

.menu_19 a i {
    background: url(../Content/images/deal_payment.png) no-repeat;
    background-size: cover;
    fill: white;
}
.menu_20 a i {
    background: url(../Content/images/Owner_menu_20.png) no-repeat;
    background-size: cover;
}
.menu_21 a i {
    background: url(../Content/images/Expense_icon_21.png) no-repeat;
    background-size: cover;
}
.navigation_sidebar ul li .submenu_sidebar li {
    background: #282828;
    border: 0;
}

    .navigation_sidebar ul li .submenu_sidebar li a {
        border: 0;
        font-size: 12px;
        text-align: left;
        position: relative;
        padding-left: 17px;
        color: #999;
    }

        .navigation_sidebar ul li .submenu_sidebar li a:before {
            content: '_';
            position: absolute;
            left: 5px;
            color: #fff;
            top: 2px;
        }

.open_dropdown:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    right: 0;
    top: 6px;
}
/*edit 7/9/2015*/
.arrow-down {
}

.rental_title {
    background: #fff;
    
}

    .rental_title h3 {
        margin: 0;
        padding: 15px 0;
        text-align: center;
        color: #353535;
        font-size: 15px;
        font-weight: bold;
    }

.resort_name {
    padding: 5px 0;
   
}
.no-box-shadow
{
    border-bottom: 0 !important;
}

    .resort_name h4 {
        margin: 0;
        color: #555;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
    }

        .resort_name h4 span {
            font-weight: 300;
            margin-top: 5px;
            display: block;
        }

    .resort_name h5 {
        color: white;
        margin: 0px;
        font-size: 14px;
        text-align: center;
        padding-top: 7px;
    }

.resort_image_wrap {
    margin: 5px 5px;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 1px 1px 1px #d5d5d5;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
}

.create_rental_wrap {
    padding: 15px;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 1px 1px 1px #d5d5d5;
}

.submenu_sidebar {
    display: none;
}

.input_field {
    display: block;
    background-color: #fff;
}

.checkbox_wrap {
    position: relative;
}

    .checkbox_wrap input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 5px;
        left: 0;
    }

    .checkbox_wrap label span {
        width: 20px;
        height: 20px;
        float: left;
    }

    .checkbox_wrap input[type="checkbox"] + span {
        background: url(../Content/images/checkbox_unchecked.png) no-repeat;
        display: block;
        margin: 5px 10px 0 0;
        background-size: cover;
    }

    .checkbox_wrap input[type="checkbox"]:checked + span {
        background: url(../Content/images/checkbox_checked.png) no-repeat;
        background-size: cover;
    }

    .checkbox_wrap em {
        font-style: normal;
        line-height: 30px;
        color: #939393;
        font-weight: 300;
    }

    .checkbox_wrap input[type="checkbox"]:checked + span + em {
        color: #282828;
        font-weight: bold;
    }

.notificaion_detail strong {
    color: #282828;
    font-size: 15px;
    display: block;
    margin: 0 0 10px;
}

.notification_check_list {
    padding: 0;
}

    .notification_check_list li {
        float: left;
        width: 50%;
    }

.resort_name strong {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.resort_name small {
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    color: #fff;
}

.check_row {
    margin: 0 20px 0;
}

.resort_name span {
    color: #353535;
    font-size: 13px;
}

.resort_name label {
    width: 45%;
    font-size: 13px;
    color: #666666;
}

/*27-08-2015*/
.small_note {
    font-size: 11px;
    color: #666666;
    font-weight: bold;
    font-style: normal;
}

.info_box strong {
    font-size: 15px;
    color: #282828;
    margin-bottom: 10px;
    display: block;
}

.resort_name p {
    color: #353535;
    margin: 0 20px;
    font-size: 13px;
}

.notification_type h2 {
    color: #000;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
}

.notification_type small {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

.notification_wrap {
    width: 70%;
    margin: auto;
}

.notification_box {
    width: 48%;
    border: 1px solid #bdbdbd;
    background: #f2f2f2;
    padding: 20px;
    text-align: center;
}

    .notification_box img {
        display: table;
        margin: auto;
    }

    .notification_box h4 {
        font-size: 15px;
        color: #000;
        font-weight: bold;
    }


/*5/9/2015*/
.content_title {
    position: relative;
}

    .content_title h2 i {
        background: url(../Content/images/bread-crumb.png) no-repeat;
        background-size: auto 100%;
        width: 20px;
        height: 25px;
        display: block;
        float: left;
        margin: 1px 0 0 0px;
    }

    .content_title h2 span {
        display: block;
        float: left;
        margin: 0 11px;
    }

.graph-filter .filter-option {
    width: 250px;
    text-align: center;
    font-size: 24px;
    position: relative;
}

.filter-option .label-filter {
    font-weight: 600;
}

.filter-option .show-value {
    padding: 10px 10px 10px 0;
    border: 2px solid #353535;
    margin-top: 15px;
    position: relative;
    cursor: pointer;
}

.arrow-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #707070 transparent transparent transparent;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
}

ul.select-filter {
    position: absolute;
    width: 100%;
    top: 101%;
    border: 1px solid #353535;
    padding: 0;
    background: #fff;
    display: none;
}

    ul.select-filter li {
        width: 100%;
        font-size: 18px;
        text-align: left;
        line-height: 35px;
        padding: 5px 10px;
        cursor: pointer;
        border-bottom: 1px solid #353535;
    }

        ul.select-filter li:last-child {
            border-bottom: 0;
        }

.graph {
    min-height: 250px;
}

.graph-value {
    text-align: center;
    display: table;
    margin: 10px auto;
    font-size: 24px;
    font-weight: bold;
}

.payment-table {
    border-collapse: collapse;
    font-size: 15px;
}

    .payment-table thead tr {
        background: #ebebeb;
    }

        .payment-table thead tr th {
            background: #ebebeb;
        }

    .payment-table th {
        position: relative;
        padding: 10px 17px;
        border: 1px solid #ababab;
        text-align: center;
    }

    .payment-table td {
        padding: 10px 5px;
        border: 1px solid #ababab;
        text-align: center;
    }

.notification_type h2 {
    margin-bottom: 30px;
}

.notification_type small {
    font-size: 20px;
    margin-bottom: 40px;
}

.notification_box h4 {
    font-size: 18px;
}

.info-icon {
    background: url(../Content/images/info-icon.png) no-repeat;
    float: right;
    background-size: cover;
    width: 25px;
    height: 25px;
}

.info_box.payment-detail .row {
    margin-bottom: 0;
}

.payment-btn {
    background: #d5002d;
    padding: 15px;
    color: #FFFFFF;
    border-radius: 3px;
    height: auto;
    width: 90%;
    margin: 23px auto;
    font-size: 16px;
}

.manage-reservation {
    background: #00ce64;
    box-shadow: 1px 1.732px 0px 0px rgba(123, 0, 17, 0.75);
}



.search-box {
    position: absolute;
    top: 15px;
    right: 15px;
    border: 1px solid #fff;
    width: 230px;
}

i.icon-search {
    height: 25px;
    width: 25px;
    float: left;
    position: absolute;
    left: 5px;
    top: 5px;
    font-size:22px;
}

.search-box input {
    width: 100%;
    padding: 0 25px 0 35px;
    border: 0;
    outline: 0;
    background: none;
    line-height: 33px;
    height: 33px;
}

.search-box * {
    color: #fff;
}

.search-box ::-webkit-input-placeholder {
    color: #D0D0D0;
    font-weight: 300;
}

.search-box :-moz-placeholder {
    color: #D0D0D0;
    font-weight: 300;
}

.search-box ::-moz-placeholder {
    color: #D0D0D0;
    font-weight: 300;
}

.search-box :-ms-input-placeholder {
    color: #D0D0D0;
    font-weight: 300;
}

.content_title h2 span.past-reservaation, .content_title h2 span.import-reservaation {
    margin-left: 15px;
}

.past-reservaation em {
    background: url(../Content/images/past-reservation.png) no-repeat;
    background-size: auto 100%;
    width: 25px;
    height: 25px;
    float: left;
    margin: 1px 10px 0 0;
}

.import-reservaation em {
    background: url(../Content/images/import-reservation.png) no-repeat;
    background-size: auto 100%;
    width: 25px;
    height: 25px;
    float: left;
    margin: 1px 10px 0 0;
}

.delivery-icon {
    background: #fff;
    border: 2px solid #cfcfcf;
    text-align: center;
}

    .delivery-icon span {
        display: block;
        margin: 10px;
    }

.delivery-icons {
    display: table;
    margin: 15px auto;
}

    .delivery-icons > div {
        background: #fff;
        border: 2px solid #cccccc;
        border-radius: 10px;
        width: 100px;
        height: 100px;
        float: left;
        margin: 15px;
        text-align: center;
        padding-top: 15px;
        cursor: pointer;
        -moz-transition: all ease-in-out 0.25s;
        -webkit-transition: all ease-in-out 0.25s;
        transition: all ease-in-out 0.25s;
    }

        .delivery-icons > div.active {
            background: #00ce64;
            color: #fff;
        }

        .delivery-icons > div span {
            display: block;
            margin-top: 5px;
        }

p.note-now {
    text-align: center;
    margin: 15px;
    color: #777777;
    display: none;
}
.btn-inline-wrap {
    text-align: center;
}
.btn-inline-wrap button {
    display: inline-block;
}

.button-notification {
    display: table;
    padding: 0 45px;
    height: 46px;
    line-height: 46px;
    font-size: 13px;
    background: #008fd5;
    color: #FFFFFF;
    margin: 15px auto;
    position: relative;
    box-shadow: 1px 1.732px 0px 0px rgba(13, 77, 109, 0.75);
    outline: none;
}

    .button-notification:after {
        content: '';
        position: absolute;
        right: -10px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 23px 0 23px 10px;
        border-color: transparent transparent transparent #008fd5;
    }

    .button-notification:before {
        content: '';
        position: absolute;
        right: -10px;
        top: 1.73px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 23px 0 23px 10px;
        border-color: transparent transparent transparent rgba(13, 77, 109, 0.75);
    }

.later-value {
    display: none;
    margin: 15px auto;
}

    .later-value > label {
        margin: 0 15px;
        display: block;
        float: left;
    }

        .later-value > label span {
            color: #666;
            margin-right: 10px;
            font-size: 15px;
        }

        .later-value > label > input {
            border: 1px solid #cdcdcd;
            border-radius: 3px;
            box-shadow: 0 0 4px #ccc inset;
            width: 150px;
            height: 35px;
            padding: 0 5px;
        }

        .later-value > label > select {
            border: 1px solid #cdcdcd;
            border-radius: 3px;
            box-shadow: 0 0 4px #ccc inset;
            width: 70px;
            height: 35px;
            padding: 0 5px;
        }

.no-notification {
    font-size: 24px;
    text-align: center;
    padding: 15px;
}

/*Akanksha Css*/

.input_row input[type="file"] {
    width: 100%;
    padding: 6px;
}

.up-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #707070 transparent transparent transparent;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.checkbox_wrap.fixed_checkbox {
    position: absolute;
    position: absolute;
    right: 10px;
    top: 10px;
}

.popup_head {
    background: #008fd5;
    border-bottom: 0;
    color: #fff;
    font-weight: 300;
}

    .popup_head .close {
        opacity: 1;
        color: #fff;
    }

.addnew-image {
    cursor: pointer;
}

    .addnew-image img {
        width: 16px;
    }

    .addnew-image input[type="file"] {
        display: none;
    }

.additional_photos ul li {
    position: relative;
}

.remove-image {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    border: 2px solid #777;
    text-align: center;
    line-height: 20px;
    background: #fff;
    cursor: pointer;
    width: 25px;
    height: 25px;
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}

.additional_photos ul li .remove-image {
    width: 18px;
    height: 18px;
    line-height: 13px;
}

.featured_photos .remove-image img {
    width: 10px;
    height: auto;
}

.additional_photos ul li .remove-image img {
    width: 7px;
    height: auto;
    top: -7px;
    right: -7px;
}


.additional_photos ul li:hover .remove-image, .featured_photos figure:hover .remove-image {
    opacity: 1;
}

.remove-image img {
    width: 10px;
}

.upload_btn {
    background: #00ce64;
    color: #fff;
    min-width: 100px;
    box-shadow: 1px 1px 1px #078d48;
    margin-top: 23px;
    height: 35px;
    overflow: hidden;
    text-align: center;
    line-height: 35px;
    position: relative;
    cursor: pointer;
}

    .upload_btn input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        left: 0;
        top: 0;
        cursor: pointer;
        padding-left: 100px;
    }

.navigation_sidebar ul li .submenu_sidebar li a.selected {
    font-weight: bold;
    color: #fff;
}

.search_close {
    position: absolute;
    right: 10px;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    top: 7px;
    cursor: pointer;
}



/*manoj*/
.input_row .time-picker {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    box-shadow: 0 0 4px #ccc inset;
    width: 70px;
    height: 35px;
    padding: 0 5px;
    margin-top: 5px;
}

.featured_photos figure {
    height: 215px;
    position: relative;
    z-index: 2;
}

    .featured_photos figure img, .additional_photos ul li img {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

.additional_photos ul li img {
    height: 100%;
}

.input_row textarea.has_error, .input_row select.has_error, .input_row input[type="text"].has_error, .input_row input[type="email"].has_error, .input_row input[type="password"].has_error {
    border-color: #f00;
}

.alert_msg {
    color: #f00;
}

.inactive {
    color: #959595;
}

.login_wrap {
    max-width: 400px;
    width: 100%;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -mz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.heading_login {
    font-size: 22px;
    color: #333;
    padding: 10px;
    background: #fff;
}

.login_form {
    margin: 15px 0;
}

.login_wrap .input_row {
    margin-bottom: 10px;
}

.submit_btn {
    background: #d5002d;
    color: #fff;
    min-width: 100px;
    box-shadow: 1px 1px 1px #7b0011;
    padding: 8px 20px;
    font-size: 14px;
}



/*Loader css*/

.loadingBg {
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.LogingLogo {
    margin: 0px 0px 10px 0px;
    width: 70px;
}

.spinner {
    margin: auto;
    width: 330px;
    top: 45%;
    position: relative;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #fff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*Loader css*/



/*Rahul*/
.calendar_icon {
    width: 30px;
    height: 25px;
    position: absolute;
    right: 12px;
    top: 30px;
    background: url(../Content/images/calendar_icon.png) no-repeat;
    background-size: 20px;
}

.customer_text {
    color: #fff;
    text-align: center;
    margin: 0;
}

.input_row > label em {
    color: #f00;
}

.resort_image {
    width: 80%;
}

.payment-table {
    width: 100%;
}

.input_row .dropdown-menu {
    /*width: 340px;*/
    padding: 10px;
}
    /*.input_row input[type="text"]:focus, .input_row input[type="email"]:focus, .input_row input[type="password"]:focus, .input_row textarea:focus, .input_row select:focus, .input_row input[type="file"]:focus {outline:none;}*/
    .input_row .dropdown-menu:focus {
        outline: none;
    }

/*Ishwar 22-09-2015*/

.company_logo {
    position: relative;
}

.image_wrap {
    position: relative;
    display: table;
    margin: auto;
}

.notification_box p {
    color: #000;
    font-size: 14px;
}



/*Messages css*/

.wrap_message {
}

.m_header {
    background: #353535;
    padding: 10px;
}

.chat_box {
    display: inline-block;
    border-radius: 8px;
    padding: 10px 15px;
    font-size: 14px;
    position:relative;
    white-space:pre-wrap;
}

.chat_box {
    color: #fff;
}

.chat_box {
    background: #8dc63f;
    white-space: pre-wrap;
}



.left_chat {
    text-align: left;
}

.right_chat {
    text-align: right;
}

    .right_chat .chat_box {
        background: #008fd5;
        text-align: right;
    }

.chat {
    margin-bottom: 20px;
}

.right_chat strong {
    text-align: right;
    padding-right: 62px;
}

.left_chat strong {
    text-align: left;
    padding-left: 60px;
}

.chat strong {
    display: block;
    font-size: 12px;
}

.msg_box {
    padding: 30px;
    overflow-y: auto;
    width: auto !important;
}

.logo_wrap {
    width: 200px;
    margin: auto;
}

.archieve {
    background: #232323;
    color: #fff;
    font-size: 15px;
    padding: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.inbox_left {
    border-right: 1px solid #232323;
    float: left;
    width: 30%;
}

.archieve i {
    width: 25px;
    display: inline-block;
    margin: 0 10px;
    overflow-y: auto;
}

.msg_list {
    padding: 0;
    width: 100% !important;
    margin: 0;
}

    .msg_list strong {
        font-size: 13px;
        color: #282828;
        display: block;
    }

    .msg_list h4 {
        font-size: 18px;
        margin: 2px 0;
        color: #282828;
        font-weight: bold;
    }

    .msg_list p {
        font-size: 16px;
        margin: 2px 0;
        color: #282828;
    }

.inbox_info {
    margin-left: 40px;
}

.msg_list li {
    border-bottom: 1px solid #6b6b6b;
    padding: 10px;
    position: relative;
    cursor: pointer;
}

.staus {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #00ce64;
    left: 20px;
    top: 45px;
}

.msg_wrap {
    float: left;
    width: calc(100% - 30%);
    position: relative;
}

.send_message {
    border-top: 1px solid #ddd;
    padding: 20px;
    background-color: #fff;
}

    .send_message textarea {
        width: 70%;
        border: 1px solid #ddd;
        height: 50px;
        resize: none;
        border-radius: 7px;
        background: #fafafa;
        padding: 10px;
    }

    .send_message button {
        float: right;
        width: 19%;
        border: 0;
        color: #fff;
        line-height: 50px;
        height: auto;
        background: #e93754;
        border-radius: 7px;
        font-size: 15px;
    }

        .send_message button:hover {
            background: #222;
        }

/*28-11-2017*/
.p-cursor-unset {
    cursor: unset !important;
    pointer-events: none;
}

.p-load-wrap {
    position: absolute;
    height: 40px;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
}

.p-loader {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.p-msg-wrap {
    position: relative;
    background: #de7419;
    color: #fff;
    padding: 3px 15px;
    padding-right: 35px;
    border-radius: 50px;
    min-width: 350px;
    font-weight: 600;
    font-size: 14px;
}

.p-msg-connected {
    background: rgb(14, 211, 110);
}

.p-cross {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
}

    .p-cross > em {
        width: 15px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%) rotate(45deg);
        -moz-transform: translate(-50%,-50%) rotate(45deg);
        -ms-transform: translate(-50%,-50%) rotate(45deg);
        transform: translate(-50%,-50%) rotate(45deg);
    }

        .p-cross > em:last-child {
            width: 2px;
            height: 15px;
        }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.manage {
    background: #00ce64;
    box-shadow: 1px 1px 1px #3ea26e;
}

.delete_account {
    background: #e93754;
    box-shadow: 1px 1px 1px #c82b45;
}

.payment-table td button {
    color: #fff;
    font-weight: 500;
    margin: 0 10px;
    padding: 0 20px;
}

.last_child {
    text-align: center;
}

.create_restaurent {
    border: 2px solid #fff;
    padding: 8px 30px 8px 40px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    right: 270px;
    position: absolute;
    top: 15px;
    cursor: pointer;
}

    .create_restaurent i {
        width: 15px;
        height: 15px;
        position: absolute;
        left: 10px;
        background: url(../images/plus_icon.png) no-repeat;
        top: 11px;
    }

.msg_list li:hover {
    background: #f1f1f1;
}


.delete_account {
    background: #e93754;
    box-shadow: 1px 1px 1px #c82b45;
    color: #fff;
}

.payment-table td button, .manage_link {
    color: #fff;
    font-weight: 500;
    margin: 0 2px;
    padding: 0 10px;
    font-size: 12px;
}

.editRentalUnit {
    max-height: 70vh;
    overflow-y: auto;
}

.manage_link {
    height: 30px;
    display: inline-block;
    line-height: 30px;
    cursor: pointer;
}

    .manage_link:hover {
        color: #fff;
    }

.last_child {
    text-align: center;
}

.create_restaurent {
    border: 1px solid #fff;
    padding: 8px 30px 8px 40px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    right: 270px;
    position: absolute;
    top: 15px;
    cursor: pointer;
}

    .create_restaurent em {
        width: 15px;
        height: 15px;
        position: absolute;
        left: 10px;
        background: url(../Content/images/plus_icon.png) no-repeat;
        top: 9px;
    }

.msg_list li:hover {
    background: #f1f1f1;
}




/*scroll css*/

.scrollbox {
    overflow: auto;
}

.vertical-track {
    width: 8px;
    background-color: #b9b9b9;
}

.vertical-handle {
    width: 8px;
    background-color: #c7e7f6;
}

/*scroll css*/

/*parul css*/

.button_create:focus {
    outline: none;
}

.button_create.red_btn span {
    background: #d5002d;
}

.button_create.red_btn i {
    border-left: 10px solid #d5002d;
}

.button_create.green_btn span {
    background: #00CE64;
}

.button_create.green_btn i {
    border-left: 10px solid #00CE64;
}

.input_row > button.select_venue {
    background: #00CE64;
    margin: 0;
    height: 55px;
    padding: 10px;
    box-shadow: 0 1px 1px #338e5f;
}

    .input_row > button.select_venue span {
        display: block;
        font-weight: bold;
    }

.navigation_sidebar ul li.active {
    border-left-color: #008fd5;
}

    .navigation_sidebar ul li.active a {
        opacity: 1;
    }

.alert {
    margin: 15px 20px 0;
}

.venue_list ul {
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
}

    .venue_list ul li {
        float: left;
        width: 25%;
        margin: 0 0 10px;
    }

.popup_head {
    padding: 0;
}

    .popup_head h3 {
        background: #008fd5;
        margin: 0;
        color: #fff;
        padding: 15px;
        font-size: 20px;
    }

.Popup_Close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.select_all {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

    .select_all em {
        font-weight: bold;
    }

.managedelete {
    background: #d5002d;
    box-shadow: 1px 1px 1px #d5002d;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    margin: 0 10px;
    padding: 0 20px;
    cursor: pointer;
}

.navigation_sidebar .submenu_sidebar {
    padding-left: 20px;
}

/*.navigation_sidebar ul li .submenu_sidebar li.selected a {
    opacity: 1;
}*/

.navigation_sidebar ul li .submenu_sidebar li a:hover, .submenu_sidebar li .selected {
    color: #fff;
    background: #3f3f3f;
}

.resort_image_wrap figure {
    z-index: 2;
    position: relative;
    overflow: hidden;
    height: auto;
    width: auto;
}

    .resort_image_wrap figure img {
        width: 100%;
        height: 100%;
    }

    .resort_image_wrap figure.staic_featured {
        top: 0;
        z-index: 1;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.rental_summary .button_wrap {
    margin: 10px 0;
}

    .rental_summary .button_wrap button {
        margin-bottom: 10px;
    }

.venue_list_new ul li {
    float: left;
    list-style: square;
    font-size: 14px;
    margin: 0 0 10px;
    width: 33.33%;
}

    .venue_list_new ul li label {
        font-weight: normal;
    }

.modal-body {
    max-height: 500px;
    overflow-y: auto;
}

.additional_photos ul.static_images {
    position: absolute;
    top: 0;
    z-index: 1;
}

.featured_photos figure.staic_featured {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    width: 100%;
}

    .featured_photos figure.staic_featured img, .resort_image_wrap figure.staic_featured img {
        height: 100%;
    }

.feature_height {
    min-height: 350px;
}

.sortable {
    position: relative;
}

    .sortable.sort-desc:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #333;
        border-top: 0;
    }

    .sortable-before:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #333;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 5px;
    }
    .sortable-after:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #333;
        position: absolute;
        top: 45%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 5px;
    }

.venue_list .checkbox_wrap em {
    color: #333;
}

.payment-table td.last_child {
    width: 290px;
}

/*10-09-2015*/

.input_row button.green_button {
    background: #00ce64;
    box-shadow: 1px 1px 1px #078d48;
    position: relative;
}

.input_row input[type="text"].small_text {
    width: 50px;
    text-align: center;
}

.text_textbox {
    color: #666666;
    font-style: normal;
    font-weight: 500;
}

.align_image {
    width: 70%;
    display: table;
    margin: 0 auto 20px;
}


/*14-09-2015*/

.edit_button.edit_green {
    background: #00ce64;
    box-shadow: 0 1px 1px #338e5f;
}

.deal_span {
    color: #666666;
    font-size: 13px;
}

    .deal_span input[type="text"] {
        margin: 0 10px;
    }

    .deal_span b {
        margin-left: 20px;
    }

.button_create.later span {
    background: #00ce64;
    box-shadow: 1px 1px 1px #3d9e6c;
}

.button_create.later i {
    border-left: 10px solid #00ce64;
}

.button_create.delete span {
    background: #e93754;
    box-shadow: 1px 1px 1px #ba243c;
}

.button_create.delete i {
    border-left: 10px solid #e93754;
}

.button_wrap {
    text-align: center;
}

    .button_wrap .button_create {
        display: inline-block;
        margin: 0 25px;
    }

.sidebar_actions {
    text-align: center;
    padding: 10px 0;
}

    .sidebar_actions .button_create {
        display: inline-block;
        margin: 0 5px;
        position: relative;
    }

        .sidebar_actions .button_create span {
            width: 120px;
        }

.button_create em {
    width: 10px;
    height: 10px;
    background: url(../images/play_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 8px;
    top: 15px;
    z-index: 1;
}

.payment-table td, .payment-table th {
    font-size: 14px;
}

.inactive {
    color: #959595;
}

.login_wrap {
    max-width: 425px;
    width: 100%;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -mz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.heading_login {
    font-size: 24px;
    color: #333;
    padding: 10px 0;
    text-align: center;
    font-weight: 500;

}

.login_form {
    margin: 15px 0;
}

.login_wrap .input_row {
    margin-bottom: 10px;
}

.submit_btn {
    background: #d5002d;
    color: #fff;
    min-width: 100px;
    box-shadow: 1px 1px 1px #7b0011;
    padding: 10px 40px;
    font-size: 14px;
    margin: 20px 0;
}

    .submit_btn:hover {
        background: #333;
        box-shadow: 1px 1px 1px #222;
    }



/*28-10-2015*/



.button_wrap button {
    margin: 0 20px 0 0;
    min-width: 150px;
    line-height: 35px;
    height: 35px;
    font-size: 13px;
}

.green_button {
    background: #00ce64;
    box-shadow: 1px 1px 1px #078d48;
    position: relative;
    color: #fff;
}

.blue_button {
    background: #008fd5;
    box-shadow: 1px 1px 1px #008fd5;
    position: relative;
    color: #fff;
}

.box_dashboard {
    position: relative;
}

.icon_left {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
}

.dasboard_wrap {
    padding: 20px 50px;
}

    .dasboard_wrap .row {
        margin-bottom: 25px;
    }

.box_dashboard h4 {
    font-size: 15px;
    color: #fff;
    background: #008fd5;
    padding: 10px;
    margin: 0;
}

.box_inner {
    position: relative;
    padding-left: 100px;
    margin: 0 0 35px;
}

    .box_inner h5 {
        font-size: 18px;
        color: #666;
        font-weight: bold;
        margin: 15px 0;
    }




.submit_btn:hover {
    background: #333;
    box-shadow: 1px 1px 1px #222;
}


/*28-10-2015*/


/*.button_wrap button{margin: 0 20px 0 0; min-width: 150px; line-height: 35px; height: 35px; font-size: 13px;}

.green_button{background: #00ce64; box-shadow: 1px 1px 1px #078d48; position: relative; color: #fff;}
.blue_button{background: #008fd5; box-shadow: 1px 1px 1px #008fd5; position: relative; color: #fff;}

.box_dashboard{ position: relative; }
.icon_left{position: absolute; left: 10px; top: 10px; width: 50px; height: 50px;}
.dasboard_wrap{padding: 50px;}
.dasboard_wrap .row{margin-bottom: 25px;}
.box_dashboard h4{font-size: 15px; color: #fff; background: #008fd5; padding: 15px; margin: 0;}
.box_dashboard{background: #f2f2f2; border: 1px solid #bdbdbd; padding: 0; width: 48%;}
.box_inner{position: relative; padding-left: 100px; margin: 0 0 35px;}
.box_inner h5{font-size: 18px; color: #666; font-weight: bold; margin: 15px 0;}
.submit_btn:hover{background: #333;  box-shadow: 1px 1px 1px #222;}*/

/*29-10-2015*/
/*nw-reservation-popup*/

.nw-resrvatn-popup .reserv-msg {
    font-size: 14px;
    font-weight: 600;
    margin: 20px 0;
    display: block;
}

.nw-resrvatn-popup .table_data_show table td .manage {
    color: #fff !important;
}
/*nw-reservation-popup*/
.position_btn {
    position: absolute;
    top: 50%;
    right: 20px;
}


/*2-11-2015*/

.manage_link.double_line_btn {
    height: 40px;
    line-height: 15px;
}

.upload_btn.stripe_login {
    display: inline-block;
}

.inbox_left .scrollbox {
    padding-right: 0 !important;
}

/*09-11-2015*/

.search-box input::-ms-clear {
    display: none;
}

.adjust_company_logo {
    position: relative;
}

    .adjust_company_logo figure {
        position: relative;
        z-index: 2;
        height: 120px;
    }

        .adjust_company_logo figure.staic_featured {
            position: absolute;
            top: 0;
            overflow: hidden;
            left: 0;
            z-index: 1;
        }

            .adjust_company_logo figure.staic_featured img {
                width: 100%;
                height: 100%;
            }

/*#imgCompany {
    width: 100%;
    height: 100%;
}*/

.resort_name .adjust_company_logo {
    margin: 0 15px 10px;
}



/*17-11-2015*/

.popup_overlay, .alert-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 2;
}

.popup_overlayUpload {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 9;
}

.confirmation_popup {
    position: absolute;
    width: 500px;
    background: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .confirmation_popup h4 {
        font-size: 18px;
        color: #666;
        display: table;
        margin: auto;
        border-bottom: 2px solid #666;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .confirmation_popup p {
        font-size: 13px;
        line-height: 20px;
        color: #777;
    }

.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width: 500px;
    height: 350px;
}



/*05-01-2015*/

.rh_status_wrap {
    padding: 15px 0;
}

.rh_status {
    width: 130px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #fff;
    display: table;
    margin: auto;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

    .rh_status span {
        font-size: 14px;
        display: table;
        margin: auto;
    }

    .rh_status em {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin: 9px 5px 0 0;
    }

    .rh_status.available em {
        background: #00ce64;
    }

    .rh_status.away em {
        background: #ffc80a;
    }

.align_image_single {
    margin: auto;
    width: 80%;
    display: table;
}

.deal_information p {
    color: #555;
    font-size: 13px;
    margin: 0;
}

    .deal_information p strong {
        color: #777;
    }

.resort_name small a {
    color: #fff;
}

.checkbox_wrap.big_check em {
    font-size: 14px;
    line-height: 35px;
}

.checkbox_wrap.big_check label span {
    width: 25px;
    height: 25px;
}

.input_row input[type="number"].small_text {
    width: 50px;
    text-align: center;
    margin-right: 5px;
    padding: 0;
}

.input_row button.grey_btn {
    background: #bcbcbc;
    box-shadow: 1px 1px 1px #ccc;
    cursor: default;
}

.input_row button.blue_btn {
    background: #008fd5;
    box-shadow: 1px 1px 1px #0d4d6d;
}

.button_box {
    text-align: center;
}

.voucher_row_custom {
}

    .voucher_row_custom .col-md-1 {
        width: 10%;
    }

    .voucher_row_custom .col-md-4 {
        width: 30%;
    }

    .voucher_row_custom button {
        margin-right: 15px;
    }

/*11-01-2016*/

.signup_wrap {
    max-width: 1000px;
    margin: 80px auto 0;
    width: 90%;
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.input_row:before, .input_row:after {
    content: '';
    display: table;
    line-height: 0;
    float: none;
    clear: both;
}

.signup_wrap .input_row {
    margin-bottom: 15px;
}

.half_input > label {
    color: #666;
}

.signup_wrap .login_form {
    padding: 0 30px 20px;
}

.box_inner .button_wrap {
    text-align: left;
}

/*8-02-2016*/

.company_image {
    position: relative;
}

.grey_btn {
    background: #bdbdbd;
}

.input_row .featured_photos {
    min-height: 215px;
}

.addnew-image {
    background: #00ce64;
    box-shadow: 1px 1px 1px #078d48;
    position: relative;
    color: #fff !important;
    min-width: 100px;
    margin-top: 0;
    font-size: 13px !important;
    padding: 10px 20px;
}


.search-box input::-webkit-input-placeholder {
    color: #fff;
}

.search-box input:-moz-placeholder {
    color: #fff;
}

.search-box input::-moz-placeholder {
    color: #fff;
}

.search-box input:-ms-input-placeholder {
    color: #fff;
}

.msg_list li.activeChat {
    background: #008fd5;
}

.msg_list li.list_disabled {
    cursor: unset !important;
}

.msg_list li.activeChat h4, .msg_list li.activeChat strong, .msg_list li.activeChat p {
    color: #fff;
}

.msz_count {
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    background: #d5002d;
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    left: -18px;
    top: 0;
}

.resort_name label em {
    font-style: normal;
}
/*12/5/16*/
.pr_featured_photos {
    width: 60% !important;
}

.pr_additional_photos {
    width: 40%;
}

.pr_feature_height {
    min-height: 460px;
}
/*.pr_staic_featured{width:332px;height:332px;}*/
.pr_staic_featured img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.pr_staic_featured {
    width: 342px;
    height: 190px;
    position: relative;
}

.pr_static_images {
    position: relative !important;
}

    .pr_static_images li {
        width: 160px !important;
    }

        .pr_static_images li img {
            width: 100% !important;
            height: 100% !important;
        }

        .pr_staic_featured:after, .pr_static_images li:after {
            content: '';
            display: block;
            width: 100%;
        }

.pr_resetimage img {
    width:;
}

.remove-image {
    top: -19px;
    right: -23px;
}

.featured_photos .remove-image img {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.pr_removeimage {
    top: -14px;
    right: -17px;
}

.additional_photos ul li .remove-image.pr_removeimage img, .pr_mrg .remove-image.pr_removeimage img {
    width: 8px !important;
    height: auto !important;
    top: 50%;
    right: -10%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.pr_resort_image_wrap {
    height: auto;
}

.pr_mrg {
    margin-top: 12px;
}

    .pr_mrg .remove-image {
        top: -15px;
        right: -18px;
        width: 20px;
        height: 20px;
    }

        .pr_mrg .remove-image img {
            width: 8px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
        }

.pr_resort_name label {
    width: 55%;
}

.pr_resetimage {
    margin: 5px auto;
    padding: 0px;
    height: 160px;
    width: 160px;
}

    .pr_resetimage img {
        width: 100%;
    }

.pr_85 {
    width: 85% !important;
}



/*16-06-2016*/
.image_cropper {
    overflow: hidden;
    width: 342px;
    height: 190px;
    position: relative;
}

    .image_cropper img {
        top: 50%;
        left: 50%;
        max-width: none;
        position: absolute;
        width: auto;
        height: auto;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .image_cropper img.vertical {
            width: 100%;
        }

        .image_cropper img.horizontal {
            height: 100%;
        }
/*.featured_photos {margin-right:50px}*/
.additional_photos ul li .image_cropper {
    width: 100%;
    height: 85px;
}

    .additional_photos ul li .image_cropper img {
        width: auto !important;
        height: auto !important;
        min-width: 100%;
        max-width: 100%;
    }

        .additional_photos ul li .image_cropper img.new_style {
            -moz-transform: none;
            -ms-transform: none;
            -webkit-transform: none;
            transform: none;
            top: 0;
            left: 0;
        }

.resort_image_wrap .image_cropper {
    width: 100%;
    height: 150px;
}

    .resort_image_wrap .image_cropper img {
        width: auto;
        height: auto;
    }

.additional_photos ul li:nth-child(2n) {
    margin-right: 0;
}

.additional_photos ul li {
    margin: 0 4% 4% 0;
}

.company_logo .image_cropper {
    width: 280px;
    height: 150px;
}

.company_logo .remove-image {
    top: -18px;
    right: -16px;
    z-index: 1;
}

.adjust_company_logo .image_cropper {
    width: 100%;
    max-height: 150px;
    height: auto;
}

/*22-06-2016*/

.input_row.autocomplete_wrap .dropdown-menu strong {
    display: inline;
}

.input_row.autocomplete_wrap .dropdown-menu .active strong {
    color: #fff;
}

.input_row.autocomplete_wrap .dropdown-menu {
    padding: 0;
    width: auto;
    max-height: 400px;
    overflow-y: auto;
}


/*1-09-2016*/
.placeholder_text {
    background: #c6c6c6;
    text-align: center;
    font-size: 28px;
    padding: 30px 0;
    color: #fff;
}

.account-status {
    display: inline-block;
    border-radius: 11px;
    padding: 3px 10px;
    font-weight: 600;
    color: #fff;
}

    .account-status.verified {
        background: #00ce64;
    }

    .account-status.pending {
        background: #555;
    }

.rh_msz {
    padding: 20px;
    position: fixed;
    z-index: 9;
    width: calc(100% - 200px);
    top: 60px;
}

.red_msz {
    background: #d5002d;
    color: #fff;
}

.main_wrap { 
    margin-top:70px;   
}
@media (max-width: 1409px) and (min-width: 950px)
{
    .main_wrap {  margin-top:70px; } 
    .right_menu ul li {margin-left: 16px;} 
    .menu-no-padding{padding-left: 0;padding-right: 0;} 
    .wrap_dropdown{ z-index:999;}
}
@media (max-width: 949px)
{
    .main_wrap { margin-top:90px; } 
    .right_menu ul li {margin-left: 16px;} 
    .menu-no-padding{padding-left: 0;padding-right: 0;} 
    .wrap_dropdown{ z-index:999;}  
}
.rh_msz a {
    color: #fff;
    text-decoration: underline;
    margin-right: 70px;
    font-weight: bold;
}

.rh_msz p {
    margin: 0;
    font-size: 14px;
}

.right_section_wrap {
    padding-left:  0px;
}

.right_inner_box {
    position: relative;
}

.right_section_wrap .content_wrap {
    padding-left: 0;
}

.rh_msz ~ .right_inner_box .right_sidebar {
    top: 62px;
}

.rh_msz + .right_inner_box {
    margin-top: 60px;
}

.spinner span {
    display: block;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
}

.right_sidebar .image_wrap {
    display: block;
}

.staic_featured img {
    width: 100%;
}

/*20-09-2016*/
.upload_shot {
    display: table;
    position: relative;
    background: #b0b0b0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -ms-transition: all .5s ease;
}

.add_photo_btn {
    position: absolute;
}

    .add_photo_btn input {
        display: none;
    }

.add_photo_btn {
    z-index: 1;
    display: none;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    left: 50%;
    top: 50%;
    width: 100px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -ms-transition: all .5s ease;
}

.black_overlay {
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -ms-transition: all .5s ease;
}
/*.upload_shot:hover .add_photo_btn{display: block;}
.upload_shot:hover .black_overlay{display: block;}*/

.upload_shot .add_photo_btn {
    display: block;
}

.upload_shot .black_overlay {
    display: block;
}

.delete_photo_btn {
    position: absolute;
    z-index: 1;
}

    .delete_photo_btn input {
        display: none;
    }

.delete_photo_btn {
    display: none;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    left: 50%;
    top: 50%;
    width: 120px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -ms-transition: all .5s ease;
}

.sidebar_user_profile {
    text-align: center;
}

    .sidebar_user_profile > figure {
        width: 80px;
        height: 80px;
        overflow: hidden;
        display: table;
        margin: 10px auto;
        background: #fff;
        border-radius: 50%;
        border: 2px solid #d3d3d3;
    }

        .sidebar_user_profile > figure img {
            width: 100%;
            height: 100%;
        }

    .sidebar_user_profile h4 {
        color: #333;
        font-size: 18px;
    }

    .sidebar_user_profile span {
        display: block;
        color: #333;
    }

.member_profile > figure {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}

.team_members_wrap > label {
    display: block;
    color: #666;
    font-size: 13px;
    margin-bottom: 10px;
}

.member_profile > span {
    margin: 12px 15px 0 0;
    font-size: 13px;
    display: inline-block;
    color: #222;
}

    .member_profile > span em {
        color: #e64343;
        font-style: normal;
    }

.team_members_wrap {
    margin-bottom: 10px;
}

.add_member_field input[type="text"] {
    height: 32px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 0 10px;
    width: 200px;
    float: left;
    margin-right: 10px;
}

.add_member_field input[type="email"] {
    height: 32px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 0 10px;
    width: 200px;
    float: left;
    margin-right: 10px;
}

.left_sidebar + div .vertical-track {
    background: #353535;
}

.left_sidebar + div .vertical-handle {
    border-radius: 11px;
    background-color: #5a5a5a;
}

.login_wrap.signup_wrap {
    position: static;
    margin: 30px auto;
    width: 42%;
    margin-right: 210px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.confirmation_popup.crop_image_section {
    max-width: 750px;
    width: 100%;
}

    .confirmation_popup.crop_image_section .jcrop_holder_wrap > img {
        max-width: 700px;
    }

.cror_foot_btn {
    margin-top: 20px;
}

    .cror_foot_btn input[type="button"] {
        margin: 0 15px;
    }
/*.crop_image_section .jcrop-holder {width:100% !important;}*/

/*4-10-2016*/

.action_btn {
    display: inline-block;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    cursor: pointer;
}

.image_cropper.recomend_upload {
    height: 190px;
}

.account-number {
    font-size: 18px;
    color: #666;
    font-weight: bold;
    margin-right: 15px;
}

.blue_btn {
    background: #008fd5;
    color: #fff;
}

.red_btn {
    background: #d5002d;
    color: #fff;
}

.reservation_summary {
    width: 300px;
}

.auto-notification em {
    color: #282828;
    font-weight: bold;
}

.upload_image > input {
    display: none;
}

.upload_image {
    cursor: pointer;
}

.remove_effect:hover .add_photo_btn {
    display: block;
}

.remove_effect:hover .black_overlay {
    display: block;
}

.adjust_company_logo .pr_staic_featured {
    width: 238px;
    height: 130px;
}

/*06-10-2016*/
.menu_teamMembers a i {
    background: url(../Content/images/group-icon.png) no-repeat;
    background-size: cover;
}

.profile-round {
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.jcrop-keymgr {
    opacity: 0;
}

/*14-10-2016*/
.inner-addon .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    padding: 0;
}

    .inner-addon .dropdown-menu li strong {
        display: inline;
        padding: 0;
    }

    .inner-addon .dropdown-menu li a {
        padding: 10px;
        font-size: 12px;
    }

.min-500 {
    min-height: 500px;
}

/*14-10-2016*/


.checkin_time .time-picker {
    margin-top: 0;
}

.right_chat.orange_chat .chat_box {
    background: #fd9233;
    text-align: left;
}

.right_chat.orange_chat strong {
    text-align: left;
    margin-left: 22%;
}

.right_chat.orange_chat span {
    display: block;
    text-align: left;
    margin-left: 22%;
}

.left_chat strong {
    text-align: left;
}

.left_chat .msg_readBy_Name {
    text-align: left;
    width: calc(100% - 200px);
}

.left_chat > span {
    text-align: left;
    padding-left: 60px;
}


.chat_user_profile {
    width: 50px;
    height: 50px;
    border: 2px solid #ddd;
    border-radius: 50%;
}

.right_chat .chat_user_profile {
    float: right;
    margin-left: 10px;
    overflow: hidden;
}

.left_chat .chat_user_profile {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.chat_user_profile img {
    width: 100%;
    height: 100%;
}

.chat_box.with_user {
    max-width: calc(100% - 200px);
    word-break: break-word;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}

.left_chat strong.no-padding {
    padding: 0;
}
.no-padding
{
       padding: 0!important;
}
.no-padding-right
{
       padding-right: 0!important;
}
/*21-10-2016*/

.model_wrap {
    width: 100%;
    max-width: 780px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.model_head {
    background: #008fd5;
    color: #fff;
    padding: 10px;
}

    .model_head h4 {
        margin: 0;
    }

.model_body {
    padding: 0 20px 20px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}
.model_body-split-payment {
     max-height: 525px; 
}
.model_body::-webkit-scrollbar{width:5px}
.model_body::-webkit-scrollbar-track{background:#b9b9b9}
.model_body::-webkit-scrollbar-thumb{background:#c7e7f6;border-radius: 10px;}

.radio_field label input {
    position: absolute;
    left: 4px;
    visibility: hidden;
}

.radio_field label {
    line-height: 18px;
    margin:3px 0 0;
    font-weight: 500;
    color: #666;
    font-size: 14px;
    position:relative;
}

    .radio_field label input + span {
        background: url(../Content/images/radio-unselected.png) no-repeat;
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        float: left;
    }

    .radio_field label input:checked + span {
        background: url(../Content/images/radio-selected.png) no-repeat;
        background-size: cover;
    }

.payment_method .radio_field {
    margin-right: 20px;
}

.payment_method {
    margin-bottom: 20px;
}

.payment_pop .input_box .row {
    margin-top: 15px;
}
.payment_pop .input_box .row-split-payment {
    margin-top: 10px;
}
.main-inf-box .row {
    margin: 4px !important;
}

.amount-charged {
    color: #666;
    font-size: 16px;
    margin-right: 20px;
}

    .amount-charged span {
        font-weight: 300;
        margin-left: 25px;
    }

.input_box .checkbox_wrap label {
    line-height: 28px;
}

.payment_green_btn, .input_row > button.payment_green_btn {
    background: #0ed36e;
    color: #fff;
    min-width: 85px;
    box-shadow: 1px 1px 1px #7b0011;
}

.payment-method {
    font-size: 16px;
    color: #666;
}

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

.input_box h4 {
    color: #666;
    margin: 20px 0;
}


.card-img {
    width: 25px;
    margin-top: 3px;
    margin-right: 10px;
}

.del-button, .payment_method button.del-button {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    padding: 0;
    margin-right: 20%;
}

    .del-button img {
        width: 20px;
    }

.red {
    background: #d5002c;
}

.del-button.grey {
    background: #bcbcbc;
    cursor: auto;
}

.payment_method button {
    width: 100px;
    margin-right: 15px;
    box-shadow: 2px 2px 0 #e2e2e2;
}

.input_row input[type="text"].half_field {
    width: 70%;
}

.model_wrap {
    display: none;
}

.overlay {
    overflow: hidden;
}

    .overlay:after {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.5);
    }
    .overlay_up:after {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.5);
        z-index:7;
    }

.btn_payment_gray {
    cursor: auto;
    background: #bcbcbc;
    color: #fff;
}

.payment_date_text {
    margin: 20px 0 0;
    color: #666;
    font-weight: 500;
}

.payment_total_text {
    font-size: 15px;
    color: #666;
}

/*02-10-2016*/

.align_center {
    display: block;
    text-align: center;
}

.payment-table td button.btn-min-130 {
    min-width: 140px;
    font-size: 13px;
}

.payment-table td button.btn-min-170 {
    min-width: 170px;
    font-size: 13px;
}

.model_wrap.sm-modal {
    max-width: 500px;
}
/*04-10-2016*/
.right_chat.blue_chat .chat_box {
    text-align: left;
}

.right_chat.blue_chat strong {
    text-align: right;
}

.right_chat.blue_chat span {
    display: block;
    text-align: left;
    margin-left: 22%;
}

.right_chat.blue_chat strong.read {
    margin-left: 0;
}

/*.jcrop-holder img, img.jcrop-preview {max-height:600px;}*/

/*08-11-2016*/

.input_row .tokenfield input[type="text"] {
    border: 0;
    box-shadow: none;
    height: auto;
    line-height: 30px;
}

.input_row .tokenfield .token .close {
    float: right;
    line-height: 30px;
    font-size: 18px;
    opacity: 0.7;
}

.input_row .tokenfield .token {
    background: #fff;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    box-shadow: 0 0 4px #ccc inset;
}

.input_row .tokenfield {
    padding: 6px 5px 0;
}

    .input_row .tokenfield .token-input {
        padding: 0;
    }
/*.confirmation_popup.crop_image_section{width:auto;}*/
.jcrop-holder {
    margin: auto;
}

.jcrop_holder_wrap {
    background: #000;
}

.card_gray {
    opacity: 0.2;
}

.radio_field .cardno_gray {
    color: #cecece;
}

.declined_payment {
    color: #ff0000;
}

/*24-11-2016*/
.information_conent {
    overflow-x: auto;
    min-height: 450px;
}



/*29-11-2016*/
.new_alignment .image_cropper {
    max-height: 150px;
    height: auto;
}

    .new_alignment .image_cropper img {
        max-width: 100%;
        margin: 0;
        position: static;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }

.adjust_company_logo.new_alignment .pr_staic_featured {
    height: auto;
    max-height: 150px;
}

.new_alignment .image_cropper img {
    display: inline-block;
}

.adjust_company_logo.new_alignment {
    display: table;
    max-width: 300px;
    max-height: 150px;
}

.right_sidebar .new_alignment {
    text-align: center;
    display: block;
}

.adjust_company_logo.new_alignment .pr_staic_featured {
    width: auto;
}

/*02-12-2016*/

.featured_photos.new_alignment {
    max-width: 400px;
    max-height: 200px;
}

.new_alignment .pr_staic_featured {
    width: auto;
    height: auto;
}

.featured_photos.new_alignment .image_cropper {
    width: auto;
    height: auto;
    max-height: 200px;
}


/*09-12-2016*/

.inbox_info em {
    font-style: normal;
    color: #555;
    font-weight: 600;
}

.additional_photos ul li:nth-child(3n) {
    clear: left;
}

.msg_list li.activeChat em {
    color: #fff;
}

/*14-12-2016*/
/*Custom Switch*/
.custom_switch {
    width: 88px;
    cursor: pointer;
}

    .custom_switch input {
        display: none;
    }

    .custom_switch .switch_bg {
        width: 100%;
        display: block;
        position: relative;
        height: 32px;
        border-radius: 20px;
        background: #d4d4d4;
        -moz-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
    }

    .custom_switch .switch_btn {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.33);
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        left: 5px;
        -moz-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
    }

    .custom_switch .switch_txt:after {
        content: 'Test';
        position: absolute;
        top: 50%;
        left: 32px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #838383;
        -moz-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
    }
      .custom_switch .guest_age_btn {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.33);
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        left: 5px;
        -moz-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
    }

    .custom_switch .guest_age_txt:after {
        content: 'No';
        position: absolute;
        top: 50%;
        left: 32px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #838383;
        -moz-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
    }
    /*After Checked switched btn*/
    .custom_switch input:checked ~ .switch_bg {
        background: #00ce64;
    }

        .custom_switch input:checked ~ .switch_bg .switch_btn {
            left: 59px;
        }
         .custom_switch input:checked ~ .switch_bg .guest_age_btn {
            left: 59px;
        }
        .custom_switch input:checked ~ .switch_bg .switch_txt:after {
            content: 'Live';
            left: 12px;
            color: #fff;
        }
         .custom_switch input:checked ~ .switch_bg .guest_age_txt:after {
            content: 'Yes';
            left: 12px;
            color: #fff;
        }
    .custom_switch.right {
        float: right;
    }

.input_row > button.no-margin {
    margin: 0;
}

.input_row > span.refundamount {
    color: #d5002d;
    font-weight: bold;
}

.input_row > label.maxAmount {
    font-weight: bold;
}

.later-value > label > select.full-select {
    width: 100%;
}

.button-notification-grey {
    display: table;
    padding: 0 45px;
    height: 46px;
    line-height: 46px;
    font-size: 13px;
    background: #ccc;
    color: #FFFFFF;
    margin: 15px auto;
    position: relative;
    box-shadow: 1px 1.732px 0px 0px rgb(204, 204, 204);
    outline: none;
    cursor: initial;
}

    .button-notification-grey:after {
        content: '';
        position: absolute;
        right: -10px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 23px 0 23px 10px;
        border-color: transparent transparent transparent #ccc;
    }

    .button-notification-grey:before {
        content: '';
        position: absolute;
        right: -10px;
        top: 1.73px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 23px 0 23px 10px;
        border-color: transparent transparent transparent #ccc;
    }
/*.max-height{height:100%; width:auto;}

.max-width{height:auto; width:100%;}*/

.add_category_btn {
    background: #fff;
    color: #008fd5;
    font-size: 16px;
    border-radius: 5px;
    height: 35px;
    padding: 0 25px;
    margin-left: 25px;
    font-weight: 600;
}
.manage-deleted-rentalunit {
    background: #fff;
    color: #008fd5;
    font-size: 16px;
    border-radius: 5px;
    height: 35px;
    padding: 0 25px;
    margin-left: 25px;
    font-weight: 600;
}

.pr_feature_height.min-325 {
    min-height: 325px;
}

.wrap_tags {
}

    .wrap_tags > span {
        padding: 7px 10px;
        border-radius: 7px;
        border: 1px solid #545454;
        color: #545454;
        margin: 0 10px 10px 0;
        min-width: 100px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        float: left;
    }

    .wrap_tags .cross {
        color: #ee305b;
        margin-right: 5px;
        font-size: 15px;
        cursor: pointer;
    }

    .wrap_tags > span.add_tags_section {
        background: #0dad4b;
        color: #fff;
        border: 0;
        cursor: pointer;
    }

    .wrap_tags > span em {
        font-style: normal;
    }

.check_selections_wrap .checkbox_wrap {
    float: left;
    margin-right: 25px;
}

.check_selections_wrap {
    margin-bottom: 25px;
    max-height: 200px;
    overflow-y: auto;
    width: 100% !important;
}

    .check_selections_wrap .vertical-track {
        width: 3px;
    }

    .check_selections_wrap .vertical-handle {
        width: 3px;
    }

.selections_wrap {
    margin-top: 20px;
}

    .selections_wrap .checkbox_wrap em {
        font-weight: 400;
        color: #555;
    }

.menu_button {
    width: 40px;
    height: 35px;
    display: inline-block;
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
}

    .menu_button em {
        display: block;
        height: 2px;
        background: #fff;
        margin-bottom: 5px;
    }

.green_bg {
    background: #00ce64;
    box-shadow: 1px 1px 1px #3ea26e;
}

.blue_bg {
    background: #008fd5;
    box-shadow: 1px 1.732px 0px 0px rgba(13, 77, 109, 0.75);
}

/*Row absolute*/
.tableParams {
    position: relative;
}

.tabel_abs.ui-sortable-helper {
    display: table;
}

/*24-03-2017*/
.action_btn img {
    width: 14px;
    position: relative;
    top: -1px;
}

.orange_btn {
    background: #fe8922;
}

.grey_btn {
    background: #c1c0c0;
}

.more_dropdown {
    background: #0ed36e;
    border-radius: 3px;
    width: 80px;
    display: inline-block;
    position: relative;
}

    .more_dropdown > span {
        color: #fff;
        display: block;
        padding: 5px;
        cursor: pointer;
        font-size: 13px;
        position: relative;
        text-align: center;
    }

    .more_dropdown .more_menu_list {
        background: #0ed36e;
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        padding-left: 0;
        width: 200px;
        padding-top: 35px;
    }

        .more_dropdown .more_menu_list span {
            cursor: pointer;
            display: block;
            color: #fff;
            padding: 10px;
            font-size: 13px;
            position: relative;
            padding-left: 40px;
            text-align: left;
        }

.traingle-down {
    float: left;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    margin-top: 8px;
    margin-left: 10px;
}
.traingle-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

.more_dropdown .more_menu_list span i {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
}

.active > span {
    z-index: 2;
}

.active .traingle-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.more_dropdown_past {
    background: #0ed36e;
    border-radius: 3px;
    width: 80px;
    display: inline-block;
    position: relative;
}

    .more_dropdown_past > span {
        color: #fff;
        display: block;
        padding: 5px;
        cursor: pointer;
        font-size: 13px;
        position: relative;
        text-align: center;
    }

    .more_dropdown_past .more_menu_list_past {
        background: #0ed36e;
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        padding-left: 0;
        width: 200px;
        padding-top: 35px;
    }

        .more_dropdown_past .more_menu_list_past span {
            cursor: pointer;
            display: block;
            color: #fff;
            padding: 10px;
            font-size: 13px;
            position: relative;
            padding-left: 40px;
            text-align: left;
        }

    .more_dropdown_past .more_menu_list span i {
        position: absolute;
        left: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 20px;
    }

/*24-03-2017*/

.table_data_show ul {
    padding-left: 0;
}

    .table_data_show ul li {
        border-bottom: 1px solid #ddd;
        padding: 15px 0;
    }

        .table_data_show ul li > div {
            float: left;
        }

        .table_data_show ul li .data_cell:first-child {
            width: 25%;
        }

        .table_data_show ul li .data_cell:last-child {
            width: 75%;
        }

.data_cell > img {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}

.data_cell span em {
    display: block;
    font-size: 12px;
    font-style: normal;
}

.data_cell p {
    font-size: 15px;
    color: #000;
    margin-bottom: 0;
}

.data_cell > span {
    font-size: 14px;
    font-weight: 500;
}

.add_note .button_wrap {
    margin-top: 15px;
}

.notes_heading {
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: bold;
}

.right_date {
    font-size: 14px;
    font-weight: bold;
}

/*27-03-2017*/

.table_data_show {
    max-height: 234px;
    width: 100% !important;
    margin-bottom: 20px;
}

.honeymoon_suite_data .vertical-handle {
    width: 3px;
}

.honeymoon_suite_data .vertical-track {
    width: 3px;
}

.no-notes {
    position: relative;
    padding: 30px 0px;
}

    .no-notes p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

.new_table_wrap table {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

    .new_table_wrap table td, .new_table_wrap table th {
        border-width: 1px 0;
        position: relative;
    }

        .new_table_wrap table td:after, .new_table_wrap table th:after {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 1px;
            background: #bbb;
            height: 80%;
        }

        .new_table_wrap table td:last-child:after, .new_table_wrap table th:last-child:after {
            content: none;
        }

.payment-table .mb_button {
    width: 97px;
    padding: 5px 7px;
    display: inline-block;
    height: auto;
    font-size: 13px;
    line-height: 14px;
}

.payment-table .btn_yellow {
    background: #fdb714;
}

.payment-table .btn_green {
    background: #0ed36e;
}

.payment-table .btn_red {
    background: #ff464d;
}

.payment-table td.action_cell {
    text-align: left;
}

/* Team chat 05-04-2017*/
.team_chat {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}

    .team_chat i {
        background: url(../Content/images/group-icon_black.png) no-repeat;
        background-size: cover;
        width: 50px;
        height: 50px;
        display: inline-block;
    }

.inbox_teamchat {
    border-bottom: 1px solid #6b6b6b;
    padding: 10px 0;
    cursor: pointer;
    position: relative;
}

.inbox_info h4 {
    font-size: 18px;
    color: #2a2a2a;
    font-weight: bold;
}

.inbox_info p {
    font-size: 16px;
    margin: 2px 0;
    color: #282828;
}

.inbox_teamchat.active {
    background: #008fd5;
}

    .inbox_teamchat.active .team_chat i {
        background: url(../Content/images/group-icon.png) no-repeat;
        background-size: cover;
    }

    .inbox_teamchat.active .inbox_info h4 {
        color: #fff;
    }

    .inbox_teamchat.active .inbox_info p {
        color: #fff;
    }

.teamchat_default .teamchat_box {
    background: #fd9233;
}

.teamchat_active.left_chat .teamchat_box {
    background: #fd9233;
    position: relative;
}

.teamchat_active.right_chat .teamchat_box {
    background: #008fd5;
    position: relative;
}

.teamchat_box {
    display: inline-block;
    border-radius: 8px;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 4px 7px 0 rgba(0, 0, 0, 0.1);
    white-space: pre-wrap;
}

.teamchat_default .chat_box {
    background: #fd9233;
}

.teamchat_default .chat_user_profile {
    float: left;
    margin-top: 10px;
}



/*6-04-2017*/

.payment-table th {
    padding: 10px 17px 10px 5px;
    background: #ebebeb;
}


.inbox_teamchat .staus {
    left: 15px;
    top: 35px;
}

.button-notification-grey.grey-bs {
    box-shadow: 1px 1.732px 0px 0px rgba(107, 107, 107, 0.75);
    cursor: auto;
}


/*7-04-2017*/
.payment-table .load_status {
    width: 46px;
    padding: 5px;
    display: inline-block;
    height: 30px;
    font-size: 13px;
    line-height: 14px;
}

/*20-4-2016*/

.bg-red {
    background: #fc233c !important;
}

.bg-green {
    background: #0ed36e !important;
    color: #fff;
}

.common-space {
    padding: 20px;
}

.info-strip h4 {
    color: #fff;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 0;
}

.border-gray {
    border: solid #ababab;
    border-width: 2px 0 0 0;
}

.font-size14 {
    font-size: 14px;
}

.clear-padding {
    padding: 0 !important;
}

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

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

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

.clear-padding-bottom {
    padding-bottom: 0 !important;
}

.rmv-mar-top {
    margin-top: 0 !important;
}

.rmv-mar-bottom {
    margin-bottom: 0 !important;
}

.input-tabel input[type="text"], .input_row input[type="email"], .input_row input[type="password"], .input_row textarea, .input_row select, .input_field, .input_row input[type="file"] {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    box-shadow: 0 0 4px #ccc inset;
    width: 100%;
    height: 35px;
    padding: 0 5px;
}

.red_txt {
    color: #fc233c;
}
.red_text {
    color: #d5002c;
}

.hide {
    display: none;
}

.txt-left {
    text-align: left;
}

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

.bottom-strip {
    font-size: 14px;
    width: 100%;
    padding: 0 15px;
    border-top: 2px solid #000;
}

.mar-top-15 {
    margin-top: 15px !important;
}

.changes-notification {
    padding: 10px 20px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}

    .changes-notification > * {
        float: left;
    }

        .changes-notification > *:last-child {
            margin-left: 15px;
        }

    .changes-notification .tick-ico {
        height: 40px;
        position: relative;
        width: 20px;
    }

        .changes-notification .tick-ico:after {
            content: '';
            display: block;
            width: 12px;
            position: absolute;
            top: 50%;
            margin-top: -12px;
            height: 20px;
            border: solid #fff;
            border-width: 0 4px 4px 0;
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.dispaly-tabel {
    display: table;
}

    .dispaly-tabel > * {
        display: table-cell;
        float: none;
        padding: 0;
    }

.border-right-80 {
    position: relative;
}

.width-20 {
    width: 25%;
}

.width-80 {
    width: 75%;
}

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

.border-right-80:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5%;
    width: 1px;
    background: #bbb;
    height: 90%;
}

.btn-upload > em {
    background: url(../Content/images/upload-ico.png) no-repeat;
}

.button-new em {
    width: 22px;
    height: 15px;
    background-size: auto 100%;
    float: left;
    position: relative;
    top: 3px;
}

.button-new > span {
    float: left;
    line-height: 25px;
}

.upload-screens {
    position: relative;
    margin-top: 250px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fill-bar {
    background: #0ed36e;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.timeline > span {
    width: 1000px;
    display: inline-block;
    position: relative;
    height: 25px;
    background: #ebebeb;
    border-radius: 5px;
}

.upload-screens .bnt-container {
    margin: 30px 0 35px 0;
}

    .upload-screens .bnt-container > .btn:last-child {
        margin-left: 20px;
    }

.msg {
    color: red;
}

.input_row textarea {
    height: 100px;
}

.table_fixed_height {
    max-height: 290px;
    min-height: 290px;
    overflow: auto;
}

.existing_popup {
    margin-top: 20px;
}

.information_conent.no_min_height {
    min-height: initial;
}

.model_wrap.model_large {
    max-width: 1120px;
    left: 57%;
}
.model_wrap.model_large-split-payment {
    max-width: 1160px; 
}
.information_conent.min-360 {
    min-height: 360px;
}

.mt-10 {
    margin-top: 10px;
}

/*Loading bar css*/

.loading {
    max-width: 87%;
    margin: auto;
    position: relative;
}

#progress_message {
    display: block;
    background: rgba(40,43,52,0.9);
    box-shadow: 0 5px 10px #000;
    position: absolute;
    top: 0px;
    left: 347px;
    width: 300px;
    height: 60px;
    z-index: 201;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    text-shadow: 0 1px 0 #000;
    padding: 10px;
    padding-top: 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.progress {
    height: 28px;
    border-radius: 4px;
    background: #ebebeb;
    padding: 1px;
    margin: 0;
    border: 1px solid #ebebeb;
}

.progress_bar {
    width: 0;
    height: 25px;
    border-radius: 3px;
    background: #0ed36e;
    padding: 0;
    margin: 0;
}

#prog_status {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 100%;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

/*Loading bar css*/

.bottom-strip.pad_override {
    padding: 15px 0;
}

.bottom_label {
    cursor: pointer;
    text-decoration: underline;
    color: #000;
    font-weight: 600;
}

.minheight-auto {
    min-height: initial !important;
}

.clear-margin {
    margin: 0 0 0px !important;
}


.msg_wrapper {
    position: fixed;
    z-index: 999;
    top: 120%;
    left: 475px;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 5px;
    background: #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 2px solid #ccc;
}

.msg_dot {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #279803;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.check_kaba.input_row > label em {
    color: #282828;
    line-height: 18px;
    float: left;
    width: calc(100% - 30px);
    font-weight: 400;
}

.check_kaba.input_row > label {
    padding: 8px 0;
}

.check_kaba.input_row {
    padding-right: 0;
}

.check_kaba.checkbox_wrap input[type="checkbox"]:checked + span + em {
    font-weight: 600;
}

.check_kaba_label {
    color: #a2a0a0 !important;
}

    .check_kaba_label.checked {
        color: #666666 !important;
    }

span.msg_txt {
    float: left;
}

.lessOpecity {
    opacity: 0.3;
}
/*23-05-2017*/
.checkbox_sm {
}

    .checkbox_sm label {
        margin-bottom: 0;
    }

        .checkbox_sm label span {
            margin: 0 10px 0 0;
        }

/*29-05-2017 ╬ anil*/
.content-thLeft table > thead > tr > th:nth-child(2) {
    text-align: left;
    height: 50px;
}

.btn-wrap {
    padding-top: 20px;
    text-align: center;
}

.min_height_200 {
    min-height: 200px;
}

.mar_right_10 {
    margin-right: 10px;
}

.font-bolder {
    font-size: 13px;
    font-weight: bold;
}

.pad_left_5 {
    padding-left: 5px !important;
}

.pad_right_5 {
    padding-right: 5px !important;
}

.height_28 {
    height: 28px;
}

/*New CSS for text center */
.txt_in_center {
    display: table;
    margin: 15px auto;
}

    .txt_in_center > * {
        padding: 0 4px;
        float: left;
    }

    .txt_in_center h4 {
        font-size: 16px;
    }

/*Buttons 11-07-2017*/
.button-alt {
    position: relative;
    width: 97px;
    padding: 5px;
    color: #fff;
    display: inline-block;
    height: auto;
    font-size: 13px;
    line-height: 14px;
    min-height: 38px;
}

    .button-alt.btn_green {
        background: rgb(14, 211, 110);
    }

    .button-alt.btn_red {
        background: rgb(255, 70, 77);
    }

    .button-alt.btn_yellow {
        background: rgb(253, 183, 20);
    }

.btn-alt-wrap {
    display: flex;
    flex-wrap: wrap;
}

    .btn-alt-wrap > * {
        margin-right: 15px;
        margin-bottom: 5px;
    }

.count-txt {
    font-size: 15px;
    padding: 15px;
}

.label-add span {
    position: absolute;
    top: 31px;
    left: 25px;
}
.input-row-refund span{
    position: absolute;
    top: 31px;
    left: 25px;
}
.input-row-refund input {
    padding-left: 18px !important;
}

.label-add input {
    padding-left: 38px !important;
}

.button-alt.active:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

.remove_pad {
    padding: 0;
}

.danger-bg {
    background-color: rgb(255, 70, 77);
    color: #fff;
}

.success-bg {
    background-color: rgb(14, 211, 110);
    color: #fff;
}
/*table{border-collapse:initial !important}*/
.collapse-border {
    border-collapse: initial !important;
}

.inner-addon {
    position: relative;
}

    /* style icon */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

.right-addon .glyphicon {
    right: 10px;
}

.right-addon .glyphicon-remove {
    cursor: pointer;
    pointer-events: inherit;
}

.right-addon input {
    padding-right: 30px;
}

.p-scroll-ht {
    max-height: 250px;
    overflow: auto;
    width: 100% !important;
}
.final-payemtn-sec.p-scroll-ht {
    max-height: 470px;
}


/*25 august kuldeep solution*/
ul.more_menu_list.active_list.sub-gst-more {
    right: 0 !important;
    left: initial;
}

.more_dropdown.dd-more-gst {
    margin: 22px 0;
    padding: 5px 0px;
}

.btn_sendRental {
    height: 44px !important;
    width: 205px;
    font-size: 13px;
}

.opacity_50 {
    opacity: 0.5;
}

.input_row > button.button_addcard_disabled {
    color: #aaa;
    background: #ddd;
    box-shadow: none;
}

.mar_right_25 {
    margin-right: 20%;
}

input[disabled="disabled"]::-webkit-input-placeholder {
    color: #ccc;
}

input[disabled="disabled"]::-moz-placeholder {
    color: #ccc;
}

input[disabled="disabled"]:-ms-input-placeholder {
    color: #ccc;
}

input[disabled="disabled"] {
    background: #eee;
}

.del-button.disabled {
    cursor: unset !important;
}

.input_box.scrollbox.p-scroll-ht.manage-reg-pop {
    max-height: 420px !important;
}

.deleteForm .input_box.scrollbox.p-scroll-ht.manage-reg-pop {
    max-height: 550px !important;
}

.hatric {
    position: relative;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    padding-bottom: 20px;
}

.no-padd {
    padding: 0px !important;
}

.input_box.manage-reg-pop h4 {
    color: #fff;
    margin: 0px;
}

.info_box.no-border.main-inf-box {
    margin-top: 20px;
    margin-right: 0px;
}

.teamchat_box.with_user {
    text-align: left;
    max-width: calc(100% - 200px);
}

.row-new-btn {
    margin-left: 20px !important;
    /* top: 0px; */
    position: relative;
    height: 37px;
}

    .row-new-btn.row-new-add {
        top: 0px !important;
    }


/*21-09-2017*/
.information_conent.ds-scroll_fix {
    min-height: calc(100vh - 127px);
}

tr:nth-last-child(2):nth-child(n + 7):not(:first-child) .more_dropdown .more_menu_list {
    bottom: calc(100% - 35px);
    top: initial;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 35px;
}

tr:last-child:nth-child(n + 7):not(:first-child) .more_dropdown .more_menu_list {
    bottom: calc(100% - 35px);
    top: initial;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 35px;
}

.heading_reset_success {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #7db22c;
    padding-top: 85px;
}

.input_row > button.status {
    background: #008fd5 !important;
}

span.msg_dot.dot-orange {
    background: #f99234;
}

.dot-sec {
    padding: 0 10px;
}

.dot-main {
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-top: 8px;
}

    .dot-main:last-child, .dot-main.border_none {
        padding-bottom: 0px;
        border-bottom: 0px;
    }

    .dot-main:first-child {
        padding-top: 0px;
    }

.msg_list li.bg_org {
    background: #f99234;
    color: #fff !important;
}

    .msg_list li.bg_org strong, .msg_list li.bg_org .inbox_info h4, .msg_list li.bg_org .inbox_info em, .msg_list li.bg_org .inbox_info p {
        color: #fff;
    }

.dot-main.padding-none {
    padding-top: 0px !important;
}

.new-action-btn {
    width: 210px;
    text-align: center;
    margin: 22px auto !important;
    float: none;
    display: block;
}

    .new-action-btn > span i {
        position: relative;
        left: 55px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #fff;
        margin-top: 6px;
    }

    .new-action-btn .more_menu_list {
        width: 100% !important;
    }

.check_row button .com-btn, .com-btn {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 6px;
}

button.nw-acn-btn {
    color: #fff;
    width: 200px;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 15px auto 10px;
    outline: none;
    border: none;
}

.resort_name.new-secmain {
    padding: 15px 5px 5px;
}

.bg-img.com-btn {
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}

    .bg-img.com-btn img {
        height: 100%;
    }

.bg-img-txt {
    position: relative;
    top: -7px;
    font-weight: 600;
}

.bg-grey_button {
    background: #666;
}

.bg-yellow_button {
    background: #ffaf18;
}

.bg-red_button {
    background: #fd0d0d;
}

.main-left-div {
    position: relative;
    display: block;
    overflow: auto;
}

.normal, .normal + span.bg-img-txt {
    font-weight: 500;
}

.check-main-sec p {
    margin-bottom: 5px;
}

.right_inner_box > .right_sidebar + div {
    right: 8px !important;
    left: inherit !important;
}

.guestlog_dates {
    width: 46%;
    float: right;
    position: absolute;
    bottom: 15px;
    left: 32%;
}

.guestlog_date {
    width: 44%;
}

    .guestlog_date .calendar_icon {
        top: 8px;
    }

.guestlog_from {
    width: 20px;
    margin: 8px 6px 0 0;
    font-weight: bold;
    color: white;
}

.guestlog_to {
    width: 20px;
    margin: 8px -6px 0 0;
    font-weight: bold;
    color: white;
}

/*11-10-2017 TA-300*/
.rental_summary {
    height: 100%;
    overflow: hidden;
    border-left: 1px solid #bdbdbd40;
}
.sidebar-status{
        padding-top: 16px;
    border: 1px solid #ddd;
}
.padding-11
{
   padding: 0px 13px 13px 13px;
}
.font-14
{
    font-size: 14px!important;
}
/*13-10-207*/
.p-btn_header {
    position: absolute;
    top: 50%;
    left: 260px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.information_conent.p-fix-height {
    min-height: initial;
}
/*31/10/17*/
.guest-reg .row {
    border: 1px solid #000;
    width: 100%;
    border-bottom: 0px;
    margin: 0px;
}

.guest-reg {
    width: 46%;
    margin: 0 0 20px 0px;
}

    .guest-reg .row:last-child {
        border-bottom: 1px solid #000;
    }

    .guest-reg .row div {
        padding: 5px 10px;
        font-size: 14px;
    }

        .guest-reg .row div:last-child {
            font-weight: bold;
            text-align: center;
        }

        .guest-reg .row div:first-child {
            border-right: 1px solid #000;
        }

.bold_font {
    font-weight: bold;
}

.midstay_reminder_btn {
    background: #008fd5;
    color: #fff;
}

.flex-middle {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.checkbox_wrap input[type="checkbox"] + span.p-alt-mar {
    margin-top: 3px;
}

.guest_crashlog {
    background: #ff2626;
    color: #fff;
}

/*10-11-2017*/
.dateFilter-btn {
    margin-left: auto;
    display: -webkit-flex;
    display: flex;
}

.btn_datefilter {
    display: flex;
    align-items: center;
    color: #fff;
    min-width: 135px;
}

.btn_blue {
    background: #008ed1;
}

.p-cal-icon {
    margin-right: 5px;
    background: url(../Content/images/menu_icon_2.png) no-repeat center;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.btn_red {
    background: #ff464d;
    color: #fff;
    text-transform: capitalize;
}

.txt-white {
    color: #fff;
}

.mar_left_5 {
    margin-left: 5px;
}

/*17-11-2017*/
.p-text-top {
    display: block;
    text-align: left;
    font-size: 10px;
    padding-top: 2px;
}

.p-text-bottom {
    display: block;
    white-space: nowrap;
    font-size: 11px;
}

/*Range Date Picker Override*/
.p-rangepicker-space {
    padding-bottom: 250px;
}

.daterangepicker.p-block-i {
    display: block !important;
}

.daterangepicker.p-custom-picker {
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

    .daterangepicker.p-custom-picker:before, .daterangepicker.p-custom-picker:after {
        content: none !important;
    }

    .daterangepicker.p-custom-picker .calendar.right {
        display: none !important;
    }

    .daterangepicker.p-custom-picker .daterangepicker_input {
        display: none;
    }

    .daterangepicker.p-custom-picker .table-condensed {
        border-collapse: separate;
        border-spacing: 4px;
    }

        .daterangepicker.p-custom-picker .table-condensed thead tr:first-child th, .daterangepicker.p-custom-picker .table-condensed tbody tr td {
            border: 1px solid #ccc;
            border-radius: 3px;
        }

        .daterangepicker.p-custom-picker .table-condensed thead tr th {
            font-weight: 700;
        }

    .daterangepicker.p-custom-picker td.in-range {
        border: 1px solid #ccc !important;
        border-radius: 3px;
        background: #dadada !important;
    }

    .daterangepicker.p-custom-picker td.end-date {
        background: #4ede9d !important;
        color: #333 !important;
        border-color: #40b27d !important;
    }

    .daterangepicker.p-custom-picker td.start-date {
        background: #26b1d5 !important;
        border-color: #0b98ba !important;
    }

    .daterangepicker.p-custom-picker .calendar.left {
        margin-top: -6px;
    }

    .daterangepicker.p-custom-picker .calendar-table {
        padding-top: 0;
    }

    .daterangepicker.p-custom-picker .ranges {
        display: none;
    }

#apply-filter-btn.blue_btn {
    background: #008fd5;
}

.model_wrap.p-sm-pop {
    max-width: 575px;
}

.p-selecter-range {
    position: absolute;
    text-align: center;
    width: calc(100% - 30px);
    font-size: 15px;
    padding-top: 15px;
}

.p-range > span {
    display: block;
    font-size: 12px;
}

.flex {
    display: -webkit-flex;
    display: flex;
}

.flex-center {
    -webkit-justify-content: center;
    justify-content: center;
}

.flex-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.flex-space-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}



/*message template start*/
.input_row > button.btn-messageTemplate {
    margin: 0 !important;
}

.content_title h2 span.shourtcode-icon i {
    background: url(../Content/images/info-icon.png) no-repeat;
    background-size: auto 100%;
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin: 1px 5px 0 0px;
}

.message-template_pop .input_box .row {
    margin-top: 20px;
}

.message-template-heading {
    color: #282828;
    font-weight: bold;
    margin-top: 5px;
}

.set-cursor-pointer {
    cursor: pointer;
}

.shortcodetextstyle {
    font-weight: bold;
}

.checkbox-alinment {
    margin-top: 22px;
}

.disable-checkbox {
    font-weight: 300 !important;
}
/*multiple message*/
.auto-message-recipient {
    width: 500px;
}

.recipient-heading {
    color: #282828;
    font-weight: bold;
    margin: 0px 0px 5px 15px;
    font-size: 14px;
}

.recipient-count {
    color: #282828;
    font-weight: bold;
    margin: 0px 0px 5px 15px;
    text-align: center;
    font-size: 14px;
}

.ms-rightPanel {
    padding: 5px 0;
    border-bottom: 1px solid #bdbdbd;
    box-shadow: 1px 1px 1px #bdbdbd;
}

    .ms-rightPanel h5 {
        color: #333333;
        margin: 6px 8px 6px 8px;
        text-align: center;
    }

    .ms-rightPanel h6 {
        color: #333333;
        margin: 6px 8px 6px 8px;
    }

.ms-label-radio {
    margin-bottom: 20px !important;
}
/*message template  end*/
.button.button-alt.btn_blue {
    background: rgb(42, 142, 213);
}

.second_head {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 0px;
}

.width-140 {
    width: 143px;
    margin: 0 0 0 12px;
}

/*26-12-2017*/
.split-popup-height {
    max-height: 500px;
    width: 100% !important;
}

    .split-popup-height h5 {
        font-weight: 700;
    }

        .split-popup-height h5 strong {
            font-weight: 900;
        }

.payments ul {
    padding: 0;
}

    .payments ul li {
        margin: 0 0 30px;
    }
.split-payments-margin ul li {
    margin: 0;
}

        .payments ul li:nth-child(3n+1) {
            border-right: 1px solid #ddd;
            clear: left;
        }

        .payments ul li .payment-box {
            padding: 0 10px 0 40px;
        }

.card-number + span {
    font-weight: 300;
    margin-left: 40px;
}

.split-popup-height button + button {
    margin-left: 20px;
}

.split-payment h5 {
    font-weight: 700;
    color: #666;
    margin-bottom: 0px;
}

.split-payment li {
    margin-bottom: 15px;
}

    .split-payment li span {
        display: block;
        color: #666;
        margin-bottom: 4px;
    }

    .split-payment li:nth-child(4n+1) {
        clear: left;
    }

    .split-payment li a {
        color: #666;
    }

    .split-payment li span.bold {
        font-weight: 700;
    }

    .split-payment li + li {
        border-left: 1px solid #d2d2d2;
    }


.app_note {
    display: block;
    font-weight: normal;
    margin: 5px 0;
    font-size: 11px;
}

/*=== css by anil 16-01-2018 ====*/
.label-ttl {
    padding: 0 15px;
}

    .label-ttl h5 {
        font-size: 16px;
        font-weight: bold;
        color: #666666;
    }

.checkbox_wrap.check_kaba label.clearfix {
    padding: 6px 0;
}

/* 17-01-18*/
.radio-container .input_row > label {
    font-size: 14px;
}

.radio-container .radio_field {
    display: inline-block;
}

    .radio-container .radio_field:last-child {
        margin-left: 15px;
    }

.checkbox_wrap input[type="checkbox"] + span.mt13 {
    margin-top: 13px;
}

.guest_crashlog_closed {
    background: #30653d;
    color: #fff;
}

.status_close {
    background: #2a8fd5;
    box-shadow: 1px 1px 1px #2a8fd5;
}

.manage_status_open {
    background: #f62727;
    box-shadow: 1px 1px 1px #f62727;
}

.guestlog_status {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 15px;
    left: 15%;
}

.status-text {
    margin: 8px 6px 0 0;
    font-weight: bold;
    color: #fff;
    width: auto;
    margin-right: 0;
    padding-right: 0;
}


.reminder-wrap .picker-label > div {
    margin-bottom: 5px;
}

.reminder-wrap .flex-middle h5 {
    font-weight: bold;
}

.calendar_icon_midStay {
    width: 26px;
    height: 25px;
    position: absolute;
    right: 19px;
    top: 26px;
    background: url(../Content/images/calendar_icon.png) no-repeat;
    background-size: 26px;
}

.input_row .dropdown-menu.ng-valid-date {
    width: 317px;
}

span.msg_dot.dot-blue {
    background: #2a8ed5;
}

.generate-otp {
    background: #00ce64;
    box-shadow: 1px 1px 1px #3ea26e;
    display: flexbox;
}

.otp-container {
    padding: 12px;
}

.btn-mar-nw {
    margin-bottom: 0px;
}

.split-action {
    display: flex;
    flex-wrap: wrap;
}

    .split-action li {
        flex-basis: 24.5%;
        padding: 0 15px;
    }

.card-wrap .mar_right_25, .card-wrap .payment_method button.mar_right_25 {
    margin-right: 10%;
}
/*n-21/feb*/
.new-sec.content_title h2 span {
    display: inline-block;
    margin: 0 11px;
    clear: both;
    float: none;
}

.close_popup {
    float: right;
    margin: -20px 5px 0px 0px;
    cursor: pointer;
    font-size: large;
}

.payment-table-new {
    border-collapse: collapse;
    font-size: 15px;
    box-shadow: 0px 2px 7.8px 0.2px rgba(0, 0, 0, 0.2);
    background: #fff;
}

    .payment-table-new td {
        padding: 15px;
        border-bottom: 1px solid #ababab;
        font-size: 13px;
    }

    .payment-table-new th {
        position: relative;
        padding: 12px 15px;
        text-align: left;
    }

.information_conent-new {
    padding: 20px;
}

.info_box {
    background: #f2f2f2;
    border: 1px solid #bdbdbd;
    margin-bottom: 30px;
    padding: 0;
}

.info-nw-table {
    padding: 30px;
}

.nw-del i {
    font-size: 16px;
    color: #ec0f0f;
}

.work-log-sec h2 {
    font-size: 15px;
    font-weight: 600;
    color: #666666;
}

.work-log-sec {
    padding: 0 30px;
}

.info-detail table tr td:nth-child(2) {
    width: 15%;
}

.new-main-btn button {
    display: inline-block;
    margin-right: 20px;
}

    .new-main-btn button:last-child {
        margin-right: 0px;
    }

    .new-main-btn button.red-btn {
        background: #d5002d;
        box-shadow: 1px 1.732px 0px 0px rgba(212, 5, 34, 0.75);
    }

.red-imp {
    color: #d5002d;
}

.red-btn1 select {
    background: #de0a37;
    color: #fff;
}

.new-main-btn button:after, .new-main-btn button:before {
    display: none;
}

.new-main-btn {
    text-align: center;
}

    .new-main-btn button i {
        padding-right: 20px;
    }

span.date-bor {
    border: 1px solid #fff;
    margin: 0 10px;
}

.edt-padding {
    padding: 0px;
}

.checkbox_wrap.new-check em {
    float: right;
    width: calc(100% - 31px);
    line-height: 20px;
}

.additional_photos.new-pic ul li {
    float: left;
    width: 23%;
    height: 120px;
}

    .additional_photos.new-pic ul li img {
        width: 100%;
        height: 100%;
    }

.additional_photos.new-pic {
    width: 100%;
}

    .additional_photos.new-pic ul li:last-child {
        margin-right: 0px;
    }

.deal_information-new p {
    color: #555;
    font-size: 13px;
}

.add-img label {
    width: 100%;
    height: 100%;
    display: block;
}

.add-img label {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

.add-img i {
    font-size: 45px;
    display: block;
    text-align: center;
    color: #b3aeae;
    width: auto !important;
}

.add-cen {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    text-align: center;
}

    .add-cen img {
        width: 50px !important;
        height: auto !important;
        margin: auto;
    }

    .add-cen span {
        display: block;
        font-size: 12px;
        padding-top: 10px;
    }

.add-img {
    position: relative;
    border: 2px solid #999999;
}

    .add-img input[type="file"] {
        display: none;
    }

.cal-icon {
    position: absolute;
    font-size: 16px;
    right: 16px;
    top: 8px;
    cursor: pointer;
}

.cal-input {
    position: relative;
}

.info_box.new-info {
    background: none;
    border: none;
}

.new-main-btn.new-exp button i {
    padding-right: 10px;
    color: #fff;
    font-size: 20px;
    vertical-align: bottom;
}

.new-headbtn {
    position: relative;
}

    .new-headbtn .new-main-btn {
        position: absolute;
        top: 15px;
        right: 15px;
    }

        .new-headbtn .new-main-btn .button-notification {
            right: 40px;
            height: 40px;
            line-height: 40px;
            margin: 0px;
        }

            .new-headbtn .new-main-btn .button-notification:after, .new-headbtn .new-main-btn .button-notification:before {
                display: none;
            }

.main-reqt > span {
    display: inline-block;
    margin: 0px;
    width: 25px;
    height: 25px;
    background: #fff;
    box-shadow: 0px 2px 7.8px 0.2px rgba(0, 0, 0, 0.2);
    text-align: center;
    margin-right: 10px;
    padding: 2px 5px;
    cursor: pointer;
}

.main-reqt span:last-child {
    margin-right: 0px;
}

.main-reqt {
    display: flex;
}

    .main-reqt span i {
        font-size: 15px;
        vertical-align: middle;
    }

.p-sec-table {
    width: 100%;
}

    .p-sec-table th {
        background: #f2f2f2;
        padding: 10px 10px;
        border-left: 1px solid #fff;
        font-size: 14px;
        color: #000;
    }

    .p-sec-table td {
        padding: 15px 10px;
        color: #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        text-align: center;
    }

    .p-sec-table .bg-red td, .bg-red {
        background: #ff1c1e;
        color: #fff;
    }

    .p-sec-table .bg-yellow td, .bg-yellow {
        background: #f7931e;
        color: #fff;
    }

    .p-sec-table .bg-green td, .bg-green {
        background: #10d370;
        color: #fff;
    }

.blue-col {
    color: #008fd6 !important;
}

.red-col {
    color: #de0a37 !important;
}

.orange-col {
    color: #fe8922 !important;
    font-weight: bold !important;
}

.green-col {
    color: #10d370 !important;
}

.main-reqt .checkbox_wrap input[type="checkbox"] + span {
    background: none;
}

.main-reqt .checkbox_wrap input[type="checkbox"]:checked + span {
    background: url(../images/tick-new.png) no-repeat;
    background-size: cover;
    margin: 0px;
}

.main-reqt.cross-icon .checkbox_wrap input[type="checkbox"]:checked + span {
    background: url(../images/cross.png) no-repeat;
    background-size: cover;
    margin: 0px;
}

.main-reqt .checkbox_wrap label span {
    width: 25px;
    height: 25px;
}

.main-reqt .main-reqt-new {
    box-shadow: none !important;
    padding: 0px !important;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.main-reqt .checkbox_wrap input[type="checkbox"] {
    width: 25px;
    height: 25px;
    top: 0px;
    margin: 0px;
}

button.main-btn {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    width: 100px;
}

.menu-icon span {
    width: 100%;
    height: 2px;
    display: block;
    background: #fff;
    margin-bottom: 6px;
}

    .menu-icon span:last-child {
        margin-bottom: 0px;
    }

.menu-icon {
    width: 40px;
    height: auto;
    margin: auto;
    padding: 9px 10px;
    background: #008fd5;
    border-radius: 3px;
}

.new-con-head {
    position: absolute;
    right: 15px;
    font-weight: lighter;
    font-size: 18px;
}

.Prioritylist {
    display: none;
}

.Prioritylist {
    position: absolute;
    background: #fff;
    box-shadow: 0px 2px 7.8px 0.2px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0px;
    width: 150px;
    right: 15px;
}

.open_dropdown1 {
    position: relative;
    cursor: pointer;
}

.Prioritylist a {
    color: #736e6e;
    font-size: 12px;
    font-weight: 600;
    width: 25px;
    height: 25px;
}

.head-new-con h2 i {
    margin-right: 10px;
}

/*n-21/feb*/
/*maintenance praveen*/
.option-red {
    background: #de0a37;
    color: #fff;
}

.option-green {
    background: #10d370;
    color: #fff;
}

.option-yellow {
    background: #f7931e;
    color: #fff;
}

.image-cross {
    color: red;
    font-weight: bold;
    cursor: pointer;
    font-weight: 900;
    font-size: 9px;
    border: 2px solid red;
    border-radius: 8px;
    height: 16px;
    width: 16px;
    text-align: center;
    position: absolute;
    right: -7px;
    top: -5px;
}

.align-content {
    display: -webkit-flex;
    display: flex;
}

.cursor-pointer {
    cursor: pointer;
}

.note-list-height {
    max-height: 200px;
    overflow: auto;
}

.padding-left-40 {
    padding-left: 100px;
}

.m-btn {
    padding: 0 10px !important;
}

.red_button {
    background: red;
    box-shadow: 1px 1px 1px #078d48;
    position: relative;
    color: #fff;
}
/*.input_row button.green_button{background: red; box-shadow:1px 1px 1px #078d48; position: relative;}*/
.maintenance_chat {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}

.maintenance_chat_icon {
    width: 53px;
}

.maintenace-time input[type="number"] {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    height: 35px;
    padding: 0 5px;
}

.maintenace-time {
    display: flex;
}

.maintenance-time-lable {
    margin: 7px 4px;
}

.invite-btn {
    padding: 23px 14px;
}

.info-nw-table {
    padding: 30px;
}

.new-con-head i {
    font-size: 18px !important;
    margin-right: 10px !important;
}

.new-wrap .info_box {
    margin-bottom: 0px;
    background: none;
    border: none;
    margin-right: 0;
}

.new-wrap .info-detail table tr td:nth-child(2) {
    width: 20%;
}

.new-wrap .info-nw-table {
    padding: 0px 0px;
}

.new-wrap .info_box h4 {
    margin-bottom: 0px;
}

.new-wrap {
    z-index: 3;
}

    .new-wrap .payment-table td {
        padding: 10px 15px;
    }

    .new-wrap .payment-table {
        border-collapse: collapse;
        font-size: 15px;
        box-shadow: 0px 2px 7.8px 0.2px rgba(0, 0, 0, 0.2);
        background: #fff;
    }

        .new-wrap .payment-table th {
            position: relative;
            padding: 12px 15px; /* border:1px solid #ababab; background:#ebebeb;*/
            text-align: left;
        }

        .new-wrap .payment-table td {
            padding: 15px;
            border: none;
            border-bottom: 1px solid #ababab;
            text-align: left;
        }

        .new-wrap .payment-table tr:last-child td {
            border-bottom: 0px;
        }

/*report-page*/
.payment-table {
    border-collapse: collapse;
    font-size: 15px;
    box-shadow: 0px 2px 7.8px 0.2px rgba(0, 0, 0, 0.2);
    background: #fff;
}

    .payment-table th {
        position: relative;
        padding: 12px 15px; /* border:1px solid #ababab; background:#ebebeb;*/
        text-align: left;
    }

    .payment-table td {
        padding: 15px;
        border-bottom: 1px solid #ababab;
    }

    .payment-table tr:last-child td {
        border-bottom: 0px;
    }
/*report-page*/

.add-photo-box.new-pic ul li {
    height: 87px;
}

.add-photo-box ul li:nth-child(2n) {
    margin-right: 4%;
}

.add-photo-box ul li:nth-child(3n) {
    clear: none;
}

.add-photo-box .add-cen {
    width: 100%;
}

.m-overflow {
    overflow-y: auto;
    max-height: 200px;
}

.info-nw-table .payment-table thead tr th {
    padding: 12px 15px;
    background: #fff;
    border: none;
}

.info-nw-table .payment-table td {
    padding: 15px;
    border: none;
    border-bottom: 1px solid #ababab;
    text-align: left;
}
/*multiselect*/
.main-reqt-drop .checkbox_wrap input[type="checkbox"]:checked + span {
    background: url(/Content/images/check-symbol.png) no-repeat;
    background-size: auto;
    margin: 0px;
    background-position: center;
}

.main-reqt-drop .checkbox_wrap input[type="checkbox"] + span {
    background: none;
}

.main-reqt-drop .checkbox_wrap input[type="checkbox"] {
    width: 18px;
    height: 18px;
    top: 0px;
    margin: 0px;
}

.main-reqt-drop .checkbox_wrap label span {
    width: 16px;
    height: 16px;
    margin: 0px;
}

.main-reqt-drop .checkbox_wrap {
    position: relative;
    box-shadow: none !important;
    padding: 0px !important;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: transparent;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    border: 1px solid #000;
    float: left;
}

.main-reqt-drop .check-text {
    float: left;
    margin: 0px;
    font-weight: 500;
    font-size: 13px;
}

.sublist {
    position: relative;
}

    .sublist select {
        position: relative;
        cursor: pointer;
    }

.drop-sub-list li {
    margin-bottom: 5px;
}

    .drop-sub-list li:last-child {
        margin-bottom: 0px;
    }

.survey-sub-list {
    display: none;
    padding: 10px 15px;
    border-radius: 3px;
    box-shadow: 0 0 4px #ccc inset;
    position: absolute;
    z-index: 1;
    background: #fff;
    width: calc(100% - 30px);
    max-height: 200px;
    overflow: auto !important;
}

.main-reqt-drop label {
    margin: 0px;
}

.drop-sub-list {
    padding: 0px;
    margin: 0px;
}

span.new-input-select {
    position: relative;
}

    span.new-input-select img {
        position: absolute;
        top: 3px;
        right: 15px;
        width: 8px;
        height: 10px;
    }
/*multiselect*/
.m-mininum-height {
    min-height: 200px;
}
/*praveen end*/

.model_wrap.final-pop {
    min-height: 600px;
}
#divFinalPayment.model_wrap .model_body {
    max-height:561px;
}

/*19 March 2018*/
.info-nw-table.worklog table {
    max-width: initial;
    width: 150%;
}

.info-nw-table.worklog {
    width: 100%;
    overflow: auto;
}

.info-nw-table.worklog-sec {
    padding: 30px 0px 30px 30px;
    margin-right: 30px;
    overflow: auto;
}

    .info-nw-table.worklog-sec table {
        width: 200%;
        max-width: initial;
    }

/*new calender css*/
.new-calender button {
    background: inherit;
    color: inherit;
    min-width: inherit;
    box-shadow: inherit;
    margin-top: 0;
}

.new-calender .btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.new-calender .btn-danger {
    color: #ffffff;
    background-color: #d9534f;
}

.new-calender .btn-success {
    color: #ffffff;
    background-color: #5cb85c;
}
/*new calender css*/

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

/*20 March 2018*/
/*Pagination*/
.p-page-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
/*Pagination*/

.f16 {
    font-size: 16px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.pb-1 {
    padding-bottom: 1px;
}
/*Table CSS*/
.p-table.payment-table {
    border: none;
    border-collapse: collapse;
    font-size: 15px;
    box-shadow: 0px 2px 7.8px 0.2px rgba(0, 0, 0, 0.2);
    background: #fff;
}

    .p-table.payment-table th {
        padding: 12px 15px;
        border: none;
        background: #fff;
        text-align: left;
        font-size: 13px;
    }

    .p-table.payment-table td {
        padding: 15px;
        border: none;
        border-bottom: 1px solid #ababab;
        font-size: 13px;
    }

    .p-table.payment-table tr:last-child td {
        border-bottom: none;
    }

.input_row button.grn-btn-alt {
    background: #00ce64;
    box-shadow: 1px 1px 1px #078d48;
    position: relative;
}
/*20 March 2018*/

/*22 March 2018    storyId-2114*/

.pro-img {
    width: 38px;
    /*height: 38px;*/
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-bottom: 0;
    background: #fff;
    border-color: #bdbdbd;
}

    .pro-img img {
        width: 100%;
        height: 100%;
        border-radius: initial;
    }

.pro-name {
    /*width: calc(100% - 40px);*/
    margin-left: 10px;
    font-size: 14px;
    margin-bottom: 0;
}

.pro-img.old-profile {
    width: 20px;
    /*height: 20px;*/
    border: none;
    margin-right: 5px;
}

.new-list, .pro-list a {
    display: flex !important;
    flex-direction:row;
    flex-wrap:wrap;
    align-items: center;
}
.menu_row_flex{
    display: flex;
    flex-direction: row;
    align-items: start;
}
.pro-name span {
    display: block;
    font-size: 13px;
    font-weight: 500;
}

/*11 April 2018*/
.image-deal-wrapper {
    padding-left: 5px;
    width: 47%;
    max-width: 345px;
}

    .image-deal-wrapper ul li {
        margin: 5px !important;
    }

        .image-deal-wrapper ul li:nth-child(3n) {
            clear: none;
        }

/*11 April 2018 by praveen*/
.team_members_wrap .row {
    margin-left: -15px;
    margin-right: -15px;
}
/*11 April 2018*/

/*27 March 2018   storyId-2105 (Add "Re-send receipt" button next to any completed payment)*/
.item-wrap > label {
    float: left;
    padding-right: 8px;
}

.input-wrap-error .error-text {
    color: #f00;
    font-size: 12px;
    display: block;
}

.input-wrap-error {
    margin-bottom: 10px;
}

.item-wrap.add-wid {
    width: 50%;
}

.check_selections_wrap.custom_scroll {
    max-height: 400px;
}

.category_name_wrap {
    display: inline;
}

    .category_name_wrap.expend_cat {
        width: 45%;
        float: right;
    }

.button-area > div {
    display: flex; /*justify-content: space-between;*/
    margin: 0px 0px 0 0px;
    margin-bottom: 0px;
}

.payment_date_text.new-charge-sec {
    margin: 0px;
}
/*.new-sec > div ,.new-sec1 > .row > div { padding-right: 10px; padding-left: 10px;}*/
.new-btn-sec, .newpading-sec {
    padding: 0px !important;
}

.new-sec1 > .row > div > button.sec-width, .new-inpt-btn .sec-width {
    line-height: 13px;
    padding: 5px 9px;
    height: auto;
}

.new-sec1 > .row > div > button {
    margin-bottom: 10px;
}

.payment_date_text.new-charge-sec-1 {
    margin: 30px 0 20px;
}

.new-inpt-btn {
    position: absolute;
    top: 45%;
    right: 0px;
}

    .new-inpt-btn button {
        position: static;
        margin: 0 0 10px;
    }

.sec-display {
    display: block;
}

.sec-hide.active {
    display: none;
}

.btn-payment > div {
    padding-right: 10px;
    padding-left: 10px;
}

.btn-payment .nw-payment {
    margin-left: 5px !important;
}
/*27 March 2018 */

/*16-04-2018*/
.p-large-txt-btn {
    padding: 1px 10px;
    height: auto;
}

.title_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #008fd5;
}

    .title_header h2 {
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
        padding: 20px 10px;
    }

.grey_btn.btn-disable {
    color: #fff;
    pointer-events: none;
}

.btn-disable {
    pointer-events: none;
}

.model_wrap.nw-resrvatn-popup {
    max-width: 780px;
}

.declined-split-payment {
    border: 2px solid red;
    width: 98%;
    padding: 0 20px 0 25px !important;
}

.button-area.new-set-sec2 > div > button {
    margin-right: 5px;
    padding: 0 5px;
}

    .button-area.new-set-sec2 > div > button:last-child {
        margin-right: 0px;
    }

.button-area.new-set-sec2 > div {
    margin-left: 0px;
}

.button-area.new-set-sec > div p {
    flex: 1;
}

.newadd-sec {
    padding: 0 15px 0;
}

.input-new-sec p {
    width: 22%;
    float: left;
    margin-right: 20px;
}

.newadd-sec label {
    display: block;
    color: #666666;
}

.newadd-sec button, .input-new-sec .payment_date_text {
    margin: 20px 20px 20px 0;
}

.newadd-sec label em {
    color: #f00;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

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

.mr-15 {
    margin-right: 15px !important;
}

.btn-wrapper-deposit.new-btn-sec {
    width: auto;
}

.btn-wrapper-deposit .button-area .input_row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.btn-alignment.new-btn-sec {
    padding: 0px 15px 0px 0px !important;
    width: auto;
}

    .btn-alignment.new-btn-sec .button-area > .input_row {
        margin: 0;
    }
/*ddl set color*/
.option-black-text {
    color: black;
    background: #fff;
}

.option-red-text {
    color: #de0a37;
    background: #fff;
}

.option-green-text {
    color: #10d370;
    background: #fff;
}

.option-yellow-text {
    color: #f7931e;
    background: #fff;
}

.table-request .payment-table tr .nw-del {
    width: 40px;
}

.grey-col {
    color: #c1c0c0 !important;
    font-weight: bold !important;
}


.deal-payment-table tr td {
    padding: 9px;
}

.edit-unit-popup {
    max-width: 900px;
}

.right_menu {
    margin-top: 10px;
}

.text-black {
    color: #000 !important;
}

.head-text {
    color: #666;
    font-size: 14px !important;
    font-weight: bold;
}

.manual-payment-popup .model_body {
    max-height: 75vh;
    overflow-y: auto;
}
.head-text{color:#666; font-size: 14px !important; font-weight: bold;}
.card-available{max-width:820px;}
.manual-payment-popup .model_body{max-height: 80vh; overflow-y: auto;} 
/*Login check box*/
.mar-right-10 {
    margin-right: 10px !important;
}

.custom-checkbox-two {
    position: relative;
    float: left;
    padding-left: 21px;
    margin-top: 0px;
    margin-bottom: 21px;
    cursor: pointer;
}

    .custom-checkbox-two input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .custom-checkbox-two .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 21px;
        width: 21px;
        background-color: #b7b7b7;
    }

        .custom-checkbox-two .checkmark:after {
            left: 8px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid #fff;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .custom-checkbox-two input:checked ~ .checkmark {
        background-color: #008fd5;
    }

    .custom-checkbox-two .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .custom-checkbox-two input:checked ~ .checkmark:after {
        display: block;
    }

.checkbox-wrapper-login {
    margin-right: 20px;
}


/*Voucher Redeem popup*/
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mar-top-20 {
    margin-top: 20px !important;
}

.mar-bot-30 {
    margin-bottom: 30px !important;
}

.mar-bot-20 {
    margin-bottom: 20px !important;
}

.btn-blue-wide, .btn-gray-wide {
    padding: 16px 18px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    min-width: 250px;
    font-size: 16px;
    border: 1px solid #00cf64;
    background-color: #00cf64;
    color: #fff;
    cursor: pointer;
    height: auto;
}

    .btn-blue-wide:hover, .btn-gray-wide:hover, .btn-blue-wide:focus, .btn-gray-wide:focus {
        color: #fff;
    }

.btn-blue-wide {
    background-color: #008fd5;
    border: 1px solid #008fd5;
    text-transform: inherit;
}

.btn-gray-wide {
    background-color: #d1d1d1;
    border: 1px solid #d1d1d1;
    text-transform: inherit;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.number-pointer > input {
    height: 35px;
    padding: 6px 12px;
    border: solid 1px #959595;
    border-radius: 4px;
    width: 100%;
    background-image: none;
    background-color: #fff;
    font-size: 16px;
    color: #404040;
    outline: none;
}

.payment-card-detail .value-button {
    width: 32px;
    height: 32px;
    border: solid 1px #404040;
    cursor: pointer;
}

.payment-card-detail .number-pointer {
    width: 70px;
}

    .payment-card-detail .number-pointer > input {
        text-align: center;
        font-weight: bold;
        border: none;
        font-size: 18px;
    }

.model_head.model-head-booking {
    background-color: #fff;
    color: #404040;
    padding: 20px 20px 5px;
}

.model_wrap.redeem-voucher-popup .header-cross {
    width: auto;
}

.model_head.model-head-booking .underline-heading {
    width: 100%;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.underline-heading:after {
    content: '';
    max-width: 500px;
    width: 100%;
    background-color: #404040;
    height: 1px;
    display: block;
    margin: 5px 0px 15px;
}

.redeem-voucher-popup {
    border: solid 1px #979799;
    overflow: hidden;
    border-radius: 4px;
}

    .redeem-voucher-popup p strong {
        color: #404040;
    }

.tour-heading h2 {
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 22px;
    margin-top: 0;
}

.redeem-voucher-popup .model_body {
    padding: 0px 20px 20px;
}

.redeem-box {
    border: solid 1px #b2b2b2;
}

    .redeem-box > div {
        padding: 10px;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

        .redeem-box > div:first-child {
            border-right: solid 1px #b2b2b2;
        }

    .redeem-box .number-size {
        font-size: 50px;
        line-height: 50px;
    }

    .redeem-box .payment-card-detail .number-pointer {
        width: 120px;
    }

        .redeem-box .payment-card-detail .number-pointer > input {
            font-size: 50px;
            height: 50px;
            color: #008fd5;
        }

.redeem-voucher-popup .btn-blue-wide, .redeem-voucher-popup .btn-gray-wide {
    min-width: 210px;
    padding: 12px;
}

.overlay-pop-black.white {
    background: rgba(255, 255, 255, 0.7);
}

.overlay-pop-confirm {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 2;
    display: none;
}
.overlay-pop{z-index: 3;}


/*Warning popup*/
.mt-0 {
    margin-top: 0px !important;
}

.mar-bot-15 {
    margin-bottom: 15px !important;
}

.mar-bot-20 {
    margin-bottom: 20px !important;
}
.ml-5{margin-left: 5px !important;}
.btn-check-card{height: auto; min-width:auto; white-space:nowrap;}

.btn-blue-sm, .btn-gray-sm {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 12px 15px 12px 17px;
    border-radius: 5px;
    border: solid 1px #008fd5;
    cursor: pointer;
    color: #fff;
    background-color: #008fd5;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    height: auto;
    outline: none !important;
}
.payment-scrollar-wrap{position:relative; width:100%;}



.btn-gray-sm {
    background-color: #b7b7b7;
    border: solid 1px #b7b7b7;
}

.btn-blue-sm, .btn-gray-sm {
    padding: 10px 12px 10px 14px;
}


.alert-overlay{display:none; z-index:40;}
.model_wrap.warning-popup {
    max-width: 532px;
    z-index: 50;
}

    .model_wrap.warning-popup h2 {
        font-size: 21px;
        font-weight: bold;
    }

.warning-popup .model_body {
    padding: 20px;
}

.warning-icon {
    width: 88px;
    height: 88px;
    border: 6px solid #fec40e;
    border-radius: 50%;
    margin: 0px auto 15px;
    position: relative;
}

    .warning-icon .warning-line-icon {
        position: absolute;
        width: 6px;
        height: 30px;
        left: 50%;
        top: 17px;
        border-radius: 2px;
        margin-left: -3px;
        background-color: #fec40e;
    }

    .warning-icon .warning-dot-icon {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-left: -4px;
        left: 50%;
        bottom: 17px;
        background-color: #fec40e;
    }

.warning-popup .btn-blue-sm, .warning-popup .btn-gray-sm {
    padding: 10px 25px 10px 25px;
}


/*Success*/
.rh-icon{width: 80px; height: 80px; border: 4px solid #808080; border-radius: 50%; margin: 20px auto; position: relative; box-sizing: content-box;}
.rh-success{border-color: #4cae4c;}
.rh-success .rh-line{height: 5px; background-color: #5cb85c; display: block; border-radius: 2px;  position: absolute; z-index: 2;}
.rh-success .rh-line.rh-tip{width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.rh-success .rh-line.rh-long{width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.rh-success .rh-placeholder{width: 80px; height: 80px; border: 4px solid rgba(92, 184, 92, 0.58); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2;}
/*Error*/
.rh-error{border-color: #d43f3a;}
.rh-error .rh-x-mark{position: relative; display: block;}
.rh-error .rh-line{position: absolute; height: 5px; width: 47px; background-color: #d9534f; display: block; top: 37px; border-radius: 2px;}
.rh-error .rh-line.rh-left{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); left: 17px;}
.rh-error .rh-line.rh-right{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);  right: 16px;}.tab-custom {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .tab-custom > li {
        padding: 8px 16px;
        float: left;
        background-color: #ebebeb;
        margin-right: 5px;
        border-radius: 6px 6px 0px 0px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        border: 1px solid #bdbdbd;
        border-bottom: none;
    }

        .tab-custom > li:last-child {
            margin-right: 0px;
        }

        .tab-custom > li.current {
            background-color: #008fd5;
            color: #fff;
            border-color: #4ab7ec;
        }

        .tab-custom > li.add-btn-wrap {
            padding: 0;
        }

    .tab-custom .btn-add-more {
        height: auto;
        padding: 8px 16px;
        font-weight: 600;
        color: #333;
        background-color: transparent;
    }

.tab-custom-content {
    display: none;
    padding: 15px;
    border: 1px solid #bdbdbd;
}

    .tab-custom-content.current {
        display: block;
    }

    .tab-custom-content > .info_box {
        margin-right: 0px;
    }

/*common class*/
.w-100 {
    width: 100%;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.text-left {
    text-align: left !important;
}

.btn-green-info {
    background-color: #00ce64;
    color: #fff;
    border-radius: 3px;
    padding: 5px 12px;
    font-size: 12px;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.80);
    box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.80);
}

.btn-red-info {
    background-color: #d5002d;
    color: #fff;
    border-radius: 3px;
    padding: 5px 12px;
    font-size: 12px;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.70);
    box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.70);
}

.btn-green-info.btn-shadow-red {
    -webkit-box-shadow: 1px 1px 1px #7b0011;
    box-shadow: 1px 1px 1px #7b0011;
}

.v-middle-info {
    vertical-align: middle;
    display: inline-block;
}

.v-middle {
    vertical-align: middle !important;
}

.table-no-border > tbody > tr > td {
    border-top: none;
}

.table-inline {
    width: auto;
}

.info-box-title {
    padding: 10px 15px;
}

.info-box-data {
    padding: 0px 15px 15px;
}

.total-res-payment td {
    border-bottom: solid 1px #727272;
    font-weight: 600;
    padding-bottom: 20px !important;
}

.no-border-child td {
    border-bottom: none;
}

.text-bold-all tr td {
    font-weight: 600;
}

.table-payment-title {
    color: #666;
    font-weight: 600;
    font-size: 13px;
    margin: 0 0px 8px;
    font-family: 'Open Sans', sans-serif;
}

.table-title-rsrv {
    background-color: #959595;
    color: #fff;
}

/*browser compatibility message*/
.check-browser {
    padding: 10px 20px; 
    text-align: center; 
    background-color: #018fd5;  
    color: #fff; 
    position: fixed;  
    width: 100%;  
    top: 0; 
    z-index: 11; 
    display: none;
}
.check-browser .btn-white{
    font-size: 14px; 
    padding: 6px 16px;
}

.delete-booking-btn{
    display: table;
    padding: 0 45px;
    height: 46px;
    line-height: 46px;
    font-size: 13px;
    background: #ff464d;
    color: #FFFFFF;
    margin: 15px auto;
    position: relative;
   
    outline: none;
}
.border-left-1{border-left: 1px solid #bdbdbd40;}
.sidebar-new .rental_summary{height: calc(100% - 76px);}
.reser-list-row{padding:15px 0px 15px 5px; color: #666666;  border-bottom: 1px solid #ddd;}
.reser-list-title h3{font-size: 15px; font-weight: bold; margin: 0px 0px 15px; color: #666666;}
.reser-list-content{padding: 0px 0px 5px 15px; margin-bottom:10px;}
/*.reser-list-row .reser-list-content:not(:last-child){border-bottom: solid 2px #bdbdbd;}*/
.reser-list-row .reser-list-content:last-child{margin-bottom: 0; padding-bottom:0;}
.list-code h4, .list-name h4{margin: 0px 0px 10px; font-size:14px;}
.list-code h4{font-weight: bold;}
.list-name,.checkout-row{font-size: 14px; padding-left: 15px;}

.tbl-fltr {position:relative;}
.tbl-fltr>span{cursor:pointer;padding:5px;}
.fltr-list {position:absolute;background-color:#fff;box-shadow:0 0 27px 0 rgba(0, 0, 0, 0.24);padding:5px;width:150px;left:0;top:22px;display:none;z-index:9;}
.tbl-fltr .fltr-list.open{display:block;}
.fltr-list ul{margin:0;padding:0;}
.fltr-list ul li{}
.fltr-list .checkbox_wrap label {margin-bottom:0;}
.fltr-list .checkbox_wrap label span {}
.fltr-list .checkbox_wrap input[type="checkbox"] + span{color:#494949;}
.fltr-list .checkbox_wrap input[type="checkbox"]:checked + span{position:relative;background-image:none;background-color:#349bde;}
.fltr-list .checkbox_wrap input[type="checkbox"]:checked + span:after{content:'';position:absolute;left:5px;top:9px;background:white;width:2px;height:2px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.fltr-list .checkbox_wrap em {color:#494949;}
.fltr-list .checkbox_wrap input[type="checkbox"]:checked + span + em {font-weight:300;}
.fltr-list .radio_field label input {display:none;}
.fltr-list .radio_field label input + span{display:inline-block;width:20px;height:20px;margin-right:8px;float:left;border:1px solid #cccccc;border-radius:50%;background-image:none;}
.fltr-list .radio_field label input:checked + span{position:relative;background-image:none;}
.fltr-list .radio_field label input:checked + span:after{content:'';width:12px;height:12px;background-color:#349bde;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.fltr-list .radio_field label input:checked + span + em {font-weight:300;}
.fltr-list .radio_field em {font-style:normal;line-height:30px;color:#494949;font-weight:300;font-size:12px;}
.shorting-filter{padding:20px;display:inline-block;width:100%;}
.resrvation-tbl{background-color:#ffffff;box-shadow:0px 0px 10px 0px #ccc;margin-bottom:50px;}
.resrvation-tbl-head{display:table;width:100%;}
.reservation-number,.reservation-info,.reservation-action,.reserv-tab{display:table-cell;vertical-align:top;}
.reservation-info{display:table;width:100%;}
.resrv-box-data{display:table-cell;border-right:1px solid #ccc;}
.reservation-number{position:relative;border-right:1px solid #ccc;padding:10px 10px 10px 20px;width:220px;text-align:center;}
.booking-number{display:inline-block;background-color:#d0f2d7;padding:3px 20px;border-radius:15px;color:#006531;margin:0px auto 10px;}
.booking-number span{color:#006531;font-weight: 900;}
.reservation-number p{font-size:14px;color:#3b4859;text-align:left;}
.reserrvation-idnumber{font-size:20px;font-weight:bold;text-align:left;}
.box-data-title {text-align:center;color:#8191aa;font-size:14px;border-bottom:1px solid #ccc;padding:10px;}
.box-data{padding:10px;padding-bottom: 33px;}
.box-data p{color:#3b4859;font-size:16px;}
.box-data p span{font-weight:bold;}
.reserv-tab{background-color:#c7e7f6;width:35px;cursor:pointer;text-align:center;vertical-align:middle;}
.reserv-tab .traingle-up{border-bottom-color:#008fd5;position:relative;top:-17px;}
.reserv-tab .traingle-down{border-top-color:#008fd5;margin:0;float:none;position:relative;top:5px;}
.reserv-tab .traingle-up.traingle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid #008fd5;border-bottom-color: transparent;}
.reservation-action{width:70px;padding:10px;text-align:center;vertical-align:middle;}
.reservation-action a{margin-bottom: 10px;}
.reservation-action a:nth-child(4){margin-bottom: 0px;}
.reservation-action a:last-child{margin-bottom: 0px;}
.reservation-action .btn-info{background-color:#cce8f6;color:#008dd7;border:0;}
.reservation-action .btn-info:hover,.reservation-action .btn-info:focus{background-color:#8ac5e2;}
.reservation-action .btn-danger{background-color:#f7ccd5;color:#d80025;border:0;}
.reservation-action .btn-danger:hover,.reservation-action .btn-danger:focus{background-color:#d68495;}
.more-action .action-icon{background-color:#cff6e3;color:#006531;}
.more-action .action-icon:hover,.more-action .action-icon:focus{background-color:#a3dbc0;}
.more-action .action-icon span{width:4px;height:4px;background-color:#10d271;display:block;border-radius:50%;margin-bottom:2px;}
.resrvation-tbl-body .table {border:0;}
.resrvation-tbl-body .table tr th,.resrvation-tbl-body .table tr td{text-align:center;}
.resrvation-tbl-body .table tr th:first-child, .resrvation-tbl-body .table tr td:first-child{text-align:left;}
.resrvation-tbl-body table th{background-color:#c7e7f6;color:#313541;}
.new_table_wrap .resrvation-tbl-body table th:after{display:none;}
.new_table_wrap .resrvation-tbl-body table td:after{height:100%;}
.more-action{position:relative;display:inline-block;}
.action-list{display:none;position:absolute;width:200px;right:0px;top:28px;z-index:1;background-color:#cff6e3;border-radius:4px;}
.action-list.active {display:block!important;}
.action-list ul{margin:0;padding:5px 0;}
.action-list ul li{border-bottom:1px solid #aaccbb;}
.action-list ul li:last-child{border-bottom:0;}
.action-list ul li a{display:block;margin:0;padding:5px;color:#6e736f;text-align: left;padding-left:30px;}
.action-list ul li i{margin-left: -25px;font-size: 15px;display: inline-block;padding-right: 5px;}
.action-list ul li i.icon-message{font-size: 12px;}
.action-list ul li a:hover{background-color:#a3dbc0;}





.modify_payment h4{font-size: 15px!important;}
.modify_payment button{box-shadow: 1px 1px 1px #0000007a;padding: 5px 15px;margin: 0px 5px;display:inline-block}
.modify_payment button:focus{outline:0;box-shadow: 1px 1px 1px transparent;}
.modify_payment_inline_form label{margin-top: 6px;color: #666666;}
.modify_payment_inline_form input{border: 1px solid #cdcdcd;border-radius: 3px;box-shadow: 0 0 4px #ccc inset;width: 100%;height: 35px; padding: 0 5px;
    width: 66%;margin-bottom: 15px;}
.modify_payment_text{font-weight: 600;}

/*upload image on chat*/
/*tooltip*/
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}
 
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}
body .ui-tooltip {
    border-width: 2px;
}
.right_chat.orange_chat .img-box:before {
    display: none;
}
.right_chat.orange_chat .chat_box.received-chat:after {
    display: none;
}

.right_chat.orange_chat strong {
    text-align: right;
    margin-left: 0;
}
.received-chat-pic .orange_chat span {
    padding-right: 0!important;
}
.received-chat-pic .right_chat strong {
    padding-right:0px!important;
}
.no-wrap{white-space: nowrap !important;}
.success-payment-btn{cursor:pointer; padding:2px 8px; background-color: #d6ecff; border-radius: 20px; font-weight: 600;  color: #3d4eac; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.refund-payment-btn{cursor:pointer;padding:2px 8px; background-color: #e3e8ee; border-radius: 20px; font-weight: 600;  color: #4f566b; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.ui-tooltip:before{content:''; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; top: -8px; left:0; right: 0; margin: auto; z-index:1;}
.ui-tooltip:after{content:''; width: 0px; height: 0px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #c5c5c5; position: absolute; top: -9px; left:0; right: 0; margin: auto;}
.overflow-initial{overflow:initial;}
.send-chat-video { width: 100%;float: left;margin-bottom: 10px;}
.video-box {max-width: 300px;float: right;}
.received-chat-video {width: 100%;float: left;margin-bottom: 10px;}
.received-chat-video .chat-time {text-align: left;display: block;font-weight: bold;}
.received-chat-video .video-box {max-width: 300px;float: left;}
.send-chat-img {width: 100%;float: left;margin-bottom: 10px;}
.chat-time {text-align: right;display: block;font-weight: bold;}
.img-box {position: relative;width: 200px;height: 200px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 4px 7px 0 rgba(0, 0, 0, 0.1);border-radius:4px}
.received-chat-img {width: 100%;float: left;margin-bottom: 10px;}
.received-chat-img .chat-time {text-align: left;display: block;font-weight: bold;}
.received-chat-img .img-box {position: relative;width: 120px;height: 120px;float: left;border: 2px solid #8dc63f;border-radius: 3px;}
.img-box img {width: 100%;height: 100%;object-fit:contain;}
.img-box-overlay {display: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);}
.img-box-overlay a {min-width: 130px;text-align: center;color: #fff;text-transform: uppercase;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
                    padding: 9px 0px;background: transparent;font-weight: bold;border: 2px solid #fff;cursor: pointer;}
.img-box:hover .img-box-overlay {display: block}
.chat-img-upload {width: 10%;height: 50%;box-sizing: border-box;display: inline-block;}
.chat-img-upload label {display: block;cursor: pointer;}
.chat-img-upload img {max-width: 50px;display: block;margin: 0 auto;}
.chat-img-upload input[type=file] {display: none;}
.img-preview {position: relative;max-width: 70px;}
.img-preview img {max-width: 70px;max-height: 70px;object-fit: contain;margin-bottom: 10px;}
.close-img a {display:none;position: absolute;top: -3px;right: -3px;background: #000;padding: 0px 3px;border-radius: 50%;font-weight: bold;font-size: 18px;line-height: 1;color: #fff;}
.img-preview:hover .close-img a{display:block;}
.received-chat {background: transparent!important;padding:0px;width:100%;box-shadow: none!important;white-space: nowrap;}
.received-chat .img-box{border: 2px solid #8dc63f;background: #e0f1ca;}
.send-chat {background: transparent!important;padding-top: 0;position:relative;padding-right: 0;width: 100%;box-shadow: none!important;white-space: nowrap;}
.send-chat .img-box{border: 2px solid #008fd5;display: block;margin-left: auto;background: #b9e0f4;}
.send-chat strong {text-align: right!important;color: #000; padding: 0;margin-bottom: 2px;}
.send-chat span{padding-right:0!important}
.orange_chat .send-chat-profile .chat_user_profile {margin-top:36px}
.send-chat-profile{width:50px;float: right;}
.send-chat-profile .chat_user_profile{    margin-top: 22px;}
.send-chat-pic{width: calc(100% - 50px);;float: left;padding-right: 10px;}
.btn-rmv1 {display: none;}
.rmv {cursor: pointer;color: #fff;border-radius: 50%;display: inline-block;background: rgba(0, 0, 0, 0.76);position: absolute;font-weight: bold;top: -4px;right: -4px;height: 16px;width: 16px;text-align: center;line-height: 1;padding: 0;padding-top: 1px;}
.rmv:hover {background: #000;}
.send-chat-pic .msg_readBy_Name{margin-left: 0%;color:#333}
.send-chat-pic strong{margin-left: 0%;color: #333;}
.send-chat-pic span{color: #333!important;font-size: 12px;} 
.received-chat .msg_readBy_Name{color:#333;font-size: 12px;}
.received-chat strong{color:#333}
.received-chat span{color:#333;font-size: 12px;}
.right_chat.blue_chat .chat_box:after {
    content: "";
    position: absolute;
    border-right: 12px solid transparent;
    border-top: 12px solid #008fd5;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #008fd5;
    top: 0;
    right: -13px;
}
.send-chat:after {
    content: "";
    display:none;
}
.left_chat .chat_box:before {
    content: "";
    position: absolute;
    border-left: 12px solid transparent;
    border-top: 12px solid #8dc63f;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #8dc63f;
    top: 0;
    left: -13px;
}
.received-chat:before {
    content: "";
    display: none;
}
.received-chat .img-box:before {
    content: "";
    position: absolute;
    border-left: 8px solid transparent;
    border-top: 8px solid #8dc63f;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #8dc63f;
    top: -2px;
    left: -16px;
}
.send-chat .img-box:after {
    content: "";
    position: absolute;
    border-right: 8px solid transparent;
    border-top: 8px solid #008fd5;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #008fd5;
    top: -2px;
    right: -16px;
}
.received-chat-profile {
    width: 50px;
    float: left;
    margin-top: 34px;
}
.received-chat-pic {
    width: calc(100% - 50px);
    float: left;
    padding-left: 10px;
}
.teamchat_box.received-chat .img-box {
    border: 2px solid #fb9133;
    background: rgba(251, 145, 51, 0.15);
}
.teamchat_box.received-chat strong{padding:0px}
.teamchat_active.left_chat .teamchat_box:before {
    content: "";
    position: absolute;
    border-left: 12px solid transparent;
    border-top: 12px solid #fd9233;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fd9233;
    top: 0;
    left: -13px;
}
.received-chat.teamchat_box .img-box:before {
    content: "";
    position: absolute;
    border-left: 8px solid transparent;
    border-top: 8px solid #fd9233;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fd9233;
    top: -2px;
    left: -16px;
}
.teamchat_active.right_chat .teamchat_box:after {
    content: "";
    position: absolute;
    border-right: 12px solid transparent;
    border-top: 12px solid #008fd5;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #008fd5;
    top: 0px;
    right: -13px;
}
.lightbox-target {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
    z-index: 4;
}

.full-img-view {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    max-height: calc(100% - 100px);
    transform: translate(-50%, -50%);
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

    .full-img-view img {
        min-width: 280px;
    }
/*.lightbox-target img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: calc(100vh - 100px);
        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
        box-sizing: border-box;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }*/

a.lightbox-close {
    display: block;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    background: white;
    color: black;
    text-decoration: none;
    position: absolute;
    top: -18px;
    right: -18px;
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

    a.lightbox-close:before {
        content: "";
        display: block;
        height: 26px;
        width: 1px;
        background: black;
        position: absolute;
        left: 18px;
        top: 5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    a.lightbox-close:after {
        content: "";
        display: block;
        height: 26px;
        width: 1px;
        background: black;
        position: absolute;
        left: 18px;
        top: 5px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.lightbox-close:hover {
    transform: rotate(180deg);
}

.lightbox-action {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    height: 50px;
}

    .lightbox-action a {
        background: #fff;
        color: #333!important;
        padding: 7px 15px;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: bold;
        border-radius: 18px;
        margin: 10px 5px 0px;
        display: inline-block;
    }


/*maintenance  request*/
.maintenace-title span {
    margin: 0 5px !important
}
.content_title .topbar-link {
    margin: 0 5px !important;
    font-size: 20px !important;
    line-height: 1.5;
    font-weight: bold;
    position: initial !important;
    font-family: 'Open Sans', sans-serif;
}
.content_title h2 .topbar-link i {
    background: none;
    margin-right: 4px !important;
    font-size: 20px !important;
}
.float-right {
    float: right !important;
}
.topbar-link img {
    max-width: 25px;
    vertical-align: text-bottom;
}
.maintenace-table .bg-red td, .bg-red {
    background: rgba(255, 28, 30, 0.5)!important;
}
.maintenace-table .bg-green td, .bg-green {
  background: rgb(16, 211, 112) !important;
}
.maintenace-table .bg-yellow td, .bg-yellow {
    background: rgba(247, 147, 30, 0.5) !important;
}

.maintenance-payment-table{width: 100%!important;}
.maintenance-payment-table th{border-bottom: 1px solid #5a5a5a!important;padding: 15px 10px!important;text-align: center!important;}
.maintenance-payment-table td{padding:15px 10px!important;white-space: nowrap;text-align: center!important;}
.maintenance-payment-table td img{width:15px}
.maintenance-payment-table td:first-child {min-width: 30px;padding: 0px !important;}
.maintenace-time input[type="text"],

.maintenace-time input[type="email"],
.maintenace-time input[type="password"],
.maintenace-time input[type="number"],
.maintenace-time textarea,
.maintenace-time select{border: 1px solid #cdcdcd;border-radius: 3px;box-shadow: 0 0 4px #ccc inset;width: 100%;height: 35px;padding: 0 5px;}
.maintenace-time input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: inner-spin-button;-moz-appearance: inner-spin-button;appearance: inner-spin-button;}
option:empty {display: none;}
.login_img{
       top: 16%; 
       left: 49%;
        max-width: 620px; background: none; 
        border: 0px solid #ccc; 
    }
.padding-top-18{padding-top: 18px;} 
.dollar-label-add span { position: absolute; top: 31px; left: 25px;}
.dollar-label-add input {padding-left: 20px !important;}
/*========================== MEDIA QUERY =============================*/

.margin--18-top{
      margin-top: -18px;
}
.bg-orange{
    background-color: orange;
}
.c-white{
    color:#fff;
}
 
.fa-exchange:before {
    content: "\f0ec";
    color: #fff;
}
@media (min-width: 2500px) {
    .login_img {
        top: 29% !important;
    }
}
@media (min-width: 1800px) {
    .new-sec1 > .row > div > button.sec-width, .new-inpt-btn .sec-width {
        height: 32px;
    }
    .login_img{
        top:22%;
    }
}

@media (max-width: 1800px) {
    .fs11.payment_green_btn {
        font-size: 11px;
    }
}

@media(max-width: 1500px) {

    /*13-03-2018*/
    .content_title.p-title h2 span {
        margin: 0 5px;
        font-size: 16px;
        font-weight: 500;
    }
    /*13-03-2018*/
    .nw-resrvatn-popup .reserv-msg {
        font-size: 13px;
    }
}

@media screen and (max-width:1400px) {
    .payment-table td, .payment-table th {
        font-size: 13px;
    }

    .payment-table td {
        padding: 5px;
    }

    .payment-table th {
        padding: 5px 17px 5px 5px;
    }

    .upload-screens {
        margin-top: 220px;
    }

    /*21-09-2017*/
    tr:nth-last-child(2):nth-child(n + 3):not(:first-child) .more_dropdown .more_menu_list {
        bottom: calc(100% - 35px);
        top: initial;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 35px;
    }

    tr:last-child:nth-child(n + 3):not(:first-child) .more_dropdown .more_menu_list {
        bottom: calc(100% - 35px);
        top: initial;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 35px;
    }

    .picker-label {
        position: relative;
    }

        .picker-label .dropdown-menu {
            top: -315px !important;
            left: 70px !important;
        }

    .split-action li {
        flex-basis: 33%;
    }

    .btn-blue-wide, .btn-gray-wide {
        font-size: 14px;
    }

    .model_wrap.redeem-voucher-popup {
        max-width: 600px;
    }

    .redeem-voucher-popup {
        font-size: 14px;
    }

    .model_head.model-head-booking .underline-heading {
        font-size: 18px;
    }

    .redeem-voucher-popup .tour-heading h2 {
        font-size: 18px;
    }

    .redeem-voucher-popup .tour-heading p {
        font-size: 14px;
    }

    .redeem-box .number-size, .redeem-box .payment-card-detail .number-pointer > input {
        font-size: 35px;
    }

    /*.check-browser{font-size: 14px;}*/
    /*browser compatibility message*/
.check-browser {
    padding: 10px 20px;
    text-align: center;
    background-color: #018fd5;
    color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11;
    display: none;
}
.check-browser .btn-white{
    font-size: 14px;
    padding: 6px 16px;
}
}
li.dropdown.active .open_dropdown {
    color: #428bca;
}


@media screen and (max-width:1300px) {
    .nw-resrvatn-popup .reserv-msg {
        font-size: 12px;
    }

    .dasboard_wrap {
        padding: 0 20px;
    }

    .box_inner {
        padding-left: 75px;
    }

        .box_inner h5 {
            font-size: 16px;
        }

    .button_wrap button {
        font-size: 12px;
    }

    .icon_left {
        width: 40px;
    }

    .adjust_company_logo .image_cropper {
      max-height: 150px;
      height: auto;
    }

    .pr_static_images li {
        width: 144px !important;
    }

    .additional_photos ul li {
        height: 80px;
    }

    .image_cropper {
        width: 306px;
        height: 170px;
    }

    .pr_staic_featured {
        width: 306px;
        height: 170px;
    }

    .additional_photos ul li .image_cropper {
        height: 80px;
    }

    .featured_photos.new_alignment {
        max-width: 330px;
    }

    /*3-04-2017*/

    .more_dropdown {
        width: 65px;
    }

    .traingle-down {
        margin-left: 5px;
    }

    .payment-table td button, .manage_link {
        margin: 0 5px;
    }

    /*11/05/2017*/
    .width-80 {
        width: 65%;
    }

    .width-20 {
        width: 35%;
    }

    /*13-03-2018*/
    .content_title.p-title h2 span {
        font-size: 13px;
        font-weight: bold;
    }
    /*13-03-2018*/
}

@media screen and (max-width:1250px) {
    .additional_photos ul li {
        height: 65px;
    }

    .pr_static_images li {
        width: 115px !important;
    }

    .image_cropper {
        width: 270px;
        height: 150px;
    }

    .pr_staic_featured {
        width: 270px;
        height: 150px;
    }

    .additional_photos ul li .image_cropper {
        height: 65px;
    }

    .action_btn + .more_dropdown {
        margin-top: 5px;
    }

    /*13-03-2018*/
    .content_title.p-title h2 span {
        font-weight: normal;
    }
    /*13-03-2018*/
}


@media screen and (max-width:1200px) {
    .content_title h2 {
        font-size: 20px;
    }

        .content_title h2 i {
            width: 15px;
            height: 18px;
        }

    .past-reservaation em {
        width: 20px;
        height: 20px;
    }

    .content_title h2 span.past-reservaation {
        margin-left: 10px;
    }
}

@media screen and (max-width:1130px) {
    .information_conent {
        margin-right: 20px;
    }

    .no-mar_resp {
        margin-right: 0px;
    }

    .button_wrap button {
        margin-bottom: 10px;
    }
}


@media screen and (max-width:1100px) {
    .payment-table td, .payment-table th {
        font-size: 12px;
    }

    .content_title h2 {
        font-size: 16px;
        line-height: 24px;
    }

        .content_title h2 i {
            margin: 4px 0 0;
        }

    .past-reservaation em {
        margin: 2px 10px 0 0;
    }

    .search-box input {
        padding: 0 0 0 35px;
    }

    .search-box {
        width: 180px;
    }

    .content_title h2 span {
        margin: 0 5px;
    }
}


@media screen and (min-width:1700px) {
    .adjust_company_logo .image_cropper {
      max-height: 290px;
    height: auto;
    }
}

@media screen and (max-width:950px) {
    .header_top .logo {
        width: 300px;
        margin-top: 10px;
    }
}

@media screen and (max-width:850px) {
    .header_top .logo {
        width: 280px;
    }

    .right_menu ul li {
        margin-left: 10px;
    }
}

/*Nitin*/
.filter-checkbox{position:relative;display:inline-block;}
#reservationFilter{padding-right:5px;}
.is-active{display:block !important;}
.filter-checkbox-btn{border: 1px solid #eee;padding: 8px 12px;font-size: 14px;display: inline-block;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);cursor:pointer;position:relative;}
.filter-checkbox-btn i{margin-right: 5px;}
.filter-checkbox-btn span{border-left: 1px solid #ddd;padding-left: 10px;margin-left: 6px;}
.filter-checkbox-accordion{min-width: 240px;width: 100%;position: absolute;top: 40px;z-index: 2;text-align: left; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);display:none;left:0;}
.filter-checkbox-accordion.show-left{left:auto; right:0;}
.filter-checkbox-accordion .panel-heading .checkbox{margin-top: 6px;margin-bottom: 6px;}
.filter-checkbox-accordion .panel-heading .checkbox label{padding: 4px 3px;display: block;font-family: 'Open Sans', sans-serif;font-size:14px;color: #8191aa;}
.filter-checkbox-accordion .panel-heading{padding:0px 10px;background-color: #fff;}
.filter-checkbox-accordion.panel-group .panel + .panel{margin-top:-1px;}
.filter-checkbox-accordion .panel{box-shadow: none;border-radius: 0px;border-color: #ccc;}
.filter-checkbox-accordion .panel-body .checkbox, .filter-checkbox-accordion .panel-body .radio{margin-top: 0px;margin-bottom: 0px;padding-left: 0;}
.filter-checkbox-accordion .checkbox_wrap, .filter-checkbox-accordion .radio_field{padding-left: 0;}
.filter-checkbox-accordion .panel-body .checkbox + .checkbox, .filter-checkbox-accordion .panel-body .radio + .radio{margin-top: 8px;}
.filter-checkbox-accordion .panel-body{background: #f9f9f9;}
.filter-checkbox-accordion .panel-body .form-group{margin-bottom:0px;}
.filter-checkbox-accordion .checkbox_wrap em{font-weight:normal;/*color:#333;*/color:#8191aa;}
.filter-apply-btn{background: #fff;border: 1px solid #ddd;margin-bottom: -1px;padding: 10px;}
.filter-apply-btn .btn{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);border-radius:2px;}
.filter-checkbox-accordion.mid-width-filter{min-width: 340px;}
.filter-checkbox-accordion.mid-width-filter .panel-default .panel-body{max-height: 400px; overflow-y: auto;}
.filter-checkbox-accordion.mid-width-filter .calendar_icon{right: 0;}

/*Nitin End*/

.pagination-box {
    text-align:center;
}
.booking-btn .btn-danger{background-color: #f7ccd5;border: 0;}
.booking-btn .btn-danger span{color: #d80025;}
.booking-btn .btn-danger:hover{background-color: #d68495;}

.booking-btn .btn-warning{background-color: #fbdeb4;border: 0;}
.booking-btn .btn-warning span{color: #d87f00;}
.booking-btn .btn-warning:hover{background-color:#ffc268;}

.booking-btn .btn-success:hover{background-color: #a3dbc0;}

.payment-summary-popup{margin-top: 20px;}

.payment-summary-popup .border-btm {border-bottom: 1px solid #c7c7c7; height: 49px;}

.payment-summary-popup .border-btm:last-child {border-bottom:0;}

.payment-summary-popup .col-md-3, .payment-summary-popup .col-md-2{position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.issue-refund-close{background: rgba(0, 0, 0, 0.78);position: absolute;top: -10px;right: -10px;width: 30px;height: 30px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;border-radius: 50%;padding-top: 2px;-webkit-transition:all 0.3s;
transition:all 0.3s;}

.issue-refund-close:hover{transform:rotate(180deg)}

/*.no-records {text-align: center;font-size: 20px;color: #9e9e9e;background-color: #fff;box-shadow:0px 0px 10px 0px #ccc;border-radius: 2px;min-height: 140px;font-size: 22px;font-weight: bold;color: #d6d6d6;line-height: 140px;}*/
.no-records {text-align: center;font-size: 25px;display: block;color: #008fd5;margin-top: 85px;text-transform: capitalize;}
.popup_cancle_btn{padding-bottom:0px;width: 100%;}
.popup_cancle_btn button{margin-top:15px}
.upload-screens input{display:none;}
.reservation-number .booking-btn{margin-top:35px}

.reservation-number .reservation-green-border{width:10px;height:100%;background-color:#18de43;position:absolute;left:0;top:0;}
.reservation-number .reservation-red-border{width:10px;height:100%;background-color:#d80025;position:absolute;left:0;top:0;}
.reservation-number .reservation-yellow-border{width:10px;height:100%;background-color:#d87f00;position:absolute;left:0;top:0;}
.chat_box a {
    color: #fff;
    text-decoration: underline;
}

.teamchat_box a{
     color: #fff;
}
.lower-action-grey-icon{background-color: #e2e2e2;
    border: 0;
    color: #5a5a5a;
    cursor:default
}

.no-wrap{white-space: nowrap !important;}
.success-payment-btn{cursor:pointer; padding:2px 8px; background-color: #d6ecff; border-radius: 20px; font-weight: 600;  color: #3d4eac; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.refund-payment-btn{cursor:pointer;padding:2px 8px; background-color: #e3e8ee; border-radius: 20px; font-weight: 600;  color: #4f566b; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.dispute-payment-btn{cursor:pointer;padding:2px 8px; background-color: #fd9233; border-radius: 20px; font-weight: 600;  color: #fff; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.ui-tooltip:before{content:''; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; top: -8px; left:0; right: 0; margin: auto; z-index:1;}
.ui-tooltip:after{content:''; width: 0px; height: 0px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #c5c5c5; position: absolute; top: -9px; left:0; right: 0; margin: auto;}
/*tooltip*/
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}

.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}

.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}



.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}

body .ui-tooltip {
border-width: 2px;
}
p.help_text {
    font-size: 10px;
}
.padding-0{
    padding: 6px 10px !important;
}
.padding-left-0{
    padding-left: 0px !important;
}
.padding-right-0{
    text-align: right;
    padding-right: 0px;
}
.btn-dispute
{
    padding: 2px 6px;
    font-size: 14px;
}
.display-inline
{
    display: inline-block !important;
}
.min-width-69
{
    min-width: 69px!important;
}
.pad-right-0
{
    padding-right: 0;
}


/*Super Admin Header start*/
.wrap_dropdown_sAdmin {
    background: #fff;
    width: 180px;
    display: none;
    position: absolute;
    padding: 0;
    top: 62px;
    left: 10px;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 10%);
}
.navigation_sidebar_custom .navbar-nav .nav-item .profile-sect-sadmin{
    padding-left: 10px;
}
.navigation_sidebar_custom .navbar-nav .nav-item .nav-link .profile-img-sAdmin{
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-bottom: 0;
    background: #fff;
    border-color: #bdbdbd;
    display: inline-block;
    margin-right: 10px;
}
.navigation_sidebar_custom .navbar-nav .nav-item .nav-link .profile-img-sAdmin img{
    width: 100%;
}
.navigation_sidebar_custom .navbar-nav .nav-item .nav-link {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    padding: 10px;
    align-items: center;
    min-height: 60px;
}
.navigation_sidebar_custom .navbar-nav .nav-item .nav-link:hover,
.navigation_sidebar_custom .navbar-nav .nav-item .nav-link:focus {
    background-color: transparent;
}
.navigation_sidebar_custom .navbar-nav .nav-item {
    margin: 0;
}
.navigation_sidebar_custom .main-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
}
.navigation_sidebar_custom {min-height: 60px;}
.navigation_sidebar_custom .main-section .navbar-header .navbar-brand.logo img{
    max-width: 228px;
    margin: 0;
}
.navigation_sidebar_custom .main-section .navbar-header .navbar-brand.logo{
    padding: 0;
    margin: 0;
}
.navigation_sidebar_custom .main-section .navbar-header .navbar-toggle {
    margin: 14px;
    border-color: #ddd;
    background-color: #f8f8f8;
}
.navigation_sidebar_custom .main-section .navbar-header .navbar-toggle .icon-bar{
    background-color: #888;
}
.navigation_sidebar_custom .navbar-nav .nav-item .wrap_dropdown_sAdmin .nav-link {
    min-height: inherit;
}

@media only screen and (max-width: 767px) {
  /* For mobile phones: */
    .navigation_sidebar_custom .navbar-nav .nav-item .nav-link {
        min-height: initial;
    }
    .navigation_sidebar_custom .main-section .navbar-header{
        width: 100%;
        min-height: 60px;
    }
    .navigation_sidebar_custom .main-section .navbar-header .navbar-brand.logo{
        min-height: 60px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding-left: 10px;
    }
    .navigation_sidebar_custom .main-section {
        display: block;
    }
    .navigation_sidebar_custom .main-section #navbar{
        padding: 0 10px 10px;
    }
    .navigation_sidebar_custom .main-section #navbar .navbar-nav{
        margin: 0;
    }
    .wrap_dropdown_sAdmin{
        position: static;
        border: none;
        box-shadow: none;
        padding-left: 10px;
        width: 100%;
    }
}

@media only screen and (min-width : 768px) and  (max-width : 991px){
    .navigation_sidebar_custom .navbar-nav .nav-item .nav-link {
        min-height: initial;
    }
    .wrap_dropdown_sAdmin{
        position: static;
        border: none;
        box-shadow: none;
        padding-left: 10px;
        width: 100%;
    }
    .navigation_sidebar_custom .main-section .navbar-header .navbar-toggle {
        display: block;
    }
    .navigation_sidebar_custom .main-section #navbar.navbar-collapse.collapse{
       display: none!important;
    }
    .navigation_sidebar_custom .main-section #navbar.navbar-collapse.collapse.in{
        display: block!important;
        width: 100%;
        float: left;
        height: auto!important;
        overflow-y: auto!important;
    }
    .navigation_sidebar_custom .main-section .navbar-header{
        width: 100%;
        min-height: 60px;
    }
    .navigation_sidebar_custom .main-section .navbar-header .navbar-brand.logo{
        min-height: 60px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding-left: 10px;
    }
    .navigation_sidebar_custom .main-section {
        display: block;
    }
    .navigation_sidebar_custom .main-section #navbar{
        padding: 0 10px 10px;
    }
    .navigation_sidebar_custom .main-section #navbar .navbar-nav{
        margin: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .navigation_sidebar_custom .navbar-nav .nav-item .dropdown-menu{
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
}
/*Super Admin Header ends*/
#MainMenu .search-sec-custom {
    padding: 5px 5px 0px;
}

#MainMenu .search-sec-custom .icon-search {
    left: 12px;
    top: 17px;
    font-size: 16px;
}

#MainMenu .search-sec-custom input {
    width: 100%;
    padding: 10px 22px 10px 26px;
    border: 1px solid #666;
    border-radius: 8px;
}

#MainMenu .search-sec-custom .search_close {
    top: 14px;
    right: 12px;
}

.wrap_dropdown_custom {
    width: 200px;
}

/*Host Header start*/

.navigation_host_custom .main-host-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 68px;
}
.navigation_host_custom .main-host-section .navbar-header .navbar-brand.logo {
    padding: 0;
    margin: 0;
}

.navigation_host_custom .main-host-section .navbar-header .navbar-toggle {
    margin: 14px;
    border-color: #ddd;
    background-color: #f8f8f8;
}
.navigation_host_custom .main-host-section .navbar-header .navbar-toggle .icon-bar {
    background-color: #888;
}

.navigation_host_custom .main-host-section .navbar-nav .nav-item {
    margin: 0;
}
.navigation_host_custom .main-host-section .navbar-header .navbar-brand.logo img {
    margin-top: 0;
    max-width: unset;
}
.navigation_host_custom .main-host-section .navbar-nav .nav-item .nav-link {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    padding: 15px;
    align-items: center;
    min-height: 68px;
    color: #666;
    font-size: 13px;
    font-weight: bold;
}
.navigation_host_custom .main-host-section .navbar-nav .nav-item .nav-link:hover,
.navigation_host_custom .main-host-section .navbar-nav .nav-item .nav-link:focus{
    background: none;
}
.navigation_host_custom .main-host-section .navbar-nav .nav-item .wrap_dropdown {
    z-index: 9;
    top: 69px;
}
.navigation_host_custom .main-host-section .navbar-nav .nav-item .wrap_dropdown li a {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    padding: 10px;
}
.navigation_host_custom .main-host-section .navbar-nav .nav-item.active .nav-link {
    color: #428bca;
}
.navigation_host_custom .main-host-section .navbar-nav .nav-item.wrap_dropdown-spreadCount {
    position:relative;
}
.navigation_host_custom .main-host-section .navbar-nav .nav-item.wrap_dropdown-spreadCount .msz_count {
    top: 25px;
    left: -4px;
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
        .navigation_host_custom .navbar-nav .nav-item .nav-link {
        min-height: initial;
        min-height: 40px!important;
        padding: 10px!important;
    }
    .navigation_host_custom .main-host-section .navbar-nav .nav-item .wrap_dropdown .search-sec-custom {
        position: relative;
    }
    .navigation_host_custom .main-host-section .navbar-nav .nav-item .wrap_dropdown {
        position: static;
        border: none;
        box-shadow: none;
        padding-left: 10px;
        width: 100%;
    }
    .navigation_host_custom .main-host-section .navbar-header .navbar-toggle {
        display: block;
    }

    .navigation_host_custom .main-host-section #navbarGuest.navbar-collapse.collapse {
        display: none !important;
    }

    .navigation_host_custom .main-host-section #navbarGuest.navbar-collapse.collapse.in {
        display: block !important;
        width: 100%;
        float: left;
        height: auto !important;
        overflow-y: auto !important;
    }

    .navigation_host_custom .main-host-section .navbar-header {
        width: 100%;
        min-height: 68px;
    }

    .navigation_host_custom .main-host-section .navbar-header .navbar-brand.logo {
        min-height: 68px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding-left: 10px;
    }

    .navigation_host_custom .main-host-section {
        display: block;
    }

    .navigation_host_custom .main-host-section #navbarGuest {
        padding: 0 10px 10px;
    }

    .navigation_host_custom .main-host-section #navbarGuest .navbar-nav {
        margin: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    /* For mobile phones: */
    .navigation_host_custom .main-host-section .nav-item .nav-link {
        min-height: 40px !important;
        padding: 10px !important;
    }
    .navigation_host_custom .main-host-section .navbar-nav .nav-item.wrap_dropdown-spreadCount .msz_count {
        top: 12px;
        left: 80px;
    }
    .navigation_host_custom .main-host-section .navbar-nav .nav-item .wrap_dropdown .search-sec-custom {
        position: relative;
    }
    .navigation_host_custom .main-host-section .navbar-header {
        width: 100%;
        min-height: 68px;
    }
    .navigation_host_custom .main-host-section .navbar-header .navbar-toggle {
        margin: 13px;
        height: 42px;
        padding: 6px 10px;
    }
    .navigation_host_custom .main-host-section .navbar-header .navbar-toggle .icon-bar {
        width: 29px;
        height: 3px;
    }
    .navigation_host_custom .main-host-section .navbar-header .navbar-brand.logo img {
        width: 228px;
    }
    .navigation_host_custom .main-host-section .navbar-header .navbar-brand.logo {
        min-height: 68px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding-left: 10px;
    }

    .navigation_host_custom .main-host-section {
        display: block;
    }

    .navigation_host_custom .main-host-section #navbarGuest {
        padding: 0 10px 10px;
    }

    .navigation_host_custom .main-host-section #navbarGuest .navbar-nav {
        margin: 0;
    }

    .navigation_host_custom .main-host-section .navbar-nav .nav-item .wrap_dropdown {
        position: static;
        border: none;
        box-shadow: none;
        padding-left: 10px;
        width: 100%;
    }
    .information_conent.information_conent_custom .dasboard_wrap .dasboard_wrap_box {
        display: block!important;
        margin-bottom: 0!important;
    }
    .information_conent.information_conent_custom .dasboard_wrap .dasboard_wrap_box .box_dashboard {
        margin-bottom: 20px !important;
    }
    .information_conent.information_conent_custom .dasboard_wrap {
        padding: 0!important;
    }
}


/*Host Header ends*/


/*Dashboard start*/
.information_conent.information_conent_custom {
    margin-right: 0;
}
.information_conent.information_conent_custom .dasboard_wrap .box_dashboard {
    background: #f2f2f2;
    border: 1px solid #bdbdbd;
}
.information_conent.information_conent_custom .dasboard_wrap .dasboard_wrap_box {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-gap: 20px;
    margin-bottom: 20px;
}
.information_conent.information_conent_custom .dasboard_wrap {
    padding: 20px;
}


/*Dashboard ends*/


/*Manage Reservation start */
.resrvation-tbl.desktop-view {
    display:block;
}
.resrvation-tbl.mobile-view{
    display:none;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
    .manage-reservation-section,
    .reservation-guest-section {
        flex-direction: column;
    }
    .manage-reservation-section h2,
    .reservation-guest-section h2{
        display: flex !important;
        display: -webkit-box;
        display: -ms-flexbox;
        flex-basis: auto;
    }
    .manage-reservation-section .search-box,
    .reservation-guest-section .search-box {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 10px 20px;
    }
    .navigation_host_custom .main-host-section .navbar-nav .nav-item.wrap_dropdown-spreadCount .msz_count {
        top: 12px;
        left: 80px;
    }
    .model-delete-reservation .info_box .mobile-view-custom {
        display: block !important;
        padding: 0 15px;
    }

    .model-delete-reservation .info_box .desktop-view-custom {
        display: none !important;
    }

    .model-delete-reservation .info_box .payment-text {
        margin: 10px 0 !important;
    }

    .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text .text,
    .model-issue-refund .mobile-view-issue-refund label{
        color: #666666;
    }

    .model-delete-reservation .info_box .mobile-view-custom .data-content{
        margin-bottom: 15px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    }

        .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text button{
            background: #ff464d;
            color: #fff;
            min-width: auto;
            width: 100%;
            box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
            border-radius: 2px;
            margin-right: 10px;
            text-transform: capitalize;
        }

        .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text.content-text-custom{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 10px;
        }

    .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text button.grey_btn {
        background: #c1c0c0;
    }

        .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text button.blue_button{
            background: #008fd5;
            box-shadow: 1px 1px 1px #008fd5;
        }

    .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text .refundamount {
        color: #d5002d;
        font-weight: bold;
    }

    .model-issue-refund .desktop-view-issue-refund {
        display: none !important;
    }

    .model-issue-refund .mobile-view-issue-refund {
        display: block !important;
        margin-top: 15px;
    }

    .model-issue-refund .payment_green_btn {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    /* For mobile phones: */
    .resrvation-tbl.desktop-view {
        display: none;
    }
    .resrvation-tbl.mobile-view {
        display: block;
        margin-bottom: 30px;
    }
    .reservation-guest-section h2 span,
    .content-title-manage-title h2 span,
    .content-title-rental h2 span,
    content-title-current-exp h2 span{
        margin-left: 0;
        margin-bottom: 8px;
    }
    .manage-reservation-section,
    .reservation-guest-section,
    .content-title-rental,
    .content-title-current-exp {
        flex-direction: column;
    }
    .reservation-guest-section,
    .content-title-manage-title,
    .content-title-rental,
    .content-title-current-exp {
        background: #008fd5;
        padding-bottom: 1px;
    }
    .manage-reservation-section h2,
    .reservation-guest-section h2,
    .content-title-manage-title h2,
    .content-title-rental,
    .content-title-current-exp {
        display: flex !important;
        display: -webkit-box;
        display: -ms-flexbox;
        flex-basis: auto;
        flex-direction: column;
        padding-bottom: 10px;
    }
    .reservation-guest-section h2 i,
    .content-title-manage-title h2 i,
    .content-title-rental h2 i,
    .content-title-current-exp h2 i{
        width: 20px;
        height: 20px;
    }
    .content-title-rental h2,
    .content-title-current-exp h2 {
        padding-bottom: 0;
    }
    .content-title-current-exp .checkbox_wrap {
        margin-top: 0!important;
    }
    .content-title-rental .add_category_btn,
    .content-title-current-exp .add_category_btn,
    .content-title-current-exp .checkbox_wrap {
        position: relative!important;
        top: 0!important;
        left: 0!important;
        transform: none!important;
        margin: 15px;
    }
    .content-title-rental .manage-deleted-rentalunit,
    .content-title-current-exp .manage-deleted-rentalunit,
    .content-title-current-exp .checkbox_wrap {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        margin: 15px;
    }
    .manage-reservation-section h2 i{
        width: 20px;
        height: 20px;
        margin: 2px 5px 0 10px;
    }
    .manage-reservation-section h2 span{
        margin-bottom: 8px !important;
    }
    .manage-reservation-section .search-box,
    .reservation-guest-section .search-box,
    .content-title-manage-title .search-box,
    .content-title-rental .search-box,
    .content-title-current-exp .search-box {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 0px 20px 20px;
    }
    .main_wrap_custom {
        margin-top: 70px;
    }
    .information_conent_section {
        margin-right: 0;
    }
    .information_conent_section .count-txt{
        padding: 0 0 15px;
        text-align: center;
    }
    .information_conent_section .filter-option {
        text-align: center;
        margin-bottom: 20px;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-number .booking-number,
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-number .booking-btn {
        display: none;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-number,
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-info {
        width: auto;
        border: none;
        display: block;
        padding-bottom: 50px;
        padding-top: 20px;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-info .resrv-box-data .box-data {
        padding-top: 0;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-info .resrv-box-data {
        border: none;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-number .reserve-section {
        text-align: left;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-number .reserve-section .reserve-text,
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-number .reserve-section .reserrvation-idnumber {
        font-size: 13px;
        font-weight: bold;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-info .resrv-box-data .box-data p {
        font-size: 13px;
        margin-bottom: 2px;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reserv-tab {
        position: absolute;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 25px;
        justify-content: center;
        align-items: center;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reserv-tab .traingle-up {
        top: 0;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-action {
        position: absolute;
        left: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        width: 100%;
        bottom: 20px;
    }
    .information_conent_section .resrvation-tbl.mobile-view .reservation-tbl-head-custom .reservation-action .btn {
        margin: 0 10px 10px;
    }
    .information_conent_section .resrvation-tbl.mobile-view .resrvation-tbl-body .table-responsive.table-responsive-custom .more-action .action-list {
        white-space: normal;
    }
    .information_conent_section .resrvation-tbl.mobile-view .resrvation-tbl-body .table-responsive.table-responsive-custom {
        overflow: visible;
        white-space: normal;
    }
    .manage-reservation-section h2 .past-reservaation-custom i {
        margin-left: 6px;
    }
    .information_conent_section .filter-option .filter-checkbox-filter .filter-checkbox-dropdown {
        left: 2px;
    }
    .information_conent_section .filter-option .filter-checkbox-sort .filter-checkbox-accordion {
        min-width: 154px;
        left: 0;
    }
    .model-delete-reservation,
    #NotesPopup,
    .model_wrap{
        width: 94%;
    }
    .model-delete-reservation #delete {
        margin-right: 10px;
    }
    .navbar-collapse{
        max-height: inherit;
    }
    .right_section_wrap .right_inner_box .right_sidebar {
        display: none;
    }
    .right_section_wrap .right_inner_box .content_wrap{
        padding: 0;
    }
    .right_section_wrap .right_inner_box .content_wrap .information_conent{
        margin-right: 0;
    }
    .right_section_wrap .right_inner_box .content_wrap .information_conent .info_box .info-box-title {
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .right_section_wrap .right_inner_box .content_wrap .information_conent .info_box .info-box-data .total-res-payment td:nth-child(4),
    .right_section_wrap .right_inner_box .content_wrap .information_conent .info_box .info-box-data .total-res-payment td:nth-child(5),
    .right_section_wrap .right_inner_box .content_wrap .information_conent .info_box .info-box-data .resr-payment-wrap table tbody tr td:nth-child(4),
    .right_section_wrap .right_inner_box .content_wrap .information_conent .info_box .info-box-data .resr-payment-wrap table tbody tr td:nth-child(5) {
        display: none;
    }
    .info_box.info-box-custom .mobile-view-custom {
        display: block;
    }

    .info_box.info-box-custom .desktop-view-custom {
        display: none!important;
    }
    .model-delete-reservation .info_box .mobile-view-custom,
    .info_box.info-box-custom .mobile-view-custom {
        display: block !important;
        padding: 0 15px;
    }
    .model-delete-reservation .info_box .desktop-view-custom {
        display: none!important;
    }
    .model-delete-reservation .info_box .payment-text {
        margin: 10px 0 !important;
    }
    .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text .text,
    .model-issue-refund .mobile-view-issue-refund label,
    .info_box.info-box-custom .mobile-view-custom .data-content .content-text .text {
        color: #666666;
    }
    .model-delete-reservation .info_box .mobile-view-custom .data-content,
    .info_box.info-box-custom .mobile-view-custom .data-content {
        margin-bottom: 15px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    }
        .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text button,
        .info_box.info-box-custom .mobile-view-custom .data-content .content-text button {
            background: #ff464d;
            color: #fff;
            min-width: auto;
            width: 100%;
            box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
            border-radius: 2px;
            margin-right: 10px;
            text-transform: capitalize;
        }
        .info_box.info-box-custom .mobile-view-custom .data-content .content-text.content-text-custom {
            display: flex;
            justify-content: start;
            align-items: center;
            margin: 10px 0 8px;
        }
        .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text.content-text-custom {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 10px;
        }
    .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text button.grey_btn {
        background: #c1c0c0;
    }
        .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text button.blue_button,
        .info_box.info-box-custom .mobile-view-custom .data-content .content-text button.blue_button {
            background: #008fd5;
            box-shadow: 1px 1px 1px #008fd5;
        }
    .model-delete-reservation .info_box .mobile-view-custom .data-content .content-text .refundamount {
        color: #d5002d;
        font-weight: bold;
    }

    .model-issue-refund .desktop-view-issue-refund {
        display: none!important;
    }
    .model-issue-refund .mobile-view-issue-refund {
        display: block !important;
        margin-top: 15px;
    }
    .model-issue-refund .payment_green_btn{
        margin-top: 10px;
    }
    .right_section_wrap .right_inner_box .content_wrap .information_conent .tab-custom {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
    }
    .right_section_wrap .right_inner_box .content_wrap .information_conent .tab-custom li {
        margin-right: 0;
        border: none;
        border-radius: 0;
        margin-bottom: 8px;
    }
    .right_section_wrap .right_inner_box .content_wrap .right-padding {
        padding-right: 0;
    }
    .right_section_wrap .right_inner_box .content_wrap .right-margin {
        margin-right: 0;
    }
    .padding-0-mobile{
        padding:0;
    }
    .margin-top-mobile{
        margin-top:15px;
    }
    #btnKaba{
        display: none;
    }
    .right_section_wrap .right_inner_box .content_wrap .information_conent .tab-custom-content .table_data_show ul li,
    .model-notes .model_body .table_data_show ul li {
        display: flex;
        display: -webkit-flex;
    }
    .right_section_wrap .right_inner_box .content_wrap .information_conent .tab-custom-content .table_data_show ul li .data_cell.data-cell-custom,
    .model-notes .model_body .table_data_show ul li .data_cell.data-cell-custom {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: auto;
        margin-right: 5px;
    }
    .model-notes .model_body {
        overflow: inherit;
        max-height: inherit;
    }
    .model-notes .model_head h4{
        font-size: 14px;
    }
}
.info_box.info-box-custom .mobile-view-custom{
    display: none;
}
.info_box.info-box-custom .desktop-view-custom {
    display: block;
}

.model-delete-reservation .info_box .mobile-view-custom,
.model-issue-refund .mobile-view-issue-refund {
    display: none;
}
.model-delete-reservation .info_box .desktop-view-custom,
.model-issue-refund .desktop-view-issue-refund {
    display: block;
}

/*Manage Reservation ends */

/* Chat section start*/

@media only screen and (max-width: 767px) {
    .chat-msg-custom .content_title .msg-txt-section-custom {
        display: flex !important;
        display: -webkit-box;
        display: -ms-flexbox;
        flex-basis: auto;
        flex-direction: column;
        padding: 20px 10px 10px;
    }
    .chat-msg-custom .content_title .msg-txt-section-custom .msg-text,
    .chat-msg-custom .content_title .msg-txt-section-custom .past-reservaation,
    .chat-msg-custom .content_title .msg-txt-section-custom .archived-msg {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .chat-msg-custom .content_title .msg-txt-section-custom .msg-text i,
    .chat-msg-custom .content_title .msg-txt-section-custom .archived-msg i{
        width: 20px;
        height: 20px;
        margin: 2px 5px 0 10px;
    }
    .chat-msg-custom .content_title .add_category_btn {
        margin: 0 20px 20px;
    }
    .chat-msg-custom .content_title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: column;
        background: #008fd5;
    }
    .chat-msg-custom .content_title .search-box {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 0px 20px 20px;
    }
    .chat-msg-custom .msg-wrap-custom {
        display: none;
        width: 100%;
    }
    .chat-msg-custom .msg-wrap-custom {
        display: none;
    }
    .chat-msg-custom .msg-wrap-custom.msg-wrap-custom-mobile {
        display: block;
        width: 100%;
    }
    .chat-msg-custom .inbox-left-custom.inbox-left-custom-mobile {
        display: none;
    }
    .chat-msg-custom .msg_box {
        padding: 30px 20px!important;
    }
    .chat-msg-custom .inbox-left-custom {
        width: 100%;
    }
    .chat-msg-custom .msg-wrap-custom .back-chat-btn {
        height: 40px;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-wrap: wrap;
        justify-content: start;
        align-items: center;
        padding-left: 20px;
        border-bottom: 1px solid #ddd;
    }
    .chat-msg-custom .msg-wrap-custom .back-chat-btn .back-to-msg {
        transform: rotate(90deg);
        cursor: pointer;
    }
    .chat-msg-custom .msg-wrap-custom .msg_box .chat_box.with_user {
        max-width: calc(100% - 90px);
    }
    .chat-msg-custom .msg-wrap-custom .send_message #txtMessage {
        width: 100%;
        height: 40px;
        margin-bottom: 8px;
    }
    .chat-msg-custom .msg-wrap-custom .send_message button {
        width: auto;
        line-height: normal;
        padding: 10px 15px;
    }
    .chat-msg-custom .msg-wrap-custom .send_message .chat-img-upload {
        margin-top: 10px;
    }
    .right-section-wrap-msg-custom .right_inner_box .information_conent .info_box {
        width: 100%;
        margin-right: 0;
    }
    .right-section-wrap-msg-custom .right_inner_box .content_wrap .send-multiple-h2-sec,
    .msg-template-custom .send-multiple-h2-sec {
        display: flex !important;
        display: -webkit-box;
        display: -ms-flexbox;
        flex-basis: auto;
        flex-direction: column;
        padding-bottom: 10px;
    }
    .right-section-wrap-msg-custom .right_inner_box .content_wrap .send-multiple-h2-sec span,
    .msg-template-custom .send-multiple-h2-sec span{
        font-size: 13px;
        font-weight: normal;
        margin-bottom: 8px;
    }

    .right-section-wrap-msg-custom .right_inner_box .content_wrap .send-multiple-h2-sec span i,
    .msg-template-custom .send-multiple-h2-sec span i{
        width: 20px!important;
        height: 20px!important;
        margin: 2px 8px 0 10px!important;
    }
    .msg-template-custom .information_conent,
    .msg-template-custom .information_conent .info_box {
        margin-right: 0;
    }
    .msg-template-custom .information_conent .info_box button.btn-messageTemplate {
        margin-top: 10px!important;
    }
    .notificaion_detail.notificaion-detail-custom .notification_check_list {
        display: flex;
        flex-direction:column;
    }
    .notificaion_detail.notificaion-detail-custom .notification_check_list li{
        float: none;
        width: 100%;
    }
    .input-row-check-in-time {
        display: flex;
        align-items: center;
        justify-content: start;
        padding: 10px 15px;
    }
    .input-row-check-in-time label{
        margin: 0;
    }
    .input-row-check-in-time label:first-child {
        margin-right: 15px;
    }
    .input-row-check-in-early button{
        margin: 0;
    }
    .input-row-check-in-early {
        margin-bottom: 15px;
    }
    .rental-custom .input_row {
        margin-bottom: 10px;
    }
    .rental-custom .input-row-btn button {
        margin: 8px 0;
        height: 32px;
    }
    .rental-custom .input-row-btn {
        margin-bottom: 10px;
        padding-right: 15px !important;
        padding-left: 15px !important;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5px;
    }
    .rental-custom .input-row-menu {
        margin-top: 15px!important;
    }
    .input-row-add-ins button,
    .input-row-arrival button,
    .input-row-rental-agree button{
        width: 100%;
    }
    .rental-custom {
        border-bottom: 2px solid #cdcdcd;
        padding-bottom: 10px;
    }
    .information-conent-custom .guest-reg-custom {
        width: 100%;
    }
    .information-conent-custom .guest-reg-custom .row {
        display: flex;
        align-items: center;
    }
    .information-conent-custom .guest-reg-custom .row div:first-child {
        width: 70%;
    }
    .information-conent-custom .guest-reg-custom .row div:last-child {
        width: 30%;
    }
    .information-conent-custom {
        margin-right: 0;
    }
    .content-wrap-add-unit .right-sidebar-custom,
    .right-sidebar-account-setting {
        position: relative;
        width: 100% !important;
        padding-top: 20px;
    }
    .right-sidebar-account-setting{
        padding: 20px;
    }
    .right-sidebar-account-setting .rental_summary {
        border: 2px solid #bdbdbd40;
        padding-bottom: 10px;
    }
    .content-wrap-add-unit {
        padding: 0;
    }
    .content-wrap-add-unit .information_conent,
    .content-wrap-add-unit .information_conent .info_box,
    .information-conent-manage,
    .information-conent-current-exp,
    .information-conent-add-owner,
    .information-conent-add-owner .info_box,
    .information_conent.content-thLeft,
    .information-conent-add-exp-recuuring,
    .information-conent-add-exp-recuuring .info_box,
    .information-conent-local-tips,
    .information-conent-local-tips .info_box,
    .information-conent-team-members,
    .information-conent-team-members .info_box {
        margin-right: 0;
    }
    .information-conent-team-members .team_members_wrap {
        margin-bottom: 0;
        border-bottom: 1px solid #cdcdcd;
        margin-bottom: 15px;
    }
    .information-conent-team-members .team_members_wrap .member_profile {
        display: flex;
        justify-content: start;
        align-content: center;
    }
    .information-conent-team-members .team_members_wrap .remove-custom {
        margin: 10px 0;
        display: flex;
        justify-content: space-between;
    }
    .information-conent-team-members .team_members_wrap .remove-custom .btn{
        width: 48%;
    }
    .information-conent-add-exp-recuuring .info_box .custom-class label {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }
    .information-conent-add-exp-recuuring .info_box .custom-class-add select {
        margin-left: 0 !important;
    }
    .information-conent-add-exp-recuuring .info_box .custom-class-add label {
        padding-top: 0 !important;
    }
    .information-conent-manage .manage,
    .information-conent-manage .delete_account,
    .information-conent-current-exp .manage,
    .information-conent-current-exp .delete_account,
    .information_conent.content-thLeft button,
    .information-conent-payment button {
        margin: 5px 0!important;
        width: 100%;
    }
    .notification-wrap-custom {
        margin: 0;
        width: auto;
    }
    .notification-wrap-custom .notification_type .notification_box {
        width: 100%;
        margin-bottom: 10px;
    }
    .information-conent-automatic,
    .information-conent-automatic .info_box,
    .information-conent-owner,
    .information-conent-owner .info_box,
    .content_wrap_custom .information_conent,
    .content_wrap_custom .information_conent .info_box,
    .information-conent-account-setting,
    .information-conent-account-setting .info_box {
        margin-right: 0;
    }
    .content_wrap_custom{
        padding-right: 0;
    }
    .content_wrap_custom .right_sidebar {
        position: relative;
        padding-top: 20px;
    }
    .row-account{
        margin: 0;
    }
    .col-account{
        padding: 0;
    }
    .information-conent-setting .remove-pad-customA {
        padding: 0;
        margin-top: 10px;
    }
    .content_wrap_custom .right_sidebar {
        margin: 0;
        width: auto !important;
        padding: 15px;
    }
        .content_wrap_custom .right_sidebar .rental_summary {
            border: 1px solid #bdbdbd;
        }
        .content_wrap_custom .right_sidebar button {
            margin-top: 10px!important; 
        }
}
.chat-msg-custom .msg-wrap-custom .back-chat-btn{
    display: none
}
/* Chat section ends*/