@import 'fonts.css';
@import 'effects.css';

*{
	margin:0;
	padding:0;
	box-sizing: border-box !important;
}
body{
	overflow-x: hidden;
	margin: 0 !important;
}
:root{
	--main-font:'Roboto', sans-serif;
	--body-font:'Cabin', sans-serif;
	--main-color:#FA8C16;
	--black:#080817;
	--gray:#7E7E82;
	--red:#FF6D43;
	--blue:#2B7CD8;
	--pink:#FFF1C1;
	--secondary-color:#DBA524;
	--body-font-color:#515151;
}

html{/*
	filter:grayscale(200%);*/
	font-family: var(--main-font);
	color: var(--body-font-color);
	scroll-behavior: smooth;
}
a{text-decoration: none;}
.container-min{
	width:70%;
	margin: 0 auto;
}
.d-none{
	display: none;
}
.res-block{
	display: none;
}
.d-block{display: block;}

.d-flex{display: flex;}
.ffRB{
	font-family: 'RobotoBold';
}
.flex-wrap{
	flex-wrap: wrap;
}
.tw-nowrap{
	white-space: nowrap;
}
.w10{width: 10%;}.w20{width: 20%;}.w30{width: 30%;}.w40{width: 40%;}.w50{width: 50%;}.w60{width: 60%;}
.w70{width: 70%;}.w80{width: 80%;}.w90{width: 90%;}.w100{width: 100%;}

.mW100{max-width: 100%;}.mW90{max-width: 90%;}.mW80{max-width: 80%;}.mW70{max-width: 70%;}
.hover-link:hover{
	color: var(--main-font-color);
	transition: .3s;
}

.color1{color: var(--main-font-color);}
.color2{color: var(--secondary-color);}

.p10{padding: 10px;}.p20{padding: 20px;}.p30{padding: 30px;}
.py10{padding: 10px 0;}.py20{padding: 20px 0;}.p30{padding: 30px 0;}
.px10{padding:0 10px;}.p20{padding: 0 20px;}.p30{padding:0 30px;}

.m10{margin: 10px;}.m20{margin: 20px;} .m30{margin: 30px;} .m40{margin: 40px;}
.my10{margin: 10px 0;} .my20{margin: 20px 0;}.my30{margin:30px 0;}
.mx10{margin:0 10px;}.mx20{margin:0 20px;}.mx30{margin:0 30px;}
.m-auto{margin:0 auto;}

.text-center{text-align: center;}

.size10{font-size: 10px;}.size11{font-size: 11px;} .size12{font-size: 12px;} .size13{font-size: 13px;}
.size14{font-size: 14px;}.size15{font-size: 15px;} .size16{font-size: 16px;} .size17{font-size: 17px;}
.size18{font-size: 18px;}.size19{font-size: 19px;} .size20{font-size: 20px !important;} .size21{font-size: 21px;}
.size22{font-size: 22px;}.size23{font-size: 23px;} .size24{font-size: 24px !important;} .size25{font-size: 25px;}
.size36{font-size:36px;}

/*Login page*/
.login-account{
	padding: 70px 0;
}
.login{
    width: 360px;
    margin: 0 auto;
    padding-top: 55px;
}
.login-account .head-img{
	max-width: 100%;
}
.title-login h1{
	font-size: 36px;
	line-height: 42.19px;
    font-family: 'RobotoBold';
}
.login p.error-password{
	font-size: 14px;
	color: var(--red);
	font-family: 'RobotoBold';
	line-height: 18px;
	margin-top: 22px;
}
.login .form-group label{
	font-family: 'Roboto';
    font-size: 14px;
    color: var(--gray);font-family: 'Roboto';
    line-height: 16px;
}
.login .form-group input.form-control{
	border: none;
    padding-left: 0;
    border-bottom: 1px solid var(--gray);
    border-radius: 0;
    font-size: 16px;
	line-height: 20px;
	font-family: 'Roboto';
	color: var(--black);
}
.sozlamalar .my-form-btn:hover{
	color: white;
}
.login-account .login form button.btn{
	margin-top: 20px;
	    font-family: 'RobotoBold';
    line-height: 22px;
    letter-spacing: .09rem;
    padding: 16px;
    background-color: var(--main-color);
    border-color: var(--main-color);
    border-radius: 10px;
}
.login-account .login .form-control:focus {
	padding-left: 10px !important;
    color: #495057;
    background-color: #fff;
    outline: 0;
    box-shadow: none;
    border-bottom-color: var(--main-color) !important;
}
.login form button.btn:active{
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}
.login form button.btn{
	color: white;
	position: relative;
}
.login form button.btn::after{
	content: '';
	display: block;
	position: absolute;bottom:-3px;
	height:5px;
	background-color: var(--main-color);
	width: 50px;
	/*background: linear-gradient(to right, rgba(0,0,0,.7),transparent);*/
	z-index: -1;
	bottom: 0px;
	opacity: 0;
	left: 0;
    box-shadow: 7px 0px 24px 11px rgb(250 140 22);
}
.login form button.btn:hover::after{
	animation:opacity 1s;
	left: 100%;
}

.login form button.btn::before{
	content: '';
    display: block;
    position: absolute;
    bottom: 4px;
    height: 5px;
    background-color: var(--main-color);
    width: 50px;
    /* background: linear-gradient(to right, rgba(0,0,0,.7),transparent); */
    z-index: -1;
    top: 0px;
    opacity: 0;
    right: 0;
    box-shadow: 7px 3px 24px 11px rgb(250 140 22);
}
.login form button.btn:hover::before{
	animation:opacity2 1s;
	right: : 100%;
}
.login .form-check label{
	color: var(--black);
	font-size: 14px;
	line-height: 16px;
	font-family: 'Roboto';

}
.login .forgot a{
	color: var(--blue);
	position: relative;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Roboto';
}
.login .forgot a:hover{
	text-decoration: none;
}
.login .forgot a::after{
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 0;
	transition: .4s;
	background-color: var(--blue);
	height: 2px;
}
.login .forgot a:hover::after{
	width: 100%;
}
.languages{
	width: 100%;
	display: flex;
	justify-content: center;
}
.languages a{
	display: block;
	color: var(--gray);
    font-family: 'Roboto';
    margin: 32px 24px;
    text-align: center;
    font-size: 14px;
    transition: .3s;
}
.languages a:hover{
	text-decoration: none;
	color: var(--black);
}
.languages a.active{
	color: var(--black);
}
.login .create-new h2{
	font-size: 14px;
	line-height: 20px;
	font-family: 'Roboto';
	color: var(--black);
}
.login .create-new h2 a{
	color: var(--blue);

}
.login .create-new h2 a:hover{
	text-decoration: none;
}
.create .warning{
	padding-left: 18px;
}
.create .warning h2{
	color: var(--gray);
	width: 91%;
	margin-top: 10px;
	font-size: 14px;
	font-family: 'RobotoRegular';
}

.login .group{
	position: relative;
}
.login .group img{
	width: 19px;
	position: absolute;
	top: 6px;
	right: 20px;

}


/*my-header section*/
.my-wrapper{
	/*padding-top: 71px;*/
}
.my-wrapper .logotype{
	width: 100%;
}
.my-wrapper .logotype h2{
	font-size: 36px;
	font-family: 'RobotoBold';
	line-height: 42px;
	padding: 0px 0 36px 0;

}
.my-wrapper .my-nav{
	    /*display: block;*/
    position: fixed;
    width: 265px;
    padding: 0 25px;
    border-right: 1px solid #e0e0e0;
    height: 100%;
    display: block;
    padding-top: 71px;
    overflow-y: scroll;
    left: 0;
    top: 0;
}
.my-wrapper .my-nav .head-nav{
	display: none !important;
}
.my-wrapper .my-nav-mobile{
	display: none;
}
.my-wrapper .my-nav ul li{
	margin-bottom: 8px;
	list-style: none;
}
.my-wrapper .my-nav ul hr.gray{
	height: 1px;
	background-color: #F0F3F6;
	width: 100%;
}
.my-wrapper .my-nav ul li a{
	display: flex;
    width: 200px;
    padding: 18px 22px;
    color: var(--gray);
    font-size: 14px;
    font-family: 'Roboto';
    transition: .4s;
    letter-spacing: .06rem;
}
.my-wrapper .my-nav ul li a:hover{
	background-color: var(--secondary-color);
	text-decoration: none;
}
.my-wrapper .my-nav ul li a.active, .dropdown-toggle:hover, .my-wrapper .my-nav ul li a:hover{
	background-color: var(--secondary-color);
    border-radius: 12px;
    color: white;
}
.my-wrapper .my-nav ul li a svg{
	margin-right: 8px;
}
.my-wrapper .my-nav ul li a svg path{
	transition: .4s;
}
.my-wrapper .my-nav ul li a.active svg path, .dropdown-toggle:hover svg path, .my-wrapper .my-nav ul li a:hover svg path{
	stroke: white;
}
.my-wrapper .my-nav svg{
	max-width: 22px;
	min-width: 20px;
}
.my-wrapper .my-nav .dropdown-toggle{
	width: 45px;
	height: 45px;
	border-radius: 45px;
	background: none;
}
.my-wrapper .my-nav .dropdown-toggle:focus{
	box-shadow: none;
}
.my-wrapper .my-nav .dropdown-toggle::after{
	content: none;
}
.my-wrapper .my-nav.dropdown-toggle svg{
	margin-right: 0;
	margin-top: 5px;
}
.my-nav ul li .dropdown-menu .dropdown-item{
	margin:0 auto;
}
.dashb .hello h2{
	font-size: 36px;
	font-family: 'RobotoBold';
	/*line-height: 42px;*/
}
.lang{
	margin-right: 10px;
	z-index: 5;
}
.avatar.dropdown{
	z-index: 5;
}

