@font-face{	font-family:"Montserrat Light";	src:url('../fonts/Montserrat-Light.ttf');}
@font-face{	font-family:"Montserrat";	src:url('../fonts/Montserrat-Regular.ttf');}
@font-face{	font-family:"Montserrat Bold";	src:url('../fonts/Montserrat-Bold.ttf');}
@font-face{	font-family:"Montserrat ExtraBold";	src:url('../fonts/Montserrat-ExtraBold.ttf');}
@font-face{	font-family:"Montserrat ExtraLight";	src:url('../fonts/Montserrat-ExtraLight.ttf');}
@font-face{	font-family:"Montserrat Medium";	src:url('../fonts/Montserrat-Medium.ttf');}
html,body{height: 100%;width: 100%; font-family: 'Montserrat', arial;font-size: 18px;}
input{font-family: 'Montserrat', arial;font-size: 20px;}
h1,h2,h3{font-family:"Montserrat ExtraBold";}
.btn-primary{background-color:#3F6696; border: none;border-radius:15px;max-height:60px;}
.text-primary{color:#3F6696!important;}
.btn-radius, .modal-content{border-radius: 15px;}
.div-radius{border-radius: 15px; overflow: hidden;}
.text-black-mod{color:#76777c;text-align:center;}
.form-control{border-radius: 12px; min-height: 58px;}
.form-control.dropdown-toggle{border: 2px solid #C4DDFF;  border-radius: 15px;box-shadow: none;}
.form-control.dropdown-toggle:active,.form-control.dropdown-toggle:focus{border: 2px solid #3F6696;}
.spechead{font-family: "Montserrat"; font-size: 18px; font-weight: bold;}
.bg-black{background-color: #191919!important;}
.logform{background: url(../images/bg.jpg) no-repeat center top; background-size: cover;}
.border-w-left-2{border-left: 2px solid white}
.border-all-2{border: 2px solid white}
.transparent{background: transparent!important;}
.fields {color:#fff; border: 2px solid  rgb(255, 255, 255);  border-radius: 15px;background: transparent!important;}
.fields::-webkit-input-placeholder {  color: #fff;}
.fields::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}

.fields:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

.fields::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;
}
.btn.no-focus {
	box-shadow: 0 0 0 0;
}
.fields2 {border: 2px solid #C4DDFF/*#3F6696 #D9DBE1*/;  border-radius: 15px;background: transparent!important;box-shadow: none!important;outline: none!important;}
.fields2::-webkit-input-placeholder {  color: #000;}
.fields2:active, .fields2:focus{ border-color: #3F6696;}
.field_submit_2 {  border-radius: 15px;  background-color: rgb(255, 255, 255);  width: 100%; min-height: 65px;  z-index: 11;}
.field_submit_2:hover{background-color:#000;color:#fff}
.bclose{color:#fff;padding: 0 6px!important;right: -14px;position: absolute;top: -14px;opacity: 1;border-radius: 50%;z-index: 1}
.inftext {font-size: 12px;font-family: "Montserrat";  color: rgb(238, 52, 54);  line-height: 4.288;  text-align: left; position: absolute;left: 0;top:46px; width: 100%;text-align: center;}
.form-control {color: #4e6693;}
.modal-content .btn{font-size: 16px; line-height: 1.6;}
/*page2*/
.cpform{background: #15273B }
.cpmain{background: #fff}
.cptop{background: #F5F5F5;min-height: 142px;padding-top: 40px!important;}
.cptop .form-control{border-radius: 12px;min-height: 60px;}
#homeSubmenu li a{font-size: 0.8rem;border-radius: 15px;color: #fff; width: 100%; text-align: left; padding: 13px 0 0 16px;
    min-height: 60px;text-decoration: none}
#homeSubmenu li a img{margin-right:10px;}
#homeSubmenu li a.active{background: #FE5C62;}
#homeSubmenu li a:hover{background: #FE5C62;}
.cblocks{margin-bottom: 10px;/*max-height: 100%;overflow-y: auto;*/ font-family:"Montserrat Light"; font-size: 16px;}
.cblocks table td a{color:#3c4e76;}
.cblocks.graf .form-control.dropdown-toggle{border: 2px solid #CED4DA;}
.cblocks.graf .form-control.dropdown-toggle:active,.cblocks.graf .form-control.dropdown-toggle:focus{border: 2px solid #3F6696;}
.cblocks.graf .form-control.dropdown-toggle:active,.cblocks.graf .form-control.dropdown-toggle:focus{border-radius: 15px!important;}
.cblocks.graf .form-control{box-shadow: none;}
.form-control.inp{border: 2px solid #CED4DA;box-shadow:none;}.form-control.inp:active,.form-control.inp:focus{border: 2px solid #3F6696;}
.form-control.dropdown-toggle, .form-control.dropdown-toggle:focus, .form-control.dropdown-toggle:active{outline:none!important;}
.bootstrap-select.dropdown-toggle, .bootstrap-select.dropdown-toggle:focus, .bootstrap-select.dropdown-toggle:active{outline:none!important;}
.cblock{background: #F5F5F5;border-radius: 15px;margin-bottom: 10px;color: #212b3d;}
.cblock.active{background: #CBCED5;}
.cblock h6{color: #76787D;}
.cblock a,.cblocktext{color: #000; position: relative;}
.tooltipwin {position: absolute;    color: white;    text-align: left;    background: #2B476A; border-radius: 15px; z-index: 1; display: none;}
.cblock a:hover{color: red}
.cblock b{color:#3c4e76}
.cblock a:hover .tooltipwin{display: block;}
.imglink svg{fill: #212b3d;fill-rule: evenodd; z-index: 2;}
.imglink:hover .cls-1{fill: red;color: red;cursor: pointer;}
.imglink:hover .tooltipwin{display: block;}
.blues{color: #596C8F}
.hardtext{font-size: 14px;font-family:"Montserrat Light"; color: #4e6693;}
/*page3*/
.filterbtn{height: 50px; font-size: 16px;}
.filterbtn .btn{border: 2px solid #CED1D8; border-radius: 25px;color: #CED1D8}
/*page4*/
.row-flex {  display: flex;  flex-wrap: wrap;}
.breadcrumb-item + .breadcrumb-item::before {display: inline-block;padding-right: 0.5rem;color: #6c757d;content: ">";}
/*page6*/
.toplabel{position: absolute;color: grey;text-align: left;font-size: 16px;left: 18px;top:4px;}
.inbox .toplabel{display: block!important; font-size: 12px; margin-top: 5px;}
.listcomp{height: 285px;overflow-y: auto;}
.listcomp li{list-style: none;padding: 10px;}
.listcomp .active a{color: red!important;}
.listcomp li a:hover{color: red;}
.bg-head{background-color: #E6E6E6;}
/*page3new*/
#editfilter label{font-size: 16px;}
#exampleSelect2 option:before{content: 'c'}
.sidebar { max-height: 100%;  -webkit-transition-property: top,bottom; transition-property: top,bottom; -webkit-transition-duration: .2s,.2s; transition-duration: .2s,.2s; -webkit-transition-timing-function: linear,linear; transition-timing-function: linear,linear; -webkit-overflow-scrolling: touch; }
.sidebar-wrapper { position: relative; /*max-height: calc(100vh - 75px); min-height: 100%; overflow: auto; width: 360px;*/ z-index: 4; /*padding: 20px 25px 0 25px;*/}
.radiosv label {display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 20px;	font-size: 16px;line-height: 1.2;color:#4e6693}
.checksv label {display: inline-block;cursor: pointer;position: relative;padding-left: 40px;margin-right: 10px;	font-size: 16px;color:#4e6693}
.radiosv input[type=radio],
.checksv input[type=checkbox] {	display: none;}
.radiosv label:before {	content: "";	display: inline-block;	width: 16px;	height: 16px;	margin-right: 14px;	position: absolute;	left: 0;	bottom: 1px;  background-color: transparent;    border: 1px solid #D9DBE0;}
.checksv label:before {	content: "";	display: inline-block;	width: 27px;	height: 27px;	margin-right: 14px;	position: absolute;	left: -4px;top: -4px;	bottom: 1px;  background-color: transparent;    border: 2px solid #D9DBE0;}
.radiosv label:before {	border-radius: 8px;}
.checksv .checkbox label {	margin-bottom: 16px;}
.checksv .checkbox label:before { border-radius: 0px;}
.radiosv input[type=radio]:checked + label:before {    content: "";   width: 16px;  	height: 16px;    background-color: #FF3133;      border: 1px solid #D9DBE0;}
.checksv input[type=checkbox]:checked + label:before {content: "\25A0";    color: #FF3133;    font-size: 34px;    text-align: center;    line-height: 16px;}
.close[data-dismiss=modal]:hover, .close[data-dismiss=modal]:focus, a.bg-danger[data-dismiss=modal]:hover, a.bg-danger[data-dismiss=modal]:focus, button.bg-danger[data-dismiss=modal]:hover, button.bg-danger[data-dismiss=modal]:focus { background-color: #dc3545 !important; opacity: 1 !important; }
.modal-title {margin-bottom: 0;line-height: 1.5;color: #3c4e76;text-align: center;}
.ukplockdiv{border-top: 1.5px solid  #31405f; border-bottom:1.5px solid #31405f;height:112px; width:283px;}
.ukplock:hover{background: rgba(60,78,118,0.6); border-radius: 15px;}
.ukplock:hover .ukplockdiv{border-top: 1.5px solid  transparent; border-bottom:1.5px solid transparent;}
.breadcrumb-item a{
  font-size: 15.559px;
  font-family: "Montserrat Bold";
  color: rgb(60, 78, 118)!important;
  line-height: 2.278;
  text-align: left;
  -moz-transform: matrix( 0.91119824905804,0,0,0.91119824905804,0,0);
  -webkit-transform: matrix( 0.91119824905804,0,0,0.91119824905804,0,0);
  -ms-transform: matrix( 0.91119824905804,0,0,0.91119824905804,0,0);
  }
.breadcrumb-item.active {
	
font-size: 15.559px; line-height: 2.278;font-family: "Montserrat Bold";	
}
.breadcrumb-item span{
  font-size: 15.559px;
  font-family: "Montserrat Light";
  color: rgb(60, 78, 118)!important;
  line-height: 2.278;
  text-align: left;
  -moz-transform: matrix( 0.91119824905804,0,0,0.91119824905804,0,0);
  -webkit-transform: matrix( 0.91119824905804,0,0,0.91119824905804,0,0);
  -ms-transform: matrix( 0.91119824905804,0,0,0.91119824905804,0,0);
  }
.fields2::-webkit-input-placeholder { /* Chrome */
  color: #76777c!important;}
.fields2:-ms-input-placeholder { /* IE 10+ */
  color: #76777c!important;}
.fields2::-moz-placeholder { /* Firefox 19+ */
  color: #76777c!important;  opacity: 1;}
.fields2:-moz-placeholder { /* Firefox 4 - 18 */
  color: #76777c!important;  opacity: 1;}
  .graph-types-button
{
	margin-bottom: 20px;
	margin: 0 auto;
	width: max-content;
}
.addressAndSNRow
{
	margin-top: -104px;
	margin-bottom: 19px;
}
.addressAndSNRow .row:nth-of-type(1){
		font-size: 14px;
		min-height: 20px;
		color: #b6bbbf;
}
.addressAndSNRow .row:nth-of-type(2){
		font-size: 16px;
		color: #000000;
	    margin: 0 auto;	
		margin-top: 10px;
}
@media screen and (min-width: 1024px) {
.modal-dialog-big{max-width: 900px;}
.modal-dialog-medium{max-width: 600px;}
.orgNameBg { background-color: #3c4e76; border-radius:15px; }
.tooltipwin{width: 800px!important;}
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 900px) {
	.addressAndSNRow
{
	margin-top: 10px
}
	.topSelectorsRow, .graph-types-button
{
	margin-top: 100px;
}
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
.cptop h3{font-size: 16px;}
.bclose { right:5px !important; top:5px !important; }
.topSelectorsRow{
	margin-top: 85px
}
.addressAndSNRow
{
	margin-top: -175px;
}
}
@media screen and (max-width: 768px) {	

}
@media (max-width: 576px) {

}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 50px)
{
	.cpmain { width: 100%; }	
	
@media screen and (max-width: 992px) {	
.bclose { right:5px !important; top:5px !important; }	
}
	
}
@media (min-width: 576px) {
	.graph-btn-value:nth-of-type(1){
		text-align: right !important;
	}
	
	.graph-btn-value:nth-of-type(2){
		text-align: left !important;
	}
	
	.right-top-selector, #dashboardTypeSelect{
		text-align: left !important;
	}
	
	.right-top-selector{
		float: right;
	}
}

@media (max-width: 575px) {
	.wrap-left-container, .wrap-right-container {
		margin: 0 auto;
	}
	.graph-types-button{
		margin-top: 165px;
	}
	.graph-btn-value:nth-of-type(1){
		margin-bottom: 10px;
	}
	.addressAndSNRow
	{
		margin-top: -240px;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.sidebar { width:350px; padding: 0 30px 0 30px; }
	.cpmain { width: calc(100% - 350px); }
	#logoBlock { margin-left: 17px; }

}
@media (min-width: 1250px) { 
	.graph-types-button
	{
		margin-top: 10px;
	}
}
.dark-blue {color: #3c4e76 !important;}
.exitbutton	{ border: 1px solid transparent; display: inline-block; color: #ff0000; text-decoration: underline; }
.exitbutton:hover { color: #ff4c4c !important; }
.borderIndicator a li.active { color: #fe6368 !important; }
.borderIndicator:hover { background-color: #E6E6E6 !important;  border-radius: 15px !important; }
.borderIndicator:hover a { text-decoration: none; }
.breadcrumb { background-color: #F5F5F5 !important;
}
.modal-content { width: 97%; }
.chartBgGradient
{
	background: repeating-linear-gradient(
  to right,
   #ecf3ff 35px,
  #FFFFFF 35px
);
}
.dashboard-groupCard {
	border: 1px solid #b4b4b4;
	padding: 15px;
	width: 9.25rem;
	height: 9.25rem;
	display: block;
	border-radius: 10px;
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
}
.dashboard-meterCard {
	border: 1px solid #000000;
	padding: 15px;
	width: 20rem;
	display: block;
	border-radius: 10px;
}
.groupTileNameBlock{
	width: 100%;
    height: 4.5rem;
	vertical-align: middle;
	display: flex;
	margin-top: 5px;
}
*:focus {
    outline: none;
}

.graph-btn-value {
	min-widht: max-content;
}
.graph-btn-value button{
	min-width: 185px;
	padding: 0 5px;
    height: 90px;
	max-height: 90px;
}
.cblock .nohighlight:hover
{
	color: #000;
}
.bootstrap-select .dropdown-toggle .filter-option
{
	padding-top: 6px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.page-item a
{
	color: #000;
}
.page-item.active .page-link
{
	background-color: #3c4e76;
	border-color: #3c4e76;	
}

.page-link:hover
{
	background-color: #3c4e76;
	border-color: #3c4e76;
	color: #fff;
}
.page-link.spacer:hover {
    background-color: transparent;
    border-color: transparent;
    color: #000;
}
.page-item.spacer, .page-item.spacer:hover
{
	background-color: transparent;
	border-color: transparent;	
	margin-left: 1px;
}
.page-item.spacer .page-link,.page-item.spacer .page-link:hover
{
	border: 0;
	color: #000;
}
.cblocks
{
	background-color:#ffffff;
}