/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: OpenSans-Regular;
  src: url('../fonts/OpenSans/OpenSans-Regular.ttf'); 
}



/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
	font-family: OpenSans-Regular, sans-serif;
}

/*---------------------------------------------*/
a {
	font-family: OpenSans-Regular;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
}

/*---------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

p {
	font-family: OpenSans-Regular;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}


/*---------------------------------------------*/
input {
	outline: none;
	border: none;
}

textarea {
  outline: none;
  border: none;
}


.login100-form textarea:focus, .login100-form input:focus {
  border-color: transparent !important;
}

input::-webkit-input-placeholder { color: #333; font-size: 16px; font-weight: normal}
input:-moz-placeholder { color: #333; font-size: 16px; font-weight: normal}
input::-moz-placeholder { color: #333; font-size: 16px; font-weight: normal}
input:-ms-input-placeholder { color: #333; font-size: 16px; font-weight: normal}

textarea::-webkit-input-placeholder { color: #333;}
textarea:-moz-placeholder { color: #333;}
textarea::-moz-placeholder { color: #333;}
textarea:-ms-input-placeholder { color: #333;}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}

/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1 {
  font-size: 15px;
  line-height: 1.4;
  color: #999999;
}

.txt2 {
  font-size: 15px;
  line-height: 1.4;
  color: #4272d7;
}

.hov1:hover {
  text-decoration: underline;
}


/*//////////////////////////////////////////////////////////////////
[ header ]*/

.pageHeader{ padding: 30px 0}
.cu-logo{ display: inline-block; width: 220px;}
.cu-logo img{ width: 100%;}
.naac-logo{ display: inline-block; width: 150px;}
.naac-logo img{ width: 100%;}


/*//////////////////////////////////////////////////////////////////
[ login ]*/

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-login100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #e9faff;
	background: url('../images/bg-01.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.wrap-login100 {
	width: 400px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 30px 0px rgba(0, 0, 0, 0.2);
	padding: 50px 30px
}


/*==================================================================
[ Form ]*/

.login100-form {
  width: 100%;
}

.login100-form-title {
  display: block;
  font-family: OpenSans-Regular;
  font-size: 20px;
  color: #000;
  text-align: center;
	font-weight: bold;
	padding-bottom: 10px
}

/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 2px solid #e6e6e6;
	border-radius: 4px;
}

.wrap-input100.rs1 {
  border-top: none;
}

.input100 {
  display: block;
  width: 100%;
  background: transparent;
  font-family: OpenSans-Regular;
  font-size: 18px;
  color: #000;
  font-weight: bold;
}


/*---------------------------------------------*/

input.input100 {
	height: 48px !important;
	padding: 0 25px 0 25px;
}

/*------------------------------------------------------------------
[ Focus Input ]*/

.focus-input100-1, 
.focus-input100-2 {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100-1::before,
.focus-input100-2::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  background-color: #4272d7;
}

.focus-input100-1::before {
  top: -1px;
  left: 0;
}

.focus-input100-2::before {
  bottom: -1px;
  right: 0;
}

.focus-input100-1::after,
.focus-input100-2::after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 0;
  background-color: #4272d7;
}

.focus-input100-1::after {
  top: 0;
  right: -1px;
}

.focus-input100-2::after {
  bottom: 0;
  left: -1px;
}

.input100:focus + .focus-input100-1::before {
  -webkit-animation: full-w 0.2s linear 0s;
  animation: full-w 0.2s linear 0s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.input100:focus + .focus-input100-1::after {
  -webkit-animation: full-h 0.1s linear 0.2s;
  animation: full-h 0.1s linear 0.2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.input100:focus + .focus-input100-1 + .focus-input100-2::before {
  -webkit-animation: full-w 0.2s linear 0.3s;
  animation: full-w 0.2s linear 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.input100:focus + .focus-input100-1 + .focus-input100-2::after {
  -webkit-animation: full-h 0.1s linear 0.5s;
  animation: full-h 0.1s linear 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}


@keyframes full-w {
  to {
    width: calc(100% + 1px);
  }
}

@keyframes full-h {
  to {
    height: calc(100% + 1px);
  }
}


/*------------------------------------------------------------------
[ Button ]*/


.login100-form-btn {
  padding: 0 20px;
  width: 100%;
  height: 48px;
  background-color: #D83135;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
	border-radius: 4px;
}

.login100-form-btn:hover {
  background-color: #333333;
}





.welcomeName{}
.welcomeName h6{}
.welcomeName h6 span{ color: #D83135; font-weight: bold}



.pageContent{}
.lbl-ex{ font-size: 13px; color: #000; margin-bottom: 5px;}
.pageContent hr{ margin: 5px 0;}
.nav-tabs{ border-bottom: 1px solid #999;}

.nav-tabs .nav-link{ font-size: 16px; font-weight: bold; padding: 10px 30px;}
.nav-tabs .nav-link:hover{ color: #999}
.tab-content{ padding: 30px; border: 1px solid #888; border-top: 0; border-radius: 0 0 10px 10px}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ color: #D83135;  border-color: #999 #999 #fff}

.table-responsive {
    height: 300px;
    overflow-y: auto;
    width: 100%;
}

.tableData table th,
.tableData table td{ font-size: 13px;}







/* Required */

.compress-table>thead{
  display: none;
}

.compress-table td::before{
  content: attr(data-header)' ';  
	color: #000;
	font-weight: bold;
}

/* you might want change the display for better compatibility with IE */
.compress-table td{
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* Recommended */

.compress-table{
  width: 100%;
}



.formContent .btn{ font-size: 16px; font-weight: bold; padding: 10px 20px;}


/* loader */


.loader-screen {
    position: fixed;
    background: rgba(255,255,255,0.8);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10000;
}

.loader-screen >div{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


@media only screen and (max-width: 767px){
	.cu-logo{ width: 180px;}
	.naac-logo{ width: 120px;}
	.pageHeader{ position: static;}
	.welcomeName{ margin-top: 30px;}
	.welcomeName h3{ font-size: 24px;}
	.limiter .container{ padding: 0}
}



@media only screen and (max-width: 575px){
	.nav-tabs .nav-link{ font-size: 13px; padding: 10px 15px;}
	.tab-content{ padding: 15px;}
	.compress-table tr:nth-child(2n+1){ background: #ddd}
	.welcomeName h3{ font-size: 20px;}
	.welcomeName h6{ font-size: 14px; text-align: right; margin-bottom: 10px;}
	.cu-logo{ width: 160px;}
	.naac-logo{ width: 100px;}
	.wrap-login100{ padding: 30px 20px;}
	.login100-form-title{ padding-bottom: 15px; font-size: 20px;}
}