/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500|Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
font-family: 'Poppins', sans-serif;
	background-color: #e6e6e6;
	font-size: 16px
}
h1, h2, h3, h4 {
	font-family: 'Poppins', sans-serif;
	margin: 0 0 30px; font-weight:600;
}
h1 {
	font-size: 35px
}
h2 {
	font-size: 28px
}
h3 {
	font-size: 25px
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	box-sizing: border-box;outline: none;
}
a {
	text-decoration: none
}
.header {
	left: 0;
	right: 0;
	z-index: 1002;
	background: #fff;
	border-bottom: 8px solid #3B41A0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	min-height: 100px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
}
.fixed-top {
	position: fixed;
	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15);
	top: 0
}
.admin-bar .fixed-top {
	top: 32px
}
.brand-full {
	float: none;
	width: auto;
}
.brand {
	float: left;
	width: auto;
	height: 80px;
	position: relative;
/*	background: rgb(0, 78, 152);*/
}
.brand img {
    width: auto;
    height: 90px;
    display: inline-block;
    vertical-align: middle;
}
.brand h1{ color:#4E58B3;}
.wrap {
	margin: 0 auto;
	max-width: 1200px;
}
.loginbg {
	background: url(assets/images/front-bg.jpg) top left no-repeat;
	background-size: cover;
	display: table;
	width: 100%;
	height: 100vh;
}
.frontlogin .error {
position: relative;
    top: -16px;
    color: #fff;
    right: 0;
    border-radius: 5px;
    left: 0;
    margin: 0 auto;
    width: 80%;
    font-size: 14px;
    color: #f90; background:none;
}
.frontlogin .error > div{padding: 6px 10px;}
.frontlogin {
	position: absolute;
	background: rgba(136, 206, 237, 0.21) url(assets/images/loginscrn-shap.png)top 17px right 15px no-repeat;
	background-size: 185px;
	width: 410px;
	height: 410px;
	border-radius: 100%;
	right: 15%;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 40px rgba(0,0,0,0.5);
	border: rgba(255,255,255,.25) solid 5px;
}
.frontlogin > div {
	top: 50%;
	transform: translateY(-50%);
	position: relative;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.frontlogin h3 {
	font-size: 25px;
	color: #fff;
	text-align: center;
	margin: 0px 0 20px
}
.frontlogin input {
	background-color: #0a0a24;
	padding: 7px 15px 5px 60px;
	min-height: 45px;
	border-radius: 30px;
	/*display: block;*/
	margin: 0 auto 5px;
	border: 0;
	width: 90%;
	color: #fff;
	font-size: 14px;
}
.controls.show-hide-wpd span.icon-eye.show-pwd {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 28px;
    padding-top: 14px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.controls.show-hide-wpd {
    position: relative;
}
.controls.show-hide-wpd input {
    padding-right: 32px !important;
    width:100%;
}
span.icon-eye.show-pwd.active:before, span.icon-eye.show-pwd:hover {
    color: #2184f6;
}
i#togglePassword {
    margin-left: -45px;
    cursor: pointer;
    display: inline;
    color: #fff;
    margin-right: 22px;
}
.frontlogin input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #fff;
 opacity: 1; /* Firefox */
}
 .frontlogin input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #fff;
}
 .frontlogin input::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff;
}
.login, .opt {
	background-size: 45px;
	background-repeat: no-repeat;
	background-position: center left 5px;
}
.login {
	background-image: url(assets/images/login-icon.png);
}
.opt {
	background-image: url(assets/images/otp-icon.png);
}
input[type="submit"] {
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	background: #f18200 url(assets/images/but-shap.png) top 4px right 5px no-repeat;
	width: auto;
	display: table;
	font-family: 'Oswald', sans-serif;
	min-height: auto;
	padding: 10px 30px;
	min-width: 158px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 25px;
	background-size: 80px;
	cursor: pointer;
}
.dashboard {
	margin-top: 150px;
}
.header .wrap {
	z-index: 99999;
	position: relative; max-width: 98%;
	
}

#loginformcus #otpnumber + input[type="submit"], #loginformcus #otpnumber + input[type="submit"] + .logoutbut{ display:inline-block !important; position:relative; top:0; margin:25px 3px 0; vertical-align:middle; }



