@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,300,700|Noto+Serif:400,700|Roboto:100,300,400,400italic,500,500italic,700);
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body {	
	font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #222;
	width:100% !important;
	background: #fff !important;
	overflow-y: scroll;
	overflow-x: hidden !important;
	-webkit-font-smoothing: antialiased;
	line-height: 1.8em;
	padding:0px !important;
}
#wrapper {
    width: 100%;
}
body {
    width: 100%;
	background: url(../img/inner_bg.jpg) fixed !important;
	background-size: 100%;
}
#page-wrapper {
    padding: 15px 15px;
    min-height: 800px;
    top: 58px;
    position: relative;
}
div#page-wrapper.welcome {
	min-height: 100px;
	position: relative;
    background: transparent;
	top: 58px;
}
div#page-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;/*
    background: rgba(255, 255, 255, 0) url('../img/grid.png');*/
    background: rgba(255, 255, 255, 0.51);
}
a.dlt{
	color: red;
}
div#page-wrapper.welcome #page-inner {
	background-color:transparent !important;min-height: 100px;
}
div#page-wrapper.welcome #page-inner .page-head-line {
    font-size: 24px;
    color: #000;
    font-weight: 400;
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
}
div#page-wrapper.welcome #page-inner .page-head-line span {
	border-bottom: 1px solid #fff;  padding-bottom: 4px;
	
}
#page-inner {
    width: 100%;
    margin: 10px 20px 10px 0px;
    padding: 10px;
    min-height: 800px;
}
div#page-wrapper.welcome #page-inner .alert.alert-info {
    background-color: rgb(0, 150, 136);
    color: #e1e6e6;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    border-color: #009688;
	 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.glyphicon{font-family: 'Glyphicons Halflings' !important;}

