@CHARSET "UTF-8";
/* for screen laptop */
.dropmenu>ul {
    width: 88vw;
    margin: 0 0.5%;
}
.navbar-nav>li>.dropdown-menu{
	margin-top: 1px !important;
}
.dropmenu ul li ul li a.team{
	background-color: #008399;
}
.dropmenu ul li ul li a:hover.team {
	background: #4ca8b7;
	color: #fff;
}
.dropmenu ul li ul li a.staff{
	background-color: #b37b1e;
}
.dropmenu ul li ul li a:hover.staff{
	background: #c9a261;
	color: #fff;
}
.dropmenu ul li ul li a.numclass{
	background-color: #003066;
}
.dropmenu ul li ul li a:hover.numclass{
	background: #034d9e;
	color: #fff;
}
.dropmenu ul li ul li a.numstaff{
    background-color: #00a2bf;
}
.dropmenu ul li ul li a:hover.numstaff{
    background: #72bbc3;
    color: #fff;
}
.dropmenu ul li ul li a.career{
	background-color: #665a48;
}
.dropmenu ul li ul li a:hover.career{
	background: #8c7b61;
	color: #fff;
}
.dropmenu ul li ul li a.feedback{
    background-color: #2c6645;
}
.dropmenu ul li ul li a:hover.feedback{
    background: #39986c;
    color: #fff;
}
.dropmenu ul li ul li a.question{
    background-color: #e96402;
}
.dropmenu ul li ul li a:hover.question{
    background: #FD9A53;
    color: #fff;
}
.dropmenu ul li ul li a.basicsetting{
	background-color: #0052a4;
}
.dropmenu ul li ul li a:hover.basicsetting{
	background: #0268ce;
	color: #fff;
}
.dropmenu li ul {
	border-top: 0px;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}

.dropmenu li ul li {
	width: 100%;
	background: #4CAF50;
}

.dropmenu li:hover ul {
	display: block;
}

.dropmenu li ul li a {
	padding: 13px 15px;
	border-top: 1px;
	background: #337ab7;
	text-align: left;
}

.dropmenu li:hover>a {
	height: 40px;
	background: #337ab7;
}

.dropmenu li a {
	height: 40px !important;
	display: block;
	margin: 0;
	background: #337ab7;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
/* 
.dropmenu li a:hover {
	background-color: #337ab7;
}

.dropmenu li:hover>a {
	background: #337ab7;
}
 */
.dropmenu li {
	position: relative;
	width: 11%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

.dropmenu li a {
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
#teamsetting{
	background: rgb(102,102,102);
}
#staff{
	background: rgb(178,178,178);
}
#numclass{
	background: rgb(77,77,77);
}
#numstaff{
	background: rgb(172,172,172);
}
#carrer{
	background: rgb(89,89,89);
}
#feedback{
	background: rgb(201,201,201);
}
#questionnaire{
	background: rgb(140,140,140);
}
#variousformat{
	background: rgb(191,191,191);
}
#basicsetting{
	background: rgb(115,115,115);
}

.dropmenu li.headerDoubleRow a {
	padding-top: 8px;
}

.headerImage{
	width: auto;
    height: 50px;
    margin-top: 10px;
}

.headerImageXmas{
    width: auto;
    height: 80px;
    margin-top: 10px;
}
#navbar-tn.nav.navbar-nav>li:first-child>a:hover {
	background-image: url(../img/teamsetting.png);
	background-color: #008399;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

#navbar-tn.nav.navbar-nav>li:first-child>a:hover>text {
	display: none !important;
}

#navbar-tn.nav.navbar-nav>li:nth-child(2)>a:hover {
	background-image: url(../img/staff.png);
	background-color: #b37b1e;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

#navbar-tn.nav.navbar-nav>li:nth-child(2)>a:hover>text {
	display: none !important;
}

#navbar-tn.nav.navbar-nav>li:nth-child(3)>a:hover {
    background-image: url(../img/numclass.png);
	background-color: #003066;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

#navbar-tn.nav.navbar-nav>li:nth-child(3)>a:hover>text {
	display: none !important;
}

#navbar-tn.nav.navbar-nav>li:nth-child(4)>a:hover {
    background-image: url(../img/numstaff.png);
	background-color: #00a2bf;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

#navbar-tn.nav.navbar-nav>li:nth-child(4)>a:hover>text {
	display: none !important;
}

#navbar-tn.nav.navbar-nav>li:nth-child(5)>a:hover {
	background-image: url(../img/careerpath.png);
	background-color: #665a48;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

#navbar-tn.nav.navbar-nav>li:nth-child(5)>a:hover>text {
	display: none !important;
}

#navbar-tn.nav.navbar-nav>li:nth-child(6)>a:hover {
	background-image: url(../img/feedback.png);
	background-color: #2c6645;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

#navbar-tn.nav.navbar-nav>li:nth-child(6)>a:hover>text {
	display: none !important;
}

#navbar-tn.nav.navbar-nav>li:nth-child(7)>a:hover {
	background-image: url(../img/questionnaire.png);
	background-color: #e96402;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

#navbar-tn.nav.navbar-nav>li:nth-child(7)>a:hover>text {
	display: none !important;
}

#navbar-tn.nav.navbar-nav>li:nth-child(8)>a:hover {
	background-image: url(../img/formants.png);
	background-color: #00956c;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

#navbar-tn.nav.navbar-nav>li:nth-child(8)>a:hover>text {
	display: none !important;
}

#navbar-tn.nav.navbar-nav>li:nth-child(9)>a:hover {
	background-image: url(../img/basicsetting.png);
	background-color: #0052a4;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

#navbar-tn.nav.navbar-nav>li:nth-child(9)>a:hover>text {
	display: none !important;
}

.auth_disable{
    background-color: gray !important;
}
.header-text{
    text-align: -webkit-center !important;
}

.header-holder{
    width: min-content !important;
}