#loginformcus #otpnumber + input[type="submit"] + .logoutbut .button {
	background: #000000a3;
	color: #fff !important;
	font-size: 12px;
	text-transform: uppercase;
	padding: 8px 34px;
	border-radius: 33px;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
}



.logoutbut {
	position: absolute;
	top: 36px;
	right: 0;
}


.logoutbut .button {
    background: #3b41a0;
    color: #fff !important;
    font-size: 15px;
    text-transform: uppercase;font-family: 'Poppins', sans-serif;
}
.actionbox {
	margin-top: 2rem;
	justify-content: flex-start;
	display: flex;
flex-wrap: wrap;
	
}
.box-panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 20px rgba(0,0,0,.075);
	float: left;
	width: 36%;
	padding: 20px;
	border-radius: 10px;
	margin: 0 .75% 30px;
	border: 1px solid #e0e0e0;
	line-height: 26px;
	font-size: 15px;
	min-width: 440px;
	max-width: 450px;
	
}
.s-name {
	display: block;
	background: #739AF7;
	color: #fff;
	/*font-family: 'Oswald', sans-serif;*/
	font-size: 18px;
	padding: 15px;
	margin: -22px -22px 20px;
	border-radius: 10px 10px 0 0;
}
.scholar {
	float: right;
	font-size: 15px;
}
.button {
	color: #fff;
	border: #036 1px solid;
background: #1d2050; /* Old browsers */
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 12px;
	font-size: 13px;
	line-height: 1.428571429;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-transform: uppercase;
	letter-spacing: .75px; font-weight:500;
}
.box-panel a.button {
	margin: 2px auto;
	display: table
}
.box-panel strong {
	font-weight: 500;
	display: inline-block;
	width: 39%;
}
.sitecontent {
	margin-top: 150px
}
table.table {
	clear: both;
	margin-bottom: 6px !important;
	max-width: none !important;
	border: 1px solid #fff;
	width: 100%
}
table.table th {
	background-color: #2156a6;
	padding: 9px;
	border: 1px solid #fff;
	font-weight: 500; text-align:left; color:#fff
}
table.table td {
	padding: 9px;
	border: 1px solid #c3c3c3; 
}
table.table tr:nth-child(odd){ background:#fff}
table.table tr:nth-child(even) {background: #E7E7E7}
.headernone {
	display: none;
}
.btn-success, .pdfg-wrap a.pdfg-print.btn-success {
    background-color: #e16059;
    border-color: #e16059;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 3px; width:auto; height:auto; background-image:none
}


#secondary {
	width: 102px;
	height: 100%;
	position: fixed;
	background: #3B41A0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; top:0; left:0; padding:130px 0  0
}
#secondary #menu-appmenu li{ padding:10px; font-size:15px; text-align:center;}
#secondary #menu-appmenu li.current-menu-item { background:rgba(0,0,0,0.5);}
#secondary a{ color:#fff; font-size:14px}
.custumloginuser.home .sitecontent{margin-left: 125px;}
.home .sitecontent{margin: 0px; padding:0;}
.home #secondary{ display:none}
.custumloginuser.home #secondary{ display:block}
.sitecontent{
	margin-left: 125px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; margin-right:15px
}
#secondary .menu > li{ border-bottom:#393939  1px solid}
#secondary .menu > li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 0;
    display: block;
    line-height: 18px;
}
#secondary .menu > li .fa {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
}
#secondary .menu > li .sub-menu{margin-left: 1.5em;}
#secondary .menu > li .sub-menu li a:before {
    content: "-";
    display: inline-block;
    color: #fff; padding-right:5px
}

.page-template-success-response .header.fixed-top{ display:none;}
.page-template-success-response .sitecontent {
    margin-top: 60px;
}
.page-template-success-response .sitecontent H1 {
    font-size: 35px;
    color: #08185A;
    font-weight: 600;font-family: 'Poppins', sans-serif;

}

