@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url("../font/RobotoLight.eot?#iefix") format("embedded-opentype"), 
	      url("../font/RobotoLight.woff") format("woff"), 
		  url("../font/RobotoLight.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: url("../font/RobotoRegular.eot?#iefix") format("embedded-opentype"), 
	      url("../font/RobotoRegular.woff") format("woff"), 
		  url("../font/RobotoRegular.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    src: url("../font/RobotoBold.eot?#iefix") format("embedded-opentype"), 
	      url("../font/RobotoBold.woff") format("woff"), 
		  url("../font/RobotoBold.ttf") format("truetype");
}

body {
    font-family: Roboto, sans-serif;
}

a {
    -webkit-transition: all 0.2s linear;
	 -moz-transition: all 0.2s linear;
	  -ms-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
	      transition: all 0.2s linear;
}

.LoginForm > div:first-child > div:nth-child(2) img {
	width: 100%;
	max-width: 160px;
	height: auto;
}
button.LoginButton {
	padding: 5px;
	font: bold 14px/30px Roboto,sans-serif;
}

input.LoginUsername,
input.LoginPassword {font-family: Roboto,sans-serif;}

.right-side > .content-header > div.pull-left:first-child span {
	font-size: 16px;
	font-weight: 100;
}

.logout.pull-right .fa-sign-out {
	font-size: 16px;
	font-weight: 100;
	font-family: Roboto, sans-serif;
	padding-right: 30px;
	position: relative;
}
.fa-sign-out::before {
	content: " ";
	background: rgba(0,0,0,0) url("../images/icons.svg") 0 0/400px 800px no-repeat;
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: -3px;
	right: 0;
}

.col-md-4 .small-box > .inner {
	padding: 30px 20px;
}
.col-md-4 .small-box > .inner h3 {
	margin: 0 0 3px;
	font-weight: 100;
	color: #000;
	font-size: 22px;
}
.col-md-4 .small-box > .inner p {
	margin: 0;
	font-weight: bold;
	font-size: 30px;
	line-height: 100%;
}
.col-md-4 .small-box .icon i { display: none;}
.col-md-4 .small-box.bg-aqua .icon {
	display: block;
	width: 111px;
	height: 194px;
	font-size: 0;
	top: 20px;
	right: 5px;
	background: rgba(0,0,0,0) url("../images/icons.svg") 0 -640px/400px 800px no-repeat;
}
.col-md-4 .small-box.bg-green {
	background-color: #9abf2d !important;
}
.col-md-4 .small-box.bg-green .icon {
	display: block;
	width: 148px;
	height: 258px;
	font-size: 0;
	top: 20px;
	right: 5px;
	background: rgba(0,0,0,0) url("../images/icons.svg") -111px -640px/400px 800px no-repeat;
}
.col-md-4 .small-box.bg-yellow .icon {
	display: block;
	width: 141px;
	height: 246px;
	font-size: 0;
	top: 20px;
	right: 5px;
	background: rgba(0,0,0,0) url("../images/icons.svg") -259px -640px/400px 800px no-repeat;
}

.sidebar .sidebar-menu > li.active {
	position: relative;
}
.sidebar .sidebar-menu > li.active::before {
	content: " ";
	display: block;
	width: calc(100% + 8px);
	height: calc(100% - 2px);
	position: absolute;
	left: 0;
	top: 1px;
	background-color: #001b3d;
	z-index: 0;
}
.sidebar > .sidebar-menu > li > a {
	position: relative;
	font-size: 14px;
	font-weight: 100;
	text-indent: 45px;
}
.sidebar .sidebar-menu > li > a::before {
	content: " ";
	display: block;
	width: 100%;
	height: calc(100% - 8px);
	background-color: rgba(0,0,0,0);
	position: absolute;
	top: 4px;
	left: 0;
	border-radius: 6px;
	z-index: 0;
	-webkit-transition: all 0.2s linear;
	 -moz-transition: all 0.2s linear;
	  -ms-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
	      transition: all 0.2s linear;
}
.sidebar .sidebar-menu > li > a:hover::before {
	background-color: rgba(0,0,0,0.1);
}
.sidebar .sidebar-menu > li.active > a:hover::before {
	display: none;
}
.sidebar .sidebar-menu > li > a i {
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 10px;
	top: 50%;
	margin-top: -12px;
}
.sidebar .sidebar-menu > li > a i::before {
	background: rgba(0,0,0,0) url("../images/icons.svg") -24px 0/400px 800px no-repeat;
	content: " " !important;
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
}
.sidebar .sidebar-menu > li:nth-child(2) > a i::before {background-position: -48px 0;}
.sidebar .sidebar-menu > li:nth-child(3) > a i::before {background-position: -72px 0;}
.sidebar .sidebar-menu > li:nth-child(4) > a i::before {background-position: -96px 0;}
.sidebar .sidebar-menu > li:nth-child(5) > a i::before {background-position: -120px 0;}
.sidebar .sidebar-menu > li:nth-child(6) > a i::before {background-position: -144px 0;}
.sidebar .sidebar-menu > li:nth-child(7) > a i::before {background-position: -168px 0;}
.sidebar .sidebar-menu > li:nth-child(8) > a i::before {background-position: -192px 0;}
.sidebar .sidebar-menu > li:nth-child(9) > a i::before {background-position: -216px 0;}

.user-panel > .info p {
	margin: 0;
}
.box.box-student .box-header { position: relative;}
.box.box-student .box-header i {
    display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 0;
	top: 50%;
	margin-top: -12px;
}
.box.box-student .box-header i:before {
    background: rgba(0,0,0,0) url("../images/icons.svg") -24px -24px/400px 800px no-repeat;
	content: " " !important;
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
}
.box.box-student .box-header h3 {
	color: #001b3d;
	font-weight: bold;
	text-indent: 35px;
	font-size: 20px;
}
.box.box-student .box-header.Library i::before {background-position: -48px -24px;}
.box.box-student .box-header.OnlineExams i::before {background-position: -72px -24px;}
.box.box-student .box-header.Marks i::before {background-position: -96px -24px;}
.box.box-student .box-header.Attendance i::before {background-position: -120px -24px;}
.box.box-student .box-header.OnlineRequestForm i::before {background-position: -144px -24px;}
.box.box-student .box-header.NoticeBoard i::before {background-position: -168px -24px;}
.box.box-student .box-header.KnowledgeBase i:before {background-position: -192px -24px;}
.box.box-student .box-header.AccountSetting i:before {background-position: -216px -24px;}

div.book {
	padding: 0;
	background-color: rgba(0,0,0,0);
	border: none;
}
div.book > a {
	padding: 15px 18px;
	background-color: #f9f9f9;
	border: 1px solid #efefef;
	display: block;
}
div.book > a:hover {
	background-color: #001b3d;
	border: 1px solid #efefef;
}
div.bookcover > img {
	width: 135px;
	height: 190px;
	display: block;
	margin: 0 auto;
}
div.book > a .title {
	display: block;
	text-align: center;
	padding-top: 15px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	-webkit-transition: all 0.2s linear;
	 -moz-transition: all 0.2s linear;
	  -ms-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
	      transition: all 0.2s linear;
}
div.book > a:hover .title {color: #fff;}

#requsetform input[type="text"], #requsetform textarea {font-family: Roboto, sans-serif;}