.lang button:hover, .avatar button.active:hover{
	text-decoration: none;
}
.avatar img{
	width: 100%;
	height: 100%;
}
.lang button.active::after,.avatar button.active::after{
	content: none;
}
.lang button.active{
	color: var(--black) !important;
	width: 80px;
	font-family: 'Roboto';
    display: flex;
    padding: 10px;
    align-items: center;
    background-color: var(--pink) !important;
    border-radius: 10px;
    justify-content: center;
    border:none !important;
    outline: none;
}
.avatar button.active:focus{
	box-shadow: none !important;
}
.lang button.active:focus{
    box-shadow: 0 0 0 0.2rem rgb(255 241 193 / 50%) !important;
}
.lang button.active svg{
	margin-left: 6px;
	margin-top: 3px;
}
.lang .dropdown-menu{
	min-width: 60px;
}
.avatar{
	width: 56px;
    height: 56px;
    text-align: center;
    /* line-height: 44px; */
    font-size: 16px;
    font-family: 'RobotoBold';
    border-radius: 100%;
    background-color: #FFC832;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -5px;
    color: white;
}
.avatar:hover{
	text-decoration: none;
	color: white;
}
.avatar button{
	width: 100%;
	height: 100%;
	padding: 0 !important;
}
.avatar .avatar-img{
	width: 100%;
	height: 100%;
}
.avatar.dropdown button {
	background: none !important;
	border:none;
}
.avatar .dropdown-menu{
	top: 10px !important;
    left: -120px !important;
    right: 0;
    transform: translate3d(-10px, 50px, 0) !important;
    will-change: transform;
    width: fit-content !important;
}
.dashb .content{
	width: 100%;
}
.dashb {
	padding-top: 20px;
		padding-right: 75px !important;
	padding-bottom: 110px !important;

}
.dashb .content .my-card{
	margin-top: 31px;
	/* width: 300px; */
	max-width:100%;
	color: var(--black);
	border:none;
    box-shadow: 3px 6px 50px rgb(0 0 0 / 10%);
	border-radius: 24px;
	transition: .4s;
}
.content .content-title{
	font-size: 32px;
	margin-bottom:20px;
	color: var(--black);
	font-family: 'RobotoBold';
}
.dashb .content .my-card.homework{
	height:91%;
	flex-direction: row-reverse;
	align-items: center;
	padding: 0 66px;
}
.my-card.imtihon, .my-card.shikoyat, .my-card.davomad{
	height:91%;
}







.dashb .content .my-card .card-head{
	/* width: 100%; */
	text-align: center;
}
.dashb .content .my-card .card-head img{
	width: 110px;
	height: 130px;
	margin:0 auto;
	padding-top: 20px;
}
.dashb .content .clubs .my-card .card-head img{
	width: 87px;
	/* height:auto; */
	height:110px;
}
.my-card .card-title{
	font-size: 24px;
	color: var(--black);
	font-family: 'RobotoBold';
	position: relative;
}
.my-card .card-context{
	font-size: 18px;
	margin: 0;
	font-family: 'Roboto';
	font-weight: 400;
	color: #2E2E30;
}
.my-card.max-height .card-title{
	width: 100%;
}
a:hover{
	text-decoration: none;
}
.my-card .card-title a{
	color: var(--black);
}
.my-card .balans{
	font-size: 38px;
    text-align: center;
    font-family: 'RobotoBold';
    color: var(--blue);
}
.my-card.max-height{
	max-height: 180px;
}
.hisob a{
	border-radius: 16px;
	font-family:'Roboto';
	font-size: 14px;
    box-shadow: 0px 7px 40px -4px rgb(0 0 0 / 10%);
	border: none !important;
	background-color: white;
	color: var(--secondary-color);
}
.hisob a:hover{
	background-color: white;
	color: var(--secondary-color);
}
.hisob a:focus{
	box-shadow: none;
	background-color: white;
	color: var(--secondary-color);
}
.hisob a:active{
	box-shadow: none;
	background-color: white !important;
	color: var(--secondary-color) !important;
}
.my-card .card-body ul li{
	display: flex;
	margin-bottom: 3px;
	list-style: none;
	align-items: center;
}
.my-card .card-body ul{margin-bottom: 0;}
.my-card .card-body ul li img{
	width: 19px;
}
.my-card .card-body ul li p{
	margin-left: 6px;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Roboto';
    color: var(--black);
}
.my-card.card-body .mock-list{
	width: 80%;
	margin:0 auto;
}
.my-card .card-body .mock-list li{
	font-size: 24px;
	font-family: 'RobotoBold';
	color: var(--main-color);
}
.my-card.step{
	/* height: 302px; */
}
.my-card.step ul{
	display: flex;

	justify-content: space-around;
	margin:0 auto;
}
.my-card.step ul li{
	width: calc(100% / 5 - 5px);
	height: 16px;
	border-radius: 44px;
	background-color: #cdcdcd;
}
.my-card.step ul li.active{
	background-color: var(--main-color);
}

.social-links{
	padding-top: 50px;
}
.social-links ul{
	display: flex;
	justify-content: center;
	width: 100%;
}
.social-links ul li{
	list-style: none;
	margin:0 10px;
}
.social-links ul li a{
	display: block;
}
.social-links ul li a.telegram.dropdown-toggle:hover{
	background-color: white !important;
}
.social-links ul li a.telegram::after{
	content: none !important;
}
.social-links ul li.telegram-toggle .dropdown-item:hover{
	background-color: #FFEFAD !important;
    border-radius: 20px !important;
}
.social-links ul li.telegram-toggle .dropdown-menu{
	border-radius:16px;
	border:none;
	box-shadow:0 8px 40px 0 rgba(23,31,70,.08);
	top:10px !important;
}
.social-links ul li a img{
	transition: .4s;
	border-radius: 12px;
}
.social-links ul li:hover a img{
    box-shadow: 3px 6px 50px rgb(0 0 0 / 100%);
}



/*Payments*/
}
.forms{
	padding-top: 43px;
}
.align-center{
	align-items: center;
}
 .forms label{
	font-family: 'RobotoBold';
	font-size: 18px;
	margin-bottom: 0;
	color: var(--black);
}
.my-control
{
	font-size: 15px;
	font-family: 'Roboto';
	color: var(--black);
	border-radius: 8px;
	border-color: #E7E9ED;
}
.my-control:focus{
	box-shadow: 0 0 0 0.2rem rgb(250 140 22 / 25%);
	border-color: var(--secondary-color);
}
 input.my-control{
	width: 280px;
	height: 50px;
}
.forms select.my-control{
	width: 250px;
	border-radius: 8px;
	border-color: #E7E9ED;
	height: 50px !important;
	font-size: 15px;
	color: var(--black);
	-webkit-appearance: none;
}
.my-form-btn{
	position: relative;
	background: none;
	font-family: 'RobotoBold';
	color: white;
	font-size: 18px;
	line-height: 1;
	padding: 16px 32px;
	border-radius: 8px;
	background-color: var(--secondary-color);

}
 .forms .my-form-btn{
	width: 259px;
	height: 53px;
}

.my-form-btn::after{
	content: '';
	display: block;
	position: absolute;bottom:-3px;
	height:0px;
	background-color: var(--main-color);
	width: 40px;
	/*background: linear-gradient(to right, rgba(0,0,0,.7),transparent);*/
	z-index: -1;
	bottom: 0px;
	opacity: 0;
	left: 20%;
    box-shadow: 7px 0px 24px 11px rgb(250 140 22);
}
.my-form-btn:hover::after{
	animation:opacity 1s;
	left: 90%;
}

.my-form-btn::before{
	content: '';
    display: block;
    position: absolute;
    bottom: 4px;
    height: 5px;
    background-color: var(--main-color);
    width: 50px;
    /* background: linear-gradient(to right, rgba(0,0,0,.7),transparent); */
    z-index: -1;
    top: 0px;
    opacity: 0;
    right: 0;
    box-shadow: 7px 3px 24px 11px rgb(250 140 22);
}
.my-form-btn:hover::before{
	animation:opacity2 1s;
	right: : 90%;
}
.my-table{
	border-collapse: separate;
	border-spacing: 16px;
}
.my-table td, .my-table th{
	vertical-align: middle;
	border-top: 0;
}
.table-head th span{
	font-size: 16px;
	font-family: 'Roboto';
}
.table-body{
	box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
	border-radius: 20px;
	height:88px;
	border-top: 0;
}
.my-table .table-body td span{
	font-family: 'RobotoBold';
	font-size: 18px;
	color: var(--black);
}
.my-table .table-body td .color-blue{
	color: var(--blue);
}
.my-table .table-body td .color-gray{
	color: var(--gray);
}

