/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1401px) and (max-width: 1600px){
}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1400px){
	.contentbar{
		padding: 15px;
	}
	.login-form h4{
		font-size: 22px;
	}
	.login-form .form-control{
		font-size: 18px;
		height: 55px;
	}
	.auth-box-logo img{
		width: 300px;
	}
	.btn-login{
		height: 50px;
		line-height: 55px;
		font-size: 18px;
		margin-top: 0px;
		border-radius: 6px;
	}
		.deleterow .form-control {
		max-width: 88%;
	}
	.close-input {
	    width: 40px;
    	height: 40px;
    	font-size: 22px;
	}
	.close-input i{
		width: 100%;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px){ 
	.contentbar{
		padding: 15px;
	}
	.login-form h4{
		font-size: 19px;
	}
	.login-form .form-control{
		font-size: 16px;
		height: 50px;
	}
	.auth-box-logo img{
		width: 290px;
	}
	.btn-login{
		height: 50px;
		line-height: 50px;
		font-size: 15px;
		margin-top: 0px;
		border-radius: 6px;
	}
	.login-form{
		max-width: 390px;
	}
	.deleterow .form-control {
		max-width: 88%;
	}
	.close-input {
		width: 40px;
    	height: 40px;
    	font-size: 22px;
	}
	.close-input i{
		width: 100%;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){
	.contentbar{
		padding: 15px;
	}
	.login-form h4{
		font-size: 17px;
	}
	.login-form .form-control{
		font-size: 15px;
		height: 45px;
	}
	.auth-box-logo img{
		width: 220px;
	}
	.btn-login{
		height: 45px;
		line-height: 45px;
		font-size: 15px;
		margin-top: 0px;
		border-radius: 6px;
	}
	.auth-box{
		width: 100%;
	}
	.login-form{
		max-width: 360px;
	}
	.btn-primary {
		font-size: 15px;
		line-height: 40px;
		padding: 0px 15px;
	}
	.btn-groups{
		justify-content: center !important;
		align-items: center;
	}
	.deleterow .form-control {
		max-width: 88%;
	}
	.close-input {
		width: 40px;
    	height: 40px;
    	font-size: 22px;
	}
	.close-input i{
		width: 100%;
	}
	.btn-secondary{
		font-size: 16px;
		font-weight: 700;
		line-height: 45px;
		padding: 0px 15px;
		margin-bottom: 10px;
	}
		.profileblock{
		margin-bottom: 35px;
	}
	.logobar a img {
    width: 198px;
}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px){ 
	.contentbar{
		padding: 15px;
	}
	.login-form h4{
		font-size: 17px;
	}
	.login-form .form-control{
		font-size: 15px;
		height: 45px;
	}
	.auth-box-logo img{
		width: 190px;
	}
	.btn-login{
		height: 45px;
		line-height: 45px;
		font-size: 15px;
		margin-top: 0px;
		border-radius: 6px;
	}
	.auth-box{
		width: 100%;
	}
	.footerbar p{
		font-size: 12px;
		line-height: 16px;
	}
	.footer {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.btn-primary {
		font-size: 14px;
		line-height: 40px;
		padding: 0px 15px;
	}
	.btn-groups{
		justify-content: center;
		align-items: center;
	}
	.deleterow .form-control {
		max-width: 90%;
	}
	.close-input {
		width: 40px;
    	height: 40px;
    	font-size: 22px;
	}
	.close-input i{
		width: 100%;
	}
	.commingsoon img{
		width: 320px;
	}
			.profileblock{
		margin-bottom: 35px;
	}

}
/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
@media (min-width: 0px) and (max-width: 575px){
	.contentbar{
		padding: 15px;
	}
	.btn-groups .btn-primary{
		margin: 0px 10px;
	}
	.btn-primary{
		font-size: 14px;
		line-height: 40px;
		padding: 0px 15px;
	}
	.btn-groups{
		justify-content: center !important;
		align-items: center;
	}
	.form-control{
		font-size: 14px;
	}
	.footerbar p{
		font-size: 12px;
		line-height: 16px;
	}
	.footer {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.auth-box{
		width: 100%;
		padding: 0px 10px;
	}
	.login-form h4{
		font-size: 16px;
	}
	.login-form .form-control{
		font-size: 14px;
		height: 40px;
	}
	.auth-box-logo img{
		width: 190px;
	}
	.auth-box .login-box {
		max-width: 100%;
	}
	.btn-login{
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		margin-top: 0px;
	}
	.login-form {
		float: none;
		max-width: 280px;
		margin: 40px auto 0;
		text-align: center;
	}
	.auth-box-logo{
		max-width: 280px;
		margin: 0 auto;
		text-align: center;
	}
	.btn-secondary{
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: 700;
		line-height: 40px;
		padding: 0px 20px;
	}
	.deleterow .form-control {
		max-width: 90%;
	}
	.close-input {
		width: 40px;
    	height: 40px;
    	font-size: 22px;
	}
	.close-input i{
		width: 100%;
	}
	.commingsoon img{
		width: 240px;
	}
			.profileblock{
		margin-bottom: 35px;
	}
	.topbar-mobile .mobile-logobar img {
    width: 160px;
}
.breadcrumbbar .breadcrumb .breadcrumb-item {
    font-size: 13px;
}
}
@media (min-width: 320px) and (max-width: 1024px){
	.information_mobile {
		display: block;
		background: #fff0 !important;
		box-shadow: none !important;
	}
	.dygraph-rangesel-bgcanvas, .dygraph-rangesel-fgcanvas, .dygraph-rangesel-zoomhandle {
		display: block !important;
	}

	.instruction{
	  	display: none;
	  }
	 .mobile-instruction{
	  	display: block;
	  }
}
/*Dygraph*/
/*@media (min-width: 320px) and (max-width: 339px){
	.dygraph-legend{
		left: 140px !important;
        top: 5px !important;
        font-size: 5px !important;
	}

	.dygraph-title {
      font-size: 10px !important;
    }

}

@media (min-width: 340px) and (max-width: 359px){
	.dygraph-legend{
		left: 139px !important;
        top: 5px !important;
        font-size: 7px !important;
	}

	.dygraph-title {
      font-size: 10px !important;
    }

}

@media (min-width: 360px) and (max-width: 374px){
	.dygraph-legend{
		left: 160px !important;
        top: 5px !important;
        font-size: 7px !important;
	}

	.dygraph-title {
      font-size: 10px !important;
    }

}
@media (min-width: 375px) and (max-width: 379px){
	.dygraph-legend{
		left: 172px !important;
        top: 5px !important;
        font-size: 7px !important;
	}

	.dygraph-title {
      font-size: 10px !important;
    }

}

@media (min-width: 380px) and (max-width: 399px){
	.dygraph-legend{
		left: 180px !important;
        top: 5px !important;
        font-size: 7px !important;
	}

	.dygraph-title {
      font-size: 10px !important;
    }

}
@media (min-width: 400px) and (max-width: 419px){
	.dygraph-legend{
		left: 170px !important;
        top: 5px !important;
        font-size: 10px !important;
	}

	.dygraph-title {
      font-size: 10px !important;
    }

}

@media (min-width: 420px) and (max-width: 449px){
	.dygraph-legend{
		left: 182px !important;
        top: 5px !important;
        font-size: 10px !important;
	}

	.dygraph-title {
      font-size: 12px !important;
    }

}

@media (min-width: 450px) and (max-width: 479px){
	.dygraph-legend{
		left: 212px !important;
        top: 5px !important;
        font-size: 10px !important;
	}

	.dygraph-title {
      font-size: 14px !important;
    }

}

@media (min-width: 480px) and (max-width: 449px){
	.dygraph-legend{
		left: 241px !important;
        top: 5px !important;
        font-size: 10px !important;
	}

	.dygraph-title {
      font-size: 15px !important;
    }

}

@media (min-width: 500px) and (max-width: 519px){
	.dygraph-legend{
		left: 256px !important;
        top: 5px !important;
        font-size: 10px !important;
	}

	.dygraph-title {
      font-size: 16px !important;
    }

}
@media (min-width: 520px) and (max-width: 539px){
	.dygraph-legend{
		left: 280px !important;
        top: 5px !important;
        font-size: 10px !important;
	}

	.dygraph-title {
      font-size: 16px !important;
    }

}

@media (min-width: 540px) and (max-width: 549px){
	.dygraph-legend{
		left: 301px !important;
        top: 5px !important;
        font-size: 10px !important;
	}

	.dygraph-title {
      font-size: 16px !important;
    }

}

@media (min-width: 550px) and (max-width: 579px){
	.dygraph-legend{
		left: 310px !important;
        top: 5px !important;
        font-size: 10px !important;
	}

	.dygraph-title {
      font-size: 16px !important;
    }

}
@media (min-width: 580px) and (max-width: 559px){
	.dygraph-legend{
		left: 332px !important;
        top: 5px !important;
        font-size: 11px !important;
	}

	.dygraph-title {
      font-size: 17px !important;
    }

}
@media (min-width: 600px) and (max-width: 619px){
	.dygraph-legend{
		left: 340px !important;
        top: 5px !important;
        font-size: 12px !important;
	}

	.dygraph-title {
      font-size: 17px !important;
    }

}
@media (min-width: 620px) and (max-width: 649px){
	.dygraph-legend{
		left: 349px !important;
        top: 5px !important;
        font-size: 13px !important;
	}

	.dygraph-title {
      font-size: 18px !important;
    }

}
@media (min-width: 650px) and (max-width: 680px){
	.dygraph-legend{
		left: 374px !important;
        top: 5px !important;
        font-size: 13px !important;
	}

	.dygraph-title {
      font-size: 18px !important;
    }

}

@media (min-width: 681px) and (max-width: 768px){
	.dygraph-legend{
		left: 475px !important;
        top: 8px !important;
       
	}
}

@media (min-width: 769px) and (max-width: 800px){
	.dygraph-legend{
		left: 506px !important;
        top: 10px !important;
       
	}
}


@media (min-width: 1024px) and (max-width: 1070px){
	.dygraph-legend{
		left: 292px !important;
        top: 12px !important;
        font-size: 12px !important;
    }
}
@media (min-width: 1080px) and (max-width: 1270px){
	.dygraph-legend{
		left: 292px !important;
        top: 8px !important;
       
	}
}
@media (min-width: 1280px) and (max-width: 1300px){
	.dygraph-legend{
		left: 415px !important;
        top: 12px !important;
        font-size: 12px !important;
    }
}
@media (min-width: 1326px) and (max-width: 1366px){
	.dygraph-legend{
		left: 448px !important;
        top: 12px !important;
        font-size: 12px !important;
    }
}	

@media (min-width: 1400px) and (max-width: 1440px){
	.dygraph-legend{
		left: 474px !important;
        top: 12px !important;
        font-size: 12px !important;
    }
}
*/
/*@media (min-width: 1400px) and (max-width: 1559px){
	.dygraph-legend{
		left: 585px !important;
        top: 11px !important;
        /*font-size: 12px !important;*/
    /*}
}*/	

/*@media (min-width: 1600px) and (max-width: 1679px){
	.dygraph-legend{
		left: 535px !important;
        top: 11px !important;
       
    }
}	

@media (min-width: 1680px) and (max-width: 1800px){
	.dygraph-legend{
		left: 525px !important;
        top: 11px !important;
        
    }
}	
*/
/*@media (min-width: 1920px) and (max-width: 1950px){
	.dygraph-legend{
		left: 657px !important;
        top: 28px !important;
        font-size: 16px !important;
    }
}*/
/*@media screen and (min-width: 1920px) {
	.dygraph-legend{
		left: 668px !important;
        top: 13px !important;
        font-size: 16px !important;
    }
}	

@media (min-width: 2160px) and (max-width: 2303px){
	.dygraph-legend{
		left: 797px !important;;
        top: 10px !important;;
        
    }
}


@media (min-width: 2304px) and (max-width: 2559px){
	.dygraph-legend{
		left: 851px !important;;
        top: 10px !important;
        font-size: 16px !important;
        
    }
}		


@media (min-width: 2560px) and (max-width: 2879px){
	.dygraph-legend{
		left: 1015px !important;;
        top: 10px !important;;
        
    }
}	
	
@media (min-width: 2880px) and (max-width: 2999px){
	.dygraph-legend{
		left: 1143px !important;
        top: 10px !important;
        font-size: 15px !important;
        
    }
}	

@media (min-width: 3000px) and (max-width: 3839px){
	.dygraph-legend{
		left: 1213px !important;
        top: 28px !important;
        font-size: 15px !important;
    }
}	


@media (min-width: 3840px) and (max-width: 4095px){
	.dygraph-legend{
		left: 1506px !important;
        top: 28px !important;
        font-size: 25px !important;
    }
}	

@media (min-width: 4096px) and (max-width: 5119px){
	.dygraph-legend{
		left: 1639px !important;
        top: 28px !important;
        font-size: 25px !important;
    }
}

@media (min-width: 5120px) and (max-width: 6000px){
	.dygraph-legend{
		left: 2152px !important;
        top: 28px !important;
        font-size: 25px !important;
    }
}
*/
/*@media (max-width: 858px) and (min-width: 768px) {
	.dygraph-legend {
	    left: 534px !important;
	    top: 5px !important;
	}
}*/

/*@media (max-width: 1024px) and (min-width: 768px) {
	.dygraph-legend {
	    left: 484px !important;
	    top: 5px !important;
	}
}

@media (max-width: 991px) and (min-width: 859px) {
	.dygraph-legend {
	    left: 627px !important;
	    top: 5px !important;
	}
}
@media (max-width: 1199px) and (min-width: 992px) {
	.dygraph-legend {
	    left: 269px !important;
	    top: 10px !important;
	}
}
@media (min-width: 1200px) and (max-width:1499px) {
	.dygraph-legend {
	    left: 430px !important;
	    top: 10px !important;
	}
}
@media (min-width:1500px) {
	.dygraph-legend {
	    left: 733px !important;
	    top: 5px !important;
	}
}*/
/*@media (max-width: 484px) {
	.dygraph-legend {
	    left: 167px !important;
	    top: 7px !important;
	    font-size: 11px !important;
	}
}*/

/*@media (max-width: 812px) and (min-width: 375px) {
	.dygraph-legend {
	    left: 170px !important;
	    top: 10px !important;
	    font-size: 7px !important;
	}

	.dygraph-title {
      font-size: 10px !important;
    }
}
@media (max-width: 736px) and (min-width: 414px) {
	.dygraph-legend {
	    left: 210px !important;
	    top: 10px !important;
	    font-size: 7px !important;
	}

	.dygraph-title {
      font-size: 10px !important;
    }
}
@media (max-width: 823px) and (min-width: 411px) {
	.dygraph-legend {
	    left: 204px !important;
	    top: 10px !important;
	    font-size: 7px !important;
	}

	.dygraph-title {
      font-size: 10px !important;
    }
}
@media (max-width: 768px) and (min-width: 300px) {
	.dygraph-legend {
	   left: 550px !important;
       top: 10px !important;
       font-size: 8px !important;
	}
}
@media (max-width: 425px) and (min-width: 372px) {
	.dygraph-legend {
	   left: 219px !important;
       top: 10px !important;
       font-size: 7px !important;
	}
}
@media (max-width: 640px) and (min-width: 360px) {
	.dygraph-legend {
	    left: 158px !important;
	    top: 10px !important;
	    font-size: 7px !important;
	}
	.dygraph-title {
      font-size: 10px !important;
    }
}
@media (max-width: 425px) and (min-width: 285px) {
	.dygraph-legend {
	    left: 220px !important;
	    top: 10px !important;
	    font-size: 7px !important;
	}
	.dygraph-title {
      font-size: 10px !important;
    }
}
@media (max-width: 389px) and (min-width: 320px) {
	.dygraph-legend {
	    left: 119px !important;
	    top: 10px !important;
	    font-size: 7px !important;
	}
	.dygraph-title {
      font-size: 10px !important;
    }
}
@media (max-width: 501px) and (min-width: 375px) {
	.dygraph-legend {
	    left: 171px !important;
	    top: 10px !important;
	    font-size: 7px !important;
	}
	.dygraph-title {
      font-size: 10px !important;
    }
}

*/

/*@media (max-width: 600px) and (min-width:485px) {
	.dygraph-legend {
	    left: 318px !important;
	    top: 7px !important;
	    font-size: 11px !important;
	}
}*/
/*@media (max-width: 720px) and (min-width:540px) {
	.dygraph-legend {
	    left: 293px !important;
	    top: 7px !important;
	    font-size: 11px !important;
	}
}
@media (max-width: 767px) and (min-width: 689px){
	.dygraph-legend {
	    left: 474px !important;
	    top: 5px !important;
	    font-size: 12px !important;
	}
}


@media (max-width: 689px) and (min-width: 600px) {
	.dygraph-legend {
	    left: 382px !important;
	    top: 5px !important;
	    font-size: 12px !important;
	}
}*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
	#responsive_filter_search > #default-datatable_wrapper > .row > .col-sm-12{
		width:50% !important;
		flex: auto !important;
	}
	#responsive_filter_search > div.dataTables_wrapper div.dataTables_length label {
		white-space: normal !important;
	}
	#responsive_filter_search div.dataTables_wrapper div.dataTables_filter label{
		white-space: normal !important;
	}

}

@media (min-width: 991px) and (max-width: 1042px){
	.btn-secondary {
		margin-bottom: 10px !important;
	}
}