@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&family=Roboto:ital,wght@0,100..900;1,100..900&family=Story+Script&family=Yellowtail&display=swap');
body {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    background: #ffedb9;
    /*background: linear-gradient(to bottom, #ffedb7 0%, #ffedb7 25%, #ffd24c 25.01%, #ffd24c 100%);*/
    display: block;
    height: 100%;
    padding-bottom: 80px;
}

.hy-drawer-content {
	color:#000;
	background:#ffffff;
}
aside a {
	color: #fff;
}
#header {
	padding: 10px 10px;
	position:relative;
	z-index:1;
}
#header .logo {
}
#header .bell-icon i{
    font-size:20px; 
    color:#4a4535;
    margin-right:7px;
}
#header .bell-icon span{
    background-color:#e2010f;
    width:14px;
    height:14px;
    border-radius:50%;
    font-size:10px;
    color:#fff;
    line-height:15px;
    text-align:center;
    position: absolute;
    margin-top: -3px;
    margin-left:10px;
}

#menuEl {
	position: absolute;
	top: 13px;
	right: 10px;
	
}
#menuEl img{
    width:30px!important;
}
#banner {
	margin:0 auto 20px;
}
.home-blocks a {
	color:#333333;
	text-decoration: none;
}
.user-box {
    background-color: #f6f6f6;	
	padding:20px 10px;
    margin:0 auto 10px;
    text-align: center;
}
.user-box img{
    width:50px;
    height:50px;
    object-fit:cover;
    border-radius:50%;
    border:#fff 2px solid;
    outline:#333 1px solid;
}
.user-box h2 {
	font-size:14px;
    margin-top:10px;
    margin-bottom:5px;
}
.user-box h3 {
	font-size: 13px;
    color:#393939;
    margin-bottom:0;    
}
.left-menu {
	margin:0px;
	list-style:none;
    margin:0;
    padding:0!important;
}

.left-menu li {
	margin-bottom: 10px;
}
.left-menu a {
	font-size: 15px;
    color: #333;
    text-decoration: none;
    padding: 8px 20px;
    display: block;
    border-left:transparent 2px solid;
   
}
.left-menu a.active {
	font-size: 15px;
    color: #000;
    text-decoration: none;
    padding: 8px 20px;
    display: block;
    background: #ffedb7;
    border-left:#e85642 2px solid;
}
.left-menu a i{
    font-size: 17px;
    margin-right:5px;
}
.left-menu a:hover {
	text-decoration:none;
	color: #000;
    background: #ffedb7;
    border-left:#e85642 2px solid;
}

.login_header{
    margin:50px 0 20px;
}

.reg_footer{
    width:100%;
    padding:30px 10px;
    background:#faae00;
    border-top-left-radius:60px;
    border-top-right-radius:60px;
}
#login {
	padding:30px 30px 10px;
    color: #1c2120;
    background: #fff;    
    /*width: 325px;*/
    margin: auto;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgb(27 31 35 / 9%) 0px 0px 0px 3px;
}
#login h2 {
	text-align:center;
	color: #1c2120;
    font-weight:700;
	font-size: 26px;
}
#login h2 span {
	font-size:13px;
	display: block;
    color: #1c2120!important;
    font-weight:600;
}
.home-block {
	background: #313649;
	padding:30px 10px;
}
.home-block label {
	font-size: 12px;
	color: #fff;
	line-height: 14px;
	font-weight: 600;
	position:relative;
	top:5px;
}
.arrow {
	position:relative;
	top:5px;
}
#schemes {
	color:#333;
	padding:0 10px;
}

#schemes a {
	color:#333;
    text-decoration:none;	
}
#schemes .schemes {
    background:#ffeaab;
    color:#675f45;
    font-size:13px;
    padding:15px 10px;
	border-radius:10px;
	margin-bottom:20px;	
	box-shadow:rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgb(255 210 76 / 8%) 0px 1px 3px -1px;
	
}
#schemes .schemes i{
    color:#e33629;
    font-size:17px;
}
#schemes .schemes h2{
    font-size:16px;
    color:#675f45;
    font-weight:700;
    margin-bottom:10px;
}
#schemes .schemes p{
    font-size:14px;
    color:#675f45;
    font-weight:600;
    margin-bottom:0;
}

.bg2 {
	background:#085756 url(../images/diagonal-striped-brick.png);
}
.tabmenu {
	background: #f58634;
}
.tabmenu a {
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size:15px;
	padding: 10px;
	border-right:rgba(255,255,255,.5)!important
}
.inner-banner {
	background:#ea0918;
	padding:15px;
}
.inner-banner a {
	color:#fff;
	font-size:18px;
}
.inner-banner h3 {
	font-size:15px;
	text-align:center;
	color:#fff;
	position:relative;
	top:5px;
}
.form-control {
	border-radius:7px;
	padding: 10px 20px;
	font-size:14px;
    box-shadow:none!important;
	/*border: #f19c00 2px solid;*/

}
.form-select{
    padding:10px 15px!important;
}

.btn-success {
    border-radius: 7px;
    background:#e32636;
    font-weight:600;
    color:#fff;
    font-size:16px;
    border: none;
    padding: 10px;}

	.btn-success:hover{background:62a946!important; border:0!important;}
	
#login h2 span {
          color:#fff;}
.registration i{
    text-align:center;
    border-radius:50%;
    color:#fff;
    line-height: 35px;
    background:#faae00;
    height:35px;
    width:35px;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
.form-group{
    margin-bottom:10px;
}
.form-group-box{
    position:relative;
}
.form-group-box .user-icon{
    position:absolute;
    font-size: 18px;
    margin-top: 11px;
    margin-left: 10px;
}
.form-group-box .field-icon{
    position:absolute;
    font-size: 15px;
    margin-top: 0;
    margin-right: 14px;
    top: 14px;
    right: 0;
}
.btn-danger{
    background-color:#c2261a!important;
    color:#fff!important;
    border:0!important;
    font-weight:600;
    border-radius:8px;
}
.heading h3 {
    font-size: 16px !important;
    font-weight: 700;
    margin-bottom:0!important
}
.heading table td {
    display: block;
    height: auto !important;
}
.heading label {
    margin-top: 8px;
    font-weight: 600;
}
#footer {
    background: #ffd24c;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    padding: 10px 0 5px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    justify-content: center;
    align-items: center;
}

#footer a {
        color: #000;
        text-decoration: none;
        font-size: 12px;
        display: ruby;
        margin:0 31px;
    }
#footer a span{
    display:block;
}
#footer a.active {
    background: #2f2483;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    }
#footer a.active i {
        font-size: 17px;
    }
#footer i {
        font-size: 21px;
    }