@font-face{
    font-family:"Poppins-Regular";
    src:url("../../../fonts/Poppins-Regular.ttf") format("truetype");
}
.logofont{font-family:"Poppins-Regular";}
.login-logo{font-size: 3.2rem;padding-right: 5px;}
.logofont
a:hover{text-decoration: none;}
/*Padding Classes*/
.p-5{padding: 5px;}
.plr-5{padding:0 5px;}
.ptb-5{padding:5px 0px;}

.p-10{padding: 10px;}
.plr-10{padding:0 10px;}
.ptb-10{padding:10px 0px;}

.p-15{padding: 15px;}
.plr-15{padding:0 15px;}
.ptb-15{padding:15px 0px;}

.pb-15{padding-bottom: 15px;}

.m-login__logo img{max-width: 170px;}
.logo-span{display: block;font-size: 21px;font-weight: 500;padding: 10px;border-bottom: solid 1px rgba(54, 163, 247,0.2);color: #fff;}
.m-brand__logo-wrapper img{width: 130px;padding: 5px;}
.m-brand__logo-wrapper .nav-logo-span{color: #fff;font-size: 20px;padding-left: 4px;}
.login-bg{position: relative;}
.login-bg-overlay{position: absolute;content: ' ';left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(0, 0, 0, 0.60);}
.login-bg .m-grid__item{position: relative;z-index: 2}
.login-p{font-weight: 500;color: #fe9b08;padding-top: 10px;font-size: 1.9rem;}
.bg-nav-logo{box-shadow: 0px 1px 5px rgba(0,0,0,0.1);}
.top-nav-heading{color: #222;line-height: normal;font-size: 20px;padding: 9px 0px;display: table-cell;vertical-align: middle;}
.top-nav-heading span{display: block;line-height: 25px;font-size: 20px;color: #0090ff;}
.notification-header{background-color: #333;background-image:url(../../../images/bg1.png);background-size:cover;position: relative;}
.notification-header:before{position: absolute;content: ' ';left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.65);}
.notification-header-relative {position: relative;}
.profile-header{background-color: #333;background-image:url(../../../images/bg1.png);background-size:cover;position: relative;}
.profile-header:before{position: absolute;content: ' ';left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.65);}
.profile-header-relative {position: relative;}
.grid-link{padding: 10px;border: solid 1px #eee;box-shadow: 0px 3px 7px rgba(0,0,0,0.1);margin-bottom: 30px;
	text-align: center;background: #fff;border-radius: 10px;background-image:url(../../../images/graph-bg.jpg);background-size: cover;background-position: center center;}
.grid-link:hover{box-shadow: 0px 7px 25px rgba(0,0,0,0.30);transition: 0.7s;}
.grid-link figure{margin-bottom: 0px;}
.grid-link img{max-height:80px;padding:10px;}
.dashboard-grids{padding:0px 0px 20px 0px;}
.grid-link-title{font-size: 20px;color: #333;margin-bottom: 10px;padding-bottom: 5px;border-bottom: solid 1px rgba(0,0,0,0.06);}
.m-tabs__item i{color: #0090ff!important}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active a{
	background-color: #0090ff!important;
}
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active i{color: #fff!important;}
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active .m-menu__link-text{color: #fff!important;font-weight: bold;}
.m-tabs-line--info .m-tabs__item .m-tabs__link:hover,.m-tabs-line--info .m-tabs__item .m-tabs__link:hover i{color: #0090ff !important;}
.m-tabs-line--info .m-tabs__item .m-tabs__link:hover{margin-top: 0px;}
.m-tabs-line--info .m-tabs__item .m-tabs__link i{color: #333!important}
.m-tabs-line--info .m-tabs__item .m-tabs__link.active{pointer-events: none;}
.m-tabs-line--info .m-tabs__item .m-tabs__link.active i{color: #0090ff !important}
.shadow-0{box-shadow: none!important;}
.custom-main-heading{
margin-bottom: 5px;
border-bottom: solid 1px #ddd;
}
.custom-main-heading .m-subheader__title{font-size: 1.5rem;}
.chart-wrapper{
	padding-top: 35px;
	text-align: center;
}
.chartdiv{margin: auto;width: 80%;height: 500px;}
 @media only screen and (max-width: 1025px) {
.chartdiv{width: 100%;}
}
@media (max-width: 767px) {
.custom-main-heading .m-subheader__title{
    font-size: 1.25rem !important;
line-height: 22px;
width: 140px;
font-family:Poppins-Regular !important;


}
.top-nav-heading{font-size: 18px;}
.form-group.m-form__group.m-0{margin-bottom: 15px!important;}
.top-nav-heading .logofont{display:block!important;}
}

@media screen and (min-device-width: 1025px) and (max-device-width: 1165px) { 
    .m-header-menu {
    width: calc(100% - 300px);
}
.laptop-dropdown-btn-wrapper{display: table-cell;vertical-align: middle;}
.laptop-dropdown-btn-wrapper .btn{color: #000;display: block!important;}
.m-nav .m-nav__item > .m-dropdown__toggle_select .m-nav__link_select {
    display: inline-block;
position: absolute;
right: 0;
margin-top: 80px;
min-width: 300px;
background-color: #fff;
border: solid 1px #eee;
height: auto;
padding: 20px;
display: none;
width: 100%;
}
}

@media (max-width: 1024px) {
.m-nav__link_select .from-group{float: left;width: 48%;}
.m-topbar .m-topbar__nav.m-nav{width: 100%}
}
.laptop-dropdown-btn-wrapper .btn{display: none;}

@media (max-width: 767px) {
.m-topbar__nav{
float: none;
width: 100%;
margin: 0px;}
}

@media (max-width: 767px) {
.m-aside-header-menu-mobile {
    width: 100%;
    margin-top: 1px;
    margin-left: 0px;
}
.m-header--fixed-mobile .m-body{padding-top: 260px !important}
.m-login__logo img {
    max-width: 120px;
}
.m-login.m-login--1 .m-login__wrapper{padding: 35% 0rem 2rem 0rem;}
.m-login.m-login--1 .m-login__aside{padding: 2rem 1.4rem;}
.export-btn-wrapper{text-align: center!important;}
}
.scrollable-tabs{
display: inline-block!important;
width: 100%;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
z-index: 1
}

.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line > .nav-item.m-tabs__item{display: inline-block!important;margin-bottom: 0px;}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link{display: inline-block!important;
    top: 0px;
    left: 0px;
}
.m-portlet__head.border-0::after {
    content: ' ';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
    bottom: 15px;
    z-index: 0;
}
.dashboard-nav-tabs .m-portlet__head.border-0::after{background-color: #f9f9f9}
.pos-relative{position: relative;}
.login-left-bg{background-size: cover;position: relative;}
.login-left-bg:before{content: '';position:absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2) }
.login-left-bg .m-login__title{color:rgba(255, 255, 255,0.9)}
.login-left-bg input{padding-left: 15px !important;padding-right: 15px !important;margin-top: 10px !important;border-radius: 2px !important;}
.login-left-bg .m-checkbox{color: rgba(255, 255, 255,0.8);}
.login-left-bg .m-checkbox.m-checkbox--focus > span{border-color: rgba(255,255,255,0.8);}
.m-checkbox.m-checkbox--focus > span::after{border-color: rgba(255,255,255,0.8);}
.login-left-bg .btn{
    border: solid 1px #fff;
    background-color: rgba(44, 173, 249,0.4);
    transition: 0.7s;
}
.login-left-bg .btn:hover{
    background-color: rgba(31, 155, 228,0.6);
    transition: 0.7s;
    box-shadow: 0px 8px 10px rgba(0,0,0,0.2)!important;
}
.login-left-bg .m-link{color: #fff;}

.top-nav-heading .logofont{font-size: 22px;color: #444;font-weight:bold}

.export-btn-wrapper{
text-align: right;
padding-bottom: 15px;
}
.tab-pane .m-portlet__head.border-0::after {
    background-color: #f9f9f9;
}

.month-label label,.year-label label{font-size: 13px;padding-bottom: 5px;}

.m-topbar .dropdown-menu.show{z-index: 9999;}
.month-label,.month-list,.year-label,.year-list{padding: 0px 5px;text-align: right;}



/*CSS for Table*/
.Header_Water:{margin-top: -30px !important;}

.mt-30{margin-top: 30px;}
.chart-table{padding:10px 0px;}
.chart-table table th, 
.chart-table table td{padding: 0.5rem;vertical-align: middle;}
.chart-table table th {
    background-color: #fd397a;
    color: #fff;
    border-right: solid 1px #1c85d5  !important;  
      border-width: thin;
    
}
.chart-table .dt-buttons{float: left;}
.sub-heading{
margin-bottom: 20px;
font-size: 16px;
color: #333;
border-bottom: solid 1px #f9f9f9;
padding-bottom: 4px;
}
.dt-buttons .btn-secondary{border-color: #ddd;}
.m--visible-tablet-and-mobile-inline-block{
    padding: 3px 15px;
line-height: normal!important;
color: #333;
border:solid 1px #ddd;
background-color: #f9f9f9;
border-radius: 4px;
}
.bootstrap-select .btn .filter-option-inner{overflow: hidden;text-overflow: ellipsis;max-width: 90%;white-space: nowrap;}
/*.new_tabs .tab-pane:first-child .tab-heading{padding: 15px 0;}*/
.new_tabs .tab-pane .tab-heading{
   margin: 5px 0px 5px 0px;
padding-bottom: 4px;
border-bottom: dashed 1px #ccd0db;
color: #556080;
font-family:Poppins-Regular !important; 

}

.Dynamic-table-Header {
   
    text-align: center;
    color:White;background-color: #0090ff;font-size:13px;font-weight:500;
    border: solid 1px #1c85d5 !important;
    border-width: thin;
}
/*Dashboard*/
.work-dashboard-wrapper{padding:20px 0px 0px;background-color: #fff;}
.work-yr-mnth-details {padding: 5px 15px; background-color: #f4f6fc; border-radius: 4px; border: solid 1px #e7e9f2; } 
.work-yr-mnth-details .work-details-item{font-size: 15px;padding: 5px 0px;}
.work-yr-mnth-details .work-details-item span{font-weight: 600;padding-left: 10px;}
.work-sec{padding: 15px 0px;border-top: dashed 1px #ddd;}
.work-sec:first-child{padding-top: 0px;border-top: none;}
.work-sec:last-child{padding-bottom: 0px;}
.work-count-wrapper{padding-top: 30px;}
.work-count-item {background-color: #f9f9f9; text-align: center; font-size: 18px; box-shadow: 0px 15px 15px rgba(0,0,0,0.25); transition: 0.7s;margin-bottom: 30px;} 
.work-count-item:hover{box-shadow: 0px 20px 15px rgba(0,0,0,0.3);transition: 0.7s;border-color: #556080;}
.work-count-item:hover .work-count-span {color: #455174; transition: 0.7s; }
.work-count-span {padding: 35px 15px; margin-bottom: 0px; border: solid 1px #d7dfe6; color: #455174; letter-spacing: 1px;font-size: 22px;transition: 0.7s;}
.work-item-name{padding:10px 15px;background-color:  #fd397a;color: #fff;}
.work-count-wrapper .sub-heading {margin-bottom: 20px; font-size: 18px; color: #333; background-color: #f1f1f1; border-bottom: none; padding: 10px 15px; margin-top: 15px; border-radius: 4px;border:solid 1px #eee; }