﻿.error_input .form-control + .icon.icon_email:after {background: url(../images/icon_email_hover.png) no-repeat !important;}
.error_input .form-control + .icon.icon_pass:after {background: url(../images/icon_pass_hover.png) no-repeat !important;}
.error_input .form-control + .icon {border-color: #cd2122 !important;}
.table_block .table > thead > tr > th > div a {color: #3f3f3f;}
.table_block .table > thead > tr > th > a {color: #3f3f3f;}
.enclouser_list .table > thead > tr > th > a {color: #3f3f3f;}
.error_input .bootstrap-select .btn {border-color: #cd2122 !important;}

.search-date-img { cursor:pointer; margin-bottom: 3px;}
.form-date-control {margin-right:-40px; display:inline-block;}

.search_select_dropdown .bootstrap-select.select_options .btn-default {height: 50px;line-height: 28px;font-size: 14px;}
.search_select_dropdown .bootstrap-select.btn-group.select_options .dropdown-toggle .caret:after {font-size: 20px;}
.search_select_dropdown .bootstrap-select.btn-group.select_options .dropdown-toggle .caret {right: 17px;margin-top: -13px;}
.search_select_dropdown .bootstrap-select.select_options .dropdown-menu {top: 48px;}
.search_select_dropdown .bootstrap-select.select_options .dropdown-menu:after {border: solid transparent;}
.gauge ul li p{padding:0px; margin-top:-10px;}

/* ========================================= autocomplete css ========================================= */
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.ui-autocomplete > li > div {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.9;color: #333333;white-space: nowrap;}
.ui-state-hover,.ui-state-active,.ui-state-focus {text-decoration: none;color: #262626;background-color: #f5f5f5;cursor: pointer;}
.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
/* ========================================= autocomplete css ========================================= */

/* ========================================= modal Css ========================================= */
.eclosure_dashbaoard .modal-body {background: #fff;padding: 40px 60px;width: 940px;margin: 0px auto;height: auto;border-radius: 5px;}
.eclosure_dashbaoard .modal-body .modal_header h4 span {color: #7a808c;}
.eclosure_dashbaoard .modal-body .modal_header .close_Btn {color: #cd2122;font-size: 24px;background: #ffeaea;height: 40px;width: 40px;border-radius: 50%;display: inline-block;line-height: 40px;text-align: center;font-weight: 600;font-family: serif;position: absolute;top: -20px;right: -25px;}
.eclosure_dashbaoard .modal-body .modal_header .close_Btn:hover {background: #cd2122;color: #fff;}
.eclosure_dashbaoard .modal-body .content {margin-top: 25px;}
.eclosure_dashbaoard .modal-body .content.details_container {border: 0px;padding: 0;}
.eclosure_dashbaoard .modal-body .content.details_container label {font-size: 16px;color: #3f3f3f;}
.eclosure_dashbaoard .modal-body .content.details_container .table {margin-bottom: 0px;}
.eclosure_dashbaoard .modal-body .content.details_container .table_block {padding: 0;}
.eclosure_dashbaoard .modal-body .content.details_container .table_block .no_log {font-size: 20px;color: #aaaaaa;font-weight: 500;}
.eclosure_dashbaoard .modal-body .content.details_container .table_block .table thead > tr > th:last-child {border-right: 1px solid #e8ecf2;}
/* ========================================= modal Css ========================================= */

.status_btn.bg_maroon {background: #830023;color: #fff;}
.btn.btn_aml.btn_gr {background: #39c722;color: #fff;}
.btn.btn_aml.btn_red {background: #cd2122;color: #fff;}
.btn.btn_aml.btn_grey {background: #f1f1f1;color: #7a808c;}
.circle.radio_maroon {background: #ffdde3;}
.circle.radio_maroon .dot {background: #7a0017;}
.circle.radio_purple {background: #ffdfef;}
.circle.radio_purple .dot {background: #930049;}
.month-dropdown .bootstrap-select.select_options .dropdown-menu > li > a {padding:5px 15px;}
.enclouser_list .air_monitor_title .month-dropdown .bootstrap-select.select_options.bg_white .btn-default {width:160px;}
.month-dropdown .bootstrap-select.btn-group .dropdown-toggle .filter-option {text-align:right; padding-right:20px;}

.map_location_tooltip .title_background_grey {background: #f1f1f1 !important;}
.map_location_tooltip .title_background_green {background: rgb(0,230,18) !important;}
.map_location_tooltip .title_background_yellow {background: rgb(247,255,26) !important;}
.map_location_tooltip .title_background_orange {background: rgb(249,129,7) !important;}
.map_location_tooltip .title_background_red {background: rgb(250,6,2) !important;}
.map_location_tooltip .title_background_purple {background: rgb(147,0,73) !important;}
.map_location_tooltip .title_background_maroon {background: rgb(122,0,23) !important;}
.map_location_tooltip .title {padding: 10px 0px;text-align: center;width: 190px;}
.map_location_tooltip .title h4 {font-size: 15px;color: #fff;font-weight: 400;}
.map_location_tooltip .title_background_grey h4 {color: #000 !important;}
.map_location_tooltip .title_background_green h4 {color: #000 !important;}
.map_location_tooltip .title_background_yellow h4 {color: #000 !important;}
.map_location_tooltip .title_background_orange h4 {color: #000 !important;}
.map_location_tooltip .list_item {width: 140px;margin: 10px 10px 0px;}
.map_location_tooltip .list_item span {font-size: 11px;}
.map_location_tooltip .list_item span.inline {text-align: left;display: inline-block;width:45%;}
.map_location_tooltip .list_item li {line-height: 20px;width: 180px;}
.map_location_tooltip .list_item span.blck {font-weight: 800;color: #3f3f3f;}
.map_location_tooltip .list_item span.blck .small {font-size: 8px;}
.gm-style-iw {top: 15px !important; left: 15px !important;background-color: #fff;border-radius: 10px;padding:10px;}
.air_map, .air_map_modal {background: none;}
.notexttransform .btn {text-transform:none !important;}
.status_btn.bg_grey {background: #f1f1f1;color: #7a808c;}
.circle.radio_grey {background: #f1f1f1;}
.circle.radio_grey .dot {background: #7a808c;}
.noheatmapdata {height:100%; position:relative;border: 1px solid #e8ecf2;border-top:none;}
.noheatmapdata p{top:50%; text-align:center; position:absolute; width:100%; font-size:20px;}
.margin_top_20 {margin-top:20px;}

/*----------------------- airmonitor export start ----------------------- */
.btn_export {width:100px !important;}
.export_multiselectmenu .btn-group .btn {height: 40px !important;min-height: 40px !important;}
.search-date-picker {float:none;}
.daterangepicker.opensleft .calendar.left, .daterangepicker.opensleft .calendar.right {border-right: 1px solid #e8ecf2;}
.daterangepicker.opensright .calendar.left, .daterangepicker.opensright .calendar.right {border-left: 1px solid #e8ecf2;}
/*----------------------- airmonitor export end ----------------------- */

.details_container.fan-cards {padding: 30px;margin: 0 0 22px 0;}
.details_container.fan-cards .fan-cards-first-row {margin-bottom: 22px;}


/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 76px;height: 30px;}
/* Hide default HTML checkbox */
.switch input {opacity: 0;width: 0;height: 0;}
/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ca2222;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 22px;width: 22px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2ab934;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(46px);-ms-transform: translateX(46px);transform: translateX(46px);}
/* Rounded sliders */
.slider.round {border-radius: 30px;}
.slider.round:before {border-radius: 50%;}
/*------ ADDED CSS ---------*/
.slider:after {content: 'OFF';color: white;display: block;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 65%;}
input:checked + .slider:after {content: 'ON';color: white;display: block;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 35%;}
/*--------- END --------*/

/* The switch - the box around the slider */
.switch_door {position: relative;display: inline-block;width: 90px;height: 30px;}
/* Hide default HTML checkbox */
.switch_door input {opacity: 0;width: 0;height: 0;}
/* The slider */
.slider_door {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ca2222;-webkit-transition: .4s;transition: .4s;}
.slider_door:before {position: absolute;content: "";height: 22px;width: 22px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider_door {background-color: #2ab934;}
input:focus + .slider_door {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider_door:before {-webkit-transform: translateX(60px);-ms-transform: translateX(60px);transform: translateX(60px);}
/* Rounded sliders */
.slider_door.round {border-radius: 30px;}
.slider_door.round:before {border-radius: 50%;}
/*------ ADDED CSS ---------*/
.slider_door:after {content: 'CLOSED';color: white;display: block;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 62%;}
input:checked + .slider_door:after {content: 'OPEN';color: white;display: block;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 38%;}
/*--------- END --------*/


.eclosure_dashbaoard .modal-body-dashboard-polling {width: 600px;}

.date-picker #enc_error_list_reportrange {color: #3f3f3f;border: 1px solid #e8ecf2;width: 290px;height: 40px;border-radius: 5px;padding: 8px 35px;font-size: 14px;font-weight: bold;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);box-shadow: inset 0 0px 0px rgba(0,0,0,.125);height: 40px;}
.daterangepicker.opensleft .date-picker #enc_error_list_reportrange:after {color: #cd2122;}
.date-picker #enc_error_list_reportrange {position: relative;}
.date-picker #enc_error_list_reportrange:after {content: "\f107";position: absolute;font-family: FontAwesome;right: 15px;}
.date-picker #enc_error_list_reportrange.arrow_red:after {color: #cd2122;}
.date-picker #enc_error_list_reportrange i {display: inline-block;position: absolute;top: 50%;left: 15px;margin-top: -13px;}
.date-picker #enc_error_list_reportrange span {padding: 8px 0px;}
.enc_error_date.range_datepicker {margin-top:0px !important;}
.eclosure_dashbaoard .modal-body .enc_error_header h4 span {color: #7a808c;}
.eclosure_dashbaoard .modal-body .enc_error_header h4 {padding-top: 8px;}
.eclosure_dashbaoard .modal-body .enc_error_header h4 .fa-spin{top: 2px !important;}