img{max-width:100%}
a:focus{outline:none}
.row{width:100%}
.page-body-wrapper{min-height:calc(100vh - 70px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-left:0;padding-right:0}
.content-wrapper{padding:2.75rem 2.25rem;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:#f2edf3}
.page-body-wrapper.full-page-wrapper{width:100%;min-height:100vh}

.btn-gradient-primary{background:-webkit-gradient(linear,left top,right top,from(#80ff72),to(#7ee8fa));background:linear-gradient(to right,#80ff72,#7ee8fa);border:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;padding:.8rem 1rem}
.btn-block{display:block;width:100%}
.btn:not(:disabled):not(.disabled){cursor:pointer}
.btn-gradient-primary:not(.btn-gradient-light){color:#fff}
.btn.btn-lg,.btn-group-lg>.btn{font-size:.875rem}

.form-control-lg{min-height:calc(1.5em+1rem+2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
.form-control{display:block;width:100%;height:2.875rem;padding:.94rem 1.375rem;font-size:.8125rem;font-weight:400;line-height:1;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:2px;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
.form-control-lg{height:3.175rem;padding:.94rem .94rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
.form-control,
.form-control:focus{-webkit-box-shadow:none;-moz-box-shadow:none}
.form-control{-webkit-box-shadow:none;box-shadow:none}
.form-control{border:1px solid #bfbfbf;font-size:.8125rem}

.mainPageContainer{font-family:'Poppins',sans-serif;letter-spacing:.6px}
.mainPageContainer.login_page{background:url(../../assets/images/mainBG.jpg) no-repeat center center;background-size:cover;position:relative}
.mainPageContainer.login_page::after{content:'';width:100%;height:100%;display:inline-block;top:0;left:0;position:absolute;background:linear-gradient(to left,#80ff72,#7ee8fa);opacity:.7;z-index:1}
.mainPageContainer.login_page .content-wrapper{background:0}

.auth form .form-group{margin-bottom:1.5rem}
.auth .auth-form-light{background:#fff;border-radius:3px;text-align:center;margin-top:30px;position:relative;z-index:99999}
.auth .btn{color:#000}
.auth .auth-link{text-align:center;width:100%;font-size:14px;color:#222}
.auth .brand-logo{margin-bottom:30px;margin-top:0}
.auth .brand-logo img{width:280px}

.navbar{font-family:"ubuntu-light",sans-serif;background:#fff;transition:background .25s ease;-webkit-transition:background .25s ease;-moz-transition:background .25s ease;-ms-transition:background .25s ease}
.navbar .navbar-brand-wrapper{transition:width .25s ease,background .25s ease;-webkit-transition:width .25s ease,background .25s ease;-moz-transition:width .25s ease,background .25s ease;-ms-transition:width .25s ease,background .25s ease;background:#fff;/*! width: 260px; */height:70px;/*width:50%*/}
.navbar .navbar-menu-wrapper{transition:width .25s ease;-webkit-transition:width .25s ease;-moz-transition:width .25s ease;-ms-transition:width .25s ease;color:#9c9fa6;padding-left:24px;padding-right:24px;width:calc(100% - 260px);height:70px}
.navbar .navbar-brand-wrapper .navbar-brand{color:#27367f;font-size:1.5rem;line-height:48px;margin-right:0;padding:.25rem 0 .25rem 20px;text-align:left}
.navbar .navbar-brand-wrapper .navbar-brand img{width:100%;max-width:220px}
.navbar .navbar-menu-wrapper{transition:width .25s ease;-webkit-transition:width .25s ease;-moz-transition:width .25s ease;-ms-transition:width .25s ease;color:#9c9fa6;padding-left:24px;padding-right:24px;/*! width: calc(100% - 260px); *//*! height: 70px; *//*width:50%*/}
.navbar .navbar-menu-wrapper .navbar-toggler{border:0;color:inherit;height:70px;border-radius:0;padding-left:5px;padding-right:20px}
.navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right){font-size:1.5rem}
.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar .navbar-menu-wrapper .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right{margin-left:auto}
.navbar.fixed-top+.page-body-wrapper{padding-top:70px}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link{color:inherit;font-size:.875rem;margin-left:1.5rem;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img{position:relative;width:32px;height:32px}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img{width:32px;height:32px;border-radius:100%}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status{position:absolute;width:10px;height:10px;border-radius:100%;border:2px solid #fff;bottom:5px;right:-5px}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.online{background:#1bcfb4}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text{margin-left:.5rem}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p{line-height:1}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu{-webkit-animation-name:dropdownAnimation;animation-name:dropdownAnimation;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu{border:0;border-radius:5px;-webkit-box-shadow:0 3px 21px 0 rgba(0,0,0,0.2);box-shadow:0 3px 21px 0 rgba(0,0,0,0.2)}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown{position:absolute;font-size:.9rem;margin-top:0;padding:0}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item{margin-bottom:0;padding:11px 13px;cursor:pointer}
.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #ebedf2}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-divider{margin:0}


.text-black{color:#000}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;margin-top:.125rem;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ebedf2;border-radius:.25rem}
.dropdown-menu.show{display:block}
.navbar-nav .dropdown-menu{position:static;float:none}
.dropdownAnimation,


.sidebar{min-height:calc(100vh - 70px);background:#1f2122;padding:0;width:260px;z-index:11;transition:width .25s ease,background .25s ease;-webkit-transition:width .25s ease,background .25s ease;-moz-transition:width .25s ease,background .25s ease;-ms-transition:width .25s ease,background .25s ease;overflow:hidden;overflow-y:hidden;position:relative}
.sidebar>.nav{position:absolute;overflow-y:scroll;height:100%;display:inline-block;width:100%}
.sidebar .nav .nav-item{/*! padding: 0 2.25rem; */-webkit-transition-duration:.25s;transition-duration:.25s;transition-property:background;-webkit-transition-property:background;width:100%}
.sidebar .nav .nav-item .nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;padding:1.125rem;color:#fbfbfb;-webkit-transition-duration:.45s;transition-duration:.45s;transition-property:color;-webkit-transition-property:color;border-bottom:dotted 1px #6f6c6c;justify-content:space-between;font-weight:200}
.sidebar .nav .nav-item.active>.nav-link{color:#15c85c;font-weight:500}
.sidebar .nav .nav-item .nav-link i.menu-arrow{margin-left:auto;margin-right:10px}
/* .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fcfcfc;padding:.5rem 1.4rem;left:70px;position:absolute;text-align:left;top:0;bottom:0;width:190px;z-index:1;line-height:1.8} */
.sidebar-icon-only .sidebar{width:55px}
.sidebar-icon-only .main-panel{width:calc(100% - 55px)}
/* .sidebar .nav .nav-item{-webkit-transition-duration:.25s;transition-duration:.25s;transition-property:background;-webkit-transition-property:background} */
/* .sidebar-icon-only .sidebar .nav .nav-item{position:relative;padding:0}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
.sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge,
.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title{display:none}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link{display:block;text-align:center;font-size:20px}
.sidebar-icon-only .sidebar .nav .nav-item .collapse{display:none} */


.sidebar .nav.sub-menu .nav-item .nav-link::before{content:"\F054";font-family:"Material Design Icons";display:block;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#a2a2a2;font-size:.75rem}
.sidebar .nav.sub-menu .nav-item{padding:.35rem 2rem .75rem 2rem;border-bottom:dotted 1px #666}
.sidebar .nav.sub-menu .nav-item .nav-link{color:#888;padding:.75rem 2rem .75rem 2rem;position:relative;font-size:.8125rem;line-height:1;height:auto;border-top:0;border:0}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow{display:none}



.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
.sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge,
.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow{display:none}
.sidebar-icon-only .sidebar .nav-item .collapse.show{opacity: 0;visibility: hidden;height: 0}

.sidebar-icon-only .sidebar:hover .nav .nav-item .nav-link .menu-title,
.sidebar-icon-only .sidebar:hover .nav .nav-item .nav-link .badge,
.sidebar-icon-only .sidebar:hover .nav .nav-item .nav-link i.menu-arrow{display:block}
.sidebar-icon-only .sidebar:hover{width:260px}
.sidebar-icon-only .sidebar:hover .nav-item .collapse.show{opacity:1;visibility: visible;height:100%}


.welcome-text img{width:100%}
.welcome-text{text-align:center}
.welcome-text h2{background:#fff;padding:20px 50px;margin-top:-50px;z-index:9;position:relative;display:inline-block;text-transform:uppercase;font-size:18px;padding-top:30px;color:#009a3d}.welcome-text h2 span{display:block;font-size:30px;font-weight:700;margin-top:10px;color:#555}
/*.navbar-toggler.navbar-toggler.align-self-center{display:none}*/

.main-panel{-webkit-transition:width .25s ease,margin .25s ease;transition:width .25s ease,margin .25s ease;width:calc(100% - 260px);min-height:calc(100vh - 70px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

.footer{padding:10px;font-size:12px}



@media screen and (max-width:991px){
    .sidebar-offcanvas{position:fixed;max-height:calc(100vh - 70px);top:70px;bottom:0;overflow:auto;right:-260px;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}
    .sidebar-offcanvas.active{right:0}
    .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right){display:none}
    .main-panel{margin-left:0;width:100%}
    .welcome-text h2{margin-top:0}
    .navbar-toggler.navbar-toggler-right.d-lg-none.align-self-center{display:block;padding-right:0}
}
@media screen and (max-width:550px){
    .welcome-text h2{padding:20px;margin-bottom:0}
    .welcome-text h2 span{font-size:20px}
    .navbar .navbar-brand-wrapper{width:50%}
.navbar .navbar-menu-wrapper{width:50%}
}
@media screen and (max-width:450px){
    .navbar .navbar-brand-wrapper{\padding:0 10px}
    .navbar .navbar-menu-wrapper{padding-left:0}
}