.my-table .table-body td .color-green{
	color:#518D39;
}
.color-blue{
	color: var(--blue) !important;
}
.table-body .time-pays{
	display: flex;
	margin-left: 15px;
    flex-direction: column;
    justify-content: center;
}

.attend .my-form-btn{
	width: 300px;
}
.dashb .my-modal-btn{
	width: 188px;
}
.time-pays{
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}
.dashb .my-table td:first-child{
	border-right: 0px;
}

.my-table.b-right td:first-child{
	border-right: 1px solid #E6E6EA;
	text-align: center;
}
.width180{
	width: 180px;
}
.width150{
	width: 150px;
}
.width85{
	width: 85px;
}
.width100{
	width: 100px;
}
div.forms{
	padding-top: 30px;
}
.color-orange{
	color: var(--secondary-color) !important;
}
.color-red{
	color: #B71F23 !important;
}
.my-modal .my-control{
	width: 250px;
}
.my-modal .modal-header{
	border-bottom: 0;
}
.my-modal .modal-footer{
	border-top: 0;
}
.my-modal .modal-content{
	padding: 0 30px 50px 30px;
	border-radius: 20px;
}
.my-modal .forms{
	padding-top: 0;
}
.my-modal .modal-header button.close{
	margin:0;
	margin-right: -1.5rem;
    margin-top: -.5rem;
}
.my-modal .modal-header button.close:focus{
	outline: none;
}
.my-modal .forms input.my-control{
	height: 50px;
}
.my-modal .forms .form-group.row{
	margin-bottom: 35px;
}
.my-modal .forms .form-group.row:last-child{
	margin-bottom: 0;
}
.my-tab-nav .my-link{
	padding: 0;
	margin-right: 44px;
	margin-top: 50px;
	position: relative;
	color: var(--black);
	font-family: 'Roboto';
	font-size: 18px;
}
.my-tab-nav .my-link span{
	    position: absolute;
    font-size: 11px;
    top: -8px;
    display: block;
    right: -12px;
    background-color: var(--red);
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
    color: white;
    padding-top: 1px;
}
.my-tab-nav .my-link.active{
	color: var(--black);
	background: none;
	font-family: 'RobotoBold';
}
.my-tab-nav .my-link::after{
	position: absolute;
	content: '';
	bottom: -3px;
	height: 3px;
	border-radius:2px 2px 0 0;
	width: 0;
	transition: .4s;
	left: 0;
	background-color: var(--main-color);
}
.my-tab-nav .my-link.active::after{
	width: 100%;
}
.my-tab-nav .my-link:hover::after{
	width: 100%;
}
.card.my-nav-card{
	margin-top: 25px;
	border:0 !important;
}
.my-nav-card .card-title{
	font-size: 24px;
	font-family: 'RobotoBold';
	color: var(--black);
}
.my-nav-card .card-body{
	padding: 1.25rem 0 0 0;
}
.my-nav-card .card-body .time-pays li{
	margin-bottom: 5px;
	display: flex;
	font-size: 18px;
	color: var(--black);
	font-family: 'RobotoBold';
}
.my-nav-card .card-img-top{
	border-radius: 20px;
}
.my-nav-card .card-body button.my-form-btn{
	height: 53px;
	z-index: 1;
}

.my-modal .title-modal{
	font-family: 'Roboto';
	font-size: 24px;
	color: var(--black);
}
.my-modal .modal-body h1{
	color: var(--black);
	font-size: 36px;
	font-family: 'RobotoBold';
}
.content-exam .my-nav-card .my-form-btn{
	padding:16px 21px;
}
.content-foot h3{
	font-size: 18px;
	color: var(--black);
	font-family: 'Roboto';
}

.exam-table .table-body td span, .exam-table th span{
	font-size: 14px;

}
.result-exam li {
	list-style: none;
	line-height: 1;
}
.exam-table td, .exam-table th{
	padding: 2px;
}
.exam-table th span{
	color: #818185;
	font-family: 'Roboto';
}
.result-exam{
	margin: .5rem;
}
.result-exam .type-exam{
	color: var(--secondary-color);
}
.result-exam li span:first-child {
    width: 15px;
    display: inline-block;
}
.download-btn{
	margin-top: -50px;
    width: 48px;
    /* text-align: right; */
    height: 48px;
    background-color: var(--blue);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    transition: .3s;
}
.download-btn:hover{
	box-shadow: 1px 3px 4px 0px;
}
.exam-table .table-body td:first-child{
	padding-right: 16px;
}

.profile{
	padding-top: 90px;
}
.profile .img-prof{
	max-width: 100%;
	width: 100%;
	border-radius: 24px;
}
.mybtn-outline{
	border-color: var(--secondary-color);
	background: none;
	padding: 16px 24px;
	border-radius: 8px;
	margin-top: 16px;
	font-size: 18px;
	font-family: 'RobotoBold';
	color: var(--black);
	transition: .4s;
}
.mybtn-outline:hover{
	background-color: var(--secondary-color);
	color: white;
}

.title-prof h1{
	font-size: 36px;
	font-family: 'RobotoBold';
	color: var(--black);

}
.about-student h2{
	margin-bottom: 0;
	font-size: 24px;
	color: var(--black);
	font-family: 'RobotoBold';
	line-height: 24px;
}/*
.about-student .row:first-child{
	margin-top: 40px;

}*/
.about-student span{
	font-size: 24px;
	color: var(--black);
}
.my-card.stats{
	background:#FFEFAD;
	align-items: flex-start !important;
	padding: 0 15px !important;
}
.my-card.homework.home-true{
	background:#FFEFAD ;
}
.dashb .content .my-card:hover {
    box-shadow: 3px 6px 50px rgb(0 0 0 / 25%);
}
.input-place{
	width: 118px;
	margin:0 5px;
	padding: 10px 5px;
	border-radius:6px;
	background-color:#0B2C75 ;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'RobotoBold';
	font-size: 12px;
}
.name-stats {
    background: white;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 14px;
    /*height: 40px;*/
	width: 90%;
    font-family: 'Roboto';
}
.numb-stats {
    padding: 11px 0px;
    background: white;
    font-size: 14px;
	color:var(--blue);
    margin-left: 7px;
	width: 43px;
	/*height:40px;*/
	text-align:center;
	font-family:'Roboto';
    border-radius: 10px;
}
.numbs{
	margin-top: 5px;
	display: flex;
}
	/* }
.name-stats.w136{
	width: 136px;
}
.name-stats.w180{
	width: 180px;
}
.name-stats.w190{width:190px;} */
.numbs .row{
	/* width: calc(100% / 3 - 5px); */
}
.my-card.mygroups{
	height:90%;
}
.my-card.stats-mobile{
	padding:0 !important;

}
.my-card.stats-mobile{
	display: none;
}
.my-card.stats-mobile .card-head{
	width:100%;
	padding: 10px;
	background: #FFEFAD;
	border-radius:10px;
}
.my-card.stats-mobile .card-title{
	text-align: left;
	padding-left: 10px;
}
.my-card.stats-mobile .card-body{
	border-radius:10px;
	width: 100%;
    margin-top: -10px;
    /* z-index: 5; */
    top: 46px;
    background: white;
}





.homework.attend .my-form-btn{
	width: auto;
	color: white;
}
.homework.attend .my-form-btn:hover{
	color: white;
}
.home-modal .modal-dialog{
	max-width: 600px;
	width: 572px;
}
.home-modal .modal-dialog .form-group{
	align-items: center;
}
.home-modal .modal-dialog form label{
	font-size: 18px;
	font-family: 'RobotoBold';
	color: var(--black);
}
.home-modal .modal-dialog form .my-control{
	height: 50px;
	color:var(--black);
}
.home-modal .modal-dialog form .my-control::placeholder{
	color: var(--black);
}
.home-modal .modal-dialog form a svg{
	stroke:var(--black);
}
.home-modal .modal-dialog .close{
	color: var(--black);
	opacity: 1;
}

.ab-card{
	border-radius: 30px;
	min-height: 610px;
}
.ab-card .title h4{
	color: var(--secondary-color);
	font-size: 24px;
	font-family: 'RobotoBold';
}
.ab-card .card-head{
	padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}
