@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

body{
	font-family: 'Rubik', sans-serif;
}

.sr-btn {
    background: #151414;
    border-color: #f8f9fc;
    border-radius: 100% !important;
    height: 40px;
    width: 40px;
    border: 2px solid;
}

.sr-btn:hover {
    color: #fff;
    background-color: #85c442;
    border-color: #85c442;
    border: 2px solid;
}

.navbar-search input {
    border-bottom: 1px solid #ccc !important;
    border-radius: 0;
}
.sidebar .nav-item {
    position: relative;
    width: 100%;
    margin: 0 auto 0px;
}

.sidebar .nav-item .nav-link {
    width: 100%;
    display: block;
    color: rgb(21 20 20);
    text-align: center;
}



a.nav-link.active {
    background: #fff;
    border-radius: 4px;
    color: #222 !important;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(60,72,88,.4);
    
}
a.nav-link{
    border-radius: 4px;
padding: 12px !important;
}
a.nav-link:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(60,72,88,.4);
}
a.nav-link.active i {
    color: #80ae47 !important;
}
.sidebar .nav-item .nav-link span {
    font-size: 16px;
}
.sidebar .nav-item .nav-link i {
    font-size: 16px;
}
.sidebar-dark hr.sidebar-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    /* height: 1px; */
    background: #fff;
    position: relative;
    margin: 0px 14px;
}

.sidebar-dark .nav-item .nav-link i {
    color: rgba(255, 255, 255, 1);
}

.list {
    border-radius: 8px;
    margin: 30px 0;
}
img.dlist-img {
    width: 100%;
    border-radius: 8px;
    margin-top: -45px;
}
.dlist-title {
    font-size: 20px;
    text-align: center;
    margin: 20px 0;
}

.row5 .col-sm-4 {
    flex: 20%;
}
.row5 .dlist-title {
    font-size: 13px;
}
.table-style th {
    background: transparent;
    color: #2b2b2b;
    font-weight: 400;
    border: none;
}
.box {
    border-top: 5px solid;
    padding: 20px;
    box-shadow: 3px 3px 20px rgba(0,0,0,0.15);
}

.sidebar .nav-item.active .nav-link {
    color: #80ae47;
    text-align: center;
    /* padding: 38px 15px; */
}
.sidebar .nav-item .nav-link {
    border-radius: 0;
    padding: 64px 15px 20px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    background-repeat: no-repeat !important;
    background-size: 47px !important;
    background-position: top 15px center !important;
    border-bottom: 1px solid #828282;
}

.m1.active .nav-link {
	background: rgb(21,20,20) url("../img/m1a.png");
}
.m1 .nav-link {
	background: url("../img/m1.png");
}

.m2.active .nav-link {
	background: rgb(21,20,20) url("../img/m2a.png");
}
.m2 .nav-link {
	background: url("../img/m2.png");
}


.m3.active .nav-link {
	background: rgb(21,20,20) url("../img/m3a.png");
}
.m3 .nav-link {
	background: url("../img/m3.png");
}

.m4.active .nav-link {
	background: rgb(21,20,20) url("../img/m4a.png");
}
.m4 .nav-link {
	background: url("../img/m4.png");
}

.m5.active .nav-link {
	background: rgb(21,20,20) url("../img/m5a.png");
}
.m5 .nav-link {
	background: url("../img/m5.png");
}

.m6.active .nav-link {
	background: rgb(21,20,20) url("../img/m6a.png");
}
.m6 .nav-link {
	background: url("../img/m6.png");
}

.ud1 .nav-link {
	background: url("../img/ud1.png");
}
.ud2 .nav-link {
	background: url("../img/ud2.png");
}
.ud3 .nav-link {
	background: url("../img/ud3.png");
}



.sd1 .nav-link {
	background: url("../img/sd1.png");
}
.sd2 .nav-link {
	background: url("../img/sd2.png");
}
.sd3 .nav-link {
	background: url("../img/sd3.png");
}
.sd4 .nav-link {
	background: url("../img/sd4.png");
}
.sd5 .nav-link {
	background: url("../img/sd5.png");
}

