/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* @license
* Copyright (C) 2018 Soloinsight Inc. - All Rights Reserved
* =======================================================================
* Version: 1.0.1
* Last Edit On: 4-04-2018 010:03 AM
* Last Edit By: Faheem Sharif
* =======================================================================
* NOTICE:  All information contained herein is, and remains
* the property of Soloinsight Inc. and its suppliers, if any.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Soloinsight Inc.
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*Grid slide Styling*/
.grid_slide_area .smart-form *, .grid_slide_area .smart-form:after, .grid_slide_area .smart-form:before{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body.open-slider{overflow: hidden;}
.grid_slide_area.slider_2 .container--body,
.grid_slide_area.slider_5 .container--body,
.grid_slide_area.slider_6 .container--body{
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif !important;height: 100%; padding: 0;
}
.grid_slide_area {
    position: fixed;
    right: 0;
    top: 63px;
    bottom: 0;
    width: 800px;
    border: 1px solid #f1f2f4;
    z-index: 905;
    background: #fff;
    color: #666;
    -webkit-box-shadow: 0px 0 21px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0 21px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0 21px -2px rgba(0,0,0,0.3);

    -webkit-transform: translate(110%, 0);
    -moz-transform: translate(110%, 0);
    -ms-transform: translate(110%, 0);
    -o-transform: translate(110%, 0);
    transform: translate(110%, 0);
}
.grid_slide_area.show_panel {
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
}
.grid_slide_area,.grid_slide_area *{
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
.grid_slide_area.slider_2, .grid_slide_area.slider_5, .grid_slide_area.slider_6{width: 1200px;}
.grid_slide_area .grid_slide_box{
    position: relative;
    height: 100%;
    padding-bottom: 80px;
}
.grid_slide_area.slider_2 .grid_slide_box, .grid_slide_area.slider_5 .grid_slide_box, .grid_slide_area.slider_6 .grid_slide_box{padding:0;}
.grid_slide_header{
    align-items: center;
    position: relative;
    background: #0092c2;
    padding: 17px 20px;
    width: 100%;
    /*background:url("../../img/slide_image_bg.jpg") no-repeat;*/
}
.slider_2 .grid_slide_header,
.slider_5 .grid_slide_header,
.slider_6 .grid_slide_header{
    background: transparent;
    color: #666666;
    font-size: 28px;
    line-height: 32px;
    position: relative;
    padding: 0 0 5px 30px;
    margin-top: 27px !important;
    margin-bottom: 12px !important;
    font-weight: 300;
}
.slider_2 .grid_slide_header .icon,
.slider_5 .grid_slide_header .icon,
.slider_6 .grid_slide_header .icon{
    display: inline-block;
    vertical-align: middle;
}
.slider_2 .grid_slide_header .icon .si-icon,
.slider_5 .grid_slide_header .icon .si-icon,
.slider_6 .grid_slide_header .icon .si-icon{
    font-size: 40px;
    line-height: 40px;
}
.slider_2 .grid_slide_header .text,
.slider_5 .grid_slide_header .text,
.slider_6 .grid_slide_header .text{
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-top:9px;
}
.slider_2 .group_slider_slide_44 .grid_slide_header .text {
    color: #333 !important;
}
.group_slider_slide_44 .container--body .send_email_toggle_green_btn em.font_style {
    text-transform: inherit;
}
.grid_slide_box .user_img{
    display: inline-block;
    vertical-align: middle;
    width: 83px;
    height: 83px;
    margin-right: 15px;
    overflow: hidden;
}
.grid_slide_box .host_detail_area .user_img{
    width: 40px;
    height: 40px;
    margin-right: 20px;
}
.grid_slide_box .user_img img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 100%;
}
.grid_slide_box .user_img img.host_img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.grid_slide_box .user_img.add_new{
    background: #0092c2;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 83px;
    color: #fff;
}
.grid_slide_box .host_detail_area .user_img.add_new{
    font-size: 15px;
    line-height: 40px;
}
.grid_slide_box .user_detail{
    display: inline-block;
    vertical-align: middle;
}
.grid_slide_box .grid_slide_header .user_detail{flex: 1 1 0;padding-right: 60px;font-size: 16px; color: #fff;}
.grid_slide_box .user_detail .name{
    margin: 0 0 3px;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.grid_slide_box .host_detail_area .user_detail .host_name{font-size: 16px;}
.grid_slide_area .right_aera{
    float: right;
    width: 90px;
    text-align: right;
}
.grid_slide_area .grid_slide_header .right_aera{margin: 27px 0 0;width: 100px;}
.grid_slide_area .right_aera.vis-btn-resend .btn {min-width: 103px;}
.grid_slide_area .right_aera .btn {width: 100%;min-width: 90px;}
.grid_slide_area .btn.approve_request,
.grid_slide_area .btn.reject_request {
    width: 160px;
    margin: 0 7px;
    line-height: 25px;
}
.grid_slide_area .grid_slide_content{height: 100%;padding-bottom: 120px;}
.grid_slide_area.slider_3 .grid_slide_content {background: #f4f6fb;}
.grid_slide_area .grid_slide_frame{height: 100%;overflow: auto;}
.grid_slide_area .grid_slide_frame .mCSB_inside>.mCSB_container {margin-right: 0;}
.grid_slide_content .slide_box {
    border-top: 1px solid #eaeaec;
    padding: 20px;
    font-size: 16px;
}
.grid_slide_content .slide_box.buttons_area {
    background: #fbfbfb;
    border-bottom: 1px solid #d2d2d2;
}
.grid_slide_content .slide_box {
    border-top: 1px solid #eaeaec;
}
.grid_slide_content .slide_box .panel-title {font-size: 16px;}
.grid_slide_content .slide_box .title{
    min-width: 142px;
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: top;
}
.grid_slide_content .slide_box .alocated_to .visit_type_area .detail > span{
    vertical-align: top;
}
.grid_slide_content .slide_box .detail {
    display: inline-block;
    vertical-align: top;
}
.grid_slide_content .list_detail_grid_area .detail {width: 550px;}
.grid_slide_content .slide_box .detail.badge_number {color: #0092c2;}
.grid_slide_content .slide_box .detail.request_status {color: #0092c2;width: 150px;}
.grid_slide_content .slide_box .detail.approved {color: #74bd51;}
.grid_slide_content .slide_box .detail.declined {color: #ff0000;}
.grid_slide_content .slide_box .visit_type_area .si-icon{
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    width: 25px;
    height: 25px;
    margin: 0 15px 0 0;
    text-align: center;
    line-height: 25px;
    color: #0092c2;
}
.grid_slide_content .slide_box .visit_type_area .detail > span{
    display: inline-block;
    vertical-align: text-bottom;
}
.grid_slide_content .slide_box .weekdays .day{
    float: left;
    width:30px;
    height: 30px;
    margin-right:5px;
    background: #bcbcbc;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
.grid_slide_content .slide_box .weekdays .day.active{background: #0092c2;}
.grid_slide_area .right_aera.bdg_num{color: red;}
.grid_slide_content .list_detail_grid{width: 481px;}
.grid_slide_content .list_detail_grid .status_icon {
    vertical-align: middle;
    line-height: 1.1;
}
.grid_slide_content .list_detail_grid .status_icon.si-cross {color: red;font-size: 19px;}
.grid_slide_content .list_detail_grid .status_icon.si-bounced {color: #FF6633;}
.grid_slide_content .list_detail_grid .status_icon.si-ok {color: #74bd51;}
.grid_slide_content .list_detail_grid .status_icon.si-dont_notify {color: #666;}
.grid_slide_content .list_detail_grid .status_icon.si-block-1 {color: #666;}
.grid_slide_footer{
    background: #fff;
    padding: 13px 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-shadow: 0 0 20px 5px rgba(179, 179, 179, 0.33);
    -webkit-box-shadow: 0 0 20px 5px rgba(179, 179, 179, 0.33);
    -moz-box-shadow: 0 0 20px 5px rgba(179, 179, 179, 0.33);
    z-index: 9;
}
.grid_slide_footer a{color: #0092c2;}
.grid_slide_footer .si-icon{vertical-align: middle;}
.grid_slide_cross, .grid_slide_cross_1, .grid_slide_reset{
    position: absolute;
    right: 47px;
    top: 50%;
    color: #fff;
    margin-top: -11px;
    line-height: 1;
    font-size: 20px;
    cursor: pointer;
}
.load_default{
    position: absolute;
    right: 90px;
    top: 50%;
    color: #0092c2;
    border-radius: 3px;
    background: #FFFFFF;
    width: 122px;
    height: 27px;
    margin-top: -13px;
    text-align: center;
    line-height: 27px;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
}
.load_default:hover {
    background: #0092c2;
    color: #ffe8e8;
    border: 1px solid #fff;
}
.grid_slide_reset{
    margin-right: 35px;
    line-height: 26px !important;
}
.grid_slide_reset i.si-refresh_icon{
    font-size: 13px;
    color: #727272;
}
.slider_2 .grid_slide_cross, .slider_2 .grid_slide_cross_1, .slider_2 .grid_slide_reset,
.slider_5 .grid_slide_cross, .slider_5 .grid_slide_cross_1, .slider_5 .grid_slide_reset,
.slider_6 .grid_slide_cross, .slider_6 .grid_slide_cross_1, .slider_6 .grid_slide_reset{
    right: 30px;
    color: #727272;
    background: #fbfbfb;
    font-size: 20px;
    line-height: 1;
    border-radius: 20px;
}
.grid_slide_reset{margin-right: 35px;}
.grid_slide_reset i.si-refresh_icon{
    font-size: 13px;
    color: #727272;
    vertical-align: middle;
}
.animation-slide-in-right.panel-enter,
.animation-slide-in-right.panel-leave {
    transition: all ease-out 0.3s;
}
.animation-slide-in-right.panel-leave{ transform: translate3d(0, 0, 0);}
.animation-slide-in-right.panel-enter{ transform: translate3d(100%, 0, 0); }
.grid_slide_area.slider_2 .genericRole1, .grid_slide_area.slider_5 .genericRole1, .grid_slide_area.slider_6 .genericRole1{height: 100%;}
.grid_slide_area.slider_2 .smart-form, .grid_slide_area.slider_5 .smart-form, .grid_slide_area.slider_6 .smart-form{height: 100%;}
.grid_slide_area.slider_2 .smart-form fieldset, .grid_slide_area.slider_5 .smart-form fieldset, .grid_slide_area.slider_6 .smart-form fieldset{background: transparent;height: 100%;}
.grid_slide_area.slider_2 .smart-form .flex-container,
.grid_slide_area.slider_5 .smart-form .flex-container,
.grid_slide_area.slider_6 .smart-form .flex-container{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    height: 100%;
}
.slider_wizzard{
    width: 27.1%;
    padding: 0 12px 0 10px;
    background: #e8e8e8;
    display: table-cell;
    vertical-align: top;
}
.group_slider_slide .slider_wizzard{width: 24.1%;}
.grid_slide_area.tabs_slide .slider_wizzard{background: #0092c2;}
.slider_wizzard_header{
    height: 110px;
    margin: 0 0px 7px -11px;
    padding:20px;
    background: #0092c2;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    display: inline-table;
    width: 100%;
}

.group_slider_slide_44 .group_slider_slide .slider_wizzard_header, .group_slider_slide_44 .visitor_slider_slide .slider_wizzard_header{
    background: #333;
}
.slider_wizzard_header h2{
    display: table-row;
}
.slider_wizzard_header p{
    /*position: relative;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.container--body .slider_wizzard .m-panel{background: #fdfdfd;margin: 0;}
.container--body .slider_wizzard .m-attachment--avatar{padding: 20px 14px 15px 15px;}
.slider_wizzard .form-group--combined{background: #e4e5e8;}
.container--body .slider_wizzard .FlowupLabels .fl_wrap > label{left: 18px;}
.container--body .slider_wizzard .FlowupLabels .fl_input{left: 18px;}
.container--body .slider_wizzard .form-group{margin: 0;}
.slider_wizzard .form-group--combined{
    background: transparent;
    border: 0;
}
.slider_wizzard .form-group--combined.required:after,
.slider_wizzard .form-group--combined[required]:after{right: 15px;}
.m-attachment--avatar.form-group--combined.required:after{right: 21px;}
.slider_wizzard .form-combined-inherit{
    height: inherit;
    padding: 7px 0px 4px !important;
}
.container--body .slider_wizzard .form-group--combined.focused{background-color:transparent;}
.container--body .FlowupLabels .slider_wizzard .fl_wrap > label{left: 15px;}
.grid_slide_area .container--body .FlowupLabels .fl_wrap.focused_2 > label,
.grid_slide_area .container--body .FlowupLabels .fl_wrap.populated > label,
.grid_slide_area .container--body .no-js .FlowupLabels .fl_wrap > label,
.grid_slide_area .container--body .focused .fl_wrap > label,
.grid_slide_area .container--body .FlowupLabels .populated-ed > label,
.grid_slide_area .container--body .focused label.fl_label{font-size: 12px !important;}
.slider_wizzard .form-combined-inherit .fl_label{padding:0 !important;}
.container--body .FlowupLabels .form-group label:not(.error), .container--body label.generic_form_label:not(.error){font-family: 'Roboto', 'Open Sans', Arial, sans-serif;}
.container--body .FlowupLabels .form-errors label{
    font-weight: 400 !important;
    margin-top: 0;
}
.container--body .FlowupLabels .slider_wizzard .fl_input{padding: 0 17px;}
.container--body .genericRole1 .slider_wizzard .duration_access_Cls .multiselect.dropdown-toggle.btn-default{
    padding-top: 0 !important;
    padding-left: 8px;
    font-weight: 400;
}
.slider_wizzard .duration_access_Cls label.select {z-index: 99;}
.container--body .slider_wizzard .image-cropper-wrapper {
    width: 100px;
    height: 100px;
    float: right;
    padding: 0;
}
.slider_wizzard .m-attachment--avatar .image-cropper-wrapper .upload-wrapper{padding: 0;}
.container--body .widget_title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #9ea0a4;
}
.container--body .slider_wizzard .bottom_footer_load {
    overflow: hidden;
    margin-top: 40px;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    width: 180px;
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
}
.container--body .slider_wizzard .bottom_footer_load i {
    display: inline-block;
    margin-left: 5px;
    font-size: 18px;
}
.container--body .slider_wizzard .uploadphotoCls, .container--body .slider_wizzard .captureImage, .container--body .slider_wizzard .takeSnapshot{
    width: 100%;
    max-width: 100% !important;
    font-size: 16px;
    height: auto !important;
}
.slider_wizzard .image-cropper-wrapper .upload-wrapper #upload-cropper{
    left: 100px;
    top: -88px;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 transparent;
    background: #fdfdfd;
}
.container--body .slider_wizzard .send_email_toggle_green_btn label.toggle{margin-left: -3px;}
.smart-form .slider_wizzard .checkbox i, .smart-form .slider_wizzard .radio i{
    width: 19px;
    height: 19px;
}
.smart-form .slider_wizzard  .checkbox input+i:after{
    font-size: 14px;
    line-height: 20px;
    left: 2px;
}
 .smart-form .slider_wizzard .radio input+i:after {
    width: 11px;
    height: 11px;
 }
.smart-form .slider_wizzard .checkbox, .smart-form .slider_wizzard .radio {
    padding-left: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #666;
}
.container--body .slider_wizzard .send_email_toggle_green_btn em.font_style{
    padding: 2px 0 0 6px;
    font-size: 14px;
    font-weight: normal;
}
.grid_slide_area.tabs_slide .slide_tabs_area ul{
    background: #0092c2;
    border-top: 1px solid #e6e6e6;
}
.grid_slide_area.tabs_slide .slide_tabs_area ul li{
    /*height: 68px;*/
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    line-height: 68px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}
.grid_slide_area.tabs_slide .slide_tabs_area ul li a{
    display: block;
    padding: 0 13px 0 23px;
    color: #fff;
}
.grid_slide_area.tabs_slide .slide_tabs_area ul li.active,
.grid_slide_area.tabs_slide .slide_tabs_area ul li.active a{
    background: #fff;
    color: #212121;
}
.grid_slide_area.tabs_slide .slide_tabs_area ul li span{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width:calc(100% - 40px)
}
.grid_slide_area.tabs_slide .slide_tabs_area ul li .list_bullet{
    width: 16px;
    height: 16px;
    margin-right: 18px;
    border:2px solid #fff;
    position: relative;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
.grid_slide_area.tabs_slide .slide_tabs_area ul li.active .list_bullet{border-color: #212121;}
.grid_slide_area.tabs_slide .slide_tabs_area ul li.active .list_bullet:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.grid_slide_area.tabs_slide .slide_tabs_area ul li.complete .list_bullet{
    background: #99cc66;
    width: 20px;
    height: 20px;
    margin-left: -4px;
}
.grid_slide_area.tabs_slide .slide_tabs_area ul li.complete .list_bullet:before{
    content: '\ebdf';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'fontello';
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.grid_slide_area.tabs_slide .slide_tabs_area ul li.active.complete .list_bullet{background: transparent;}
.grid_slide_area.tabs_slide .slide_tabs_area ul li.active.complete .list_bullet:before{content: '';}
.grid_slide{
    width: 72.8%;
    background: #fff;
    display: table-cell;
    vertical-align: top;
    position: relative;
}
.grid_slide .tab-pane{
    height: 100%;
    padding-bottom: 70px;
}
/*END Grid slide Styling*/
@-webkit-keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1; }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7; }

    100% {
        opacity: 0.0; } }

@keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1; }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7; }

    100% {
        opacity: 0.0; } }

.ball-scale-ripple-multiple {
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px); }
.ball-scale-ripple-multiple > div:nth-child(0) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.ball-scale-ripple-multiple > div:nth-child(1) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.ball-scale-ripple-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.ball-scale-ripple-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.ball-scale-ripple-multiple > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: -2px;
    left: -26px;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
    animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); }


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

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6); }

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

.ball-clip-rotate-multiple {
    left: 50%;
    position: fixed;
    top: 45%;
    width: 70px;
    height: 70px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}

.dashboard-loader .ball-clip-rotate-multiple,
.dashboard-loader .loader,
.fb-main .ball-clip-rotate-multiple,
.fb-main .loader{
    position: absolute;
}

.widgetLoader .loader,
.widgetLoader .ball-clip-rotate-multiple{
    position: absolute;
    display: none;
}

.widget-body-ajax-loading .widgetLoader .loader,
.widget-body-ajax-loading .widgetLoader .ball-clip-rotate-multiple{
    display: block;
}
.jarviswidget.overdue .jarviswidget-refresh-btn{
    color: #FFF;
    background: #333;
}

.ball-clip-rotate-multiple > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 70px;
    width: 70px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
    animation: rotate 1s 0s ease-in-out infinite; }
.ball-clip-rotate-multiple > div:last-child {
    display: inline-block;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    border-color: #fff transparent #fff transparent;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}
/*CSS Loader*/
.loader{
	background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 903;
    overflow: hidden;
}
/*END CSS Loader*/

.loadingState{
    /*overflow: hidden;*/
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader-wrapper .webite-logo{
    position: relative;
    left: 0;
	right:0;
    top: 50%;
	margin:30px 0 0;
    z-index: 1002;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3A3633;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #666666;

    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #B2b2b2;

    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #FFFFFF;
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

body.loaded{
    /*overflow: hidden;*/
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);  /* IE 9 */
    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}

/* WEBSITE.PRELOADER.END */

 .table-striped > tbody > tr:nth-child(2n+1) {
     background-color: transparent;
 }

 table.table-bordered tbody td, table.table-bordered tbody th {
     border-right-width: 0;
     vertical-align: middle;
 }
 table.dataTable tfoot > tr > th, table.dataTable thead > tr > th {
     border-right-width: 0;
 }
 table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
     background-color: transparent;
 }
.widget-cafeteria table.table-bordered tbody td{ text-align: left;}
/*'form input' in 'table td'  for "preview grid in import tenant */
.input_inside_td .table  tr  td form input{
    display: block;
    width: 100%;
    height: 28px !important;
    padding: 5px;
    font-size: 13px;
    line-height: 15px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}
/*END 'form input' in 'table td'  for "preview grid in import tenant */
.widget-cafeteria,
.widget-uber,
.widget-user,
.widget-event,
.widget-agreement,
.widget-visitor-agreement,
.widget{
    /*overflow: hidden;*/
    width: 100%;
    padding: 0;
}
.widget-cafeteria header,
.widget-uber header,
.widget-user header,
.widget-event header,
.widget-agreement header,
.widget-visitor-agreement header,
.widget header{
    border-bottom: 2px solid #d4d4d4;
}
.widget-cafeteria .widget-icon img,
.widget-uber .widget-icon img,
.widget-user .widget-icon img,
.widget-event .widget-icon img,
.widget-agreement .widget-icon img,
.widget-visitor-agreement .widget-icon img{
    display: block;
    width: 14px;
    height: auto;
    margin: 10px 0 0 8px;
}
.widget-user .widget-icon.add{
    float: right;
    margin: 0 10px;
}
.widget-cafeteria .no-padding,
.widget-uber .no-padding,
.widget-user .no-padding,
.widget-event .no-padding,
.widget-agreement .no-padding,
.widget-visitor-agreement .no-padding{
    text-align: center;
}
.widget-cafeteria .jarviswidget > div,
.widget-user .jarviswidget > div,
.widget-uber .jarviswidget > div,
.widget-agreement .jarviswidget > div,
.widget-event .jarviswidget > div{ min-height: 460px;}
.widget-cafeteria .jarviswidget .widget-body,
.widget-uber .jarviswidget .widget-body,
.widget-agreement .jarviswidget .widget-body,
.widget-visitor-agreement .jarviswidget .widget-body{
    padding: 20px 40px !important;
    box-sizing: border-box;
}
.widget-agreement .jarviswidget .widget-body{
    padding:0 !important;
    position: static;
}
.widget-user .jarviswidget .widget-body{
    padding: 10px !important;
}
.widget-cafeteria .img-area,
.widget-uber .img-area{
    overflow: hidden;
    width: 100%;
}
.widget-cafeteria .img-area{
    border-radius: 100%;
    width:230px;
    height: 230px;
    border: 8px solid #d79d5f;
    margin: 0 auto;
    padding: 20px 0 0;
}
.widget-cafeteria.widget-cafeteria-text .img-area{
    height: auto;
    border:0 none;
    border-radius: 0;
    margin: 0 auto;
}
.widget-cafeteria.widget-cafeteria-text .caption {
    display: inline-block;
    margin-top: 5px;
}
.widget-cafeteria.widget-cafeteria-image .img-area{
    margin: 0 auto 10px;
    padding: 0;
}
.widget-cafeteria .img-area img,
.widget-uber .img-area img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.widget-uber .top-title{
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #666;
    margin: 0 0 60px;
}
.widget-agreement .top-title{
    font-size: 25px;
    line-height: 28px;
    color: #b2b2b2;
    margin: 0 0 10px;
    display: block;
    text-align: center;
}
.widget-visitor-agreement .top-title{
    color: #666;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
.widget-cafeteria .content-block,
.widget-user .content-block,
.widget-uber .content-block,
.widget-event .content-block,
.widget-agreement .content-block{
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    color: #666;
    padding: 0 50px;
}
.widget-uber .content-block{padding:0 5px;}
.widget-event .content-block{padding:35px 10px;}
.widget-user .content-block{padding:70px 0 0;}
.widget-agreement .content-block{
    padding: 30px 50px 110px;
    text-align: left;
    line-height: 25px;
}
 .widget-visitor-agreement .jarviswidget{
    margin: 0;
}
.widget-visitor-agreement .content-block{
    color: #333333;
    text-align: left;
}
.widget-visitor-agreement .content-block li {
    margin-bottom: 10px;
}
.widget-uber .content-block .content-holder{
    width: 50%;
    float: left;
    padding: 0 5px;
}
.widget-user .content-block .content-holder{
    width: 30%;
    float: left;
    background: #9bc5dc;
    margin: 0 1% 75px 2%;
}
.widget-visitor-agreement .content-block .content-holder{
    overflow: auto;
    height: 175px;
    margin: 0 0 20px;
}
.widget-cafeteria .content-holder img,
.widget-uber .content-holder img,
.widget-agreement .content-holder img,
.widget-event .content-holder img,
.widget-user .content-holder img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
}
.widget-uber .img-area img{
    margin: 0 auto 20px;
}
.widget-user .content-block .content-holder a{
    display: block;
    padding: 3px 7px 10px;
}
.widget-user .content-block .content-holder .active a:hover,
.widget-user .content-block .content-holder a:hover{ background: #006ca5;}
.widget-user .content-holder .content-holder-heading{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 40px;
    line-height: 43px;
    color: #fff;
    width: 75%;
    overflow: hidden;
}
.widget-user .content-holder .content-holder-icon{
    display: inline-block;
    vertical-align: top;
    font-size: 28px;
    text-align: right;
    color: #fff;
    width: 20%;
    margin: 4px 0 0;
}
.widget-user .content-holder .content-holder-title{
    display: block;
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    height: 30px;
    overflow: hidden;
    word-wrap: break-word;
    margin: 10px 0 0 5px;
}
.widget-uber .content-holder .img-text{
    display: block;
    font-size: 17px;
    color: #666;
}
.widget-agreement .static-block{
    overflow: hidden;
    width: 100.1%;
    border-top: 1px solid #cad1d4;
    font-size: 15px;
    position: absolute;
    bottom: 0;
}
.widget-agreement .static-block .static-holder{
    float: left;
    width: 25%;
    border-left: 1px solid #cad1d4;
    padding: 40px 24px;
    overflow: hidden;
    color: #666;
    height: 146px;
}
.widget-agreement .static-block .static-holder:first-child{ border-left: none;}
.widget-agreement .static-block .static-holder:hover{ background: #cad1d4;}
.widget-agreement .static-holder .digits-text{
    display: block;
    font-size: 30px;
    line-height: 33px;
    font-weight: bold;
    margin: 0 0 10px;
    overflow: hidden;
}
.widget-agreement .date-holder .static-block-text,
.widget-agreement .static-holder .static-block-text{
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}
.widget-event .date-block{
    overflow: hidden;
    width: 100%;
    margin: 0 0 20px;
}
.widget-event .date-holder{
    float: left;
    width: 22%;
    border:1px solid #cad1d4;
    font-size: 15px;
    line-height: 20px;
    padding: 20px 15px;
    margin: 0 1.5%;
    color: #666;
}
.widget-event .date-holder:hover{
    background: #1fbba6;
    color: #fff;
}
.widget-event .date-holder .digits-text{
    display: block;
    font-size: 32px;
    line-height: 35px;
    overflow: hidden;
}
.widget-event .graph-block{
    overflow: hidden;
    width: 100%;
    padding: 0 8px;
    margin: 0 0 40px;
}
.widget-event .graph-block .history-detail{
    display: block;
    font-size: 18px;
    line-height: 21px;
    color: #666;
    margin: 0 0 5px;
    text-align: left;
}
.widget-event .graph-block .left-align{
    float: left;
    width: 60%;
}
.widget-event .graph-block .left-align img{
    display: block;
    max-width: 100%;
    height: auto;
}
.widget-event .graph-block .right-align{
    float: left;
    width: 30%;
    margin: 0 0 0 3%;
    font-size: 17px;
    color: #9ea7b3;
}
.widget-event .graph-block .right-align .main-text{
    display: block;
    font-size: 55px;
    line-height: 58px;
    color: #1fbba6;
    text-align: center;
    margin: 0 0 5px;
    overflow: hidden;
}
.widget-event .graph-block .right-align .date-text{
    display: block;
    overflow: hidden;
}
.widget-event .history-block{
    overflow: hidden;
    width: 100%;
}
.widget-event .history-block .point-block{
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}
.widget-event .point-block .point-holder{
    float: left;
    width: 50%;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: #9ea7b3;
    text-align: center;
    border-left: 1px solid #e7e7e7;
    padding: 0 10px;
}
.widget-event .point-block .point-holder:first-child{ border: none;}
.widget-event .point-block .point-number{
    display: block;
    font-size: 45px;
    line-height: 48px;
    color: #1fbba6;
    overflow: hidden;
}
.widget-event .point-block .result-text{
    display: block;
    overflow: hidden;
}
.widget-event .history-block .history-heading{
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    font-size: 18px;
    line-height: 21px;
    color: #666;
    margin: 10px 0 0;
}
.widget-cafeteria-text .content-block h2{
    margin: 20px auto 40px;
    color: #71bf4d !important;
    font-weight: 400;
    width: 250px;
}
.widget-cafeteria-image .content-block h2 {
    margin: 10px auto;
}
.widget-cafeteria-text .content-block .btn,
.widget-visitor-agreement .content-block .btn{
    height: 50px;
    font-size: 20px;
    line-height: 38px;
    background: #71bf4d;
    border-radius: 10px;
    color: #fff;
    margin: 0 0 5px;
}
.widget-cafeteria-text .content-block input[type="radio"]{
    display: none;
}
.widget-cafeteria-text .content-block img{
    cursor: pointer;
}
.widget-cafeteria-text .content-block img.no_cursor{
    cursor: default;
}
.widget-cafeteria-text .content-block .btn.danger,
.widget-visitor-agreement .content-block .btn.danger{
    background: #ff0000;
}
.widget-cafeteria-text .footer{
    margin: 70px 0 0;
}
.widget-cafeteria-image .footer{
    margin: 40px 0 0;
}

.videoModule .footer{
    margin: 70px 0 0;
}
.widget-cafeteria-text .footer .btn-link{
    color: #000;
    opacity:0.56;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}
.widget-cafeteria-text .footer .btn-link.skip{
    border-bottom: 1px solid #ccc;
    padding:0 0 3px;
}
.widget-cafeteria-text .content-block .menu .img-area{
    width:auto;
    padding: 20px 0;
}
.widget-visitor-agreement .text-sign-here{
    color: #666;
    display: block;
    margin: 6px 15px 0px 6px;
    padding: 5px 0 0;
    border-top:1px solid #b2b2b2;
}
.widget-visitor-agreement .agreement-sign-area .btn.danger,
.widget-visitor-agreement .agreement-sign-area .btn.success {
    border-radius: 5px;
}
.widget-visitor-agreement .smart-form .label {
    margin-bottom: 0px;
}
/*.widget-visitor-agreement footer .btn.danger,*/
/*.widget-visitor-agreement footer .btn.success{*/
    /*border-radius: 10px;*/
    /*color: #fff;*/
    /*font-size: 16px;*/
    /*height: 45px;*/
    /*min-width: 110px;*/
    /*line-height: 32px;*/
    /*background: #ff0000;*/
    /*text-transform: uppercase;*/
    /*text-align: center;*/
/*}*/
/*.widget-visitor-agreement footer .btn.success{background: #71bf4d;}*/
.widget-visitor-agreement footer .row.sign-here{
    position: relative;
    margin: 5px 22px 10px;
}
.widget-visitor-agreement footer .icon-holder-area a{argin-top: -5px;display: inline-block;float: right;}
.widget-visitor-agreement footer .icon-holder-area{ display: block;}
.widget-visitor-agreement footer .icon-holder-area .align-right{ float:right;}
.widget-visitor-agreement footer .icon-holder-area .align-left{ float:left;}
/*.widget-visitor-agreement footer icon-holderafter,*/
/*.widget-visitor-agreement footer .row.sign-here:before{*/
    /*position: absolute;*/
    /*content: '';*/
    /*background:url("../img/widgets/agreement/img-cross.png") no-repeat;*/
    /*top: -22px;*/
    /*left: -14px;*/
    /*width: 10px;*/
    /*height: 13px;*/
/*}*/
/*.widget-visitor-agreement footer .row.sign-here:before{*/
    /*background:url("../img/widgets/agreement/img-border-cross.png") no-repeat;*/
    /*right:-14px;*/
    /*top: -26px;*/
    /*left: auto;*/
    /*width: 17px;*/
    /*height: 17px;*/
/*}*/
.myapps_group ul{
    margin: 0;
    padding: 25px 0 25px 15px;
}
.myapps_group ul li{
    list-style: none;
    width: 25%;
    float: left;
    line-height: 30px;
    padding-bottom: 20px;
}

.myapps_group ul li img{
    float: left;
    max-height: 30px;
    width: auto;
    margin-right: 10px;
}

.myapps_group ul li span{
    float: left;
}
@media only screen and (max-width:1230px){
    .day_glance{
        margin-top:-78px;
        float: left;
    }
    .date_glance {
        margin-top: -38px;
        float: left;
        width:100%;
    }
    .myapps_group ul li{
        width: 50%;
    }
    .grid_slide_area.slider_2, .grid_slide_area.slider_5, .grid_slide_area.slider_6{
        width: 100%;
    }
    .widget-cafeteria .content-block, .widget-user .content-block, .widget-uber .content-block, .widget-event .content-block, .widget-agreement .content-block {
        padding: 0;
    }
    .widget-event .graph-block .left-align{
        width: 45%;
        margin: 15px 0 0;
    }
    .widget-event .graph-block .right-align{
        width: 45%;
    }
    .widget-agreement .content-block {
        padding: 30px 50px 110px;
    }
    .widget-user .content-block .content-holder{
        width: 46.5%;
        margin: 0 1% 20px 2%;
    }
    .widget-user .jarviswidget .widget-body{ padding: 30px 5px 10px 2px !important;}
    .widget-event .date-block{
        margin: 10px 0;
        padding: 0 5px;
    }
    .widget-agreement .static-block .static-holder{ padding: 40px 0;}
    .widget-event .date-holder{
        width: 24%;
        margin: 0 0.5%;
        padding: 5px;
    }
    .widget-event .graph-block .right-align .main-text{
        font-size: 45px;
        line-height: 45px;
    }

    .date_glance{margin-top:-38px; float: left;}
}
@media only screen and (max-width:999px){
    .slider_wizzard {
        width: 35%;
    }
    .grid_slide {
        width: 65%;
    }
    .widget-cafeteria .content-holder img, .widget-uber .content-holder img, .widget-agreement .content-holder img, .widget-event .content-holder img, .widget-user .content-holder img{
        max-width: 50%;
    }
    .widget-cafeteria .content-block, .widget-user .content-block, .widget-uber .content-block, .widget-event .content-block, .widget-agreement .content-block{
        font-size: 14px;
    }
    .widget-uber .top-title{ font-size: 18px;}
    .widget-uber .content-holder .img-text{ font-size: 14px;}
    .widget-cafeteria .content-holder img, .widget-uber .content-holder img, .widget-agreement .content-holder img, .widget-event .content-holder img, .widget-user .content-holder img{
        max-width: 40%;
    }
    .widget-event .graph-block .left-align,
    .widget-event .graph-block .right-align{
        float: none;
        width: 100%;
        margin: 0 0 15px;
    }
    .widget-event .history-block .history-heading,
    .widget-event .history-block .point-block{
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 0 10px;
    }
    .widget-event .graph-block{ margin: 0 0 15px;}
    .widget-agreement .top-title{ font-size: 23px;}
    .widget-event .graph-block .right-align .main-text{
        float: right;
        width: 50%;
        text-align: center;
    }
    .widget-event .graph-block .right-align .date-text{
        float: left;
        width: 50%;
        text-align: center;
        margin: 20px 0 0;
    }
    .widget-event .graph-block{ margin: 0;}
    .widget-agreement .static-block .static-holder{ padding: 40px 10px;}
    .widget-agreement .content-block {
        padding: 30px 25px 59px;
    }
    .daterangepicker{right: 90px !important;}
    .daterangepicker.opensleft::before{ right: 110px !important;}
    .daterangepicker.opensleft::after{ right: 111px !important;}
    #profile-content .daterangepicker{right: 0 !important;}
    #profile-content .daterangepicker.opensleft::before{ right: 10px !important;}
    #profile-content .daterangepicker.opensleft::after{ right: 11px !important;}
}

/*Other Widgets*/
/*----INTERNATION PHONE NUMBERS---*/
.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown{ width: 100%; }
.iti {
    position: relative;
    display: inline-block;
}
.iti * {
    box-sizing: border-box;
}
.iti__hide {
    display: none;
}
.iti__v-hide {
    visibility: hidden;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}
.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
}
.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
}
.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
    margin-right: 6px;
    margin-left: 0;
}
.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
}
.iti__dropdown-content {
    border-radius: 3px;
    background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
    position: absolute;
    z-index: 2;
    margin-top: 3px;
    margin-left: -1px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__dropdown-content--dropup {
    bottom: 100%;
    margin-bottom: 3px;
}
.iti__search-input {
    width: 100%;
    border-width: 0;
    border-radius: 3px;
    padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
    border-top: 1px solid #ccc;
}
.iti__country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
    max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
    white-space: nowrap;
}
@media (max-width: 500px) {
    .iti--flexible-dropdown-width .iti__country-list {
        white-space: normal;
    }
}
.iti__flag-box {
    display: inline-block;
    width: 20px;
}
.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.iti__country {
    display: flex;
    align-items: center;
    padding: 8px 8px;
    outline: none;
}
.iti__dial-code {
    color: #999;
}
.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
    margin-right: 8px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: 8px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
    padding-right: 6px;
    padding-left: 35px;
    margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
    padding-right: 52px;
    padding-left: 6px;
    margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--show-selected-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--show-selected-dial-code .iti__flag-container {
    right: 0;
    left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
    cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
    background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 6px;
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 6px;
}
.iti--container {
    position: fixed;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}
.iti--container:hover {
    cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
    justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative;
}
.iti--fullscreen-popup .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown .iti__arrow{display:none;}

.iti__flag {
    width: 20px;
}
.iti__flag.iti__be {
    width: 18px;
}
.iti__flag.iti__ch {
    width: 15px;
}
.iti__flag.iti__mc {
    width: 19px;
}
.iti__flag.iti__ne {
    width: 18px;
}
.iti__flag.iti__np {
    width: 13px;
}
.iti__flag.iti__va {
    width: 15px;
}
@media (min-resolution: 2x) {
    .iti__flag {
        background-size: 5762px 15px;
    }
}
.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
}
.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
}
.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
}
.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
}
.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
}
.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
}
.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
}
.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
}
.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
}
.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
}
.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
}
.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
}
.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
}
.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
}
.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
}
.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
}
.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
}
.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
}
.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
}
.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
}
.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
}
.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
}
.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
}
.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
}
.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
}
.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
}
.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
}
.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
}
.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
}
.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
}
.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
}
.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
}
.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
}
.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
}
.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
}
.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
}
.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
}
.iti__flag.iti__bz {
    height: 12px;
    background-position: -812px 0px;
}
.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
}
.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
}
.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
}
.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
}
.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
}
.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
}
.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
}
.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
}
.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
}
.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}
.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
}
.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
}
.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
}
.iti__flag.iti__cq {
    height: 12px;
    background-position: -1115px 0px;
}
.iti__flag.iti__cr {
    height: 12px;
    background-position: -1137px 0px;
}
.iti__flag.iti__cu {
    height: 10px;
    background-position: -1159px 0px;
}
.iti__flag.iti__cv {
    height: 12px;
    background-position: -1181px 0px;
}
.iti__flag.iti__cw {
    height: 14px;
    background-position: -1203px 0px;
}
.iti__flag.iti__cx {
    height: 10px;
    background-position: -1225px 0px;
}
.iti__flag.iti__cy {
    height: 14px;
    background-position: -1247px 0px;
}
.iti__flag.iti__cz {
    height: 14px;
    background-position: -1269px 0px;
}
.iti__flag.iti__de {
    height: 12px;
    background-position: -1291px 0px;
}
.iti__flag.iti__dg {
    height: 10px;
    background-position: -1313px 0px;
}
.iti__flag.iti__dj {
    height: 14px;
    background-position: -1335px 0px;
}
.iti__flag.iti__dk {
    height: 15px;
    background-position: -1357px 0px;
}
.iti__flag.iti__dm {
    height: 10px;
    background-position: -1379px 0px;
}
.iti__flag.iti__do {
    height: 14px;
    background-position: -1401px 0px;
}
.iti__flag.iti__dz {
    height: 14px;
    background-position: -1423px 0px;
}
.iti__flag.iti__ea {
    height: 14px;
    background-position: -1445px 0px;
}
.iti__flag.iti__ec {
    height: 14px;
    background-position: -1467px 0px;
}
.iti__flag.iti__ee {
    height: 13px;
    background-position: -1489px 0px;
}
.iti__flag.iti__eg {
    height: 14px;
    background-position: -1511px 0px;
}
.iti__flag.iti__eh {
    height: 10px;
    background-position: -1533px 0px;
}
.iti__flag.iti__er {
    height: 10px;
    background-position: -1555px 0px;
}
.iti__flag.iti__es {
    height: 14px;
    background-position: -1577px 0px;
}
.iti__flag.iti__et {
    height: 10px;
    background-position: -1599px 0px;
}
.iti__flag.iti__eu {
    height: 14px;
    background-position: -1621px 0px;
}
.iti__flag.iti__ez {
    height: 14px;
    background-position: -1643px 0px;
}
.iti__flag.iti__fi {
    height: 12px;
    background-position: -1665px 0px;
}
.iti__flag.iti__fj {
    height: 10px;
    background-position: -1687px 0px;
}
.iti__flag.iti__fk {
    height: 10px;
    background-position: -1709px 0px;
}
.iti__flag.iti__fm {
    height: 11px;
    background-position: -1731px 0px;
}
.iti__flag.iti__fo {
    height: 15px;
    background-position: -1753px 0px;
}
.iti__flag.iti__fr {
    height: 14px;
    background-position: -1775px 0px;
}
.iti__flag.iti__fx {
    height: 14px;
    background-position: -1797px 0px;
}
.iti__flag.iti__ga {
    height: 15px;
    background-position: -1819px 0px;
}
.iti__flag.iti__gb {
    height: 10px;
    background-position: -1841px 0px;
}
.iti__flag.iti__gd {
    height: 12px;
    background-position: -1863px 0px;
}
.iti__flag.iti__ge {
    height: 14px;
    background-position: -1885px 0px;
}
.iti__flag.iti__gf {
    height: 14px;
    background-position: -1907px 0px;
}
.iti__flag.iti__gg {
    height: 14px;
    background-position: -1929px 0px;
}
.iti__flag.iti__gh {
    height: 14px;
    background-position: -1951px 0px;
}
.iti__flag.iti__gi {
    height: 10px;
    background-position: -1973px 0px;
}
.iti__flag.iti__gl {
    height: 14px;
    background-position: -1995px 0px;
}
.iti__flag.iti__gm {
    height: 14px;
    background-position: -2017px 0px;
}
.iti__flag.iti__gn {
    height: 14px;
    background-position: -2039px 0px;
}
.iti__flag.iti__gp {
    height: 14px;
    background-position: -2061px 0px;
}
.iti__flag.iti__gq {
    height: 14px;
    background-position: -2083px 0px;
}
.iti__flag.iti__gr {
    height: 14px;
    background-position: -2105px 0px;
}
.iti__flag.iti__gs {
    height: 10px;
    background-position: -2127px 0px;
}
.iti__flag.iti__gt {
    height: 13px;
    background-position: -2149px 0px;
}
.iti__flag.iti__gu {
    height: 11px;
    background-position: -2171px 0px;
}
.iti__flag.iti__gw {
    height: 10px;
    background-position: -2193px 0px;
}
.iti__flag.iti__gy {
    height: 12px;
    background-position: -2215px 0px;
}
.iti__flag.iti__hk {
    height: 14px;
    background-position: -2237px 0px;
}
.iti__flag.iti__hm {
    height: 10px;
    background-position: -2259px 0px;
}
.iti__flag.iti__hn {
    height: 10px;
    background-position: -2281px 0px;
}
.iti__flag.iti__hr {
    height: 10px;
    background-position: -2303px 0px;
}
.iti__flag.iti__ht {
    height: 12px;
    background-position: -2325px 0px;
}
.iti__flag.iti__hu {
    height: 10px;
    background-position: -2347px 0px;
}
.iti__flag.iti__ic {
    height: 14px;
    background-position: -2369px 0px;
}
.iti__flag.iti__id {
    height: 14px;
    background-position: -2391px 0px;
}
.iti__flag.iti__ie {
    height: 10px;
    background-position: -2413px 0px;
}
.iti__flag.iti__il {
    height: 15px;
    background-position: -2435px 0px;
}
.iti__flag.iti__im {
    height: 10px;
    background-position: -2457px 0px;
}
.iti__flag.iti__in {
    height: 14px;
    background-position: -2479px 0px;
}
.iti__flag.iti__io {
    height: 10px;
    background-position: -2501px 0px;
}
.iti__flag.iti__iq {
    height: 14px;
    background-position: -2523px 0px;
}
.iti__flag.iti__ir {
    height: 12px;
    background-position: -2545px 0px;
}
.iti__flag.iti__is {
    height: 15px;
    background-position: -2567px 0px;
}
.iti__flag.iti__it {
    height: 14px;
    background-position: -2589px 0px;
}
.iti__flag.iti__je {
    height: 12px;
    background-position: -2611px 0px;
}
.iti__flag.iti__jm {
    height: 10px;
    background-position: -2633px 0px;
}
.iti__flag.iti__jo {
    height: 10px;
    background-position: -2655px 0px;
}
.iti__flag.iti__jp {
    height: 14px;
    background-position: -2677px 0px;
}
.iti__flag.iti__ke {
    height: 14px;
    background-position: -2699px 0px;
}
.iti__flag.iti__kg {
    height: 12px;
    background-position: -2721px 0px;
}
.iti__flag.iti__kh {
    height: 13px;
    background-position: -2743px 0px;
}
.iti__flag.iti__ki {
    height: 10px;
    background-position: -2765px 0px;
}
.iti__flag.iti__km {
    height: 12px;
    background-position: -2787px 0px;
}
.iti__flag.iti__kn {
    height: 14px;
    background-position: -2809px 0px;
}
.iti__flag.iti__kp {
    height: 10px;
    background-position: -2831px 0px;
}
.iti__flag.iti__kr {
    height: 14px;
    background-position: -2853px 0px;
}
.iti__flag.iti__kw {
    height: 10px;
    background-position: -2875px 0px;
}
.iti__flag.iti__ky {
    height: 10px;
    background-position: -2897px 0px;
}
.iti__flag.iti__kz {
    height: 10px;
    background-position: -2919px 0px;
}
.iti__flag.iti__la {
    height: 14px;
    background-position: -2941px 0px;
}
.iti__flag.iti__lb {
    height: 14px;
    background-position: -2963px 0px;
}
.iti__flag.iti__lc {
    height: 10px;
    background-position: -2985px 0px;
}
.iti__flag.iti__li {
    height: 12px;
    background-position: -3007px 0px;
}
.iti__flag.iti__lk {
    height: 10px;
    background-position: -3029px 0px;
}
.iti__flag.iti__lr {
    height: 11px;
    background-position: -3051px 0px;
}
.iti__flag.iti__ls {
    height: 14px;
    background-position: -3073px 0px;
}
.iti__flag.iti__lt {
    height: 12px;
    background-position: -3095px 0px;
}
.iti__flag.iti__lu {
    height: 12px;
    background-position: -3117px 0px;
}
.iti__flag.iti__lv {
    height: 10px;
    background-position: -3139px 0px;
}
.iti__flag.iti__ly {
    height: 10px;
    background-position: -3161px 0px;
}
.iti__flag.iti__ma {
    height: 14px;
    background-position: -3183px 0px;
}
.iti__flag.iti__mc {
    height: 15px;
    background-position: -3205px 0px;
}
.iti__flag.iti__md {
    height: 10px;
    background-position: -3226px 0px;
}
.iti__flag.iti__me {
    height: 10px;
    background-position: -3248px 0px;
}
.iti__flag.iti__mf {
    height: 14px;
    background-position: -3270px 0px;
}
.iti__flag.iti__mg {
    height: 14px;
    background-position: -3292px 0px;
}
.iti__flag.iti__mh {
    height: 11px;
    background-position: -3314px 0px;
}
.iti__flag.iti__mk {
    height: 10px;
    background-position: -3336px 0px;
}
.iti__flag.iti__ml {
    height: 14px;
    background-position: -3358px 0px;
}
.iti__flag.iti__mm {
    height: 14px;
    background-position: -3380px 0px;
}
.iti__flag.iti__mn {
    height: 10px;
    background-position: -3402px 0px;
}
.iti__flag.iti__mo {
    height: 14px;
    background-position: -3424px 0px;
}
.iti__flag.iti__mp {
    height: 10px;
    background-position: -3446px 0px;
}
.iti__flag.iti__mq {
    height: 14px;
    background-position: -3468px 0px;
}
.iti__flag.iti__mr {
    height: 14px;
    background-position: -3490px 0px;
}
.iti__flag.iti__ms {
    height: 10px;
    background-position: -3512px 0px;
}
.iti__flag.iti__mt {
    height: 14px;
    background-position: -3534px 0px;
}
.iti__flag.iti__mu {
    height: 14px;
    background-position: -3556px 0px;
}
.iti__flag.iti__mv {
    height: 14px;
    background-position: -3578px 0px;
}
.iti__flag.iti__mw {
    height: 14px;
    background-position: -3600px 0px;
}
.iti__flag.iti__mx {
    height: 12px;
    background-position: -3622px 0px;
}
.iti__flag.iti__my {
    height: 10px;
    background-position: -3644px 0px;
}
.iti__flag.iti__mz {
    height: 14px;
    background-position: -3666px 0px;
}
.iti__flag.iti__na {
    height: 14px;
    background-position: -3688px 0px;
}
.iti__flag.iti__nc {
    height: 10px;
    background-position: -3710px 0px;
}
.iti__flag.iti__ne {
    height: 15px;
    background-position: -3732px 0px;
}
.iti__flag.iti__nf {
    height: 10px;
    background-position: -3752px 0px;
}
.iti__flag.iti__ng {
    height: 10px;
    background-position: -3774px 0px;
}
.iti__flag.iti__ni {
    height: 12px;
    background-position: -3796px 0px;
}
.iti__flag.iti__nl {
    height: 14px;
    background-position: -3818px 0px;
}
.iti__flag.iti__no {
    height: 15px;
    background-position: -3840px 0px;
}
.iti__flag.iti__np {
    height: 15px;
    background-position: -3862px 0px;
}
.iti__flag.iti__nr {
    height: 10px;
    background-position: -3877px 0px;
}
.iti__flag.iti__nu {
    height: 10px;
    background-position: -3899px 0px;
}
.iti__flag.iti__nz {
    height: 10px;
    background-position: -3921px 0px;
}
.iti__flag.iti__om {
    height: 10px;
    background-position: -3943px 0px;
}
.iti__flag.iti__pa {
    height: 14px;
    background-position: -3965px 0px;
}
.iti__flag.iti__pe {
    height: 14px;
    background-position: -3987px 0px;
}
.iti__flag.iti__pf {
    height: 14px;
    background-position: -4009px 0px;
}
.iti__flag.iti__pg {
    height: 15px;
    background-position: -4031px 0px;
}
.iti__flag.iti__ph {
    height: 10px;
    background-position: -4053px 0px;
}
.iti__flag.iti__pk {
    height: 14px;
    background-position: -4075px 0px;
}
.iti__flag.iti__pl {
    height: 13px;
    background-position: -4097px 0px;
}
.iti__flag.iti__pm {
    height: 14px;
    background-position: -4119px 0px;
}
.iti__flag.iti__pn {
    height: 10px;
    background-position: -4141px 0px;
}
.iti__flag.iti__pr {
    height: 14px;
    background-position: -4163px 0px;
}
.iti__flag.iti__ps {
    height: 10px;
    background-position: -4185px 0px;
}
.iti__flag.iti__pt {
    height: 14px;
    background-position: -4207px 0px;
}
.iti__flag.iti__pw {
    height: 13px;
    background-position: -4229px 0px;
}
.iti__flag.iti__py {
    height: 11px;
    background-position: -4251px 0px;
}
.iti__flag.iti__qa {
    height: 8px;
    background-position: -4273px 0px;
}
.iti__flag.iti__re {
    height: 14px;
    background-position: -4295px 0px;
}
.iti__flag.iti__ro {
    height: 14px;
    background-position: -4317px 0px;
}
.iti__flag.iti__rs {
    height: 14px;
    background-position: -4339px 0px;
}
.iti__flag.iti__ru {
    height: 14px;
    background-position: -4361px 0px;
}
.iti__flag.iti__rw {
    height: 14px;
    background-position: -4383px 0px;
}
.iti__flag.iti__sa {
    height: 14px;
    background-position: -4405px 0px;
}
.iti__flag.iti__sb {
    height: 10px;
    background-position: -4427px 0px;
}
.iti__flag.iti__sc {
    height: 10px;
    background-position: -4449px 0px;
}
.iti__flag.iti__sd {
    height: 10px;
    background-position: -4471px 0px;
}
.iti__flag.iti__se {
    height: 13px;
    background-position: -4493px 0px;
}
.iti__flag.iti__sg {
    height: 14px;
    background-position: -4515px 0px;
}
.iti__flag.iti__sh {
    height: 10px;
    background-position: -4537px 0px;
}
.iti__flag.iti__si {
    height: 10px;
    background-position: -4559px 0px;
}
.iti__flag.iti__sj {
    height: 15px;
    background-position: -4581px 0px;
}
.iti__flag.iti__sk {
    height: 14px;
    background-position: -4603px 0px;
}
.iti__flag.iti__sl {
    height: 14px;
    background-position: -4625px 0px;
}
.iti__flag.iti__sm {
    height: 15px;
    background-position: -4647px 0px;
}
.iti__flag.iti__sn {
    height: 14px;
    background-position: -4669px 0px;
}
.iti__flag.iti__so {
    height: 14px;
    background-position: -4691px 0px;
}
.iti__flag.iti__sr {
    height: 14px;
    background-position: -4713px 0px;
}
.iti__flag.iti__ss {
    height: 10px;
    background-position: -4735px 0px;
}
.iti__flag.iti__st {
    height: 10px;
    background-position: -4757px 0px;
}
.iti__flag.iti__su {
    height: 10px;
    background-position: -4779px 0px;
}
.iti__flag.iti__sv {
    height: 12px;
    background-position: -4801px 0px;
}
.iti__flag.iti__sx {
    height: 14px;
    background-position: -4823px 0px;
}
.iti__flag.iti__sy {
    height: 14px;
    background-position: -4845px 0px;
}
.iti__flag.iti__sz {
    height: 14px;
    background-position: -4867px 0px;
}
.iti__flag.iti__ta {
    height: 10px;
    background-position: -4889px 0px;
}
.iti__flag.iti__tc {
    height: 10px;
    background-position: -4911px 0px;
}
.iti__flag.iti__td {
    height: 14px;
    background-position: -4933px 0px;
}
.iti__flag.iti__tf {
    height: 14px;
    background-position: -4955px 0px;
}
.iti__flag.iti__tg {
    height: 13px;
    background-position: -4977px 0px;
}
.iti__flag.iti__th {
    height: 14px;
    background-position: -4999px 0px;
}
.iti__flag.iti__tj {
    height: 10px;
    background-position: -5021px 0px;
}
.iti__flag.iti__tk {
    height: 10px;
    background-position: -5043px 0px;
}
.iti__flag.iti__tl {
    height: 10px;
    background-position: -5065px 0px;
}
.iti__flag.iti__tm {
    height: 14px;
    background-position: -5087px 0px;
}
.iti__flag.iti__tn {
    height: 14px;
    background-position: -5109px 0px;
}
.iti__flag.iti__to {
    height: 10px;
    background-position: -5131px 0px;
}
.iti__flag.iti__tr {
    height: 14px;
    background-position: -5153px 0px;
}
.iti__flag.iti__tt {
    height: 12px;
    background-position: -5175px 0px;
}
.iti__flag.iti__tv {
    height: 10px;
    background-position: -5197px 0px;
}
.iti__flag.iti__tw {
    height: 14px;
    background-position: -5219px 0px;
}
.iti__flag.iti__tz {
    height: 14px;
    background-position: -5241px 0px;
}
.iti__flag.iti__ua {
    height: 14px;
    background-position: -5263px 0px;
}
.iti__flag.iti__ug {
    height: 14px;
    background-position: -5285px 0px;
}
.iti__flag.iti__uk {
    height: 10px;
    background-position: -5307px 0px;
}
.iti__flag.iti__um {
    height: 11px;
    background-position: -5329px 0px;
}
.iti__flag.iti__un {
    height: 14px;
    background-position: -5351px 0px;
}
.iti__flag.iti__us {
    height: 11px;
    background-position: -5373px 0px;
}
.iti__flag.iti__uy {
    height: 14px;
    background-position: -5395px 0px;
}
.iti__flag.iti__uz {
    height: 10px;
    background-position: -5417px 0px;
}
.iti__flag.iti__va {
    height: 15px;
    background-position: -5439px 0px;
}
.iti__flag.iti__vc {
    height: 14px;
    background-position: -5456px 0px;
}
.iti__flag.iti__ve {
    height: 14px;
    background-position: -5478px 0px;
}
.iti__flag.iti__vg {
    height: 10px;
    background-position: -5500px 0px;
}
.iti__flag.iti__vi {
    height: 14px;
    background-position: -5522px 0px;
}
.iti__flag.iti__vn {
    height: 14px;
    background-position: -5544px 0px;
}
.iti__flag.iti__vu {
    height: 12px;
    background-position: -5566px 0px;
}
.iti__flag.iti__wf {
    height: 14px;
    background-position: -5588px 0px;
}
.iti__flag.iti__ws {
    height: 10px;
    background-position: -5610px 0px;
}
.iti__flag.iti__xk {
    height: 15px;
    background-position: -5632px 0px;
}
.iti__flag.iti__ye {
    height: 14px;
    background-position: -5654px 0px;
}
.iti__flag.iti__yt {
    height: 14px;
    background-position: -5676px 0px;
}
.iti__flag.iti__za {
    height: 14px;
    background-position: -5698px 0px;
}
.iti__flag.iti__zm {
    height: 14px;
    background-position: -5720px 0px;
}
.iti__flag.iti__zw {
    height: 10px;
    background-position: -5742px 0px;
}

