.tooltipPopOver {
	background: #fff;
}

.header {
	background-color: #1F3559;
}

.header .dropdown-menu {
	background-color: #fff;
}

.header .dropdown-menu .dropdown-item.active, .header .dropdown-menu .dropdown-item:active
	{
	color: #1f3559;
	outline: none;
	background-color: #efefef;
}

.filter-main {
	background: #efefef;
}

.filter-input-sec .filtet-btn-sec .btn-primary {
	color: #fff;
	background-color: #03B8B0;
	border-color: #03B8B0;
}

.filter-input-sec .filtet-btn-sec .btn-primary:active, .filter-input-sec .filtet-btn-sec .btn-primary:focus,
	.filter-input-sec .filtet-btn-sec .btn-primary:hover {
	color: #fff;
	background-color: #00CCBE;
	border-color: #03B8B0;
	outline: none;
}

.filter-main label {
	color: #212121;
}

.filter-main .form-group {
	margin-bottom: 0;
}

.filter-main .form-group .form-control {
	color: #212121;
	background-color: #fff;
	border: 1px solid #DEDEDE;
}

.left-panel {
	background: #fff;
}

.left-panel .left-panel-head {
	background: linear-gradient(45deg, #009fc1, #00ac96);
	color: #fff;
}

.
.left-panel .left-panel-head select {
	color: #fff;
	background-color: transparent;
}

.left-panel .left-panel-head select option {
	color: #212121;
}

.left-panel .left-panel-head .l-p-h-left a {
	color: #fff;
}

.device-list.device-list-not li a {
	background: #f3f3f3;
}

.device-list li a {
	border-bottom: 1px solid #efefef;
}

h2#device_id {
	background: #f3f3f3;
	color: #10141d;
}

.signal_line.active_1>span:nth-child(1) {
	background: green
}

.signal_line.active_2>span:nth-child(1) {
	background: green
}

.signal_line.active_2>span:nth-child(2) {
	background: green
}

.signal_line.active_3>span:nth-child(1) {
	background: green
}

.signal_line.active_3>span:nth-child(2) {
	background: green
}

.signal_line.active_3>span:nth-child(3) {
	background: green
}

.signal_line.active_4>span {
	background: green
}

.signal_line_panel.active_1>span:nth-child(1) {
	background: green
}

.signal_line_panel.active_2>span:nth-child(1) {
	background: green
}

.signal_line_panel.active_2>span:nth-child(2) {
	background: green
}

.signal_line_panel.active_3>span:nth-child(1) {
	background: green
}

.signal_line_panel.active_3>span:nth-child(2) {
	background: green
}

.signal_line_panel.active_3>span:nth-child(3) {
	background: green
}

h2#total_devices {
	background: #060606;
	color: #fff;
}

.device-list li a:hover {
	background: #efefef;
}

.device-list li a h2 {
	color: #212121;
}

.device-list li a p {
	color: #757575
}

.signal-icon.green-sig-ic {
	color: #0bae54;
}

.signal-icon.red-sig-ic {
	color: #f20000;
}

.master-sec .btn-primary {
	box-shadow: 0 1px 15px rgba(0, 0, 0, .04), 0 1px 6px rgba(0, 0, 0, .04);
	background: #03B8B0;
	border-color: #03B8B0;
}

.master-main {
	background: #fff;
}

.master-main .master-main-head {
	border-bottom: 1px solid #efefef;
	background: #efefef;
}

.master-main .master-main-body {
	border-bottom: 1px solid #efefef;
}

.circle-bg {
	background: #eee;
}

.circle-fill {
	background: #d3222e;
}

.circle-mask {
	background: #fff;
}

.circle-label {
	border-top: 1px solid #eee;
}

.master-main-body button {
	background: #000;
	color: white;
}

.master-main-body button:hover {
	background-color: #03b8b0;
}

.gauge-submit>.btn-primary {
	color: #fff;
	background-color: #1f3559;
	border-color: #1f3559;
}

