/* #app {padding: 2em 1em;} */

/* .ev_stats {max-width:500px;}
.ev_stats th[scope="col"] {width:25%; max-width:200px;}
.ev_stats th, .ev_stats th {font-size:.85em;} */
/* .hamburger {border-radius:4px; background:#fff; width: 29px; height: 29px; display: block; padding: auto;box-sizing: border-box;} */


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

@font-face {
    font-family: 'SFUIDisplay-Regular';
    src: url('fonts/SFUIDisplay-Regular.svg#SFUIDisplay-Regular') format('svg'),
         url('fonts/SFUIDisplay-Regular.ttf') format('truetype'),
         url('fonts/SFUIDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{font-family: 'SFUIDisplay-Regular';}
main{background: #FCFCFC;}
.desktop_hide, .hide_desktopmenu, .menu_mobile, #close_icon {display: none;}
.hide_desktopmenu, #close_icon{float: left;margin-right: 16px;cursor: pointer;width: 24px;}
.login_section{height: 100vh;display: table;width: 100%;}
.inner_section{height: 100%;display: table-cell;vertical-align: middle;}
.inner_section .col-md-4{max-width: 325px;padding: 0px;flex: 0 0 325px;}
.inner_section h4{font-size: 26px;color: #202020;font-family: 'SFUIDisplay-Bold';}
.inner_section h5{font-size: 20px;color: #202020;font-family: 'SFUIDisplay-Regular';font-weight: 500;}
.form-group label{font-size: 14px; color: #5F6368;padding-left: 15px;}
.form-group .form-control {background: #FFFFFF;border: 1px solid #DADCE0;border-radius: 4px;height: 40px;padding: 8px 15px;font-size: 16px;color: #202020;}
.form-group textarea.form-control {height: auto;}
.form-group .form-control:focus{border: 2px solid #1A73E8;box-shadow: none;}
.form-control::-webkit-input-placeholder {color: #9AA0A6;}
.form-control:-ms-input-placeholder {color: #9AA0A6;}
.form-control::placeholder {color: #9AA0A6;}
.or_label {font-weight: 600;font-size: 16px;color: #202020;}
.alert {position: relative;padding: 8px 15px;display: inherit;font-size: 14px;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0px;}
.form-group .form-control.is-invalid{border: 2px solid #FF453A;border-radius: 4px 4px 0px 0px;}
.form-check-label {padding-left: 8px !important;}
input[type=checkbox], input[type=radio]{ width: 16px; height: 16px;}
.btn-primary {background: linear-gradient(180deg, #00C0FC 0%, #0061FE 100%);border: 1px solid #1A73E8;border-radius: 24px;padding: 8px 24px;font-size: 16px;color: #FFFFFF;font-family: 'SFUIDisplay-Medium';letter-spacing: 0px;}
.btn-primary:hover {border: 1px solid #233FA4;color: #233FA4;background: #fff;}
.login_section .btn{width: 100%;}

.top_header{border-bottom: 1px solid #DADCE0;padding: 16px 0;background: #ffffff;}
.top_header h3{font-family: 'SFUIDisplay-Bold';font-size: 24px;color: #333333;margin: 0px;}
.main_area {padding: 40px 0;}
.nav-link {padding: 10px 15px;margin-bottom: 10px;font-size:16px;color: #5F6368;font-family:'SFUIDisplay-Medium';}
.nav-link img{margin-right: 10px;filter: grayscale(1);opacity: 0.6;}
.nav-link.active img{margin-right: 10px;filter: grayscale(0);opacity: 1;}
.nav-link.active{color: #202020;}
.nav-link:hover {color: #202020;background: #F5F5F6;border-radius: 8px;}

.rightside_area h4{font-size: 32px;color: #333333;font-family: 'SFUIDisplay-Bold';margin-bottom: 25px;}
.link_blue {font-family: 'SFUIDisplay-Regular';font-weight: 600;font-size: 16px;color: #1A73E8;margin-bottom: 16px;display: inline-block;letter-spacing: 0.5px;}
.rightside_area p{font-size: 14px;color: #5F6368;font-family: 'SFUIDisplay-Regular'; margin-bottom: 16px;}
.border_bottom {border:none;border-bottom: 1px solid #DADCE0; margin-bottom: 32px;}
.site_detaildata{background: #FFFFFF;box-shadow: 0px 8px 16px #F1F1F1;border-radius: 4px;padding: 16px;}
.table_border{border-collapse: separate;}
.table_border th, .table_border td{border:none;}
.table_border thead tr th {border-bottom:none; background: #EDEDED;border-radius: 4px;padding: 8px 16px;}
.table_border tbody tr th {border-bottom:none; background: #F9F9F9;border-radius: 4px;padding: 8px 16px;}
.table_border tbody tr.bg_none th {border-bottom:none; background: #fff;border-radius: 4px;padding: 8px 0px;}

.rightside_area .form-group label{font-size: 14px; color: #202020;padding: 8px 15px;font-family: 'SFUIDisplay-Medium';}
.form-group .form-control:disabled{color: #5F6368;font-size: 14px;}
.login_section .form-group .form-control:disabled{color: #5F6368;font-size: 14px;background: #DADCE0;}
.btn-outline-info {color: #233FA4;font-size: 16px;padding: 4px 16px;border: 1px solid #233FA4;border-radius: 24px;font-family: 'SFUIDisplay-Medium';}
.btn-outline-primary{padding: 8px 24px;border: 1px solid #233FA4;border-radius: 24px;font-size: 16px;color: #233FA4;font-family: 'SFUIDisplay-Medium';}
.btn-outline-info:hover, .btn-outline-primary:hover{background: linear-gradient(180deg, #00C0FC 0%, #0061FE 100%);border: 1px solid #1A73E8;color: #fff;}
.rightside_area .sub_heading{font-family: 'SFUIDisplay-Bold';font-size: 26px;color: #202020;}
.rightside_area p.org_content{font-size: 16px;color: #9AA0A6;font-family: 'SFUIDisplay-Regular'; margin-bottom: 16px;}

.card {background: #FFFFFF;box-shadow: 0px 8px 16px #F1F1F1; border-radius: 4px;margin-bottom: 24px;padding: 24px;border: none;}
.card .card-body{padding: 0px;}
.card .card-body .badge{padding: 8px 15px;font-size: 14px;font-family: 'SFUIDisplay-Medium';font-weight: 500;border-radius: 4px;color: #fff;}
.card .card-body .badge.badge-primary{background: #2A70B8;color: #ffffff;}
.card .card-body .badge.badge-secondary{background: #3DB3E3;color: #ffffff;}
.card .card-body .badge.badge-warning{background: #F4CF49;color: #ffffff;}
.card .card-body p a{font-size: 14px;font-weight: 500;color: #5F6368;margin-left: 10px;font-family: 'SFUIDisplay-Medium';}
.card-title{font-weight: 500;font-family: 'SFUIDisplay-Medium';font-size: 24px;color: #202020;margin: 16px 0px;}

.modal-header, .modal-body{padding: 24px;}
.modal-header {padding-bottom: 0px; border: none;}
.rightside_area .form-group.last_updated label{width: 100%;padding: 0;margin: 0px;font-size: 16px;}
.last_updated input {width: auto;display: inline-block;color: #5F6368;}
.card .card-body p label{font-size: 14px;color: #202020;margin: 0px;font-weight: 600;}
.card .card-body p span{color: #5F6368;}
.card .card-body p a.link_blue {margin: 0px;font-family: 'SFUIDisplay-Medium';font-size: 16px;color: #1A73E8;display: inline-block;letter-spacing: 0px;}
.card .card-body p span.info{width: 80%;display: inline-block;vertical-align: top;}
.card .card-body p a.edit_link{font-family: 'SFUIDisplay-Medium';font-size: 16px;color: #233FA4;line-height: 21px;    border-bottom: 2px solid #233FA4;margin: 0px;text-decoration: none;}

.back_link{font-family: 'SFUIDisplay-Medium';color: #5F6368;font-size: 16px;}
.back_link:hover{text-decoration: none;}
.rightside_area p.update_text{font-size: 16px;color: #202020;margin: 0px;font-family: 'SFUIDisplay-Medium';}
.rightside_area p.update_text span{color: #5F6368;font-family: 'SFUIDisplay-Regular';}
.rightside_area .form-group label.badge {color: #fff;padding: 6px 15px;font-family: 'SFUIDisplay-Medium';font-weight: 500;margin-bottom: 10px;margin-left: 6px;}
input[type=checkbox], input[type=radio] {width: 18px;height: 18px;}


/*--------- map css --------------*/
.mapboxgl-popup {max-width: 350px;font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;}
#map {position: absolute; width:100%;height:100%;top:0; left:0;border-radius: 8px;}
#map-controls {position: absolute; z-index: 1;top:32px; left:32px;width: 412px;}
#control-panel {background: #fff;border-radius: 0 0 4px 4px;padding: 5px 16px 20px;border: 1px solid #DADCE0;margin-top: -2px;color: black;position: relative;border-top: 0px;}
#map-controls .dropdown_btn{padding: 13px 16px;border: 1px solid #DADCE0;box-shadow: 0px 8px 16px #e0e0e0;border-radius: 4px;background: #FFFFFF;width: 100%;text-align: left;font-size: 16px;color: #5F6368;}
#map-controls .dropdown_btn.down .arrow_clickdown{-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg);}
.arrow_clickdown {position: absolute;right: 16px;top: 21px;transition: all 0.3s ease-in-out;}
.custom-switch {padding-left: 45px;}
.custom-switch .custom-control-label::before{left: -50px;width: 42px;height: 26px; border-radius: 30px;background-color: #dadce0;border: #dadce0 solid 1px;}
.custom-switch .custom-control-label::after{top: calc(.25rem + 2px);left: calc(-3.1rem + 2px);width: 22px;height: 22px;border-radius: 30px;background-color: #fff;}
.custom-switch .custom-control-input:checked~.custom-control-label::after{-webkit-transform: translateX(1rem);transform: translateX(1rem);}

.mapboxgl-popup{max-width: 354px !important;top: -20px !important;}
.mapboxgl-popup-content {
    position: relative;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 8px 16px rgb(112 112 112 / 20%);
    padding: 16px;
    pointer-events: auto;
}
.rightside_area .mapboxgl-popup-content h4{
    font-size: 16px;
    font-family: 'SFUIDisplay-Medium';
    color: #202020;
    margin-bottom: 8px;
}
.rightside_area .mapboxgl-popup-content a h4{
	color: #1A73E8;
}
.rightside_area .mapboxgl-popup-content p{
    font-size: 14px;color: #202020;margin-bottom: 10px !important;
}
.rightside_area .mapboxgl-popup-content .badge{
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 14px;
    color: #FFFFFF;
    font-family: 'SFUIDisplay-Medium';
    font-weight: 500;
}

/* dashboard */
#org_stats {padding: 16px; border: 1px solid #999999; border-radius: 8px;}
/*#org_stats {padding: 16px; background: #EEEEEE; border-radius: 8px;}*/

.colored-select {font-size: 1.25rem; color: white;}
.colored-select option:hover {background-color: rgba(255,255,255,.05)}