* a {
  text-decoration: none;
  outline: none;
  color: #000;
}

html, body {
  margin:0;
  height:100%;
}

body{
	font-family: 'Montserrat';
	font-size:14px;
	margin:0 auto;
	background-color:#fff;
}

/*common css*/
.width100 {width:100%;}
.width90 {width:90%;}
.width80 {width:80%; float: left;}
.width60 {width:60%;float: left;}
.width50 {width:50%; float: left;padding: 0 10px;}
.width40 {width:40%;float: left;}
.width20 {width:20%; float: left;}
.width10 {width:10%;}

.mtop0 {margin-top:0 !important;}
.mtop5 {margin-top:5px !important;}
.mtop10 {margin-top:10px !important;}
.mtop15 {margin-top:15px !important;}
.mtop20 {margin-top:20px;}
.mtop30 {margin-top:30px;}

.mbotm0 {margin-bottom:0;}
.mbotm10 {margin-bottom:10px !important;}
.mbotm20 {margin-bottom:20px;}
.mbotm30 {margin-bottom:30px;}

.pbotm40 {padding-bottom:40px;}
.pbotm50 {padding-bottom:50px;}
.pbotm60 {padding-bottom:60px;}

.clearfix {clear:both; margin:0; padding:0;}
.txtcenter {text-align:center;}
.dblock {display:block;}
.dinline {display:inline-block;}