.ab-card .card-body{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.ab-card .card-body .text{
	color: #BCBCC0;
	font-weight: 400;
	font-size: 18px;
}

.content.guruhlar{
	padding-top: 40px;
}

.ab-card .card-body .guruh-item {
    background-color: #FFDA65;
    width: 323px;
    height: 242px;
    margin-bottom: 9px;
    padding: 24px 32px;
    border-radius: 20px;
}
.ab-card .card-body .guruh-item .row{
	margin: 0;
}
.ab-card .card-body .guruh-item .row .type, .ab-card .card-body .guruh-item .row .name{
	padding:4px 8px;
	height: 33px;
	border-radius: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	color: var(--black);
	font-size: 18px;
	background-color: white;
	font-family: 'RobotoBold';
}
.table-con.talaba th, .table-con.talaba td{
	padding: 0;
}
.table-con.talaba .my-table.b-right td:first-child{
	padding-right: .75rem;
}
.table-con.talaba .my-table.b-right td span.red{
	color: var(--red);
}
.attend.forms form .my-control.width160{
	width: 160px;
}
.natija.table-con .my-table td a{
	transition: .4s;
}
.natija.table-con .my-table td a:hover{
	text-decoration: underline;
	text-decoration-color: var(--blue);
}

.title-table{
	font-size: 24px;
	color: var(--secondary-color);
	font-family: 'RobotoBold';
	padding: 50px 0 40px 0;
}/*
.kutubxona.table-con .my-table{
	padding-top: 50px;
}*/
.kutubxona.table-con .my-table td a{
	color: var(--black);
	position: relative;
	transition: .4s;
}
.kutubxona.table-con .my-table td a::after{
	content: '';
	position: absolute;
	bottom: -2px;
	height: 1px;
	background-color: var(--blue);
	width: 0%;
	left: 0;
}
.kutubxona.table-con .my-table td a span{
	transition: .4s;
}
.kutubxona.table-con .my-table td a:hover span{
	color: var(--blue);
}
.kutubxona.table-con .my-table td a:hover::after{
	width: 100%;
}
.kutubxona.table-con .my-table.b-right td:first-child{
	width: 63px;
	padding-left: 0;
}
.ab-sm-visible{
	display: none;
	}
	.ab-sm-hidden{
		display: inline-table;
	}
.maosh-head td:first-child{
	border: 0 !important;
}

.table-con.maosh .table.my-table {
	-webkit-border-horizontal-spacing: 0px;
}
.table-body.maosh-head{
	display: flex;
	align-items: center;
	padding-left: 42px;
}
.table-body.maosh-head span{
	font-family: 'RobotoBold';
    font-size: 24px;
    color: var(--black);
}

.table-con.maosh .table th, .table-con.maosh .table td{
	padding: 0.3rem;
}
.table-con.maosh .table th:first-child, .table-con.maosh .table td:first-child{
	padding: .75rem;
}

.takliflar .chat{
	margin-top: 40px;
	margin-bottom: 24px;
	padding:32px;
	background-color: #F9FAFA;
	border-radius: 16px;
}
.takliflar .received .sms{
	border-radius: 16px 16px 16px 0;
	padding: 16px 13px;
	font-size: 16px;
	position: relative;
	color: #0B2D78;
	background-color: #D8F4FE;
	font-family: 'RobotoRegular';
	margin-bottom: 32px;
}
.takliflar .received .sms img.burchak{
	position: absolute;
	width: 15px;
	height: 13px;
	bottom: 0;
	left: -14px;

}
.takliflar .sms-time{
	font-size: 12px;
	margin-top: 6px;
	font-family: 'RobotoRegular';
	color: #828282;
}
.takliflar .sended-date{
	font-family: 'RobotoRegular';
	font-size: 14px;
	color: #828282;
	margin-top: 22px;
	margin-bottom: 25px;
}
.takliflar .sended .sms{
	border-radius: 16px 16px 0 16px;
	position: relative;
	padding: 16px 13px;
	font-size: 16px;
	font-family: 'RobotoRegular';
	color: var(--black);
	background-color: 	#F4F5F6;
	margin-bottom: 32px;
}
.takliflar .sended .sms img.burchak{
	position: absolute;
	bottom: 0;
	width: 15px;
	height: 13px;
	right: -15px;
}

.sending form input{
	padding:16px 20px;
	background-color: #F9FAFA;
	color: var(--black);
	font-size: 16px;
	border:none;
	font-family: 'RobotoRegular';
	border-radius: 16px;
}
.sending form input:focus, .sending button:focus{
	box-shadow: 0 0 0 0.2rem rgb(250 140 22 / 25%);
}
.sending .mt24{
	margin-top: 24px;
}
.sending button{
	border-radius: 8px;
}

	.javoblar{
		margin-top: 40px;
	}
.javoblar .accord{
	margin-bottom:24px;
	border-radius: 20px !important;
	border:1px solid #E6E6EA !important;


}
.javoblar .accord .card-header{
	border-radius: 20px 20px 0 0;
	background: none;
	border:none;
}
.javoblar .accord .collapse{
	border-radius: 0 0 20px 20px;
	border-top: 1px solid #fff;
}
.javoblar .accord .collapse{
	border-top: 1px solid #e6e6ea;
}
.javoblar .accord .btn-ac{
	display: flex;
	text-decoration: none;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	font-size: 24px;
	font-family: 'RobotoBold';
	color: var(--black);
}
.javoblar .accord .btn-ac.active svg{
	transition: .4s;
}
.javoblar .accord .btn-ac.active svg{
	transform: rotate(180deg);
}
.javoblar .accord .btn-ac:hover{
	text-decoration: none;
}

.team{
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	border:1px solid var(--secondary-color);
	border-radius: 12px;
}
.team .team-head, .team .team-body{
	padding: 13px;
	width: 100%;
	text-align: center;
}
.team .team-head{
	font-size: 20px;
	color: var(--black);
	font-family: 'RobotoBold';
	border-bottom: 1px solid rgba(230, 230, 234, 1);
}
.team .team-body{
	font-size: 16px;
	color: var(--black);
}
.news-index{
	width: 20px;
    height: 20px;
    background-color: #dba524;
    font-size: 12px;
    color: white;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    margin-left: 25px;
    font-family: 'Roboto';
    position: absolute;
    right: 10%;
}
.file-btn img{
	max-width: 192px;
}
.update-file{
	visibility: hidden;
}
.title-cert{
	margin-top: 24px;
	margin-bottom: 24px;
}
.title-cert span{
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'RobotoBold';
	color: var(--black);
}

.nav-form form .my-control{
	width: auto;
	height: auto !important;
	padding: 16px 32px;
}/*
.hello{
	float: left;
	position: relative;
}
.hello::after{
  display: block;
  clear: both;
  content: "";
}*/
.hello{
	padding-top: 30px;
}
.nav-form{
	margin-top: -80px;
	padding-bottom: 15px;
}
.jadval-btn{
	margin-top: -49px;
}
.my-outline{
	border:1px solid var(--secondary-color);
	background: none;
	color: var(--black);
	transition: .1s;
	padding: 16px 24px;
	white-space: nowrap;
}
.my-outline:hover{
	background-color: var(--secondary-color);
	color: white;
}
.nav-form form label.caption{
	font-size: 18px;
	font-family: 'RobotoBold';
	color: var(--black);
	margin-bottom: 0;
}
.nav-form .my-group{
	margin-bottom: 0;
}
.nav-form form select.my-control{
	margin-left: 14px;
	/*min-width: 190px;*/
	min-width: 	160px;
}
.nav-form form .search-input{
	background: url(../img/svg/Search.svg);
	background-repeat: no-repeat;
	background-position: 12px center;
	padding: 16px 0 16px 38px;
	max-width: 100%;
}

.home-cards .abcard{
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 40px 10px;
	border-radius: 20px;
	color: var(--black);
	margin-top: 24px;
	transition: .4s;
}
.home-cards .abcard:hover {
    box-shadow: 3px 6px 50px rgb(0 0 0 / 25%);
    border-color:white;
}
.home-cards .abcard .card-head img{
	width: 68px;
}
.home-cards .abcard .card-body{
	padding: 0 0 0 1rem;
}
.home-cards .abcard .card-body label{
	    text-transform: uppercase;
    font-size: 13px;
    color: #7E858E;
    font-family: 'Roboto';
}
.home-cards .abcard .card-body h4{
	font-size: 24px;
	font-family: 'RobotoBold';
}

.my-form-btn.large-btn{
	padding: 16px 40px;
}
.my-form-btn.large-btn:hover{
	color: white;
}


.abbtn{
	display: block;
	padding: 12px 16px;
	background-color:#E6E6EA;
	color: #7E7E82;
	font-size: 14px;
	font-family: 'Roboto';
	transition: .4s;
}
.abbtn:first-child{
	border-radius: 8px 0 0 8px;
}
.abbtn:last-child{
	border-radius: 0 8px 8px 0;
}
.abbtn.active,
.abbtn:hover{
	background-color: var(--secondary-color);
	color: white;
}
.btn-groups .abbtn{
	margin-left: 3px;
}

.circles .circle{
	margin-left: 10px;
	margin-right: 0;
	font-family: 'Roboto';
	color: var(--black);
	font-size: 14px;
	border-radius: 6px;
	padding: 8px;
}
.circles .circle.bordered{

	border:1px solid var(--secondary-color);
}
.circles .circle:last-child{
	border:none;
	color: #828282;
}
.circles .circle span{
	display: block;
	width: 16px;
	height: 16px;
	background: #FFE483;
	border:1px solid #e2e2ea;
	border-radius: 20px;
}
.circles .circle.green span{
	background-color:#D0EDB1;
}
.circles .circle.pink span{
	background-color: #FFBDB2;
}
.circles .circle.blue span{
	background-color: #89D1FE;
}
.graph-head{
	font-size: 24px;
	font-family: 'RobotoBold';
	color: var(--black);
	padding: 14px 32px;
	background-color: #FFF8D6;
	border-radius: 12px 12px 0 0;
}

td .bg-yellow{
	background-color: #FFE483;
}
td .bg-blue{
	background-color: #89D1FE;
}
td .bg-pink{
	background-color:#FFBDB2;
}
td .bg-light-green{
	background-color:#D0EDB1;
}
.graph-table table{
	border:1px solid #E6E6EA ;
}
.graph-table td{
	font-size: 13px;
	padding: .5rem;
	text-align: center;
	vertical-align: middle;
	font-family: 'Roboto';
	color: #BCBCC0;
	border-top: none;
}
.graph-table th{
	border-top: none;
	padding: .5rem;
	vertical-align: middle;
}
.graph-table td.abtime{
	color: var(--black);
	font-size: 14px;
	font-family: 'Roboto';
}
.graph-table td .abid,
.graph-table td .abdate,
.graph-table td .abgroup-name,
.graph-table td .abname{
	color: var(--black);
}
.graph-table td .abname, .graph-table td .abdate, .graph-table td .abgroup-name{
	font-family: 'RobotoBold';
}
.graph-table td .abname{
	font-size: 14px;
}
.graph-table td .abdate{
	font-size: 12px;
}
.graph-table td .abid{
	font-size: 12px;
}
.graph-table td .abgroup-name{
	font-size: 14px;
}
.graph-table td .abnumb{
	color: white;
	padding: 2px 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	border-radius: 6px;
}
.graph-table td .abnumb.bg-green{
	background-color: #00C714;
}

.graph-table td .abnumb.bg-red{
	background-color: #DB372E;
}

.graph-head.juft{
	background-color: #D8F4FE;
}

.ab-table-head{
	background-color: #EFF4FE;
	border-radius: 12px;
}
.ab-table-head th{
	border-top: 0;
	font-size: 12px;
	font-family: 'Roboto';
	color: var(--black);
	padding: 20px .75rem;
}
.ab-table-head th:first-child{
	border-radius: 12px 0 0 12px;
}
.ab-table-head th:last-child{
	border-radius: 0 12px 12px 0;
}

.table-students table td{
	border-top: 0;
	border-bottom: 1px solid #e2e2ea;
	padding: .9rem;
	font-family: 'RobotoBold';
	font-size: 14px;
	color: var(--black);
}
.table-students table td:first-child, .table-students table th:first-child {
	padding-left: 2rem;
}
.table.mini-table{
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
}
.table.mini-table tr:first-child th{
	padding-left: 1rem;
	border-top: 0;
	border-bottom: 1px solid #e2e2ea;
}

.table.mini-table tr td{
	font-family: 'Roboto';
	font-size: 14px;
	border-top: 0;
	padding: 1rem;
}
.table.mini-table tr td:first-child, .table.mini-table tr td.student-name{
	font-family: 'RobotoBold';
}
.btn-plus{
	padding: 10px 18px 12px;
	border-radius: 8px;
	background-color: var(--secondary-color);
	transition: .4s;
}
.btn-plus:hover{
	box-shadow:2px 4px 12px 1px #dba524;
}
.name-table{
	font-size: 18px;
	font-family: 'RobotoBold';
	color: var(--black);
}

.my-accord .card{
	border:0;
	margin-top: 14px;
}
.my-adminstration .my-accord .card:first-child{
	margin-top: 0;
}
.my-accord .card .card-header{
	border-radius: 12px 12px 0 0;
	padding: 0;
	border-bottom: 0;
	background: none;
}
.table.mini-table{
	border-radius:  12px;
}
.my-accord .card-body .table.mini-table{
	border-radius:0;
}
.my-accord .card-body .table.mini-table:last-child{
	border-radius: 0 0 16px 16px;
}
.my-accord .card {
	/*border-radius: 0 0 12px 12px;*/
	background: none;
	/*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);*/
}
.my-accord .card-body{
	padding: 0;

}
.accord-btn{
	width: 100%;
    padding: 16px 24px;
	border-radius: 12px;
    text-align: left;
    color: var(--black);
    border:1px solid var(--secondary-color);
    font-size: 16px;
    text-align: center;
    font-family: 'RobotoBold';
    text-decoration: none;
    transition: .4s;
}
.my-accord h5 .accord-btn{
	border-radius:12px 12px 0 0;
	color: white;
	background-color: var(--secondary-color);
}
.my-accord h5 .accord-btn.collapsed:hover{
	color: white;
	background-color: var(--secondary-color);
}
.my-accord h5 .accord-btn.collapsed{
	border-radius: 12px;
	text-decoration: none;
    border:1px solid var(--secondary-color);
	color: var(--black);
	background: none;
}
.accord-btns .accord-btn{
	margin-top: 10px;
}
.accord-btn:hover{
	background-color: var(--secondary-color);
	color: white;
}
.accord-btn.collapsed{
	border-radius: 12px;
}
.accord-btn:hover{
	text-decoration: none;
}

.body-header{
	background: #FFF8D6;
	border-radius: 12px 12px 0 0;
}
.my-accord .accord-btn.collapsed img.tepaga{
	transform: rotate(180deg);
}
.my-accord .accord-btn .up-down{
	margin-left: 8px;
}
.my-accord .accord-btn.collapsed .up-down img{
	transform: rotate(180deg);

}

.retention-buttons .retention-btn{
	display: block;
	width: 100%;
	color: var(--black);
	border: 1px solid #E6E6EA;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
	border-radius: 6px;
	transition: .4s;
	padding: 24px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'RobotoBold';
	margin-top: 18px;
	text-align: center;
}
.retention-buttons .retention-btn:hover, .retention-buttons .retention-btn.active{
	border: 1px solid #DBA524;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}
.retention .retention-buttons .retention-btn{
	color: #DBA524;
}

.table-icons a{
	margin-left: 8px;
}

.tables .head-tables{
	padding: 18px 24px;
	background-color: #EFF4FE;
	border-radius: 12px;
}
.retention-tables .title-table{
	padding: 50px 0 18px 0;
}
.retention-tables table.table tr:first-child th{
	font-size: 12px;
	color: var(--black);
	border-top: 0;
	font-family: 'RobotoRegular';
}
.retention-tables table.table tr td{
	font-size: 16px;
	color: var(--black);
	font-family: 'RobotoRegular';
}
.tables.retention-tables{
	margin-top: 32px;
}
.retention-tables
.retention-tables table.table tr td:nth-child(1),
.retention-tables table.table tr td:nth-child(2),
.retention-tables table.table tr td:nth-child(3){
	font-family: "RobotoBold";
}
.retention-tables table.table tr td a img{
	width: 19px;
}
.retention-btn.opened{
	border-color: var(--secondary-color);
	box-shadow: none;
	border-radius: 16px;
}

.retention-tables .my-accord .accord-btn {
	color: var(--black);
	padding-left: 50px;
	background: none;
}
.retention-tables .my-accord .card{
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius:16px !important;
	margin-top: 10px;
}
.retention-tables .my-accord .card-body .table.mini-table{
	box-shadow: none !important;
}
.retention-tables .my-accord .accord-btn .index-collapse{
	margin-left: 10px;
    color: var(--black);
    padding: 2px 9px;
    font-size: 18px;
    background-color: var(--secondary-color);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-family: 'RobotoBold';
}
.retention-tables .my-accord .card .mini-table tr th{
	border-top: 1px solid #e2e2ea;
	border-bottom: 0;
}
.retention-tables .my-accord .card .mini-table tr td{
	border-bottom: 0;
	border-top: 0;
}
.sales{
	margin-top: 40px;
}
 .table.striped{
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
}
 .table.striped tbody tr:nth-of-type(even){
	background: #EFF4FE;
}
.table.striped tbody tr:first-child th{
	border-top: 0;
	padding: .85rem 13px;
}
 .table.striped tbody tr:last-child td:first-child{
	border-radius: 0 0 0 16px;
}
.sales .table.striped tbody tr:last-child td:last-child{
	border-radius: 0 0 16px 0;
}
.table.striped tbody tr th,
.table.striped tbody tr td{
	white-space: nowrap;
	padding: .5rem 13px .5rem 13px;
}
.table.striped tbody tr td{border-top: 0;}
.table.striped tbody tr th{
	font-size: 12px;
	border-bottom: 1px solid #e2e2ea;
	font-family: 'RobotoBold';
}
.table.striped tbody tr td:nth-child(1),
.table.striped tbody tr td:nth-child(2){
	font-family: 'RobotoBold';
	font-size: 14px;
	color: var(--black);

}

.big-table-head {
	position: relative;
	background: #2B7CD8;
	border-radius: 16px 16px 0px 0px;
	margin-top: 32px;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.big-table-head h3{
	font-size: 18px;
	color: white;
	margin-bottom: 0;
	font-family: 'RobotoBold';
}
.big-table-head .btn-plus{
	position: absolute;
    right: 32px;
    top: 9px;
    padding: 9px 13px;
    display: flex;
    align-items: center;
}

.sales .big-table tr td svg{
	margin-right: 5px;
}
.sales .big-table{
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 16px 16px;
}
.sales .big-table tr:first-child th{
	font-size: 12px;
	font-family: 'Roboto';
	color: var(--black);
	border-bottom:1px solid #e2e2ea;

}
.sales .big-table tr td{
	font-family: 'RobotoRegular';
	font-size: 14px;
	color: var(--black);
	border-top: 0;
}
.sales .big-table tr td a img{
	margin-right: 4px;
}
.sales .big-table tr td:nth-child(1),
.sales .big-table tr td:nth-child(2){
	font-family: 'RobotoBold';
}
.sales .btn-plus-right{
	right: 88px;

}
.sales .btn-plus-right img{
	width: 19px;
	height: 18px;
}

.index-blue{
	    display: flex;
    padding: 4px;
    align-items: center;
    justify-content: center;
    background: #2b7cd8;
    border-radius: 2px;
    color: white;
    margin-left: 10px;
}
.sales-title{
	font-size: 18px;
	align-items: center;
	display: flex;
	font-family: 'RobotoBold';
	color: var(--black);
}
.table.striped.superv tr td{
	white-space: normal !important;
}


.teachers form .my-control{
	width: auto;
	margin-left: 5px;
	padding: 16px 32px;
	height: auto !important;
}
.teachers form .my-group{
	display: flex;
	align-items: center;
}
.teachers form label.caption{
	color: var(--black);
	font-family: 'RobotoBold';

}
.teachers form .my-control.search-input{
	background: url(../img/svg/Search.svg);
	background-repeat: no-repeat;
	background-position: 12px center;
	padding: 16px 32px 16px 38px;
}
.teachers{
	margin-top: 25px;
}

.teacher-card{
	margin-top: 18px;
	border: 1px solid #E6E6EA;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
	border-radius: 6px;
	transition: .4s;
}
.teacher-card:hover{
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
	border-color: white;
}
.teacher-card .card-body a{
	font-size: 14px;
	display: flex;
	align-items: center;
	font-family: 'RobotoBold';
	color: var(--black);
}
.teacher-card .card-body a img{
	margin-right: 3px;
}
.teacher-card .card-body .index-orange{
	width: 32px;
	height: 32px;
	border-radius: 32px;
	font-size: 14px;
	color: var(--black);
	font-family: 'RobotoBold';
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--secondary-color);
}
.teacher-card .card-body .teacher-name h3{
	font-size: 16px;
	color: var(--secondary-color);
	font-family: 'RobotoBold';
	text-align: center;

}

.daraja-btns .daraja-btn{
	background: #FFFFFF;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	display: block;
	width: 100%;
	padding: 16px 12px;
	text-align: center;
	font-size: 14px;
	color: var(--black);
	margin-top: 24px;
	transition: .4s;
	font-family: 'RobotoBold';
}
.daraja-btns .daraja-btn.active,
.daraja-btns .daraja-btn:hover{
	background: #DBA524;
	color: white;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.check-group{
	font-size: 13px;
    display: flex;
    align-items: center;
    border: 1px solid #2B7CD8;
    padding: 10px;
    border-radius: 4px;
    justify-content: center;
    margin-left: 8px;
    background-color: var(--secondary-color);
    /* align-self: center; */
}
 .check-group:first-child{
	margin-left: 0 !important;
}
.check-group label{
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 500;
    color: rgba(126,133,142,.6);
	margin:2px 0 0 3px;
	color:white;
}

.added-time span{
	color:#7E7E82;
	font-size: 18px;
	font-family: 'Roboto';
}
.added-by{
	font-size: 18px;
	font-family: 'Roboto';
	padding: 10px 0 18px 0;
}
.added-by span{
	color: #2B7CD8;
}
.added-news{
	margin-top: 16px;
	width: 100%;
	border-bottom:1px solid #E6E6EA;
}

.check-group input[type=checkbox]:checked + label {
  color: var(--black);
}

.event-item .event-overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 62.48%);
	padding: 10px;
	border-radius: 20px;
}
.event-item{
	border-radius: 20px;
	position: relative;
	width: 100%;
	margin-top: 16px;
}
.event-item img{
	max-width: 100%;
	max-height: 100%;
	width: 100%;
}
.event-item .event-overlay h4{
	font-size: 14px;
	color: white;
	font-family: 'RobotoRegular';
	font-style: italic;

}
.event-item .event-overlay h3{
	font-size: 24px;
	color: white;
	font-family: 'RobotoBold';

}

 .my-pagination .page-item{
	width: 24px;
	border-radius: 2px;
	border:1px solid #D7DFE9;
	transition: .4s;
	height: 24px;
	margin:8px;
}
.my-pagination .page-item .page-link:focus{

	box-shadow: 0 0 0 0.2rem rgb(250 140 22 / 25%) !important;

}
.my-pagination .page-item:hover a,
.my-pagination .page-item.active a{
	color: var(--secondary-color);
}
.my-pagination .page-item:hover,
.my-pagination .page-item.active{
	border-color: var(--secondary-color);
}
.my-pagination .page-item .page-link{
	width: 100%;
	color: #7E858E;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	border:none;
	background: none;
	font-family: 'Roboto';
}
.my-pagination nav{
	display: flex;justify-content: center;
}

.hisob-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 20px;
	font-family: 'RobotoBold';
	color: var(--black);
	text-align: center;
	margin-top: 24px;
	padding: 35px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
	border-radius: 6px;
	border:1px solid #e6e6ea;
	transition: .4s;
}
.nav-form .my-group.col-lg-3{
	padding-left: 0;
}
.hisob-btn.p20{
	padding: 20px;
}
.hisob-btn:hover,
.hisob-btn.active{
	color: var(--black);
	border-color: var(--secondary-color);
}