.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../img/flags.png?1");
    background-repeat: no-repeat;
    background-position: 20px 0;
}
@media (min-resolution: 2x) {
    .iti__flag {
        background-image: url("../img/flags@2x.png?1");
    }
}

.iti__globe {
    background-image: url("../img/globe.png");
    background-size: contain;
    background-position: right;
    box-shadow: none;
    height: 19px;
}
@media (min-resolution: 2x) {
    .iti__globe {
        background-image: url("../img/globe@2x.png");
    }
}

/*------CROPPIE CROPPER-------*/
.croppie-container .cr-image {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0;
    max-width: none;
}

.croppie-container .cr-boundary {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1;
}

.croppie-container .cr-viewport {
	position: absolute;
	border: 2px solid #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	box-shadow:0 0 0 899px rgba(0, 0, 0, 0.5);
	z-index: 0;
}
.croppie-container .cr-vp-circle {
	border-radius: 50%;
}
.croppie-container .cr-overlay {
	z-index: 1000;
	position: absolute;
	cursor: move;
}
.croppie-container .cr-slider-wrap {
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
}
.croppie-result {
	position: relative;
	overflow: hidden;
}
.croppie-result img {
	position: absolute;
}
.cr-slider {
    -webkit-appearance: none;/*removes default webkit styles*/
    /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;/*required for proper track sizing in FF*/
    max-width: 100%;
    height: 3px; /*Added for safari and firefox*/
}
.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 300px;
    height: 5px;
    background: transparent;/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
}
.cr-slider:focus::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
}
.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}
.cr-rotate-controls button {
    border: 0;
    background: none;
}
.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}
.cr-rotate-l i:before {
    content: '?';
}
.cr-rotate-r i:before {
    content: '?';
}

/* ------ ENSCROLL -----*/

.scrollbox {
    overflow: auto; /* This is changed by enscroll, but must be defined */
    width: 368px;   /* The arbitrary width and height of the view pane */
    height: 550px;
}
.vertical-track {
    width: 16px;            /* How wide is the scrollbar going to be? */
    background-color: #aaa; /* What color should the vertical track be? */
}
.vertical-handle {
    width: 16px;            /* How wide is the scrollbar handle? */
    background-color: #aaf; /* What color should the handle be? */
}


/*------Bootstrap Multiselect-----*/
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
/*! =======================================================
                      VERSION  7.0.3
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */
 .slider{display:inline-block;vertical-align:middle;position:relative;margin-bottom: 0;}
 .slider.slider-horizontal{width:210px;height:20px}
 .slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}
 .slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}
 .slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{z-index:9;margin-left:-10px;margin-top:-5px}
 .slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#0480be;margin-top:0}
 .slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top:4px;display:inline-block;text-align:center}
 .slider.slider-vertical{height:210px;width:20px}
 .slider.slider-vertical .slider-track{width:10px;height:100%;margin-left:-5px;left:50%;top:0}
 .slider.slider-vertical .slider-selection{z-index:100;width:100%;left:0;top:0;bottom:0}
 .slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}
 .slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-left:-5px;margin-top:-10px}
 .slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#0480be;margin-left:0}
 .slider.slider-vertical .slider-tick-label-container{white-space:nowrap}
 .slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}
 .slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0)}
 .slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);cursor:not-allowed}
 .slider input{display:none}.slider .tooltip.top{margin-top:-36px}
 .slider .tooltip-inner{white-space:nowrap;max-width:none}
 .slider .hide{display:none}
 .slider-track{position:absolute;cursor:pointer;background:#e5e5e5;border-radius:4px}
 .slider-selection{position:absolute;background:#0092c2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}
 .slider-selection.tick-slider-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0)}
 .slider-track-low,.slider-track-high{position:absolute;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px;}
 .slider-handle{position:absolute;width:20px;height:20px;background-color:#0092c2;border:0;}.slider-handle:before{display: none;}
 .slider-handle.round{border-radius:50%}.slider-handle.triangle{background:transparent none}
 .slider-handle.custom{background:transparent none}
 .slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}
 .slider-tick{position:absolute;width:20px;height:20px;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:none;opacity:.8;border:0 solid transparent}
 .slider-tick.round{border-radius:50%}
 .slider-tick.triangle{background:transparent none}
 .slider-tick.custom{background:transparent none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}
 .slider-tick.in-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0);opacity:1}
 .daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 0px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
	.alignCalendar.opensleft:before, .alignCalendar.opensleft:after{
		right: 155px !important;
	}
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
    .range_inputs{    	
		padding: 4px 8px 8px 8px;
    }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background: #eee; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }
.monitor-route h2 {
    float: right;
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0;
    max-width: 152px;
    text-align: right;
}
.list-route .rtl .main{
    max-width: 52%;
    width: 100%;
    font-size: 11px;
    color: #333;
    float: left;
}
.list-route .rtl .time_log{
    float: right;
    position: relative;
    min-width: 100px;
    padding-right: 14px;
    font-size: 12px;
    font-weight: 400;
    padding-left:7px;
}
.ranges {
  font-size: 11px;
  float: none;
  margin: 0px;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
      min-height: 25px;
      background-color: #fff;
      border-radius: 0px;
      /* box-shadow: 0px 0px 2px rgba(24, 50, 71, 0.24); */
      display: block !important;
      padding: 7px 10px;
      margin-bottom: 1px;
      text-align: left;
      color: #08c;
      font-weight: normal;
      font-size: 13px;
      font-weight: normal;
      cursor: pointer;
      color: #333; }
.ranges li:hover, .ranges li.active{
	background: #f7f7f7;
}
/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 170px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
      float: left; }
    .daterangepicker .calendar.left {
      clear: left;
      margin-right: 0; }
      .daterangepicker .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .daterangepicker .calendar.right {
      margin-left: 0; }
      .daterangepicker .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .daterangepicker .left .daterangepicker_input {
      padding-right: 12px; }
    .daterangepicker .calendar.left .calendar-table {
      padding-right: 12px; }
    .daterangepicker .ranges, .daterangepicker .calendar {
      float: left; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left; }
  .daterangepicker .calendar.left {
    clear: none; } }
.data-grid .horizontal-data-grid .table tbody tr td.parent_check_td{
    width:25%;
}
@media only screen and (max-width:1466px){
    .data-grid .horizontal-data-grid .table tbody tr td.parent_check_td{
        width:30%;
    }
    .slider_wizzard_header p{
        font-size: 12px;
        line-height: 18px;
    }
    .group_slider_slide .data-grid .table>thead>tr>th, .group_slider_slide .data-grid .table tbody tr td, .group_slider_slide .data-grid .table>tbody>tr>td, .group_slider_slide .data-grid .table>thead>tr>th{
        font-size: 11px !important;
    }
}
@media only screen and (max-width:1725px){
    .group_slider_slide .data-grid .table>thead>tr#search_row>th:nth-child(2){
        width: 40%;
    }
    .list-route .rtl .time_log{
        font-size: 10px;
    }
    .list-route .rtl .main{
        max-width: 41%;
        font-size: 10px;
    }
    .monitor-route h2 {
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 0;
        max-width: 133px;
        text-align: right;
    }
    .monitor-route .monitor_header{
            height:35px;
    }
}
@media (max-width: 1300px) and (min-width: 320px){
	.ball-clip-rotate-multiple{
		top: 49%;
	}
	.mosted-visited-data-grid .ball-clip-rotate-multiple, .recent-added-data-grid .ball-clip-rotate-multiple, .access-points-dataCls .ball-clip-rotate-multiple, .checkin_methodCls .ball-clip-rotate-multiple, .agencies .ball-clip-rotate-multiple
	{
    top: 55%;
}
}

@media (max-width: 1320px) and (min-width: 1301px){
    .dhx_cal_navline .dhx_cal_date{
        top:0px;
    }
	.ball-clip-rotate-multiple{
		top: 48%;
	}
	.mosted-visited-data-grid .ball-clip-rotate-multiple, .recent-added-data-grid .ball-clip-rotate-multiple, .access-points-dataCls .ball-clip-rotate-multiple, .checkin_methodCls .ball-clip-rotate-multiple, .agencies .ball-clip-rotate-multiple, .location-detail .ball-clip-rotate-multiple, .agreements-detail .ball-clip-rotate-multiple, .shift-detail .ball-clip-rotate-multiple, .videos-detail .ball-clip-rotate-multiple{
    top: 55%;
}
}