.page-head-line {
    color: #000;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
    display: inline-block;
    font-size: 28px;
    line-height: 36px;
    font-weight: lighter;
    font-style: normal;
    font-family: 'Roboto Condensed', sans-serif;
}
span.sub_links a{
    color: #fff;
}
span.sub_links {
    background: #009688 !important;
    color: #fff;margin-left: 15px;
    margin-bottom: 15px;
    display: inline-block;
    padding: 8px 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
span.sub_links.pull-left {
    margin-left: 0;
    margin-right: 15px;
}
.panel-default > .panel-heading {
    color: #FFFFFF;
    background-color: #009688;
    border-color: #016D63;
}
.panel.panel-default {
	background-color: rgba(255, 255, 255, 0.75);
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.loginOuter {
    width: 60%;
    text-align: center;
    min-height: 20px;
    padding: 19px;
    margin: 0px auto;
    background-color: rgba(255,255,255,0.09);
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    -webkit-box-shadow: 5px 5px 13px #000000;
    box-shadow: 5px 5px 13px #000000;
    box-shadow: 5px 5px 13px #000000;
}
.login-box .btn {
  margin-top: 5px;
  margin-left: 35px;
  width: 100%;
}
.btn {
    border-radius:0px!important;
    -moz-border-radius:0px!important;
    -webkit-border-radius:0px!important;
}

.progress {
    height: 5px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #000 !important;
}


/*==============================================
    MENU STYLES    
 =============================================*/


.navbar-cls-top .navbar-brand {
    color: #fff;
    width: 280px;
    text-align: left;
    height: 150px;
    font-size: 18px;
    letter-spacing: 1px;
    padding-top: 60px;
	font-weight:bold;
}
.navbar-cls-top .navbar-brand:hover {
    /*background: #DD1533;*/
    color: #fff;

}
.header-right {
    color: #fff;
    padding: 15px 50px 5px 50px;
    float: right;
    font-size: 16px;
}
.user-img-div {
    min-height: 130px;
    padding: 20px;
    background-color: #3b7ec0;
    text-align:center;
}

    .user-img-div img {
        height: 130px;
        border: 5px solid #DD1533;
    }

   
.active-menu {
    background-color: rgba(255, 255, 255, 0.4)!important;
    color: #000 !important;
}
.nav-pills > li > a:hover {
    background-color: rgba(255, 255, 255, 0.4)!important;
    color: #000 !important;
}
.active-menu-top {
    background-color: #000!important;
	color: #3b7ec0;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}
.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
	padding-left: 37px;
    color: #fff;
}
.nav-second-level li a:hover {
    background: #fff;
    color: #000;
}
ul.nav.nav-second-level.collapse.in {
    background: rgba(0, 0, 0, 0.45);
}
/*
.nav-third-level li a {
	padding-left: 55px;
}

.sidebar-collapse, .sidebar-collapse .nav {
background: none;
}

.sidebar-collapse .nav {
	padding: 0;
}

.sidebar-collapse .nav > li > a {
	color: #000;
	background: #FFFFFF;
	text-shadow: none;
	border-bottom: 1px solid rgba(1, 162, 166, 0.25);
	border-right: 1px solid rgba(1, 162, 166, 0.25);
}

.sidebar-collapse > .nav > li > a i {
	margin-right: 5px;
}
.sidebar-collapse > .nav > li > a strong{
	font-weight: 400;
}
.sidebar-collapse > .nav > li > a {
	padding: 15px 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
	background-color: #01A2A6!important;
	border-left: 5px solid #DD1533;
	color: #fff !important;
	border-bottom: 1px solid #DD1533 !important;

 }
*/


.nav-second-level > li:last-child > a:after,
.nav-third-level > li:last-child > a:after {
    height: 50%;
}

.nav-third-level > li > a:after,
.nav-third-level > li > a:before {
    left: 40px;
}

.navbar-side {
    border: none;
	background-color: #EAEAEA !important;
	color:#31708f;
}
.navbar-cls-top {
	background: rgb(0, 150, 136);
	border: none !important;
}
.navbar-default {
    border: 0px solid black;
}
.navbar-header {
    display: inline-block;
    position: relative;
    top: 0;
    padding: 0;
}
a.navbar-brand-logo img{
	float: left;
	width: 80px;
}
a.navbar-brand-logo p {
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
    float: left;
    font-size: 24px;
    font-weight: 300;
    line-height: 22px;
    color: #FFFFFF;
    top: 20px;
    left: 10px;
}
a.navbar-brand-logo span.small_caption {
    font-size: 16px;
    letter-spacing: 0px;
    font-style: italic;
    font-weight: 300;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #DD1533;
			color:#31708f;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
	 
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF;
	color:#31708f;
	
}
nav.navbar.navbar-default.navbar-cls-top {
    -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.18);
    position: fixed;
    width: 100%;
    z-index: 99999;
    border-bottom: 0px !important;
}
nav.navbar-default.navbar-side {
    top: 85px;
}

/*==============================================
    NOTIFICATION  STYLES    
 =============================================*/
.notifications-wrapper {
	position: absolute;
	top: 20px;
	right: 20px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
}
.notifications-wrapper .nav {
    background-color: #fff;
}

.notifications-wrapper li {
	display: inline-block;
}

.notifications-wrapper li a {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 3px 10px;
}


.notifications-wrapper .dropdown-tasks {
	width: 250px;
	min-width: 0;
}

.notifications-wrapper .dropdown-menu li {
display: block;

}

.notifications-wrapper .dropdown-menu li a {
	padding: 3px 20px;
	min-height: 0;
	color:#000;
}

.notifications-wrapper .nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	background-color: #FFFFFF!important;
	color: #000000;
}

.notifications-wrapper .dropdown-menu {
    margin:0px; 
     border-radius:0px!important;
    -moz-border-radius:0px!important;
    -webkit-border-radius:0px!important;
}
.notifications-wrapper ul.dropdown-menu.dropdown-user {
	right: 0;
	left: inherit;
}
/*==============================================
    FOOTER  STYLES    
 =============================================*/
footer {
    background-color: rgba(0, 0, 0, 0);
    padding: 10px 50px;
    color: #EB5054;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    z-index: 999999999999;
    width: 100%;
    bottom: -40px;
}
footer span {
    background: rgba(0, 0, 0, 0.31);
    padding: 15px;
    color: #fff;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
}

    footer a {
        color:#fff;
    }
   footer a:hover, footer a:focus {
        color:#000;
        text-decoration:none;
    }

/* ----------------------------------------------------------------
	Go To Top
-----------------------------------------------------------------*/
.icon-angle-up:before {
  content: "\f106";
    font-family: FontAwesome;
}
#gotoTop {
	display: none;
	z-index: 99999;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color:rgba(1, 162, 166, 0.78);
	font-size: 32px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) #gotoTop {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.stretched #gotoTop { bottom: 30px; }