.topbar .navbar-search .input-group {
    background: #fff;
    border-radius: 30px;
}	

.topbar .navbar-search input {
    font-size: 0.85rem;
    height: auto;
    background: transparent;
    border-radius: 30px;
}
.topbar .navbar-search {
    width: 30rem;
    margin-top: 2px !important;
}
.btn-logout {
    background: #85c442;
    color: #fff;
    border-radius: 30px;
    padding: 6px 30px;
    margin: 0 30px;
}
.img-profile {
    max-width: 45px;
}

.whitebox {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
}
.ma-box {
    background: #f5f5f5;
    text-align: center;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
	    margin-bottom: 20px;
}
.ma-box-title {
    color: #222;
    margin: 10px 0 0;
}
.btn-grn {
    background: #85c442;
    color: #fff;
    border-radius: 30px;
    margin-top: 10px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
}




.circle_percent {font-size:120px; width:1em; height:1em; position: relative; background: #eee; border-radius:50%; overflow:hidden; display:inline-block; margin:0 20px;padding:20px;}
.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}
.round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background: #7ed321; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #7ed321; content:'';}
.circle_inbox {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index:3; border-radius: 50%;}
.percent_text {
    position: absolute;
    font-size: 24px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    color: #7ed321;
}

.page-hd {
    font-size: 30px;
    color: #222;
}
.smchtop-title {
    color: #222;
    font-size: 18px;
}
.form-control.rc {
    border-radius: 30px;
    height: 32px;
    font-size: 12px;
}

.ma-box.plr0 {
    padding: 20px 0;
}
.grbox {
    background: #f5f5f5;
    padding: 20px;
}
.hdc{
	color:#222;
}
.table-style tbody tr:nth-child(odd) {
    background: #fff;
}
.timg {
    max-width: 24px;
}
.cg {
    color: #85c442;
}
.pagination .page-link.active {
    background: #85c442;
    color: #fff;
}
.pagination .page-link {
    color: #484848;
}
select.tsec {
    padding: 3px 15px;
    border-radius: 20px;
}
.bbox {
    padding: 10%;
}
.bimgbox {
    background-size: cover !important;
    padding: 50px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
    margin-bottom: 30px;
}
.bimgbox-title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}
.btn-white {
    background: #fff;
    color: #85c442;
    border-radius: 0;
    margin: 10px 0;
    padding: 6px 30px;
}
.bimgbox.gb .bimgbox-title {
    color: #151414;
    /* padding: 60px; */
}
.btn-box-grn {
    background: #85c442;
    color: #fff;
    border-radius: 0;
    padding: 6px 24px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
}

.bimgbox.gb {
    padding: 68px 50px;
}
.prf .bimgbox-title {
    color: #222;
    font-size: 20px;
}
.prf .bimgbox-txt {
    font-size: 14px;
}
.bimgbox.prf {
    background: #f5f5f5;
    padding: 54px 50px;
}



@media(max-width:767px){
.row5 .col-sm-4 {
    flex: 100%;
}
.sidebar {
    width: 0 !important;
    min-height: 100vh;
	overflow:hidden;
}
.sidebar.toggled {
    width: 8.5rem !important;
    overflow: initial;
}
.sidebar-toggled {
    overflow-x: hidden;
}
#wrapper #content-wrapper {
    min-width: 350px;
}
.btn-logout {
    padding: 6px 20px;
    margin: 15px 30px 0px;
}
.img-profile {
    margin-top: 10px;
}
.table-style th, .table-style td {
    min-width: 100px;
}
.whitebox {
    padding: 12px;
}
.bimgbox {
    padding: 30px;
}
.bimgbox-title {
    font-size: 20px;
}
.bimgbox.gb {
    padding: 68px 24px;
}

}