.lt-yellow {background:#ffefd9;}
.lt-blue {background:#ebebff;}
.lt-red {background:#fee4f3;}
.lt-green {background:#d0fbe0;}

.yellow {background:#ff9300;}
.blue {background:#3335cf;}
.red {background:#fb2aa3;}
.green {background:#08c751;}

.txt-yellow {color:#ff9300;}
.txt-blue {color:#3335cf;}
.txt-red {color:#fb2aa3;}
.txt-green {color:#08c751;}

.txt-center {text-align:center;}
.txt-right {text-align:right;}
.img-responsive {max-width: 100%;height: auto;}

.sm-text{color:#999999; line-height: 20px;margin-bottom: 20px; font-size:12px;}
.text-muted {color:#999999;}
.text-warning {color:#fd124f;}
.clear {clear:both;}

.success-text {
  display: block;
  padding: 12px 10px;
  border-radius: 3px;
  border: 1px solid #5ce28f;
  font-size: 13px;
  text-align: center;
  width:100%;
}

.alertbox {
  display: block;
  padding: 12px 10px;
  border-radius: 3px;
  border: 1px solid #eda3d2;
  font-size: 13px;
  text-align: center;
  width:100%;
}

.smalltxt {font-size: 11px; font-weight: normal;}
/*.border-btm0 {border-bottom:0 !important;}*/
/*end common css*/


/*.home-bg {background-image:url(../images/inner_bg.png); background-repeat:no-repeat; background-position:top center; background-size:cover;}*/

/*splash screen*/
.splash-bg {background-image:url(../images/splash-screen.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; width:100%; height:100%;}
.index-box { text-align:center; padding:100px 20px 0 20px; color:#fff;}
.index-box img { width:109px; height:141px;}
.index-box h2 {font-size:35px; font-weight:bold;}
.index-box p {margin:0; font-size:18px; line-height:25px;}
.copyright-text {
  position: absolute;
  bottom: 50px;
  text-align: center;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 15px;
  padding:0 20px;
  line-height:22px;
  font-weight: normal;
}
/*splash screen*/



/*login & otp screen*/
.container {width:85%; margin:0 auto;}
.table-container {width:90%; margin:0 auto;}
.inner_screen_one_top {
    position: relative;
    height: 500px;
	border-radius: 0 0 0 210px;
	background:linear-gradient(to top, #7f1cfb, #3335cf);
}
.inner_screen_one_top_content{
	position: relative;
	z-index: 0;
}
.inner_screen_one_top_content span {display:block; text-align:center;}

.inner_screen_one_top_content img {
    width: 100%;
    margin: 10% auto 2%;
	max-width: 85px;
}
.inner_screen_one_top_content h1{color:#fff; font-size:22px; text-align:center;margin-bottom:5px;}
.inner_screen_one_top_content p{color:#fff; font-size:15px; text-align:center;}

.inner_screen_one_bottom {
	text-align: center;
	position: absolute;
	width: 100%;
	top:300px !important;
}
h2.inner_screen_one_bottom_heading {
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
	margin-top:0;
	text-transform:uppercase;
	letter-spacing:1px;
}
p.inner_screen_one_bottom_sub_heading {
    color: #99a2b3;
    text-align: center;
}
.inner_screen_one_bottom .login_text {
    width: 100%;
    background: transparent;
    border-bottom: 1px solid #4051c9;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    margin: 30px 0 50px 0;
    text-align: center;
    color: #000;
    font-size: 20px !important;
	outline:none;
}
.inner_screen_one_bottom .login_text:focus{ outline:none;}

.inner-box {background:#fff; border-radius:20px; width:100%; box-sizing:border-box; padding:40px 20px; margin:0 auto;box-shadow: 0 0 30px 0 rgba(64,81,201,0.4);}

.login_btn {
	padding:15px 5px;
	border-radius:30px;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	background:#08c751;
	border:0;
	width:60%;
	font-family: 'Montserrat';
	display: inline-block;
	text-decoration:none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	background-image: linear-gradient(to right, #08c751, #7bd018, #08c751, #7bd018);
}

.login_btn:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	color:#fff;
	text-decoration:none;
}

.login_btn:focus {outline: none;}


.btn-disable {
	padding:15px 5px;
	border-radius:30px;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	background:#08c751;
	border:0;
	width:60%;
	font-family: 'Montserrat';
	display: inline-block;
	text-decoration:none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	background-image: linear-gradient(to right, #ff1849, #ff6631, #ff1849, #ff6631);
}

.btn-disable:focus {outline: none;}


.btn-small {
	padding:12px 8px;
	border-radius:30px;
	letter-spacing:1px;
	text-align:center;
	font-size: 15px;
	color:#fff;
	text-transform:uppercase;
	background:#08c751;
	border:0;
	width:35%;
	font-family: 'Montserrat';
	display: inline-block;
	text-decoration:none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	background-image: linear-gradient(to right, #ff1849, #ff6631, #ff1849, #ff6631);
}

.btn-small:focus {outline: none;}



.inputbox {
    width: 100%;
    height: 50px;
    padding:10px 16px;
	box-sizing: border-box;
	border:2px solid #bababa;
	margin-bottom:15px;
	color: #000;
	font-size:20px;
	border-radius: 25px;
	font-family: 'Montserrat';
	font-weight:bold;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.inputbox::placeholder { font-size:14px; font-weight:normal;}

.inputbox:focus {
	outline:none;
	border:2px solid #3335cf;
}

.count-box {display:block; height:18px;}
.text-countdown { color:#fd124f; letter-spacing:1px;}
.resend_otp {color:#3335cf;}
#resend_otp {display:none;}
#dont_rcv {display:none;}
.otp-success {
	color: #08c751;
	line-height: 20px;
	margin-bottom: 8px;
	font-size: 11px;
	display: block;
}

.account {
  color: #999999;
  text-align: center;
  display: block;
}
.signuplink {
  margin-left: 3px;
  color:#3335cf;
}
/*end login & otp screen*/

.inner_header {
    position:sticky;
    top: 0;
    width: 100%;
    padding: 10px;
    z-index: 999;
	background:#3335cf;
  	box-sizing: border-box;
}
.inner_header_right img{ float:right;}

.back {
    font-size: 25px;
	color: #fff;
    line-height: 36px;
}

.back a {color: #fff;}

.side-nav__header__title {
    vertical-align: top;
    width: 100%;
    margin-bottom: 14px;
    font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.side-nav__header img {
    width: 100% !important;
    float: left;
}
.side-nav-bottom {
  width: 100%;
  padding:20px 0;
  color:#000;
  font-size: 12px;
  box-sizing: border-box;
  text-align: center;
}

.side-nav-bottom ul {margin:0; padding:0;list-style: none;}

.user {
  width: 40px;
  height: 40px;
  background: #08c751;
  text-align:center;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.user .icon-user {font-size:25px; color:#fff; margin:0 auto; line-height: 36px;}

.bottom_link{
	width:100%;	
	margin: 30px 0;
}
.bottom_link .bottom_link_main {
  padding: 20px;
  text-decoration: none;
  color: #fff;
  min-height: 100px;
  margin-bottom: 30px;
  border-radius:10px;
  position:relative;
  overflow:hidden;
}

.dash-img {width:60px; height:60px; float:left;}
.dash-img img {width:100%;}
.dash-text {
	font-size: 15px;
	font-weight: 500;
	position:relative;
	top:12px;
	left:12px;
}


/*custom dropdown*/
.select-container {
  padding: 20px 0;
  border-bottom: 1px dashed #bababa;
}
.select-container:last-child { border-bottom:0; padding-bottom:0;}
.select-container:first-child {padding-top:0;}
.custom-select {
  position: relative;
  display: block;
/*border: 1px solid #bababa;*/
  background-color: #fff;
  z-index: 10;
}
.custom-select select {
	border:1px solid #bababa;
	outline: none;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	margin: 0;
	display: block;
	width: 100%;
	padding:10px;
	font-size: 13px;
	color: #000;
	height: 40px;
	font-family: 'Montserrat';
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.custom-select select:focus {
	outline:none;
	border:1px solid #3335cf;
}

.custom-select:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	line-height:42px;
	content: "\f3d0";
	font-family: "Ionicons";
	text-align: center;
	color:#bababa;
	font-size: 20px;
	/*border-left: 1px solid #bababa;*/
	z-index: -1;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.custom-select:hover:after{
  color: #3335cf;
}
/*end custom dropdown*/

/*signup input*/
.signup-input {
    width: 100%;
    height: 40px;
    padding:10px;
	box-sizing: border-box;
	border:1px solid #bababa;
	color: #000;
	font-size: 13px;
	font-family: 'Montserrat';
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.signup-input:focus {
	outline:none;
	border:1px solid #3335cf;
}
/*end signup input*/

.card-detail p {margin-bottom:0;}
.card-detail h4 {font-weight:normal;font-size:12px; margin-top:0; margin-bottom:10px;}
.card-detail ul {margin:0; padding:0; list-style:none;}
.card-detail ul li {font-size: 12px; text-indent: -8px; margin-left: 10px;}
.card-detail ul li+li {margin-top:5px;}
.card-detail small {line-height:16px;}

/*Profile Information*/
.profile {text-align:center; margin-bottom:30px;}
.profile span {display:inline-block; width:80px; height:80px; color:#fff; border-radius:50%;font-size:40px; line-height:80px;}
/*end Profile Information*/

/*School Basic Information*/
.bottom_link .bottom-card {
  padding: 20px;
  text-decoration: none;
  color: #fff;
  margin-bottom: 30px;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  background:#3335cf;
  background:linear-gradient(to top, #7f1cfb, #3335cf);
}
.bottom-card h3 {margin-top:0; margin-bottom:10px;}
.bottom-card p {margin-top:0;}

.form-container {
  border: 1px solid #bababa;
  padding: 20px;
  border-radius: 10px;
  background: #f6f6f6;
}
.form-container label {font-size:13px; margin-bottom:8px; display:block;line-height:20px;}
/*end School Basic Information*/

/*toggle*/
.toggle-container {padding:20px 0; border-bottom: 1px dashed #bababa;}
.toggle-container:last-child { border-bottom:0; padding-bottom:0;}
.toggle-container:first-child {padding-top:0;}
.toggle-container label {font-size:13px; margin-bottom:0;/*text-align:justify;*/line-height: 18px;}
/*.switch-field {
	display: flex;
	margin-top:15px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #fff;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	padding: 6px 8px;
	margin-right: -1px;
	border: 2px solid #08c751;
	transition: all 0.1s ease-in-out;
	color: #08c751;
	margin-bottom:0;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #08c751;
	color:#fff;
}

.switch-field label:first-of-type {
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
}

.switch-field label:last-of-type {
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
}*/
/*end toggle*/

/*YES/NO radio btn css */
.radio-btn{
  display: block;
  position: relative;
  height: auto;
  width: 100%;
}
.radio-btn ul{
  list-style: none;
  margin: 0;
  padding: 0;
  /*overflow: auto;*/
  display:inline-block;
}

.radio-btn ul li{
  color: #282828;
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

.radio-btn ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
  top: 10px;
  left: 18px;
}

.radio-btn ul li label{
  display: block;
  position: relative;
  padding: 0 0 0 30px;
 /* margin: 10px auto;*/
  margin-top: 10px;
  z-index: 9;
  cursor: pointer;
  font-size:12px;
}

.radio-btn ul li .checkyes, .radio-btn ul li .checkno{
  display: block;
  position: absolute;
  border: 2px solid #bababa;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 10px;
  left: 0;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.radio-btn ul li .checkyes::before, .radio-btn ul li .checkno::before  {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 8px;
	width: 8px;
	top: 2px;
	left: 2px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.radio[type=radio]:checked ~ .checkyes {
  border: 2px solid #08c751;
}

.radio[type=radio]:checked ~ .checkyes::before{
  background: #08c751;
}

.radio[type=radio]:checked ~ .checkno {
  border: 2px solid #ff1849;
}

.radio[type=radio]:checked ~ .checkno::before{
  background: #ff1849;
}

.radio[type=radio]:checked ~ .yes{
  color: #08c751;
}

.radio[type=radio]:checked ~ .no{
  color: #ff1849;
}
/*YES/NO radio btn css */

/*table*/
.table {font-size:13px; width:100%;border-collapse: collapse;}
.table thead tr th,
.table tbody tr td {padding:12px 10px; font-weight:normal;}
.table tbody tr td {border:1px solid #bababa;}

.thead-primary {background:#3335cf; color:#fff;} 
.scope {background:#ebebff;}
.table-input {
    width: 100%;
    padding:10px;
	box-sizing: border-box;
	border:1px solid #bababa;
	color: #000;
	font-size: 11px;
	font-family: 'Montserrat';
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.table-input:focus {
	outline:none;
	border:1px solid #3335cf;
}

/*dataTable*/
.table.dataTable tbody th, table.dataTable tbody td {padding:12px 10px !important;}
table.dataTable {border-collapse: collapse !important;}
.dataTables_wrapper .dataTables_filter {margin-bottom:20px;}
.dataTables_wrapper .dataTables_filter input {
    padding:10px !important;
	box-sizing: border-box;
	border:1px solid #bababa !important;
	border-radius:0 !important;
	color: #000;
	font-size: 11px !important;
	font-family: 'Montserrat';
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	margin-left:5px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {border-radius:0 !important;}
.dataTables_wrapper .dataTables_filter input:focus {outline:none;border:1px solid #3335cf;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {background:#3335cf !important; color:#fff !important; border:1px solid #3335cf;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background:#ebebff !important;color:#3335cf !important; border:1px solid #ebebff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {background:#3335cf !important; color:#fff !important; border:1px solid #3335cf; box-shadow: none !important;}
.dataTables_wrapper .dataTables_paginate {padding-top:20px !important;}
.odd {background:#fff !important;}
.even {background:#ebebff !important;}
.las.la-search {font-size:13px;vertical-align: bottom;}
/*end table*/

.toggle-field {margin-top:15px;}
.form-container p {margin-top:10px; margin-bottom:0; font-weight:bold;}
.la-check, .la-times {font-size:18px;}


/*Check box List*/
.checklist {margin-top:15px;}
.checkdiv {
  display: inline-block !important;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 /* margin-bottom:8px !important;
  margin-top: 15px !important;*/
}
.checkdiv input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left:0;
  top:0;
}
.checkmark {
  position: absolute;
  top: 0;
  left:0;
  height: 16px;
  width: 16px;
  background-color: #ddd;
}
.checkdiv input:checked ~ .checkmark {
  background:#08c751;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkdiv input:checked ~ .checkmark:after {
  display: block;
}
.checkdiv .checkmark:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-label {padding-left:30px; font-size:12px !important;}
/*Check box List*/

/*rotate screen lock*/
/*@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}*/
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
html {
	transform: rotate(-90deg);
	transform-origin: left top;
	width: 100vh;
	height: 300vh;
	overflow-x: hidden;
	position: absolute;
	top: 100%;
	left: 0;
 }	
}



/*end rotate screen lock*/