.master-main-body input:before {
	color: rgba(0, 0, 0, 0.35);
}

.master-main-body input:after {
	color: rgba(0, 0, 0, 0.35);
}

.master-main .master-main-foot {
	padding: 10px 20px;
	background: #efefef;
}

input[value="2"] ~ .circle-fill ~ .value {
	color: #d4262c;
}

input[value="3"] ~ .circle-fill ~ .value {
	color: #d5282c;
}

input[value="4"] ~ .circle-fill ~ .value {
	color: #d52a2b;
}

input[value="5"] ~ .circle-fill ~ .value {
	color: #d62c2a;
}

input[value="6"] ~ .circle-fill ~ .value {
	color: #d62e29;
}

input[value="7"] ~ .circle-fill ~ .value {
	color: #d73128;
}

input[value="8"] ~ .circle-fill ~ .value {
	color: #d83327;
}

input[value="9"] ~ .circle-fill ~ .value {
	color: #d83527;
}

input[value="10"] ~ .circle-fill ~ .value {
	color: #d93726;
}

input[value="11"] ~ .circle-fill ~ .value {
	color: #d93925;
}

input[value="12"] ~ .circle-fill ~ .value {
	color: #da3b24;
}

input[value="13"] ~ .circle-fill ~ .value {
	color: #db3d23;
}

input[value="14"] ~ .circle-fill ~ .value {
	color: #db3f23;
}

input[value="15"] ~ .circle-fill ~ .value {
	color: #dc4122;
}

input[value="16"] ~ .circle-fill ~ .value {
	color: #dc4321;
}

input[value="17"] ~ .circle-fill ~ .value {
	color: #dd4520;
}

input[value="18"] ~ .circle-fill ~ .value {
	color: #dd471f;
}

input[value="19"] ~ .circle-fill ~ .value {
	color: #de4a1e;
}

input[value="20"] ~ .circle-fill ~ .value {
	color: #df4c1e;
}

input[value="21"] ~ .circle-fill ~ .value {
	color: #df4e1d;
}

input[value="22"] ~ .circle-fill ~ .value {
	color: #e0501c;
}

input[value="23"] ~ .circle-fill ~ .value {
	color: #e0521b;
}

input[value="24"] ~ .circle-fill ~ .value {
	color: #e1541a;
}

input[value="25"] ~ .circle-fill ~ .value {
	color: #e2561a;
}

input[value="26"] ~ .circle-fill ~ .value {
	color: #e25819;
}

input[value="27"] ~ .circle-fill ~ .value {
	color: #e35a18;
}

input[value="28"] ~ .circle-fill ~ .value {
	color: #e35c17;
}

input[value="29"] ~ .circle-fill ~ .value {
	color: #e45e16;
}

input[value="30"] ~ .circle-fill ~ .value {
	color: #e46015;
}

input[value="31"] ~ .circle-fill ~ .value {
	color: #e56215;
}

input[value="32"] ~ .circle-fill ~ .value {
	color: #e66514;
}

input[value="33"] ~ .circle-fill ~ .value {
	color: #e66713;
}

input[value="34"] ~ .circle-fill ~ .value {
	color: #e76912;
}

input[value="35"] ~ .circle-fill ~ .value {
	color: #e76b11;
}

input[value="36"] ~ .circle-fill ~ .value {
	color: #e86d10;
}

input[value="37"] ~ .circle-fill ~ .value {
	color: #e86f10;
}

input[value="38"] ~ .circle-fill ~ .value {
	color: #e9710f;
}

input[value="39"] ~ .circle-fill ~ .value {
	color: #ea730e;
}

input[value="40"] ~ .circle-fill ~ .value {
	color: #ea750d;
}

input[value="41"] ~ .circle-fill ~ .value {
	color: #eb770c;
}

input[value="42"] ~ .circle-fill ~ .value {
	color: #eb790c;
}

input[value="43"] ~ .circle-fill ~ .value {
	color: #ec7b0b;
}