#gotoTop:hover { background-color: #FE5969; }

/*===============================================================================================
    DASHBOARD STYLES
 ===============================================================================================*/

.style-box-one {
	border-radius: 20px;
	font-size: 14px;
	text-align: center;
	padding: 15px 5px 5px 5px;
	margin-bottom: 40px;
	font-weight: bold;
	position: relative;
	display: block;
	line-height: 22px;
	text-shadow: 0 0 1px #DDD;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.41);
}
.style-box-one h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #222;
	text-shadow: none;
}
    .style-box-one a, .style-box-one a:hover {
        color: #fff;
        text-decoration: none;
    }

    .style-box-one span {
		font-size: 24px;
		padding-bottom: 10px;font-family: 'Roboto', sans-serif;
		font-weight: 400;
		color: #000;
    }
.style-box-one:hover {
	background-color: rgba(255, 255, 255, 1);
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.current-notices ul {
    padding-left:20px;
    list-style:decimal-leading-zero;
    line-height:30px;
}
.style-box-one:hover span{
	color: #222 !important;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.table-bordered, .display.dataTable {
    background-color: rgba(255, 255, 255, 0.75);
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.table-bordered thead th, .display.dataTable thead th {
    color: #FFFFFF !important;
    background-color: #009688 !important;
    border-color: #025D54 !important;
    font-weight: 400 !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 18px !important;
    border-left: 0px solid #009688 !important;
    border-right: 0px solid #009688 !important;
}
.display.dataTable > thead > tr > th, .display.dataTable > tbody > tr > th, .display.dataTable > tfoot > tr > th, .display.dataTable > thead > tr > td, .display.dataTable > tbody > tr > td, .display.dataTable > tfoot > tr > td, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 0px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}
table.dataTable tbody tr, table.display.dataTable tbody tr {
	background-color: transparent !important;
}
.display.dataTable > tbody > tr:nth-of-type(odd), .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important;
}
.Transfer ul li {
    list-style: none;
    color: #000;
    font-size: 18px;
}
.Transfer ul li a{
    color: #000;
}
.Transfer ul li a:hover{
    color: rgb(0, 150, 136);
}
/*==============================================
    MEDIA QUERIES     
  =============================================*/

@media (min-width:768px) {
    .page-wrapper-cls {
		margin: 0 0 0px 220px;
		padding-bottom: 25px !important;
	}
    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 200px;
		background-color: #BFBFBF !important;
    }

    .navbar {
        border-radius: 0px;
    }
}
@media (min-width:280px) and (max-width:767px ){
    #menuClose {
        visibility:hidden;
    }
}

/*sz*/
.approveButton  {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	background-color: #3B7EC0;
	border: solid #2A9DD6 1px;
	padding:5px;
	cursor:pointer;
	
}
.errorText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.formButton  {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	background-color: #3B7EC0;
	border: solid #2A9DD6 1px;
}
.red {
  color: #B94846;
}
.blue {
  color: #3986AC;
}
.green {
  color: #33B749;
}
#listItems .glyphicon {
	 font-size:15px;
}
.navbar-brand-logo img {
	border-radius: 0%;
}
 

/*sz*/
.errorText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.formButton  {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	background-color: #3B7EC0;
	border: solid #2A9DD6 1px;
}
.red {
  color: #B94846;
}
.blue {
  color: #3986AC;
}
#listItems .glyphicon {
	 font-size:15px;
}
.navbar-brand-logo img {
	border-radius: 0%;
}

.entranceDiv1
{
	width: 720px;
	height:155px;
	border:1px solid #CCCCCC;
	background-image:url(../img/menubg.jpg);
	background-repeat:repeat;
	background-position:right top;
	margin:30px 100px 10px 0px;
	padding-top:60px;
	text-align:center;
	font-weight:bold;
	font-size:25px;
}
.entranceDiv1 a
{
	text-decoration: none;
	color:#000000;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	
}
.success{
	color:#49AD0A;	
}
.error{
	color:#FF0000;
}

.data_table {
    padding: 0px;
    margin: 10px 0;
    border: 1px solid rgba(204, 204, 204, 0.3);
}

.data_table article.main_data_heading {
    background: #00796b;
    color: #fff;
    padding: 15px 10px;
}