.payhistory table td > div{ display:none;}
.payhistory table td > div.pdfg-shortcode{ display:block;}
.mobilefeeslist{ display:none;}
@media (max-width: 767px) {

.header {
    border: 0;
    height: auto;
    min-height:auto;padding:5px 0;
    clear: both;
}	
.header .logoutbut{ display:none;}
.brand {
    float: none;
    width: auto;
    height: auto;
    position: relative;
    /* background: rgb(0, 78, 152); */
}

.brand.brand-full + div{ display:none;}	
.frontlogin {
    position: absolute;

    background-size: 185px;
    width:auto; max-width:400px;
    height: auto;
    border-radius: 10px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
    border: 5px solid rgba(255,255,255,0.5);
    margin: 0 auto;
    left: 0; min-width:300px;
}

.frontlogin > div {
    top: 0;
    transform: 0;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 2em auto;transform: none;
}

.frontlogin .error {
    top: 0;

    padding: 10px 0;
}

h1 {
    font-size: 25px; display:flex; align-items:center; padding:5px; margin:0;
}

.brand img {
    height: 52px;
    margin-top: 0;
    margin-right: 10px;
}

.custumloginuser.home .sitecontent, .custumloginuser .sitecontent{margin-left: 0; padding-top: 120px;}
.childlist > div {
    display: flex;
    justify-content: space-evenly; width:100%; border-bottom: 1px solid #ccc; margin-bottom:5px; padding-bottom:5px;
}
.box-panel strong {
    display: block;
    width: 33%;
    padding-top: 5px;
    text-align: left;
    min-width: 100px;
}

.childlist > div span {
    width: calc(100% - 100px);
}
#secondary {
    width: 100%;
    height: auto;
    background: #3B41A0;
top: 0;
    left: 0;
    padding: 0;     position: absolute;
    top: 0;
}
.fixed-top {
    position: relative;

}
.site-content-contain{ position:relative; padding-top: 0;}

.custumloginuser.home #secondary {
    display: block;
    width: 100%;
    height: auto;
    left: 0; clear:both;
}
 #secondary  #menu-appmenu, #menu-appmenu{display:flex; width:100%;}
.sitecontent {
    margin-left: 0;
}
.dashboard {
    margin-top: 0;
}
.sitecontent {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 15px;
  
}

#secondary #menu-appmenu li {
    padding: 10px;
    font-size: 15px;
    text-align: center;
    width: 33.3%; border-right:1px solid #1d2050;
}
#nav_menu-2{ clear:both;}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;    min-height: .01%;
    overflow-x: auto;
}


.box-panel {
    float: none;
    width: 95%;
    padding: 20px;
    border-radius: 5px;
    margin: 0 auto 30px;
    border: 1px solid #e0e0e0;
    line-height: 26px;
    font-size: 15px;
    min-width: inherit;
}
.s-name {
    border-radius: 3px 3px 0 0;
}

span.value {
    display: block;
}
span.value + br, span.value span {
    display: none;
}
.feesdetails td{ min-width:125px;}
.feesdetails th{white-space: nowrap;}
/*.mobilefeeslist{ display:block;}
.table.feesdetails{ display:none;}*/
.mobilefeeslist > table {
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    border: 0;
    margin-bottom: 20px;
    background: #fff;
}
.mobilefeeslist > table > tbody > tr > td{ padding:10px; font-size:12px;}
.mobilefeeslist > table > tbody > tr > td td{ display:block; padding:5px 0;}
.mobilefeeslist .totalpay{ display:block; margin-top:15px;}

.feepay {
    display: block;
    margin-top: 14px;
    font-size: 20px;
}
}
@media (max-width: 639px) {
    
.frontlogin {max-width: 80%;}
.frontlogin .error{ width:90%;}
#secondary .menu > li a {font-size: 13px; padding: 5px 0; line-height: 15px;}
.childlist > div {flex-wrap: wrap;}
.childlist > div:first-child{border-bottom: 1px solid #ccc; margin-bottom: 5px;
padding-bottom: 10px;}
.childlist > div:last-child{margin-bottom:10px; border-bottom:0;}
.childlist > div.cls, .childlist > div.med{ width:50%;float: left;
border-bottom: 1px solid #ccc;margin-bottom:5px; padding-bottom: 5px;}
.box-panel strong, .childlist > div span{ width:100%; padding:3px 0;}
.box-panel a.button{ width:100%;}
.payhistory table.table{ border:0;}
.payhistory table th{ display:none;}
.payhistory table td {display: block;width: 100%; border: 0; border-bottom: 1px solid #ccc;}
.payhistory table td:last-child{ border-bottom:0;}
.payhistory table td > div{ display:block; font-size:13px; padding-bottom:10px;}

.payhistory .btn-success, .payhistory .pdfg-wrap a.pdfg-print.btn-success {

	font-size: 15px;

	padding: 13px 10px;

	width: 100%;
	text-align: center;
}


}
