body{ background-color:#efefef}
.logo{ margin-top:10px}
.top-right-img{float:right}
.form-group {
    margin-bottom: 8px!important;
}
.paynow-form{background-color: #fcfde6; width:100%;
   
    float: left;
    padding: 15px 0px;
    font-size: 12px;
   }
	
.paynow-form .panel-custom{ border: solid 1px #2e7aa7}
.paynow-form .panel-custom .panel-heading{ background-color: #2e7aa7; color:#FFFFFF}

.paynow-form .panel{ margin:0}

.paynow-form h4{margin:0; font-size:16px}
.details-bx .notes{background: #ac4b28; color: white; padding: 10px;}

.ac-details{background-color:#3a3939; padding:10px; font-size:14px}
 /* h5{font-size: 14px;  background: #f7980a;  padding: 10px; margin-top:0} */
 
.fee-details-bx{ max-height:450px;overflow:auto;}

.fee-details-bx input, .fee-details-bx  button{ padding: 4.7px 5px; vertical-align:top}
.fee-details-bx table{
        width: 100%;
        margin: 10px 0 0 0;
		border-collapse: collapse;
    }
.fee-details-bx table, th, td{
        border: 1px solid #cdcdcd;
    }
.fee-details-bx table th, table td{
        padding: 10px;
        text-align: center;
    }
	.fee-details-bx h3{background: #2e7aa7;  color: white;  margin: 0;  padding: 10px 15px;  font-size: 16px;}
    .fee-details-bx select{ padding:6px}
    .fee-details-bx	.add-row{ background: #37a0dc;  border: none;  color: white; padding: 6.4px 10px;}
    .fee-details-bx .delete-row{background: #CC0000; border: none; color: white; padding: 7px 10px;}
	
.btn-continue{padding: 5px;font-size: 16px;line-height: 1.33;border-radius: 1px;    width: 100%; margin-top:10px}	

.selectbx{ float: left;margin-right:5px;width:27%;}
.selectbx select{ width:100%;}




.tc-bx{     margin: 10px 0; background: white;  padding: 10px;}
.tc-bx h4{ font-weight:600; margin-bottom:10px; color: #af2209;}
.tc-bx ul{ padding-left:18px}
.tc-bx ul li{} 

.inquiry-bx{   margin: 10px 0; background: white;  padding: 10px;}
.inquiry-bx h4{ font-weight:600; margin-bottom:10px; color: #af2209;}
.inquiry-bx p {
    font-size: 15px;
}




@media (min-width: 300px) and (max-width: 767px){
.logo{float: none; margin:auto; display:block}
.top-right-img{float:right; display:none}
.paynow-form .panel{ margin-bottom:10px}
.fee-details-bx select{ width:100%; margin-bottom:8px}
.fee-details-bx input{ width:100%; margin-bottom:8px}

.selectbx{ float: left;margin-right: 2px;width:49%;}
.left-bx{ width: 100%!important; float:none}
.right-bx{width: 100%!important; float:none}

}
@media (min-width: 768px) and (max-width: 1023px){
.logo{float:left; margin-left:10px; margin-top:10px}
.top-right-img{float:right; width:400px}
.paynow-form .panel{ margin-bottom:10px}
.fee-details-bx select{ width:100%; margin-bottom:8px}
.fee-details-bx input{ width:100%; margin-bottom:8px}
.selectbx{ float: left;margin-right: 2px;width:49%;}
.left-bx{ width: 48%; float:left}
.right-bx{width: 50%; float:right}


}
@media (min-width: 1024px) and (max-width: 1199px){
.logo{float:left; margin-left:10px; margin-top:10px}
.top-right-img{float:right; width:400px}

.fee-details-bx select{ width:100%; margin-bottom:8px}
.fee-details-bx input{ width:100%; margin-bottom:8px}
.selectbx{ float: left;margin-right: 2px;width:49%;}
.left-bx{ width: 48%; float:left}
.right-bx{width: 50%; float:right}

}





.btn-mini{display:block;width: 25px;margin-left:12px}