input[value="44"] ~ .circle-fill ~ .value {
	color: #ed7e0a;
}

input[value="45"] ~ .circle-fill ~ .value {
	color: #ed8009;
}

input[value="46"] ~ .circle-fill ~ .value {
	color: #ee8208;
}

input[value="47"] ~ .circle-fill ~ .value {
	color: #ee8407;
}

input[value="48"] ~ .circle-fill ~ .value {
	color: #ef8607;
}

input[value="49"] ~ .circle-fill ~ .value {
	color: #ef8806;
}

input[value="50"] ~ .circle-fill ~ .value {
	color: #f08a05;
}

input[value="51"] ~ .circle-fill ~ .value {
	color: #ec8b06;
}

input[value="52"] ~ .circle-fill ~ .value {
	color: #e98c07;
}

input[value="53"] ~ .circle-fill ~ .value {
	color: #e58d08;
}

input[value="54"] ~ .circle-fill ~ .value {
	color: #e18e09;
}

input[value="55"] ~ .circle-fill ~ .value {
	color: #de8f0a;
}

input[value="56"] ~ .circle-fill ~ .value {
	color: #da8f0b;
}

input[value="57"] ~ .circle-fill ~ .value {
	color: #d6900c;
}

input[value="58"] ~ .circle-fill ~ .value {
	color: #d2910d;
}

input[value="59"] ~ .circle-fill ~ .value {
	color: #cf920e;
}

input[value="60"] ~ .circle-fill ~ .value {
	color: #cb930f;
}

input[value="61"] ~ .circle-fill ~ .value {
	color: #c79410;
}

input[value="62"] ~ .circle-fill ~ .value {
	color: #c49511;
}

input[value="63"] ~ .circle-fill ~ .value {
	color: #c09612;
}

input[value="64"] ~ .circle-fill ~ .value {
	color: #bc9713;
}

input[value="65"] ~ .circle-fill ~ .value {
	color: #b99814;
}

input[value="66"] ~ .circle-fill ~ .value {
	color: #b59815;
}

input[value="67"] ~ .circle-fill ~ .value {
	color: #b19916;
}

input[value="68"] ~ .circle-fill ~ .value {
	color: #ad9a17;
}

input[value="69"] ~ .circle-fill ~ .value {
	color: #aa9b18;
}

input[value="70"] ~ .circle-fill ~ .value {
	color: #a69c19;
}

input[value="71"] ~ .circle-fill ~ .value {
	color: #a29d1a;
}

input[value="72"] ~ .circle-fill ~ .value {
	color: #9f9e1b;
}

input[value="73"] ~ .circle-fill ~ .value {
	color: #9b9f1c;
}

input[value="74"] ~ .circle-fill ~ .value {
	color: #97a01d;
}

input[value="75"] ~ .circle-fill ~ .value {
	color: #94a11e;
}

input[value="76"] ~ .circle-fill ~ .value {
	color: #90a11f;
}

input[value="77"] ~ .circle-fill ~ .value {
	color: #8ca220;
}

input[value="78"] ~ .circle-fill ~ .value {
	color: #88a321;
}

input[value="79"] ~ .circle-fill ~ .value {
	color: #85a422;
}

input[value="80"] ~ .circle-fill ~ .value {
	color: #81a523;
}

input[value="81"] ~ .circle-fill ~ .value {
	color: #7da624;
}

input[value="82"] ~ .circle-fill ~ .value {
	color: #7aa725;
}

input[value="83"] ~ .circle-fill ~ .value {
	color: #76a826;
}

input[value="84"] ~ .circle-fill ~ .value {
	color: #72a927;
}

input[value="85"] ~ .circle-fill ~ .value {
	color: #6faa28;
}

input[value="86"] ~ .circle-fill ~ .value {
	color: #6baa29;
}

input[value="87"] ~ .circle-fill ~ .value {
	color: #67ab2a;
}

input[value="88"] ~ .circle-fill ~ .value {
	color: #63ac2b;
}

