#auth {
	z-index:20;
}

#cabinet {
	z-index:20;
}

#cabinet span {
	margin-right:15px;
}


#cabinet_list,
#ulogin {
	position:absolute;
	background-color:#fff;
	border:1px solid #158947;
	padding:10px;	
	min-width: 200px;
	z-index:30;
	right:160px;
	top:5px;
	padding-top:30px
}

.MainHeader {
 
 color:#f4f7fb;
 position:relative;
 background:radial-gradient(circle at 80% 10%,#472DFF,transparent),radial-gradient(circle at 80% 50%,#1e143c,transparent),radial-gradient(40em 40em at 20% 80%,#00003c,transparent),radial-gradient(circle at 10% 10%,#000050,transparent);
 padding-bottom: 80px;
 font-size: 26px;
}

.bg-orange {
	background-color: var(--orange)!important;
	
}

.bg-design {
	background-color: #FF2D2D;
	
}

.logofont a{
	font-family: 'Kanit', sans-serif;
	float: left;
	color: white;
	font-size: x-large;
}

.f-main {
	
	padding-top: 64px;

padding-bottom: 80px;
}

.control-group {
    display: flex;
    padding: 5px;
}

label.control-label {
    width: 100px;
}

.even {
    background-color: #f5f5f5;
}

.odd {
    background-color: #fff;
}

.horizontal{
display: inline-block;
padding-left: 5px;
}

.float-right .horizontal a{
	color: white;
}


.float-right ul{
	margin: 0px;
}