@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
font-family: 'PoppinsBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Poppins/Poppins-Bold.ttf');
}
font-face {
font-family: 'LatoBlack';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Black.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'LatoBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Bold.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'LatoLight';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Light.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'LatoRegular';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Regular.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'LatoThin';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Thin.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontBlack';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-Black.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-Bold.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontBoldExtra';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontLightExtra';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-ExtraLight.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontLight';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-Light.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontMedium';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-Medium.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansBlack';
font-style: normal;
font-weight: 400;
src: url('../fonts/Source_Sans_Pro/SourceSansPro-Black.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansLightExtra';
font-style: normal;
font-weight: 400;
src: url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLight.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansLight';
font-style: normal;
font-weight: 400;
src: url('../fonts/Source_Sans_Pro/SourceSansPro-Light.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansRegular';
font-style: normal;
font-weight: 400;
src: url('../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf'); /* IE9 Compat Modes */
}

body {
margin: 0;
background-color: #f5f7f9 !important;
font-family: 'LatoRegular';
height: auto !important;
}
html {
-webkit-user-select: none;
-webkit-touch-callout: none;
overflow-x: hidden;
}
*:not(input):not(textarea) {
  -webkit-user-select: none; /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
} 
h2 {
font-size: 1.0em;
}
.timeElaspedForRequest{
text-align: center;
display: block;
font-size: 12px;
}
/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 9999999;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
	z-index: 99999;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
	z-index: 99999999;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
	z-index: 99999;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
	z-index: 99999999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#instantclick-bar {
background: white !important;
}
.logo{
margin: 0 auto;
padding: 3px;
display: block;
width: 100%;
text-align: center;
margin-top: 10px;	
transition: 0.7s;
}
.logo img{
width: 120px;
padding: 10px;
}
.logo h1{
font-size: 25px;
font-weight: 600;
padding: 0;
margin: 10px 0px;	
color: #053a63;
font-family: roboto;
}
.logo a, .logoOne a{
text-decoration: none;
}
.logoOne h3{
font-size: 22px;
padding: 4px;
margin: 0px 0;
background: #f5f7f9;
border: 0px;
color: #343131;
text-decoration: none;
border-radius: 2px;
font-family: 'MontMedium';
}
.logoOne{
width: 100%;
text-align: center;
margin: 0px auto;	
}
.maintainenceMode{
text-align: center;
font-size: 24px;
font-weight: 600;
width: 100%;
display: block;
margin-top: 25px;
}
.notificationHolder{
width: 700px;
min-height: 115px;
margin: 0 auto;
margin-top: 20px;
position: relative;
margin-bottom: 70px;	
}
.tutionFeeHolder{
width: 100%;
min-height: 20px;
display: inline-block;
margin-top: 0px;
}
.examListHolder {
width: 100%;
min-height: 30px;
line-height: 30px;
padding: 0px 10px;
text-align: justify;
margin: 10px 0px;
transition: 0.3s;
}
.tutionFeeContent{
margin-top: 0px;
}
.examListHolder:hover{
background: #eff4f7;
}
.examListHolder a{
text-decoration: none;
font-size: 14px;	
}
.examListHolder span{
color: #564c51;	
}
.tutionFeeHeader{
width: 100%;
min-height: 25px;
border: 0;
text-align: center;
color: #2d2c2c;
line-height: 25px;
font-size: 23px;
margin-top: 35px;
padding: 0px 6px;
}
.tutionFeeContent a {
text-decoration: none;
}
.tutionFeeHeader p{
font-size: 16px;
margin-top: 10px;
}
.tutionFeeContentOne{
width: 50%;
display: inline-block;
float: left;
text-align: center;
border: 1px solid #053a63;
height: 30px;
line-height: 30px;	
}
.examFeeHolder{
width: 100%;
min-height: 20px;
border: 1px solid #186dae;
display: inline-block;	
}
.examFeeHeader{
width: 100%;
height: 25px;
background: #053a63;
border: 0;
text-align: center;
color: #fff;
line-height: 25px;
}
.examFeeContentOne{
width: 100%;
display: inline-block;
float: left;
text-align: center;
border: 1px solid #053a63;
height: 30px;
line-height: 30px;	
}
.tutionFeeContentOne a, .examFeeContentOne a, .tutionFeeContentTwo a{
color: #000;
text-decoration: none;
cursor: pointer;	
}
.footer{
width: 100%;
height: 50px;
background: #f5f7f9;
text-align: center;
line-height: 50px;
position: fixed;
bottom: 0;
}
.footer img{
width: 94px;
margin-top: -3px;	
}
.helpHolder{
top: 0;
position: fixed;
right: 0;
background: #053a63;
color: #fff;
padding: 3px 15px;	
}
.homeHolder{
text-align: center;
top: 0;
position: fixed;
left: 0;
background: #053a63;
color: #fff;
padding: 3px 15px;
width: 100%;
}
.tutionFeeRegistrationHolder{
width: 500px;
min-height: 100px;
position: absolute;
top: 150px;
margin: 0 auto;
background: #f4f4f4;
right: 0;
left: 0;
border: 1px solid #053a63;
display: none;	
z-index: 999;
box-shadow: 0px 2px 10px 0px rgba(5, 58, 99, 0.63);
}
.tutionFeeLoginHolder{
width: 500px;
min-height: 100px;
position: absolute;
top: 235px;
margin: 0 auto;
background: #f4f4f4;
right: 0;
left: 0;
border: 1px solid #053a63;
display: none;	
z-index: 999;
box-shadow: 0px 2px 10px 0px rgba(5, 58, 99, 0.63);
}
.tutionFeeForgotPasswordHolder{
width: 500px;
min-height: 100px;
position: absolute;
top: 235px;
margin: 0 auto;
background: #f4f4f4;
right: 0;
left: 0;
border: 1px solid #053a63;
display: none;	
z-index: 999;
box-shadow: 0px 2px 10px 0px rgba(5, 58, 99, 0.63);	
}
.tutionFeeInstructionsHolder{
width: 500px;
min-height: 100px;
position: absolute;
top: 235px;
margin: 0 auto;
background: #f4f4f4;
right: 0;
left: 0;
border: 1px solid #053a63;
display: none;	
z-index: 999;
box-shadow: 0px 2px 10px 0px rgba(5, 58, 99, 0.63);	
}
.tutionFeeRegistrationHolderClose i, .tutionFeeLoginHolderClose i, .tutionFeeForgotPasswordHolderClose i, .tutionFeeInstructionsHolderClose i{
float: right;
padding: 3px;
font-size: 18px;
color: #fff;	
cursor: pointer;
}
.tutionFeeRegistrationHeader, .tutionFeeLoginHeader, .tutionFeeForgotPasswordHeader, .tutionFeeInstructionsHeader{
text-align: center;
background: #053a63;
height: 28px;
line-height: 28px;
color: #fff;
font-weight: 600;	
}
.tutionFeeRegistrationFormInputHolder{
width: 49%;
display: inline-block;
margin-top: 5px;
border: 1px solid #dedada;
}
.tutionFeeRegistrationFormInputHolderTwo {
width: 98.7%;
display: inline-block;
margin-top: 5px;
border: 1px solid #dedada;
}
.tutionFeeRegistrationForm form, .tutionFeeLoginForm form, .tutionFeeContentThreeChangePasswordContent form, .tutionFeeForgotPasswordForm form{
padding: 2%;	
}
.tutionFeeRegistrationFormInputHolder li, .tutionFeeRegistrationFormInputHolderTwo li{
display: table;
list-style: none;
margin-top: 0px;
margin-left: 3px;
position: absolute;
font-size: 11px;
color: #053a63;
font-weight: 600;	
}
.tutionFeeRegistrationForm input, .tutionFeeRegistrationForm select, .tutionFeeLoginForm input, .tutionFeeContentThreeChangePasswordContent input{
width: 99%;
margin-left: 0.5%;
height: 30px;	
padding-left: 5px;
font-size: 12px;
margin-top: 15px;
border: none;
}
.tutionFeeForgotPasswordForm input{
width: 99%;
margin-left: 0.5%;
height: 30px;
padding-left: 5px;
margin-top: 15px;
text-transform: uppercase;
border-top: none;
border-left: none;
border-right: none;
background: #f5f7f9;
font-size: 24px;
text-align: center;
letter-spacing: 8px;
font-weight: 600;
border: none;
}
.tutionFeeRegistrationForm input:hover, .tutionFeeRegistrationForm input:active, .tutionFeeRegistrationForm input:focus, .tutionFeeRegistrationForm select:hover, .tutionFeeRegistrationForm select:active, .tutionFeeRegistrationForm select:focus, .tutionFeeLoginForm input:hover, .tutionFeeLoginForm input:active, .tutionFeeLoginForm input:focus, .tutionFeeForgotPasswordForm input:hover, .tutionFeeForgotPasswordForm input:active, .tutionFeeForgotPasswordForm input:focus, .tutionFeeContentThreeChangePasswordContentForm input:hover, .tutionFeeContentThreeChangePasswordContentForm input:active, .tutionFeeContentThreeChangePasswordContentForm input:focus{
outline: none !important;
}
.helpHolder a, .homeHolder a{
color: #fff;
text-decoration: none;
cursor: pointer;
font-size: 16px;	
}
.tutionFeeRegistrationButton{
float: right;
margin-top: -55px;
margin-right: 6px;
border: none;
color: #fff;
background: #cd1870;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
margin-bottom: 8px;
width: 100px;
height: 30px;
line-height: 30px;	
}
.tutionFeeLoginButton{
float: right;
margin-top: 5px;
margin-right: 1px;
border: none;
color: #fff;
background: #cd1870;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
margin-bottom: 8px;
width: 100px;
height: 30px;
line-height: 30px;	
}
.tutionFeeForgotPasswordButton{
float: right;
margin-top: 5px;
margin-right: 1px;
border: none;
color: #ffffff;
background: #636262;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
margin-bottom: 8px;
width: 140px;
height: 30px;
line-height: 30px;	
}
.getResultButton{
display:none;
}
.tutionFeeRegistrationButton:active, .tutionFeeRegistrationButton:focus, .tutionFeeRegistrationButton:hover, .tutionFeeLoginButton:active, .tutionFeeLoginButton:focus, .tutionFeeLoginButton:hover, .tutionFeeForgotPasswordButton:active, .tutionFeeForgotPasswordButton:focus, .tutionFeeForgotPasswordButton:hover{
outline: none;
}
.formProcessing, .formResult{
position: fixed;
width: 100%;
height: 40px;
background: #c9196e;
top: 0;
text-align: center;
color: #fff;
display: none;	
line-height: 40px;
font-weight: 600;
z-index: 999999;
}
.error{
font-size: 10px;
display: inline-grid;
margin-left: 4px;
position: absolute;
color: #cd1870;
}
.tutionFeeContentTwo{
width: 50%;
display: inline-block;
float: left;
text-align: center;
border: 1px solid #053a63;
height: 30px;
line-height: 30px;	
}
.tutionFeeContentThree{
width: 100%;
display: inline-block;
min-height: 100px;
word-wrap: break-word;	
}
.tutionFeeRegistrationHallticket{
width: 99% !important;	
}
.tutionFeeContentThreePayFeesHeader, .tutionFeeContentThreeReceiptsHeader, .tutionFeeContentThreeChangePasswordHeader, .tutionFeeContentThreeProfileHeader{
text-align: center;
padding: 5px;
background: #053a63;
min-height: 25px;	
}
.tutionFeeContentThreePayFeesHeader h3, .tutionFeeContentThreeReceiptsHeader h3, .tutionFeeContentThreeChangePasswordHeader h3, .tutionFeeContentThreeProfileHeader h3{
margin: 0;
color: #fff;
font-size: 14px;	
}
.tutionFeeContentThreePayFees{
width: 100%;
position:relative;	
}
.tutionFeeContentThreeReceipts{
width: 100%;
position:relative;
display:none;
}
.tutionFeeContentThreeChangePassword{
width: 100%;
position:relative;
display:none;
}
.tutionFeeContentThreeProfile{
width: 100%;
position:relative;
display:none;	
}
.tutionFeeHeader a{
padding: 2px 10px;
cursor: pointer;
color: #053a63;
text-decoration: none;
background: #ffffff;
border-radius: 1px;
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.43);
}
.tutionFeeContentThreePayFeesContent p{
text-align: center;
margin-top: 15px;
}
.tutionFeeContentThreePayFeesContent button {
float: right;
margin-right: 35px;
border: none;
color: #fff;
width: 100px;
height: 24px;
background: #c51b72;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.49);
margin-bottom: 10px;
}
.tutionFeeContentThreeProfileContent{
text-align: center;
margin: 0 auto;	
}
.tutionFeeContentThreeProfileContentTable{
text-align: center;
width: 100%;
border: 1px solid #053a63;	
}
.tableHeading{
width: 25%;
border: 1px solid #053a63;
background: #053a63;
color: #fff;
font-weight: 600;
}
.tableContent{
width: 75%;
border: 1px solid #053a63;
}
.changePasswordButton{
float: right;
margin-top: 10px;
margin-bottom: 10px;
border: none;
margin-right: 2px;
background: #053a63;
color: #fff;
padding: 4px 15px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.48);	
}
.changePasswordCurrent{
width: 99% !important;
}
.footerTerms{
display: inherit;
text-align: center;
width: 500px;
margin: 0 auto;
margin-bottom: 70px;
margin-top: 5px;
border-top: 1px solid #053a63;
padding-top: 5px;

}
.footerTerms li{
list-style: none;
display: inline-block;
margin-left: 3px;
margin-right: 5px;
}
.footerTerms a{
text-decoration: none;
}
.pageContainer{
width: 500px;
margin: 0 auto;	
padding: 10px;
}
.pageTitle h2{
text-align: center;
margin: 10px 0px;
font-size: 20px;
font-weight: 600;	
}
.tutionFeeContentThreeReceiptsContent table {
width: 100%;	
}
.tutionFeeContentThreeReceiptsContent th {
width: 25%;
border: 1px solid #053a63;
text-align: center;
}
.tutionFeeContentThreeReceiptsContent tr {
border: 1px solid #053a63;
text-align: center;
}
.tutionFeeContentThreeReceiptsContent td {
width: 25%;
border: 1px solid #053a63;
text-align: center;
}
.tutionFeeContentThreeReceiptsContent a {
text-decoration:none;
}
.tutionFeeContentThreePayFeesContent a{
text-decoration:none;
}
.tutionFeeLoginForm a{
float: right;
margin-top: 13px;
margin-right: 20px;
color: #053a63;
font-size: 12px;
text-decoration: none;
cursor: pointer;	
}
.linkExpiredText{
text-align: center;
margin-top: 50px;
font-size: 25px;
color: #053a63;	
}
.tutionFeeInstructionsContent li {
font-size: 12px;
padding: 5px;
color: #000;
}
.tutionFeeInstructionsContent p {
text-align: center;
font-size: 18px;
padding: 5px;
color: #ce1579;
font-weight: 600;	
}