.hisobotlar .davr{
	padding: 16px 30px;
	text-align: center;
	color: var(--black);
	font-size: 15px;
	font-family: 'RobotoRegular';
	border: 1px solid #E7E9ED;
	box-sizing: border-box;
	border-radius: 8px;
	margin-left: 10px;
}
.hisobot-davri{
	font-family: 'RobotoBold';
	font-size: 18px;
	padding-left: 0;
}
.hisobotlar .hisobot-title{
	margin-top: 30px;
	margin-bottom: 20px;
}
.hisobotlar .hisobot-title h3{
	font-size: 24px;
	font-family: 'RobotoBold';
	color: var(--black);
}
.hisobotlar .down-btn a{
	background: #2B7CD8;
	border-radius: 4px;
	border-radius: 4px;
	padding: 15px;
	width: 48px;
	height: 48px;
	display: flex;align-items: center;
	justify-content: center;
}
.hisobotlar .hisobot-table .table tr:first-child{
	background: #EFF4FE;
	border-radius: 12px;
}
.hisobotlar .hisobot-table{
	margin-top: 32px;
}
.hisobotlar .hisobot-table .table tr:first-child th, .hisobotlar .hisobot-table .table tr:nth-child(2) td{
	border-top: 0;
}

.hisobotlar .hisobot-table .table tr:first-child th:first-child{
	border-radius: 12px 0 0 12px;

}