.data_table article {
    padding: 10px 10px;
    font-size: 16px;
    text-align: center;
}
form h4 {
    font-size: 24px;
    margin: 20px 0;
}

div#tblData article {
    display: inline-block;
    width: 100%;
    position: relative;
}

div#tblData article span span {
    float: none;
    width: initial;
}

div#tblData article span textarea {
    min-height: initial;
}

div#tblData article span input,
div#tblData article span textarea {
    margin: 0px auto;
    width: 95% !important;
}

div#tblData article span.remove_span {
    display: inline-block;
     top: 0;
    background: #f10;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer;
    color: white;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.35);
    font-size: 18px;
	text-align: center;
}
span#add_div {
    font-size: 18px;
    background: #00bf08;
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer;
}


/*Calendar View*/
.calendar{
	border:1px solid #0b5f93 ;
}
.calendar-day-head{
	border-bottom:1px solid #999; 
	padding:10px;
	background:#0b5f93 ; 
	color:#FFFFFF;
	font-weight:bold;
}
div.day-number	 { 
	background:#CCC; 
	position:absolute; 
	z-index:2; 
	top:-5px; 
	right:-25px; 
	padding:5px; 
	color:#000; 
	font-weight:bold; 
	width:50px; 
	text-align:center; 
}
div.day-number.selevent {
	background:#0b5f93; 
	color:#FFFFFF;

} 
div.day-number.seleventToday {
	background:#000FFF; 
	color:#FFFFFF;

} 
td.calendar-day, td.calendar-day-np { 
	width:120px; 
	padding:5px 25px 5px 5px; 
	border-bottom:1px dotted #999; 
	border-right:1px dotted #999; 
}
td.calendar-day-np { 
	background:#F4F4F4; 
}
.event
{
	padding:5px;
	font-size:12px;
}
.event a
{
	color:#000000;
	text-decoration:none;
}
.event a:hover
{
	text-decoration:underline;
}
.control{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.control a{
	color:#000000;
	text-decoration:none;
}
.control a:hover
{
	text-decoration:underline;
}
.attend_row {
	margin-bottom:10px;
}

/*==============================================
					Styled Admin By PradeepJV
  =============================================*/
  .btn-group.pull-right.theme-container.animated.tada {
    right: 130px;
    top: 20px;
    padding: 0;
}
.btn-group.pull-right.theme-container.animated.tada i {
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto Condensed', sans-serif;
}
.welcome_section {
	position: absolute;
	width: 100%;
	height: 100%;/*
	background: url(../img/login_1.jpg);*/
	background-size: 100%;
}
.welcome_section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.45) url('../img/grid.png');
}
.welcome_section_content {
	position: relative;
	top: 100px;
}
.loginOuter h3 {
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    margin: 10px 0 20px 0;
    font-family: 'Roboto Condensed', sans-serif;
}
.loginOuter h3.black {
    color: #fff;
}
.loginOuter h3 span {
    color: #FFF;
    background: #E47516;
    padding: 10px 10px;
    display: block;
    font-weight: 300;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.43);
    border-radius: 2px;
    margin-bottom: 80px;
}
.login-box.main_admin {
    padding: 50px 10px;
}
.loginOuter .alert.alert-info {
	background-color: rgba(252, 13, 27, 0.63);
	border-color: rgba(0, 0, 0, 0.31);
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
	padding: 2px 0;
}
.loginOuter input#userName,.loginOuter input#staffName, .loginOuter input#userPassword, .loginOuter input#mobile, .loginOuter input#otpValue {
	background-color: rgba(255, 255, 255, 0.52);
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	border-color:rgb(79, 61, 39);
}
.loginOuter input::-webkit-input-placeholder {
	color: #222;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.loginOuter span.input-group-addon {
	background-color: rgba(0, 0, 0, 0.58);
	border-color: #151210;
}
.loginOuter span.input-group-addon i{
	color: rgba(255, 255, 255, 0.78);
}
.loginOuter button.btn.btn-primary {
    color: #fff;
    width: auto;
    background-color: rgba(0, 0, 0, 0.51);
    background-image: none;
    padding: 6px 25px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 2px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.loginOuter button.btn.btn-primary a{
	color: #fff;
}
.loginOuter button.btn.btn-primary:hover a{
	color: #000;
}
.loginOuter button.btn.btn-primary:hover {
	background-color: #FFF;
	color: #000;
	border-color: #D0D0D0;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
label {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
}
div.dataTables_length label {
    color: #000;
}
.form-control {
    height: 40px;
    border-radius: 0px;
    box-shadow: none;
    border-color: #009688;
	font-size: 16px;
	color: #000;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	margin-bottom: 15px;
	background-color: rgba(0, 0, 0, 0.08);
}
.multiple_select{
	height:120px;
}
a {
    color: #009688;
    text-decoration: none;
}
.btn-default{
	font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.form-control:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.btn-default, .formButton {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    background: #009688;
    border: 1px solid #016D63;
    color: #fff;
}
button.btn.btn-default {
    background: #009688;
    border: 1px solid #FFF;
    color: #fff;
}
legend {
    display: block;
    width: 100%;
    padding: 10px;
    line-height: inherit;
    color: #FFFFFF;
    border: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.37);
    margin-top: 20px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}
.accSub {
    border: 1px solid #fff;
    padding: 20px;
}
p.date {
    color: #fff;
}
div#listItems_info {
    background: #009688;
    color: #fff;
    padding: 0 10px;
    top: 11px;
    position: relative;
}
.alert-success {
    color: #FFFFFF;
    background-color: #3c763d;
    border-color: #3c763d;
    padding: 0 10px;
}
.success {
    color: green;
}
form.search_field b {
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #000;
}
form.search_field input#searchKey, form.search_field input#studentKey, form.search_field input#staffKey, form.search_field input#staffKey,  form.search_field input#BookKey {
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(0, 0, 0, 0.32);
    padding: 4px 10px;
    color: #fff;
}
form.search_field input[type="submit"] {
    background: #009688;
    border: 1px solid #009688;
    color: #fff;
    padding: 4px 10px;
    border-radius: 0px 20px 20px 0;
}
div#library_books_req_filter input[type="search"] {
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(0, 0, 0, 0.32);
    padding: 4px 10px;
    color: #fff;
}
input#BookKey {
    width: 100%;
}
i.fa.fa-file-excel-o {
    padding: 15px 0;
    font-size: 30px;
    background: #009688;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.permissiondiv .mainpermission {
    background: #009688 !important;
    color: #fff;
}
b, strong {
    font-weight: 500;
}
#trans_certi b, #trans_certi strong {
    font-weight: 900;
}
.permissiondiv {
    border: 1px solid #009688 !important;
    background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
div#select-all-perm {
    margin: 30px 0px;
}
span#selectalldesc {
    color: #222;
}
.multiselect option {
	/*height:90px;*/
	height:10px;
	width:750px;
}
#staff_name option, #studSec #stud_name option {
	/*height:90px;*/
	height:90px;
	
}
p.libmsg {
    color: #DC0000;
    position: relative;
}
/*=====================										Styled By Pradeep JV					======*/
 @media (min-width:990px) {
	
	.nav-stacked > li:last-child {
		padding-bottom: -moz-calc(100px);
	}
	 .sidebar-nav {
		position: fixed;
		width: 220px;
		left: 0;
		top: 85px;
		margin: 0;
		height: 575px;
		padding-bottom: 110px;
		background-color: rgba(0, 0, 0, 0.65);
		z-index: 999;
		overflow-y: scroll !important;
		will-change: left;
		border-radius: 0;
		box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.48);
			-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.48);
				-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.48);
	}

	/*======			Scrollbar 		==========*/
	.sidebar-nav::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
		background-color:  transparent;border-radius:10px;
	}
	.sidebar-nav::-webkit-scrollbar
	{
		width: 0px;
		background-color: rgba(255, 255, 255, 0);
		border-radius:0px;
	}
	.sidebar-nav::-webkit-scrollbar-thumb
	{
		background-color: transparent;border-radius:0px;
	}
	/*======			Scrollbar 		==========*/
	::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
		background-color:  transparent;border-radius:10px;
	}
	::-webkit-scrollbar {
		width: 10px;
		background-color: rgb(29, 88, 83);
		border-radius: 0px;
	}
	::-webkit-scrollbar-thumb
	{
		background-color: rgb(0, 150, 136);
		border-radius: 0px;
	}
	/*======			Scrollbar 		==========*/
	ul.main-menu li.active {
		margin-left: 0;
	}
	.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
		color: #222;
		background-color: #FFFFFF;
	}
	.sidebar-nav li.user-details {
		background: url("../img/user-bg.png") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin-bottom: 15px;
		padding: 22px 0 22px 15px;
		position: relative;
	}

	.sidebar-nav li.user-details .row{	
		position: relative;
	}
	.sidebar-nav li.user-details p{
		color: #fff;
		margin-bottom: 0px;
	}

	.sidebar-nav li.user-details:before {
		content: "";
		background: rgba(0, 0, 0, 0.43);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.circle {
		border-radius: 50%;
		max-width: 100%;
	}
	.nav-pills > li > a {
		border: 0px solid rgba(221, 221, 221, 0.46);
		border-bottom: 1px solid rgba(255, 255, 255, 0.18);
		color: #FFF;
		border-radius: 0px;
	}
}
table#library_books_req td span {
    color: #0D8C22;
}
table#library_books_return td span {
    color: #0D8C22;
}
table#library_books_cancel td span {
    color: #0D8C22;
}
table#library_books_issue td span, table#library_fine_pending td span, #studstaffdiv  span{
    color: #0D8C22;
}

