html{
    height: 100%;
    background: none #fff;
}
body{
    margin: 0;
    height: 100%; /*For height 100% of #main*/
    background: none #fff;
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
    letter-spacing: 0.5px;
	-webkit-font-smoothing:antialiased;
}
body.swal2-height-auto.swal2-shown{height: 100% !important;} /*in case of sweet alert for session expire*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-family: 'Roboto', 'Open Sans', Arial, sans-serif;letter-spacing: 0.5px;}
/*this was in system.css*/
h1, h2, h3, h4, h5, h6, p, ul{
    margin:0;
    font-weight: normal;
}
a{color: #0092c2;}
/*this was in system.css*/
/*for menubox in sidenav header*/
[class^="si-"]:before,
[class*=" si-"]:before{
    margin: 0;
    line-height: inherit;
    font-size: 100%;
}
/*For Modal popup vertical alignment*/
.modal{
    text-align:center;
    padding-right:4px !important;
}
.user-profile-area .modal{top: 0;}
.modal::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle;
}
.modal-dialog{
    display:inline-block;
    vertical-align:middle;
    text-align:left;
}
/*END For Modal popup vertical alignment*/
/*Page styling*/
#page{
    position: relative;
    height: 100%;
    padding: 0 0 52px;
    display: flex;
    flex-direction: column;
}
/*End Page styling*/
/*Scroll bar styling*/
*{scrollbar-color:#dfdfdf #bebebe;scrollbar-width:thin;}
*::-webkit-scrollbar {width: 1.5rem;height: 1.5rem;border-radius:1rem;}
*::-webkit-scrollbar-track {background:transparent;border-radius:1rem;}
*::-webkit-scrollbar-thumb {background-color: #bebebe;border-radius:1rem;border:0.45rem solid transparent; background-clip:padding-box;}
*::-webkit-scrollbar-thumb:hover {border:0;}
/*End Scroll bar styling*/
/*Color bar on page top styling*/
.color-bar {
    width: 100%;
    height: 1px;
    z-index: 906;
    position: fixed;
    top:0;
}
.color-bar.staging {background: #bc2d15;}
.color-bar.demo {background: #37ac00;}
.color-bar.live {background: #0098fa;}
/*END Color bar on page top styling*/
/*cookies policy*/
.cookies-visible #page{padding-bottom: 66px;}
#cookies{
    position: fixed;
    bottom: 0;
    width:100%;
    background: #474544;
    z-index: 905;
    text-align: center;
}
#cookies .cookies-holder{padding:15px 0;}
#cookies .cookies-text{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    font-weight:300;
    color:#fff;
}
#cookies .cookies-link{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    font-weight:bold;
}
#cookies a{
    text-decoration: underline;
    color:#fff;
}
#cookies a#close_cookies{
    text-decoration: none;
    padding: 6px 13px;
    margin-left: 10px;
    border-radius: 3px;
    background: #1992e6;
    font-size: 16px;
    display: block;
    font-weight: 100;
}
/*END cookies policy*/
/*Custom scroll styling*/
.custom-scroll .enscroll-track {background: transparent;}
.custom-scroll .vertical-handle{
    width:8px;
    background:#000;
    opacity:0.1;
    border-radius:10px;
}
/*END Custom scroll styling*/
/*Overlay*/
body.modal-open .modal-backdrop {
    background-color: #000;
    /*Commented for Issue in IE*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*position: fixed;*/
    /*right: 0;*/
    /*top: 0;*/
}
.ui-widget-overlay {
    background-color: #000;
    opacity: 0.5;
}
/*End Overlay*/
/*Header Styling*/
#header {
    height: 64px;
    padding-top: 5px;
}
#header .header-frame{
    width: 100%;
    height: 59px;
    text-align: center;
}
.header-frame .logo-area{float: left;}
#header #logo{
    float: left;
    display: block;
    max-width: 210px;
    width: auto;
    height: 50px;
    margin: 7px 9px 0;
    overflow: hidden;
}
#header #logo .logo-table{
     display: table;
     margin: 0 auto;
}
#logo a{
    display: table-cell;
    vertical-align: middle;
    height: 45px;
}
#logo img{
    display: block;
    width:auto;
    height: auto;
    max-width: 210px;
    max-height: 43px;
    padding: 0;
}
.selected-location{
    display: block;
    font-size: 13px;
    color: #333;
}
#header .selected-location{
    display: inline-block;
    vertical-align: middle;
    height: 60px;
    line-height: 60px;
}
.selected-location:before{
    content: '\e816';
    display: inline-block;
    vertical-align: middle;
    font-family: fontello;
    margin: -7px 3px 0 0;
    color: #0097f7;
}
#header .header-content{
    float: right;
    margin-top: 11px;
    display: flex;
}
.header-content .btn-header-holder{
    display: inline-block;
    vertical-align: top;
}
.header-content .btn-header-holder.location-area{position: relative;}
.header-content .btn-header-holder.location-area .change-timezone li a{white-space: normal;word-break: break-word;cursor: pointer;}
.header-content .btn-header-holder.location-area .change-timezone li a:hover{background: #f5f5f5;}
.header-content .btn-header-holder.location-area .change-timezone li.active a:hover{background: #cdc6c6;}
.header-content .btn-header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px 0 0;
    height: 36px;
    width: 36px;
    background: #f8f8f8;
    border: 1px solid #999;
    cursor: pointer;
    text-align: center;
    font-size: 17px;
    color: #333;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    overflow: hidden;
}
.header-content #hide-menu .btn-header{line-height: 35px;}
.header-content #hide-menu i{font-size: 14px;}
.hidden-menu .header-content #hide-menu .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
}
.header-content #activity.btn-header{position: relative;}
.header-content .btn-header.emergency{color: red;}
.header-content .btn-header.exclamation{color: #e1880e;}
.header-content .btn-header.bolt{color: #178fec;}
.header-content .btn-header.payment{
    background: #0091d8;
    color: #fff;
    line-height: 32px;
}
#header .payment.expire{background: #fd3333;}
#header .country_lang{position: relative;}
#header .country_lang .btn-header{
    position: relative;
    line-height: 33px;
    background-color: #f8f8f8;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:linear-gradient(top,#f8f8f8,#f1f1f1)
}
.header-content .btn-header .si-icon {line-height: 1;}
.country_lang .btn-header .flag{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -8px;
    text-indent: -9999px !important;
}
.country_lang ul .flag{margin-top: -2px;}
.country_lang .selected_lang{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 2px -7px;
    display: block;
    font-size: 13px;
    line-height: normal;
    color: #000;
    text-transform: lowercase;
}
#header .change-timezone li.active a,
#header .country_lang li.active a{position:relative;}
#header .change-timezone li.active a:before,
#header .country_lang li.active a:before{
    content:'\f00c';
    font-family:FontAwesome;
    color:#fff;
    font-size:11px;
    position:absolute;
    left:4px;
    top:5px;
}
#header .ajax-dropdown{
    left: auto;
    right: 10px;
    width: 245px;
}
#header .notification-body .from{margin-right:75px;}
#header .notification-body .btn-action a{
    font-size: 15px;
    cursor: pointer;
}
.header-dropdown-list > li{ padding-right: 0;}
/*END Header Styling*/
/*Header profile styling*/
#header .profile{position: relative;}
#header .profile button{
    padding: 0;
    margin-right: 0;
}
#header .profile button > span{
    width: 34px;
    height: 34px;
    background-position: 0 0;
    background-size: 34px 34px;
    overflow: hidden;
    display: block;
    position: relative;
    border-radius: 50%;
}
#header .profile .slide-content{
    position: absolute;
    top: 48px;
    right: -3px;
    width: 250px;
    background: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.29);
    z-index: 99;
    font-size: 12px;
    color: #666;
}
#header .profile .slide-content:before{
    content: '';
    position: absolute;
    top: -14px;
    right: 12px;
    border: 6px solid rgba(0,0,0,0.37);
    width: 0;
    height: 0;
    margin-top: 0px;
    z-index: 9;
    border-color: transparent transparent rgba(0,0,0,0.27) transparent;
    filter: blur(1px);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    -o-filter: blur(1px);
}
#header .profile .slide-content:after{
    content: '';
    position: absolute;
    top: -14px;
    right: 11px;
    border: 7px solid #f7f7f7;
    width: 0;
    height: 0;
    margin-top: 0px;
    z-index: 9;
    border-color: transparent transparent #f7f7f7 transparent;
}
#header .profile .slide-content .profile-image{
    width: 90px;
    height: 90px;
    margin: 15px auto 10px;
}
#header .profile .slide-content .profile-image img{
    padding: 1px;
    background:#b2b2b2;
    width: 100%;
    height: 100%;
    border-left: none !important;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color:#b2b2b2;
}
#header .profile .slide-content .display-name{
    display: block;
    margin: 0 0 8px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}