.hisobotlar .hisobot-table .table.pl36 tr td:first-child{
	padding-left: 36px;
}
.hisobotlar .hisobot-table .table.pl36 tr th:first-child{
	padding-left: 36px;
}
.hisobotlar .hisobot-table .table tr:first-child th:last-child{
	border-radius: 0 12px 12px 0;
}
.hisobotlar .hisobot-table .table tr th{
	font-size: 12px;
	font-family: 'Roboto';
	color: #2E2E30;
	font-weight: 500;
	padding: 21px .75rem;
}
.hisobotlar .hisobot-table .table tr td{
	padding: 21px .75rem;
	font-size: 14px;
	border-bottom: 1px solid #E6E6EA;
	color:#2E2E30;
	font-family: 'RobotoRegular';
	font-weight: 400;
}
.hisobotlar .hisobot-table .table tr td:nth-child(1){
	font-family: 'RobotoBold';
}
.hisobotlar .hisobot-table .table tr td.passive,
.hisobotlar .hisobot-table .table tr th.passive{
	color: #7E7E82;
}
.hisobot-three .table tr td:nth-child(2),
.hisobot-four .table tr td:nth-child(2){
	font-family: 'RobotoBold';
}
.hisobot-three .table tr th img{
	margin-left: 3px;
}


.hisobotlar .hisobot-table.hisobot-four .table tr:first-child th:first-child,
.hisobotlar .hisobot-table.hisobot-four .table tr td:first-child{
	padding: 21px 35px 21px 80px;
	text-align: right;
}
.hisobotlar .checks{
	margin-top: 30px;
}


.action-item{
	justify-content: space-between;
	align-items: center;
	margin-top: 14px;
}
.action-item .action-name{
	font-family: 'Roboto';
	font-weight: normal;
	color: var(--black);
	font-size: 15px;
}
.hodim-title h4{
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.01em;

	color: #000000;
}
.index-action{
	display: flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	color: white;
	background: var(--secondary-color);
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	font-size: 14px;
	border-radius: 8px;
	line-height: 14px;
}

.hisobot-hodim .hodim-card{
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	margin-top: 32px;
	border:0;
}

.hisobot-table .pays{
	font-family: 'RobotoBold';
	font-weight: 700;
	color: rgba(33,33,41,1);
	font-size: 18px;
}
.hisobot-table .summa{
	color: rgba(33,33,41,1);
	font-size: 18px;
	font-family: 'RobotoRegular';
	font-weight: 400;
}

.title-table-orange{
	font-size: 20px;
	font-family: 'RobotoBold';
	font-weight: 700;
	color: var(--secondary-color);
	margin-bottom: 24px;
	/*margin-top: 10px;*/
}


.hisobot-table .table tr td.blue{
	color: #2B7CD8;
}

.hisobot-title .my-form-btn:hover{
	color: white;
}


