html {
    position: relative;
    min-height: 100%;
}
.service-menu i {
    padding-left: 10px;
}
.txt_dec.active{
          text-decoration: underline !important;
        }
.nav_sub {
    position: absolute;
    top: 6px;
    left: 21%;
    opacity: 0;
}
.nav_sub a {
    font-size: 25px;
}

.nav_sub.active{opacity:1;transition:1s;z-index: 999999}
.nav_sub a{font-size:21px !important}.
ff{transform:rotate(-90deg);padding-right:10px}
.service-menu i{padding-left:10px}
.service-menu.active{color:#fff}



.service-menu3 i {
    padding-left: 10px;
}
.nav_sub3 {
    position: absolute;
    top: 6px;
    left: 21%;
    opacity: 0;
}
.nav_sub3 a {
    font-size: 25px;
}

.nav_sub3.active{opacity:1;transition:1s;z-index: 999999}
.nav_sub3 a{font-size:21px !important}.
ff{transform:rotate(-90deg);padding-right:10px}
.service-menu3 i{padding-left:10px}
.service-menu3.active{color:#fff}

.service-menu1 i {
    padding-left: 10px;
}
.nav_sub1 {
    position: absolute;
    top: 6px;
    left: 21%;
    opacity: 0;
}
.nav_sub1 a {
    font-size: 25px;
}

.nav_sub1.active{opacity:1;transition:1s;z-index: 999999}
.nav_sub1 a{font-size:21px !important}.
ff{transform:rotate(-90deg);padding-right:10px}
.service-menu1 i{padding-left:10px}
.service-menu1.active{color:#fff}




.service-menu2 i {
    padding-left: 10px;
}
.nav_sub2 {
    position: absolute;
    top: 6px;
    left: 21%;
    opacity: 0;
}
.nav_sub2 a {
    font-size: 25px;
}

.nav_sub2.active{opacity:1;transition:1s;z-index: 999999}
.nav_sub1 a{font-size:21px !important}.
ff{transform:rotate(-90deg);padding-right:10px}
.service-menu2 i{padding-left:10px}
.service-menu2.active{color:#fff}









.nav_sub2 a {
    font-size: 21px !important;
}





.btn-info {
    color: #fff;
    background-color: #7EBF1B;
    border-color: #7EBF1B;
    padding:5px 20px;
    font-size: 18px;
}
.font_15px{font-size:15px;font-weight: normal!important;}
.font_16px{font-size:16px;font-weight: normal!important;}
.font_17px{font-size:17px;font-weight: normal!important;}
.font_18px{font-size:18px;font-weight: normal!important;}
.font_19px{font-size:19px;font-weight: normal!important;}
.font_20px{font-size:20px;font-weight: normal!important;}
.font_23px{font-size:23px;font-weight: normal!important;}
.lineheight_15px{line-height: 15px!important}
.green_color{color:#7EBF1B;}
.bordercls{border-bottom:5px solid #7EBF1B;background-color: #ffffff;}
.bordercls1{border-top:5px solid #7EBF1B;background-color: #ffffff;}
.bordercls2{border-bottom:1px solid #7EBF1B;background-color: #ffffff;}
.bg1{background-color: #DAE59D!important;}

.loginborder{
	border-right:1px solid #333333;
	border-bottom: none;
	height: 370px;
}
.heading-top{
	font-size: 30px;
}

.text-width{
	width: 95%;

	}
.appraisal-form{
	margin-bottom: 20px;
	width: 100%;
	margin-right: 20px;
}
.heading-top-admin{
	font-size: 36px;
}
.pdt-5{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
.navbar-toggle .icon-bar{
	background-color: #7EBF1B !important;	
}
.navbar-toggle .icon-bar {
    display: block;
    width: 35px;
    height: 4px;
    border-radius: 1px;
    padding-top: 3px;
}
footer {
    display:none;
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
}

.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
  margin-right: 0px !important
}
.navbar-collapse.collapse {
  display: none!important;
}
.m-l-15{
	margin-left: 15px;
}
.navbar-nav {
  float: none!important;
  text-align:right;
}
.navbar-nav>li {
  float: none;
}
.navbar-collapse.collapse.in{
  display:block !important;
}
.wrap ul.wrap-nav{
	margin-top: 12px !important;
}
.wrap ul.wrap-nav li a {
	color:white !important;
	display:block;
	    padding: 5px 0 !important;
    font-size: 26px;
	text-decoration:none;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li {
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	width:100% !important;
	position:relative;
	text-align: left !important;
}
.alert-box{
	 color: white !important;
    background-color: #7dbf28 !important;
    border-color: #d6e9c6 !important;
    padding: 8px !important;
    margin-top: 12px !important;
}
.alert-box .close{
	top: 0px !important;
    right: 9px !important;
    opacity: 1 !important;
}
.table-right{
	float: right;
}
.employee-name{
	background-color: #7dbf28;
}
.average{
	position: fixed;
    top: 50%;
    float: right;
    text-align: right;
    right: 3.3%;
    background-color: #eee;
    padding: 10px;
    font-size: 15px;
}


.logo-img{
	width: 26%;
}
	@media only screen and (max-width : 768px){
		.loginborder{
			border-right: none;
			border-bottom:1px solid #333333;
			height: 10px;;
	}
	.alert-box{
		width: 94%;
		margin: auto;
	}
	.logo-img{
	width: auto;
}
	.heading-top{
		font-size: 24px;
	}
	.text-width{
	width: 97%;
	}
	.appraisal-form{
		width: 100%;
		overflow-x: scroll;
		margin-right: 20px;
	}
	.m-l-15{
	margin-left: 0px !important;
	}
	.heading-top-admin{
		font-size: 28px;
	}
	.pdt-5{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.logo img{
		width: 70%;
		}
	.container-fluid{
		padding-left: 0px !important; 
	}

}
input[type='checkbox'][disabled][checked] {
 color:#222222 !important;
}
input[type='radio'][disabled][checked]  {
   color:#222222 !important;
   opacity: 1;
   z-index: 0;
}
@media only screen and (max-width : 488px){
.btnsubmit{
		margin-top: 8px;
	}
.navbar {
	 margin-bottom: 0px !important;  
	}
	.m-l-15{
	margin-left: -15px !important;
}
.alert-box{
		width: 94%;
		margin: auto;
	}
	.wrap ul.wrap-nav li a {
	color:white !important;
	display:block;
	    padding: 5px 0 !important;
    font-size: 21px;
}
	
.appraisal-form{
		width: 100%;
		overflow-x: scroll;
		    margin-right: 20px;
	}
}

.leave-from .form-group{
	margin-left: 0px !important;
}
.btn .caret{
	float: right;
	margin-top: 6px;
}
.multiselect-container{
	width: 95%;
	background-color:white !important;
}
.multiselect-container label{
	font-weight: normal;
	margin-left: 5px;
}
.multiselect-container>.active>a, .multiselect-container>.active>a:focus, .multiselect-container>.active>a:hover{
	background-color: #8bc53f !important;
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
	background-color: white !important;
}

#output {
  padding: 20px;
  background: #dadada;
}

form {
  margin-top: 20px;
}

.chosen-choices{

    padding: 2px 12px !important;
    font-size: 14px!important;
    line-height: 1.42857143!important;
    color: #555!important;
    background-color: #fff!important;
    background-image: none!important;
    border: 1px solid #ccc!important;
    border-radius: 4px!important;
    width:100%!important;
}
.chosen-container{
	width: 100% !important
}


.service-menu2 i {
    padding-left: 10px;
}
.nav_sub2 {
    position: absolute;
    top: 6px;
    left: 21%;
    opacity: 0;
}
.nav_sub2 a {
    font-size: 25px;
}

.nav_sub2.active{opacity:1;transition:1s;z-index: 999999}
.nav_sub1 a{font-size:21px !important}.
ff{transform:rotate(-90deg);padding-right:10px}
.service-menu2 i{padding-left:10px}
.service-menu2.active{color:#fff}

.nav_sub2 a {
    font-size: 21px !important;
}
.chosen-search-input{
font-family: 'Port Lligat Sans' !important;
}
#output {
  padding: 20px;
  background: #dadada;
}

form {
  margin-top: 20px;
}

select {
  width: 300px;
}
.fc-button-group .fc-state-default{
text-transform: capitalize;
background-color: #5bc0de;
background-image: none;
border-color: #5bc0de;
color:#ffffff;
}
.fc button .fc-icon {
color: #fff;
}
.fc-button-group .fc-state-default:hover{
    background-color: #31b0d5;
    border-color: #269abc;
}

.fc-button-group .fc-today-button{
background-color: #5bc0de;
color: #fff;
}
.fc-button-group .fc-today-button:hover{
    background-color: #31b0d5;
    border-color: #269abc;
}


.fc-button-group .fc-state-default.fc-prev-button{
border-right: 2px solid #fff;
}
.fc-event-container .fc-h-event.fc-event{
background: #7EBF1B;
border-color: #7EBF1B;
}
.fc-toolbar .fc-today-button{
background-color: #5bc0de;
color: #fff;
text-transform: capitalize;
}
#details .panel-title{
        font-size: 18px !Important;
        margin-top:7px;
}
#details .panel-heading{
    background-color:#7EBF1B;
    color:#ffffff;
}
.fc-button-group .fc-state-default.fc-state-active{ 
        background-color: #31b0d5;
    border-color: #269abc;
}
.edit_panel .btn-primary{
    background-color: #31b0d5;
    border-color: #269abc;
}
/*.fc-button{*/
/*    color: #fff!important;*/
/*    background-color: #5bc0de!important;*/
/*    border-color: #46b8da!important;*/
/*    padding: 2px 15px !important;*/
/*    font-size: 15px !important;*/
/*    font-weight: 400;*/
/*    line-height: 1.42857143;*/
/*}*/