input[value="89"] ~ .circle-fill ~ .value {
	color: #60ad2c;
}

input[value="90"] ~ .circle-fill ~ .value {
	color: #5cae2d;
}

input[value="91"] ~ .circle-fill ~ .value {
	color: #58af2e;
}

input[value="92"] ~ .circle-fill ~ .value {
	color: #55b02f;
}

input[value="93"] ~ .circle-fill ~ .value {
	color: #51b130;
}

input[value="94"] ~ .circle-fill ~ .value {
	color: #4db231;
}

input[value="95"] ~ .circle-fill ~ .value {
	color: #4ab332;
}

input[value="96"] ~ .circle-fill ~ .value {
	color: #46b333;
}

input[value="97"] ~ .circle-fill ~ .value {
	color: #42b434;
}

input[value="99"] ~ .circle-fill ~ .value {
	color: #3bb636;
}

input[value="100"] ~ .circle-fill ~ .value {
	color: #37b737;
}

.device-detail-list li .d-d-l-item {
	background-color: #F3F3F3;
}

.device-detail-list li .d-d-l-item .gauge-data p {
	color: #757575;
}

.device-detail-list li.yellowGauge .d-d-l-item .gauge-bg {
	background-image: linear-gradient(to right, #FFBB60, #FD8C00);
	/* Standard syntax (must be last) */
	border-color: #FD8C00;
}

.device-detail-list li.yellowGauge .d-d-l-item {
	border-color: #FFB656;
	box-shadow: 0 3px 30px rgba(0, 0, 0, .1), 0 3px 20px rgba(0, 0, 0, .1);
}

.device-detail-list li.greenGauge .d-d-l-item {
	border-color: #45A34B;
	box-shadow: 0 3px 30px rgba(0, 0, 0, .1), 0 3px 20px rgba(0, 0, 0, .1);
}

.device-detail-list li.greenGauge .d-d-l-item .gauge-bg {
	background-image: linear-gradient(to right, #71D177, #44A24A);
	/* Standard syntax (must be last) */
	border-color: #44A24A;
}

.device-detail-list li.redGauge .d-d-l-item {
	border-color: #E83D39;
	box-shadow: 0 3px 30px rgba(0, 0, 0, .1), 0 3px 20px rgba(0, 0, 0, .1);
}

.device-detail-list li.redGauge .d-d-l-item .gauge-bg {
	background-image: linear-gradient(to right, #FF5B57, #E73B37);
	/* Standard syntax (must be last) */
	border-color: #E73B37;
}

.device-detail-list li.blueGauge .d-d-l-item {
	border-color: #05ADC1;
	box-shadow: 0 3px 30px rgba(0, 0, 0, .1), 0 3px 20px rgba(0, 0, 0, .1);
}

.device-detail-list li.blueGauge .d-d-l-item .gauge-bg {
	background-image: linear-gradient(to right, #24A3B2, #03AEC2);
	/* Standard syntax (must be last) */
	border-color: #03AEC2;
}

.device-detail-gauge .master-main {
	background: #fff;
}

.device-detail-gauge .master-main .master-main-head {
	background: transparent;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

.device-detail-gauge .master-sec .btn-primary {
	color: #fff;
	background-color: #1f3559;
	border-color: #1f3559;
}

.dim-set-list .dim-set-item .form-group .form-control {
	color: #212121;
	background-color: #fff;
	border: 1px solid #DEDEDE;
}

.dim-set-list .dim-set-item .form-group .form-control {
	color: #212121;
	background-color: #fff;
	border: 1px solid #DEDEDE;
	margin-bottom: 20px;
}

.pagination .page-item.page-item-on.active .page-link {
	background-color: green;
	border-color: green;
}

.pagination .page-item.page-item-off.active .page-link {
	background-color: red;
	border-color: red;
}

.pagination .page-item.active .page-link:hover {
	color: #fff;
}

.pagination .page-item.active .page-link:hover, .pagination .page-item .page-link:hover
	{
	color: #fff;
}

.pagination .page-item.page-item-off .page-link:hover {
	background-color: red;
	border-color: red;
}

.pagination .page-item.page-item-on .page-link:hover {
	background-color: green;
	border-color: green;
}

.ui-timepicker-standard {
	z-index: 3001 !important;
}

.btnSync {
	color: #fff !important;
	background: linear-gradient(45deg, #00e487, #00e487) !important;
	border-color: #00e487 !important;
}





.btn.btn-primary {
	
	    font-size: 12px;
    height: 30px;
    padding: 1px 10px;
}
.btn.btn-primary.devicecreate, .btn.btn-primary.deviceupdate,.btn.btn-primary.devicedelete{color: #fff !important;
	background: linear-gradient(45deg, #121212, #000) !important;
	border-color: #4a4a4a !important;}
.btnSync:focus, .btnSync:focus {
	color: #fff !important;
	background-color: #03b8b0;
	border-color: #03b8b0;
}

.btnCancel {
	color: #fff !important;
	background-color: #b3b3b3 !important;
	border-color: #efefef !important;
}

.btnAdd, .btnDelete {
	color: #1f3559 !important;
	background-color: transparent !important;
	border-color: #828282 !important;
}

.form-control {
	color: #212121;
	background-color: #fff;
	border: 1px solid #DEDEDE;
}

.form-control:focus {
	color: #212121;
	border-color: #DEDEDE;
}

.collapse-trigger {
	background: linear-gradient(45deg, #00e487, #00e487);
	color: #fff !important;
}

.page-item.active .page-link {
	color: #fff;
	background-color: #1f3559;
	border-color: #1f3559;
}

.pagination .page-item.active .page-link:hover, .pagination .page-item .page-link:hover
	{
	color: #1f3559;
}

.left-panel .left-panel-head .btn-filter {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

.sidebarnave {
	background: #f3f3f3;
}

.userSection {
	background: linear-gradient(45deg, #00e487, #00e487);
	padding: 15px;
	color: #fff;
}

.mainMenuArea>ul>li>a {
	border-bottom: rgba(0, 0, 0, 0.06) 1px solid;
	background: #f3f3f3;
}

.topLogo {
	background: #fff;
}

.mainMenuArea>ul>li>a:hover, .mainMenuArea>ul>li>ul>li>a:hover {
	background:#fff;
	color: #00e487;
}
.mainMenuArea>ul>li>a {

	color: rgba(00, 000, 00, 1);
}
.mainMenuArea>ul>li>a.active {
		background: #fff;
    color: #00e487;
}

.mainMenuArea>ul>li>ul>li>a.subActive {
	background: rgb(0 0 0 / 60%);
    color: #fff;
}

.top_barnav>div {
	background: linear-gradient(45deg, #00e487, #00e487);
	padding: 5px 20px;
	height: 45px;
	color: #fff;
	box-shadow: rgb(0, 0, 0, 0.05) 0px 3px 5px
}

.mainMenuArea ul.level-2>li>a {
	    background: #dadada;
    color: #000;
}

.topText {
	background: linear-gradient(45deg, #00e487, #00e487);
}

.left_displayTbox>div {
	background: linear-gradient(45deg, #00e487, #00e487) !important;
}

.class-Value_l .on_Section i, .class-Value_l .off_Section i {
	background-color: #00e487;
	color: #fff !important;
}

.class-Value_l .on_Section {
	border: #000 1px solid;
}

.class-Value_l .off_Section {
	border: #000 1px solid;
	color: #000;
}
.slider_popup:after{   color: #000;}
input:checked + .slider_popup:before{background:linear-gradient(45deg, #121212, #000)}

button.buttons-excel.buttons-html5, button.buttons-pdf.buttons-html5 {
	background: linear-gradient(45deg, #00e487, #00e487) !important;
	border-color: #00e487  !important;
	border: none;
	color: #fff;
}

.userSection h4 {
    font-size: 15px;
    color: #fff !important;
}

.dataTable thead th, .table thead th {
	background-color: #e4e4e4 !important;
}

html body  .btn.btn-primary.dropdown-toggle.btn-sm {
	background: linear-gradient(45deg, #00e487, #00e487) !important;
	border-color: #00e487;
}

.list_box .list_box {
	border: #cacaca 1px solid;
	background: #fff;
	color: #252f42;
}

.list_box .list_box .val_box {
	color: #fff;
	background: #00e487;
}

.dataTables_filter label input {
	background: #fff;
	border: #5a5a5a 1px solid;
	border-radius: 3px;
	padding: 3px 8px;
}

.loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #000000;
}

.left-panel .left-panel-head {
	background: linear-gradient(45deg, #00e487, #00e487);
}

.dashboard-trigger.active, .dashboard-trigger:hover {
	color: #fff;
	text-decoration: none;
	background: #00e487;
}

.dashboard-trigger {
	background: #f7f7f7;
	color : #000;
}
.dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #00e487 !important;
}
.viewbtn {
    position: absolute;
    bottom: 25px;
    color: white;
    background-color: #00e487 !important;
    left: 5px;
}

.txt {
    font-weight: 600;
    color: #fff !important;
} 

.header_top {
	background: linear-gradient(45deg, #121212, #000);
}

.device-schedule-sec button.btn.btn-primary {
	background: #000;
	padding: 3px 16px;
}

.device-schedule-sec button.btn.btn-primary i {
	font-size: 20px
}

.card-header .btn-link {
	background: rgb(212, 212, 212);
	border-bottom: rgb(148, 148, 148) 1px solid;
	border-radius: 4px;
}

.form-toggle i {
	color: #333;
}

.filter-sec .filter-sec-head {
	padding: 10px 20px;
	background: linear-gradient(45deg, #00e487, #00e487);
	color: #fff;
}

.buttonAreaMap  button.btn_dwonlaod {
	font-size: 12px;
	background: #fff;
	color: #333;
	border: #333 1px solid;
}


.main-landing-page.main-configuration-page .landing-item { 
	color: #000;	 
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px;
	border: 1px solid #fff;	 
	background-color: #ffffff !important;
}
.confi-head .btn-primary, .confi-head .btn-primary:focus, .confi-head .btn-primary:active, .confi-head .btn-primary:hover	
	{
	background: #ffffff;
    border-color: #ccc;
    color: #000;
    border: 1px solid #000
}

body .map-control .expand-map-control > li > a {
    background: #151515;
}

body button.buttons-excel.buttons-html5:hover, body button.buttons-pdf.buttons-html5:hover{
	     background: #000!important ; 
	     padding:5px 10px; 
     border:none!important;}

.common-table-new .dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.common-table-new .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
	{
	color: #fff !important;
	border: #121212 1px solid;
	background: #121212!important;
}
	
	.common-table-new .dataTables_wrapper .dataTables_paginate .paginate_button:hover	{
	color: #fff !important;
	border: #121212 1px solid;
	background: #121212!important;
}

.btnAwesome {
  background-color: #000;
  }
  
.btnAwesome:hover {
  background-color: #555;
}

.btnAwesomeview {
  background-color: #000;
  }
  
.btnAwesomeview:hover {
  background-color: #555;
}
  
  
 .dropdown-menu.show a:hover{color:#fff; background: #000}
 
 
  .gm-style-iw-chr
 {
	 height:0px
 }
 .gm-style-iw-d
 {
	overflow:hidden!important;
 }

 .gm-style-iw-chr button {
	background:transparent;

 }
 .gm-style-iw-chr span {
	margin: 0px !important;
}
 .gm-ui-hover-effect>span
 {
	
	background-color:#fff;
	margin-bottom: 5px!important;
    margin-left: 19px!important;
 }

 .gm-style .gm-style-iw-c
 {
	 padding:0px!important;
	 max-width: 300px!important;
	
}
@media only screen and (max-width: 767px) {

	.popup_tooltip, .popup_inner
	{
		height:100px
	}
}