@media only screen and (min-width: 1800px){ 
	.sidebar-nav {
		position: fixed;
		width: 220px;
		left: 0;
		top: 85px;
		margin: 0;
		height: 890px!important;
		}
	}



  
article.boxes {
    min-height: 110px;
    margin-bottom: 50px;
    position: relative;
    display: inline-block;
    width: 100%;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}

article.boxes:before {
    content: "";
    width: 67%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 1px;
    z-index: -1;
    transform: skewX(0);
    -moz-transform: skewX(0);
    -o-transform: skewX(0);
    -webkit-transform: skewX(0);
    border-top: none;
    border-left: 35px solid #193c4c;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

article.boxes.greensea:before {
    border-left: 35px solid #16a085;
}
article.boxes.slategray.grey:before {
    border-left: 35px solid #576360;
}
article.boxes.grayblue:before {
    border-left: 35px solid #3c86a9;
}
article.boxes.slategray.teacher:before {
    border-left: 35px solid #106cc8;
}
article.boxes.slategray:before {
    border-left: 35px solid #b58706;
}

article.boxes.lightred:before {
    border-left: 35px solid #e03048 !important;
}

article.boxes:hover::before {
    top: -7px;
    transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}

article.boxes .front {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

article.boxes:hover .front {
    z-index: 11;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(-320deg);
}

article.boxes .front {
    height: 100%;
    position: relative;
    width: 80%;
    padding: 28px;
    top: 0;
    left: 0;
    z-index: 11;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}
article.boxes .front a {
    text-decoration: none;
}
article.boxes .front:hover {
    box-shadow: 2px 2px 2px #989898;
}
.front:before,
.front:after {
    display: table;
    content: " ";
}
.front:after {
    clear: both;
}
.bg-greensea {
    background-color: #16a085 !important;
}
span.icon {
    font-size: 44px;
    color: #fff;
    float: left;
    width: 33.33333333%;
}
span.contentse {
    color: #fff;
    float: left;
    width: 66.66666667%
}
p.nom {
    color: #fff;
    font-size: 36px;
    font-family: 'Orbitron', sans-serif;
}
span.contentse h3 {
    color: #fff;
    font-size: 18px;
    font-family: 'Orbitron', sans-serif;
    font-weight: 400;
    margin: 0;
}
.bg-lightred {
    background-color: #e03048 !important;
}
.bg-slategray {
    background-color: #b58706 !important;
}
.bg-grayblue {
    background-color: rgb(60, 134, 169) !important;
}
.front.bg-yellow {
    background: #576360 !important;
}
.bg-teacher {
    background: #106cc8 !important;
}
select.form-control.input-sm,input.form-control.input-sm,select#sel_mon,select#sel_year{
    border: 1px solid rgba(21, 20, 20, 0.29);
    height: 42px;
    background: #f7f7f7;
    margin-top: 6px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 74%;
    color: #d81313;
    font-size: 16px;
    box-shadow: none;
    font-family: 'Roboto', sans-serif;
    position: relative;
    font-weight: 500;
    border-radius: 3px;
  }
  .bold {
    font-weight: 700;
    color: #131111;
}