@media (max-width: 1500px) and (min-width: 1321px){
.ball-clip-rotate-multiple {
    top: 47%;
}
.mosted-visited-data-grid .ball-clip-rotate-multiple, .recent-added-data-grid .ball-clip-rotate-multiple, .access-points-dataCls .ball-clip-rotate-multiple, .checkin_methodCls .ball-clip-rotate-multiple, .agencies .ball-clip-rotate-multiple, .location-detail .ball-clip-rotate-multiple, .agreements-detail .ball-clip-rotate-multiple, .shift-detail .ball-clip-rotate-multiple, .videos-detail .ball-clip-rotate-multiple {
    top: 55%;
}
}
@media (max-width: 1691px) and (min-width: 1501px){
.ball-clip-rotate-multiple {
    top: 46%;
}
.mosted-visited-data-grid .ball-clip-rotate-multiple, .recent-added-data-grid .ball-clip-rotate-multiple, .access-points-dataCls .ball-clip-rotate-multiple, .checkin_methodCls .ball-clip-rotate-multiple, .agencies .ball-clip-rotate-multiple, .location-detail .ball-clip-rotate-multiple, .agreements-detail .ball-clip-rotate-multiple, .shift-detail .ball-clip-rotate-multiple, .videos-detail .ball-clip-rotate-multiple {
    top: 55%;
}
}
@media (max-width: 1802px) and (min-width: 1692px){
.ball-clip-rotate-multiple {
    top: 45%;
}
.mosted-visited-data-grid .ball-clip-rotate-multiple, .recent-added-data-grid .ball-clip-rotate-multiple, .access-points-dataCls .ball-clip-rotate-multiple, .checkin_methodCls .ball-clip-rotate-multiple, .agencies .ball-clip-rotate-multiple, .location-detail .ball-clip-rotate-multiple, .agreements-detail .ball-clip-rotate-multiple, .shift-detail .ball-clip-rotate-multiple, .videos-detail .ball-clip-rotate-multiple {
    top: 55%;
}
}
@media (max-width: 2500px) and (min-width: 1803px){
    .smart-form .slider_wizzard .checkbox, .smart-form .slider_wizzard .radio{
        font-size:15px;
    }
    .ball-clip-rotate-multiple {
        top: 44%;
    }
    .mosted-visited-data-grid .ball-clip-rotate-multiple, .recent-added-data-grid .ball-clip-rotate-multiple, .access-points-dataCls .ball-clip-rotate-multiple, .checkin_methodCls .ball-clip-rotate-multiple, .agencies .ball-clip-rotate-multiple, .location-detail .ball-clip-rotate-multiple, .agreements-detail .ball-clip-rotate-multiple, .shift-detail .ball-clip-rotate-multiple, .videos-detail .ball-clip-rotate-multiple {
        top: 55%;
    }
}
@media (max-width: 1024px) {
    .main--invite-holder.invitegrid{
        width: 100% !important;
    }
    .group_slider_slide .responsive_1, .group_slider_slide .responsive_6, .group_slider_slide .responsive_8 {
        width:60%;
    }
    .group_slider_slide .responsive_2, .group_slider_slide .responsive_7, .group_slider_slide .responsive_5 {
        width:40%;
    }

    .group_slider_slide .responsive_50_cent{
        width:50%;
    }

    .group_slider_slide .responsive_3, .group_slider_slide .responsive_4{
        width:30%;
    }

    .countrange_inner_1 .main_count_range_control{
        position: inherit !important;
        width: 100% !important;
        max-width: inherit !important;
    }
}
@media only screen and (max-width:768px){
    .group_slider_slide .responsive_50_cent {
        width: 100%;
    }
    .right_col_restet_close.edit {
        margin-top:0px;
    }
    .right_col_restet_close {
        margin-top: -2px;
        left: 135px;
    }
    .grid_slide_area.slider_2 .smart-form .flex-container,
    .grid_slide_area.slider_5 .smart-form .flex-container,
    .grid_slide_area.slider_6 .smart-form .flex-container{
        display: block;
        width:100%;
    }
    .slider_wizzard {
        display: block;
        width:100%;
    }
    .grid_slide {
        display: block;
        width: 100%;
    }
    .main--invite-holder.invitegrid{
        width: 100% !important;
    }

    .widget-user .content-block .content-holder{
        width: 47%;
    }
    .jarviswidget header h2{ width: 225px;}
    .widget-user .content-holder .content-holder-title{ margin: 10px 0 0;}
    .widget-cafeteria .jarviswidget .widget-body, .widget-uber .jarviswidget .widget-body, .widget-agreement .jarviswidget .widget-body{
        padding: 20px 10px !important;
    }
    .widget-event .graph-block .history-detail{
        text-align: center;
    }
    .widget-event .graph-block .left-align img{
        margin: 0 auto;
    }
    .widget-event .graph-block{ border-bottom: 1px solid #cad1d4;}
    .widget-cafeteria .content-block, .widget-user .content-block, .widget-uber .content-block, .widget-event .content-block, .widget-agreement .content-block{
        font-size: 12px;
        padding: 0;
    }
    .widget-agreement .top-title{ font-size: 21px;}
    .widget-agreement .static-block{
        position: static;
        border-top:none;
    }
    .widget-agreement .static-block .static-holder{
        border: 1px solid #cad1d4;
        padding: 10px;
        height: auto;
        margin: 0 1% 5px;
        width: 48%;
    }
    .widget-agreement .static-block .static-holder:first-child{ border: 1px solid #cad1d4;}
    .widget-cafeteria .jarviswidget > div,
    .widget-user .jarviswidget > div,
    .widget-uber .jarviswidget > div,
    .widget-agreement .jarviswidget > div,
    .widget-event .jarviswidget > div{ min-height: auto;}
    .widget-event .history-block .history-heading{ margin: 10px 0;}
    .widget-event .date-holder{
        width: 48%;
        margin: 0 1% 5px;
        padding: 5px;
    }
    .widget-cafeteria-text .footer{ margin: 20px 0 0;}
    .widget-visitor-agreement .jarviswidget .widget-body {
        padding: 20px 15px !important;
    }
    .widget-cafeteria-text .content-block .menu .img-area{ width: 200px;}
    .widget-visitor-agreement .content-block .content-holder{ padding: 0 12px 0 0;}

    .date_glance{
        margin-top: 2px;
        font-size: 13px;
        float: left;
    }
    .day_glance{
        margin-left:0;
    }
}
.right_col_restet_close.edit_invites{
    top:56px;
}
.right_col_restet_close {
    position: absolute;
    z-index: 9;
    top: 25px;
    right: 0;
}
.right_col_restet_close .grid_slide_cross_1.cancel{
    margin-top: -8px;
}
.right_col_restet_close .grid_slide_reset{
    margin-top: -8px;
    line-height: 20px !important;
}
/******************************************css start add select popup select access alginment ******************************/
.selectCheckHolder li.multiselect-all, .selectCheckHolder li.multiselect-group-clickable{padding-left:0px !important; background: none !important; border-bottom: 0px !important;}
.selectCheckHolder li label.checkbox input[type=checkbox]{float:right; margin-top: 3px;}
.selectCheckHolder li{position:relative;font-size: 13px;}
.selectCheckHolder li.select2-no-results{background: #f4f4f4; display: list-item; padding: 3px 5px; text-transform: capitalize;}
/*.selectCheckHolder a.multiselect-all label{padding-left:3px !important;} */
.container--body .form-group .selectCheckHolder li label:not(.error),.selectCheckHolder li label.checkbox{font-size: 13px !important;font-weight: normal;font-family: 'Roboto', 'Open Sans', Arial, sans-serif;color: #000 !important;overflow: hidden !important;}
.selectCheckHolder li.multiselect-group-clickable input[type=checkbox]{float:left; margin-top:2px !important;}
.selectCheckHolder li span.si-icon{margin-left:-28px !important; float:left; margin-top: 1px !important;}
.selectCheckHolder li a b, .selectCheckHolder li a label, .selectCheckHolder li.multiselect-all label{/*font-weight:400 !important;*/}
.selectCheckHolder li.active a label,.selectCheckHolder li:hover a label,.container--body .form-group .selectCheckHolder li.active label:not(.error),.container--body .form-group .selectCheckHolder li:hover label:not(.error){background: #3276b1;color: #fff !important;}
.selectCheckHolder ul.multiselect-container{box-sizing: content-box;margin: -3px 0 0 -1px;padding: 0;}
.selectCheckHolder li.filter{ height: 40px; margin-left: 0px; margin-right: 0px; padding-left: 0; padding-right: 0;}
.selectCheckHolder b.caret{position: absolute; right: 14px;margin-top: 0px; border:0px !important;}
.selectCheckHolder b.caret:before{content: '\e944'; font-family: "fontello";font-size: 10px;color: #ccc;}
.selectCheckHolder li.active b.caret:before{content: '\e945'; font-family: "fontello";font-size: 10px;color: #ccc;}
.selectCheckHolder input[type="text"]{
    width: 100%;
    height: auto!important;
    min-height: 31px;
    padding: 6px 20px 5px 10px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.85,#fff),color-stop(0.99,#eee));
    background: -webkit-linear-gradient(center bottom,#fff 85%,#eee 99%);
    background: -moz-linear-gradient(center bottom,#fff 85%,#eee 99%);
    background: linear-gradient(top,#fff 85%,#eee 99%);
}
.selectCheckHolder .dropdown-menu{height:199px !important;}
.selectCheckHolder li.multiselect-all label.checkbox input[type=checkbox]{float: right !important;margin-top: 3px;}
.selectCheckHolder li a b {margin-left: 4px;}
/*.selectCheckHolder li.multiselect-all a{padding-left:0px !important;}*/
.selectCheckHolder li.multiselect-group-clickable a span{position: absolute;right: 28px;color: #275b89;font-size: 12px;top: 5px;}
.selectCheckHolder .dropdown-menu li > a:hover span, .selectCheckHolder .dropdown-menu li > a:focus span{color:#fff;}
.selectCheckHolder li.multiselect-group-clickable{border-bottom:1px solid #ececec !important;padding-top: 2px;padding-bottom: 2px;}
/*.selectCheckHolder .dropdown-menu a{padding-left: 23px !important;}*/
.selectCheckHolder li.multiselect-group-clickable a b {
    font-weight: 500 !important;
}
/******************************************css End add select popup select access alginment ******************************/

.datazoneaccesspoint ul.multiselect-container li:nth-child(2).multiselect-all{width:94%; float:left;}
.datazoneaccesspoint ul.multiselect-container li:nth-child(3){width:5%; float:left;}
.accesspointdata li.multiselect-all label.checkbox input[type=checkbox]{position:relative; top:0px; left: 0px;}
.accesspointdata li.multiselect-all label.checkbox{padding-left:4px !important;}
.accesspointdata li label.checkbox{padding-left:20px !important;}
.accesspointdata .selectCheckHolder li span.si-icon{margin-left:-21px !important;}
.states--table table.table tbody td, table.table tbody th{font-size: 13px; color: #666}
.states--table table.table tr td:first-child, .states--table table.table tr th:first-child{padding-left: 15px !important;}
.manage_detail_right{display:table; float: right;}
.manage_detail_right span{display: block;}
.border-top{border-top:1px solid #eaeaec !important;}
.border-bottom{border-bottom:1px solid #eaeaec !important;}
.delivery_date span:nth-child(2).detail {margin-top: -4px !important;display: block !important;}
.no-border-top{
    border-top: 0px;
}
.company_create_popup .grid_slide_header{
    padding: 17px 25px 17px 10px;
    width: auto;
    margin-top: 0px;
    min-height: 76px;
    line-height: 70px;
}
.company_create_popup .grid_slide_cross_1{
    top: 40px;
    right:30px;
}
.company_create_popup .grid_slide_header .text{
    color: #fff;
    font-size: 26px;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 19px;
}
.company_slider .grid_slide_header{
    min-height: 110px;
    padding-top: 34px;
}
.w100-percent{
    width: 100%;
}

.company_create_popup a.add_new_comp{
    color: #0092c2;
    text-transform: capitalize;
    pointer-events: none;
}
.company_create_popup .add_new_comp span{
    position: relative;
    top:-5px;
}

.intl-tel-input.hide_phone_flag{
    display:none;
}
.grid_slide_area .select2-container.select2-allowclear .select2-choice .select2-chosen {
    width: 100%;
    padding-right:22px;
}
.checkout_col .user-detail .avatar-area {
    display: inline-block;
    width: 120px;
    vertical-align: middle;
    height: 120px;
    margin-right: 20px;
}

.checkout_col .user-detail .avatar-area .avatar {
    border-radius: 100%;
    border: 2px solid #ffbc4c;
    border-radius: 100%;
}

.checkout_col .user-detail .avatar-detail {
    display: inline-block;
    vertical-align: middle;
    color: #ffbc4c;
    font-size: 15px;
}
.check_pass_duration .duration{
    float: left;
    text-align: left;
    width: 160px;
    font-weight: 400;
    font-size: 17px;
    padding-left: 57px;
}

.checkout_col .access_wipe .wipe_container header{
    background: #d42127;
    margin: 0;
}
.checkout_col .access_wipe .wipe_container header i.si-check_out, .checkout_col .access_wipe .wipe_container header .img-cross, .checkout_col .access_wipe .wipe_container header h1{
    color: #fff;
    border: 0;
    padding-left: 0;
}

.checkout_col .container--body .FlowupLabels .form-group label{
    font-weight: bold;
    font-size: 12px;
    color: #333;
}

.checkout_col .wipe_container footer .btn-cancel {
    background: #d42127;
    color: #fff;
    border: 1px solid #d42127;
}

.checkout_col .wipe_container footer .btn-confirm {
    background: #74bd51;
    color: #fff;
    border: 1px solid #74bd51;
}

.checkout_col .un_assignCls .holder .img-exclaim {
    color: #fe9901;
    font-size: 20px;
}
.checkout_col .un_assignCls .holder {
    border: 1px solid #eb744a;
    border-radius: 3px;
}
.countrange_inner_1{
    width: 100%;
}
.countrange_inner_1 .countrange_control label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.countrange_inner_1 .countrange_label{
    font-size: 1rem;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    color: #747474;
}
.countrange_inner_1 .countrange_top_section, .countrange_inner_1 .countrange_span{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.countrange_inner_1 .countrange_top_section {
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .4rem 0 .2rem;
    height: auto;
}
.countrange_inner_1 .countrange_control span:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.countrange_inner_1 .countrange_span {
    font-size: 12px;
    float: left;
    width: 100%;
    margin: 0;
    padding-top: 0;
    padding-right: .5rem;
    padding-bottom: 0;
    vertical-align: text-top;
    text-overflow: ellipsis;
    color: #444;
    font-weight: 400;
    border: none;
}
.countrange_inner_1 .countrange_control span:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.countrange_inner_1 .countrange_min_value{
    width: 100%;
}
.countrange_inner_1 .countrange_to_text{
    width: 5rem;
    font-size: 1.204rem;
}
.countrange_inner_1 .countrange_any{
    width: 100%;
}
.countrange_inner_1 .main_count_range_control {
    position: absolute;
    left: 15px;
    right: 0;
    z-index: 5;
    margin-top: .2rem;
    max-width: 90%;
}
.countrange_inner_1 .main_count_range_control_2 {
    padding: 0 0 8px 0;
    box-shadow: 0 0.3rem 0.6rem 0 rgba(0,0,0,.25);
    box-sizing: border-box;
    border-radius: .5rem;
    background-color: #fff;
}
.countrange_inner_1 .main_count_range_button_1, .countrange_inner_1 .main_count_range_tp {
    background-color: #eaeaea;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px 5px 0 0px;
}
.countrange_inner_1 .countrange_inner_1 .main_count_range_tp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -1rem -1rem 1rem;
    padding: .5rem;
    border-radius: .4rem .4rem 0 0;
}
.countrange_inner_1 .main_count_range_button_1 {
    outline: none;
    border: none;
    color: #0792ea;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
}
.countrange_inner_1 .main_count_range_min_section {
    display: inline-block;
    position: relative;
    width: calc(48% - .1rem);
    margin-right: 1px;
    vertical-align: top;
    padding-left: 6px;
    padding-right: 3px;
    padding-top: 7px;
}
.countrange_inner_1 .countrange_control span:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.countrange_inner_1 .main_count_range_min_section_2 {
    font-size: 12px;
    font-weight: 700;
    display: block;
    width: calc(100% - .5rem);
    text-align: center;
    text-transform: uppercase;
}
.countrange_inner_1 .main_count_range_top_section_2 {
    font-size: 1.4rem;
    font-weight: 700;
    width: calc(100% - 1rem);
    height: 2.2rem;
    color: #444;
    border: 1px solid #eee;
    border-radius: .4rem;
    text-overflow: ellipsis;
    margin-bottom: 1rem;
}
.countrange_inner_1 .main_count_range_top_section_2 .inner {
    width: .2rem;
    height: .2rem;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}
.countrange_inner_1 .main_count_range_top_section_2 .inner2.innerx {
    bottom: calc(100% + 1rem);
    position: absolute;
    left: 0;
    transform: translate(calc(-50% + .1rem));
    white-space: nowrap;
}
.countrange_inner_1 .afbbc8c7 {
    display: none;
}
.countrange_inner_1 ._93432c1c {
    font-size: 1.4rem;
    padding: .7rem;
    padding-top: .3rem;
    word-wrap: break-word;
    pointer-events: auto;
    color: #fff;
    border-radius: .5rem;
    background-color: #d31a1a;
    box-shadow: 0 0 1.4rem rgba(0,0,0,.2);
}
.countrange_inner_1 .countrange_control span:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.countrange_inner_1 .d6274044 {
    font-size: 1.8rem;
    cursor: pointer;
    color: #ffc4c4;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    margin-left: .5rem;
}
.countrange_inner_1 ._2f92eeef.innerx {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -.7rem;
    width: 0;
    height: 0;
    margin-top: -.7rem;
    border-left: .8rem solid transparent;
    border-right: .8rem solid transparent;
    border-top: .8rem solid;
}
.countrange_inner_1 .main_input_control {
    height: 100%;
    width: 100%;
    border: 1px solid #ededed;
    border-radius: .2rem;
    font-size: 12px;
    padding: 16px 1rem;
    box-sizing: border-box;
    background-color: #fff;
    cursor: text;
    text-align: center;
}
.countrange_inner_1 .main_scroll_section {
    overflow-x: hidden;
    max-height: 20rem;
    padding-right: .5rem;
    margin-top: 19px;
    margin-left: 1px;
}
.countrange_inner_1 .countrange_control span:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.countrange_inner_1 .small_boxCls2.small_box_inner {
    color: #fff;
    background-color: #0792ea;
}
.countrange_inner_1 .small_box {
    font-size: 12px;
    font-weight: 400;
    width: 91%;
    height: 3.6rem;
    border-radius: 0;
    border: 1px solid rgba(204, 204, 204, 0.39);
    box-sizing: inherit;
    background: #fff;
}
.countrange_inner_1 .btnsection {
    margin-left: auto;
    margin-top: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 7px;
}
.countrange_inner_1 .closebtn {
    font-size: 11px;
    padding: .3rem .6rem;
    color: #fff;
    border: none;
    border-radius: .4rem;
    background-color: #444;
}

.stack-holder{
    border: 1px solid #e7e7e9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 10px;
    margin-bottom: 20px;
    color: #656565;
    height: 173px;
}
.calendar_section_left{
    max-width: 50%;
    text-align: center;
    width: 100%;
}

.stack-holder.blue{
    background-color:#0092c2;
    color: #fff;
}

.calendar_section_left .visitors{
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
}

.calendar_section_left .group_visitor{
    text-align: center;
}
.stack-holder.blue h2{
    color: #fff;
}
.calendar_section_left .group_visitor h2{
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 3px;
}
.stack-holder h2{
    color: #0092c2;
}
.calendar_section_left .group_visitor span.text{
    font-size: 12px;
}

.stack-holder .si-exclamation-1{
    font-size: 12px;
    position: relative;
    top: -6px;
}

.stack-holder .calendar_section_right{
    width:45%;
    margin-top: -7px;
}
.stack-holder .calendar_section_right ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.stack-holder .calendar_section_right ul li{
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    padding: 17px 10px;
    font-size: 15px;
    color: #0092c2;
    border-radius: 2px;
    margin-bottom: 15px;
    border: 1px solid #e7e7e9;
}

.stack-holder .calendar_section_right ul li i.si-icon{
    margin-right: 10px;
}
.stack-holder .calendar_section_right ul li span{
    color: #656565;
}
.stack-holder .calendar_section_right ul li label{
    font-size: 31px;
    display: inline-block;
    float: right;
    font-weight: bold;
    margin-top: -10px;
}
.max-w100percent{
    max-width:100% !important;
}

.view_current_registration{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #0092c2;
    height: 93px;
    color: #0092c2;
    font-size: 16px;
    vertical-align: middle;
    font-weight: 500;
    padding-top: 36px;
    width: 100%;
    text-align: center;
}

h3.date_section{
    color: #0092c2;
    font-size: 16px;
    text-transform:capitalize;
}

.visitor_request_iconCls{
    color: #565656;
    font-size:14px;
}
.visitor_request_iconCls i{
    margin-right:10px;
    color: #0092c2;
}

.visitor_request_iconCls span{
    margin-right: 10px;
}
.height_inherit{
    height:inherit !important;
}
.height_92{
    height: 92px !important;
}
.stack-holder h2.visitor_number_visit{
    margin: -8px 20px 0 0;
    font-size: 35px;
}
.stack-holder h2.visitor_number_visit{
    margin: -10px 20px 0 0;
    font-size: 35px;
}
.swtichDashboardCls{
    right:149px;
    position: absolute;
}
@media only screen and (max-width:1600px){
    .stack-holder h2.visitor_number_visit{
        margin:-10px 0px 0 0;
        font-size:35px;
    }
    .calendar_section_left .visitors{
        font-size:16px;
    }

    .swtichDashboardCls{
        right:100px;
    }
    .stack-holder .calendar_section_right ul li{
        font-size:14px;
    }
    .stack-holder .calendar_section_right ul li label{
        font-size: 26px;
        margin-top: -6px;
    }

    .calendar_section_left{
        max-width:50%;
    }
    .main--invite-holder .rtl{
        min-width:190px !important;
    }
    .main--invite-holder.invitegrid{
        width:35%;
    }

    .main_landing_pageCls .hidesection{
        display: none;
    }

    .main--invite-holder .ltl{
        height: 122px;
        line-height: 122px;
    }
    .main--invite-holder .rtl{
        height: 112px;
    }
}
@media only screen and (max-width:1024px){
    .main--invite-holder.invitegrid{
        width:100%;
    }
    .main-landing-page{
        padding-left:20px !important;
    }
    .right_landing_invites{
        display:none;
    }

    .right_landing_invites{
        clear:both;
        width:100%;
    }
}
.calendar_section_left .visitors i{
    margin-right:5px;
}
.setting_slide_box{

}

.setting_slide_box label{
    text-transform: uppercase;
    color: #9ea0a4 !important;
    font-weight: 600;
    font-size: 10px;
}

.setting_slide_box span.title{
    font-size: 14px;
    font-weight: 400;
    color: #40434b;
}

.right_col_section p{
    font-size: 14px;
    padding-left: 13px;
    font-weight: normal;
    margin-bottom: 5px;
}

.right_col_section .toggle_area .send_email_toggle_green_btn{
    width:100%;
}

.swtichDashboard.swtichcombineed{
    float:right;
    margin-right:71px;
    max-width:280px;
    width:100%;
    padding-top: 8px;
}
.swtichDashboard.swtichcombineed .chooseDashboard{
    float:none;
    margin: 0;
}

.bulk-action-btn .si-icon {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 28px;
}
.area_alert{
    background-color:#F8FCFD;
    border-color:#0092C2;
    border-radius: 3px;
}

.area_alert i{
    font-size: 20px;
    margin-top: 6px;
    color: #0092C2;
}

.error_message_col ul{
    margin-top: -16px;
    margin-bottom: 2px;
}

.error_message_col ul label{
    color: #f2d5d5;
    background: rgba(238, 14, 14, 0.24) !important;
    width: 100%;
    text-transform: initial;
    padding-left: 3px;
}

.vehicle-table-1{
    padding:20px 30px;
}
.vehicle-table-1 table tr.active{
    background: #f1f9fb;
}
.vehicle-table-1 table tr td{
    padding:12px 0;
}

.selected_users .select2-chosen{
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.alloate_credential_no input{
    font-size: 68px !important;
    letter-spacing: 45px !important;
    padding-top: 15px !important;
    height: 70px !important;
    font-weight: 600 !important;
    margin-left: 66px !important;
    text-align: left !important;
}

.cam_feed{
    background: #fff;
    border: 1px solid #c9c9c9;
    padding: 10px;
    height: 100px;
    float: right;
}

.cam_feed .photo_feed{
    border-radius: 50px;
    width: 80px;
    height: 80px;
}

.success_message_emp{
    background: #6abe45;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    color: #fff0f0;
    padding-top: 0px;
    padding-bottom: 30px;
}

.success_message_emp span{
    font-size: 170px;
    color: #fff;
}

.success_message_emp h2{
    font-size: 36px;
    color: #fff;
}

.emp_button_section .btn{
    min-width: 160px;
    margin-bottom:10px;
}
/*view contractor button alignment issue*/
.emp_button_section.view_contractor .btn{
    min-width: 170px;
}
.land_top_vis .visi_head .si-in-round{
    font-size: 22px;
    margin-right: 10px;
    display: inline-block;
    margin-top: -1px;
    float: left;
}
.land_top_vis {
    border: 1px solid #e7e7e9;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 20px;
}

.land_top_vis .visi_head label{
    font-size: 14px;
    font-weight: 500;
    width: 25%;
}
.land_top_vis .visi_head label i.si-expected{
    font-size: 22px;
    display: inline-block;
    margin-right: 7px;
    margin-top: 0px;
    float: left;
}
.land_top_vis .visi_head span{
    font-size: 13px;
    width: 17%;
    display: inline-block;
}
.land_top_vis .visi_head span i{
    color: #0092c2;
    font-size: 13px;
    margin-right: 4px;
}
.land_top_vis .visi_head span em{
    color: #0092c2;
    font-size: 13px;
    font-style: inherit;
    font-weight: 600;
}
.land_top_vis .visi_head em{
    color: #0092c2;
    font-size: 26px;
    font-style: inherit;
    font-weight: 600;
}

.land_top_vis table tr td img {
    height: 25px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 3px;
}

.land_top_vis table tr th{
    color:#0092c2;
    border:0px !important;
    padding-bottom:0 !important;
}
.land_top_vis table tr td, .land_top_vis table tr th{
    border-top: 1px solid #e7e7e9;
    padding-bottom: 3px;
    line-height: 25px;
    padding-top: 6px;
}

.land_top_vis table tr td.record_not_found{
    height: 50px;
    font-size: 20px;
    line-height: 60px;
    padding-top: 20px;
}

.container--body .parking_spot_no .form-errors label{
    width:100% !important;
    padding-left:0px !important;
    padding-right:0px !important;
}
#visitor_bookings .date_by_today{
    background-color: #fff;
    height: 58px;
}
.disabled_minor {
    pointer-events: none;
}

.disabled_minor i {
    background: rgba(102, 102, 102, 0.23) !important;
}

input.background-bg-trans:-webkit-autofill, input.background-bg-trans:-webkit-autofill:hover, input.background-bg-trans:-webkit-autofill:focus, input.background-bg-trans:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important; box-shadow: 0 0 0 30px white inset !important;
}

.grid_slide_box .grid_slide_header .user_img img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.land_top_vis table tr td div.guest_pic {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 6px;
    border: 0px;
}

.land_top_vis table tr td div.guest_pic img {
    width: 100%;
    height: 100%;
}

.slider_sub_type span.visit_type{
    float: left;
}
.panel-detail-heading h4{
    font-weight: 400;
    font-size: 16px;
    float: left;
    padding-top:13px;
}
.panel-detail-heading .add-another-text{
    float: right;
}

.panel-detail-heading .add-another-text a{
    color: #40434b;
    font-weight: 500;
    float: left;
    padding-right: 5px;
    padding-top: 1px;
}
.panel-detail-heading .add-another-text a i{
    border: 1px solid #c9c9c9;
    padding: 5px 7px 4px;
    display: block;
    margin-top: 0;
    border-radius: 2px;
    float: right;
}
.panel-detail-heading .add-another-text label{
    color: #fff;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 32px;
    font-size: 20px;
    border-radius: 3px;
    display: block;
    float: right;
    cursor:pointer;
    background:#0092C2;
}

.panel-detail-heading .add-another-text label.cancel{
    background:#da5050;
}

.branding_custom h2{
    font-size: 14px;
    margin-bottom: 3px;
}
.branding_custom label.radio{
    line-height:17px;
}
.branding_custom label.radio em{
    font-size: 12px;
    font-style: normal;
}
.select_color span{
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    margin-right: 11px;
    margin-left: 13px;
    position: relative;
    text-align: center;
}
.select_color span i{
    position: absolute;
    top: -14px;
    font-size: 19px;
    left: 10px;
    color: #0092c2;
    background: #fff;
}
.select_color span i::before {
    background-color: #fff;
    border-radius: 100%;
    line-height: 16px;
}
.view_layout_sc{
    float: right;
    position: relative;
}

.view_layout_sc a{
    float: right;
    font-size: 12px;
    margin-right:60px;
    font-weight:500;
}

.device_output{
    width: 20px;
    float: left;
    margin-left: 8px;
    font-size: 32px;
}
.value_input.value_size{
    width:70px;
}
.value_input.value_size .form-group{
    width:70px;
    max-width:100%;
}
.container--body .FlowupLabels .value_input.value_size .fl_input{
    font-size: 12px;
}
.value_input{
    width:65px;
}
.value_input .form-group{
    max-width: 50px;
}
.value_input .percentage{
    font-size: 26px;
    line-height: 60px;
    float: left;
    margin-left: 5px;
}
.cross_clone i{
    font-size: 35px;
}

.device_output_source{
    position: relative;
}

.device_output_source em{
    position: absolute;
    left: 0;
    top: 14px;
    font-style: normal;
    color: #ff5e5f;
}
.notification_messagebox a{
    color: #0092C2;
    font-size: 14px;
    margin-left: 14px;
    margin-bottom: 10px;
    display: block;
}
.notification_messagebox .messageBox{
    padding: 20px 15px;background:#fff9c0;border-color:#efd99e;
}
.device_photo{
    display: table;
    border:1px solid #ccc;
    width:200px;
    height:200px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    padding: 10px;
    float: left;
    margin-left: 0;
}
.device_photo div{
    display: table-cell;
    vertical-align: middle;
}
.device_photo img{
    display: block;
    max-width: 178px;
    max-height: 178px;
    width: auto;
    height: auto;
    margin:0 auto;
}
.grid_slide_content.view-dvc-slide .slide_box .title{
    min-width: 162px;
}
.container--body .uploadphotoCls.uploadscanphoto{
    margin: 16px auto 0 auto;
    line-height: 15px;
}
.container--body .uploadphotoCls.uploadscanphoto span{
    font-size: 11px;
}
.scn_layout_top{
    background:#5c6272;
    padding: 12px 25px 10px 25px;
}

.scn_layout_inner{
    background:#03b1ed;
    width: 550px;
    height:610px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding:25px 0;
    position:relative;
}

.scn_layout_inner.green_view{
    background:#22c400;
}

.scn_layout_inner .scn-power{
    font-size: 40px;
    margin-bottom: 30px;
}

.scn_inner_section h2{
    font-size: 18px;
    margin: 20px 0 0 0;
    padding: 0px;
}

.scn_inner_section p{
    font-size: 14px;
    margin: 10px 0 30px 0;
    padding: 0px;
}
.scn_inner_section i{
    margin-bottom: 20px;
    font-size: 40px;
}
.scn-bottom-section{
    padding: 20px 50px 0;
    position: absolute;
    width: 100%;
    bottom: 50px;
}

.scn-bottom-section i{
    display: block;
    font-size: 30px;
    margin-bottom: 0px;
}

.scn-bottom-section h2{
    font-size: 28px;
    margin-top: 10px;
}
.scn-header{
    color: #fff;
    padding-bottom: 8px;
    padding-left: 10px;
}
.scn-header span.timepick{
    text-align: center;
    display: inline-block;
    width: 80%;
}
.scn-header span:nth-child(3) i {
    font-size: 20px;
    position: relative;
    top: 2px;
}

.survey_back_controll .data-grid-attend-method{
    width: 100%;
    white-space: nowrap;
}
.survey_back_controll .data-grid-attend-method.feedback{
    padding:3px 3px 3px 10px;
}

.survey_back_controll table tr.rating-star td {
    padding-bottom: 0px;
}
.survey_back_controll table tr.rating-star td img{
    vertical-align: middle;
    margin-top: 4px;
    margin-bottom: 4px;
}
.survey_back_controll table tr th{
    font-weight: normal;
}
.success_member{
    background-color: #ebf2f8;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px 10px 10px 17px;
    margin-top:15px;
}

.success_member i{
    background: #99cc66;
    border-radius: 13px;
    color: #fff;
    padding: 3px;
    width: 20px;
    display: inline-block;
    height: 20px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}
.font14{
    font-size:14px !important;
}

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

.bulk_header_step_2 p.p1{
    transform:none;
    line-height:23px;
    position:initial;
}

.bulk_header_step_2 p.p2{
    transform:none;
    line-height:20px;
    margin-top:8px;
    position:initial;
}
.alies_delete_icon{
    color: #F90504;
    background: #ddd;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 31px;
    font-size: 20px;
}
.subscription_details .sub_icon{
    display: table-cell;
    font-size: 22px;
    line-height: 42px;
    float: left;
    margin-right: 20px;
    border: 1px solid #999;
    width: 43px;
    text-align: center;
    height: 42px;
    color: #999;
    border-radius: 2px;
    margin-top: 1px;
}

.subscription_details .sub_icon i.si-type{
    font-size:21px;
}

.subscription_details .sub_right_detail{
    display: table-cell;
    line-height: 19px;
}
.subscription_details .sub_right_detail span{
    color: #808080;
    font-size:13px;
}
.subscription_details .sub_right_detail h3{
    margin:0px;
    color: #333;
    font-size:22px;
}
.subscription_details .sub_right_detail h3.text_blue, .subscription_details .sub_right_detail h3 label{
    color:#0092C2;
}

.market_place_control{
    border:1px solid #ccc;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:20px;
    margin-right:20px;
    margin-bottom: 20px;
    min-height: 154px;
    max-height: 154px;
}

.market_place_control .market_container{
    min-height: 90px;
    max-height: 90px;
}

.market_place_control h2{
    font-size: 14px;
    margin: 0px 0 10px 0;
    font-weight: 500;
}

.market_place_control p{
    font-size:12px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    min-height: 36px;
}

.market_place_control button{
    border-radius: 2px;
}
table.app_register_view_table{
    margin-left:2px;
    margin-top: 5px;
    table-layout: fixed;
}
table.app_register_view_table tr th{
    font-weight:normal;
    padding-bottom:5px;
}

.choose_sectionCls .center_logo{
    float: left;
    margin-top: 17px;
    height: 40px;
    position: relative;
    width: 40px;
    margin-right: 15px;
    background: #efefef;
    border-radius: 5px;
}
.choose_sectionCls .center_logo img{
    max-width: 100%;
    max-height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
}

.choose_sectionCls{
    clear: both;
    padding-top:0px;
    font-weight: 400;
    color: #333;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
}

.choose_sectionCls:last-child {
    border-bottom: 0;
}

.login-main-block .main-holder .login-area .choose_login_header{
    text-align: left;
    padding: 0;
}

.login-main-block .main-holder .login-area .choose_login_header h2{
    text-align: left;
    margin: 0;
    font-weight: 400;
    color: #333;
    font-size: 27px;
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif !important;
}

.login-main-block .main-holder .login-area .choose_login_header span.login_text{
    padding-left: 4px;
    color: #333;
}

.login-main-block.sub_domain_login.choose_login .main-holder .bottom_block a{
    display: block;
    text-align: center;
    text-decoration: underline;
}

.authority_section {
    float: left;
    margin-top: 3px;
    height: 70px;
    position: relative;
    width: 130px;
    text-align: left;
    vertical-align: middle;
    display: table;
}

.authority_section span{
    vertical-align: middle;
    display: table-cell;
}

.choose-location-client{
    background: #fff;
    color: #333;
    font-size: 15px;
    padding-right: 0px;
    height: 38px;
    margin-right: 0px;
    margin-top: 20px;
}

.choose-location-client i{
    background: #ececec;
    padding: 5px;
    font-size: 20px;
    width: 28px;
    height: 28px;
    display: inline-block;
    line-height: 27px;
    text-align: center;
    float: left;
}

.choose-location-client span{
    font-weight: 500;
    display: inline-block;
    float: left;
    line-height: 38px;
    padding-left: 10px;
}

.choose-location-client label{
    display: inline-block;
    float: right;
    padding-top: 10px;
    padding-right: 5px;
}

.choose_workspace button.custom-btn{
    min-width: 50px;
    background: #fff;
    color: #0092c2;
    line-height: 20px;
    border-radius: 50px;
}

.just_scanned{
    color:green;
    font-weight:bold;
}
.ligt-gray-bg{
    background:#F6F7F7;
}
.authority_section span label {
    font-size: 11px;
}
/*view 3 (second level sub menu, using in workflows)*/
.pages-menu-area.inner-page.view-3{
    width: 300px;
    min-width: 300px;
    background: #f1f1f1;
    margin: 0 10px 0 -10px;
}
.pages-menu-area.view-3 .menu-prev-area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e4e5e87a;
    padding: 5px 20px;
    background: #f1f1f1;
}
.pages-menu-area.view-3 .menu-prev-area .si-icon{
    position: static;
    margin: 0;
    font-size: 25px;
    line-height: 1;
    color: #000;
}
.pages-menu-area.view-3 .menu-prev-title{
    font-size: 15px;
    color: #333;
    font-weight: bold;
}
.inner-page.pages-menu-area.view-3 .pages-menu > li{
    padding: 0;
    background: #f1f1f1;
    border-bottom: 2px solid rgb(228 229 232 / 100%);
}
.pages-menu-area.view-3 .pages-menu > li a {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 5px 20px;
    font-size: 14px;
    color: #333;
    border: 0;
}
.pages-menu-area.view-3 .pages-menu > li:hover a,
.pages-menu-area.view-3 .pages-menu > li.active a {color: #0092c2;}
/*END view 3*/
/*Manage Desk layout */
.manage-desk{padding-top:2px;}
.manage-desk .pages-menu-box{
    float: left;
    width: 18%;
    border-right: 1px solid #c9c9c9;
    padding: 0;
    max-height: 100%;
    overflow: auto;
    overflow-x: hidden;
    background: transparent;
    position: static;
}
.desk-listing{padding: 20px 15px;/*height: calc(-167px + 100%);*/font-size: 15px;}
.desk-listing .item-rect{margin: 0;}
.desk-listing .desk-listing-head{font-size: 15px;margin: 0 0 30px;}
.desk-listing .desk-listing-head h3{
    margin: 0 0 20px;
}
.desk-listing .desk-type ul{
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 3;
    margin: 0 -3.7%;
}
.desk-listing .desk-type ul li{
    float: left;
    width: 25%;
    height: auto;
    border: 1px solid #e5e5e5;
    margin: 3.7%;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    line-height: 60px;
}
.desk-listing .desk-type ul li:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}
.filter-area .desk-listing .desk-type ul li.selected {
    background: #0092c2;
}
.filter-area .desk-listing .desk-type ul li.selected i{
    color:#fff;
}
.desk-listing .desk-type .desk-box{
    position: relative;
    height: 100%;
    z-index: 99;
}
.desk-listing .desk-type .desk-box i{
    color:#dfdfdf;
    font-size:38px;
}
.desk-listing .desk-type .desk-box img{
    width: 70%;
    margin: 0;
    line-height: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.desk-listing .controls-container {
    padding: 0;
}
.desk-listing .controls-container  .btn{
    width: 100%;
}
.desk-listing .controls-container  .resize{
    width: 100%;
    margin: 0 0 20px;
}
.desk-listing .controls-container  .canvas_background{
    width: 100%;
    text-align: center;
    border: 1px solid #b2b2b2;
    padding: 10px;
    border-radius: 5px;
}
.desk-listing .dragDrop-area{
    padding: 15px;
    height: 100px;
}
.desk-listing .dragDrop-box{
    border: 1px dotted #b4b4b4;
    height: 100%;
    position: relative;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
.desk-listing .dragDrop-box p{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.desk-layout{
    flex: 1;
    float: left;
    /*min-width: 1084px;*/
    width: 63.6%;
    position: relative;
}
.desk-layout .page-title{padding: 0 0 0 10px;}
.desk-layout .page-title span.item-image{
    font-size: 35px;
    width: auto;
    margin: 10px 11px 0 7px;
    color: #333;
    line-height: 1;
    height: auto;
}
.desk-layout .page-title p{
    font-size: 20px;
    margin: 0 0 4px;
}
.desk-layout .page-title .caption{
    font-size: 15px;
}
.desk-layout .page-title .caption span{
    display: inline-block;
    vertical-align: middle;
    min-height: 27px;
    text-transform: none;
    font-size: 15px;
    margin-top: 1px;
}
.desk-layout .page-title .caption ul{
    display: inline-block;
    vertical-align: middle;
}
.desk-layout .page-title .caption ul li{
    position: relative;
}
.desk-layout .page-title .caption ul li:first-child:before{display: none;}
.desk-layout .page-title .caption ul li:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
    color: #e4e4e4;
    width: 1px;
    height: 20px;
    background: #e4e4e4;
}
.desk-layout .page-title .caption a{color: #0092C2;}
.desk-layout .page-title .caption button {
    color: #0092C2;
    background: transparent;
    border: none;
    vertical-align: middle;
}
.desk-layout #dragBoard{
    height:calc(-77px + 100%);
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 0 0 0 51px;
    position: relative;
}
.desk-layout #viewport{height: calc(-61px + 100%);}
.desk-layout .ruler{
    position:absolute;background:#f4f4f4;width:calc(100% - 20px);height:20px;top:0px;left:0px;margin: 0 0 0 20px;z-index:1000;color: #9f9f9f;box-sizing: border-box;overflow: hidden;
}
.desk-layout .ruler .cm{
    position: absolute;
    bottom: 0;
    width: 10%;
    height: 10px;
    border-left: 1px solid #9f9f9f;
}
.desk-layout .ruler .cm:nth-child(1) {left: 0%;}.desk-layout .ruler .cm:nth-child(2) {left: 10%;}.desk-layout .ruler .cm:nth-child(3) {left: 20%;}.desk-layout .ruler .cm:nth-child(4) {left: 30%;}.desk-layout .ruler .cm:nth-child(5) {left: 40%;}.desk-layout .ruler .cm:nth-child(6) {left: 50%;}.desk-layout .ruler .cm:nth-child(7) {left: 60%;}.desk-layout .ruler .cm:nth-child(8) {left: 70%;}.desk-layout .ruler .cm:nth-child(9) {left: 80%;}.desk-layout .ruler .cm:nth-child(10) {left: 90%;}.desk-layout .ruler .cm:nth-child(11) {left: 100%;}
.desk-layout .ruler .cm:after{
    content: '';
    position: absolute;
    top: -10px;
    font-size: 8px;
    left: -2px;
}
.desk-layout .ruler .cm:nth-child(1):after {content: '0';}.desk-layout .ruler .cm:nth-child(2):after {content: '100';}.desk-layout .ruler .cm:nth-child(3):after {content: '200';}.desk-layout .ruler .cm:nth-child(4):after {content: '300';}.desk-layout .ruler .cm:nth-child(5):after {content: '400';}.desk-layout .ruler .cm:nth-child(6):after {content: '500';}.desk-layout .ruler .cm:nth-child(7):after {content: '600';}.desk-layout .ruler .cm:nth-child(8):after {content: '700';}.desk-layout .ruler .cm:nth-child(9):after {content: '800';}.desk-layout .ruler .cm:nth-child(10):after {content: '900';}.desk-layout .ruler .cm:nth-child(11):after {content: '1000';left: -9px;}
.desk-layout .ruler .mm{
    position: absolute;
    width: 10%;
    height: 3px;
    bottom: 0;
    border-left: 1px solid #9f9f9f;
}
.desk-layout .ruler .mm:nth-child(1) {left: 10%;}.desk-layout .ruler .mm:nth-child(2) {left: 20%;}.desk-layout .ruler .mm:nth-child(3) {left: 30%;}.desk-layout .ruler .mm:nth-child(4) {left: 40%;}.desk-layout .ruler .mm:nth-child(5) {height: 6px;left: 50%;}.desk-layout .ruler .mm:nth-child(6) {left: 60%;}.desk-layout .ruler .mm:nth-child(7) {left: 70%;}.desk-layout .ruler .mm:nth-child(8) {left: 80%;}.desk-layout .ruler .mm:nth-child(9) {left: 90%;}.desk-layout .ruler .mm:nth-child(10) {left: 100%;}
.desk-layout #ruler_vertical.ruler{
    width: 20px;
    height: calc(100% - 20px);
    margin: 20px 0 0;
}
.desk-layout #ruler_vertical.ruler .cm {
    left: initial;
    bottom: inherit;
    right: 0;
    top: 0;
    width: 10px;
    height: 10%;
    border-left: 0;
    border-top: 1px solid #9f9f9f;
}
.desk-layout #ruler_vertical.ruler .cm:nth-child(1) {top: 0%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(2) {top: 10%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(3) {top: 20%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(4) {top: 30%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(5) {top: 40%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(6) {top: 50%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(7) {top: 60%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(8) {top: 70%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(9) {top: 80%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(10) {top: 90%;}.desk-layout #ruler_vertical.ruler .cm:nth-child(11) {top: 100%;height: auto;}
.desk-layout #ruler_vertical.ruler .cm:after {
    top: -2px;
    left: initial;
    right: 10px;
    writing-mode: vertical-lr;
}
.desk-layout #ruler_vertical.ruler .cm:nth-child(1):after {content: '0';top: 0;}.desk-layout #ruler_vertical.ruler .cm:nth-child(2):after {content: '100';}.desk-layout #ruler_vertical.ruler .cm:nth-child(3):after {content: '200';}.desk-layout #ruler_vertical.ruler .cm:nth-child(4):after {content: '300';}.desk-layout #ruler_vertical.ruler .cm:nth-child(5):after {content: '400';}.desk-layout #ruler_vertical.ruler .cm:nth-child(6):after {content: '500';}.desk-layout #ruler_vertical.ruler .cm:nth-child(7):after {content: '600';}.desk-layout #ruler_vertical.ruler .cm:nth-child(8):after {content: '700';}.desk-layout #ruler_vertical.ruler .cm:nth-child(9):after {content: '800';}.desk-layout #ruler_vertical.ruler .cm:nth-child(10):after {content: '900';}.desk-layout #ruler_vertical.ruler .cm:nth-child(11):after {content: '1000';top: -9px;}
.desk-layout #ruler_vertical.ruler .mm {
    left: initial;
    bottom: inherit;
    right: 0;
    top: 0;
    width: 3px;
    height: 3%;
    border-left: 0;
    border-top: 1px solid #9f9f9f;
}
.desk-layout #ruler_vertical.ruler .mm:nth-child(1) {top: 10%;}.desk-layout #ruler_vertical.ruler .mm:nth-child(2) {top: 20%;}.desk-layout #ruler_vertical.ruler .mm:nth-child(3) {top: 30%;}.desk-layout #ruler_vertical.ruler .mm:nth-child(4) {top: 40%;}.desk-layout #ruler_vertical.ruler .mm:nth-child(5) {width: 6px;top: 50%;}.desk-layout #ruler_vertical.ruler .mm:nth-child(6) {top: 60%;}.desk-layout #ruler_vertical.ruler .mm:nth-child(7) {top: 70%;}.desk-layout #ruler_vertical.ruler .mm:nth-child(8) {top: 80%;}.desk-layout #ruler_vertical.ruler .mm:nth-child(9) {top: 90%;}.desk-layout #ruler_vertical.ruler .mm:nth-child(10) {top: 100%;}
.desk-layout #viewport #content{
    margin: 0;
    padding: 0 5px;
    min-height: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.desk-layout #canvi{
    max-width: 100%;
    max-height: 100%;
    left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.desk-layout .canvas-container{
    /*width: 100% !important;*/
    /*height: 100% !important;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.desk-layout .canvas-container #draw_canvas,
.desk-layout .canvas-container .upper-canvas {
    /*width: 100% !important;*/
    /*height: auto !important;*/
    /*max-height: 100%;*/
}
.desk-layout .map-controllers{border-top: 1px solid #c9c9c9;}
.desk-layout .controls-container {
    margin: 0;
    padding: 0;
    text-align: right;
    max-width: inherit;
    max-height: inherit;
}
.desk-layout .map-controllers .map-buttons{
    position: absolute;
    bottom: 61px !important;
    right: 0;
    z-index: 901;
}
.desk-layout .map-controllers .btn-group{margin: 0;}
.desk-layout .map-controllers .btn{
    width: 60px;
    height: 60px;
    padding: 2px;
    font-size: 32px;
    line-height: 1;
    border: 0;
    border-right: 1px solid #c9c9c9;
    border-radius: 0;
    position: relative;
}
.desk-layout .map-controllers .map-buttons .btn{
    display: block;
    border-right: 0;
    border-top:1px solid #c9c9c9;
    border-left:1px solid #c9c9c9;
}
.desk-layout .map-controllers .controls-container  > .pull-right .btn{
    border-right:0;
    border-left: 1px solid #c9c9c9;
}
.desk-layout .map-controllers .btn .si-icon {display: block;}
.desk-layout .map-controllers .btn .action-button-text {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 0 3px;
    text-align: center;
    font-size: 12px;
}
.desk-layout .map-controllers .btn:hover {
    padding-bottom: 17px;
}
.desk-layout .map-controllers .btn:hover .action-button-text {
    display: block;
}
.desk-layout .map-controllers .btn:hover .si-icon {
    margin: 2px 0 0;
    font-size: 25px;
}
.desk-layout .map-controllers .btn#toggleScaleVisibility:focus{
    background: #fff !important;
    color: #0092c2 !important;
    border-color: #f1f1f1 !important;
}
.desk-layout .map-controllers .btn.active,
.desk-layout .map-controllers .btn#setScale.active button{
    background: #0092c2 !important;
    color: #fff !important;
}
.desk-layout .map-controllers .btn#toggleScaleVisibility.active{
    background: #0092c2 !important;
    color: #fff !important;
}
.desk-layout .controls-container  .dropdown-menu {
    border-radius: 0 5px 0 0;
    width: 100%;
    padding: 0 0 5px;
    z-index: 9999;
    box-shadow: 0 0 0 transparent;
    left: -1px;
    bottom: 59px;
    animation:none;
}
.desk-layout .controls-container  .dropdown-menu li.title{
    padding: 5px 0;
    border-bottom: 1px solid #c9c9c9;
    font-size: 15px;
    color: #333;
}
.controls-container li a{
    display: block;
    padding: 5px 10px;
    color: #333;
}
.desk-layout .controls-container  .dropdown-menu.desk-settings li a{padding: 0 10px;}
.desk-layout .controls-container  .dropdown-menu li .shortcut-action{
    float: left;
    padding: 3px 0 2px;
}
.desk-layout .controls-container  .dropdown-menu li .shortcut-icon{
    float: right;
    text-align: center;
    border: 1px solid #c9c9c9;
    line-height: 21px;
    border-radius: 5px;
    margin: 0 0 0 4px;
    padding: 0 5px;
    font-size: 11px;
    color: #9f9f9f;
}
.desk-layout .controls-container  .view-options .dropdown-menu li a,
.view-options .dropdown-menu li a,
.view-options .dropdown-menu li a:hover{
    display: block;
    padding: 5px 10px;
    overflow: hidden;
    background: transparent;
    color: #9f9f9f;
}
.desk-layout .controls-container  .btn-group.view-options .dropdown-menu .si-icon,
.btn-group.view-options .dropdown-menu .si-icon{margin: 0;}
.desk-layout .controls-container  .view-options .dropdown-menu li.active a,
.view-options .dropdown-menu li.active a{color: #0092c2;}
.desk-layout .floors-navigation{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 51px;
    border-right: 1px solid #c9c9c9;
    padding: 0 5px;
}
.controls-container  li.label-position a { /*Fonts alignment in canvas*/
    margin: 5px 10px;
    padding: 10px;
    font-size: 30px;
}
.controls-container  li.label-position.active a,
.controls-container  li.label-position:hover a {
    background: #0092c2;
    color: #fff;
    border-radius: 3px;
}
.controls-container li.label-position a div {
    width: 100%;
    line-height: 1;
}
.controls-container li.label-position.round_icon a div {
    background: #0092c2;
    color: #fff;
    border-radius: 100%;
    font-size: 23px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.controls-container  li.label-position.round_icon:hover a div,
.controls-container  li.label-position.round_icon.active a div {
    background: #fff;
    color: #0092c2;
}
.desk-layout .controls-container  .desk-alignment .dropdown-menu {
    width: 500px;
    bottom:-1px;
    left: 299px;
    margin: 0;
    padding: 0;
    border: 0;
    animation: none;
}
.desk-layout .controls-container  .dropdown-menu li.desk-alignment a {
    margin: 8px 0;
    padding: 1px 15px;
    border-left: 1px solid #bababa;
    font-size: 30px;
    color: #c9c9c9;
}
.desk-layout .controls-container  .dropdown-menu li.desk-alignment a:hover,
.desk-layout .controls-container  .dropdown-menu li.desk-alignment a.active {color: #0092c2;}
.floors-navigation li span{
    display: block;
    margin: 1px 0;
    padding: 10px 0;
    font-size: 15px;
    line-height: 20px;
    color: #9f9f9f;
    cursor: pointer;
    text-align: center;
    width: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.floors-navigation li:hover span,
.floors-navigation li.active span{
    background: #f2f2f2;
    color: #0092c2;
    border-radius: 2px;
}
.floors-navigation .nav-start:hover span,
.floors-navigation .nav-up:hover span,
.floors-navigation .nav-down:hover span,
.floors-navigation .nav-end:hover span{color: #0092c2;}
.floors-navigation .nav-start span,
.floors-navigation .nav-up span,
.floors-navigation .nav-down span,
.floors-navigation .nav-end span{
    display: block;
    margin: 0;
    padding: 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #9f9f9f;
    cursor: pointer;
    text-align: center;
    width: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.desk-details{
    float: left;
    width: 18%;
    border-left: 1px solid #c9c9c9;
    padding: 20px 12px 0;
    font-size: 17px;
    max-height: 100%;
    overflow: auto;
}
 .desk-details h3{
    color: #0092c2;
 }
 .desk-details .detail-row h5{
    float: left;
 }
 .desk-details .detail-row .count{
    float: right;
    font-weight: bold;
 }
 .search-area .flter{
    float: right;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #0092c2;
    cursor: pointer;
    margin: 0 0 0 10px;
    border-radius: 3px;
 }
.search-area .flter .btn-primary{
    border-color: #f0f0f0;
    color: #a7a7a7;
}
.search-area .flter .btn.btn-primary:hover{
    background: transparent;
    border-color: #0092c2;
    color: #0092c2;
}
 .search-area .search-box{
    overflow: hidden;
    height: 52px;
    border: 1px solid #f0f0f0;
    padding: 10px 45px 10px 10px;
    border-radius: 3px;
    position: relative;
 }
 .search-area input,
 .container--body .search-area input{
    width: 100%;
    height: 100%;
    border: 0;
    padding: 5px;
    background: transparent !important;
    font-size: 15px;
 }
 .search-area .si-search,
 .search-area .si-remove_field{
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 20px;
    line-height: 1;
    color: #a7a7a7;
     cursor: pointer;
 }
 .manage-desk .panel_sec_holder a{
    display: block;
    padding: 15px;
    background: #f4f4f4;
 }
 .space-type li{
    padding: 0 15px 15px;
    font-size: 15px;
    cursor: pointer;
 }
.space-type li img {font-size: 0;line-height: 0;color: transparent;}
.space-type li .si-icon, .space-type li img {
    float: left;
    color: #b3b3b3;
    margin-right: 10px;
    font-size: 20px;
    line-height: 1;
    width: 20px;
    height: auto;
}
 .space-type li img{
    position: relative;
    overflow: hidden;
    font-size: 2px;
 }
 .space-type li img:before {
    content: attr(alt);
    font-size: 8px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    line-height: 10px;
}
 .space-type li span{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
 }
/*END Manage Desk layout */

/***************************************Building resources css *********************************************************************/
.add_resources_container{
    /*display: table;*/
}
.add_resources_container h2{
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.add_resources_container .label_text {
    border: 1px solid #0092c2;
    padding: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 55px;
    background: #f7fbfc;
    overflow:hidden;
    display:flex;
    align-items:center;
}
.add_resources_container .label_text label{
    display: block;
    display: -webkit-box;
    max-width: 100%;
    /*height: 51px;*/
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
    padding-left: 6px;
    padding-right: 6px;
}
.add_resources_container input{
    float: left;
    width: 55px;
    height: 55px;
    margin-left: 10px;
    border: 1px solid #eee;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    pointer-events: none;
}
.add_resources_container a.si-icon, .add_resources_container button.si-icon{
    float: left;
    border: 1px solid #0092c2;
    display: block;
    width: 52px;
    height: 52px;
    background: #fff;
    color: #0092c2;
    font-size: 28px;
    text-align: center;
    line-height: 48px;
    margin-top: 0px;
    margin-left: 10px;
}

.building_block_structure table{
    border-top: 1px solid #eee;
    margin-top: 40px;
}
.building_block_structure table tr th {
    padding-top: 20px;
    padding-left: 0 !important;
}
.building_block_structure table tr th, .building_block_structure table tr td {
    border: 0px;
    padding-left: 10px;
    text-transform: capitalize;
}
.building_block_structure table tr td:first-child {
    padding-left: 0;
}
.building_block_structure table tr td span{
    display: inline-block;
    width: 50px;
    text-align: center;
}
.building_block_stack{
    border-top: 1px solid #eee;
    padding: 20px 26px;
}
.building_block_stack a{
    display:inline-block;
    margin-right: 70px;
}
.location_img_controller,
.map_controll {
    position: relative;
    height: 100%;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.location_img_controller img{
    display: block;
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.location_heading_controll {
    font-size: 14px;
    margin-bottom: 33px;
}
.location_heading_controll h2 {
    float: left;
    font-size: 20px;
    letter-spacing: 0.5px;
}

.location_heading_controll label{
    float: right;
    color: #0092c2;
    margin-bottom: 0;
    margin-top: 5px;
}

.upload-layout #browseFile{
    width: 100%;
    height: 50px;
    border: 1px solid #0092c299;
    border-radius: 50px;
 }

 .upload-layout .input-file{
    width: 100%;
    height: 100%;
 }

 .upload-layout #browseFile .button{
    width: 100%;
    height: 100%;
    padding: 0;
    position: static;
    text-align: center;
    line-height: 50px;
    background: transparent;
    font-size: 16px;
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif !important;
    color: #0092c2;
    opacity: 1;
 }

 .upload-layout #browseFile .si-icon{
    font-size: 24px;
    line-height: 1;
    margin: 0 10px 0 0;
    vertical-align: middle;
 }

 .upload-layout #browseFile .button span{
    vertical-align: middle;
 }

 .upload-layout #browseFile .button input{
    height: 100%;
    width: 157%;
    left: -190px;
 }
  .upload-layout #uploadedFile{
    width: 100%;
    background: #fafafa;
    overflow: hidden;
    padding: 10px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .upload-layout .uploadedFileName {
    width: 57%;
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
    color: #0092c2;
  }
  .upload-layout .remove_button {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 40%;
  }
  .upload-layout .remove_button .btn-primary-red{
    min-width: inherit;
    width: 90px;
  }
  .map-tooltip{
    width: 250px;
    padding: 10px 3px 0 5px;
  }
  .map-tooltip h4{
    color: #0092c2;
    margin: 0 0 10px;
    font-size: 17px;
  }
  .map-tooltip ul {
    padding: 0;
    margin: 0;
    list-style: none;
    flex:1;
}
.map-tooltip ul li {
    padding: 0 0 7px;
    overflow: hidden;
}
.map-tooltip ul li i {
    float: left;
    margin: 0 8px 0 0;
}
.map-tooltip ul li i.tooltip-colorBox {
    margin: 3px 8px 0 0;
    width: 12px;
    height: 7px;
    border-radius: 50px;
    background: #9c9c9c;
}
.map-tooltip ul li span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 10px;
    color: #000;
}
.map-tooltip ul li span.count {
    float: right;
    margin: 2px 0 0;
    font-size: 8px;
    color: #000;
}
.map-tooltip ul li .button {
    display: block;
    text-align: center;
    color: #0092c2;
    font-size: 13px;
}
.gm-style .gm-style-iw-c{border-radius: 3px !important;}
.gm-ui-hover-effect{
    opacity: .6;
    top: 0 !important;
    right: 0 !important;
}
/*END Manage Desk layout */
ul.amenities_list li span{cursor: pointer;}
ul.amenities_list li{
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left:-12px !important;
    margin-right:-12px !important;
}
ul.amenities_list li.active{
    background: #f4f4f4;
}
/************************Booking Management***************************/
.widget-area .widget{
    float: none;
    width: 100%;
    height: inherit;
    position: relative;
    border:1px solid #0092c2;
    border-radius: 5px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.widget-area .widget *{box-sizing: border-box;-webkit-box-sizing: border-box;}
.widget-area .widget:after{
    content: '';
    display: block;
    padding-bottom: 100%;
}
.widget-area .widget.rectangle:after{padding-bottom: 77%;}
.widget-area .widget-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #0092c2;
}
.widget-area .widget-content .title-icon .si-icon{
    font-size: 44px;
    line-height: 1;
}
/************************End Booking Management***************************/


/*New mapping floor popup*/

.mapping_floor_col input{
    border: 1px solid rgb(201 201 201) !important;
    border-radius: 0px !important;
    padding: 18px !important;
}

.mapping_floor_col input.disabled{
    background: #f4f4f4 !important;
    color: #333;
    pointer-events: none;
}

.mapping_floor_col label{
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

/*End new mapping floor popup*/

/************************Monitoring dashbord*****************************/
.monitor-holder {
    /*display: flex;
    flex-wrap: wrap;*/
    position: relative;
}
.monitor-route {
    min-height: 100px;
    /*flex: 1 0 20%;*/
    width:16%;
    padding: 5px 15px;
    border: 1px solid #E2E2E2;
    margin: 0 5px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.monitor-route .CompanyLogoImg{
    float: left;
    max-width:72px;
}

.list-route{
    border:1px solid #eb968f;
    display: table;
    overflow: hidden;
    width: 100%;
    border-radius: 3px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}
.list-route .ltl{
    display: table-cell;
    vertical-align: middle;
    background: #da3726;
    width: 7%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.list-route .rtl{
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    overflow: hidden;
    background: #fdf7f7;
    padding:6px 10px 3px;
    border-radius: 3px;
    color: #333;
}

.list-route .rtl .main label, .list-route .rtl .main span{
    width: 100%;
    display: block;
    margin-bottom: 0;
}

.list-route .rtl .time_log i{
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 18px;
    z-index: 99;
}
.list-route .rtl .time_log div label{
    min-width: 20px;
    margin-bottom: 0;
}
.list-route .rtl .si-icon.si-cross-round{
    cursor: pointer;
}
.view_more_section {
    margin-bottom: 5px;
}
.view_more_section a{
    color: #333;
    text-align: center;
    font-size: 14px;
    display: block;
    cursor: pointer;
}
.view_more_section a i{
    color: #b2b2b2;
}
.progress{
    height: 27px;
    margin-bottom:10px;
}
.progress .progress-bar{
    overflow: inherit;
    position: relative;
    color:#fff;
    text-align: center;
    font-size:13px;
    line-height:30px;
}
.progress .progress-bar.bg-color-green{
    background: #028825 !important;
}
.progress .progress-bar.bg-color-red{
    background: #d83723 !important;
}
.select_count_list ul{
    margin: 0;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
.select_count_list ul li{
    /* float: left; */
    margin: 0 3px 7px 3px;
    padding: 3px;
    /* width: 9%; */
    /* margin-left: 3px; */
    text-align: center;
    color: #fff;
    list-style: none;
    border-radius: 3px;
    /* display: flex; */
    /* flex: 1 0 9%; */
    justify-content: center;
    cursor: pointer;
}
.select_count_list ul li.full-width{
    display: block;
    width: 100%;
    text-align: center;
    color: #333333;
    cursor: default;
}
.select_count_list ul li span{
    display: block;
    width: 100%;
    text-align: center;
}
.select_count_list ul li span.divider{
    display: flex;
}
.select_count_list ul li span:nth-child(2){
     width: 36px;
     text-align: center;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 8px;
}
.select_count_list ul li.green-bg{
    background: #028925 !important;
}
.select_count_list ul li.yellow-bg{
    background: #e39a32 !important;
}
.select_count_list ul li.red-bg{
    background: #d93725 !important;
}

/*cancelled pass css vmm-1520*/
.access_login_section ul {
    margin: 0;
    padding: 0 0 0 54px;
    list-style: none;
}

.access_login_section ul h2 {
    margin-bottom: 15px;
    color: #000;
    font-weight: 400;
    font-size: 20px;
}

.access_login_section ul li {
    font-size: 14px;
    color: #333;
    position: relative;
}
.access_login_section ul li img{
    position: absolute;
    height: 55px;
    width: auto;
    margin-top: 0px;
    border-radius: 50px;
}
.access_login_section ul li label {
    display: inline-block;
    width: 30%;
    font-size: 14px;
    font-weight: 400;
}

.access_login_section ul li i {
    color: #0092c2;
    font-size: 16px;
    margin-right: 10px;
}

.access_login_section ul li span {
    color: #000;
    min-width: 150px;
    display: inline-block;
}
@media all and (min-width: 991px) and (max-width: 1370px) {
    .filters-section{width: 22%;}
    .room-wrapper-area{width: 78%;}
}
@media all and (max-width: 1370px) {
    .manage-desk .pages-menu-box{width: 22%;}
    .desk-details{width: 22%;}
    .desk-layout{width: 55.6%;}
}

.opacity_container {
    background:url(../../img/transparent-placeholder.jpg);
    height: 20px;
    display: block;
    overflow: hidden;
    margin-top: 20px;
    width: 100%;
}

.opacity_container input {
    -webkit-appearance: none; /* Override default look */
    background: -moz-linear-gradient(left,  #00000000 0%, #0092c5 100%);
    background: -webkit-linear-gradient(left,  #000000 0%,#0092c5 100%);
    background: linear-gradient(to right,  #00000000 0%,#0092c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0092c5',GradientType=1 );
}

.opacity_container input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: transparent;
    cursor: pointer;
    border:solid 2px black;
    border-radius:100%
}

.opacity_container input::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: transparent;
    cursor: pointer;
    border:solid 2px black;
    border-radius:100%
}
.grid-widgets-area {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 5%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 6px 6px 6px -2px rgba(24,50,71,0.08);
    -webkit-box-shadow: 6px 6px 6px -2px rgba(24,50,71,0.08);
    -moz-box-shadow: 6px 6px 6px -2px rgba(24,50,71,0.08);
}
.grid-widgets-area:before {
    content: '';
    display: block;
    padding-bottom: 100%;
}
.grid-widgets-area .grid-widget{
    width: 100%;
    text-align: center;
    color: #939393;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.grid-widgets-area .grid-widget .widget-icon {
    font-size: 1.2vw;
    line-height: 1.2;
    color: #0092c2;
}
.grid-widgets-area .grid-widget .widget-title {
    width: 100%;
    margin: 0.725vw 0;
    font-size: 0.9vw;
    line-height: 1.3;
}
.grid-widgets-area .grid-widget .widget-content {
    color: #0092c2;
    font-size: 1.2vw;
    line-height: 1.2;
}
.report_header{
    padding: 30px 30px 25px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.report_header .report_name{
    display: table;
}
.report_name i{
    display: table-cell;
    width: 70px;
    font-size: 60px;
    color: #c2001e;
    vertical-align: middle;
}
.report_name h2{
    margin-top: 12px;
    font-size: 28px;
    font-weight: 500;
    line-height: 38px;
}
.report_name h2 .company-name{
    font-weight: 700;
}
.report_name em{
    font-size:16px;
    font-style: normal;
    color: #666;
}
.report_header button{
    float: left;
}
.report_header img{
    max-width: 200px;
    height: 100%;
}
.container_1 button.m-btn {
    font-size: 15px;
    padding: 0px;
    position: absolute;
    right: 15px;
    border: 5px solid #c5c5c5;
    border-radius: 40px;
    top: -20px;
    z-index: 100;
    background: #454141;
}
.container_1, .container_2, .container_3 {
    padding:15px 30px;
    position: relative;
    z-index: 100;
}
.container_1 > h2, .container_2 > h2 {
    font-weight: bold;
}
.container_1{
    background:#c5c5c5;
}
.container_2{
    background:#d4e8ee;
    padding: 17px 30px;
}
.container_3{
    background:#f5f5f5;
}
.activity_graph_control h2{
    color: #000;
    font-size: 20px;
    float: left;
}
.activity_graph_control em{
    float: right;
    font-style: normal;
}
.activity-route {
    background-color: #fff;
    height: 90px;
    margin: 10px 10px 0 0;
    padding: 12px 15px 15px 15px;
    border-radius: 5px;
    border: 0;
    /*border: 1px solid #d9e6ef;*/
}

.activity-route .activity-head{
    border-bottom: 1px solid #d2d2d2;
    color: #000;
    font-size: 24px;
    padding-bottom: 8px;
}

.activity-route .activity-head i{
    color: #0092c2;
}

.activity-route .activity-head i.si-watch-list{
    color: #ff0000;
}

.activity-route .activity-head span{
    float: right;
}

.activity-route .activity-bottom {
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.activity_graph_control{
    background-color: #fff;
    min-height: 85px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #d9e6ef;
    margin: 10px 0;
    position: relative;
}

.activity_footer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 90px 41px 10px 30px;
    font-size: 18px;
    color: #666666;
    background: #f5f5f5;
}
.container_1 .activity-route-total{
    border-left: 4px solid #0092c2;
}
.parent_check{
    float: left;
}

.parent_check label{
    margin: 0 !important;
    font-size:12px;
}

.parent_check_control{
    float: left;
    width: 116px;
    margin-left: 6px !important;
}
.parent_check_control section.parent_section{
    width: 116px;
    margin-top: 0px !important;
}

.auto-height{
    height: auto !important;
}



/*css label and translation from system.css*/

.change-translation {
    border: 1px solid #e7e7e9;
    color: #0092c2;
    font-size: 13px;
    font-weight: bold;
    z-index: 9999;
}
.change-translation .smart-form .textarea textarea{ font-size: 13px; }
.change-translation #default_language .presentation{ display: none; }
.change-translation #default_language .select{ pointer-events: none; }
.change-translation.grid_slide_area .grid_slide_content{ padding-bottom: 0px; }
.change-translation .container--body{ padding: 0px; }
.change-translation .container--body .langs-wrapper{ padding: 20px; }
.change-translation a{color: #0092c2;}
.change-translation .select2-container .select2-choice {
    height: 57px;
    line-height: 52px;
    border-color: #e7e7e9;
    padding: 0 0 0 16px;
}
.change-translation .spinner {
    margin: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
}
.change-translation #datatable_col_reorder_processing {
    position: fixed;
    top: 0;
    bottom: 0;
    height: inherit;
    margin-top: 0;
    margin-left: -50%;
    padding-top: 0;
    background: rgba(255,255,255,.5);
    line-height: 46px;
    z-index: 9999;
}

.change-translation .option-with-image img{
    vertical-align: middle;
    height: 30px;
    width: 30px;
    margin-right: 12px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.change-translation .option-with-image .user-text {
    vertical-align: middle;
    margin: 0;
}

.change-translation .smart-form .textarea textarea {
    line-height: 45px;
    height: 64px;
    border-color: #e7e7e9 !important;
    color: #404348;
    border-radius: 0 !important;
}

.change-translation .option-with-image .user-text span {
    font-weight: 500;
}

.vaccinated_control{
    background: rgb(109,186,74);
    border-radius: 50px;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin-top: 2px;
}

.vaccinated_control i{
    color: #fff;
    font-size: 13px;
}

.not_vaccinated_control{
    background: rgb(186, 36, 27);
    border-radius: 50px;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin-top: 2px;
}

.not_vaccinated_control i{
    color: #fff;
    font-size: 14px;
}
/*Booking Landing page*/
.viewToggle{
    border: 0.05vw solid #d5d5d5;
    background: #fff;
    border-radius: 1.5vw;
    width: 5.834vw;
    text-align: center;
    font-size: 0.60vw;
    color: #bebebe;
    position: relative;
}
.viewToggle .viewToggleCheckbox{
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    z-index: 2;
}
.viewToggleCheckbox + .viewToggleSwitch {
    position: relative;
    padding: 0.37vw 0 0.35vw 0;
    display: flex;
    user-select: none;
    pointer-events: none;
}
.viewToggleCheckbox + .viewToggleSwitch:before {
    content: "";
    background: #eff9ff;
    border: 0.05vw solid #1492df;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    width: 2.9vw;
    border-radius: 1.6vw;
    transform: translateX(0);
    transition: transform 300ms;
}
.viewToggleCheckbox:checked + .viewToggleSwitch:before{
    transform: translateX(2.8vw);
    transition: transform 300ms linear;
}
.viewToggleCheckbox + .viewToggleSwitch .viewToggleLabel {position: relative;flex: 1 1 auto;}
.single .viewToggleCheckbox { pointer-events: none; }
.single .viewToggleCheckbox + .viewToggleSwitch:before { width: 5.834vw; }
.single .viewToggleCheckbox:checked + .viewToggleSwitch:before{ transform: translateX(0); }
.booking-landing,
.booking-landing * {box-sizing: border-box;}
.booking-landing {padding: 0.3vw 1.2vw;}
.subPage_header{
    display: flex;
    flex-direction: column;
    background: #0092c2;
    color: #fff;
}
.subPage_header h2 {font-size: 40px;font-weight: bold;}
.subPage_subHeader{
    flex: 1 1 auto;
    display: flex;
    background: #0187b4;
    color: #fff;
    font-size: 14px;
}
.subHeader_left_section{flex: 1 1 auto;display: flex;}
.subPage_subHeader ul{display: flex;align-items: center;flex: 1 1 auto;justify-content: center;}
.subPage_subHeader ul li{margin: 7px 20px;}
.subPage_subHeader a{color: #fff;}
.subPage_subHeader .si-icon{margin-right:7px;}
.booking-landing .pages-menu-area,
.booking-landing .desk-details{
    width: 22%;
    min-width: 22%;
    max-width: 22%;
    border: 0;
    padding: 0;
    overflow: visible;
}
.booking-landing .widget{
    margin: 3.5% 0 0;
    padding: 6% 8%;
    background: #fff;
    border-radius: 0.5vw;
    box-shadow: 0 0 0.3vw 0 rgba(0,0,0,0.12);
    position: relative;
    font-size: 0.7vw;
}
.booking-landing .widget h4{
    font-size: 0.95vw;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.booking-landing .widget h5{
    font-size: 0.94vw;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.booking-landing .widget p{
    font-size: 0.83vw;
    color: #bebebe;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.booking-landing .widget .btn.m-btn,
.booking-landing .widget .btn.cancel_text{
    min-width: inherit;
    border: 0.06vw solid #d5d5d5;
    border-radius: 1.6vw;
    padding: 0.31vw 0.6vw 0.3vw;
    background: #f5f5f5;
    font-size: 0.8vw;
    line-height: 1.6;
    color: #4d4d4d;
    top: 0;
    left: 0;
}
.booking-landing .widget .btn.m-btn:hover,
.booking-landing .widget .btn.btn-primary-blue.active{
    background: #1492df;
    color: #fff;
}
.booking-landing .widget .btn.cancel_text{
    border: 1px solid transparent;
    margin: 0;
    padding: 6px 12px;
    background: #f5f5f5;
    font-size: 0.84vw;
    line-height: 1.6;
    color: #151515 !important;
    box-shadow: 0 0 0 transparent;
}
.booking-landing .view-more {
    display: block;
    border: 0.06vw solid #1492df;
    border-radius: 30px;
    text-align: center;
    font-size: 0.833vw;
    line-height: 2.4;
    font-weight: 500;
    color: #1492df;
}
.booking-landing .back_btn {margin: 0 0.4vw 0 -0.2vw;cursor: pointer;}
.booking-landing .back_btn .si-left-open-big{
    position: static;
    font-size: 1.75vw;
    line-height: 1;
    color: #1492df;
    vertical-align: middle;
    margin: 0 0 0 -0.2vw;
}
.deskBooking-header .deskBooking-title .back_btn .si-left-open-big {
    margin: 0 1.1vw 0 -0.4vw;
    font-size: 1.75vw;
    color: #1492df;
}
.booking-landing .widget-calendar{padding: 0 0 5%;}
.booking-landing .widget-calendar .flatpickr-calendar{
    display: block;
    max-height: none;
    font-size: 0.6vw;
    line-height: 1.2;
}
.booking-landing .widget-calendar .flatpickr-month, .booking-landing .widget-calendar .flatpickr-months{height: 1.6vw;}
.booking-landing .widget-calendar .flatpickr-current-month {
    top:0;
    left: 0;
    text-align: left;
    line-height: 1.6;
    color: #4d4d4d;
 }
.booking-landing .widget-calendar .flatpickr-current-month span.cur-month{margin-left: 0.4vw;}
.booking-landing .widget-calendar .flatpickr-current-month .numInputWrapper{width: 3.2vw;line-height: 1;}
.booking-landing .widget-calendar .flatpickr-current-month input.cur-year{padding: 0 0 0 0.3vw;appearance: textfield;-moz-appearance: textfield;}
.booking-landing .widget-calendar .flatpickr-current-month input.cur-year::-webkit-inner-spin-button,
.booking-landing .widget-calendar .flatpickr-current-month input.cur-year::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.booking-landing .widget-calendar .flatpickr-current-month .numInputWrapper span{right: -0.3vw;padding: 0 0.1vw;width: 0.7vw;line-height: 1;}
.booking-landing .widget-calendar .flatpickr-current-month .numInputWrapper span.arrowUp{top: -0.1vw;}
.booking-landing .widget-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after {border-bottom-color: #000;border-width: 0.25vw;}
.booking-landing .widget-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after {border-top-color: #000;border-width: 0.25vw;}
.booking-landing .widget-calendar .flatpickr-prev-month, .booking-landing .widget-calendar .flatpickr-next-month {top: 0.3vw;height: auto;right: calc(3.57% - 0.1vw);line-height: 1;}
.booking-landing .widget-calendar .flatpickr-prev-month svg, .booking-landing .widget-calendar .flatpickr-next-month svg{width: 0.8vw;}
.booking-landing .widget-calendar .flatpickr-prev-month.flatpickr-prev-month,
.booking-landing .widget-calendar .flatpickr-next-month.flatpickr-prev-month {right: calc(3.57% + 1vw);left: inherit}
.booking-landing .widget-calendar .flatpickr-weekdays,
.booking-landing .widget-calendar .flatpickr-weekdaycontainer,
.booking-landing .widget-calendar .flatpickr-calendar .dayContainer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1 1 auto;
}
.booking-landing .widget-calendar .flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday {
    min-width: calc(100%/7 - 0.4vw);
    width: calc(100%/7 - 0.4vw);
    max-width: calc(100%/7 - 0.4vw);
    margin: 0 0.2vw;
    font-family: 'Roboto';
    font-size: 0.66vw;
    color: #bebebe;
    text-transform: capitalize;
    font-weight: normal;
    float: none;
}
.booking-landing .widget-calendar .flatpickr-day{
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: calc(100%/7 - 0.4vw);
    width: calc(100%/7 - 0.4vw);
    max-width: calc(100%/7 - 0.4vw);
    height: auto;
    line-height: inherit;
    aspect-ratio: 1/1;
    margin: 0 0.2vw 0.15vw;
    font-size: 0.8vw;
    border-radius: 100%;
    color: #1a1a1a;
}
.booking-landing .widget-calendar .flatpickr-day.today{color: #1492DF;}
.booking-landing .widget-calendar .flatpickr-day.disabled,
.booking-landing .widget-calendar .flatpickr-day.disabled:hover,
.booking-landing .widget-calendar .flatpickr-day.prevMonthDay,
.booking-landing .flatpickr-day.nextMonthDay,
.booking-landing .widget-calendar .flatpickr-day.notAllowed,
.booking-landing .widget-calendar .flatpickr-day.notAllowed.prevMonthDay,
.booking-landing .widget-calendar .flatpickr-day.notAllowed.nextMonthDay{color: #e6e6e6 !important;}
.booking-landing .flatpickr-months,.booking-landing .flatpickr-month,.booking-landing .flatpickr-current-month,
.booking-landing .flatpickr-weekdays,.booking-landing .flatpickr-day.selected,.booking-landing .flatpickr-day.startRange,
.booking-landing .flatpickr-day.endRange,.booking-landing .flatpickr-day.selected:focus,
.booking-landing .flatpickr-day.startRange:focus,.booking-landing .flatpickr-day.endRange:focus,
.booking-landing .flatpickr-day.selected:hover,.booking-landing .flatpickr-day.startRange:hover,
.booking-landing .flatpickr-day.endRange:hover,.booking-landing .flatpickr-day.selected.prevMonthDay,
.booking-landing .flatpickr-day.startRange.prevMonthDay,.booking-landing .flatpickr-day.endRange.prevMonthDay,
.booking-landing .flatpickr-day.selected.nextMonthDay,.booking-landing .flatpickr-day.startRange.nextMonthDay,.booking-landing .flatpickr-day.endRange.nextMonthDay{
    background: #FFFFFF;
    color: #393939;
    fill: #393939;
}
.booking-landing .flatpickr-prev-month svg path, .booking-landing .flatpickr-next-month svg path{fill: #393939;}
.schedule-meeting{
    border-top: 0.06vw solid #DCDCDC;
    padding: 0.82vw 0 0;
}
.schedule-meeting-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 3%;
}
.schedule-meeting-header h4 {
    font-size: 1.25vw;
    font-weight: 500;
    color: #4d4d4d;
}
.booking-landing .widget .schedule-meeting-viewAll .btn{
    font-size: 0.62vw;
    min-width: 2.55vw;
    padding: 0.05vw 0.50vw;
    margin: 0 0.25vw 0 0;
}
.booking-landing .widget .schedule-meeting-viewAll .btn.all.active,
.booking-landing .widget .schedule-meeting-viewAll .btn.all:hover{
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
.booking-landing .widget .schedule-meeting-viewAll .btn.upcoming.active,
.booking-landing .widget .schedule-meeting-viewAll .btn.upcoming:hover{
    background: #1492df !important;
    border-color: #1492df !important;
    color: #fff !important;
}
.booking-landing .widget .schedule-meeting-viewAll .btn.inprogress.active,
.booking-landing .widget .schedule-meeting-viewAll .btn.inprogress:hover{
    background: #00bc71 !important;
    border-color: #00bc71 !important;
    color: #fff !important;
}
.booking-landing .widget .schedule-meeting-viewAll .btn.completed.active,
.booking-landing .widget .schedule-meeting-viewAll .btn.completed:hover{
    background: #eb026e !important;
    border-color: #eb026e !important;
    color: #fff !important;
}
.schedule-meeting-header a.view-all {
    font-size: 0.65vw;
    color: #1492df;
}
.meeting-upcoming{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
}
.meeting-upcoming .meeting-upcoming-details{
    min-width: 57%;
    padding: 0 3% 0 0;
}
.booking-landing .widget .meeting-upcoming .meeting-upcoming-details p{
    font-size: 0.63vw;
    color: #fff;
}
.meeting-upcoming .meeting-upcoming-details h5{
    margin: 0.37vw 0;
    font-size: 0.63vw;
    font-weight: 500;
    color: #fff;
}
.meeting-upcoming .meeting-upcoming-timer{}
.meeting-upcoming-timer .upcoming-timer-box{
    display: flex;
    text-align: center;
    line-height: 1;
}
.meeting-upcoming-timer .upcoming-timer-number{
    font-size: 1.46vw;
    font-weight: 500;
    color: #fff;
}
.meeting-upcoming-timer .upcoming-timer-unit{
    font-size: 0.52vw;
    color: #fff;
}
.meeting-upcoming-timer .upcoming-timer-divider{
    margin: 0 0.8%;
    font-size: 1.46vw;
    font-weight: 500;
    color: #fff;
}
.meeting-listing{padding: 6% 0 0;}
.meeting-listing ul{
    max-height: calc(100vh - 28.6vw);
    overflow: auto;
    padding-right: 0.5vw !important;
    margin-right: -0.5vw !important;
}
.meeting-listing li{
    position: relative;
    margin: 0 0 0.2vw;
    padding: 0.85vw 3.1vw 0.85vw 0.95vw;
    background: rgba(20,223,196,0.35);
    border-radius: 0.25vw;
    font-size: 0.68vw;
    color: #1A1A1A;
    cursor: pointer;
    min-height: 4.7vw;
    display: flex;
    align-items: center;
    align-content: center;
}
.meeting-listing li.in-progress{ background: #ECFFE4; }
.meeting-listing li.completed{ background: #ffe5f1; }
.meeting-listing li.expired{ background: #FFE9E9; }
.meeting-listing li.up-comping {
    padding-right: 0.95vw;
    background: #1492df;
}
.meeting-listing li .meeting-listing-item{max-width: 100%;}
.booking-landing .widget .meeting-listing .meetingStatus {
    background: #fff;
    color: #1492df;
    display: inline-block;
    min-width: 85px;
    padding: 0.07vw 0.7vw;
    border-radius: 2.5vw;
    font-size: 0.58vw;
}
.booking-landing .widget .meeting-listing li.in-progress .meetingStatus { background: #00bc71; color: #fff;}
.booking-landing .widget .meeting-listing li.in-progress .meetingStatus { background: #00bc71; color: #fff;}
.booking-landing .widget .meeting-listing li.completed .meetingStatus { background: #eb026e; color: #fff; }
.booking-landing .widget .meeting-listing li.up-comping .meetingStatus { background: #fff;font-size: 0.58vw; color: #1492df; }
.booking-landing .widget .meeting-listing li.expired .meetingStatus { background: #FFE9E9; color: #fff; }
.booking-landing .widget .meeting-listing li.later .meetingStatus { background: #fff; color: #1492df; }
.meeting-listing li h5{
    text-transform: capitalize;
    font-size: 0.85vw;
    font-weight: 500;
}
.booking-landing .widget .meeting-listing li p{
    font-size: 0.68vw;
    color: #1A1A1A;
}
.meeting-listing li .si-right-open-big {
    position: absolute;
    top: 50%;
    right: 1.04vw;
    font-size: 1.04vw;
    line-height: 1;
    margin: -0.52vw 0 0;
}
.widget-desk-details h4{margin: 0 0 2%;}
.booking-landing .slick-arrow{
    position: absolute;
    top: 50%;
    margin: 0;
    font-size: 1vw;
    line-height: 1;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #bebebe;
}
.booking-landing .slick-arrow.slick-prev{left: 2.5%;}
.booking-landing .slick-arrow.slick-next{right: 2.5%;}
.widget-desk-details .widget-desk-details-body{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3% 0;
}
.widget-desk-details .widget-desk-details-content{min-width: 85%;}
.widget-desk-details .widget-desk-details-icon{width: 10%;}
.widget-desk-details .widget-desk-details-icon img{width: 100%;}
.widget-desk-details .widget-desk-details-footer {
    display: flex;
    align-items: center;
    margin: 7% 0 0;
}
.widget-desk-details .widget-desk-details-footer .m-btn{
    width: 42%;
    max-width: 42%;
    min-width: inherit;
    margin: 0 5% 0 0;
}
.widget-desk-details .widget-desk-details-footer .desk-options .si-icon{
    font-size: 1.05vw;
    color: #1492df;
}
.booking-landing .desk-layout{padding: 0 4.4%;}
.booking-landing .widget-welcome{
    display: flex;
    align-items: center;
    padding: 3.5% 0 0;
}
.booking-landing .widget-welcome .user-image{
    min-width: 11.7%;
    max-width: 11.7%;
    height: 11.7%;
    border-radius: 100%;
}
.booking-landing .widget-welcome .user-image img{
    display: block;
    max-width: 100%;
    border-radius: 100%;
}
.booking-landing .widget-welcome .user-name{
    flex: 1;
    padding: 0 0 0 3.2%;
    text-transform: capitalize;
}
.booking-landing .widget-welcome .user-name h2{
    font-size: 2.1vw;
    color: #1a1a1a;
}
.booking-landing .widget-welcome .user-name h2 b{display: block;}
.booking-landing .widget-mainButtons{padding: 4% 0 0;}
.booking-landing .widget-mainButtons h4{
    margin: 0 0 1.04vw;
    font-size: 1.09vw;
    font-weight: 500;
    color: #1a1a1a;
}
.booking-landing .widget-mainButtons .widget-mainButtons-box{
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: 0.5vw;
    box-shadow: 0 0 0.3vw rgba(0,0,0,0.12);
}
.booking-landing .widget-mainButtons .widget-mainButtons-item{
    flex: 1 1 auto;
    width: 24.6%;
    position: relative;
}
.booking-landing .widget-mainButtons .widget-mainButtons-item:first-child{border-radius: 0.5vw 0 0 0.5vw;}
.booking-landing .widget-mainButtons .widget-mainButtons-item:last-child{border-radius: 0 0.5vw 0.5vw 0;}
.booking-landing .widget-mainButtons .widget-mainButtons-item:before{
    content: '';
    display: block;
    padding-bottom: 74.8%;
}
.booking-landing .widget-mainButtons .widget-mainButtons-content{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    padding: 0.5vw;
    text-align: center;
}
.booking-landing .widget-mainButtons .widget-mainButtons-content .si-icon{
    display: block;
    font-size: 1.9vw;
    line-height: 1;
    color: #fff;
}
.booking-landing .widget-mainButtons .widget-mainButtons-content h3{
    padding: 0 0.2vw 0.2vw;
    border-bottom: 1px solid transparent;
    margin: 1vw 0 0;
    font-size: 0.95vw;
    color: #fff;
}
.booking-landing .widget-mainButtons .active .widget-mainButtons-content h3{border-color: #fff;}
.booking-landing .widget-dailyStats{padding: 4% 0 0;}
.booking-landing .widget-dailyStats h3{
    margin: 0 0 1.03vw;
    font-size: 1.04vw;
    font-weight: 500;
    color: #1A1A1A;
}
.booking-landing .widget-dailyStats .widget-dailyStats-box{
    display: flex;
    background: #fff;
    border-radius: 0.5vw;
    box-shadow: 0 0 0.3vw rgba(0,0,0,0.12);
}
.booking-landing .widget-dailyStats .widget-dailyStats-item{
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.85vw 0;
}
.booking-landing .widget-dailyStats .si-icon{
    font-size: 1.6vw;
    line-height: 1;
}
.booking-landing .widget-dailyStats .widget-dailyStats-content{
    padding: 0 0 0 0.5vw;
}
.booking-landing .widget-dailyStats .widget-dailyStats-number{
    font-size: 1.9vw;
    font-weight: bold;
    color: #333;
}
.booking-landing .widget-dailyStats .widget-dailyStats-title{
    font-size: 0.65vw;
    color: #bebebe;
}
.booking-landing .widget-dailyStats .widget-dailyStats-divider{
    width: 0.06vw;
    background: #dcdcdc;
    margin: 1.1vw 0;
}
.booking-landing .widget-listing{
    padding: 3.5% 0 0;
}
.booking-landing .widget-listing .widget-listing-filters{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.booking-landing .widget-listing .widget-listing-filters ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.booking-landing .widget-listing .widget-listing-filters ul li a{
    display: block;
    margin-right: 0.53vw;
    padding: 0.43vw 0.89vw;
    border: 0.05vw solid #D5D5D5;
    border-radius: 1.3vw;
    background: #f5f5f5;
    font-size: 0.75vw;
    color: #151515;
}
.booking-landing .widget-listing .widget-listing-filters ul li a:hover,
.booking-landing .widget-listing .widget-listing-filters ul li a.active{
    border-color: #1492df;
    background: #eff9ff;
    color: #1492df;
}
.booking-landing .widget-listing .widget-listing-data{
    margin-top: 0.7vw;
    padding: 0.5vw;
}
.booking-landing .widget-listing .widget-listing-data-scroll{
    max-width: 100%;
    max-height: 22vh;
    overflow: auto;
}
.booking-landing .widget-listing table{
    width: 100%;
    table-layout: fixed;
}
.booking-landing .widget-listing table th{
    border: 0;
    padding: 0.25vw 0.52vw;
    font-size: 0.74vw;
    font-weight: 500;
    color: #1a1a1a;
    text-transform: capitalize;
}
.booking-landing .widget-listing table td{
    border: 0;
    vertical-align: middle;
    padding: 0.52vw;
    font-size: 0.79vw;
    color: #333;
    text-transform: capitalize;
}
.booking-landing .widget-listing table td .btn.m-btn{
    background: #fff;
    font-size: 0.64vw;
    color: #1492df;
    font-weight: normal;
}
.booking-landing .widget-listing table td .btn.m-btn:hover{
    background: #1492df;
    color: #fff;
}
.booking-landing .widget-listing table td .btn.m-btn.remove{margin-left:0.2vw;color: #4d4d4d;}
.booking-landing .widget-listing table td .btn.m-btn.remove:hover{color: #fff;}
.booking-landing .widget-notifications > h5{
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: 0 0 1vw;
}
.booking-landing .widget-notifications h5 .si-notifications_new{
    vertical-align: middle;
    font-size: 1vw;
    line-height: 1;
    color: #f6a834;
}
.booking-landing .widget-notifications h5 .widget-notifications-title{
    vertical-align: bottom;
    font-size: 0.85vw;
    color: #f6a834;
    line-height: 1;
}
.booking-landing .widget-notifications h5 .all-read{
    vertical-align: bottom;
    margin: 0 0 0 0.1vw;
    font-size: 0.60vw;
    color: #4d4d4d;
}
.booking-landing .widget-notifications h5 .panel-collapse{
    font-size: 0.6vw;
    color: #4d4d4d;
}
.booking-landing .widget-notifications h5 .panel-collapse .si-icon{
    font-size: 0.8vw;
    line-height: 1;
    margin: 0 0 0 0.2vw;
    vertical-align: bottom;
}
.booking-landing .widget-notifications ul{
    max-height: 35vh;
    padding-right: 1vw !important;
    margin-right: -1vw !important;
    overflow: auto;
}
.booking-landing .widget-notifications ul li{padding: 1vw 0 0;}
.booking-landing .widget-notifications li:first-child{padding: 0;}
.booking-landing .widget-notifications .widget-notifications-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.booking-landing .widget-notifications .widget-notifications-item.read{
    cursor: default;
}
.booking-landing .widget-notifications .widget-notifications-icon{
    display: flex;
    align-content: center;
}
.booking-landing .widget-notifications .widget-notifications-icon .si-icon{
    font-size: 1.6vw;
    line-height: 1;
    color: #1492df;
}
.booking-landing .widget-notifications .widget-notifications-icon .si-icon.si-desk_check_in{color: #25cc88;}
.booking-landing .widget-notifications .widget-notifications-icon .si-icon.si-desk_check_out{color: #ff0000;}
.booking-landing .widget-notifications .widget-notifications-content{
    flex: 1 1 auto;
    padding: 0 0.7vw 0 1vw;
}
.booking-landing .widget-notifications .widget-notifications-contentRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.booking-landing .widget-notifications .widget-notifications-content h5{
    flex: 1 1 auto;
    margin: 0 0 0.2vw;
    font-size: 0.63vw;
    color: #4d4d4d;
}
.booking-landing .widget-notifications .widget-notifications-content h3{
    flex: 1 1 auto;
    margin: 0 0 0.2vw;
    font-size: 0.84vw;
    color: #333;
}
.booking-landing .widget-notifications .widget-notifications-content h6{
    font-size: 0.63vw;
    color: #bebebe;
}
.booking-landing .widget-notifications .widget-notifications-content .widget-notifications-content-day,
.booking-landing .widget-notifications .widget-notifications-content .widget-notifications-content-time{
    max-width: 5vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 0.3vw;
    text-align: right;
    font-size: 0.63vw;
    color: #4d4d4d;
}
.booking-landing .widget-notifications .widget-notifications-content .widget-notifications-content-time{
    font-size: 0.53vw;
    color: #bebebe;
}
.booking-landing .widget-notifications .widget-notifications-action .si-circle{
    font-size: 0.30vw;
    color: #1492df;
    line-height: 1;
    position: absolute;
    top: 0.35vw;
    right: 0;
}
.booking-landing .widget-notifications .widget-notifications-item.read .si-circle{ color: #00bc71; }
.booking-landing .widget-notifications .widget-notifications-item.reading .si-circle:before {
    content: "\e8eb";
    font-size: 10px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}


.booking-landing .widget-notifications .widget-notifications-action .si-right-open-big{
    display: none;
    font-size: 0.88vw;
    color: #1492df;
}
.booking-landing .widget-notifications .view-more{margin: 1vw 0 0;}
.booking-landing .widget-availability h5{
    display: flex;
    justify-content: space-between;
    margin: 0 0 1.05vw;
}
.booking-landing .widget-availability .widget-availability-time{
    margin: 0.3vw 0 0;
    font-size: 0.62vw;
    color: #bebebe;
}
.booking-landing .widget-availability .widget-availability-unit{
    margin: 0.3vw 0 0;
    font-size: 0.62vw;
    color: #bebebe;
}
.booking-landing .widget-availability .widget-availability-graph ul{
    display: flex;
    justify-content: space-between;
}
.booking-landing .widget-availability .slick-arrow{top: 55.4%;}
.slick-arrow.slick-disabled{display: none !important;}
.booking-landing .widget-availability .widget-availability-graph  .widget-availability-graph-bar{
    width: 1.1vw;
    height: 2.1vw;
    margin: 0 auto;
    background: #00bc71;
    border-radius: 0.1vw;
}
.booking-landing .widget-availability .widget-availability-graph  .widget-availability-graph-time{
    margin: 0.4vw 0 0;
    text-align: center;
    font-size: 0.55vw;
    line-height: 1.1;
    color: #bebebe;
}
.booking-landing .widget-availability .widget-availability-data{
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 0.8vw 0 0;
    text-align: center;
}
.booking-landing .widget-availability .widget-availability-dataItem{margin: 0 1.35vw;}
.booking-landing .widget-availability .widget-availability-dataCount{
    display: none;
    font-size:1.25vw;
    font-weight: 500;
    color: #1A1A1A;
}
.booking-landing .widget-availability .widget-availability-dataLegend{overflow: hidden;}
.booking-landing .widget-availability .widget-availability-dataLegend .si-icon{
    float: left;
    margin-right: 0.35vw;
    font-size: 0.95vw;
    line-height: 1;
}
.booking-landing .widget-availability .widget-availability-dataLegend span{
    float: left;
    font-size: 0.78vw;
    color: #1A1A1A;
}
/*END Booking Landing page*/
/*Desk Booking page*/
.booking-landing.desk-booking {
    max-height: 100%;
    overflow: auto;
    padding: 0;
}
.booking-landing.desk-booking .container--body{
    padding: 20px;
    width: 65%;
    margin: 0 auto;
}
.deskBooking-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6vw 0 0;
}
.deskBooking-header .deskBooking-title{
    display: flex;
    align-items: center;
    color: #1492df;
}
.deskBooking-header .deskBooking-title .si-icon{
    margin-right: 1vw;
    font-size: 3.2vw;
    line-height: 1;
}
.deskBooking-header .deskBooking-title h2{
    font-size: 1.6vw;
    font-weight: 500;
    line-height: 1;
}
.deskBooking-month{
    background: #f5f5f5;
    border: 0.06vw solid #d5d5d5;
    border-radius: 1vw !important;
    overflow: hidden;
    position: relative;
}
.deskBooking-month:after{
    content: '\e944';
    display: inline-block;
    vertical-align: middle;
    font-family: "fontello";
    position: absolute;
    top: 0.5vw;
    right: 0.7vw;
    font-size: 0.82vw;
    line-height: 1;
    color: #4d4d4d;
}
.deskBooking-month .main-date-picker, .container--body .FlowupLabels .fl_input.main-date-picker{
    display: block;
    width: 6.8vw;
    padding: 0.3vw 0.73vw;
    color: #151515;
    border: 0;
    outline: 0;
    font-size: 0.83vw;
    line-height: 1.6;
    top:0;
    cursor: pointer;
    z-index: 1;
}
.deskBooking-filter-title{
    display: flex;
    align-items: center;
    margin: 0 0 1vw;
}
.deskBooking-filter-title .si-icon{
    margin: 0 0.85vw 0 0;
    font-size: 1.2vw;
    line-height: 1;
    color: #000;
}
.deskBooking-filter-title h2{
    font-size: 0.95vw;
    color: #151515;
}
.deskBooking-filter-content{
    display: flex;
    justify-content: space-between;
    padding: 0 4%;
}
.booking-landing .deskBooking-filter .slick-arrow{top:84%;font-size: 1.6vw;}
.booking-landing .deskBooking-filter .slick-arrow.slick-prev{left: 0;right: inherit;margin: 0;}
.booking-landing .deskBooking-filter .slick-arrow.slick-next{right: 0;}
.deskBooking-filter-content#bookingDuration{flex-wrap: wrap;}
.deskBooking-filter .btn.m-btn{
    padding: 0.35vw 1.28vw;
    text-transform: none;
    font-weight: normal;
    color: #151515;
}
.deskBooking-filter .btn.m-btn:hover{
    background: #f5f5f5;
    border-color: #1492df;
    color: #1492df;
}
.deskBooking-filter .btn.m-btn.active{
    background: #eff9ff;
    border-color: #1492df;
    color: #1492df;
}
.deskBooking-filter .btn.m-btn .si-icon{
    font-size: 1.3vw;
    line-height: 1;
    vertical-align: middle;
    margin: 0 0.1vw 0 0;
}
.deskBooking-filter .btn.m-btn span{vertical-align: middle;}
.deskBooking-filter .error{
    font-size: 0.85vw;
    color: #c20000;
    margin: 0.2vw 0 0;
}
.deskBooking-filter .error:first-child{margin: 1.1vw 0 0;}
.widget.deskBookingButtons {
    display: flex;
    justify-content: center;
}
.widget.deskBookingButtons .btn.m-btn{
    margin: 0 0.2vw;
    color: #fff;
    border: 0;
    background: #1492df;
    width: 13vw;
    height: 2.6vw;
    line-height: 1.95vw;
    text-transform: none;
}
.widget.deskBookingButtons .btn.cancel_text{
    margin: 0 0.2vw;
    width: 13vw;
    padding: 0.31vw 0.6vw 0.3vw;
    line-height: 1.9vw;
}
.datepaginator {
    font-size: 1vw !important;
    line-height: 1.2;
    height: auto !important;
}
.datepaginator .pagination {display: flex;}
.datepaginator .pagination>li{
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
}
.datepaginator .pagination>li:first-child{flex:0;justify-content: start;}
.datepaginator .pagination>li:last-child{flex:0;justify-content: end;}
.datepaginator .pagination>li>a{
    border: 0 !important;
    box-shadow: 0 0 transparent;
    padding: 0 !important;
    width: 100% !important;
    max-width: 4.9vw;
    height: 4.9vw;
    border-radius: 0.4vw;
    color: #191919;
    font-weight: 700;
    line-height: 1.9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.datepaginator .pagination>li>a.dp-no-select{background: transparent !important; pointer-events: none;}
.datepaginator .pagination>li>a.dp-today{background: transparent !important;color: #1492df !important;}
.datepaginator .pagination>li>a.dp-selected{background: #1492df !important;color: #fff !important;}
.datepaginator .pagination>li>a:focus, .datepaginator .pagination>li>a:hover, .datepaginator .pagination>li>span:focus, .datepaginator .pagination>li>span:hover{background: transparent;color: #1492df;}
.datepaginator .pagination>li>a.dp-nav-right{justify-content: end;}
.datepaginator .pagination>li>a.dp-nav-left{justify-content: start;}
.datepaginator .pagination>li>a .glyphicon{
    font-family: 'fontello';
    font-size: 1.6vw;
    color: #bebebe;
}
.datepaginator .pagination>li>a .glyphicon-chevron-left:before {content: "\e903";}
.datepaginator .pagination>li>a .glyphicon-chevron-right:before {content: "\e902";}
/*End Desk Booking page*/
/*Desk Layout page*/
.deskBooking-layout .pages-menu-area{
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    padding: 0 1.6vw 1vw;
    background: #fff;
    border-right: 1px solid #dfdfdf;
}
.deskBooking-layout .search-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.7vw 0 0;
}
.deskBooking-layout .search-area .flter{
    min-width: 2.1vw;
    width: 2.1vw;
    height: 2.1vw;
    border: 0;
    border-radius: 100%;
}
.deskBooking-layout .search-area .flter .btn-primary{
    border: 0.06vw solid #1492df;
    background: #fff;
    font-size: 0.9vw;
    line-height: 2.1vw;
    color: #1492df;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.deskBooking-layout .search-area .flter .btn.btn-primary:hover,
.deskBooking-layout .search-area .flter .btn.btn-primary.active{
    border-color: #1492df;
    background: #1492df;
    color: #fff;
}
.deskBooking-layout .search-area .search-box{
    flex: 1 1 auto;
    height: 2.1vw;
    border:0.06vw solid #dfdfdf;
    border-radius: 2vw;
    padding: 0.53vw 0.53vw 0.53vw 1.83vw;
    font-size: 0.8vw;
}
.deskBooking-layout .search-area .search-box input{padding: 0;font-size: 0.77vw;}
.deskBooking-layout .search-area .si-search,
.deskBooking-layout .search-area .si-remove_field{
    left: 0.5vw;
    right: inherit;
    top: 50%;
    margin: -0.53vw 0 0 0;
    font-size: 1.05vw;
    line-height: 1;
    color: #c2c2c2;
}
.deskBooking-layout .container--body .option-with-image-box.location .form-group--combined{
    padding: 0 0 0.53vw;
    border: 0;
    border-bottom: 0.06vw solid #dfdfdf;
}
.deskBooking-layout .container--body .option-with-image-box.location .form-group--combined.required:after,
.deskBooking-layout .container--body .option-with-image-box.location .form-group--combined[required]:after{top: 1.8vw;}
.deskBooking-layout .container--body .FlowupLabels.option-with-image-box.location .fl_wrap{
    height: auto;
    margin: 1.6vw 0 0;
}
.deskBooking-layout .container--body .option-with-image-box.location .form-group--combined  .fl_wrap.populated > label{
    font-size: 0.85vw;
    font-weight: 500;
    color: #333 !important;
    margin: 0 0 0.5vw;
    text-transform: capitalize;
    position: static;
}
.deskBooking-layout .FlowupLabels.option-with-image-box.location .fl_input{height: auto;top: 0;padding: 0;}
.deskBooking-layout .FlowupLabels.option-with-image-box.location .fl_wrap a{height: auto;}
.deskBooking-layout .container--body .FlowupLabels.option-with-image-box.location .fl_wrap .select2-container .select2-choice .select2-arrow{display: none}
.deskBooking-layout .container--body .FlowupLabels.option-with-image-box.location .option-with-image img{
    max-width: 3.7vw;
    max-height: 1.89vw;
    margin-right: 0.4vw;
}
.deskBooking-layout .FlowupLabels.option-with-image-box.location .option-with-image .user-text{vertical-align: middle;}
.deskBooking-layout .FlowupLabels.option-with-image-box.location .option-with-image .user-text span{
    font-size: 0.85vw;
    color: #000;
    line-height: 1.2;
}
.deskBooking-layout .FlowupLabels.option-with-image-box.location .option-with-image .user-text span.small{font-size: 0.71vw;}
.deskBooking-layout .deskBooking-filter .btn.m-btn{
    margin: 0.3vw 0.2vw 0;
    padding: 0.11vw 0.6vw 0.1vw;
    font-size: 0.6vw;
}
.deskBooking-layout .deskBooking-filter .btn.m-btn img {
    width: 0.8vw;
    height: 0.8vw;
    margin-right: 0.3vw;
    vertical-align: middle;
    filter: invert(31%) sepia(0%) saturate(1%) hue-rotate(331deg) brightness(98%) contrast(101%);
}
.deskBooking-layout .deskBooking-filter .btn.m-btn:hover img,
.deskBooking-layout .deskBooking-filter .btn.m-btn.active img {filter: brightness(0) invert(1);}
.deskBooking-layout .deskBooking-filter .btn.m-btn span {vertical-align: middle;}
.deskBooking-layout .deskBooking-filter .slick-slider .btn.m-btn{margin: 0.88vw 0 0;}
.deskBooking-layout .deskBooking-filter .duration_wrapper {margin: 0 -0.3vw 0;}
.deskBooking-layout .deskBooking-filter .duration_wrapper .btn.m-btn{
    margin: 0.88vw 0.3vw 0;
    min-width: 4.7vw;
}
.deskBooking-layout .widget.deskBooking-filter{
    padding: 1vw 0;
    border-bottom: 0.06vw solid #dfdfdf;
    border-radius: 0;
}
.deskBooking-layout .deskBooking-filter-title{margin: 0;}
.deskBooking-layout .deskBooking-filter-title h2{
    width: 100%;
    margin-bottom: 0.2vw;
    font-size: 0.85vw;
}
.deskBooking-layout .deskBooking-filter-title a{
    display: block;
    color: #151515;
}
.deskBooking-layout .deskBooking-filter-title .collapseCls .si-icon{
    margin: 0;
    font-size: 1vw;
    color: #c2c2c2;
}
.deskBooking-layout .view-more{
    margin: 1vw 0 0;
    font-weight: normal;
    line-height: 1.9;
}
.deskBooking-layout .view-more .si-icon{font-size: 1.1vw;}
.booking-landing.deskBooking-layout .desk-details{
    width: 24.2%;
    min-width: 24.2%;
    max-width: 24.2%;
    border-left: 1px solid #dfdfdf;
    background: #fff;
    font-size: 0.85vw;
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 0;
    z-index: 11;
}
.deskBooking-layout #booking-date-time{margin-top: 0.25vw;}
.booking-landing .week_no,
.booking-landing .year_no {
    position: relative;
    z-index: 9;
    font-size: 0.73vw;
}
.deskBooking-layout .datepaginator {margin-top: 0.25vw; font-size: 0.6vw !important;}
.deskBooking-layout .datepaginator .pagination>li>a{
    height: 2.4vw;
    border-radius: 0.3vw;
    line-height: 1.7;
}
.deskBooking-layout .datepaginator .pagination>li>a .glyphicon {font-size: 0.9vw;}
.booking-landing.deskBooking-layout .deskBooking-filter-content .slick-slide > div{margin: 0 0.33vw;}
.booking-landing.deskBooking-layout .deskBooking-filter .slick-arrow{top: 82.3%;font-size: 0.9vw;}
.booking-landing.deskBooking-layout .deskBooking-filter .slick-arrow.slick-prev{left: -0.25vw;}
.booking-landing.deskBooking-layout .deskBooking-filter .slick-arrow.slick-next{right: -0.25vw;}
.booking-landing .desk-grid h3 {
    padding: 2vw 1.6vw 1.1vw;
    font-size: 1.15vw;
    font-weight: 500;
    color: #1492df;
}
.booking-landing .desk-grid .table {border: 0;table-layout: fixed;}
.booking-landing .desk-grid .table thead tr {background: #ebebeb !important;}
.booking-landing .desk-grid .table thead tr th {
    padding: 0.45vw 0.6vw !important;
    font-size: 0.8vw;
    font-weight: 500;
    color: #333;
}
.booking-landing .desk-grid .table tbody tr td {
    border: 0;
    padding: 0.45vw 0.6vw !important;
    font-size: 0.8vw;
    font-weight: 400;
}
.booking-landing .desk-grid .dt-toolbar-footer {/*padding: 0 0.6vw 2vw !important;*/}
.booking-landing .desk-details-header{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 0.9vw 1vw 1.5vw;
    background: #42526e;
    text-align: center;
    color: #fff;
}
.booking-landing .desk-details-header-icon .si-icon{
    font-size: 1.25vw;
    line-height: 1;
}
.booking-landing .desk-details-header-title h3{
    padding: 0 1vw;
    font-size: 0.9vw;
    color: #fff;
}
.booking-landing .desk-details-header-title h3 span{
    display: block;
    margin: 0.6vw 0 0;
}
.booking-landing .desk-details-header-close .si-icon{
    font-size: 1.25vw;
    line-height: 1;
    cursor: pointer;

}
.desk-details-reservationTime{
    width: 91%;
    margin: -0.9vw auto 0;
    padding: 0.25vw 1.35vw;
    border-radius: 1vw;
    background: #ffe489;
    font-size: 0.77vw;
    color: #000;
}
.desk-details.unavailable .desk-details-reservationTime{
    background: #ffe5f1;
    color: #eb026e;
}
.desk-details.unavailable .desk-details-reservationTime .si-icon {
    margin-right: 0.5vw;
    font-size: 0.9vw;
}
.deskBooking-layout .desk-details .widget{
    margin: 6.5% 0 0;
    padding: 0 4.3%;
    box-shadow: 0 0 transparent;
}
.deskBooking-layout .desk-details .deskDetail-head h4{
    font-size: 1.05vw;
    font-weight: bold;
    color: #1492df;
}
.desk-details .deskDetail-head .si-icon{
    font-size: 1.1vw;
    margin-right: 0.1vw;
    line-height: 1;
    color: #1492df;
}
.desk-details .deskDetails-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-top: 0.9vw;
}
.desk-details .deskDetails-row h5{
    display: flex;
    align-items: start;
    font-size: 0.84vw;
    font-weight: bold;
    line-height: 1.3;
    color: #4d4d4d;
}
.desk-details .deskDetails-row .si-icon{margin-right: 0.3vw;}
.desk-details .deskDetails-row span{margin-right: 0.6vw;}
.desk-details .deskDetails-row h5 .h5-sub{font-weight: normal;}
.desk-details .deskDetails-rowDetail{
    font-size: 0.74vw;
    color: #4d4d4d;
}
.desk-details .deskDetails-rowDetail span{vertical-align: middle;}
.desk-details .deskDetails-rowDetail .si-circle{
    margin-right: 0.4vw;
    font-size: 1.3vw;
    line-height: 1;
    vertical-align: middle;
}
.desk-details.available .deskDetails-rowDetail .si-circle{color: #00bc71;}
.desk-details.unavailable .deskDetails-rowDetail .si-circle{color: #f23a3a;}
.desk-details .deskDetails-rowDetail.deskFilters .btn{margin: 1vw 0.5vw 0 0;padding: 0.12vw 0.12vw 0.12vw 0.6vw;}
.desk-details .deskDetails-rowDetail.deskFilters .btn.m-btn.active,
.desk-details .deskDetails-rowDetail.deskFilters .btn.m-btn:hover{background: #f5f5f5;color: #4d4d4d;}
.desk-details .deskDetails-rowDetail.deskFilters .btn img{
    width: 0.9vw !important;
    height: 0.9vw !important;
    margin-right: 0.5vw;
}
.desk-details .deskDetails-rowDetail .amenity_count {
    display: inline-block;
    min-width: 1.6vw;
    height: 1.6vw;
    background: #e6e6e6;
    border-radius: 3vw;
    font-size: 0.7vw;
    margin-left: 0.5vw;
    margin-right: 0;
    font-weight: bold;
    line-height: 1.52vw;
    padding: 0 0.3vw;
}
.desk-details .deskDetails-rowDetail.deskFilters .btn .si-icon{
    margin-right: 0.5vw;
    font-size: 0.95vw;
    line-height: 1;
    vertical-align: middle;
}
.desk-details .deskDetails-favorite{margin: 0.9vw 0 0;}
.desk-details .deskDetails-favorite .deskDetails-favoriteItem{
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 2.61vw;
}
.desk-details .deskDetails-favoriteIcon {
    background: #dedede;
    width: 2.61vw;
    height: 2.61vw;
    border-radius: 0.25vw;
}
.desk-details .deskDetails-favoriteIcon .si-icon {
    display: block;
    font-size: 1.67vw;
    line-height: 2.61vw;
    color: #fff;
    text-align: center;
}
.desk-details .unfavorite .deskDetails-favoriteIcon{background: #1492df;}
.desk-details .unfavorite .deskDetails-favoriteIcon .si-icon{color: #fffe00;}
.desk-details .deskDetails-favorite h5{
    margin-top: 0.5vw;
    font-size: 0.64vw;
    color: #000;
}
.desk-details .deskDetails-favorite.active .si-icon{color: #f2df42;}
#tabs-switcher {
position: absolute;
right: 1.3vw;
top: 1.6vw;
z-index: 9;
}
#tabs-switcher >a {
display: inline-block;
vertical-align: middle;
width: 2.1vw;
height: 2.1vw;
margin: 0 0.3vw;
border: 0.06vw solid #1492df;
border-radius: 100%;
background: #fff;
text-align: center;
font-size: 1.1vw;
line-height: 2vw;
color: #1492df;
}
#tabs-switcher > a:hover,
#tabs-switcher > a.active {
background: #1492df;
color: #fff;
}
#user-message{
position: absolute;
top: 1.6vw;
left: 1.6vw;
z-index: 9;
background: #1492df;
padding: 0.5vw 1.6vw;
font-size: 0.85vw;
color: #fff;
border-radius: 1.3vw;
}
#user-message .si-icon {
vertical-align: middle;
margin-right: 0.41vw;
line-height: 1;
font-size: 1.1vw;
}
#user-message span{vertical-align: middle;}
#map-legends{
position: absolute;
bottom: 1.6vw;
left: 4vw;
z-index: 9;
background: #fff;
border: 0.06vw solid #1492df;
padding: 0.3vw 1.2vw 0.3vw 0;
color: #1a1a1a;
border-radius: 1.3vw;
font-size: 0.55vw;
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
}
#map-legends a{
padding: 0 0.6vw 0 1.2vw;
color: #1492df;
}
#map-legends .map-legends-title .si-icon{
font-size: 0.7vw;
line-height: 1;
display: block;
text-align: center;
margin: 0 0 0.1vw;
}
#map-legends .legends-divider{
width: 0.06vw;
height: 1.1vw;
margin: 0 0.6vw 0 0;
background: #bebebe;
}
#map-legends ul{
flex: 1 1 auto;
display: flex;
justify-content: space-evenly;
align-items: center;
align-content: center;
}
#map-legends ul li {
display: flex;
align-items: center;
align-content: center;
margin: 0 0.5vw;
}
#map-legends ul li .si-icon{
font-size: 1vw;
line-height: 1;
margin-right: 0.3vw;
}
#map-legends .legend-toggle{
width: 0;
visibility: hidden;
height: 0;
padding: 0;
}
#map-legends.closed .legend-toggle{
width: 2.14vw;
height: 2.14vw;
visibility: visible;
}
#map-legends .legend-toggle .si-icon{
width: 2.14vw;
margin: 0;
font-size: 1vw;
line-height: 2.14vw;
}
#map-legends.closed{
width: 2.24vw;
height: 2.24vw;
overflow: hidden;
padding: 0;
}
.deskBooking-layout .desk-layout .map-controllers{
position: absolute;
right: 1.6vw;
bottom: 1.6vw;
border: 0;
}
.deskBooking-layout .desk-layout .map-controllers .btn{
border: 0.06vw solid #c2c2c2;
width: 2.1vw;
height: 2.1vw;
padding: 0;
border-radius: 1vw;
background: #fff !important;
}
.deskBooking-layout .desk-layout .map-controllers .btn .si-icon {
display: block;
font-size: 1vw !important;
line-height: 1;
color: #1492df;
margin: 0 !important;
}
.desk-layout .map-controllers .zoomControl {
display: inline-block;
vertical-align: middle;
border: 0.06vw solid #c2c2c2;
border-radius: 1vw;
margin: 0 0 0 0.5vw;
}
.desk-layout .map-controllers .zoomControl .btn {
    float: left;
    width: 2vw;
    height: 2vw;
    border: 0;
}
.desk-layout .map-controllers .zoomControl .btn:first-child {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.desk-layout .map-controllers .zoomControl .btn:last-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
/*END Desk Layout page*/
/*Find a colleague CSS*/
.booking-landing .widget.find-a-colleague {
    padding: 1vw 0 0;
    margin: 0;
    box-shadow: 0 0 0;
    border-radius: 0;
}
.find-a-colleague .ui.icon.input{
    width: 100%;
    background: #fff;
    border-radius: 3vw;
    box-shadow: 0 0 6px rgba(0,0,0,0.12);
    padding: 0;
    font-size: 0.95vw;
    color: #42526e;
    position: relative;
    z-index: 902;
    overflow: hidden;
}
.find-a-colleague .ui.icon.input input{
    width: 100%;
    height: 100%;
    border: 0;
    padding: 1.45vw 1.55vw 1.45vw 4.0vw !important;
    font-size: 0.95vw;
    color: #42526e;
}
.find-a-colleague .search.si-icon {
    position: absolute;
    left: 1.55vw;
    font-size: 1.35vw;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
}
.find-a-colleague .search.si-icon.si-cross-round {
    right: 1.55vw;
    left: inherit;
    cursor: pointer;
}
.find-a-colleague .ui.search>.results {
    width: 100%;
    margin: -2.2vw 0 0;
    padding: 3.6vw 0 0;
    box-shadow: 0 0 6px rgba(0,0,0,0.12);
    border-radius: 0.5vw;
    border-color: transparent;
    z-index: 901;
}
.find-a-colleague .ui.category.search>.results .category {
    display: block;
    background: transparent;
    max-width: 87%;
    max-height: 45vh;
    margin: 0 auto;
    padding: 0 2%;
    overflow: auto;
}
.booking-landing * ::-webkit-scrollbar, .desks-layout-wrapper * ::-webkit-scrollbar, .traffic-graph.breakdown table.table1 tbody * ::-webkit-scrollbar, .desks-layout-wrapper * ::-webkit-scrollbar, .room-footer-type * ::-webkit-scrollbar {width: 0.5em;border-radius:5px;}
.booking-landing * ::-webkit-scrollbar-track, .desks-layout-wrapper * ::-webkit-scrollbar-track, .traffic-graph.breakdown table.table1 tbody * ::-webkit-scrollbar-track, .desks-layout-wrapper * ::-webkit-scrollbar-track, .room-footer-type * ::-webkit-scrollbar-track {background:#dfdfdf;border-radius:5px;}
.booking-landing * ::-webkit-scrollbar-thumb, .desks-layout-wrapper * ::-webkit-scrollbar-thumb, .traffic-graph.breakdown table.table1 tbody * ::-webkit-scrollbar-thumb, .desks-layout-wrapper * ::-webkit-scrollbar-thumb, .room-footer-type * ::-webkit-scrollbar-thumb {
    background-color: #bebebe;
    border-radius:5px;
}
.find-a-colleague .ui.category.search>.results .category > .name {
    background: transparent;
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.05vw;
    color: #000;
    font-weight: normal;
}
.find-a-colleague .ui.category.search>.results .category > .name img{
    width: 2.9vw !important;
    height: 2.9vw !important;
    margin-right: 0.75vw !important;
    object-fit: cover;
}
.find-a-colleague .ui.category.search>.results .category .results{
    border: 0;
    display: block;
    padding: 0 0 0 3.7vw;
}
.find-a-colleague .ui.category.search>.results .category .result{
    border-bottom: 1px solid #dcdcdc;
    padding: 0.75vw 0 0.25vw;
    border-radius: 0 !important;
}
.find-a-colleague .ui.category.search>.results .category .result:hover{background: transparent;}
.find-a-colleague .ui.search>.results .result .title{margin: 0;}
.find-a-colleague .ui.search>.results .result .item-box{
    display: flex;
    flex-wrap: wrap;
}
.find-a-colleague .ui.search>.results .result .action-btns {
    overflow: hidden;
    margin: 0 -0.3vw 1vw 0;
}
.find-a-colleague .ui.search>.results .result:first-child .action-btns {
    position: absolute;
    top: 0.5vw;
    right: 0.5vw;
    margin: 0;
}
.find-a-colleague .ui.search>.results .result .action-btns .btn{
    float: right;
    border-color: #1492df;
    background: #fff;
    margin: 0 0.3vw;
    padding: 0.27vw 0.69vw;
    text-transform: none;
    font-size: 0.65vw;
    color: #1492df;
}
.find-a-colleague .ui.search>.results .result .action-btns .btn.m-btn:hover,
.find-a-colleague .ui.search>.results .result .action-btns .btn.m-btn.active {
    background: #1492df;
    color: #fff;
}
.find-a-colleague .ui.search>.results .result .item{
    display: flex;
    align-items: center;
    align-content: center;
    padding-bottom: 1vw;
    width: 32%;
    margin: 0 1.31% 0 0;
    font-size: 0.67vw;
    color: #333;
}
.find-a-colleague .ui.search>.results .result .item .si-icon{
    margin: 0 0.8vw 0 0;
    font-size: 0.95vw;
    line-height: 1;
    color: #42526e;
}
.find-a-colleague .ui.search>.results .result .item strong{
    display: block;
    font-size: 0.52vw;
    color: #bebebe;
}
.pages-menu-area .find-a-colleague .ui.icon.input {
    color: #1492df;
    border: 1px solid #1492df;
    box-shadow: 0 0;
}
.pages-menu-area .find-a-colleague .ui.icon.input input{
    padding: 0.55vw 2.5vw 0.55vw 2.5vw !important;
    font-size: 0.95vw;
}
.pages-menu-area .find-a-colleague .search.si-icon {
     left: 0.85vw;
     font-size: 1.15vw;
 }
.pages-menu-area .find-a-colleague .search.si-icon.si-cross-round {right: 0.85vw;left: inherit;}
.pages-menu-area .find-a-colleague .ui.search>.results{
    padding: 0.7vw 0 0;
    margin: 0;
    box-shadow: 0 0;
}
.pages-menu-area .find-a-colleague .ui.category.search>.results .category{
    max-width: inherit;
    max-height: calc(100vh - 100px);
    margin: 0 -2%;
}
.pages-menu-area .find-a-colleague .ui.category.search>.results .category > .name{font-size: 0.8vw;}
.pages-menu-area .find-a-colleague .ui.category.search>.results .category > .name img{
    width: 2.1vw !important;
    height: 2.1vw !important;
    margin-right: 0.45vw !important;
}
.pages-menu-area .find-a-colleague .ui.category.search>.results .category .results{padding: 0;}
.pages-menu-area .find-a-colleague .ui.category.search>.results .category .result{padding: 0.51vw 0;}
.pages-menu-area .find-a-colleague .ui.category.search>.results .category .result .content{padding: 1vw 0.7vw;}
.pages-menu-area .find-a-colleague .ui.category.search>.results .category .result:hover .content{background: #f3fcff;}
.pages-menu-area .find-a-colleague .ui.search>.results .result .item{
    width: 48%;
    min-width: 48%;
    padding-bottom: 0.7vw;
    font-size: 0.61vw;
}
.pages-menu-area .find-a-colleague .ui.search>.results .result .item .si-icon{
    margin: 0 0.5vw 0 0;
    font-size: 0.85vw;
}
.pages-menu-area .find-a-colleague .ui.search>.results .result:first-child .action-btns{position: static;}
.pages-menu-area .find-a-colleague .ui.search>.results .result .action-btns{
    margin: 0;
    text-align: center;
}
.pages-menu-area .find-a-colleague .ui.search>.results .result .action-btns .btn{
    float: none;
    min-width: 45%;
    padding: 0.27vw 0.59vw;
    font-size: 0.60vw;
}
/*END Find a colleague CSS*/
/*Custom Date & Time Selection Widget*/
.booking-landing .desk-details.customDateSlider{
    width: 24%;
    min-width: 24%;
    max-width: 24%;
}
.booking-landing .desk-details.customDateSlider .desk-details-header{padding: 0.9vw 1vw;}
.widgetTimeSelection{
    width:19.8vw;
    margin: 0 auto;
    padding: 1.2vw 0.5vw;
    color: #bebebe;
}
.widgetTimeSelection .timeSelectionTabs{
    display: flex;
    justify-content: center;
    border: 1px solid #dedede;
    border-radius: 0.4vw;
    padding: 1px;
    background: #f0f0f0;
}
.widgetTimeSelection .timeSelectionItem{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 50%;
    padding: 0.53vw;
    border-radius: 0.4vw;
    cursor: pointer;
}
.widgetTimeSelection .timeSelectionItem.active{
    background: #fff;
    color: #1492df;
}
.widgetTimeSelection .timeSelectionIcon{margin-right: 1.03vw;}
.widgetTimeSelection .timeSelectionIcon .si-icon{
    font-size: 1.4vw;
    line-height: 1;
}
.widgetTimeSelection .timeSelectionContent h5{
    margin: 0 0 0.1vw;
    font-size: 0.95vw;
    font-weight: bold;
}
.widgetTimeSelection .timeSelectionContent h6{font-size: 0.75vw;}
.widgetTimeSelection .timeSelectionItem.active .timeSelectionContent h6{color: #000;}
.widgetTimeSelection .timeSelected{
    display: flex;
    justify-content: center;
}
.widgetTimeSelection .timeSelectedItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 50%;
    padding: 1.13vw 0.53vw 0;
    cursor: pointer;
}
.widgetTimeSelection .timeSelectedItem h5{
    font-size: 0.95vw;
    min-width: 98%;
    min-height: 2.3vw;
    margin-bottom: 0.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3vw;
    border-radius: 2vw;
}
.widgetTimeSelection .timeSelectedItem.active h5{
    background: #f0f0f0;
    color: #42526e;
}
.widgetTimeSelection .timeSelectedItem h6{
    font-size: 1.6vw;
    font-weight: bold;
}
.widgetTimeSelection .timeSelectedItem.active h6{color: #1492df;}
.widgetTimeSelection .timeSelectionSlider{padding: 1.8vw 0 0;}
.widgetTimeSelection .timeSelectionSlider h3{
    margin: 0 0 0.53vw;
    font-size: 0.95vw;
    color: #42526e;
}
.widgetTimeSelection .timeSelectionSlider .si-icon{
    margin-right: 0.5vw;
    font-size: 1vw;
    line-height: 1;
    color: #42526e;
}
.widgetTimeSelection .timeSelectionSwitch{
    display: flex;
    width: 7.5vw;
    border: 1px solid #dedede;
    border-radius: 0.2vw;
    background: #f0f0f0;
    padding: 1px;
    justify-content: space-between;
    margin: 1.8vw auto 0;
}
.widgetTimeSelection .timeSelectionSwitchItem{
    display: flex;
    width: 48%;
    border-radius: 0.2vw;
    font-size: 1vw;
    font-weight: bold;
    color: #bebebe;
    justify-content: center;
    padding: 0.3vw 0;
    cursor: pointer;
}
.widgetTimeSelection .timeSelectionSwitchItem.active{
    background: #fff;
    color: #1492df;
}
.widgetTimeSelection .deskBookingButtons{padding: 2.5vw 0 0 !important;}
.widgetTimeSelection .deskBookingButtons .btn.m-btn,
.widgetTimeSelection .deskBookingButtons .btn.cancel_text{margin: 0 0.4vw;}
.range-slider{position: relative;}
.range-slider input[type=range]{
    -webkit-appearance: none;
    width: 100%;
    margin: 18px 0;
    border-radius: 1vw;
}
.range-slider input[type=range]::-webkit-slider-runnable-track{
    width: 100%;
    height: 0.8vw;
    cursor: pointer;
    /*background: #f5f5f5;*/
    border-radius: 1vw;
}
.range-slider input[type=range]::-moz-range-track{
    width: 100%;
    height: 0.8vw;
    cursor: pointer;
    /*background: #f5f5f5;*/
    border-radius: 1vw;
}
.range-slider input[type=range]::-ms-track{
    width: 100%;
    height: 0.8vw;
    cursor: pointer;
    /*background: #f5f5f5;*/
    border-radius: 1vw;
    color: transparent;
}
.range-slider input[type=range]::-ms-fill-lower{
    /*background: #2a6495;*/
    border: 0.2px solid #010101;
    border-radius:2.6px;
    box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
}
.range-slider input[type=range]::-webkit-slider-thumb{
    width: 2vw;
    height: 2vw;
    margin-top: -0.7vw;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.29);
    background: #fff;
    border-radius: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
.range-slider input[type=range]::-moz-range-thumb{
    width: 2vw;
    height: 2vw;
    margin: 0;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.29);
    background: #fff;
    border-radius: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
.range-slider input[type=range]::-ms-thumb {
    width:2vw;
    height: 2vw;
    margin: 0;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.29);
    background: #fff;
    border-radius: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
.range-slider .range-sliderThumb{
    position: absolute;
    top: -0.7vw;
    color: #1492df;
    display: inline-block;
    border-radius: 1000%;
    width: 2vw;
    height: 2vw;
    text-align: center;
    line-height: 2vw;
    z-index: 1;
    pointer-events: none;
    font-size: 0.9vw;
    font-weight: bold;
    /*margin: 0 0 0 -1.8vw;*/
    background: #fff;
}

/*.range-slider .range-sliderBg {*/
/*    position:absolute;*/
/*    background:blue;*/
/*    height:30px;*/
/*    width:100%;*/
/*}*/
/*END Custom Date & Time Selection Widget*/

/*css for project section*/

.general_section {
    padding: 0 0 0 16px;
    font-size:14px;
}

.general_section p{
    font-size:14px;
}

.document_info{
    background:#d6dde7;
    border:1px solid #305d8c;
    color:#305d8c;
    padding:3px 10px;
}

.document_info {
    background: #d6dde7;
    border: 1px solid #305d8c;
    color: #305d8c;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 26px;
    margin-right: 10%;
    margin-top: 5px;
}

.document_info i {
    font-size: 18px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
    padding-left: 12px;
}

.document_contract_control {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px 20px;
    margin-top: 20px;
}

.document_contract_control .head_left{
    float: left;
    width: 60%;
}

.document_contract_control .head_left i{
    font-size: 34px;
    margin-top: 3px;
    margin-right: 10px;
    line-height: 1;
    color: #0092c2;
    float: left;
}

.document_contract_control .head_left h2{
    font-size: 16px;
    font-weight: normal;
    color:#333;
}

.document_contract_control .head_left span{
    font-size: 12px;
    color:#707070;
}

.document_contract_control .head_right{
    float: right;
    font-size:12px;
    color:#707070;
    text-align: right;
}

.document_contract_control .head_right span{
    display: block;
}

.project_button {
    padding-top: 10px;
    text-align: right;
}

.project_button button.m-btn, .project_button a.m-btn{
    border-radius: 20px;
    line-height: 22px;
}

.project_button button.btn.btn-danger, .project_button a.m-btn {
    border-radius: 25px;
    padding: 5px 15px;
}

.project_add_document {
    color: #0092c2;
    font-size: 20px;
}

.project_add_document i {
    font-size: 25px;
    float: left;
    margin-right: 20px;
    margin-top: -2px;
}

.project_add_document i.si-right-open-big{
    float: right;
    margin-right: 0;
}

.project_description em{
    position: absolute;
    top: 0;
    right: 20px;
    margin-top: -10px;
    color: #9ea0a4;
    font-style: normal;
    z-index: 9;
}
/*css for project section end*/

.smart-form.con_zone_check.table td .checkbox i{
    border-radius:50px;
    top:2px !important;
}

.enter_configuration h2{
    color: #0092c2;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 15px;
}
.questions_sections .question-text{
    width: 100%;
    resize: none;
    border-color: #c9c9c9;
    font-size: 14px;
    padding: 10px;
    border-radius: 3px;
    height: 55px;
}
.questions_sections .question-text::placeholder{color: #333;}
.questions_sections span{
    float: right;
    font-size: 12px;
    padding-top: 5px;
}
.questions_sections a.new_questions{
    color: #0092c2;
    font-size: 14px;
    display: block;
    margin-top: 12px;
}

.desk-layout .map-controllers .desk_footer_button .btn.reset{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-size: 22px;
    border: 1px solid #c9c9c9 !important;
    margin-right: 10px;
    font-weight: 600;
    margin-top: 12px;
}

.desk-layout .map-controllers .desk_footer_button .btn.reset:hover{padding-bottom: 5px;}
.desk-layout .map-controllers .desk_footer_button .zomm_in_out{
    float: right;
    border: 1px solid #c9c9c9 !important;
    border-radius: 50px;
    width: 82px;
    height: 35px;
    margin: 13px 10px 10px 0px;
    overflow: hidden;
}

.desk-layout .map-controllers .desk_footer_button .zomm_in_out button.btn{
    border: 0px !important;
    width: 40px;
    height: 35px;
    font-size: 21px;
    padding: 2px 6px 4px;
    line-height: 23px;
    box-shadow: none;
}

.desk-layout .map-controllers .desk_footer_button .zomm_in_out button.btn:hover{
    border: 0 !important;
    width: 40px;
    height: 35px;
    font-size: 21px;
    padding: 2px 6px 4px;
    line-height: 23px;
    box-shadow: none;
}
/*Vaccination Dashboard*/
.smartDashboard{background: #eaecf4;}
.smartDashboard, .smartDashboard *{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.smart-topBar{
    background: #f9f7f7;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    color: #272727;
}
.smart-topBar .topBar-left{
    font-size: 16px;
    font-weight: 700;
}
.smart-topBar .topBar-left span{
    vertical-align: middle;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    padding: 5px 12px;
    background: #0092c2;
    font-size: 15px;
}
.smart-topBar.sticky {
    position: fixed;
    top: 4px;
    z-index: 9;
    left: 44px;
    right: 0;
    box-shadow: 0 0 10px -4px rgba(0, 0, 0, 50%);
}
.smart-topBar.sticky + .smartDashboardRow {padding-top: 50px;}
.smartDashboard .switch-view-area .btn{
    border: 0;
    background: transparent;
    box-shadow: 0 0 transparent;
    color: #0092c2;
    top: 0;
    left: 0;
}
.smartDashboardRow{display: flex;padding: 0 12px;}
.smartDashboardWidget{
    background: #fff;
    display: flex;
    flex-direction: column;
    margin: 4px;
    padding: 25px;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    color: #272727;
}
.smartDashboardWidget h3{font-size: 16px;}
.smartDashboardWidget h3 span{
    vertical-align: middle;
}
.smartDashboardWidget h3 .si-icon{
    vertical-align: middle;
    margin-right: 5px;
    font-size: 22px;
    line-height: 1;
}
.smartDashboardWidget-summary-row{
    width: 125px;
    margin: 20px 0 0;
}
.smartDashboardWidget-summary-row:first-child{margin:0;}
.smartDashboardWidget-summary-number{
    margin: 0 0 3px;
    font-size: 17px;
    font-weight: bold;
}
.smartDashboardWidget-summary-number span{
    display: inline-block;
    vertical-align: middle;
    min-width: 39px;
    background: #eaecf4;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 2px 10px 1px;
}
.smartDashboardWidget-summary h5{
    font-size: 14px;
    font-weight: 500;
    color: #eaecf4;
}
.smartDashboardWidget-summary-legend{
    display: flex;
    justify-content: space-between;
    margin: 25px -10px 0;
}
.smartDashboardWidget-summary-legend .smartDashboardWidget-summary-legendItem{margin:0 10px;}
.smartDashboardWidget-summary-legend .smartDashboardWidget-summary-legendItem span{
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    width: 15px;
    height: 7px;
    border-radius: 50px;
    background:#eaecf4;
}
.smartDashboardWidget-summary-legend .smartDashboardWidget-summary-legendItem p{
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #666;
}
.smartDashboardWidget .smartDashboardWidget-detail li{border-top: 1px solid #d4d6dd99;}
.smartDashboardWidget .smartDashboardWidget-detail li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    color: #333;
}
.smartDashboardWidget .smartDashboardWidget-detail li a:hover{color: #0092c2;}
.smartDashboardWidget .smartDashboardWidget-detail .quickActionIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background: #eaecf4;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    color: #707070;
}
.smartDashboardWidget.quickActions .smartDashboardWidget-detail .quickActionIcon{
    width: 60px;
    height: 60px;
    border-radius: 15px;
    transform: rotate(45deg);
    font-size: 30px;
}
.smartDashboardWidget .smartDashboardWidget-detail .quickActionIcon .si-icon{line-height: 1;}
.smartDashboardWidget.quickActions .smartDashboardWidget-detail .quickActionIcon .si-icon{
    position: absolute;
    top: 15px;
    left: 15px;
    transform: rotate(-45deg);
}
.smartDashboardWidget .smartDashboardWidget-detail .quickActionTitle{flex:1;}
.smartDashboardWidget .smartDashboardWidget-detail .quickActionTitle h4{
    font-size: 16px;
    font-weight: 500;
}
.smartDashboardWidget .smartDashboardWidget-detail .si-right-open-big{
    font-size: 30px;
    line-height: 1;
}
.smartDashboardWidget .smartDashboardWidget-detail .time{color: #666;}
.smartDashboardWidget .smartDashboardWidget-grid{overflow: auto;}
.smartDashboardWidget .smartDashboardWidget-grid table{
    width: 100%;
    font-size: 16px;
    color: #272727;
}
.smartDashboardWidget .smartDashboardWidget-grid table tr{border-top: 1px solid #d4d6dd9a;}
.smartDashboardWidget .smartDashboardWidget-grid table th{
    padding: 10px 0;
    font-weight: 500;
}
.smartDashboardWidget .smartDashboardWidget-grid table td{padding: 20px 0;}
.smartDashboardWidget .smartDashboardWidget-grid table .user-image{
    max-width: 40px;
    max-height: 40px;
    border: 1px solid #b185C3;
    border-radius: 100%;
    margin-right: 20px;

}
.smartDashboardWidget .smartDashboardWidget-grid table .user-image img{
    border-radius: 100%;
    width: 38px;
    height: 38px;
    object-fit: cover;
}
.smartDashboardWidget .smartDashboardWidget-grid table .user-name{font-weight: 500;}
.smartDashboardWidget .smartDashboardWidget-grid table .status{
    display: block;
    width: 160px;
    padding: 5px 10px;
    border-radius: 50px;
    background: #0092c2;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

/*END Vaccination Dashboard*/

div#error_div_host_email_phone {
    background: rgba(238, 14, 14, 0.24) !important;
    clear: both;
    margin: 0 15px 10px;
    padding: 5px 15px;
    color: #333;
    font-size: 14px;
    border: 1px solid #da5050;
    border-radius: 3px;
}
/*Bulk Actions Widget*/
.bulkActionsWidget .bulkActions-row > a{
    display: flex;
    align-items: center;
    padding: 20px 30px;
    border-bottom: 1px solid #dfdfdf;
    color: #333;
}
.bulkActionsWidget.userAction .bulkActions-row > a{align-items: start;padding-right: 0;}
.bulkActionsWidget .bulkActions-icon{
    display: flex;
    align-content: center;
    width: 55px;
}
.bulkActionsWidget .bulkActions-icon .si-icon{
    font-size: 35px;
    line-height: 1;
}
.bulkActionsWidget .bulkActions-title{flex:1;padding: 0 10px;}
.bulkActionsWidget .bulkActions-title h3{
    margin-bottom: 10px;
    font-size: 24px;
}
.bulkActionsWidget .bulkActions-title h4{margin: 0 0 2px;font-size: 16px;}
.bulkActionsWidget .bulkActions-title h5{
    font-size: 12px;
    color: #b2b2b2;
}
.bulkActionsWidget .bulkActions-right{
    display: flex;
    align-items: center;
    align-content: center;
}
.bulkActionsWidget .bulkActions-right .si-icon{
    font-size: 30px;
    line-height: 1;
    color: #b2b2b2;
}
.bulkActions-companyLogo{max-width: 45px;}
.bulkActions-userImage{
    width: 70px;
    height: 70px;
    border:1px solid #b2b2b2;
    border-radius: 100%;
}
.bulkActions-userImage img{
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 100%;
}
.bulkActions-companyDetail{flex:1;padding: 0 0 0 20px;}
.bulkActions-companyDetail .bulkActions-companyDetail-row{
    display: flex;
    align-items: center;
    border-top: 1px solid #dfdfdf;
    padding: 15px 0 0;
    margin: 15px 10px 0 0;
}
.bulkActions-companyDetail .bulkActions-companyDetail-row:first-child{
    border-top: 0;
    margin: 0;
    padding: 5px 10px 0 0;
}
/*END Bulk Actions Widget*/
table.mapped_field tbody tr td span.location_span{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
    display: block;
}
/*Selection process widget for radio and checkbox*/
.selectionProcess li{
    margin: 10px 0 0;
    border: 1px solid #eee;
    border-radius: 3px;
}
.selectionProcess li .si-index{
    display: none;
}
.selectionProcess li.configured .si-plus_round_outline{
    display: none;
}
.selectionProcess .radio, .selectionProcess .checkbox {
    min-height: 40px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px 15px 5px 40px;
}
.selectionProcess .radio i, .selectionProcess .checkbox i{
    margin: -10px 0 0 15px;
    top: 50%;
}
.selectionProcess h4{
    padding: 0 0 0 8px;
    font-size: 15px;
    color: #0092c2;
    width: 250px;
}
.selectionProcess h4 .si-icon{margin: 0 10px 0 0;}
.selectionProcess .selectionProcessAction{
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
}
.selectionProcess .selectionProcessAction .si-icon {
    font-size: 15px;
    line-height: 1;
    margin: 0 10px 0 0;
    color: #0092c2;
    cursor: pointer;
}
.selectionProcess .subSelection{
    padding: 0 0 10px 30px;
    margin: -5px 0 0;
}
.selectionProcess .subSelection .radio, .selectionProcess .subSelection .checkbox {min-height: inherit;}
.selectionProcess .subSelection h4{
    padding:0 0 0 7px;
    font-size: 14px;
    color: #333;
}
.selectionProcess-toggleView{
    display: flex;
    align-content: center;
    align-items: center;
}
.selectionProcess-toggleView h3{
    font-size: 14px;
    color: #000;
}
.selectionProcess-toggleBox{
    display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
}
.selectionProcess-toggle{
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 5px 20px 5px 10px;
    border: 1px solid #c9c9c9;
    border-radius: 50px;
    cursor: pointer;
}
.selectionProcess-toggle.active{
    border-color: #0092c2;
    background: #0092c2;
    color: #fff;
}
.selectionProcess-toggle .si-icon{
    width: 19px;
    height: 19px;
    border: 1px solid #c9c9c9;
    border-radius: 100%;
    margin: 0 10px 0 0;
    font-size: 12px;
    text-align: center;
}
.selectionProcess-toggle.active .si-icon:before{
    content: '\EBDF';
    color: #0092c2;
    font-size: 21px;
    line-height: 20px;
}
.selectionProcess-toggle.active .si-icon:before {
    content: '\e8ae';
    color: #fff;
    margin: -1px 0 0 -2px;
}
.criteria_block {
    border: 1px solid #e4e5e87a;
    border-radius: 8px;
    padding: 0 20px;
}
.criteria_block .query-builder .rules-group-container{
    border: 0;
    padding: 0 0 40px 0;
}
.criteria_block .btn-primary, .criteria_block .btn-primary.disabled{
    min-width: inherit;
    padding: 4px 15px;
    border: 1px solid;
    font-size: 15px;
}
.criteria_block .btn-primary.active.disabled{background: #0092c2;}
.criteria_block .query-builder .rule-container, .criteria_block .query-builder .rule-placeholder, .criteria_block .query-builder .rules-group-container{}
.no-content-wrapper {
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    color:#000;
}
/*Selection process widget for radio and checkbox*/
/*whats new*/
.whatsNew{
    width: 75vw;
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 20px auto 0;
}
.whatsNew .whatsNew-tree {flex: 1 1 auto;}
.whatsNew .whatsNew-branch{
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 3.15vw;
}
.whatsNew .whatsNew-branch:before{
    position: absolute;
    top: 5vw;
    bottom: 0.5vw;
    left: 0;
    display: block;
    width: 0;
    border-left: 1px solid #c9c9c9;
    content: "";
}
.whatsNew .whatsNew-branch .whatsNew-date{
    position: absolute;
    left: -1.9vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 4vw;
    height: 4vw;
    border-radius: 100%;
    padding: 0.3vw;
    background: #0092c2;
    font-size: 0.75vw;
    line-height: 1.15;
    color: #fff;
}
.whatsNew .whatsNew-branch .whatsNew-date b{font-size: 1.35vw;}
.whatsNew .whatsNew-post{
    padding: 0.8vw 1.6vw;
    font-size: 0.8vw;
    color: #40434B;
}
.whatsNew .whatsNew-post:hover {background: #f6f6f6;}
.whatsNew .whatsNew-post h3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 1.05vw;
    font-size: 1.25vw;
    font-weight: 500;
    color: #333;
}
.whatsNew .whatsNew-post .whatsNew-postAction{
    visibility: hidden;
    font-size: 1.2vw;
    line-height: 1;
    color: #0092c2;
}
.whatsNew .whatsNew-post:hover .whatsNew-postAction{visibility: visible;}
.whatsNew .whatsNew-post .whatsNew-postAction i{
    vertical-align: middle;
    margin: 0 0 0 5px;
    cursor: pointer;
}
.whatsNew .whatsNew-row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}
.whatsNew .whatsNew-block{
    margin: 0 1%;
    flex: 1 0 31%;
    max-width: 32%;
}
.whatsNew .whatsNew-block h4{
    display: flex;
    align-items: center;
    height: 2.5vw;
    margin: 0 0 0.8vw;
    font-size: 1.2vw;
}
.whatsNew .whatsNew-block > h4 i{
    color: #0092c2;
    margin-right: 1vw;
    font-size: 2.5vw;
}
.whatsNew .whatsNew-block img.si-icon {
    max-width: 2.5vw;
    max-height: 2.5vw;
    margin: 0 1vw 0 0;
}
.whatsNew .whatsNew-block p{word-break: break-word;}
.whatsNew .whatsNew-block img{max-height:10.4vw;max-width:100%;margin: 0 0 1.6vw;}
/*End whats new*/

.document-details-wrapper table{table-layout: fixed;width: 100%;}
.document-details-wrapper table thead tr th{background:#f1f3f4;}
.document-details-wrapper table thead tr th, .document-details-wrapper table tbody tr td{
    padding: 8px;
}
.document-details-wrapper table tbody tr td i.si-minus-squared{
    font-size:22px;
    cursor: pointer;
}

.document-details-wrapper table tbody tr td i.document_edit{
    font-size: 16px;
    background: rgb(0 147 245);
    color: #fff;
    border-radius: 3px;
    padding: 2px;
    display: inline-block;
    width: 16px;
    text-align: center;
    height: 16px;
    line-height: 15px;
    float: left;
    margin-top: 7px;
    margin-right: 3px;
}
.mapActionPopup textarea{
    border:0;
    width: 100%;
    height: 60px;
    resize: none;
}
.mapActionPopup .select-without-label {
    border-bottom: 1px solid #c9c9c9;
    margin-top:10px;
}
.mapActionPopup .select-without-label label{
    float: left;
    padding-top: 10px;
}

.mapActionPopup .select-without-label div.select2.fl_input{
    width:190px !important;
}

.whatsNew .whatsNew-post-remove .whatsNew-post:hover{
    background: none;
}
.employee_badge_container{
    border: 1px solid #333;
    border-radius:10px;
}
.connect_floors{font-size:14px;color: #333;}
.connect_floors a{color:#0092C2;}
.connect_floors em{background-color: #ecfaff; border: 1px solid #0092C2; color: #0092C2; width: 35px; display: inline-block; text-align: center; height: 16px; font-size: 12px; font-weight: 500; border-radius: 10px; font-style: normal;}
.connect_floors span{display: inline-block; margin-right: 5px; margin-left: 4px;}
.connections-sidebox{display: flex;height: 100%;width: 100%;flex-direction: column;}
.connections-sidebox .search_and_connect{flex: 1; width: 100%;}
.connections-sidebox .search_and_connect h3 i.si-cross{cursor: pointer;color:#8d8d8d;}
.connections-sidebox .search_and_connect .custom-search i.si-icon.si-search{font-size: 22px;}
.connections-sidebox .search_and_connect .custom-search input.form-control{height:44px;border-radius:25px !important;}
.connections-sidebox .search_and_connect table.con_zone_check tr th{border-bottom:1px solid #ddd;padding: 8px 12px;}
.connections-sidebox .search_and_connect table.con_zone_check tr td{border-top:0px;padding: 8px 12px;}
.select_add_more_floor i.si-custom{color:#99cc66;}
.select_add_more_floor span{color: #0092c2; font-size: 12px; display: inline-block; padding-left: 9px; padding-top: 9px;}
.select_add_more_floor{padding-top:10px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    .slider_wizzard{display: block;}
    .grid_slide{display: block;}
    .booking-landing .widget-calendar .flatpickr-prev-month svg, .booking-landing .widget-calendar .flatpickr-next-month svg{width: 0.8vw;height: 0.8vw;}
}

.ipp_collapse_expand .panel_sec_holder{
    border: 1px solid #f7f7f7;
    border-radius: 3px;
    margin:0 20px 0 25px;
}

.ipp_collapse_expand .panel_sec_holder .panel-title{
    background: #fafafa;
    padding:7px 10px 7px 10px;
}
.ipp_collapse_expand .panel_sec_holder .panel-title a{
    font-size: 14px;
}

ul.icon-settings-controll{
    padding: 10px 0px;
    list-style: none;
}

ul.icon-settings-controll li{
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

ul.icon-settings-controll li i.si-icon.si-ok-circled, ul.icon-settings-controll li i.si-icon.si-minus-circled, ul.icon-settings-controll li i.si-icon.si-credentials, ul.icon-settings-controll li i.si-icon.si-neighbour, ul.icon-settings-controll li i.si-icon.si-favorite{
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 28px;
    height: 27px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    color: #48b02c;
}

ul.icon-settings-controll li i.si-icon.si-minus-circled{
    color: #f65314;
}

ul.icon-settings-controll li i.si-icon.si-credentials{
    color: #e73333;
}

ul.icon-settings-controll li i.si-icon.si-neighbour{
    color: #343434;
}

ul.icon-settings-controll li i.si-icon.si-favorite{
    color: #ffb300;
}

ul.icon-settings-controll li i.si-icon.si-sorting{
    font-size: 16px;
    margin-right: 12px;
}

ul.icon-settings-controll li span{
    padding: 0 20px 0 10px;
    font-size: 16px;
    max-width: 175px;
    width: 100%;
    display: inline-block;
}
ul.icon-settings-controll li i.si-icon.si-top-center,
ul.icon-settings-controll li i.si-icon.si-top-left,
ul.icon-settings-controll li i.si-icon.si-top-right,
ul.icon-settings-controll li i.si-icon.si-center-left,
ul.icon-settings-controll li i.si-icon.si-align-center,
ul.icon-settings-controll li i.si-icon.si-center-right,
ul.icon-settings-controll li i.si-icon.si-bottom-left,
ul.icon-settings-controll li i.si-icon.si-bottom-center,
ul.icon-settings-controll li i.si-icon.si-bottom-right
{
    font-size: 28px;
    display: inline-block;
    margin-right: 5px;
}

ul.icon-settings-controll li i.si-icon.si-down-open-big{
    font-size: 18px;
    cursor: pointer;
}

ul.icon-settings-controll li i.si-icon.si-ok_round{
    float: right;
    font-size: 28px;
    margin-top: 2px;
    color: #0092c2;
}
ul.icon-settings-controll li i.si-icon.si-ok_round.gray{
    color: #cdcdcd;
}
ul.icon-settings-controll li .global_settingIcon{
    border-bottom: 1px dashed #ccc;
    padding: 0 10px 10px;
    margin-bottom: 10px;
}
ul.icon-settings-controll li .busy-icon{
    padding-left: 42px;
    padding-top: 2px;
}
table.choose_access_zone tr{
    border-bottom:1px solid #ddd;
}
table.choose_access_zone tr td{
    border-bottom: 0px;
    width:50%;
}
.floor-discipline{font-size:13px;}
/*List view ~ in Space Booking*/
.listingView{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.listingView .listingHead{
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.listingView .listingHead h3{
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.amenities.amenity-green{
    border-color: #179b17;
    background: #ddffdd;
    color: #007200;
}
.listingView .listingRow {
    margin-bottom: 30px;
}
.listingItems ul {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.listingItems .listingItem {
    display: flex;
    justify-content: start;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 29%);
}
.listingItem .listingItem-img {
    max-width: 11%;
    border-radius: 4px;
    overflow: hidden;
}
.listingItem .listingItem-content {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding-left: 20px;
}
.listingItem-content .listingItem-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.listingItem h4 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
.listingItem .listingItem-data {
    display: flex;
    flex-wrap: wrap;
}
.listingItem .listingItem-dataItem {
    display: flex;
    align-items: center;
    align-content: center;
    margin: 10px 10px 0 0;
    font-size: 12px;
    cursor: pointer;
}
.listingItem .listingItem-dataItem .si-icon {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    background-repeat:no-repeat ;
    filter: invert(0%) sepia(97%) saturate(4%) hue-rotate(328deg) brightness(100%) contrast(100%);
}
.listingItem-actions .favorite-icon-holder span {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 30px;
    cursor: pointer;
}
.listingItem-actionsItem.searching .si-icon:before {
    content: "\e8eb";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    color: #000000;
}
/*Favroit listing*/
.favItems h3 {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.favItems ul {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
}
.favItems ul li {
    width: 10.5%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 29%);
    margin: 0 15px 30px;
}
.favItems ul li .favItem-title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 15px;
    padding: 10px;
    text-align: center;
    color: #333;
}
.favItems ul li .favItem-title h4{
    font-size: 13px;
}
#mist_configuration_container.grid_slide_box .grid_slide_cross{
    right: 22px;
}
#mist_configuration_container.grid_slide_box{
    background: #ffffff;
    width: calc(100vw - 650px);
    height: 100%;
}
#mist_configuration_container i.si-icon.si-setting_control{
    color: #fff;
    padding-right: 10px;
    font-size: 20px;
}
#mist_configuration_container .content{
    background: #eee;
    padding: 10px 0;
}
/*~~END~~ Favroit listing*/
/*~~END~~ List view ~ in Space Booking*/

.event_view_head {
    background: #F2F2F2;
    padding: 10px 20px;
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    margin-right:25px;
}

.event_view_head span{
    display: block;
    float: left;
    width: 50%;
    font-weight:500;
}

.event_view_ontent {
    border-radius: 5px;
    min-height: 50px;
    display: flex;
    margin-top:20px;
    color: #000000;
    font-size:14px;
    margin-right:25px;
}

.event_view_ontent.bg_1{
    background: #D5D0CD;
}

.event_view_ontent.bg_2{
    background: #DAEDAD;
}

.event_view_ontent.bg_3{
    background: #A8D899;
}

.event_view_ontent.bg_4{
    background: #CCACDC;
}

.event_view_ontent.bg_5{
    background: #99AED2;
}

.event_view_ontent.bg_6{
    background: #99C2E3;
}

.event_view_ontent span:first-child {
    border-left: 4px solid;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    margin: 0;
}

.event_view_ontent span:first-child.border_color_1{
    border-color:#968A83;
}

.event_view_ontent span:first-child.border_color_2{
    border-color:#A4D233;
}

.event_view_ontent span:first-child.border_color_3{
    border-color:#279F00;
}

.event_view_ontent span:first-child.border_color_4{
    border-color:#8031A7;
}

.event_view_ontent span:first-child.border_color_5{
    border-color:#00358E;
}

.event_view_ontent span:first-child.border_color_6{
    border-color:#0067B9;
}

.event_view_ontent span {
    display: flex;
    align-items: center;
    width: 50%;
    float: left;
    border-left: 2px solid #666666;
    padding-left: 20px;
    padding-right: 10px;
    margin: 10px 0;
}

.event_view_ontent span:first-child {
    border-left: 3px solid #d90000;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    margin: 0;
}
table.search_event_calendar{
    width:100%;
}
table.search_event_calendar tr th{
    background-color:#f2f2f2;
    height:28px;
    line-height:28px;
    color: #000;
    font-size:13px;
}

table.search_event_calendar tr th:first-child, table.search_event_calendar tr td:first-child{
    padding-left:30px;
}

table.search_event_calendar tr td{
    padding: 25px 0;
    border-bottom: 1px solid #e1e1e1;
}

table.search_event_calendar tr td span.percentage_span{
    background: #E7FBE1;
    display: block;
    width: 52px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    font-size: 15px;
    color: #000;
}

table.search_event_calendar tr td span.color-bg{
    width:26px;
    height:26px;
    border-radius:4px;
    display: block;
}

table.search_event_calendar tr td span.si-arrow_back{
    font-size: 16px;
}

.dropdown.alphabuttton ul{
    list-style: none;
    margin: 0px;
    padding: 0;
    width: 183px;
}
.dropdown.alphabuttton button.btn-secondary {
    border: 1px solid #ccc;
    background: transparent;
    box-shadow: none;
    min-width: 185px;
    color: #000;
    font-size: 15px;
    height: 40px;
}
.dropdown.alphabuttton ul span.dropdown-item{
    padding-left: 3px;
    font-size: 15px;
}
.dropdown.alphabuttton ul i.si-up-1, .dropdown.alphabuttton ul i.si-down{
    color: #000;
    font-size: 15px;
    border: 0;
    float: right;
    position: relative;
    margin-right: 33px;
    box-shadow: none;
    line-height: 17px;
    background: none;
}
.dropdown.alphabuttton ul.smart-form li{
    padding:3px 0 0px;
    line-height: 21px;
}
.dropdown.alphabuttton ul.smart-form li.active{
    background:#f2f2f2;
}
.dropdown.alphabuttton ul.smart-form li.active .radio input:checked+i{
    color: #047cd8;;
    background: #047cd8;
}
.dropdown.alphabuttton ul.smart-form li.active .radio input:checked+i:after{
    background: #fff;
}
.dropdown.alphabuttton ul.smart-form li.active label.radio, .dropdown.alphabuttton ul.smart-form li.active i.si-up-1, .dropdown.alphabuttton ul.smart-form li.active i.si-down{
    color:#047cd8;
}



/*Date Range Picker*/
.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.15);
    width: 278px;
    max-width: none;
    padding: 4px;
    margin-top: 3px;
    top: 100px;
    left: 20px;
    z-index: 905;
    display: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 18%);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 18%);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 18%);
}
.daterangepicker:before,
.daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
}
.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
    right: 9px;
}
.daterangepicker.opensleft:after {
    right: 10px;
}
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}
.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}
.daterangepicker.opensright:before {
    left: 9px;
}
.daterangepicker.opensright:after {
    left: 10px;
}
.daterangepicker.drop-up {
    margin-top: -7px;
}
.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none;
}
.daterangepicker.single .drp-selected {
    display: none;
}
.daterangepicker.show-calendar .drp-calendar {
    display: block;
}
.daterangepicker.show-calendar .drp-buttons {
    display: block;
}
.daterangepicker.auto-apply .drp-buttons {
    display: none;
}
.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}
.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
    padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
    border: none;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #333;
    border-width: 0 1px 1px 0;
    border-radius: 0;
    display: inline-block;
    padding: 5px;
}
.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 31px;
    width: 31px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}
.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}
.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}
.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}
.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}
.daterangepicker th.month {
    width: auto;
    padding: 0;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 4px 4px;
    height: auto;
    margin: 0;
    cursor: default;
    border-color: #ccc;
    border-radius: 4px;
    font-weight: normal;
}
.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}
.daterangepicker select.yearselect {
    width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}
.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
}
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}
.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {}
.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 4px;
}
.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}
.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.daterangepicker .ranges li {
    font-size: 13px;
    padding: 5px 12px;
    cursor: pointer;
    background: #f5f5f5;
    border-radius: 4px;
    margin: 0 0 8px;
    color: #08c;
}
.daterangepicker .ranges li:hover,
.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
}
.work_space_data{
    display:flex;
    font-size:16px;
    align-items: center;
}
.selected_emp_heading{
    padding-left: 25px;
    padding-top: 20px;
    color: #000;
    font-size: 15px;
}
.emp_location_code{
    background: #ebebeb;
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 190px;
}
.success_location_code{
    display: flex;
    align-items: center;
    height: 80%;
    justify-content: center;
    flex-direction: column;
}
/*  Larger Screen Styling */
.friend_list{
    border-bottom: 1px solid #f5f5f5;
    line-height: 55px;
    padding: 15px 20px;
}
.friend_list img{
    width:60px;
}
.friend_profile {
    width: 100%;
    text-align: center;
}
.friend_profile .personal {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
}
.friend_profile .personal h2 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}
.friend_profile .personal p {
    color: #9f9f9f;
    font-size: 14px;
}
.communication_holder {
    display: inline-flex;
    color: #333;
    border: 1px solid #f5f5f5;
    margin-right: 10px;
    width: 130px;
    align-items: center;
    flex-direction: column;
    border-radius: 3px;
    padding: 10px 0;
    font-size: 12px;
    margin-top: 10px;
}
.communication_holder i.si-icon {
    font-size: 26px;
}
.profile_list ul {
    margin: 20px 0 0 0;
    padding: 0;
    border-top: 1px solid #f5f5f5;
}
.profile_list ul li {
    border-top: 1px solid #f5f5f5;
    padding: 15px;
    display: flex;
}
.profile_list ul li:first-child {border-top:0;}
.profile_list ul li > label {
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.profile_list ul li span {
    color: #9f9f9f;
    display: block;
    font-size: 13px;
}
.profile_list ul li i.si-icon {
    padding-right: 10px;
    float: left;
}
.profile_list ul li > div {
    /*display: flex;*/
    align-items: center;
    width: 50%;
}
.profile_list ul li label {
    display: block;
    margin:0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}
.travel_group_details table tbody tr {
    border-bottom: 1px solid #eee;
}
.travel_group_details table thead th{
    background: #666;
    padding: 15px 10px 0 10px;
    height: 96px;
    vertical-align: top;
    overflow: inherit;
    border: 0;
    font-weight: normal;
}
.travel_group_details table thead th section div.form-group ul.form-errors{
    padding-top:0px;
    padding-bottom:0px;
    background-color:rgba(238, 14, 14, 0.24) !important;
}
.travel_group_details table tbody td div.form-group{
    margin-bottom:0px;
}
.travel_group_details table tbody td  div.form-group label.input.form-group--seperate input{
    border:0px;
}
.travel_group_details table thead th section div.form-group ul.form-errors li label{
    padding-left:0px;
    color:#fff;
}
.travel_group_details table thead th ul .help-block{
    color: #FFFFFF;
}
.travel_group_details table tbody td:first-child {
    padding-left: 30px !important;
}
.travel_group_details table tbody td{
    padding: 2px 7px 2px 10px;
    color:#333;
}
.travel_group_details table thead th section{
    margin-bottom: 0px !important;
}
.travel_group_details table thead th section div.form-group{
    margin-bottom:0px;
}
.travel_group_details table tbody tr:first-child{
    background:#eee;
}
.travel_group_details table tbody tr:first-child td{
    padding: 6px 7px 2px 10px;
}
.travel_group_details table tbody tr:first-child td:last-child{
    color:#0092c2;
}
.rowaction_icons.travel{
    display:flex;
    align-items:center;
    padding-left: 20px;
}
.rowaction_icons.travel i.si-icon.si-edit_record{
    font-size: 16px;
    background: #0092c2;
    color: #fff;
    border-radius: 4px;
    padding: 4px;
    float: left;
    width: 24px;
    height: 25px;
    line-height: 16px;
}
.rowaction_icons.travel i.si-minus-squared.minusSign{
    color: rgb(254, 0, 0);
    font-size: 30px;
    float: left;
    vertical-align: top;
    margin-left: 5px;
}
.travel_group_details table tbody tr {
    border-bottom: 1px solid #eee;
}
table.badgedetail_table{
    width:100%;
}
table.badgedetail_table thead tr th:nth-child(1){
    width: 10%;
}
table.badgedetail_table thead tr th:nth-child(2){
    width: 9%;
}
table.badgedetail_table thead tr th:nth-child(3){
    width: 9%;
}
table.badgedetail_table thead tr th:nth-child(4){
    width: 11%;
}
table.badgedetail_table thead tr th:nth-child(5){
    width: 18%;
}
table.badgedetail_table thead tr th:nth-child(6){
    width: 18%;
}
table.badgedetail_table thead tr th:nth-child(7), table.badgedetail_table tbody tr td:nth-child(7){
    padding-right: 16px;
}
.dep-item-added{
    background: #ebf2f8;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 12px;
}
.dep-item-added i.si-ok-circled{
    color: #74bd51;
    font-size: 21px;
}
.confirm_remove .grid_slide_header{
    min-height: 85px;
    display: flex;
    align-items: center;
    background: #ff0000;
}
.confirm_remove .grid_slide_header .name span{
    font-size: 23px;
}
.confirm_remove .grid_slide_frame.smart-form .si-icon.si-exclamation_mark{
    display: block;
    margin: 130px 0 20px;
    text-align: center;
    font-size: 140px;
    line-height: 1;
    color: #ff0000;
}
.setting_review .grid_slide_frame, .grid_slide_header.setting_review .grid_slide_frame{
    max-height: 100%;
    height: auto;
}
.google-calendars-list{
    padding:25px 24px 0;
}
.google-calendars-list h3{
    color:#4d4d4d;
    margin-bottom:10px;
    font-size:16px;
}
.google-calendars-list ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
.google-calendars-list ul li{
    border-bottom:1px solid #ccc;
    display:flex;
    justify-content: space-between;
}
.google-calendars-list ul li div.name{
    padding:22px 0 0px;
}
.google-calendars-list ul li .send_email_toggle_green_btn{
    margin:18px 0 15px;
}
.crestron_list{
    border-bottom: 1px solid #ccc;
    margin: 0px 26px 10px 32px;
    padding:0px 0 7px;
    justify-content: space-between;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.crestron_list h3{
    font-size:20px;
    margin-top:10px;
}
.crestron_list i.si-right-open-big{
    font-size:20px;
    cursor: pointer;
}
.crestron_list >div span.status{
    background-color:#66c136;
    border-radius:30px;
    color:#fff;
    width:70px;
    height:24px;
    text-align: center;
    line-height:24px;
    display:inline-block;
    margin-right:10px;
}
.crestron_list >div span.status.error{
    background-color:#C20000;
}
.assign_workflow .widget.deskDetail{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.group-minors-reinvite{
    display: flex;
    justify-content: flex-end;
}

.smart-form.tenant-delete .radio{
    font-size: 16px;
}
.notes-section .notes-header{
    padding: 5px 29px;
    background: #f8fafb;
    font-size: 14px;
    font-weight: 500;
    color: #4d4d4d;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.notes-section .notes-header i{
    font-size:22px;
    color:#0092c2;
    cursor: pointer;
}

.notes-section .notes-header i.si-delete-outline{
    color:#f05759;
    font-size:18px;
}

.notes-section p{
    padding: 10px 30px;
}

.exclamationCol{
    height:65px;
}

.choose_location{
    padding-left:30px;
    padding-right:30px;
    padding-top:10px;
    padding-bottom:10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform:capitalize;
}
.choose_location i.si-pin_field{
    visibility: hidden;
}
.choose_location:hover i.si-pin_field{
    visibility: visible;
}
.choose_location i.si-remove_pin_field, .choose_location i.si-pin_field{
    font-size:18px;
    margin-left:5px;
    cursor: pointer;
}

.choose_location span{
    font-weight:500;
    display: flex;
    align-items: center;
}

.choose_location:hover, .choose_location.active{
    background:#f0f9ff;
}

.choose_location label.radio{
    margin-top:-5px;
}

.new_header_style{
    color: #63748B;
    font-size: 13px;
    line-height: normal;
    padding-top: 10px;
    text-transform:initial;
}

.booking-landing .widget .btn.m-btn.desk-favorite{
    border-radius: 5px;
    padding: 0px;
}

.booking-landing .widget .btn.m-btn.desk-favorite div.image-container{
    height:100px;
}

.booking-landing .widget .btn.m-btn.desk-favorite:hover,
.booking-landing .widget .btn.m-btn.desk-favorite.active{
    background-color: transparent;
    color: #4d4d4d;
    border-color:#d5d5d5;
}

.booking-landing .widget .btn.m-btn.desk-favorite img{
    width: 100%;
    max-width: 155px;
    height: auto;
    filter: invert(31%) sepia(0%) saturate(1%) hue-rotate(331deg) brightness(98%) contrast(101%);
}

.booking-landing .widget .btn.m-btn.desk-favorite button.btn.m-btn{
    width: 120px;
    display: block;
    margin: 5px auto 8px;
    padding: 0.15vw 0.6vw 0.20vw;
    border-color: #1492df;
    color: #1492df;
}
.booking-landing .widget .btn.m-btn.desk-favorite button.btn.m-btn:hover{
    color:#fff;
}
.booking-landing .widget .btn.m-btn.desk-favorite span{
    display: block;
    margin-top:7px;
}
.booking-landing .widget .favorite--desk .btn.m-btn.desk-favorite img{
    max-width: 133px;
    height: 100%;
    margin:0;
}
.booking-landing .widget .favorite--desk .btn.m-btn.desk-favorite button.btn.m-btn{
    margin:10px auto;
}

.favorites_wrapper.favorite--desk .widget .btn.m-btn.desk-favorite div.image-container{min-height:80px;width: 100%;}
.deskBooking-layout .deskBooking-filter .favorite--desk .btn.m-btn:hover img{
    filter:invert(31%) sepia(0%) saturate(1%) hue-rotate(331deg) brightness(98%) contrast(101%);
}
.booking-landing .widget .favorite--desk .btn.m-btn.desk-favorite button.btn.m-btn{
    width: 100px;
}
.remove_user{
    color:#d51c1c;
}
.create-access-request-calendar{
    position: relative;
    height:34px;
}
.create-access-request-calendar i.si-calendar_outline{
    position: absolute;
    bottom: 3px;
    right: 14px;
}
.container--body .FlowupLabels .add--image--cropper .create-access-request-calendar .fl_input{
    width: 100%;
    z-index:9;
}
.container--body #create-access-request-form .send_email_toggle_green_btn em.font_style{
    display: inline-block;
    width: 80%;
    font-weight: normal;
    font-size:14px;
}
.favorite--parking--spot.desk-details .deskDetails-row .color-box{
    display: none;
}
.slider_content_list_detail_area .grid_slide_content .slide_box .title{
    width:40%;
}
.slider_content_list_detail_area .grid_slide_content .slide_box .detail{
    width: 50%;
}
.container--body .form-group.multi_select_choice .form-group--combined{
    padding-bottom: 0;
}
.container--body .FlowupLabels .form-group.multi_select_choice .fl_wrap{
    margin-bottom: 0;
    margin-top: 9px;
}
.container--body .FlowupLabels .form-group.multi_select_choice .select2-container-multi .select2-choices{

}
.risk_levels_container_2 {
    width: 75%;
    padding-top:25px;
}

.policy_alert{
    background: #EFF6FF;
    border-left: 2px solid #3B82F6;
    padding: 10px;
}
.lose_policy_control .form-group--combined,
.lose_policy_control_2 .form-group--combined{
    height:45px;
    border-radius:3px;
}

.lose_policy_control .select-arrow:before,
.lose_policy_control_2 .select-arrow:before {
    content: '\e944';
    font-family: fontello;
    position: absolute;
    top: 11px;
    font-size: 14px;
    color: #D1D5DB;
    right: 13px;
}

.policy_header,
.policy_header_2{
    font-size:14px;
    color: #1E293B;
}

.lose_policy_control .form-group--combined, .lose_policy_control_2 .form-group--combined{
    border-radius:3px;
}

.w-40-percent{
    width:40% !important;
}

.container--body.use_or_lose_policy .viewToggleCheckbox:checked + .viewToggleSwitch:before {
    transform: translateX(114px);
    transition: transform 300ms linear;
}
.container--body.use_or_lose_policy .viewToggleCheckbox + .viewToggleSwitch:before{
    width: 100px;
}
.container--body.use_or_lose_policy #create-access-request-form .send_email_toggle_green_btn em.font_style{
    font-weight: 600;
}

.container--body.use_or_lose_policy .send_email_toggle_green_btn em.font_style{
    font-size:14px;
}

table.access_area_list thead tr th{
    background: #F8FAFC;
}

table.access_area_list tbody tr td{
    border: none;
}

.policy_notification{
    background:#F8FAFC;
    padding:24px 10px 6px;
    border:1px solid #E2E8F0;
}

.add_training_take_a_photo .small.loaded{
    display: flex;
    color:#0092c2;
    align-items: center;
    max-width: initial;
}

.add_training_take_a_photo div.heading {
    color: #9ea0a4;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 10px;
}

.add_training_take_a_photo #dvPreview.logo.twic_loog{
    max-width: 180px;
    text-align: center;
    width: auto;
}

.add_training_take_a_photo #dvPreview.logo.twic_loog img{
    max-height: 80px;
}

.container--body.use_or_lose_policy .viewToggleCheckbox:checked + .viewToggleSwitch .viewToggleLabel:nth-child(2) {
    color: #fff;
}

.container--body.use_or_lose_policy .viewToggleCheckbox:not(:checked) + .viewToggleSwitch .viewToggleLabel:nth-child(1) {
    color: #fff;
}

.container--body.use_or_lose_policy .viewToggleCheckbox + .viewToggleSwitch:before{
    background: #3b82f6;
    width: 110px;
}

.container--body.use_or_lose_policy .viewToggle{
    color: #3b82f6;
    border-radius: 15px;
    font-size: 14px;
    color: #3b82f6;
    border: 1px solid #d5d5d5;
}

.container--body.use_or_lose_policy .viewToggleCheckbox + .viewToggleSwitch{
    padding: 6px 0 6px 0;
}

.container--body.use_or_lose_policy .send_email_toggle_green_btn em.font_style{
    text-transform: initial;
}

.insurance-variance-completed-1 input#upload_document{
    visibility: hidden;
}

.insurance-variance-completed-1 .ff_fileupload_dropzone_wrap p.upload-text, .insurance-variance-completed-1 .ff_fileupload_dropzone_wrap p.upload-text-link{
    position: absolute;
    top: 10px;
    left: 20px;
    color: #9ea0a4;
    z-index: 9;
    font-size: 14px;
}

.insurance-variance-completed-1 .ff_fileupload_dropzone_wrap p.upload-text-link{
    bottom: 10px;
    top:inherit;
    color:#0092c2;
}

.insurance-variance-completed-1 .ff_fileupload_dropzone_wrap p.upload-text-link:after{
    content: '\EAAB';
    position: absolute;
    font-family: 'fontello';
    font-size: 18px;
    left: 0px;
    top: -1px;
}

.insurance-variance-completed-1 .ff_fileupload_dropzone_wrap p.upload-text:after{
    content: "*";
    position: absolute;
    font-family: Arial;
    font-size: 20px;
    color: #da5050;
    top: 0;
    right: -10px;
}

.insurance-variance-completed-1 .ff_fileupload_dropzone_wrap{
    position: relative;
    padding-right: 20px;
    border: 2px dashed #A2B4CA;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.insurance-variance-completed-1 .ff_fileupload_wrap .ff_fileupload_dropzone{
    border:0px;
    background-position: right;
}

@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }
    .daterangepicker .ranges ul {
        width: 140px;
    }
    .daterangepicker.single .ranges ul {
        width: 100%;
    }
    .daterangepicker.single .drp-calendar.left {
        clear: none;
    }
    .daterangepicker.single .ranges,
    .daterangepicker.single .drp-calendar {
        float: left;
    }
    .daterangepicker {
        direction: ltr;
        text-align: left;
    }
    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }
    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .daterangepicker .drp-calendar.right {
        margin-left: 0;
    }
    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px;
    }
    .daterangepicker .ranges,
    .daterangepicker .drp-calendar {
        float: left;
    }

}

@media only screen and (max-width: 600px) {
    .desk-details .deskDetails-rowDetail,
    .booking-landing .widget h4,
    .desk-details .deskDetail-head .si-icon,
    .desk-details .deskDetails-row h5,
    .desk-details .deskDetails-rowDetail .si-circle,
    .desk-details .deskDetails-favoriteIcon .si-icon,
    .desk-details .deskDetails-row h5{
        font-size:14px;
    }
    .desk-details .deskDetails-favorite h5{
        font-size: 9px;
        margin-left: 20px;
    }
    .desk-details .deskDetails-favoriteIcon{
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }
    .widget.deskBookingButtons .btn.cancel_text{
        padding: 5px;
    }
    .booking-landing .widget .btn.cancel_text{
        font-size: 11px;
        border-radius: 15px;
        width: 80px;
        margin-right: 10px;
    }
    .widget.deskBookingButtons .btn.m-btn{
        width: 80px;
        height: 20px;
        font-size: 10px;
        border-radius: 15px;
    }
    .desk-details .deskDetails-favoriteIcon .si-icon{
        line-height:20px;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }
    .daterangepicker .ranges {
        float: left;
    }
    .daterangepicker.rtl .ranges {
        float: right;
    }
    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}

.header-content .dropdown.open a.btn-header,
.header-content .form.open a.btn-header{
    background-color:#e8e8e8;
    background-image:-moz-linear-gradient(top,#5a5a5a 0,#686868 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));
    background-image:-webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
    background-image:-ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);
    -webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);
    box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);
    color:#fff;
    border-color:#494949
}
.detail_summary_round_box{
    border: 1px solid #ccc;
    padding: 8px 10px 3px;
    border-radius: 3px;
    width: 90%;
    float: right;
}
.control_1 > div{
    font-size:13px;
    width: 45%;
    float: left;
}

.control_1 label{
    color:#333;
    font-weight:500;
}

.location_create_col table thead tr th{
    background: #f8fafc;
    text-transform: uppercase;
    border-top:0 !important;
    border-bottom:0 !important;
}

.location_create_col table tbody tr td{
    border-top:0 !important;
    border-bottom:0 !important;
    line-height:20px !important;
}

.location_create_col table tbody tr td.action-btn{
    line-height: 21px !important;
}

.location_create_col table tbody tr td.action-btn i.si-icon{
    font-size: 24px;
    cursor: pointer;
}