.hisobot-table.main-table tr td.green{
	color: #02C975;
}
.hisobot-table.main-table tr td.blue{
	color: #2B7CD8;
}
.hisobot-table.main-table tr td.yellow{
	color: #DBA524;
}
.hisobot-table.main-table tr td.red{
	color: #DB372E;
}
.hisobot-table.main-table tr td:nth-child(2){
	font-weight: 700;
}

.table-dropdown .dropdown-item img{
	width: 20px;
	height: 19px;
	filter: opacity(.9);
}
.table-dropdown .dropdown-toggle{
	color:  var(--secondary-color);
	padding-right: 15px;
	border:1px solid  var(--secondary-color);
}
.table-dropdown .dropdown-toggle:hover{
	background-color: var(--secondary-color);
	color: white;
}

.hisobot-table td form input.my-control{
	width: auto !important;
	max-width: 140px;
	font-size: 14px;
}
.hisobot-table td a.tasdiq{
	background: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	color: var(--black);
	padding: 10px;
	white-space: nowrap;
	text-align: center;
}

.hisobotlar.tolovlar .my-form-btn:hover{
	color: white;
}
.hisobotlar.tolovlar .btn-plus{
	padding: 15px 18px 18px;
}

.oyliklar .my-group.form-group{
	flex-direction: row;
	display: flex;
	align-items: center;
	height: 100%;
}
.oyliklar .my-group .my-control{
	width: auto;
	min-width: 150px;
	margin-left: 5px;
}
.my-group label.caption{
	font-size: 18px;
	color: var(--black);
	font-family: "RobotoBold";
}

.oyliklar .my-group .my-form-btn{
	padding: 14px 20px;
}
.oyliklar .my-group .my-form-btn:hover{
	color: white;
}

.oyliklar .hisobot-table tr td,
.oyliklar .hisobot-table tr th{
	white-space: nowrap;
}
.oyliklar .hisobot-table .table{
	overflow-x: scroll;
	display: block;
}
.oyliklar .hisobot-table .table tr td h3{
	font-size: 18px;
	color: var(--black);
	font-family: 'RobotoBold';
	margin-bottom: 0;
}
.ab-modal .ab-modal-title{
	font-size: 24px;
	color: var(--black);
	font-family: 'RobotoBold';
}
.ab-modal .modal-header{
	border-bottom: 0 solid #000;
}
.ab-modal .modal-content{
	border-radius: 20px;
}

.ab-modal .modal-header.container{
	padding: 1rem 20px 1rem 80px;
}
.ab-modal .modal-body form .my-form-btn{
	border:0;
}
.ab-modal .modal-body{
	padding-bottom: 50px;
}
.hisobotlar .ab-modal .my-group{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.hisobotlar .ab-modal .my-group .my-control{
	min-width: 250px;
	width: auto;
	height: auto;
	padding: 10px;
}

.extra-salary .hisobot-table .table tr td {
	font-weight: 500;
}

.materiallar .hisobot-table .table .my-control{
	max-width: 200px;
	height:auto;
}

.hisobotlar a.my-form-btn:hover{
	color: white;
}

#file-uploader{
	display: none;
}

.messageto .my-form-btn{
	padding: 16px 48px;
	margin-top: 15px;
}
.messageto .my-group .my-control{
	height: auto;
	padding:9px 16px;
	width: 100%;
}

.natijalar form .my-group .my-control,
.mock-exam form .my-group .my-control{
	width: auto;
	margin-left: 5px;
}
.natijalar form .my-group,
.mock-exam form .my-group{
	display: flex;
	align-items: center;

}
.natijalar form .my-group label,
.mock-exam form .my-group label{
	margin-bottom: 0;
}
.natijalar .hisobot-table.natija-table td .my-control{
	width: auto;
	height: auto;
	max-width: 130px;
}
.natijalar .hisobot-table.natija-table td{
	vertical-align: middle;
	padding: 15px .75rem !important;
}
.natijalar .hisobot-table.natija-table td:first-child{
	padding-left: .75rem !important;
}
.natijalar .hisobot-table.natija-table td .my-control.table-input{
	width: 64px;
}
.natijalar .hisobot-table.natija-table td a{
	display: flex;
	align-items: center;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 7px 12px;
	color: #212129;
	font-family: 'Roboto';
	font-weight: 500;
}
.natijalar .hisobot-table.natija-table td a svg{
	margin-right: 3px;
}
.natijalar .hisobot-table.natija-table td #my-work{
	display: none;
}
.natijalar .natija-table .my-form-btn{
	padding: 12px 32px;
	margin-top: 10px;
}

