@charset "utf-8";
/* CSS Document */
.py-fees-bg{
width:100%;/*background:url(../img/paper-pric.jpg) repeat;*/float:left;background:url(../img/payfeesbg.jpg) no-repeat center center;height:500px;-webkit-background-size: 100%;-o-background-size: 100% 100%;background-size: 100% 100%;overflow:hidden;
}
.pay-fees-hdr-prt{
width:100%;float:left;height:40px;background:#093;position:fixed;border-bottom:1px solid #060;
}
.pogress-bar{
background:#CF0;width:0%;height:4px;-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.75);top:0px;position:fixed;
}
.go-on-poggress{
-webkit-animation-name: go-on-poggress; animation-name: go-on-poggress;-moz-animation-name: go-on-poggress;
-o-animation-name: go-on-poggress;-ms-animation-name: go-on-poggress;
	
-webkit-animation-duration:0.8s; animation-duration:0.8s; -moz-animation-duration:0.8s; -o-animation-duration:0.8s;-ms-animation-duration:0.8s;
    
-webkit-animation-fill-mode: both; animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;-ms-animation-fill-mode: both; 
   
-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -moz-animation-timing-function: ease-in;-o-animation-timing-function: ease-in;-ms-animation-timing-function: ease-in; 
}
@-webkit-keyframes go-on-poggress { 
0% {
opacity: 1;width:0%;
}
90% {
opacity: 1;width:100%;
}
100% {
opacity: 0;width:100%;
 }
} 
@keyframes go-on-poggress { 
  0% {
opacity: 1;width:0%;
}
90% {
opacity: 1;width:100%;
}
100% {
opacity: 0;width:100%;
 }
} 
@-moz-keyframes go-on-poggress { 
0% {
opacity: 1;width:0%;
}
90% {
opacity: 1;width:100%;
}
100% {
opacity: 0;width:100%;
 }
} 
@-o-keyframes go-on-poggress { 
 0% {
opacity: 1;width:0%;
}
90% {
opacity: 1;width:100%;
}
100% {
opacity: 0;width:100%;
 }
} 
@-ms-keyframes go-on-poggress { 
 0% {
opacity: 1;width:0%;
}
90% {
opacity: 1;width:100%;
}
100% {
opacity: 0;width:100%;
 }
}
.top-pay-hedre-prt{
width:100%;float:left;
}
.top-pay-hedr-prt-icon{
width:10%;float:left;
}
.top-pay-hedr-prt-icon img{
width:100%;height:40px;
}
.right-student-bartbl{
width:60%;float:right;margin-top:10px;
}
.stund-cd-prt{
width:20%;float:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#FFF;font-weight:bold;
}
.stund-cd-serch-box-prt{
width:80%;float:left;
}
.student-srch-box-cd{
width:100%;border:1px solid #030;
}
.stund-butn-prt{
width:18%;float:right;margin-top:-5px;
}
.show-studnt-btn{
width:100%;padding:5%;
background: -moz-linear-gradient( top, white 0%, #FC8D9C 50%, #F71E3B 50%, #FF213F 65%, #FF0015);
background: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(0.50, #FC8D9C), color-stop(0.50, #F71E3B), color-stop(0.65, #FF213F), to(#FF0015));
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #7D2222;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(212,32,32,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(212,32,32,0.6);
box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(212,32,32,0.6);
text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
color:#900;
font-weight:bold;
height:28px;
}
.pay-part-dwn{
width:100%;float:left;height:450px;overflow-y: scroll;
	
}
.pay-part-dwn::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;background-color:#333;
}

.pay-part-dwn::-webkit-scrollbar{
width: 6px;background-color: #F5F5F5;
}

.pay-part-dwn::-webkit-scrollbar-thumb{
border-radius: 2px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#f75fa7;
}
.sorry-norecd-fnd-prt{
width:100%;float:left;padding:1%;font-size:22px;font-weight:bold;color:#FFF;background:#900;border:1px solid #030;text-align:center;margin-top:20%;
}
@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@-moz-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@-o-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@-ms-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

.css3-blink {
-webkit-animation-name: blinker;  -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);-webkit-animation-duration: 1s; 
  
keyframes-animation-name: blinker;  keyframes-animation-iteration-count: infinite;  keyframes-animation-timing-function: cubic-bezier(1.0,0,0,1.0);keyframes-animation-duration: 1s;
  
-moz-keyframes-animation-name: blinker;  -moz-keyframes-animation-iteration-count: infinite;  
-moz-keyframes-animation-timing-function: cubic-bezier(1.0,0,0,1.0);-moz-keyframes-animation-duration: 1s;
  
-o-keyframes-animation-name: blinker;  -o-keyframes-animation-iteration-count: infinite;  
-o-keyframes-animation-timing-function: cubic-bezier(1.0,0,0,1.0);-o-keyframes-animation-duration: 1s;
  
-ms-keyframes-animation-name: blinker;  -ms-keyframes-animation-iteration-count: infinite;  
-ms-keyframes-animation-timing-function: cubic-bezier(1.0,0,0,1.0);-ms-keyframes-animation-duration: 1s;
}
.student-pyment-infobar{
width:100%;float:left;background:#006;font-family:Verdana, Geneva, sans-serif;font-weight:bold;color:#0FF;font-size:12px;text-align:center;padding:0.40%;
}
.stud-from-hedr-prt{
width:100%;float:left;padding:1%;/*border:1px solid #0C3;*/margin-top:0%;
}
.stud-info-prt-bdc{
width:100%;float:left;margin-left:0%;margin-right:0%;padding:0%;background:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #333;-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.75);
}
.stude-info-top-br{
width:100%;float:left;padding:0.30%;background:#090;font-family:Verdana, Geneva, sans-serif;font-size:14px;font-weight:bold;color:#FFF;text-align:left;
}
.stud-tday-date{
width:30%;float:right;font-size:12px;text-align:right;
}
.stud-classfee-detlas-area{
width:100%;float:left;margin-top:2%;/*border:1px solid #900;*/
}
.selclss-norecd-fnd-prt{
width:100%;float:left;padding:1%;font-size:22px;font-weight:bold;color:#FFF;background:#900;border:1px solid #030;text-align:center;margin-top:8%;margin-bottom:18%;
}
.stud-payment-area-rows{
width:100%;float:left;
}
.stud-paymt-prt-1{
width:22%;float:left;padding:2%;height:35px;float:right;font-family:Arial, Helvetica, sans-serif;color:#FFF;font-size:12px;font-weight:bold;text-align:center;background: #F3C5BD;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYzViZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U4NmM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhMjgwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #F3C5BD 0%, #E86C57 50%, #EA2803 51%, #F60 75%, #C72200 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3C5BD), color-stop(50%,#E86C57), color-stop(51%,#EA2803), color-stop(75%,#F60), color-stop(100%,#C72200));
background: -webkit-linear-gradient(top, #F3C5BD 0%,#E86C57 50%,#EA2803 51%,#F60 75%,#C72200 100%);
background: -o-linear-gradient(top, #F3C5BD 0%,#E86C57 50%,#EA2803 51%,#F60 75%,#C72200 100%);
background: -ms-linear-gradient(top, #F3C5BD 0%,#E86C57 50%,#EA2803 51%,#F60 75%,#C72200 100%);
background: linear-gradient(to bottom, #F3C5BD 0%,#E86C57 50%,#EA2803 51%,#F60 75%,#C72200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 );
border:1px solid #C30;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.stud-paymt-prt-1p{
width:22%;float:left;padding:2%;height:35px;float:right;font-family:Arial, Helvetica, sans-serif;color:#FFF;font-size:12px;font-weight:bold;text-align:center;color: black;
background: -moz-linear-gradient( top, #E6FAF1 0%, #28F036 50%, #0DDB1B 50%, #39B510 72%, #067513);
background: -webkit-gradient( linear, left top, left bottom, from(#E6FAF1), color-stop(0.50, #28F036), color-stop(0.50, #0DDB1B), color-stop(0.72, #39B510), to(#067513));
border:1px solid #060;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.stud-paymt-prt-2{
width:38%;float:left;height:35px;float:right;font-family:Arial, Helvetica, sans-serif;color:#030;font-size:12px;font-weight:bold;text-align:center;background: rgba(226, 226, 226, 1);
background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -webkit-gradient(top, top, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
border:1px solid #333;
padding-top:15px;
}
.stud-paymt-prt-3{
width:32%;float:left;padding:1.52%;height:35px;float:right;font-family:Arial, Helvetica, sans-serif;color:#030;font-size:11px;font-weight:bold;text-align:left;background: -moz-linear-gradient( top, white 0%, #FC8D9C 50%, #F71E3B 50%, #FF213F 65%, #FF0015);
background: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(0.50, #FC8D9C), color-stop(0.50, #F71E3B), color-stop(0.65, #FF213F), to(#FF0015));
border:1px solid #F00;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.stud-paymt-prt-3p{
width:32%;float:left;padding:0.50%;height:35px;float:right;font-family:Arial, Helvetica, sans-serif;color:#030;font-size:11px;font-weight:bold;text-align:left;background: #9DD53A;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #9DD53A 0%, #A1D54F 50%, #80C217 51%, #7CBC0A 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9DD53A), color-stop(50%,#A1D54F), color-stop(51%,#80C217), color-stop(100%,#7CBC0A));
background: -webkit-linear-gradient(top, #9DD53A 0%,#A1D54F 50%,#80C217 51%,#7CBC0A 100%);
background: -o-linear-gradient(top, #9DD53A 0%,#A1D54F 50%,#80C217 51%,#7CBC0A 100%);
background: -ms-linear-gradient(top, #9DD53A 0%,#A1D54F 50%,#80C217 51%,#7CBC0A 100%);
background: linear-gradient(to bottom, #9DD53A 0%,#A1D54F 50%,#80C217 51%,#7CBC0A 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
border:1px solid #060;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.stud-paymt-prt-3w{
width:32%;float:left;padding:0.50%;height:35px;float:right;font-family:Arial, Helvetica, sans-serif;color:#030;font-size:11px;font-weight:bold;text-align:left;background: rgba(235, 233, 249, 1);
background: -moz-linear-gradient(top, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235, 233, 249, 1)), color-stop(50%, rgba(216, 208, 239, 1)), color-stop(51%, rgba(206, 199, 236, 1)), color-stop(100%, rgba(193, 191, 234, 1)));
background: -webkit-linear-gradient(top, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
background: -o-linear-gradient(top, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
background: -ms-linear-gradient(top, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
background: linear-gradient(to bottom, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea', GradientType=0 );
border:1px solid #060;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.stud-paymt-prt-4{
width:8%;float:left;padding-top:7px; padding-left:2.5%;height:35px;float:right;font-family:Arial, Helvetica, sans-serif;color:#030;font-size:11px;font-weight:bold;text-align:left;background: #9DD53A;
background: -moz-linear-gradient(top,#69f0fa 0%,#6bede6 50%,#17bacf 50%,#067a74);background: -webkit-gradient(
linear, left top, left bottom,from(#69f0fa),color-stop(0.50, #6bede6),color-stop(0.50, #17bacf),to(#067a74));
border:1px solid #060;
}
.stud-paymt-prt-4p{
width:8%;float:left;padding-top:7px; padding-left:2.5%;height:35px;float:right;font-family:Arial, Helvetica, sans-serif;color:#030;font-size:11px;font-weight:bold;text-align:left;background: #9DD53A;
background: -moz-linear-gradient(top,#bdf751 0%,#a4db51 50%,#9ab30d 50%,#557a06);background: -webkit-gradient(
linear, left top, left bottom,from(#bdf751),color-stop(0.50, #a4db51),color-stop(0.50, #9ab30d),to(#557a06));
border:1px solid #060;
}

.stud-payment-area-dtls{
width:45%;float:left;padding:0%;
}
.stud-paymt-prt-1{
padding:8px;
}
.stud-paymt-prt-1p{
padding:8px;
}
.stud-paymt-prt-2{
padding:8px;
}
.stud-paymt-prt-3{
padding-top:11px;
}
.stud-paymt-prt-3p{
padding-top:11px;
}
.stud-paymt-prt-3w{
padding-top:11px;
}
.fees-calcul-area-cvr{
width:100%;float:left;padding:0.40%;margin-top:1%;background:#FFC;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #333;-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);box-shadow:0px 1px 2px rgba(50, 50, 50, 0.75);
}
.stude-info-top-br{width:100%;float:left;padding:0.30%;background:#090;font-family:Verdana, Geneva, sans-serif;font-size:14px;font-weight:bold;color:#FFF;text-align:left;
}
.student-my-info-row{
width:100%;float:left;border-bottom:1px solid #999;padding:0.40%;
}
.stud-left-ingbrc{
width:35%;float:left;border-right:1px solid #999;font-family:Arial, Helvetica, sans-serif;color:#F30;font-size:13px;font-weight:bold;
}
.stud-right-ingbr{
width:64%;float:right;font-family:Arial, Helvetica, sans-serif;color:#060;font-size:11px;font-weight:bold;
}
.fee-inpt-bx{
width:100%;padding:1%;background:#D5FDF9;border:1px solid #00F;font-family:Arial, Helvetica, sans-serif;color:#F00;font-size:13px;
}
.my-qter-qurdinet{
background:#006;color:#FFF;font-size:11px;font-weight:bold;text-align:center;
}
.fine-inpt-bx{
width:100%;padding:1%;background:#E4FFDD;border:1px solid #00F;font-family:Arial, Helvetica, sans-serif;color:#C00;font-size:15px;text-align:center;font-weight:bold;
}
.my-mak-fee-full-prt{
width:100%;float:left;margin-top:1%;margin-bottom:1%;
}
.mke-pmt-prt-1{
width:45%;float:left;
}
.mke-pmt-prt-2{
width:55%;float:left;
}
.mke-pmt-prt-3{
width:30%;float:left;
}
.stud-pay-u-fees-part{
width:53%;float:right;background:#EDFEF1;border:1px solid #060; 
}
.my-confrm-pay-btn{
width:100%;float: left;height:32px;padding: 2%;font-family: "Comic Sans MS", cursive;font-size: 15px;font-weight: bold;font-style: italic;color: black;
background: -moz-linear-gradient( top, white 0%, #F7FF85 50%, #F0F016 50%, #F0F024 72%, #F0D20E);
background: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(0.50, #F7FF85), color-stop(0.50, #F0F016), color-stop(0.72, #F0F024), to(#F0D20E));
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px solid #F60;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.my-tottal-pay-input{
width:100%;float:left;height:32px;background:#D6FEC2;border:1px solid #090;color:#63F;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;text-align:center;
}
.my-make-pay-pop{
width:100%;float:left;margin-top:1%;margin-bottom:1%;
}
.my-make-pay-pop-mdl{
width:71%;float:left;margin-left:17%;margin-right:17%;
}
.my-make-pay-pop-mdl-pay-btn{
width:60%;float:left;
}
.my-make-pay-pop-mdl-print-btn{
width:40%;float:left;
}
.my-make-pay-btn{
width:100%;float: left;height:32px;padding: 2%;font-family: "Comic Sans MS", cursive;
font-size: 15px;font-weight: bold;font-style: italic;color: black;
background: -moz-linear-gradient( top, white 0%, #FC8D9C 50%, #F71E3B 50%, #FF213F 65%, #FF0015);
background: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(0.50, #FC8D9C), color-stop(0.50, #F71E3B), color-stop(0.65, #FF213F), to(#FF0015));
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px solid #C30;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.my-make-print-btn-inactive{
width:100%;float: left;height:32px;padding: 2%;font-family: "Comic Sans MS", cursive;font-size: 15px;font-weight: bold;font-style: italic;color: black;
background: rgba(226, 226, 226, 1);
background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -webkit-gradient(top, top, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
border: 1px solid #333;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);	
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.my-make-print-btn-active{
width:100%;float: left;height:32px;padding: 2%;font-family: "Comic Sans MS", cursive;
font-size: 15px;font-weight: bold;font-style: italic;color: black;
background: rgba(252, 234, 187, 1);
background: -moz-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -webkit-gradient(top,top, color-stop(0%, rgba(252, 234, 187, 1)), color-stop(50%, rgba(252, 205, 77, 1)), color-stop(51%, rgba(248, 181, 0, 1)), color-stop(100%, rgba(251, 223, 147, 1)));
background: -webkit-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -o-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -ms-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1 );
border: 1px solid #333;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);	
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.total-pay-u-mony-amnout{
width:100%;float:left;padding:1%;font-family:Arial, Helvetica, sans-serif;color:#C30;font-size:15px;font-weight:bold;border-top:3px solid #060;border-bottom:3px solid #060;
}
.my-make-pay-pop{
width:100%;float:left;margin-top:1%;margin-bottom:1%;
}
.club-fees-on{
width:100%; float:left;
}
.club-fees-off{
width:100%; float:left; height:0px; visibility: hidden;
}
.club-fee-dvd{
width:50%; float:left; border:1px solid #C30; background:#4A1112;
}
.clb-spn-1{
margin-top:2px; color:#FF0; font-weight:bold; font-size:12px;
}
.user-moble-no{
width:100%; float:right; background:#D7FFEE; border:1px solid #060; color:#C00; font-size:16px; font-weight:bold;
}
.user-mb-txt-area{
width:60%; float:left; font-size:12px;
}
.user-mb-inpt-area{
width:40%; float:right;
}
.down-scrll-non-prt{
width:100%; float:left; height:50px; background:none; margin-bottom:5%;
}
/*===================== TABLE ====================*/
.table-cvr{
width:98%;float:left;margin-left:1%;margin-right:1%;
}
.fbl{
width:100%;float:left;border:1px solid #000000;
}
.tbl-rwl-hdr{
width:100%;background:#414141;color:#FFFFFF;text-align:center;visibility:visible;font-family:Verdana, Geneva, sans-serif;font-size:13px;
}
.tbl-rwl{
width:100%;background: 90px 35px rgba(255, 255, 255, 0.2);border:1px solid #000;
}
.tbl-rwl:hover{
background: 90px 35px rgba(243, 100, 52, 0.2);
background:
}
.tbl-tdg{
padding:0.40%;	border-top:1px solid #000;border-left:1px solid #000;/*border-bottom:1px solid #000;*/border-right:1px solid #000;
}
.tbl-hdr{
width:0%;height:1px;visibility:hidden;
}
.tbl-cnt-bd{
width:100%;float:right;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:bold;color:#000;text-align:justify;
}

@media screen and (max-width:680px){
.table-cvr{
width:90%;float:left;margin-left:5%;margin-right:5%;
}
.tbl-rwl-hdr{
width:97%;float:left;background:#F2F2F2;border:1px solid #000;margin-top:-40%;visibility:hidden;
}
.tbl-rwl{
width:97%;float:left;background: 90px 35px rgba(255, 255, 255, 1);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 2px 6px rgba(50, 50, 50, 0.75);box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.75);border:1px solid #900;margin-top:3%;
}
.tbl-rwl: hover{
background: 90px 35px rgba(243, 100, 52, 1);
}
.tbl-tdg{
width:98%;float:left;border:1px solid #FFF;
}
.tbl-hdr{
width:28%;padding-left:2%;padding-top:1%;padding-bottom:1%;float:left;height:auto;background:#900;font-family:Verdana, Geneva, sans-serif;font-size:13px;color:#FFFFFF;font-weight:bold;visibility:visible;}
.tbl-cnt-bd{
width:67%;float:right;text-align:justify;/*border:1px solid #00FF99;*/
}

.stud-payment-area-dtls,.stud-pay-u-fees-part,.user-mb-txt-area,.user-mb-inpt-area{
width:96%; float:left; margin-left:2%; margin-right:2%;
}

.top-pay-hedr-prt-icon{
width:30%;
}
.right-student-bartbl{
width:68%;
}
}

@media screen and (max-width:520px){
.pay-fees-hdr-prt{
height:80px;
}
.top-pay-hedr-prt-icon{
width:96%; margin-left:0%; margin-right:0%;
}
.right-student-bartbl{
width:96%; margin-left:0%; margin-right:0%;
}	
}

@media screen and (max-width:450px){
.stud-payment-area-rows{
	margin-top:2%; border-bottom:2px dotted #333333;
}
.stud-paymt-prt-1{
width:100%; float:left;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;

-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
}
.stud-paymt-prt-1p{
width:100%; float:left;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;

-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
}
.stud-paymt-prt-2{
width:100%; float:left;

}
.stud-paymt-prt-3{
width:100%; float:left;
text-align:center;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;

-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
}
.stud-paymt-prt-3p{
width:100%; float:left;
text-align:center;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;

-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
}
.stud-paymt-prt-3w{
width:100%; float:left;
text-align:center;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;

-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
}
.stud-paymt-prt-4{
width:100%; float:left; text-align:center;
}
.stud-paymt-prt-4p{
width:100%; float:left; text-align:center;
}
.user-moble-no,.mke-pmt-prt-1,.mke-pmt-prt-2{
width:96%; float:right; margin-left:2%; margin-right:2%;
}
.my-make-pay-pop-mdl{
width:90%;float:left;margin-left:5%;margin-right:5%;
}
}