.isa_info, .isa_success, .isa_warning, .isa_error {
margin: 10px 0px;
padding:12px;
text-align: center;
 
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}
.wrapper {
  margin: 0 auto;
  padding: 10px 40px;
  max-width: 800px;
}

.table {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
.examListHolderOne{
font-weight: 400;
font-size: 18px;
color: #484747;
display: inline-block;
}
.examListHolderTwo{
margin: 0;
font-size: 14px;
margin-top: -8px;
}
.examListHolderOneIconOne{
margin-left: 15px;
color: #c14286;
}
.shareOnWhatsApp{
float: right;
margin-top: -22px;
margin-right: 10px;
}
.shareOnWhatsApp i{
color: #1ebea5;
font-size: 20px;
font-weight: 600;
}
.resultBlockLink{
text-decoration: none;	
}
.googleplay{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 5px;
border: 1px solid #3285c5;
}
.googleplay img{
width: 200px;
}
#load-more{
text-align: center;
margin-top: 15px;
}
#load-more a{
background: #c0c0c0;
color: #000;
transition: 0.3s;
}
#load-more a:hover{
background: #bbb9b9;
}
.resultSearchHolder{
padding: 0px 10px;
margin-top: -10px;
}
.resultSearchHolder input{
width: 100%;
height: 35px;
outline: none;
padding: 0px 108px 0px 31px;
font-size: 16px;
line-height: 20px;
border: 1px solid #bfbcbc;
border-radius: 2px;
}
.examListHolderDate{
display: inline-block;
}
.yearHolder{
transform: rotateZ(90deg);
display: inline-block;
}
.dateAndMonthHolder{
display: inline-block;
}
.dateHolder{
margin: 0;
display: initial;
}
.monthHolder{
margin: 0;
display: initial;
}
.tutionFeeContent hr{
margin: 0px 0px;
}
.selectYearHolder{
display: inline;
float: right;
margin-left: -96px;
z-index: 5;
position: absolute;
}
.textSearchHolder{
display: inline-block;
width: 100%;
z-index: 4;
}
.selectYearHolder select{
height: 35px;
width: 96px;
font-size: 16px;
outline: none;
border: 1px solid #bfbcbc;
border-radius: 2px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.filterCourseButtons{
list-style-type: none;
padding: 0;
}
.filterCourseButtons li{
float: left;
margin: 0 5px 0 0;
width: 90px;
height: 35px;
position: relative;
text-align: center;
}
.filterCourseButtons label,
.filterCourseButtons input{
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.filterCourseButtons input[type="radio"] {
opacity: 0.01;
z-index: 100;
cursor: pointer;
}
.filterCourseButtons input:hover {
background: #000;
}
.filterCourseButtons input[type="radio"]:checked+label,
.Checked+label {
background: #DDD;
}
.filterCourseButtons input[type="radio"]:hover+label,
.Checked+label {
background: #DDD;
}
.filterCourseButtons label{
padding: 5px 0px;
border: 1px solid #CCC;
cursor: pointer;
z-index: 90;
transition: 0.3s;
}
.filterCourseButtons label:hover {
background: #DDD;
}
input[type=radio], input[type=checkbox] {
margin:0px 0 0 !important;
margin-top: 0px !important;
}
.filterCourseButtons span{
float: left;
margin-right: 10px;
margin-top: 5px;
}
.formAndResultDivider{
display: block;
margin-top: 20px;
}
.blockDisplay{
display: inline-flex;
margin-left: 53px;
}
.wrapperAnimation {
width: 100%;
height: 640px;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
padding: 0px 13px;
}
.wrapper-cell {
display: -webkit-box;
display: flex;
margin-bottom: 5px;
}
@-webkit-keyframes placeHolderShimmer {
0% {
  background-position: -468px 0;
}
100% {
  background-position: 468px 0;
}
}
@keyframes placeHolderShimmer {
0% {
  background-position: -468px 0;
}
100% {
  background-position: 468px 0;
}
}
.animated-background, .image, .text-line, .text-line-small {
-webkit-animation-duration: 1.25s;
        animation-duration: 1.25s;
-webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
-webkit-animation-name: placeHolderShimmer;
        animation-name: placeHolderShimmer;
-webkit-animation-timing-function: linear;
        animation-timing-function: linear;
background: #C9C9C9;
background: -webkit-gradient(linear, left top, right top, color-stop(8%, #F1F1F1), color-stop(18%, #D5D4D4), color-stop(33%, #C9C9C9));
background: linear-gradient(to right, #C9C9C9 8%, #C9C9C9 18%, #D5D4D4 33%);
background-size: 800px 104px;
height: 96px;
position: relative;
}
.text-line {
height: 20px;
width: 676px;
margin: 15px 0;
}
.text-line-small {
height: 10px;
width: 400px;
margin: 15px 0;
}
.searchIcon{
margin-top: 8px;
position: absolute;
margin-left: 10px;
}
.searchIcon i{
color: #636363;
}
.goBackDiv{
text-align: center;
}
.goBackDiv a{
color: #464444;
text-decoration: none;
cursor: pointer;
}
.goBackDiv a:hover{
color: #000;
}
.footer a{
color: #000;
text-decoration: none;
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    a[href]:after {
      content: none !important;
    }
}
@media screen and (max-width: 720px) {
  .table {
    display: block;
  }
}

.row {
  display: table-row;
  background: #f6f6f6;
}
.row:nth-of-type(odd) {
  background: #e9e9e9;
}
.row.header {
  font-weight: 900;
  color: #ffffff;
  background: #636262;
}
.row.green {
  background: #27ae60;
}
.row.blue {
  background: #2980b9;
}
@media screen and (max-width: 720px) {
  .row {
    padding: 14px 0 7px;
    display: block;
  }
  .row.header {
    padding: 0;
    height: 6px;
  }
  .row.header .cell {
    display: none;
  }
  .row .cell {
    margin-bottom: 10px;
  }
  .row .cell:before {
    margin-bottom: 3px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #969696;
    display: block;
  }
}

.cell {
  padding: 6px 12px;
  display: table-cell;
}
.wrapperPaddingImp{
  padding: 0px 0px !important;
}
@media screen and (max-width: 720px) {
  .cell {
    padding: 2px 16px;
    display: block;
  }
}

@media (min-width:100px) and (max-width: 320px){ 
body {
font-size: 14px;
}
.notificationHolder{
width: 100%;	
}
.footerTerms{
width: 100%;
}
.pageContainer{
width: 100%;	
}
.logo h1 {
font-size: 20px;
}
.tutionFeeRegistrationHolder, .tutionFeeLoginHolder, .tutionFeeForgotPasswordHolder, .tutionFeeInstructionsHolder{
width: 95%;
top: 45px;
}
.tutionFeeRegistrationForm input, .tutionFeeRegistrationForm select, .tutionFeeLoginForm input, .tutionFeeContentThreeChangePasswordContent input{
width: 98%;
}
.tutionFeeRegistrationHallticket{
width: 98% !important;	
}
.tutionFeeRegistrationButton, .tutionFeeLoginButton{
margin-right: 6px;	
}
.tutionFeeRegistrationButton{
margin-top: 5px;	
}
.g-recaptcha{
transform:scale(0.9);
-webkit-transform:scale(0.9);
transform-origin:0 0;
-webkit-transform-origin:0 0;	
}
.tutionFeeContentTwo{
width: 50%;	
}
}
@media (min-width:321px) and (max-width: 480px){
body {
font-size: 14px;
}	
.notificationHolder{
width: 100%;	
}
.footerTerms{
width: 100%;
}
.pageContainer{
width: 100%;	
}
.logo h1 {
font-size: 20px;
}
.tutionFeeRegistrationHolder, .tutionFeeLoginHolder, .tutionFeeForgotPasswordHolder, .tutionFeeInstructionsHolder{
width: 95%;
top: 45px;
}
.tutionFeeRegistrationForm input, .tutionFeeRegistrationForm select, .tutionFeeLoginForm input, .tutionFeeContentThreeChangePasswordContent input{
width: 98%;
}
.tutionFeeRegistrationHallticket{
width: 98% !important;	
}
.tutionFeeRegistrationButton, .tutionFeeLoginButton{
margin-right: 6px;	
}
.tutionFeeRegistrationButton{
margin-top: 5px;	
}
.g-recaptcha{
transform:scale(0.9);
-webkit-transform:scale(0.9);
transform-origin:0 0;
-webkit-transform-origin:0 0;	
}
.tutionFeeContentTwo{
width: 50%;	
}
}

@media (min-width:481px) and (max-width: 640px){ 
body {
font-size: 14px;
}
.notificationHolder{
width: 100%;	
}
.footerTerms{
width: 100%;
}
.pageContainer{
width: 100%;	
}
.logo h1 {
font-size: 20px;
}
.tutionFeeRegistrationHolder, .tutionFeeLoginHolder, .tutionFeeForgotPasswordHolder, .tutionFeeInstructionsHolder{
width: 95%;
}
.tutionFeeContentTwo{
width: 50%;	
}
}

@media (min-width:641px) and (max-width: 960px) { 

}
 
@media (min-width:961px)  and (max-width: 1024px){ 

}

@media (min-width:1025px) and (max-width: 1281px){ 

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}