.exam-table .natija-list li{
	width: 40%;
	font-family: 'Roboto';
}
.exam-table li span{
	color: var(--secondary-color);
}
.exam-table li span.blue{
	color: #2976CD;
}
.exam-table .natija-list{
	display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.exam-table td{
	font-size: 13px !important;
}
.exam-table td.actions a{
	display: block;
	font-size: 10px;
	color: var(--black);
	border:1px solid var(--secondary-color);
	border-radius: 3px;
	padding: 2px 4px;
	margin-top: 3px;
	white-space: nowrap;
	font-family: 'Roboto';
	font-weight: 500;
}
.exam-table td.actions a:last-child{
	background: var(--secondary-color);
}

.arxiv .arxiv-accordion button.basic{
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 24px;
	font-family: 'RobotoBold';
	color: var(--secondary-color);
	text-decoration: none;
}
.arxiv .arxiv-accordion .card .card-header{
	background: none;
	border-bottom: 0 solid #000;
}
.arxiv .arxiv-accordion .card .title-table{
	padding: 0;
}
.arxiv .arxiv-accordion .card{
	border:none;
	margin-top: 20px;
	background: #FFFFFF;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius: 16px !important;
}
.arxiv .arxiv-accordion .card .card-body{
	border-top: 1px solid #e2e2ea;
}
.arxiv .arxiv-accordion .card .card-body .mini-table tr th{
	font-size: 12px;
	padding: 9px .75rem;
}
.arxiv .arxiv-accordion .card .card-body .card .card-body{
	padding: 0;
}
.arxiv .arxiv-accordion .card .card-body .mini-table tr td{
	font-size: 13px;
	padding: .75rem;
}
.arxiv .arxiv-accordion .card .card-body .mini-table {
	border-radius: 0 0 12px 12px;
}
.arxiv .arxiv-accordion .card .card-body .mini-table tr td.blue{
	color:#2B7CD8;
}

.arxiv .arxiv-accordion .card .card-body .card .card-header{
	padding: 5px 0;
}
.arxiv .arxiv-accordion .card .card-body .card .card-header button.btn{
	font-size: 12px;
    width: 100%;
    align-items: center;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    color: var(--black);
    font-family: 'Roboto';
}
.arxiv .arxiv-accordion .card .card-body .card .card-header button.btn .index-orange{
	width: 24px;
	height: 24px;
	background-color: var(--secondary-color);
	color: white;
	display: flex;
	align-items: center;
	border-radius: 24px;
	justify-content: center;

}

.table-arxiv .my-control{
	width: auto;
	height: auto;
	font-size: 12px;
	max-width: 150px;
}
.arxiv .arxiv-accordion .table-arxiv tr td{
	font-size: 13px;
	font-family: "Roboto";
	font-weight: 400;
}
.arxiv .arxiv-accordion .table-arxiv:first-child tr th{
	border-top: 0 solid #000;
}
.arxiv .arxiv-accordion .table-arxiv tr td:first-child,
.arxiv .arxiv-accordion .table-arxiv tr td:nth-child(2){
	font-weight: 500;
}
.arxiv .arxiv-accordion .table-arxiv tr td.blue{
	color: #2976CD;
}
.arxiv .arxiv-accordion .table-arxiv tr:nth-child(2) th{
	font-size: 12px;
}
.parent-menu .ab-inline-menu{
	display: none;
}
.ab-inline-menu li a:hover{
	background: none !important;
	color: var(--secondary-color) !important;
}
.ab-inline-menu li a:hover svg path{
	stroke: var(--secondary-color) !important;
}

.my-adminstration .kutish{
	max-height: 700px;
	overflow-y: scroll;
}
.my-adminstration .yigish{
	max-height: 700px;
	overflow-y: scroll;
	margin-top: 30px;
} .body-header .dr .dropdown > img{
	width: 19px;
}
.tad-btn a{
	display: flex;
    width: 36px;
    height: 36px;
    background: var(--secondary-color);
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 6px;
}
.tadbirlar .tad-btn{
	align-items: flex-end;
}

.tadbirlar .ab-modal .modal-body .my-group{
	display: flex;
	justify-content: space-between;
}
.tadbirlar .ab-modal .modal-body .my-group .my-control{
	max-width: 230px;
}
.tadbirlar .my-form-btn:hover{
	color: white;
}

.tarmoqlar .social-card{
	background: #FFFFFF;
	margin-top: 24px;
	border: 0.5px solid #E2E2EA;
	border-radius: 20px;
	min-height: 150px;
	transition: .4s;
}
.tarmoqlar .social-card:hover{
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
	border-color: white;
}
.tarmoqlar .social-card .card-head{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0 0px;
}
.tarmoqlar .social-card .card-head img{
	max-width: 50px;
}
.tarmoqlar .social-card .card-body .social-title{
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	color: var(--black);
	font-size: 16px;
}

.feedback .main-table td.received-time{
	color: #7E7E82 !important;
}
.feedback.hisobotlar .hisobot-table.main-table td{
	vertical-align: middle;
}
.feedback.hisobotlar .hisobot-table.main-table td.replied{
	color: #69A509 !important;
	font-weight: 500;
	font-family: 'Roboto';
}
.feedback .main-table td .reply-to-sms{
	color: white;
	background: var(--secondary-color);
	padding: 4px;
	border-radius: 6px;
	display: flex;
	font-size: 12px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 6px 10px;
	transition: .4s;
}
.feedback .main-table td .reply-to-sms:hover{

	box-shadow:2px 4px 12px 1px #dba524;
}
.feedback .main-table td .reply-to-sms img{
	margin-right: 3px;
}
.feedback .ab-modal .my-group{
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.feedback .ab-modal .my-group .my-control{
	width: 100% !important;
	padding: 20px 16px;
}

.sozlamalar h4.title{
	padding: 25px;
	font-family: RobotoBold;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
}
.sozlamalar form .my-group{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.sozlamalar form .my-group input.my-control{
	width: 100%;
}
.sozlamalar form .my-group .hidden-input{
	display: none;
}
.sozlamalar form .my-group #upload-file > div{
	max-width: 100%;
	width: 100%;
	max-height: 80px;
	padding: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Roboto';
	font-size: 12px;
	color: #7e858e;
	border: 1px dashed #E7E9ED;
	border-radius: 8px;
}

.lesson-time tr td:last-child{
	width: 140px;
	padding-right: 60px !important;
}
.lesson-time tr .my-control{
	height: auto;
	padding: 8px 16px;
	font-size: 12px;
	width: auto;
}
.sozlamalar .kompaniya.hisobot-table input.my-control{
	width: auto;
	height: auto;
	font-size: 12px;
}

.sozlamalar .ab-modal .my-group{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.sozlamalar .ab-modal .my-group .my-control{
	max-width: 250px;
	width: 250px;
	height: auto;
	padding: 8px 16px;
	font-size: 15px;
}

.sozlamalar .sozlama-btn{
	display: flex;
	width: 100%;
	padding:5px 24px;
	align-items: center;
	justify-content: space-between;
	background: #FFFFFF;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	transition: .4s;
	position: relative;
	border: 1px solid #fff;
    margin-top: 24px;
}
.sozlamalar .sozlama-btn:first-child{
	margin-top: 36px;
}
.sozlamalar .sozlama-btn .course-name{
	font-size: 18px;
	font-family: 'Roboto';
	font-weight: 500;
    display: flex;
    width: 100%;
    padding: 10px 0;
    height: 100%;
    color: var(--black);
}
.sozlamalar .sozlama-btn .course-icons{
	position: absolute;
	right: 20px;
	top: 25%;
}
.sozlamalar .sozlama-btn .course-icons a img{
	margin-right: 5px;
	transition: .4s;
	width: 18px;
	height: 18px;
	z-index: 20;
}
.sozlamalar .sozlama-btn .course-icons a:hover img{
	transform: scale(1.1);
}
.sozlamalar .sozlama-btn.active,
.sozlamalar .sozlama-btn:hover{
	border: 1px solid #DBA524;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
}

.sozlamalar .sozlama-table tr th{
	color: #2E2E30;
	font-size: 12px;
	font-family: 'Roboto';
	font-weight: 500;
}
.sozlamalar .sozlama-table tr .my-control{
	height: auto;
	width: auto;
	max-width: 190px;
}
.sozlamalar .sozlama-table tr td{
	font-family: 'RobotoRegular';
	font-weight: 500;
	border-top: 0 solid #000;
	color: #2e2e30;
}
.sozlamalar .sozlama-table tr:nth-child(2) td{
	border-top: 1px solid #e2e2ea;
}
.sozlamalar .sozlama-table tr td:nth-child(1),
.sozlamalar .sozlama-table tr td:nth-child(2){
	font-family: 'RobotoBold';
	font-size: 14px;
}
.sozlamalar .sozlama-table tr td.icons a{
	margin-right: 3px;
}
.sozlamalar .sozlama-table tr td.icons a img{
	width: 14px;
}
.sozlamalar .sozlama-table .accord-btn{
	text-align-last: left;
}

.sozlamalar.hodimlar .lesson-time tr td:last-child{
	width: auto;
	padding-right: 0.75rem !important;
}
.sozlamalar.hodimlar .lesson-time tr td.icons a{
	margin-right: 3px;
}
.sozlamalar.hodimlar .lesson-time tr td.student-name{
	font-family: 'RobotoBold';
}
.sozlamalar.hodimlar .lesson-time tr td.hodim-img img{
	max-width: 100px;
}
.radio-group{
	width: 250px;
}
.sozlamalar .ab-modal form .my-group #upload-file{
	width: 250px;
}
.sozlamalar .ab-modal form .my-group #upload-file > div{
	max-width: 250px;
	padding: 32px 10px;
	max-height: 60px;
}
.tariflar-cards{
	margin-top: 20px;
}
.tarif-card .tarif-title h4{
	font-family: 'RobotoBold';
	text-transform: uppercase;
	font-size: 18px;
	color: var(--secondary-color);
	line-height: 23px;
	height: 100%;
	margin-bottom: 0;
}
.tarif-card .card-price h3{
	margin-bottom: 0;
	font-family: 'RobotoBold';
	font-size: 32px;
	color: var(--black);
	padding: 20px 0 8px;
}
.tarif-card .card-head p.offline,
.tarif-card .card-head p.online{
	font-size: 14px;
	font-family: 'RobotoRegular';
}
.tarif-card .card-head p.offline{
	color: var(--red);
}
.tarif-card .card-head p.online{
	color:  #2B7CD8;
}
.tarif-card .card-head{
	border-bottom: 	1px solid #e2e2ea;
}
.tarif-card .card-body{
	padding-left: 0;
	padding-bottom: 0;
}
.tarif-card{
	border: 1px solid #E6E6EA;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0618171);
	border-radius: 10px;
	margin-top: 24px;
}
.tarif-card .card-body ul li{
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 24px;
}
.tarif-card .card-body ul li span{
	display: block;
	color: var(--black);
	margin-left: 3px;
	font-size: 16px;
	font-family: 'RobotoRegular';

}
.quiz-card .quiz-title h4{
	font-size: 18px;
	color: var(--black);
	font-family: 'RobotoBold';
}
.quiz-card .quiz-icons h5{
	font-size: 15px;
	font-family: 'RobotoRegular';
	color: var(--black);
	margin-bottom: 0;
	margin-left: 4px;
	margin-right: 20px;
}
.quiz-card{
	padding: 25px 35px;
	margin-top: 24px;
	border: 1px solid #E6E6EA;
	box-sizing: border-box;
	border-radius: 16px;
}
.quiz-card .card-body{
	padding: 0;
}
.quiz-card .card-body .form-group{
	margin-bottom: 0;
}
.quiz-card .card-body .form-group label{
	font-size: 14px;
	font-family: 'Roboto';
	font-weight: 500;
}
.my-quiz{
	margin-top: 32px;
}

.add-lessons .hisobot-table.main-table tr td{
	font-size: 13px;
	padding: 21px .5rem;

}
.add-lessons .hisobot-table.main-table tr td select.my-control{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: 12px;
	width: 110px;
}

.for-teachers .table td.yellow{
	color:#DBA524 ;
}
.for-teachers .table td.green{
	color: #69A509;
}
.for-teachers .table td.red{
	color: #DB372E;
}
.for-teachers .teach-accord .card-body{
	padding: 0;

}
.for-teachers .teach-accord .card-body .table.mini-table{
	border-radius: 0 0 16px 16px;
}
.for-teachers .teach-accord .card{
	background: none;
	margin-top: 24px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius: 16px !important;
}

.for-teachers .teach-accord .card .card-header{
	padding: 0;
	border-radius: 0;
	background: none;
	border-bottom: none;
}
.for-teachers .teach-accord .card .card-header .group-name{
	white-space: initial;
	text-align: left;
	font-size: 16px;
	color: white;
	font-family: 'RobotoBold';
}
.for-teachers .teach-accord .card .card-header h5{
	background: none;
}
.for-teachers .teach-accord .card .card-header button{
	text-decoration: none;
	width: 100%;
	background-color: var(--secondary-color);
	height: 100%;
	border-radius: 16px 16px 0 0;
}
.for-teachers .teach-accord .card .card-header button.collapsed{
	border-radius: 16px;
}
.for-teachers .teach-accord .card .card-header button .icons-group a img{
	width: 16px;
}
.for-teachers .teach-accord .card .card-header button .icons-group a{
	margin-right: 5px;
}
.for-teachers .teach-accord .card .card-header .icons-group{
	z-index: 100;
}
.for-teachers .title-accord h4{
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'RobotoBold';
}

.for-teachers .teach-accord .table.mini-table tr:first-child th{
	font-size: 12px;
}


.tables.retention-tables{
	margin-top: 32px;
}
.tables.retention-tables .head-tables .dropdown a>img{
	width: 19px;
}
select.my-control{
	-webkit-appearance: none;
}


.parent-menu .inline-menu{
	display: none;
}
.parent-menu .ab-inline-menu{
	display: none;
}