#header .profile .slide-content ul{
    margin: 0;
    padding: 0 8px;
    font-size: 15px;
}
#header .profile .slide-content li{
    border-top: 1px solid #E2E0E0;
    padding: 5px 0;
}
#header .profile .slide-content a{
    display: block;
    color: #666;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 8px;
    line-height: inherit !important;
}
#header .profile .slide-content li:hover a {background: #ededed;}
#header .profile .slide-content i{
    margin-right: 10px;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1;
}
/*END Header profile styling*/
/*Fixed position styling*/
.fixed-header #header{z-index: 905;}
.fixed-ribbon #ribbon{
    top: 60px;
    left: 44px;
    z-index: 905;
}
.hidden-menu.fixed-ribbon #ribbon{left: 42px;}
/*END Fixed position styling*/
/*Header notifications*/
#notifications_area .mCSB_inside>.mCSB_container{margin: 0;}
#notifications_area #total_notifications{
    position: absolute;
    top: -7px;
    right: -7px;
    background: #fff;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    font-size: 9px;
    line-height: 18px;
    border: 1px solid #999;
    color: #333;
}
#notifications_area .dropdown-menu{
    width: 400px;
    padding: 0;
    top: 63px;
    animation: none;
}
#notifications_area .notification_scroll{
    max-height: 300px;
    overflow: auto;
}
#notifications_area .notification_scroll .mCustomScrollBox{max-height: 300px !important;}
#notifications_area .notification-header{
    background: #0092c2;
    padding: 15px 20px;
}
#notifications_area .notification-header h2{
    float: left;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
}
#notifications_area .notification-header .notification_close{
    float: right;
    font-size: 24px;
    line-height: 1;
    color: #fff;
}
#notifications_area .notification_body{
    background: #f5f7f9;
    min-height: 300px;
    padding: 10px 0;
}
#notifications_area .nav-tabs{
    margin:0 0 10px;
    padding:2px 0;
    background: #fff;
}
#notifications_area .nav>li>a {
    margin: 0 10px;
    padding: 6px 10px 7px;
    color: #0072c2;
}
#notifications_area .nav-tabs>li.active>a,
#notifications_area .nav-tabs>li.active>a:focus,
#notifications_area .nav-tabs>li.active>a:hover{
    border: 0;
    background: transparent;
}
#notifications_area .nav-tabs>li>a:hover{
    box-shadow: 0 2px 0 rgba(111, 124, 135, 0.3);
    background: transparent;
    border-color: transparent;
}
#notifications_area .nav-tabs>li.active>a{box-shadow: 0 2px 0 #0072c2;}
#notifications_area .tab-content{padding: 0 10px;}
#notifications_area .notification{
    margin-bottom:4px !important;
    padding: 10px 20px;
    background: #fff;
}
#notifications_area .notification_icon{
    float: left;
}
#notifications_area .notification_right{
    float: left;
    width: 310px;
    padding: 0 0 0 20px;
}
#notifications_area .notification_right h3{
    color: #0072c2;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 5px;
}
#notifications_area .all_notifications{
    display: block;
    border: 1px solid #b3b3b3;
    color: #0072c2;
    text-align: center;
    padding: 10px;
    margin: 15px 22px;
    border-radius: 2px;
}
/*END Header notifications*/
a.view_preview{
    display: block;
    border: 1px solid #b3b3b3;
    color: #0092c2;
    text-align: center;
    padding: 10px;
    margin: 15px 22px;
    border-radius: 2px;
}
a.view_preview:hover{
    background: #fff;
    color:#0092c2;
}

/*Main div styling*/
#main{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    top: -1px;
    margin-left: 44px;
    padding: 0;
    min-height: auto !important;
    height: calc(100% - 64px);
}
.hidden-menu #main{margin-left: 44px;}
#content{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    max-height: calc(100% - 40px);
    padding: 0 14px;
    overflow: auto;
    opacity: 1 !important;
}
/*END Main div styling*/

/*Side bar styling*/
#left-panel{
    height: 100%;
    width: 44px;
    padding-top: 65px;
    overflow: hidden;
    transition: 0.5s;
    -webkit-stransition: 0.5s;
}
.hidden-menu #left-panel{
    left: 0;
    width: 220px;
    transition: 0.5s;
    -webkit-stransition: 0.5s;
}
#left-panel .side-nav-holder{height: 100%;}
#left-panel .login-info{border: 0;}
#left-panel .side-nav-holder .navScroller{width:100%;height: 40px;position:absolute;text-align: center;font-size: 20px;line-height: 40px;color:#fff;cursor: pointer;z-index: 9;background: linear-gradient(to right,#3a3633 93%,#2a2725 100%);}
#left-panel .side-nav-holder .sidebar-navigation {
    position: relative;
    width: 220px;
    max-height: calc(100vh - 142px);
    overflow: auto;
}
#left-panel .side-nav-holder .sidebar-navigation{scrollbar-color:transparent transparent;scrollbar-width:thin;}
#left-panel .side-nav-holder .sidebar-navigation::-webkit-scrollbar {width: 0.1em;height: 0.1em;}
#left-panel .side-nav-holder .sidebar-navigation::-webkit-scrollbar-track {background:transparent;}
#left-panel .side-nav-holder .sidebar-navigation::-webkit-scrollbar-thumb {background-color: transparent;}
#left-panel .side-nav-holder nav > ul > li {
    border-bottom: 1px solid #1a1817;
    border-top: 1px solid #525151;
}
#left-panel .side-nav-holder nav > ul > li:first-child{border-top: 0;}
#left-panel .side-nav-holder nav ul li a{
    padding-bottom: 7px;
    padding-top: 7px;
    background: transparent !important;
    display: flex;
    align-items: center;
}
#left-panel .side-nav-holder nav ul li a.panel{
    margin-bottom: 0;
}
#left-panel .side-nav-holder nav ul li a.dashboard{
    padding-top: 10px;
    padding-bottom: 10px;
}
nav.sidebar-navigation ul ul li a{padding-left: 10px;}
nav.sidebar-navigation ul li.active>a:before{
    display: none;
    content: "\f104";
    background: #f3f3f3;
    color: #0197f8;
    width: 10px;
    height: 20px;
    top: 5px;
    right: -10px;
    line-height: 19px;
    padding-left: 1px;
}
.hidden-menu #left-panel nav.sidebar-navigation ul ul li a.scan-devices{
    display: table;
}
.hidden-menu #left-panel nav.sidebar-navigation ul ul li a{padding-left: 10px;overflow: hidden;}
.sidebar-navigation ul li .collapse-sign{display: none;}
.sidebar-navigation ul li .item-image{
    display: inline-block;
    vertical-align: baseline;
    margin: 0 15px 0 0;
    width: 18px;
    height: 18px;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
}
.sidebar-navigation ul li .item-image.si-notifications_new{font-size: 12px;}
.sidebar-navigation ul li .item-image.si-compliance{font-size: 17px;}
.hidden-menu #left-panel .sidebar-navigation ul li .menu-item-parent{display: inline-block;}
nav.sidebar-navigation ul ul{
    left: 45px;
    position: absolute;
    width: 230px;
    margin-top: -33px;
    background: #454545;
}
nav.sidebar-navigation >ul>li>ul::before,
nav.sidebar-navigation >ul ul li::before{display: none;}
.hidden-menu #left-panel nav.sidebar-navigation ul ul{
    position: relative;
    left: 0;
    width: 100%;
    margin-top: 0;
}
#left-panel .side-nav-holder nav ul li ul a > span{
    display: block;
    margin: 5px 0 0;
    overflow: hidden;
}
#left-panel .side-nav-holder nav ul li ul a .si-icon{
    float: left;
    position: relative;
    margin-top: 5px;
    margin-right: 10px;
}
#left-panel .side-nav-holder nav ul li ul a .si-icon:before{
    display: block;
    font-family: fontello;
    width: auto;
}
#left-panel .side-nav-holder nav ul li ul a .si-icon.template:before{content: '\E809'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.videos:before{content: '\ec74'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.template_extender:before{content: '\E8BB'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.user-requests:before{content: '\E929'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.safety:before{content: '\E873'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.agreements:before{content: '\E839'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.messages:before{content: '\E870'}
/*#left-panel .side-nav-holder nav ul li ul a .si-icon.badges:before{content: '\E870'}*/
#left-panel .side-nav-holder nav ul li ul a .si-icon.users:before{content: '\E876'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.secure_fields:before{content: '\E88B'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.groups:before{content: '\E86D'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.roles:before{content: '\E873'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.watchlist:before{content: '\ee56'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.access_point_stock:before{content: '\E868'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.workflow:before{content: '\EA38'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.licenses:before{content: '\E86E'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.client_alias:before{content: '\E87B'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.enroll_attendance_config:before{content: '\E8B7'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.packages:before{content: '\E871'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.lookups:before{content: '\E86F'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.system_settings:before{content: '\E818'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.category_management:before{content: '\E86A'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.task_scheduler:before{content: '\E875'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.audit_log:before{content: '\E869'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.error_log:before{content: '\E88A'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.user_notification:before{content: '\E820'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.locations:before{content: '\E816'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.my_clients:before{content: '\E87A'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.contacts:before{content: '\E86B'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-tenant:before{content: '\E91E'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-property:before{content: '\E91A'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-access-points:before{content: '\E924'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.license_info:before{content: '\E86E'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.access_points:before{content: '\E921'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.company_info:before{content: '\F086'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.assets:before{content: '\E810'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.qr_codes:before{content: '\E872'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.fire:before{content: '\E803'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.daily_visitor_report:before {content: '\E878'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.attendance_report:before{content: '\EA04'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.driver_icon:before{content: '\E948'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.visitor_analytics_report:before {content: '\E87D'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.building_managers_report:before {content: '\E87C'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.access_point_report:before{content: '\EA44'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.daily_leave_report:before {content: '\E87F'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.daily_absent_report:before {content: '\E880'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.access_point_report_user:before{content: '\E87E'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.enrollment_invitations:before{content: '\E881'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.daily_status_report:before{content: '\E882'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.pending_response_report:before{content: '\E884'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.late_report:before{content: '\E886'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.early_out_report:before{content: '\E885'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.event_attendance_report:before{content: '\E88C'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.forms:before{content: '\E889'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.domain_configurations:before{content: '\E888'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.independent_contractor_report:before{content: '\E89F'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.woped_profiles:before{content: '\e8e8'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.daily_contractor_report:before{content: '\e8a4'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.daily_contractors:before{content: '\E8A4'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.enrollment_invitations:before{content: '\E881'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.user_access_point_report:before{content: '\EA43'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.badge_printing_report:before{content: '\E8A9'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.pass_expiry:before{content: '\E8AB'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.pass_auto_renew_report:before{content: '\E8AB'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.badges_returns:before{content: '\E8AA'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.auto_logout:before{content: '\E8AD'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.traffic_details_associates:before{content: '\E8C1'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.traffic_details_contractors:before{content: '\E8C2'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.traffic_details_visitors:before{content: '\E8C3'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.total_traffic_details:before{content: '\E8C0'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.blacklist:before{content: '\E8D1'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-badge_not_return_report:before{content: '\e999'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.wiped_profiles:before{content: '\e8e8'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-zone-management:before{content: '\e916'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-redirects:before{content: '\e919'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-labels:before{content: '\EA6C'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-consents:before{content: '\E949'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.driver-sign-in:before{content: '\E94A'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-no-demorngan-drivers:before{content: '\E94B'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-facility-visitor-log:before{content: '\E94C'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-vouch:before{content: '\EA97'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-high-value-cage:before{content: '\EA9C'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-drvier-sign-in:before{content: '\EA9B'}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-high-value-cage-report:before{content: '\ea9c';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-rfid:before{content: '\ea94';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-cloudgate_apps:before{content: '\e953';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-traffic-today-associates:before{content: '\e8c1';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-admin-setting:before{content:'\EBE0';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-beacon:before{content: '\e9a6';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-visitors:before{content: '\e821';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-guest:before{content: '\e854';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-pickup_drop_off_count_report_icon:before{content: '\ebdb';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-attendance_report:before{content: '\eaa2';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-vouch_report:before{content: '\e95f';}
#left-panel .side-nav-holder nav ul li ul a .si-icon.si-chart-line:before{content: '\f201';}
/*END Sidebar Styling*/
/*Main heading Styling*/
.page-title{
    margin: 20px 0 12px;
    font-weight: 400;
    display: table;
    text-transform:capitalize;
    letter-spacing: 0;
}
.page-title span,
.page-heading span{vertical-align: middle;line-height: 26px;}
.page-title span.item-image,
.page-heading span.item-image{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin-right: 7px;
    text-align: center;
    font-size: 25px;
    line-height: 26px;
    color: #4c4f53;
}
.page-title span.item-image img{ display: block;}
.page-title span.date-holder{
    margin: 0 0 0 10px;
    font-size: 13px;
    color: #666;
}
/*END Main Heading Styling*/
/*Footer Styling*/
.page-footer{
    position: fixed;
    padding: 10px 238px 0 10px;
    background: #fafafa;
    border: 0;
    color: #a5a5a5;
    height: 40px;
    font-size: 13px;
    border-top: 1px solid #e6e5ea;
    /*z-index: 904;*/
}
.hidden-menu .page-footer{padding-left: 10px;}
.page-footer .soloinsight-logo {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin-top: -1px;
    margin-right: 6px;
}
.page-footer .txt-color-white a{color: #fff; }
.page-footer .txt-color-white a:hover{text-decoration: underline; }
.footNav {
    display: flex;
    display: none;
    align-items: center;
    align-content: center;
}
.footNav a {
    display: flex;
    align-items: center;
    border-left: 1px solid #e6e5ea;
    background: #fff;
    width: 40px;
    height: 40px;
    padding: 0 5px;
    margin: -10px 0 0;
    align-content: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
    color: #000;
}
.footNav a:hover,
.footNav a:active {
    color: #0092c2;
    background: #fafafa;
}
/*END Footer Styling*/
/*info styling*/
.info-message{
    display: inline-block;
    vertical-align: middle;
    color: #bebebe;
    line-height: 1;
    font-size: 15px;
    cursor: pointer;
}
/*Messge Box area*/
.messageBox{
    border:1px solid #e8e9eb;
    padding:12px 20px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}
.messageBox .si-icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.messageBox p {
    display: inline-block;
    vertical-align: top;
}
.messageBox.info{
    border:1px solid #a8c4dc;
    background: #eaf8fb;
}
.messageBox .si-icon.si-ok-circle {color: #74bd51;}
.variable{
    background: #33cc33;
    border-radius: 200px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
    margin-right: 3px;
    padding: 3px 7px;
}
/*END info styling*/
/*CloudGate text styling*/
.cloudGate{
    display:inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    text-transform: none;
}
.cloudGate em{
    font-style:normal;
    font-weight:normal;
}
.cloudGate sup{
    top: -1.5em;
    font-size: 33%;
    display: none;
}
/*END CloudGate text styling*/
/*buttons styling*/
.btn{
    line-height: 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.close-button{
    position: absolute;
    right: 5px;
    z-index: 9;
}
.btn-primary{
    background: #fff;
    border-color: #0092c2;
    color: #0092c2;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    top: 0 !important;
    left: 0 !important;
    border-radius:50px;
    -webkit-border-radius: 50px;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary[disabled]:hover,
.btn-primary.disabled:hover,
.btn-primary.active,
.btn-primary.focus,
.open>.dropdown-toggle.btn-primary{
    background: #0092c2;
    border-color: #0092c2;
    color: #fff;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
}
/*This Css is for VMM-343 QA mention to do this*/
.btn-primary:focus{
    background: #fff;
    border-color: #0092c2;
    color: #0092c2;
}
/*End*/
.btn-primary[disabled],
.btn-primary.disabled,
.btn-primary[disabled]:hover,
.btn-primary.disabled:hover{
    background: #b2b2b2;
    color: #fff;
    border-color: #b2b2b2;
}
.btn-primary.selected{
    background-color: #0092c2;
    border-color: #0092c2;
    color: #fff;
}
.btn-cancel{
    background: #fff;
    border-color: #999999;
    color: #999999;
}
.grid_slide_content  .btn-primary,
.grid_slide_content  .btn-danger{
    min-width: 100px;
    font-size: 15px;
}
.btn.btn-green, .btn.btn-green2{
    min-width: 110px;
    padding: 7px;
    margin-top: 0;
    background-color: #fff;
    border-color: #29c50b;
    border-radius:50px;
    color: #29c50b;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
}
.btn.graybtn{
    background-color: #ccc !important;
}
.btn.btn-green:hover,
.btn.btn-green:active,
.btn.btn-green:focus,
.btn.btn-green:visited,
.btn.btn-green:disabled,
.btn.btn-green.disabled,
.btn.btn-green[disabled]:hover,
.btn.btn-green.disabled:hover{
    background-color: #29c50b !important;
    border-color: #29c50b !important;
    color: #fff !important;
}
.btn.btn-danger{
    background: #fff;
    border-color: #d51c1c;
    color: #d51c1c;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    top: 0 !important;
    left: 0 !important;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:visited,
.btn-danger:disabled,
.btn-danger.disabled,
.btn-danger[disabled]:hover,
.btn-danger.disabled:hover{
    background: #d51c1c;
    border-color: #d51c1c;
    color: #fff;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
}
.custom-btn{
    background: #fff;
    color: #0092c2;
    margin: 5px 0 0 7px;
    line-height: 20px;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #0092c2;
    top: 0;
    left: 0;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
}
.custom-btn:hover,
.custom-btn:focus,
.custom-btn:active{
    background-color:#0092c2 !important;
    color: #fff !important;
    top: 0;
    left: 0;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
}
.custom-btn .btn-text{vertical-align: bottom;}
.btn.custom-btn .fa{display: none;}
.btn.custom-btn .si-icon{
    vertical-align: bottom;
    margin-right: 7px;
    font-size: 13px;
}
.btn.custom-btn .si-icon.si-bulk-invitee{font-size: 15px;}
.btn.custom-btn .si-settings-1{color: #0092c2;}
.btn.custom-btn:hover .si-settings-1{color: #fff;}
.export_record .btn{
    background: transparent;
    border-color: transparent;
    color: #0092c2;
    font-size: 14px;
    -webkit-box-shadow: 0 0 transparent;
    -moz-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent;
    top: 0;
    left: 0;
}
.export_record .btn .si-excel{color: green;}
.export_record .btn .si-pdf{color: red;}
.export_record .btn:hover, .export_record .btn:active, .export_record .btn:focus{
    background: transparent !important;
    border-color: transparent !important;
    color: #0092c2 !important;
    -webkit-box-shadow: 0 0 transparent;
    -moz-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent;
}
.btn-round{border-radius: 50px !Important;} /*class added for buttons update*/
/*End buttons styling*/
/*Calendar styling*/
.range_picker_wrapper{position: relative;}
.range_picker_wrapper .bootstrap-datetimepicker-div{
    background: none;
    border: 0 none;
    padding: 0;
    font-size: 14px;
    line-height: 32px;
}
.range_picker_wrapper .fa-calendar {
    font-size: 16px;
    position: relative;
    right: 5px;
    top: 1px;
}
/*END Calendar styling*/
.add-btn-margin{margin-bottom: 5px;}
.modal-content > section{padding:10px 14px;}
option{padding: 4px 15px;}
/*css for large popup view*/
.modal-dialog.extra-large {
    margin: 30px auto;
    width: 860px;
}
/*END css for large popup view*/
.panel-body{padding:15px;}
.no-padding .panel{box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05);}
.no-padding.collapse_style .panel{box-shadow: none;}
.modal-content .jarviswidget .modal-body{padding-top: 0;}
/* Datetime picker For Frequency Configurations*/
.ui-timepicker-div .ui_tpicker_unit_hide,
.ui-timepicker-div .ui_tpicker_unit_hide:before{ display: none; }
/*END Datetime picker For Frequency Configurations*/
/*Checkbox, radiobox color update*/
.smart-form .checkbox input:checked+i, .smart-form .radio input:checked+i, .smart-form .toggle input:checked+i{
    border-color: #0092c2;
}
.smart-form .checkbox input+i, .smart-form .radio input+i{
    box-sizing: content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
}
.smart-form .checkbox input+i:after{
    font-size: 13px;
    /*line-height: 23px;*/
    color: #0092c2;
}
/*END Checkbox, radiobox color update*/
/*"Domain Name" styling in "Add Client"*/
.domain-area .http label,
.domain-area .d_url label{
    line-height: 32px !important;
    text-transform: lowercase;
}
.domain-area .http label:first-letter,
.domain-area .d_url label:first-letter {text-transform: lowercase;}
.domain-area .http{float: left;}
.domain-area .d_name{
    overflow: hidden;
    padding: 0 5px;
}
.domain-area .d_url{float: right;}
/*END "Domain Name" styling in "Add Client"*/
/*margin classes*/
.margin0{margin:0px !important;}.top0{margin-top: 0px !important;}.top1{margin-top: 1px !important;}.top2{margin-top: 2px !important;}.top3{margin-top: 3px !important;}.top4{margin-top: 4px !important;}.top5{margin-top: 5px !important;}.top6{margin-top: 6px !important;}.top7{margin-top: 7px !important;}.top8{margin-top: 8px !important;}.top10{margin-top: 10px !important;}.top12{margin-top: 12px !important;}.top15{margin-top: 15px !important;}.top17{margin-top: 17px !important;}.top20{margin-top: 20px !important;}.top23{margin-top: 23px !important;}.top25{margin-top: 25px !important;}.top30{margin-top: 30px !important;}.top35{margin-top: 35px !important;}.top40{margin-top: 40px !important;}.top50{margin-top: 50px !important;}.top55{margin-top: 55px !important;}.top70{margin-top: 70px !important;}.bottom0{margin-bottom: 0px !important;}.bottom1{margin-bottom: 1px !important;}.bottom3{margin-bottom: 3px !important;}.bottom5{margin-bottom: 5px !important;}.bottom6{margin-bottom: 6px !important;}.bottom7{margin-bottom: 7px !important;}.bottom10{margin-bottom: 10px !important;}.bottom12{margin-bottom: 12px !important;}.bottom15{margin-bottom: 15px !important;}.bottom17{margin-bottom: 17px !important;}.bottom20{margin-bottom: 20px !important;}.bottom22{margin-bottom: 22px !important;}.bottom25{margin-bottom: 25px !important;}.bottom30{margin-bottom: 30px !important;}.bottom33{margin-bottom: 33px !important;}.bottom35{margin-bottom: 35px !important;}.bottom50{margin-bottom: 50px !important;}.right43{margin-right: 43px !important;}.right0{margin-right: 0px !important;}.right1{margin-right: 1px !important;}.right3{margin-right: 3px !important;}.right5{margin-right: 5px !important;}.right7{margin-right: 7px !important;}.right10{margin-right: 10px !important;}.right13{margin-right: 13px !important;}.right20{margin-right: 20px !important;}.right21{margin-right: 21px !important;}.right22{margin-right: 22px !important;}.right25{margin-right: 25px !important;}.right26{margin-right: 26px !important;}.right30{margin-right: 30px !important;}.right35{margin-right: 35px !important;}.right37{margin-right: 37px !important;}.right40{margin-right: 40px !important;}.right43{margin-right: 43px !important;} .right70{margin-right: 70px !important;}.right90{margin-right: 90px !important;}.left0{margin-left: 0px !important;}.left1{margin-left: 1px !important;}.left3{margin-left: 3px !important;}.left5{margin-left: 5px !important;}.left7{margin-left: 7px !important;}.left10{margin-left: 10px !important;}.left12{margin-left: 12px !important;}.left13{margin-left: 13px !important;}.left15{margin-left: 15px !important;}.left16{margin-left: 16px !important;}.left20{margin-left: 20px !important;}.left25{margin-left: 25px !important;}.left30{margin-left: 30px !important;}.left40{margin-left: 40px !important;} .right15{margin-right:15px !important;}.margin-top0{margin-top: 0 !important;}.margin-top5{margin-top:5px !important;}.margin-top10{margin-top:10px !important;}.margin-top12{margin-top:12px !important;}.margin-top2{margin-top: 2px !important;}.margin-top9{margin-top: 9px !important;} .margin-bottom5{margin-bottom: 5px !important;}.margin-bottom10{margin-bottom: 10px !important;}.margin-bottom15{margin-bottom: 15px !important;}.margin-bottom22{margin-bottom: 22px !important;} .margin10{margin:10px !important;} .margin20{margin:20px !important;} .margin-left5{margin-left:5px !important;} .margin-left1{margin-left:1px !important;} .margin-left10{margin-left:10px !important;} .margin-left12{margin-left:12px !important;} .margin-left20{margin-left:20px !important;} .margin-right20{margin-right:20px !important;} .margin-right7{margin-right:7px !important;} .margin-bottom0{margin-bottom:0px !important;}
/*END margin classes*/
/*Padduing classes*/
.padding20{padding:20px;}.padding35{padding:35px;}.padding-left0{padding-left:0px !important;}.padding0{padding: 0px !important;}.padding-top0{padding-top: 0 !important;}.padding-top40{padding-top: 40px !important;}.padding-top50{padding-top: 50px !important;}.padding-top60{padding-top: 60px !important;}.padding-top70{padding-top: 70px !important;}.padding-top120{padding-top: 120px !important;}.padding5{padding: 5px !important;}.padding50{padding: 50px !important;}.padding20{padding: 20px !important;}.padding10{padding: 10px !important;} .padding10{padding: 10px !important;}.padding15{padding: 15px !important;}.padding11{padding: 11px !important;}.padding-left2{padding-left: 2px !important;}.padding-left3{padding-left: 3px !important;}.padding-left5{padding-left: 5px !important;}.padding-left6{padding-left: 6px !important;}.padding-left7{padding-left: 7px !important;}.padding-left8{padding-left: 8px !important;}.padding-left10{padding-left: 10px !important;}.padding-left12{padding-left: 12px !important;}.padding-left13{padding-left: 13px !important;}.padding-left15{padding-left: 15px !important;}.padding-left16{padding-left: 16px !important;}.padding-left18{padding-left: 18px !important;}.padding-left20{padding-left: 20px !important;}.padding-left25{padding-left: 25px !important;}.padding-left28{padding-left: 28px !important;}.padding-left30{padding-left: 30px !important;}.padding-left40{padding-left: 40px !important;}.padding-left32{padding-left: 32px !important;}.padding-left34{padding-left: 34px !important;}.padding-right0{padding-right: 0px !important;}.padding-right2{padding-right: 2px !important;}.padding-right3{padding-right: 3px !important;}.padding-right5{padding-right: 5px !important;}.padding-right8{padding-right: 8px !important;}.padding-right10{padding-right:10px !important;}.padding-right11{padding-right:11px !important;}.padding-left17{padding-left:17px !important;}.padding-right17{padding-right:17px !important;}.padding-right12{padding-right: 12px !important;}.padding-right15{padding-right: 15px !important;}.padding-right24{padding-right: 24px !important;}.padding-right20{padding-right: 20px !important;}.padding-right22{padding-right: 22px !important;} .padding-right25{padding-right: 25px !important;}.padding-right28{padding-right: 28px !important;}.padding-right30{padding-right: 30px !important;}.padding-right31{padding-right: 31px !important;}.padding-right40{padding-right: 40px !important;}.padding-right50{padding-right: 50px !important;}.padding-right42{padding-right: 42px !important;}.padding-right86{padding-right: 86px !important;}.padding-right81{padding-right:81px !important;}.padding-bottom0{padding-bottom: 0 !important;}.padding-bottom3{padding-bottom: 3px !important;}.padding-bottom4{padding-bottom: 4px !important;} .padding-bottom5{padding-bottom: 5px !important;}.padding-bottom8{padding-bottom: 8px !important;}.padding-bottom9{padding-bottom: 9px !important;}.padding-bottom10{padding-bottom: 10px !important;}.padding-bottom12{padding-bottom: 12px !important;}.padding-bottom15{padding-bottom: 15px !important;}.padding-bottom16{padding-bottom: 16px !important;}.padding-bottom17{padding-bottom: 17px !important;} .padding-bottom18{padding-bottom: 18px !important;}.padding-bottom20{padding-bottom: 20px !important;}.padding-bottom21{padding-bottom: 21px !important;}.padding-bottom6{padding-bottom: 6px !important;}.padding-bottom7{padding-bottom: 7px !important;}.padding-top2{padding-top: 2px !important;}.padding-top4{padding-top: 4px !important;}.padding-top5{padding-top: 5px !important;}.padding-top6{padding-top: 6px !important;}.padding-top3{padding-top: 3px !important;}.padding-top7{padding-top: 7px !important;}.padding-top8{padding-top: 8px !important;}.padding-top10{padding-top: 10px !important;}.padding-top12{padding-top: 12px !important;}.padding-top15{padding-top: 15px !important;}.padding-top16{padding-top: 16px !important;}.padding-top17{padding-top: 17px !important;}.padding-top18{padding-top: 18px !important;}.padding-top19{padding-top: 19px !important;}.padding-bottom16{padding-bottom: 16px !important;}.padding-bottom25{padding-bottom: 25px !important;}.padding-bottom30{padding-bottom: 30px !important;}.padding-bottom50{padding-bottom:50px !important;}.padding-bottom70{padding-bottom:70px !important;}.padding-top20{padding-top: 20px !important;}.padding-top25{padding-top: 25px !important;}.padding-top30{padding-top: 30px !important;}.padding-top35{padding-top: 35px !important;} .padding-top37{padding-top: 37px !important;}
/*END Padduing classes*/
/*border-classes*/
.border-0{border-width: 0 0 0 0 !important;}.no-border{border: 0 !important;}.no-left-border{border-left: 0 !important;}.no-right-border{border-right: 0 !important;}.border-left-1{border-width: 0 0 0 1px !important;}.border-right-1{border-width: 0 1px 0 0 !important;}
/*END border-classes*/
/*social profile button in application*/

/*font size classes*/
.font-size22{
    font-size:22px;
}
/*END font size classes*/

.social-profiles .btn{
    background: #d8d8d8;
    font-size: 24px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 100%;
    color: #fff;
    padding: 0;
}
.social-profiles .btn.facebook:hover{background: #3c5a99;}
.social-profiles .btn.twitter:hover{background: #7cc5f9;}
.social-profiles .btn.linkedin:hover{background: #007bb7;}
.social-profiles .btn.google:hover{background: #eb2629;}
.social-profiles .btn.amazon:hover{background: #f7951d;}
.social-profiles .btn.facebook.connect{background: #3c5a99;}
.social-profiles .btn.twitter.connect{background: #7cc5f9;}
.social-profiles .btn.linkedin.connect{background: #007bb7;}
.social-profiles .btn.google.connect{background: #eb2629;}
.social-profiles .btn.amazon.connect{background: #f7951d;}
/*END social profile button in application*/
.bootstrap-datetimepicker-div{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #969696;
    cursor: pointer;
    margin-bottom: 3px;
    padding: 2px 10px;
}
/*date and time styling*/
#refresh{float: right;}
#clockbox{
    color: #dbdbdb;
    margin-top: 2px;
    font-weight: 300;
}
#clockbox .time-span{font-size: 13px;}
#clockbox .date-span{font-size: 13px;margin-left: 10px;}
/*END date and time styling*/
#ribbon{background: #3a3633;}
#ribbon .breadcrumb{padding: 12px 34px 10px 0!important;}
#ribbon .breadcrumb, #ribbon .breadcrumb a {color: #dbdbdb!important;}
/*flat picker footer issue css*/
.flatpickr-calendar{visibility: hidden;max-height: 0;overflow: hidden;}
.flatpickr-calendar.open, .flatpickr-calendar.inline {opacity: 1;overflow: visible;visibility: visible;max-height: 565px;}
/*END flat picker footer issue css*/
.event_edit_icon{font-size: 16px; color: #afadad; float:left; margin-left: 10px;}
.smart-form .select2-container-multi .select2-container-disabled .select2-choices:hover{border-color: #ddd !important;}
.fire_status a, .fire_status_checkin a{pointer-events: none;}
.fire_status a.btn-green.managebtn{background-color:#29c50b !important;border-color: #29c50b;}
.fire_status a.btn-green.managebtn i{color:#fff;}
.fire_status a.btn-primary{background:#0092c2;color: #fff;}
.border-top-slide{border-top: 1px solid #eaeaec;}
.position-relative{position:relative !important;} .position-absolute{position:absolute !important;}.position-inherit{position:inherit !important;}
.color_333{
    color:#333;
}
.text-center{
    text-align: center !important;
}

.bold{
    font-weight:bold !important;
}

.color0092{
    color: #0092c2 !important;
}

.color_white{
    color: #fff !important;
}
.text-uppercase{
    text-transform: uppercase !important;
}

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

.no-background-color{
    background-color: transparent !important;
}
.margin-top-minus-15{
    margin-top:-15px !important;
}
.width130{
    width:130px !important;
}

.verticle_middle{
    vertical-align: middle !important;
}
.verticle_align_middle{
    vertical-align:middle !important;
}
.background33{
    background-color: #333 !important;
}

.group_slider_slide_44.cocacola .smart-form .checkbox input:checked+i, .group_slider_slide_44.cocacola .smart-form .radio input:checked+i, .group_slider_slide_44.cocacola .smart-form .toggle input:checked+i{
    border-color: #74bd51;
}

.group_slider_slide_44.cocacola .smart-form .checkbox input:checked+i:after, .group_slider_slide_44.cocacola .smart-form .radio input:checked+i:after{
    color: #74bd51;
}
.group_slider_slide_44.cocacola .smart-form .radio input+i:after {
    background-color:#74bd51;
}
.smart-form.credentials_visit_card .checkbox i, .smart-form.credentials_visit_card .radio i{
    width: 27px;
    height: 27px;
    top: -3px;
    left: -18px;
}
.smart-form.credentials_visit_card .checkbox input+i:after{
    font-size: 23px;
    line-height: 30px;
}
.display-inline{
    display: inline-block !important;
}
.display-table{
    display: table !important;
}
.display-table-cell{
    display: table-cell !important;
}
.position-right20{
    right:20px !important;
}
.position-right10{
    right:10px !important;
}
.cursor_default{
    cursor: default !important;
}

.bluetext{
    color: #0092c2 !important;
}

.verticl_top{
    vertical-align: inherit !important;
}

/*page menu*/
.top-area{
    border-bottom: 1px solid #e6e6e6;
    padding:60px 0 30px;
}
.page-title span.item-image, .page-heading span.item-image{
    display: table-cell;
    padding-right:10px;
}
.custom-search .form-control{
    height: 40px;
    line-height: 40px;
    border-color: #ccc;
    padding: 0 0 0 20px;
    color: #ccc;
    font-size: 14px;
    border-radius: 2px !important;
}
.grid-search .custom-search.visitor_search:before{
    top: 12px;
    right: 20px;
    color: #ccc;
}
/*button to toggle grid view and list view*/
.toggle-view{width: 116px;height: 60px;border-radius: 3px;text-align: center;line-height: 60px;border: 1px solid #42526e;}
.toggle-view a {float: left;width: 57px;font-size: 25px;color: #42526e;line-height: 58px;}
.toggle-view a:hover {color: #42526e;} .toggle-view a.active {background: #42526e;color: #fff;}
/*three (3) button to toggle*/
.toggle-view.features-selection{margin: 0 20px 0 0;width: 248px;text-align: center;}
.toggle-view.features-selection a {width: 82px;font-size: 15px;}

.sub_page{
    display: flex;
    flex: 1 1 auto;
    padding-left: 0;
    height: 100%;
}
.page_content{
    flex: 1 1 auto;
    overflow: auto;/*added if content goes out in small screen*/
    margin-top: 15px !important;
    transition: padding 200ms cubic-bezier(0.2, 0, 0 ,1) 0s; /*for sub menu animation*/
}
.pages-menu-box{
    display: flex;
    position: absolute;
    left:-240px;
    min-height: 100%;
    transition: left 200ms cubic-bezier(0.2, 0, 0 ,1) 0s;
    z-index: 1;
}
.sub_page.hover .pages-menu-box,
.sub_page.open .pages-menu-box{left:0;}
.sub_page.open .page_content{
    padding-left: 246px;
    transition: padding 200ms cubic-bezier(0.2, 0, 0 ,1) 0s;
}
.pages-menu-area{
    background: #fafbfc;
    margin: 0;
    cursor: default;
}
.pages-menu-area.inner-page{
    width: 240px !important;
    flex: 1;
}
.pages-menu-area.inner-page.view-2{
    /*height: 100%;
    border: 1px solid #e5e5e5;
    border-width: 0 1px 1px 0;*/
}
.pages-menu-area.inner-page .navScroller{width:100%;height: 34px;position:absolute;background:#fafafa;text-align: center;font-size: 20px;line-height: 34px;cursor: pointer;z-index: 9;}
.pages-menu-area.inner-page .pages-menu{padding: 0 0 50px;background: #fafafa;max-height: calc(100vh - 202px);overflow: auto;}
.pages-menu-area.inner-page .pages-menu{scrollbar-color:transparent transparent;scrollbar-width:thin;}
.pages-menu-area.inner-page .pages-menu::-webkit-scrollbar {width: 0.1em;height: 0.1em;}
.pages-menu-area.inner-page .pages-menu::-webkit-scrollbar-track {background:transparent;}
.pages-menu-area.inner-page .pages-menu::-webkit-scrollbar-thumb {background-color: transparent;}
#open-sub-menu-wrapper{
    background: #fafbfc;
    padding-right: 20px;
    cursor: pointer;
}
#open-sub-menu{
    width: 29px;
    height: 83px;
    position: absolute;
    right: -9px;
    cursor: pointer;
}
#open-sub-menu .open-sub-menu-button{
    display: block;
    width: 20px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-size: 14px;
    background: #0092c2;
    color: #fff;
}
.sub_page.open #open-sub-menu .open-sub-menu-button{background: #f1f1f1;color: #333;}
.pages-menu-box #open-sub-menu:hover .open-sub-menu-button{
    background: #0092c2;
    color: #fff;
}
#open-sub-menu .open-sub-menu-button:before{content:'\e902';}
.sub_page.open #open-sub-menu .open-sub-menu-button:before{content:'\f0c9';}
.pages-menu > li{padding-bottom: 60px;}
.pages-menu .parent-node{
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #1a1a1a;
}
.pages-menu li span{
    display: block;
    overflow: hidden;
    padding: 8px 0 0;
}
.pages-menu li .FlowupLabels .fl_wrap span{
    padding: 0;
    margin: 0;
    font-weight: normal;
    vertical-align: middle;
}
.container--body .FlowupLabels.option-with-image-box.location .option-with-image img{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    width: auto;
    height: auto;
    max-width: 32px;
    max-height: 32px;
    vertical-align: middle;
}
.pages-menu li .FlowupLabels .fl_wrap span.small{
    text-transform: inherit;
    font-size: 12px;
    line-height: 14px;
}
.container--body .FlowupLabels.location .fl_wrap .select2-container .select2-choice .select2-arrow{top: 28px;}
.pages-menu .si-icon{
    /*float: left;
    width: 40px;
    height: 40px;
    margin-right: 24px;
    font-size: 30px;
    line-height: 40px;
    color: #0092c2;*/ /*commented for no use*/
    line-height: 1;
    font-size: 100%;
}
.pages-menu .child-nodes li{
    padding:15px 0 0 57px;
    font-size: 16px;
    line-height: 20px;
    color: #1a1a1a;
}
.pages-menu .child-nodes li a{color: #1a1a1a;}
.pages-menu .child-nodes li a:hover{color: #1a1a1a;}
.pages-menu .child-nodes li p{color: #4d4d4d;}
.pages-menu .child-nodes li .item-desc .btn{
    display: none;
    float: right;
    width: 51%;
    padding: 1px 5%;
    border-radius: 9px;
    background: #9cc3d557;
    text-align: left;
    font-size: 11px;
    line-height: 17px;
    color: #4996d5;
    border: 0;
    box-shadow: 0 0 0 transparent;
    top: 0;
    left: 0;
}
.pages-menu .child-nodes li a:hover .item-desc .btn{display: block;}
.pages-menu .child-nodes li .item-desc .btn .si-icon {
    position: static;
    display: block;
    float: right;
    font-size: 10px;
    line-height: 1;
    width: auto;
    height: auto;
    margin: 4px 0 0;
    transform: none;
    border: 0;
    text-shadow: 0 0 transparent;
    background: transparent;
    color: #4996d5;
}

.pages-menu .child-nodes li .item-desc .btn:hover{
    background: #4996d5;
    color: #ebeff3;
}
.pages-menu .child-nodes li .item-desc .btn:hover .si-icon {color: #ebeff3;}
.pages-menu .child-nodes .si-icon{
    font-size: 24px;
    margin-right: 20px;
}
.pages-menu .child-nodes .si-icon.si-eventbrite_account_icon{color: #ec6520;}
.pages-menu .child-nodes .si-icon.si-slack_account_icon{color: #000;}
.pages-menu .child-nodes .si-icon.si-microsoft_azure_ad_icon{color: #fff;background: #0092c2;font-size: 34px;line-height: 36px;}
.pages-menu .child-nodes li span{padding-top: 12px;}
.pages-menu .item-desc{padding-top: 11px;}
/*Start pages menu tabs view*/
.tabs-view .pages-menu-area {background: transparent;}
.tabs-view .pages-menu > li{padding-bottom: 0;}
.tabs-view .pages-menu .child-nodes {position: relative;margin-bottom:1% !important;padding: 0 0 0 13.5% !important;}
.tabs-view .pages-menu .child-nodes li {padding: 0;font-size: 14px;line-height: 18px;color: #1a1a1a;float: left;width: 12.20%;border: 0;margin: 1% 0.5% 0;position: relative;background: #fff;box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);border-radius: 4px;font-weight: 500;word-break: break-word;}
.tabs-view .pages-menu .child-nodes li:before {content: '';display: block;padding-top: 130%;}
.tabs-view .pages-menu li.parent-node {width: 10.552%;margin-right: 2%;margin-bottom: 1%;position: absolute;left: 0;top: 0;}
.tabs-view .pages-menu .child-nodes li .item-box{position: absolute;top: 0;left: 0;width: 100%;bottom: 0;}
.tabs-view .pages-menu .child-nodes li .item-box a{display: block;height: 100%;}
.tabs-view .pages-menu .child-nodes li .item-box a>.item-hover:nth-child(1){z-index: 10;}
.tabs-view .pages-menu li.parent-node .item-box{} .tabs-view .pages-menu li.parent-node .item-box .item-box-holder{height: 100%;background: #115a95;position: relative;border-radius: 5px;} .tabs-view .pages-menu li.parent-node .item-box .item-box-frame{/*position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);*/width: 100%;height: 100%;padding: 16% 0 0;}
.tabs-view .pages-menu li.parent-node .item-box:before{content: '';position: absolute;right: -43px;top: 50%;font-size: 45px;line-height: 1;color: #42526e;border: 20px solid;border-color: transparent transparent transparent #fff;margin: -20px 0 0 0;}
.tabs-view .pages-menu li.parent-node .item-box:after {content: '';display: block;position: absolute;left: -25px;top: 0;width: 10px;height: 100%;background: #ca534f;}
.tabs-view .pages-menu li:nth-child(1) li.parent-node .item-box:after {background: #ca534f;}.tabs-view .pages-menu li:nth-child(2) li.parent-node .item-box:after {background: #e53ba1;}.tabs-view .pages-menu li:nth-child(3) li.parent-node .item-box:after {background: #45e1c1;}.tabs-view .pages-menu li:nth-child(4) li.parent-node .item-box:after {background: #fbb244;}.tabs-view .pages-menu li:nth-child(5) li.parent-node .item-box:after {background: #91949c;}.tabs-view .pages-menu li:nth-child(6) li.parent-node .item-box:after {background: #1c4476;}.tabs-view .pages-menu li:nth-child(7) li.parent-node .item-box:after {background: #5b2c35;}.tabs-view .pages-menu li:nth-child(8) li.parent-node .item-box:after {background: #4eadd9;}.tabs-view .pages-menu li:nth-child(9) li.parent-node .item-box:after {background: #6e78bf;}.tabs-view .pages-menu li:nth-child(10) li.parent-node .item-box:after {background: #353f12;}.tabs-view .pages-menu li:nth-child(11) li.parent-node .item-box:after {background: #09585d;}.tabs-view .pages-menu li:nth-child(12) li.parent-node .item-box:after {background: #dadada;}.tabs-view .pages-menu li:nth-child(13) li.parent-node .item-box:after {background: #a89acc;}.tabs-view .pages-menu li:nth-child(14) li.parent-node .item-box:after {background: #635839;}.tabs-view .pages-menu li:nth-child(15) li.parent-node .item-box:after {background: #d8d152;}.tabs-view .pages-menu li:nth-child(16) li.parent-node .item-box:after {background: #ce9d99;}.tabs-view .pages-menu li:nth-child(17) li.parent-node .item-box:after {background: #83c73c;}.tabs-view .pages-menu li:nth-child(18) li.parent-node .item-box:after {background: #ce7cb3;}.tabs-view .pages-menu li:nth-child(19) li.parent-node .item-box:after {background: #865f71;}.tabs-view .pages-menu li:nth-child(20) li.parent-node .item-box:after {background: #d06a32;}.tabs-view .pages-menu li:nth-child(21) li.parent-node .item-box:after {background: #947793;}.tabs-view .pages-menu li:nth-child(22) li.parent-node .item-box:after {background: #703e84;}.tabs-view .pages-menu li:nth-child(23) li.parent-node .item-box:after {background: #a31580;}.tabs-view .pages-menu li:nth-child(24) li.parent-node .item-box:after {background: #667ea0;}
.tabs-view .pages-menu .child-nodes .item-icon{height: 27.23%;position: relative;padding: 5%;background: #5ccbff;border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;}
.tabs-view .pages-menu li.parent-node .item-icon{width: 33.9%;height: 30.6%;margin: 0 auto;padding: 0;background: transparent;}.tabs-view .pages-menu li.parent-node .item-icon .si-icon{position: static;transform: translate(0,0);height: 100%;width: 100%;background: #115a95;font-size: 30px;}
.tabs-view .pages-menu .child-nodes .item-icon .si-icon{float: none;display: table;margin: 0 auto;font-size: 24px;line-height: 1;height: 98.42%;width: 35%;color: #fff;position: absolute;bottom: 0;left: 11%;transform: translate(0,30px);background: #4996d5;border: 3px solid #fff;border-radius: 100%;text-shadow: 1px 1px rgba(0, 0, 0, .33%);-webkit-text-shadow: 1px 1px rgba(0, 0, 0, .33%);-moz-text-shadow: 1px 1px rgba(0, 0, 0, .33%);}
.tabs-view .pages-menu .child-nodes .item-icon .si-icon:before{display: table-cell; vertical-align: middle;}
.tabs-view .item-name {float: none;width: 100%;height: 30%;padding: 24.5% 5% 3% 11%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.tabs-view .pages-menu li.parent-node .item-name{height: auto;color: #fff;text-align: center;text-transform: uppercase;padding: 8% 5% 5%;}
.tabs-view .pages-menu li.parent-node .item-count{width: 50px;height: 50px;margin: 3% auto 0;display: none;background: #fff;border-radius: 100%;line-height: 50px;color: #42526e;font-size: 2vh;}
.tabs-view .pages-menu .item-desc {width: 100%;padding:0 5% 0 11%;font-size: 11px;height: 37.2%;overflow: hidden;line-height: 14px;}.tabs-view .pages-menu .child-nodes li p{height: 66%;margin: 0 0 6%;overflow: hidden;}
/*END pages menu tabs view*/
.pages-menu-area .menu-prev-area{
    display: flex;
    background: #ebecf0;
    padding: 3px 20px 3px 20px;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    color: #42516e;
}
.pages-menu-area .menu-prev-area > a {
    flex: 1 auto;
    display: flex;
    align-items: center;
    align-content: center;
    color: #42516e;
}
.pages-menu-area .si-left-open-big{margin-right: 10px;}
.pages-menu-area .menu-prev{}
.pages-menu-area .si-right-open-big{
    font-size: 200%;
    position: absolute;
    right: 7px;
    color: #fff;
    line-height: 26px;
    top: 50%;
    margin:-11px 0 0;
}
.pages-menu-area.view-2 .si-right-open-big{color: #808080;}
.pages-menu-area .menu-prev-title{margin-left: 5px; font-size: 13px;}
.inner-page .pages-menu > li{padding:0 0 0 10px;}
.pages-menu-area.view-2.inner-page .pages-menu .parent-node{/*padding:14px 9%;margin: 0 0 20px;*/}
.inner-page .pages-menu .parent-node{
    display: flex;
    align-items: center;
    min-height: 60px;
    margin-bottom: 2px;
    padding: 14px 0 14px 20px;
    position: relative;
}
.inner-page .pages-menu > li.parent-node a{
    flex: 1;
    border: 0;
    background: transparent !important;
    font-weight: 500;
    color: #000 !important;
}
.inner-page .pages-menu > li a{
    display: flex;
    align-items: center;
    position: relative;
    padding:7px 0 7px 10px;
    font-size: 14px;
    /*text-transform: capitalize;*/
    color: #000;
}
.inner-page .pages-menu > li a:before {
    content: "";
    display: block;
    width: 4px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0;
    background: transparent;
}
.inner-page .pages-menu > li ul{
    background: #ebfaff;
    border-radius: 4px;
}
.inner-page .pages-menu > li ul > li a{padding-left: 27px;}
.inner-page .pages-menu > li .FlowupLabels .fl_wrap a{padding: 2px 0 0;height: 37px;}
.inner-page .pages-menu > li a:hover,
.inner-page .pages-menu > li a:active{color: #0092c2;}
.inner-page .pages-menu > li a.active{background: #cff0fb;color: #0092c2;}
.inner-page .pages-menu > li a.active:before{background:#0092c2;}
.inner-page .pages-menu > li a.active:after{
    content: '\e902';
    font-family: 'fontello';
    position: absolute;
    right: 12px;
    top: 50%;
    margin: -10px 0 0;
}
.pages-menu-area.view-2.inner-page .pages-menu > li a{padding:0 0 0 20px;position: relative;cursor: pointer;font-size: 11px;color: #333;}
.pages-menu-area.view-2.inner-page .pages-menu > li.parent-node a{font-size: 16px;}
.inner-page #locations-list-wrapper{max-height: calc(100vh - 160px); overflow-y: auto; overflow-x: hidden;margin: 20px 0 0;}
.inner-page.view-2 .pages-menu > li .img-holder{max-height: 140px;margin: 0 0 10px;}
.inner-page.view-2 .pages-menu > li .img-holder img {
    width: 100%;
    height: 100%;
    max-height: inherit;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.inner-page.view-2 .pages-menu > li .img-hoder{border-radius: 5px;overflow: hidden;}
.inner-page.view-2 .pages-menu > li .row .detail {}
.inner-page.view-2 .pages-menu > li .row .detail h3{
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 0.5px;
}
.inner-page.view-2 .pages-menu > li .row .detail .detail-row{}
.pages-menu-area.view-2.inner-page .pages-menu > li .si-icon {
    visibility: hidden;
    opacity: 0;
    right: 0;
    margin: -20px 30px 0 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.pages-menu-area.view-2.inner-page .pages-menu > li a:hover .si-icon {
    /*visibility: visible;*/
    /*margin-right: 7px;*/
    /*opacity: 1;*/
}
.pages-menu-area.view-2.inner-page .pages-menu > li.parent-node .si-icon {
    visibility: visible;
    opacity: 1;
    margin: -13px 0 0 0 !important;
}
.pages-menu-area.inner-page .pages-menu .custom-search{padding: 0 0 0 10px;}
.pages-menu-area.inner-page .pages-menu .custom-search input{
    padding: 0 10px;
    color: #333;
}
.inner-page .pages-menu > li a .menu-image{
    width: 15px;
    min-height: 15px;
    float: left;
    margin-right: 7px;
}
.inner-page .pages-menu > li a .menu-image img{
    display: block;
    max-width: 100%;
    height: auto;
}
.inner-page .pages-menu > li a:hover .menu-image img,
.inner-page .pages-menu > li a.active .menu-image img{
    filter: invert(47%) sepia(59%) saturate(3988%) hue-rotate(166deg) brightness(89%) contrast(101%);
}
.inner-page .pages-menu > li a .menu-item{
    overflow: hidden;
    display: block;
    padding-right: 20px;
}
.inner-page .pages-menu > li a .menu-item .collapseCls{
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 10px;
}
.inner-page .pages-menu > li.admin-setting{position: absolute;bottom: 5px;width: 100%;background: #fafafa;}
/*END page menu*/

/*Page title header*/
.page-head{
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 13px !important;
}
.titleHeader{
    display: flex;
    align-items: center;
    margin-top: 5px;
    padding: 0 0 0 13px;
    font-size: 16px;
    line-height: 18px;
    color: #0092c2;
}
.titleHeader h2 {
    font-weight: 500;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 24px;
}
.titleHeaderIcon{
    margin-right: 10px;
    line-height: 1;
    font-size: 32px;
}
.titleHeaderIcon img {
    max-width: 25px;
    max-height: 25px;
}
.nav-tabs.tabs-style2{
    border: 0;
    text-align: center;
}
.nav-tabs.tabs-style2>li{
    float: none;
    display: inline-block;
    margin: 0 -5px 0 0;
}
.nav-tabs.tabs-style2>li>a {
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
}
.nav-tabs.tabs-style2>li.active>a {
    box-shadow: 0 0 0 transparent;
    border: 0;
    border-bottom: 1px solid #0092c2;
    color: #0092c2;
    font-weight: normal;
}
.container--body .FlowupLabels .select-without-label .fl_input{
    top: 0;
    padding: 0;
    height: auto;
    min-height: 32px;
}
.select-without-label .select2-container .select2-choice{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.select-without-label .select2-container-multi .select2-choices{
    padding: 0 10px;
}
.select-without-label .select2-container .select2-choice .select2-arrow{
    background: transparent;
    border: 0;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    width: 0;
    height: 0;
    top: 14px;
    right: 10px;
}
.select-without-label .select2-container .select2-choice .select2-arrow b{display: none;}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background: #0092c2;}
.no-box-shadow{
    box-shadow: none;
}

.messageBox.info.powerlevel{
    padding: 17px 15px 8px;
    display:table
}
.messageBox.info.powerlevel .si-icon.si-exclamation_mark{
    display: table-cell;
    padding-right:12px;
}

.messageBox.info.powerlevel p{
    padding-left: 0;
}

.btn.btn-primary.map-btn{
    min-width: 120px;
    color: #fff;
    background: #0092c2;
    border: 0;
    height: 42px;
    line-height: 33px;
}

.btn.btn-primary.map-btn.unmap{
    background-color: #fd0102 !important;
}
.display-flex{
    display: flex !important;
}
.height100_percent{
    height: 100% !important;
}
.width100_percent{
    width: 100% !important;
}
.width_auto{
    width: auto !important;
}
.email_user{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:99%;
    display: block;
}
div:where(.swal2-container) {
    zoom: 150%;
}
div:where(.swal2-icon) .swal2-icon-content {
    font-weight: 300;
}
.grid_slide_header.new_style_header{
    background: transparent;
    color: #334155;
    font-size: 20px;
    line-height: 32px;
    position: relative;
    padding: 0 0 5px 30px;
    margin-top: 27px !important;
    margin-bottom: 12px !important;
    font-weight: 400;
    text-transform: capitalize;
}
.dropdown-menu.language_slik_head:after {
    content: '';
    position: absolute;
    top: -14px;
    right: 161px;
    border: 7px solid #f7f7f7;
    width: 0;
    height: 0;
    margin-top: 0px;
    z-index: 9;
    border-color: transparent transparent #f7f7f7 transparent;
}
.dropdown-menu.language_slik_head:before {
    content: '';
    position: absolute;
    top: -14px;
    right: 12px;
    border: 6px solid rgba #0000005e (0, 0, 0, 0.37);
    width: 0;
    height: 0;
    margin-top: 0px;
    z-index: 9;
    border-color: transparent transparent rgba(0, 0, 0, 0.27) transparent;
    filter: blur(1px);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    -o-filter: blur(1px);
}
.dropdown-menu.language_slik_head .form-control.language-filter-input{
    height: 44px;
    padding-left: 13px;
    font-size:16px;
    color:#333;
}
.dropdown-menu.language_slik_head i.si-icon.si-search{
    position: absolute;
    top: 8px;
    font-size: 26px;
    color: #cccccc;
    right: 26px;
}
.language_slik_head h5 i.si-icon.si-labels_translations_icon{
    font-size:20px;
}

.language_slik_head h5{
    color: #3A82F6;
}

.language_slik_head h5 em{
    color: #3A82F6;
    font-style: normal;
}
.language_slik_head ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ccc;
    overflow-y: auto;
    max-height: 400px;
}

.language_slik_head ul li.active, .language_slik_head ul li:hover{
    background-color:#Effcf6;
}
.language_slik_head ul li, .language_slik_head ul li a {
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 12px 22px;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
    color:#333;
}

.language_slik_head ul li i.si-icon.si-allocated_success{
    font-size:20px;
    color:#16a34a;
    float: right;
    margin-top:6px;
}
.language_slik_head ul li img{
    height:25px;
    width: 25px;
    margin-right:5px;
    display: inline-block;
}

.language .form.open a.btn-header.dropdown-toggle{
    color: #3A82F6;
    border-color: #3A82F6;
}

@-ms-viewport {width: auto !important;} /*for scroll overlapping in IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    .page_content {overflow: visible;}
    .select2-container-multi .select2-choices .select2-search-field input{height:27px;}
}
.vertical-align-middle{
    vertical-align: middle;
}
.no-bg {
    background: none !important;
}

.line-height-normal{
    line-height: normal !important;
}.width-auto{
    width: auto !important;
}