body,p,h1,h2,h3,h4,h5,span,a, label{font-family: 'Roboto', sans-serif !important;}
body{
	min-height:100% !important;
}

html{
min-height:100% !important; 
	border-bottom: none !important ;
    border-top: none !important;  
}
/*my new css after the developmengt start here  */
.ifnolinkpayment{
	min-width: 117px;
    text-align: center;
    margin-top: 5px !important; 
}
.pagination>li>a{
	    color: #000 !important;
}
.outer_validateaccount input{ font-family: 'Roboto', sans-serif !important; } 
.sign_form  input{ font-family: 'Roboto', sans-serif !important; } 
.fm-createAc input{ font-family: 'Roboto', sans-serif !important; } 
.Eachotp-screen2 input{ font-family: 'Roboto', sans-serif !important; 
height: 38px;
    border-radius: 2px;
 } 
 .data-content-box{
	 font-family: 'Roboto', sans-serif !important ;
 }
 .each-right-pagedetails input{ font-family: 'Roboto', sans-serif !important; color:#000;  border-radius: 2px;
 } 
  .each-right-pagedetails select{ font-family: 'Roboto', sans-serif !important; color:#000;  border-radius: 4px !important;
 } 
  .each-right-pagedetails textarea{ font-family: 'Roboto', sans-serif !important; color:#000;  border-radius: 2px;
 } 
 .btn_pay_now{
	 width: auto;
    color: #FFF !important ;
 }
 .for-same-h-input input{ height: 35px !important;
 padding: 6px 12px;
 }
  .for-same-h-input .each-row-spacing20 {
	  margin-bottom: 20px;
  }
 
 .each-datafilter-each .datepicker input{     border-radius: 2px !important;}
 
 .table-data-font{
	 font-family: 'Roboto', sans-serif !important; 
 }
.admin-signouter   input{ color: #000 !important; }
	.search_dashboard_btn{margin-top:22px !important;
    color: #FFF !important;
    border-radius: 2px !important;}
	
.pagination>.active>a{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #9B1D1B !important;
    border-color: #9B1D1B !important;
	    color: #FFF !important;
}
.admin-studentlist-actions{
	margin: 0px;
    padding: 0px;
    width: 290px !important;
}
.frame-small-center{
	box-shadow: none;
    border-radius: 6px;
    border: 2px solid #9B1D1B !important;
    background: #F9F9F9;
}
.frame-small-center input[type='password']{
    border-radius: 4px !important;
}
.admin-studentlist-actions li{
	    margin: 0px 0px 0px 15px;
    padding: 0px;
    display: inline-table;
    list-style-type: none;
}
.studentlist_mkapyment-btn{
    background: #ff9c00 !important;
    border: 2px solid #ff9c00!important;
    color: #FFF !important;
    /* min-width: 83px; */
    padding: 4px 10px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: bold !important;
    white-space: nowrap;
    float: left!important; 
	border-radius: 20px;
}
.each-strict-inpt_notreq {
    font-weight: 600;
    float: left;
    width: calc(100% - 77px);
    BORDER: 1px solid #ccc;
    padding: 0px 0px;
    line-height: 32px;
    background: #FFF;
    color: #000;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-left: -1px;
}
.each-strict-inpt_notreq  input{
	border:none; 
	width:100%; 
	height: 32px;
}

.input-for-audjustnent .form-control{
	height: 37px;
}

.number_ela_shade{ 
	background: #ededed;
    height: 35px;
    border-radius: 2px;
    padding: 6px 10px;
    border: 1px solid #ccc;
	color:#000;
	font-weight:bold;
}

.number_ela_shade2{ 
	background: #ededed;
    height: 35px;
    border-radius: 2px;
    padding: 6px 10px;
    border: 1px solid #ccc;
	color:#000 ;
	font-weight:normal; 
}
.error-username_exist{
	float: left;
    width: 100%;
    color: #ed141d;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
	font-family: 'Roboto', sans-serif !important;
}

.for_usemessages{
	    padding: 10px;
    margin: 10px 0px;
    background-color: #edf7f7;
    border-color: black;
    float: left;
    width: 100%;
    text-align: center;
    color: #f11010;
    font-weight: 600;
	font-family: 'Roboto', sans-serif !important;
}
.landingpage_flowsteps{
	width:1112px; 
	display:block;
	margin-left:auto;
	margin-right:auto;    
	
}
/*my new css after the developmengt ends here  */



.de_header {
	text-align: center;
	font-weight: 800;
	color:blue;
	font-family: Poppins;
	padding: 0px 0px 5px;
	font-size: 30px;
	width: 100%;
}

.de_header:before {
	border-style: solid;
	border-width: 4px 0 0 0;
	content: "";
	height: 1px;
	position: absolute;
	margin-top: 38px;
	margin-left: 160px;
	width: 70px;
	z-index: 5;
	border-color: #f07d00 !important;
}

.menu_container {
	left: 200px !important;
}

.de_para {
	text-align: center;
	font-size: 15px;
	font-family: poppins;
	font-weight: 500;
	padding: 5px 0px;
	width: 100%;
}

.de_box_para {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	font-family: poppins;
	line-height: 22px;
	padding: 14px 28px;
}

.de_box {
	text-align: center;
	margin: 45px 0px;
}

.sign_form {
	/* background-color: rgb(255, 255, 255); */
	/* box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3); */
	width: 100% !important;
	/* margin-right: 20px; */
	/* min-height: 440px !important;  */
	padding: 20px 30px 38px 30px;
	/* margin-bottom: 70px; */
	margin: auto;
	min-height: 329px;
}

.sign_form .error{
	margin-top:0px;
}

.register_form {
	/* background-color: rgb(250, 250, 250); */
	/* box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3); */
	width: 100% !important;
	padding: 0px 30px;
	/* min-height: 440px !important; */
	/* padding: 30px; */
	margin: auto;
	/* margin-bottom: 70px; */ 
}

.sign_form h1 {
	text-align: center;
	font-size: 19px;
	color: #c11a17;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	
	line-height: 45px;
	margin: 0px auto; 
}

.sign_form h4 {
	text-align: center;
	font-size: 16px;
	color: #e0dede;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin-bottom: 25px;
	margin-top: 0px;
}

.register_form h1 {
	text-align: center;
	font-size: 19px;
	color: #FFF; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	line-height: 45px;
	margin: 0px auto;
}

label {
	font-size: 15px !important;
	width: 100% !important;
	font-family: poppins !important;
	font-weight: 600 !important;
}

.login_btn {
	    border-radius: 5px !important;
    background-color: #9B1D1B;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #FFF;
    /* text-transform: uppercase; */
    font-family: 'Roboto', sans-serif !important;
    min-width: 125px;
    display: block !important;
    margin: auto;
    border-radius: 20px !important;
 
}




.login_btn-adminlog {
	    border-radius: 5px !important;
    background-color: #212121;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFF;
    /* text-transform: uppercase; */
    font-family: 'Roboto', sans-serif !important;
    min-width: 125px;
    display: block !important;
    margin: auto;
    border-radius: 20px !important;
 
}


.login_btn:hover{
	background: #D21E1B;
	color: #FFF !important;
}

.register_btn {
	border-radius: 5px !important;
    background-color: #D21E1B;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFF;
    /* text-transform: uppercase; */
    font-family: 'Roboto', sans-serif !important;
    width: 135px;
    display: block !important;
    margin: auto;
    border-radius: 20px !important; 
}

.register_btn:hover {
	background:#9B1D1B;
	color: #FFF !important;
}


.no_padding {
	padding: 0px !important; 
}

.page_body {
	margin: 0px auto;
}

.de_ul {
	margin-left: 65px;
	font-weight: bold;
	font-size: 15px;
	margin-top: 8px;
}

.de_ul li {
	font-weight: 700;
	padding: 5px 0px;
}

.otp_form {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3);
	width: 48%;
	margin-right: 20px;
	min-height: 200px;
	padding: 50px;
	margin-bottom: 70px;
	width: 100%;
	position: relative;
}

.otp_form h1 {
	color: #545454;
	font-size: 20px;
	font-weight: bold;
	/*text-decoration: underline;*/
	text-align: center;
	margin-bottom: 20px;
}

.otp_form p {
	text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #000;
    font-weight: normal; 
}

.otp_form p span {
	font-weight: bold;
}

.inner_menu {
	background: #f5ebe1;
	padding: 2px;
	color: #492a08;
	text-align: center;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 800;
	/* margin-top: 30px; */
}

.de_nav li {
	font-weight: 600;
    list-style: none;
    font-size: 16px;
    color: #32383d;
   border-bottom: 1px solid #363636;
    font-family: Poppins;
    /*padding: 10px 10px; */
    float: left;
    width: 100%;
}

.de_nav li:hover {
	background:#9B1D1B; 
cursor:pointer	
}

ul.de_nav {
	background: #212121; 
    padding: 15px 0px 0px 0px;
	/* border-right: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE; */
	height: 675px;
	/* min-height: 900px; */
	margin: 0px auto
}

.myprofile {
	background-image: url(../images/profile-new.png);
    /* height: 98px; */
    background-repeat: no-repeat;
    /* background-size: 50px; */
    background-position: 20px;
    padding: 12px 45px;
}

.changepass {
	background-image: url(../images/password_new.png);
  /* height: 98px; */
  background-repeat: no-repeat;
  /* background-size: 50px; */
  background-position: 20px;
  padding: 12px 45px;
}

.billpay {
	background-image: url(../images/billpayment_new.png);
  /* height: 98px; */
  background-repeat: no-repeat;
  /* background-size: 50px; */
  background-position: 20px;
  padding: 12px 45px;
}

.paidbill {
	background-image: url(../images/billpayment_new.png);
	  /* height: 98px; */
	  background-repeat: no-repeat;
	  /* background-size: 50px; */
	  background-position: 20px;
	  padding: 12px 45px;
}

.viewbill {
	background-image: url(../images/billpayment_new.png);
	  /* height: 98px; */
	  background-repeat: no-repeat;
	  /* background-size: 50px; */
	  background-position: 20px;
	  padding: 12px 45px;
}

.logout {
	background-image: url(../images/logout_new.png);
	  /* height: 98px; */
	  background-repeat: no-repeat;
	  /* background-size: 50px; */
	  background-position: 20px;
	  padding: 12px 45px;
}

.de_nav li a {
color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;

    width: 100%;
    float: left;
    padding: 13px 10px 11px 10px;
	 text-decoration:none;

}


.de_nav li a:hover {
	 text-decoration:none;
}

.page_title {
	font-weight: bold;
	text-transform: uppercase;
	color: #ff7300;
	margin: 30px 0px;
	font-size: 22px;
}

.page_title span {
	color: #545454;
}

.half_form {
	width: 50%;
}

.half_form label {
	width: 50%;
	padding: 0px 15px;
	text-align: right;
	font-size: 13px;
	font-weight: 600;
}

.half_form input,
.half_form select {
	width: 50%;
}

.pay_sucess {
	border: 1px solid #e2e2e2;
	min-width: 200px;
	min-height: 300px;
	float: left;
	font-family: 'Roboto', sans-serif !important;
	color: #000;

}

.pay_sucess p {
	text-align: center;
	margin: 50px 0px 20px;
	font-weight: bold;
	font-size: 16px;
	color: #545454;
}

.pay_sucess span {
	font-size: 18px;
	padding: 20px;
	float: left;
	font-weight: 600;
}

.policy_div {
	padding: 10px 20px;
	font-size: 24px;
	font-weight: bold;
	color: #2c2c2c;
	background: #EFEFEF;
	border-top: 1px solid #545454;
	border-bottom: 1px solid #545454;
}

.policy_head {
	font-size: 16px;
	font-weight: bold;
	padding: 12px 20px;
	color: #545454;
}

.div_img {
	margin-top: 45px;
	text-align: center;
}

.pay_details {
	text-align: right;
	font-size: 14px;
	font-weight: 600;
	padding-top: 25px;
	line-height: 20px;
}

a.view_btn {
	border: 2px solid #ff7300;
	padding: 4px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
}

a.cus_view_btn {
	border: 2px solid #ff7300;
	padding: 4px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
}

a.cus_view_btn:hover {
	border: 2px solid #ff7300;
	padding: 4px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
	background-color: #ff7300;
	color: white;
}

a.down_btn {
	border: 2px solid #337ab7;
	padding: 4px 13px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF !important;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td,
.table>thead:first-child>tr:first-child>th {
	font-size: 12px !important;
}

div.dataTables_wrapper div.dataTables_length label {
	display: none;
}

div.dataTables_wrapper div.dataTables_filter label {
	text-align: right !important;
	font-size: 13px;
}

.pagination {
	font-size: 10px;
}

ul.nav-tabs {
	background: #F4F4F4;
}

ul.nav-tabs li a {
	text-align: center;
	padding: 8px 25px;
}

ul.nav.nav-tabs {
	padding-left: 65px;
}

.viewincart {
	box-shadow: 1px 2px whitesmoke;
	padding: 10px;
	margin: 10px 0px;
	background-color: #ffe3db;
	border-color: black;
	float: left;
width: 100%;
}

.cart_btn {
	border: 2px solid #ff7300;
	padding: 4px 13px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
	color: white!important;
	background-color: #ff7300;
}

.cart-tab {
	background-color: #F8F8F8;
	padding: 20px 30px 60px;
}

.carttable {
	background-color: white;
	box-shadow: 0px 17px 69.6px 17.4px rgba(0, 0, 0, 0.1);
}

.cart_row {
	padding: 8px;
	line-height: 5;
	vertical-align: middle !important;
	border: none !important;
	text-align: center;
}

.cart_lbl {
	font-weight: 600;
	color: #ff7300;
}

.cart_text {
	font-weight: 600;
}

.cart_pay_btn {
	padding: 20px;
	float: right;
}

.main_admin_dashboard {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.search_btn {
	border-radius: 0px !important;
	margin: 0px 20px;
	font-weight: 600;
	background-color: #ffe3db;
}

.clear_btn {
	border-radius: 0px !important;
	margin: 0px 20px;
	font-weight: 600;
	background-color: #e76ddd !important;
}

.export_btn {
	border-radius: 0px !important;
	margin: 0px 20px;
	font-weight: 600;
	background-color: #ffe3db;
}

.admin-menu {
	background-color: #212121;
}

.admin-menu ul li a {
	color: white;
	display: block;
	text-decoration: none;
	font-weight: 500;
	font-size: 15px;
	font-family: 'Roboto', sans-serif !important;
	padding: 12px 15px;
	font-family: 'Roboto', sans-serif;
}
.admin-menu ul li a img{
	margin-right:5px;
	margin-top: -2px;
}

.admin-menu ul {
	padding: 25px 0px;
	margin: 0px auto;
	/* min-height: 810px; */
	min-height: 600px;
}

.admin-menu ul li {
	list-style: none;
	margin: 0px 0px;
	border-bottom: 1px solid #363636;
}


.admin-menu li a i {
    content: "\f007";
    color: #FFF;
    font-size: 16px;
    margin-right: 7px;
}

.admin-menu a:hover {
	background: #9B1D1B;
    cursor: pointer;
}

.admin-menu a.active {
	background-color: #4CAF50;
	color: white;
}

.admin_logout {
	border-top: 1px solid white;
	bottom: 0px;
	position: absolute;
	width: 90%;
	margin: 0px auto !important;
}



.admin_pagination {
	margin-top: 170px;
}
.admin_pagination nav ul {
	border-radius: 0px;
}
.admin_pagination pagination-lg>li>a .aact {
	background-color: yellow;
}
.nav_icon {
	padding: 10px 15px;
}
.logout_icon {
	transform: rotate(180deg);
}
.status_active {
	color: green;
	font-weight: 600;
}
.status_inactive {
	color: red;
	font-weight: 600;
}
.full_customer_details {
	margin: 20px;
	width: 60%;
	padding: 30px 20px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3);
}
@media screen and (max-width: 375px) {
	.full_customer_details {
		margin: 20px;
		width: 80%;
		padding: 30px;
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3);
	}
}
.cust_cancel {
	width: 120px;
	border-radius: 0px;
	color: white;
	background-color: #3c4038;
	border: 1px solid #3c4038;
	font-weight: 700;
	margin-top: 40px;
	margin: 0px 30px;
}
.cust_update {
	width: 120px;
	border-radius: 0px;
	color: white;
	background-color: #ff7300;
	border: 1px solid #ff7300;
	font-weight: 700;
	margin-top: 40px;
	margin: 0px 30px;
}
.lbl_right {
	text-align: right;
	font-weight: 600;
	color: black;
	padding: 15px;
	font-size: 14px;
}
.td_right {
	font-weight: 600;
}
.active_right {
	color: green;
}
.de_box img {
	width: 95%;
}
input,
select,
textarea {
	padding: 8px 5px;
	width: 100%;
	line-height: 30px;
	border-radius: 5px;
	border: 1px solid #DEDEDE;
	font-weight: 500;
}
.error {
	color: red;
	margin: 10px auto;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}
.forgot_pwd {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-top: 15px;
}
.form-group {
	height: 85px !important;
}
.form-group.no-label {
	height: 60px !important;
}
.special-label {
	height: 85px !important;
}
.glyphicon-remove:before,
.glyphicon-ok:before {
	display: none;
}
.help-block {
	color: red !important;
	font-weight: normal; 
	font-family: 'Roboto', sans-serif !important;
	margin-top: 1px;
}
.no_padding {
	padding: 0px;
}
.full_customer_details .col-md-5 label {
	text-align: right;
	color: #000;
	margin: 5px 0px;
}
.full_customer_details .col-md-7 {
	margin: 5px 0px;
	text-align: left;
	color: #838383;
	font-weight: 600;
}
.back_button {
	color: #545454;
	float: right;
	margin: 15px;
	font-weight: bold;
}
.alert {
	font-weight: bold;
	text-align: center;
}
.status_inactivestatus_active {
	font-weight: bold;
	color: red;
}
.pdf_policy_head {
	font-size: 18px;
	font-weight: 600;
	padding: 20px;
	color: #545454;
	font-family: poppins
}

.de_nav .active  {
	color: #e6003b !important;
	background-color: #e5dfcb;
}
.de_nav .active a {
	color: #e6003b;
}
.admin-active {
	background: #e6003b;
}
@media screen and (max-width: 919px) {
	.form-group {
		height: 100px !important;
	}
	
	.de_header {
		font-size: 165% !important;
	}
	
	.de_header:before {
		margin-top: 30px;
		margin-left: 32%;
	}
	
	.de_para {
		font-size: 13px !important;
		padding: 5px 15px !important;
	}
	
	.sign_form {
		width: 100% !important;
		min-height: 360px !important;
		padding: 10px 8%;
	}
	
	.register_form {
		width: 100% !important;
		margin-left: 0px !important;
		min-height: 525px !important;
		padding: 10px 3%;
	}
	
	.register_btn {
		margin-top: 15px !important;
	}
	
	.otp_form {
		min-height: 200px !important;
	}
	
	.page_title {
		font-size: 16px !important;
		padding-top: 20px;
	}
	
	form {
		margin-bottom: 20px !important;
	}
	
	.col-md-6 label,
	.col-md-4 label {
		text-align: left !important;
	}
	
	.admin-menu ul {
		min-height: 285px !important;
		/* min-height: 400px !important; */
	}
	
	.policy_head {
		width: 50% !important;
		float: left;
	}
	
	.pay_sucess p {
		font-size: 13px;
	}
	
	.main_admin_dashboard {
		margin-bottom: 20px;
	}
	
	.pay_sucess {
		margin-bottom: 20px;
	}
	
	.full_customer_details {
		width: 100% !important;
		margin: 0px auto;
	}
	
	.full_customer_details .col-md-5 label {
		text-align: left;
	}
	
	.dtr-title table {
		display: none;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
	.form-group {
    height: 120px !important;
}
#Footer_3 p{
	text-align:left !important;  
}
/*.register_form, .sign_form{
	min-height:470px !important;
} */


}
 
@media screen and (max-width:414px) {
	.form-group {
    height: 100px !important;
}
}

@media screen and (max-width: 1000px) {
	.form-group {
    height: 100px !important;
}
}

@media screen and (max-width: 768px) {
	.form-group {
    height: 100px !important;
}
a.view_btn{
	font-size:13px !important;
}
}

@media screen and (max-width: 850px) {
	.form-group {
    height: 78px !important;
}
}

@media screen and (max-width: 650px) {
	.form-group {
    height: 100px !important;
}
}

@media screen and (max-width: 550px) {
	.form-group {
    height: 100px !important;
}
}

@media screen and (max-width: 480px) {
	.form-group {
    height: 100px !important;
}
}

@media screen and (max-width: 414px) {
	.form-group {
    height: 100px !important;
}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
	.form-group {
    height: 100px !important;
}
}

@media screen and (max-width: 325px) {
	.form-group {
    height: 100px !important;
}
.cart-tab {
       font-size: 10px;
}
}
@media only screen and (min-device-width: 411px) and (max-device-width: 731px) {
.form-group {
    height: 90px !important;
}
}

@media only screen and (min-device-width: 412px) and (max-device-width: 732px) {
	.form-group {
    height: 84px !important;
}
}

@media screen and (max-width: 919px) {
	.cart_btn {
		display: flex;
		justify-content: center;
		text-align: center;
		margin: 10px auto !important;
		width: 100%;
		float: left;
	}
	.backbtn{
		margin: 10px auto !important;
	}
	.pwdbg{
		margin-top:-10px !important;
	}
	.cart-tab{
		padding:0px !important;
	}
	
}
.backbtn{
	margin-top: -65px;
	float: right; 
}
.pwdbg{
	width:100%;
	margin-top: -25px;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1){
	.de_box {
    margin: 0px 30%;
    width: 45% !important;
    float: left;
    margin: 2%;
}
  }


    /* St Augustian colleg Css start here*/

	@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;500;600;700&family=Roboto:ital,wght@0,400;0,500;0,900;1,100;1,300&display=swap');
	
.full-width{ 
	float: left;
	width: 100%;
}

.each-payment-outer-icon{
	float: left;
    width: 289px;
    background: #e6003b;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    padding: 5px 20px 10px 20px;
}

.each-w-auto{
	width: auto !important;
}

.each-payment-outer-icon p{
	font-size: 18px;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    line-height: 23px;
    margin: 0px 0px 5px 0px;
    padding: 0px;

}
.each-payment-outer-icon img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.each-payment-outer-contnet{
color: #000;
    font-size: 14px;
    width: 100%;
    float: left;
    /* border: 1px solid #e0e0e0; */
    padding: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-align: center;
    margin: 73px 0px 0px 0px;
    /* background: #f1fdf0;*/
}

.each-payment-outer{
	margin-top: 20px;
}

.outer_cards{

	font-family: 'Roboto', sans-serif;
    font-weight: 500;
	color: #000;
	line-height: 20px;
	text-align: center;
	

}
.outer_cards  ul{
	margin: 60px 0px 0px 0px;
	padding: 0px;
}

.outer_cards  ul li{
	margin: 0px 30px 0px 0px;
	padding: 0px;
	background: #f2f2f2;
	box-shadow: -1px -1px 5px 0px rgba(145,145,145,0.75);
-webkit-box-shadow: -1px -1px 5px 0px rgba(145,145,145,0.75);
-moz-box-shadow: -1px -1px 5px 0px rgba(145,145,145,0.75);
width: 22.7%;
list-style: none;
display: inline-table;
padding: 20px;
float: left;
position: relative;

}


.outer_cards  ul li:last-child{
	margin: 0px 0px 0px 0px;
}

.outer_cards img{
	width: 80% !important;
	margin-bottom: 20px;

}


.outer_cards p{
	text-align: center;
}


.outer_cards h2 {
	color: #e6003b;
    font-size: 20px;
    margin: 16px 0px;
    padding: 0px;
}

.Each-Posicon{
	position: absolute;
    background: #f3e9ca;
    border: 1px solid #c5c5c5;
    border-radius: 20px;
    top: -17px;
    width: 118px;
    line-height: 32px;
    font-size: 20px;
    font-weight: 600;
    left: 25%;
}

.each-sign-form{
	margin-top: 30px;
	margin-bottom: 30px;
}

.fm-signin{
	background: #f7f7f7; 
	border: 1px solid #e1e1e1;
	font-family: 'Roboto', sans-serif;
	/* min-height: 380px !important; */
}

.fm-createAc{
	background: #212121;
    border: 1px solid #e1e1e1;
   padding: 20px 0px 33px 0px;
	float: left;
    width: 100%;
	min-height: 332px !important;
	/* min-height: 380px !important; */ 
}


.sign_form .form-group.no-label{
	height: auto !important; 
	margin-bottom: 19px !important;
}

.sign_form .form-control{
	height: 38px;
	border-radius:4px; 
}

.payment-popup12{
	font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 288px;
    float: none;
}

	.newpopup1 .modal-header .close {
    margin-top: -35px;
    font-size: 44px;
    color: #000;
    opacity: 1;
    font-weight: 600;
}



.forgot-Pass-st{
	color: #c11a17 !important;
  
    margin-top: 20px;

}
.forgot-Pass-st:hover{
text-decoration: underline;
color: #212121 !important;
}


.forgot-Pass-st:hover{
color: #3d3d3d;
}



.register_form .form-group{
	height: auto !important;
	margin-bottom: 19px !important;
}

.register_form .form-control{
	height: 38px;
	border-radius:4px; 
}

.each-inner-headding{
background: #E5E6E1;
    border-left: 10px solid #3c3b3b;
    font-size: 18px;
    color: #000;
    margin: 3px 0px 23px 0px;
    padding: 0px 0px 0px 10px;
    line-height: 38px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif !important;
    float: left;
    width: 100%;
    position: relative;
}
	




.fonr_nefont{
	font-family: 'Roboto', sans-serif !important;
}

.fonr_nefont label{
	font-family: 'Roboto', sans-serif !important;
	color: #000!important;
	font-weight:normal!important;
}

.each-headding-address{
	text-transform: uppercase;
    text-decoration: underline;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    margin: 4px 0px 2px 0px;
}

.fonr_nefont .form-group{
	height: 60px !important;
	margin-bottom: 19px;
}

.field-padding-left{ 
	padding-left: 0px !important; 

}

.font-text-trnone{
	text-transform: none;
}

.each-inner-headding span {

	color:#ff9c00;
}

.bg_forgotpass{
	background: #f7f7f7;
	border: 1px solid #e2e2e2;
	padding: 35px 0px;
	margin-top: 38px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
}

.pattern_requiredfiled{
	color:#f00642;
}

.each-padd-r-0{
	padding-right: 0px !important;
}

.each-lable-pattern{
	font-family: 'Roboto', sans-serif !important;
    color: #000;
	font-size: 14px;
	font-weight:normal;
	
}

.mb-0-formgroup{
	margin-bottom: 0px !important;
}

.mt-maibutton{
	margin-top: 20px;

}

.newfont-family{
	font-family: 'Roboto', sans-serif !important;
}


.formlabel_new label{
	font-family: 'Roboto', sans-serif !important;
    color: #000000;
    font-weight: normal !important;
}

.formlabel_new .form-control{
	border-radius:4px !importnat;
	border:1px solid #ccc;
	box-shadow:none !important;
	
}

.each-mb-15{
	margin-bottom: 15px; 
}

.each-filter-ouer input[type='text'] {
 border-radius:4px !important;
}
.each-filter-ouer input[type='select'] {
 border-radius:4px !important;
}


.formlabel_new select.form-control{ width: 100% !important;}

.textearea_new{
	resize: none;
	min-height: 65px;
}
.table-color-aggree{
	color:#f00642;
}

.font-newhiint{
	text-align: right;
	font-size: 13px;
	color: #949494;
	font-family: 'Roboto', sans-serif !important;

}



.btn_view_new{
background: #dff0d8 !important;
border: 2px solid #9fba94 !important;
color: #000 !important;
/* min-width: 83px; */
padding: 4px 10px !important; 
text-decoration: none !important;
font-size: 14px !important;
font-weight: normal !important;
white-space: nowrap;
}

.btn_view_new:hover{
	background: #b3c0ad; 
	border: 2px solid #345129 !important;
}

.btn_view_new a{
	text-decoration: none !important;
}

.each_newtable_font{
	font-family: 'Roboto', sans-serif !important;

}




table.table-bordered.dataTable tbody td {
	font-size: 14px !important;
}

.table>thead:first-child>tr:first-child>th{
	font-size: 14px !important;
}



.btn_download_new{
	background: #32759b !important;
	border: 2px solid #32759b !important;
	color: #FFF !important;
	/* min-width: 83px; */
	padding: 4px 22px !important;
	text-decoration: none !important;
	font-size: 14px !important;
	font-weight: normal!important ;
	}

	.btn_download_new:hover{
		background: #164a68 !important;}


		.manage-backbutton{
		width: 85px;
    background: #FFF;
    height: 34px;
    border-radius: 30px;
    margin-top: -15px;
    color: #FFF!important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    border: 1px solid #212121;
    margin-right: 10px;
    background: #212121;
}

.manage-backbutton a{
	text-decoration:none!important ;
}


.manage-backbutton:hover{
	background:#9B1D1B;
	border: 1px solid #9B1D1B;
	text-decoration:none!important ;
}

.fonr_nefont2 .form-group{
	height: auto !important;

}

.know-eachuser{
	margin-top: -58px;
    background: #f5f2e9;
    width: 100.4%;
    position: absolute;
    margin-left: -16px;
    /* border-left: 1px solid #f5f2e9;
    border-right: 1px solid #f5f2e9; */
	border: 1px solid #c5c3bf ;
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.know-eachuser span {
	color: #448f13cc;
}
.fonr_nefont2{
	font-family: 'Roboto', sans-serif !important;
}

.fonr_nefont2 label{
	font-family: 'Roboto', sans-serif !important;
	color: #333333;
}

		
.pay_sucess img{
	width: auto !important;

}

.pay_details{
	font-weight: normal;

}

.invioce_eachheadding{
	background: #9B1D1B;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    font-size: 16px;
    color: #FFF;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
}



.Each-feedeatils{
	padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    float: left;
    width: 185px;
    background: #e6003b;
    margin-top: 25px;
}

.Each-feedeatils:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #e6003b;
	}


	.arrow_new{
		position: relative;
    background: #e6003b;
    height: 40px;
    line-height: 21px;
    margin-bottom: 10px;
    text-align: left;
    color: #fff;
	  }

	  .eachrow_details{
		float: left;
		width: 100%;
		border-bottom: 1px solid #dadada;
	  }

	  .eachrow_details .policy_head{
		font-size: 15px;
		font-weight: normal;
		color: #000;
		padding: 6px 20px;
	  }

	  .each-filter-buttons{
		margin: 19px 0px 51px 29px;
	  }

	  .Eachotp-screen1{
		display:block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		/* background: #f5f2e9; */
		float: none !important;
		font-family: 'Roboto', sans-serif !important;
		/* margin-top: 50px; */
		margin-bottom: 50px;
	  }
	  .Eachotp-screen2{
		margin-top: 40px;
		background: #F9F9F9;
    box-shadow: none;
    border-radius: 6px;
    border: 2px solid #9B1D1B;
	
		
	
	  }

	  
	  .Eachotp-screen1 h1{
		color: #e6003b;
		text-decoration: none;
		font-size: 22px;
		margin-bottom: 8px;
		margin-top: 0;
	  }

	  .Eachotp-screen1 input{
		text-align: center;
		font-family: 'Roboto', sans-serif !important;
		color: #000;
		font-size: 16px;
	  }

	  .Eachotp-screen1 .login_btn{
		text-transform: none;
	  }

	  .Otp-resend{
		color: #000 !important;
		text-decoration: underline;
		font-weight: 16px !important;
		font-weight: 600;
	  }

	  .btenmark{
		margin-top: 30px;
    position: relative;}

	.cap-arrow1{

		background-image: url(../images/cararrow-signin.png) ;
		background-repeat: no-repeat;
		height: 114px;
    width: 110px;
    position: absolute;
    left: 0;
    top: 0;
   
	}


	.cap-arrow2{

		background-image: url(../images/cararrow-create.png) ;
		background-repeat: no-repeat;
		height: 114px;
    width: 110px;
    position: absolute;
    right: 0;
    top: 0;
    
	}

	.headding_password{
	    float: left;
    width: 100%;
    /* background: #064401; */
    color: #9B1D1B;
    font-size: 21px;
    text-align: center;
    position: absolute;
    line-height: 40px;
    margin-top: 25px; 
    left: 0;
    top: 0;
    font-weight: 600;
	}
	
		.headding_password2{
	    float: left;
    width: 100%;
    /* background: #064401; */
    color: #9B1D1B;
    font-size: 21px;
    text-align: center;
    position: absolute;
    line-height: 40px;
    margin-top: 45px; 
    left: 0;
    top: 0;
    font-weight: 600;
	}
	.each-ceratepass-place{
		margin-bottom: 0px !important;
	}

	.each-ceratepass-place input{
		font-size: 15px;
		text-align:left !important;
	
	}
	
	.each-ceratepass-place label{
		font-size: 15px;
		font-weight:normal!important;
		color:#000!important;
	
	}
	.mt-30-cpaword{
		margin-top:30px;
	}

	.mt-15-cpaword-btn{
margin-top: 15px;
	}

	.each-password-hint{
		/*background: #efefef;
		border: 1px solid #ccc;
		padding: 25px;*/
		    float: left;
    margin: 30px 0px 0px 0px
		
	}

	.each-password-hint ul{
		margin: 0px;
		padding: 0px;

	}

	.each-password-hint ul li{
		margin: 0px;
    padding: 0px;
    display: block;
    list-style-type: none;
    color: 000;
    line-height: 20px;
	font-family: 'Roboto', sans-serif !important;
	font-size:14px;
	color:#000;
	}


	.each-password-hint span{
		float: left;
		margin-right: 7px;
		margin-top: -1px;
		color: #7b7878;
	}

	.each-password-hint p{
		font-weight: 600;
    color: 000;
    margin: 0px 0px 3px 0px;
	font-size: 14px;
	}

	.each-forgotpass-outer{
	    width: 450px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	background:#f9f9f9;
	}
.mt-dist-40{
	margin-top: 40px;
}

.mt-dist-30{margin-top: 30px;}
/* asda */

/* admin side pages */
.admin-signouter{
background: #f6f6f6;
    margin-top: 50px;
    margin-bottom: 40px;
    width: 100% !important;
    padding: 50px 50px;
    border: 1px solid #e5e5e5;
	position: relative;
	    min-height: 360px;


}

.admin-signouter .hedaaing_small{
	color: #373737;
}

.con-ui-chnages{
	font-family: 'Roboto', sans-serif !important;
}

.unic-font{
	font-family: 'Roboto', sans-serif;
}


.admin-fmbutton{
	border-radius: 5px !important;
    background-color: #e6003b;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    min-width: 177px;
    display: block !important;
    margin: auto;
    text-transform: none;
    height: 36px;
}


.admin-exportbutton{
	border-radius: 5px !important;
    background-color: #434340;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    min-width: 177px;
    display: block !important;
    margin: auto;
    text-transform: none;
    height: 36px;
}


 .form-group.side_admin {
    height: 64px !important;
}

 

.btn_view_new {
background: #086001 !important;
    border: 2px solid #086001!important;
    color: #FFF !important;
    /* min-width: 83px; */
    padding: 4px 10px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: bold !important;
    white-space: nowrap;
	    float: left; 
}

.btn_view_new:hover{
	background: #ead0ab !important;
	    border: 2px solid #ead0ab!important;
		color:#000 !important;
}


.admin_editdeatials_btn {
    background: #FFF !important;
    border: 2px solid #e6003b !important;
    color: #000 !important;
    /* min-width: 83px; */
    padding: 4px 22px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    white-space: nowrap;
}

.header-bg-stcollege{
		/*background-image: url(../images/ELA-banner.jpg) ;*/
			/*background-image: url(../images/ELA-banner_new_revised2.jpg) ; */
			/*background-size:cover;*/
		/* min-height: 150px; */
}

.header-bg-stcollege img{ 
	margin: 10px 30px;
}


.mainheader-bg-stc{
	background: #FFF !important;
	border-bottom: 15px solid #ff9f1a!important; 
	margin-bottom: 40px;
	border-left:none;
	border-right:none;
	border-top:none;
}

.st-footer-contacts{
	box-shadow: -12px 0 24px -8px rgb(0 0 0 / 52%);
	margin-top: 50px;
	padding: 12px 0px;
	float: left;
	width: 100%;
}

.st-fotter-social{
	margin:0px;
	padding: 0px;
	
}

.st-fotter-social li{ 
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.st-fotter-social li a{
	margin: 0px 8px 0px 0px;
	padding: 0px;

}
.st-fotter-social li .fa{
	color: #e6003b;
	background: none;
	font-size: 17px;
}


.st-fotter-con{
	margin: 0px;
	padding: 0px;
}

.st-fotter-con li{ 
	display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 13px;
	font-family: 'Roboto', sans-serif !important;
}

.st-fotter-con li .fa{
	margin-right: 5px;
}

.st-fotter-con li:first-child{
	margin-right: 15px;
}

.st-fotter-con li a{
	color: #e6003b;
}

.st-footer-mainlogo{
	background: #e6003b;
	padding: 70px 0px;
}


.footer-menu-stcol{
	margin: 0px;
	padding: 0px;
	text-align: center;
}


.footer-menu-stcol li{
	margin: 0px 20px ;
	padding: 0px;
	display: inline-table;
}

.footer-menu-stcol li a{
    color: #FFF;
    font-family: 'Lora', serif;
    font-size: 15.5px;
    text-transform: uppercase;
    font-weight: 600;
	text-decoration: none;
}

.padding-fottershade{
	/* padding-bottom: 11px; */
}

.ftr_logo1 img{

	display: block;
	margin:50px auto 0px auto;
	max-width: 256px;
	
}


	.social-fterlogo{
		float: left;
		width: 100%;
		text-align: center;
	}


	.social-fterlogo-icon{
		margin:15px 0px 0px 0px;
		padding: 0px;
		
	}
	
	.social-fterlogo-icon li{ 
		display: inline;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	.social-fterlogo-icon li a{
		margin: 0px 8px 0px 0px;
		padding: 0px;
	
	}
	.social-fterlogo-icon li .fa{
		color: #FFF;
		background: none;
		font-size: 21px;
		
	}


	.fotter-copyrights-new{
		padding: 10px 0px;
		float: left;
		width: 100%;
		text-align: center;
    text-transform: none;
    font-size: 14px;
		color: #FFF;
		background: #000;
		font-family: 'Roboto', sans-serif !important;
		
	}

	
		.fotter-copyrights-new a{
			color:#FFF !important;
			text-decoration: none;

		}

		.fotter-copyrights-new a:hover{
			text-decoration: none;

		}

		.inmen_floated{
			    margin-bottom: 0px !important;
    background: #9B1D1B;
    float: left;
    width: 100%;
    text-align: center;
    color: #FFF;
    padding: 0px 0px;
    line-height: 41px;
    font-size: 17px;
    font-weight: 600;
	text-transform:none;
	font-family:Roboto, sans-serif;
	
	
		}
	

		.mainheader{ border-top:none !important}

		.formt-admin-user .form-group{
			height: 55px !important;
			margin-bottom: 1px !important;
		
		}
		
		.formt-admin-user  label {
			font-family: 'Roboto', sans-serif !important;
			color: #333333;
			font-size: 14px;
		}
		.each-row-spacing20{
			margin-bottom: 25px;
		}

		.each-row-spacing17{
			margin-bottom: 17px;
		}

		.txt-trn{
			text-transform: none !important;

		}

		.btn_adduser{
			background: #337ab7;
			border: 1px solid #337ab7;;

		}


		.formt-admin-user-edit .form-group {
			height: 38px !important;
			margin-bottom: 1px !important;}


			.formt-admin-user-edit  label {
				font-family: 'Roboto', sans-serif !important;
				color: #333333;
				font-size: 14px;
			}



	/* for grid pagenation */
	.unic-font .dataTables_wrapper .dataTables_paginate .paginate_button{
		padding:0px;
	}

	.unic-font .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
		background: none;
    border: 1px dotted #ccc; 

	}
	.unic-font .dataTables_wrapper .dataTables_paginate .paginate_button a{
		font-size: 14px;
	}
	.stcollege-details_customer{


		font-family: 'Roboto', sans-serif !important;
    margin-top: 100px;
    margin-left: 19%;

	}

	.stcollege-details_customer .col-md-5 label{
		font-family: 'Roboto', sans-serif !important;
	}


	.cust_update_newbtn {
		width: 159px;
		border-radius: 6px;
		color: white;
		background-color: #e6003b;
		border: 1px solid #e6003b;
		font-weight: 700;
		margin-top: 40px;
		margin: 0px 30px;
	}




	.login_btn_popup { 
		border-radius: 5px !important;
		background-color: #e6003b;
		font-size: 16px !important;
		font-weight: bold !important;
		color: #FFF !important;
		text-transform: uppercase;
		font-family: 'Roboto', sans-serif !important;
		width: 137px;
		display: block !important;
		margin: auto;
		display: block;
		text-align: center;
		line-height: 35px;
		text-decoration:none ;
	}
	.login_btn_popup:focus {
		text-decoration:none ;
	 }

	 .each-model-mb-3{
		padding: 20px 20px 3px 20px !important;
	 }

	 .reset-passscreen-email{
		text-align: center;
		background: #edeacf;
		font-weight: 600;
		line-height: 36px;
		color: #000;
		border: 1px solid #ccc;
		float: left;
		width: 100%;
		z-index: 9999;
		position: relative;
	 }

	 .reset-passflow h1{
		margin: 7px 0px 9px 0px;
			text-decoration: none;
	 }

	/* responsive css start here */
@media (min-width: 320px) and (max-width: 767px) {

	.ediuser12{ 
		margin-top:15px !important;
	}

	.mobile-nottofloat{
		float: none !important;
	}

	
	.admin-mobile-datespace {
		margin-bottom: 20px;
	}

	.admin-mobile-fild-apdd-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.stcollege-details_customer{
		margin-left: 0px;
float: left;
		margin-top: 22px;
	}

	.btngrp-mobile{
		margin-bottom: 15px;
	}

	.header-bg-stcollege{
		min-height: auto !important;
		margin-bottom: 25px;

	}

	.mobile-bg-float{
		float: left;
		width: 100%;

	}
	.st-fotter-con li{
		width: 100%;
		margin-bottom: 8px !important;
		float: left;
	}
	.footer-menu-stcol li{
		width: 31%;
	}

	.footer-menu-stcol li a{
		line-height: 35px;
	}

	.fotter-copyrights-new{
		text-align: center;
	}

	.fotter-copyrights-new  .col-md-6.text-right{
		text-align: center;
		margin-top: 5px;
	}

	
	.mibile_devnav{
		min-height:auto!important;
    height: auto! important;
    margin: 22px auto !important; 
    float: left;
    width: 100%;
	padding: 0px 0px 0px 0px !important; 
	}

	.each-payment-outer-icon{
		width: 100%;
	}
	.each-payment-outer-contnet{
		width: 100%;
	}

	.outer_cards ul li{
		width: 100%;
		margin-bottom: 40px;
	}

	.Each-Posicon{
		width: 200px;
    margin: auto auto auto -10px;
	

	}

.fm-signin{
	margin-bottom: 30px;
}

.register_form{
	min-height: auto !important;
}



.field-padding-left{
	padding-left: 15px !important; 
}

.mt-mobile{
	margin-top: 50px
}

.bg_forgotpass .each-lable-pattern{
text-align: left !important;
}

.bg_forgotpass{
	margin-bottom: 41px;
}

.login_btn_mobile{
	margin-bottom: 50px !important;
}
.invioce_eachheadding{
	line-height: 27px;
}

.margin-btm-btns-10{
	margin-bottom: 15px; 
}

.Eachotp-screen2{
	margin-top: 35px;

}

.each-password-hint p {

    margin: 0px 0px 8px 0px;
    text-align: left;
    line-height: 18px;
}

.each-forgotpass-outer{
	width: 85%;
}

.mt-dist-40{
	margin-top: 5px;
}

.mt-uneven{
	margin-top: 100px;
}

.select-uneven select.form-control{
width: 100% !important;
}

.mobile-full-width{
	float: left;
	width: 100%;
}

.fromobile-spacing .col-md-6{
	margin-bottom: 13px;
}

.mobile-fileds-mb{
	margin-bottom: 25px;

}

.mobile-fileds-floated{float: left; 
	width: 100%;}
	.formt-admin-user{
		margin-bottom: 25px;
	}
}



@media (min-width: 768px) and (max-width: 991px) {

	.mobile-nottofloat{
		float: none !important;
	}


	.admin-mobile-datespace {
		margin-bottom: 20px;
	}

	.admin-mobile-fild-apdd-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.stcollege-details_customer{
		margin-left: 0px;
float: left;
		margin-top: 22px;
	}

	.mobile-fileds-floated{float: left;
		width: 100%;}
		.mobile-fileds-mb{
			margin-bottom: 25px;
		
		}

		.field-padding-left {
			padding-left: 15px !important;
		}

	.Eachotp-screen2{
		margin-top: 75px;
	
	}

	.mibile_devnav {
		min-height: 340px !important;
		height: 340px !important;
		margin: 22px auto !important;
		float: left;
		width: 100%;
	}

	.select-uneven select.form-control{
		width: 100% !important;
		}

		.mobile-bg-float {
			float: left;
			width: 100%;
		}

		.bg_forgotpass .each-lable-pattern {
			text-align: left !important;
		}


		.outer_cards ul li{
			background: #9B1D1B;
    padding: 20px 15px;
    list-style: none;
    margin-right: 15px;
    width: 22.9%;
    display: inline-table;
    color: #FFF;
		}
		.each-payment-outer-icon{
			padding: 29px 20px 10px 20px;
			min-height: 152px;
		}

		.register_form{
			min-height: auto !important;
		}

		.tab_eachmt-95{
			margin-top: 95px;
		}

		.tab_eachmt-50{
			margin-top: 50px;
		}
		.tab-each-full-width	{
			float: left;
			width: 100%;
		}
		
		.tab_eachmt-20{
			margin-top: 20px;
		}
		
}


@media (min-width: 992px) and (max-width: 1024px)  {
	.admin-fmbutton{
		min-width: 143px !important;
	}

	.admin-exportbutton{
		min-width: 143px !important;
	}

	.outer_cards ul li{
		width: 45.7%;
		min-height: 404px;
		margin-bottom: 40px;
	}
	.each-payment-outer-icon{
		padding: 29px 20px 10px 20px;
		min-height: 152px;
	}

	.register_form{
		min-height: auto !important;
	}

	.sign_form{
		min-height: auto !important; 
	}


}

@media (min-width: 992px) and (max-width: 1199px)  {

	
}




/* view page css start here  */

.border-lable-each{
	border: 1px solid #ccc;
	
}
.Lable-Input{
	    float: left;
    width: 300px;
    background: #f2f2f2;
    padding: 10px; 
}
.Lable-Input-Details{
	  float: right;
    width: calc(100% - 300px);
	  padding: 10px; 
}

.data-insert1 table {
	  border-collapse: collapse;
}
.data-insert1 td{
padding:10px !important;
  border:1px solid #ededed !important;
  border-collapse: collapse;
}
.data-insert1 tr{
	 border-collapse: collapse;
}

.rowdevide .table-each-lbl-ns1{
font-size: 14px;
    font-weight: 600;
    color: #000;
      width:50%;
 
	
}

.rowdevide .table-each-content-ns1{
	font-size: 14px;
    font-weight: nomal;
    color: #000;
	   background: #f6f6f6;
	   width:50%;

}

.addressdetails{
	    font-size: 17px;
    color: #ff9c00;
    font-weight: bold;
	margin-bottom: 4px;
	font-family: 'Roboto', sans-serif !important;
}


.new-faicon1{
	color: #a7a5a5 !important;
    font-size: 23px !important;
    float: left;
    margin-right: 5px;
}

.new-faicon2{
	color: #a7a5a5 !important;
    font-size: 16px !important;
    float: left;
    margin-right: 6px;
}

.icopn-alignleft{
	float:left;
	height:30px;
}
.icopn-alignleft1{
	float:left;
}

.alert-success{
	float:left;
	width:100%;
}

.view-detailsouter .profile-headdingliner-line{
	
float: left;
    border-bottom: 1px solid #212121;
    height: 3px;
    width: 335px;
    position: absolute;
    top: 14px;
}


@media screen and (min-device-width: 320px) and (max-device-width: 768px) { 
 
.icopn-alignleft1 {display:none;}
.icopn-alignleft{display:none;}
.table-each-content-ns1{width:auto;
}
.table-each-lbl-ns1{ width:auto;}
.data-insert1 td {
    padding: 12px 7px !important;
    border: 1px solid #ccc !important;
    border-collapse: collapse;
}
.each-personal-deails-outer{
	width:100% !important;
}

.each-personal-deails-outer2{
	width:100% !important;
}
}


/* view page version 2  css start here  */

.each-personal-deails-outer{
float:left;
width:48%;
	
}

.each-personal-deails-outer2{
float:right;
width:48%;
	

}

.eachicon-read{
	font-size: 19px !important;
    margin-top: 3px;
	margin-right:5px;
}



/* view page version 2  end start here  */

/* new css starts here 18-12-2023 */
.ela_homepage_headding{
	    font-size: 18px;
    color: #c11a17;
    text-align: center;
    font-weight: 600;
}

.each-payment-outer-contnet p{
	text-align: center;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.icon_elapoayments{
	display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    width: 100px;
    background: #064401;
    margin-top: -73px;
    border-radius: 100%;
	margin-bottom: 13px;


}


.icon_elapoayments img{
	width: 60%;
    margin-top: 21px;

}

.processsteps{
	background: #f8f8f8;
    border-top: 1px solid #e8e4e4;
    border-bottom: 1px solid #e8e4e4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

.ela_insframe{
	background: #f7f7f7;
   
    font-family: 'Roboto', sans-serif;
    /* min-height: 380px !important;*/
}

.outer_validateaccount{
	background: #064401;
    border: 1px solid #e1e1e1;
    padding: 20px 0px 110px 0px; 
    /* min-height: 380px !important; */
    float: left;
    width: 100%;
}


.each-process_container{
	width: 260px;
    border: 2px solid #dedede;
    border-radius: 20px;
    padding: 30px 15px;
    text-align: center !important;
    background: #FFF;
}

.each-process_container p{
	text-align: center !important;
    margin: 0px 0px 0px 0px;
    line-height: 19px;
    color: #000 !important;
    font-weight: 500;
    font-size: 14px;
}


	.each-process_container h4{

		color: #000;
    font-weight: 600;
    margin: 10px 0px 5px 0px;
    padding: 0px;
	font-size: 17px;

	}

	.icon_process1{
		display: block;
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    width: 80px;
    background: #FFF;
    margin-top: -67px;
    border-radius: 100%;
    margin-bottom: 13px;
    border: 2px solid #ccc;
	text-align: center;
	}

	.icon_process1 i{
	font-size: 60px;
	margin-top: 9px;
	}

	.each_processsteps{
		float: left;
		width: 260px;
		margin-top: 130px;
		
	}

	.each_processsteps_center{
		float: left;
		width: 261px;
		
		margin: 0px 0px 0px 0px; 
	}

	.loginproces_req-mb70{
		margin-bottom: 89px;
	}

	.each-left-pagenav{
		float: left;
		width: 265px;
		background: #212121; 

	}

	.each-right-pagedetails {
		float:right;
		width: calc(100% - 330px);
		background: #FFF;
		padding: 30px !important;
		margin-right: 30px;
		margin-top: 30px;
		margin-bottom:30px !important;   
	} 

	.mibile_devnav li a i{
		content: "\f007";
    color: #FFF;
    font-size: 16px;
    margin-right: 7px; 
	}

	.stclogo{
	
	}
	
	.each-strictlogo{
	float: left;
    width: 77px;
    background: #e6e2e2;
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: 32px;
    padding: 0px 5px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border: 1px solid #cbbfbf;
	font-family: 'Roboto', sans-serif !important;
	}
	
	.each-strict-inpt{
	    font-weight: 600;

    float: left;
    width: calc(100% - 77px);
    BORDER: 1px solid #ccc;
    padding: 0px 8px;
    line-height: 32px;
    background: #ededed;
    color: #000;
	border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
	margin-left:-1px;

		
		
	}
	
	
		.each-strict-inpt-enterfiled{
	    font-weight: 600;
    float: left;
    width: calc(100% - 77px);

    BORDER: 1px solid #ccc;
    padding: 0px 0px;
    line-height: 32px;

    color: #000;
	border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
	

		
		
	}
	
	.each-strict-inpt-enterfiled .input-radius_group{
		border:none !important;
		height: 32px;
	}
	
	
		.each-strict-inpt input{
		border-top-left-radius:0px;
	  border-bottom-left-radius:0px;
border-top-right-radius:0px;
	  border-bottom-right-radius:0px;	   
		}
		
		.hint_fileinfo{
			    float: right;
    /* margin-bottom: -27px; */
    position: absolute;
    right: 16px;
    top: 5px;
		}
		
		.hint_fileinfo a{
			float: right;
    font-size: 18px;
    color: #706c6c;
	cursor:pointer;
		}
		
		.popover{
			min-width:250px !important;
			color:#000;
		}
		
	.each-datafilter{
		float:left;
		width:600px;
	}
	
	.each-datafilter-each{
		float:left;
		width:165px;
		margin-right:15px;
	}
	.each-profile-headding{
		float:left;
	}
	

		.each-profile-user{
		float: right;
    font-size: 14px;
    font-weight: normal;
		color:#000;
	
	}
	
	.each-profile-user span{
color: #000;
    font-weight: 600;
	
	}
	
	.each-datafilter .input-group-append {
     right: 6px!important;
    top: 8px !important;
    font-size: 20px!important;
    z-index: 9 !important; 
	position:absolute!important; 
	cursor:pointer;
	
	}
	
	.each-datafilter-each .datepicker{
		width:100%;
	}
	
	
	.search_date {
    border-radius: 3px ;
    background-color: #064401; 
    font-size: 17px !important ;  
    font-weight: bold !important ; 
    color: #FFF;
    /* text-transform: uppercase; */
 font-family: 'Roboto', sans-serif !important; 
    /* min-width: 125px; */
    display: block ;
    margin: auto;
    border-radius: 3px!important;  
    margin: 24px 0px 0px 0px;
	padding:3px 15px  4px 15px !important; 
}
.search_date:hover{
		  color: #FFF!important ;
		   background-color: #FF9C00;  
}

.export-outer_new{
	float:right;
	margin-top: 19px;
}

.date-fullwidth{
	margin-bottom:10px
}
.admin-exportbutton2{
	color:#FFF !important;
    line-height: 20px !important;
	background-color: #ff9c00!important;
}

.admin-exportbutton2:hover{
	background:#000!important;
	
	
}

table.dataTable thead th{
	border-bottom: 1px solid #ccc !important;
}


table.dataTable.no-footer{
	border-bottom: 1px solid #ccc !important;
}

.date-fullwidth label{
	    color: #000000;
    font-weight: normal !important;
}

.each-headding_cpassword{
	margin-top: -36px;
    /* background: #ebebeb; */
    width: 100.4%;
    position: absolute;
    margin-left: -16px;
    border-bottom: 1px solid #c5c3bf;
    padding: 12px 10px 9px 10px;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    color: #9B1D1B;
    font-family: 'Roboto';
    margin-bottom: 20px;
	
	
}


.each-headding_cpassword{
	  margin-top: -36px;
    /* background: #ebebeb; */
    width: 100.4%;
    position: absolute;
    margin-left: -16px;
    border-bottom: 1px solid #c5c3bf;
    padding: 12px 10px 9px 10px;
    text-align: center;
    font-size:21px;
    font-weight: bold;
    color: #9B1D1B;
    font-family: 'Roboto';
    margin-bottom: 20px;
	
}


.forgotform_outer{
	padding: 30px 30px 10px 30px !important;
	
}

.forgotform_outer .col-md-12 {
	margin-bottom:15px !important;
	
}

.btn_downloadrecip{
	background: #9B1D1B;
    color: #FFF;
    padding: 5px 21px;
    border-radius: 39px;
    line-height: 27px;
    float: left;
    font-weight: 600;
	font-size:16px;
}

.btn_downloadrecip:hover{
	color:#FFF;
	background:#D21E1B;
	text-decoration:none;
	
}


.btn_emailrecip{
	background: #212121; 
    color: #FFF !important;
    padding: 5px 21px;
    border-radius: 39px;
    line-height: 27px;
    float: right;
    font-weight: 600;
	font-size:16px;
}

.btn_emailrecip:hover{
	color:#FFF;
	background:#535353;
	text-decoration:none;
	
}

	.btn_email_submit{ 
	background: #9B1D1B;
    color: #FFF !important; 
    padding: 5px 21px;
    border-radius: 39px;
    line-height: 27px;
    font-weight: 600;
    font-size: 16px;
    width: 119px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	}
	
	.btn_email_submit:hover {
		text-decoration:none; 
		   color: #FFF;
background:#212121; 		   
	 }
	 
	 .message_alert{
		 background: #d0f9cd;
    color: #000!important;
    text-decoration: none !important;
    border: 1px solid #b0d6ad!important; 
	 }
	 
	 .my_header_new{
		 border-bottom: 15px solid #ff9f1a; 
margin-bottom: 35px !important;
	 }
	 
	 .forgot-pass-admin{
	text-align: center;
    font-weight: 600;
    margin: 20px 0px 0px 0px;
    color: #000;
    text-decoration: underline;
	cursor:pointer;
	 }
	 
	  .forgot-pass-admin:hover{
		  color:#FF9C00;
	  }
	 	 .my_header_new3{

margin-bottom: 0px !important;
    background: #9B1D1B;
    float: left;
    width: 100%;
    text-align: center;
    color: #FFF;
    padding: 0px 0px;
    line-height: 41px;
    font-size: 17px;
    font-weight: 600;
	font-family:Roboto, sans-serif;

	 }
	 
	 .each-dashboard-search{
		 float:left;
		 width:100%;
		 padding:20px;
		 background:#f4f4f4;
		 display: flex;
		 justify-content: center;
	 }
	 
	 .dashboard-search-row {
		     float: left;
    /* width: 250px; */
	margin-right:25px
	 } 
	 

.btn_adminpagsearch{
    border-radius: 5px !important;
    background-color: #064401;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    min-width: 87px !important;
    display: block !important;
    /* margin: auto; */
    text-transform: none;
    height: 33px;
    margin: 27px 0px 0px 0px;
    width: auto !important;
    padding: 0px 20px !important; 
}


.btn_adminpagsearch:hover{
	background-color: #ff9c00;
	color: #FFF !important; 
}

.dash-payment-list{
	float: left;
	width: 100%;
	margin: 36px 0px 0px 0px;

}
.dash-payment-list_each {
    float: left;
    width: 31%;
    background: #9B1D1B;
    padding: 20px 15px;
	margin-right: 30px;
	border-radius: 10px;
}

.dash-payment-list_each:last-child{
	margin-right:0px;
}

.list_each_left {
 float: left;
    width: 50px;
    padding-right: 9px;
    
}

.list_each_right {
    float: right;
    width: calc(100% - 60px);
}


.list_each_right  h3{
	font-size: 16px;
    color: #FFF;
    font-weight: 600;
    margin: 0px 0px 6px 0px;
    padding: 0px;
    line-height: 18px;
}

.list_each_right  h2{ 
	font-size: 27px;
	color: #FFF;
	font-weight: bold; 
	margin: 0px;
	padding: 0px;
	line-height: 28px; 

}

.dash_cards_1{
	background:#212121;
}

.dash_cards_2{
	background:#D21E1B;
}

.dash_background_midline{
	background: #f3f3f3;
    padding: 30px 20px;
    border: 1px solid #e5e5e5; 
}

.dash_background_midline .dash-payment-list_each{
	background:#fff3e1;
		border:1px solid #eedec6;
		min-height: 122px; 
	
}


.dash_background_midline .list_each_right h3{
	color: #000000;
}

.dash_background_midline .list_each_right h2{
	color: #000;
}


.dash_background_midline .list_each_left{
	border-right: 1px solid #d5bd98;
}

.colors_dash_bg1{
	background:#e5e6e1; 
}

.colors_dash_bg1 h3{
	    color: #000;
}
.colors_dash_bg1 h2{
	    color: #000;
}

.colors_dash_bg2{
	background:#c5c7c0;
}

.colors_dash_bg2 h3{
	    color: #000;
}
.colors_dash_bg2 h2{
	    color: #000;
}


.colors_dash_bg3{
	background:#e5e6e1;
}

.colors_dash_bg3 h3{
	    color: #000;
}
.colors_dash_bg3 h2{
	    color: #000;
}


.each-paymentgraphics{
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	/*border-top:1px solid #ccc;*/
	padding:20px 0px 0px 0px;
}

.each-paymentgraphics_each_left{
	float:left;
	width:40%;
	margin-right:50px;
}

.each-paymentgraphics_each_left img{
	width:85%
	
}


.each-paymentgraphics_each_right{
	float:left;
	width:40%
}

.each-paymentgraphics_each_right img{
	width:100%
	
}


.each-paymentgraphics h3{
	font-size: 18px;
    color: #ff9c00;
    font-weight: 600;
    background: #ff9c00;
    color: #FFF;
    line-height: 35px;
    padding: 0px 15px;
    text-align: left;
    /*border-left: 10px solid #075500; */
    width: 300px;
    margin-bottom: 18px;
}


.pagegrid-searchbtn{
	    border-radius: 20px !important;
    background-color: #9B1D1B;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    min-width: 87px !important;
    display: block !important;
    /* margin: auto; */
    text-transform: none;
    height: 33px;
    margin: 27px 0px 0px 0px;
    width: auto !important;
    padding: 0px 20px !important;
}

.pagegrid-searchbtn:hover{
	  background-color: #D21E1B;
	  color:#FFF !important;
}

.pagegrid-export-btn{
	   border-radius: 20px !important;
    background-color: #000;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;  
    width: 87px !important;
    display: block !important;
    /* margin: auto; */
    text-transform: none;
    height: 33px;
    margin: 26px 0px 0px 0px;
    width: auto !important;
    padding: 0px 15px !important;
    float: right;
    line-height: 30px !important;

}

.pagegrid-export-btn:hover{
	  background-color: #3f3f3f; 
	  color:#FFF !important; 
}

.pagegrid-print-btn{
	 border-radius: 5px !important;
    background-color: #000;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;  
    width: 87px !important;
    display: block !important;
    /* margin: auto; */
    text-transform: none;
    height: 33px;
    margin: 22px 15px 0px 0px;
    width: auto !important;
    padding: 0px 15px !important;
    float: right;
    line-height: 30px !important;
	background:#0a6203;

}

.pagegrid-print-btn:hover{
	  background-color: #064401;
	  color:#FFF !important; 
}

.export-btn-pr0{
	padding-right:0px !important;  
}

.each-filter-ouer{
background: #d4d5d3;
    padding: 15px 15px 15px 15px;
    margin-bottom: 14px;
    border: 1px solid #d4d5d3;
}


  .eachrow_details{
		float: left;
		width: 100%;
		border-bottom: 1px solid #dadada;
	  }

	  .eachrow_details .policy_head{
		font-size: 15px;
		font-weight: normal;
		color: #000;
		padding: 6px 20px;
	  }
 
.need-readolny{
   float: left;
    width: 100%;
    background: #efefef;
    line-height: 34px;
    border: 1px solid #dad5d5;
    padding: 0px 8px;
    color: #000;
	border-radius: 3px;
	min-height: 36px;
}
.actions_listed{
	margin:0px;
	padding:0px;
}

.actions_listed li{ 
	margin:0px;
	padding:0px;
	display:inline-table;
	list-style:none; 
}

.actions_listed li a{
	color: #000000;
    font-size: 20px;
    padding: 3px;
    border: 1px solid #ccc;
    width: 30px;
    float: left;
    text-align: center; 
} 

.icon_edit_color{
	color:#261b07;
}
.icon_edit_color:hover{
	color:#535353;
}

.icon_delete_color{
	color:#D21E1B;
}

.icon_delete_color:hover{
	color:#bd0404;
}

.btn_adduser_new{
	background:#ff9c00;
	color:#FFF;
	
}

.btn_export_new{
	background:#064401;  
	color:#FFF;
	margin-right:20px;
}

.btns_ex_cerate .btn_export_new{
background:#212121;  
	color:#FFF;
	margin-right:20px;
	border-radius:20px;
}
.btns_ex_cerate .btn_export_new:hover{
	background:#535353;
	
}
.btns_ex_cerate .btn_adduser_new{
		
		background:#9B1D1B;  
	color:#FFF;
	border-radius:20px;
}
.btns_ex_cerate .btn_adduser_new:hover{
	background:#D21E1B;
}

.each-right-pagedetails label{
	font-weight:normal !important;
	color:#000 !important;
	font-family: 'Roboto', sans-serif !important;
	margin-bottom: 1px;
}

.for_new_input input{
	border-radius: 3px !important;
    border: 1px solid #c1bfbf !important;
	
}

.header-log_pl-0{
	padding-left:0px;
}
.header-log_pr-0{
	padding-right:0px; 
}

.hlogoime{
	margin: 10px 0px !important 
	
}

.main_headder_contacts{
	margin:33px 0px 0px 0px ;
	padding:0px;
	text-align:right;
	
}

.main_headder_contacts li{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline-table;
	
}

.main_headder_contacts li a{
margin: 0px 0px 0px 25px;
    padding: 0px;
    color: #000 !important;
  font-size: 16px;
    font-weight: normal;
}



.main_headder_contacts li a:hover{

    color: #f58220 !important;

}

.login_pannel_contnet{
	text-align: center;
    color: #FFF;
    line-height: 17px;
    font-size: 13px;
    margin: 12px 0px 0px 0px;
}


.forgotpassword_contnet{ 
	text-align: center;
    color: #FFF;
    line-height: 17px;
    font-size: 13px;
    margin: 12px 0px 0px 0px;
}

.otp_form .Eachotp-screen2 input{
	border-radius: 3px;
}

.panner_createpassword{
	background:#f9f9f9;
	padding: 35px !important;
}

.Password-ins{
	    text-align: left !important;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #000;
    font-weight: normal;
}
/*.each-right-pagedetails input{border-radius:3px !important} */

	.mt-btn_tp-20{
		margin-top:15px;
		margin-bottom:30px !important; 
		
	}
	
	.each-right-pagedetails .help-block{
		margin-bottom: 5px;
    float: left;
    width: 100%;
    /*margin-top: 0;*/
	}
	
	.forgroup_inpt .input-radius_group{
		margin-left: -1px;
	}
	
	.textearea_new {
		border-radius:0px !important;
		color: #000!important;
		font-weight: normal;
		padding-left: 12px !important;
	}
	
	.make-payment_outer{
	width: 400px;
    padding: 30px;
    background: #f7f4f4;
    border: 1px solid #e2e2e2;
    display: block;
    margin: auto;
    text-align: center;
    clear: both;
    overflow: hidden;
	}
	
	
	.make-payment_outer h3{
		margin: 0px;
    padding: 0px;
    font-size: 18px;
    color: #000;
	}
	
		.make-payment_outer h4{
		 margin: 15px 0px 0px 0px;
    padding: 0px;
    font-size: 15px;
    color: #000;
line-height:30px;
font-weight:normal;
	}
	
	.span-BSD{
	float: left;
    border: 1px solid #ccc;
    background: #ccc;
    padding: 10px;
    margin: 0px;
    padding: 10px 14px;
    font-weight: 600;
    color: #000;
    font-size: 15px;
	}
	
	.span-Amount{
	float: left;
    border: 1px solid #ccc;
    background: #f1f1f1;
    padding: 10px;
    margin: 0px;
     padding: 10px 14px;
    font-weight: 600;
    color: #000;
    font-size: 15px;
	}
	
	.align_sditems{
	display: flex;
    justify-content: center;
	}
	
	.outer_payment-recipt{
		width:650px;
		background:#fff;
		float:left;
	
	}
	
	
	.each_minlines .policy_head{
    padding: 9px 20px;
	}
	
	.each-tableorder{
		margin:0px;
		padding:0px;	
	}
	
		.each-tableorder li{
		margin:0px 5px 0px 0px ;
		padding:0px;
list-style:none;
display:inline-table;		
	} 
	
	.each-tableorder li i{
		color:#000;
		
	}
	
	.gridbtn_view{
border: 1px solid #9d9b99;
    padding: 2px 5px 1px 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    background: #aea8a8;
    color: #000;
	}
	
	.each-tableorder_mn{ 
	width:300px;
	    margin-bottom: 0px !important;
	} 
	
			.each-tableorder_mn li{
		margin:0px 10px 0px 0px ;
		padding:0px;
list-style:none;
display:inline-table; 	 	
	} 
	


/* Breadcrumb css start here */
.breadcrumbs {

}
.breadcrumbs a {
  text-decoration: none;
  color: #07c;
}
.breadcrumbs ul {
  /*display: flex;*/
  margin:0px;
  padding:0px;  
} 


.breadcrumbs ul li{
	list-style-type: none;
    font-size: 14px;
    font-weight: normal;
	    display: inline-flex;   
}
.breadcrumbs ul li:not(:last-child)::after {
  margin: 0 3px;
    content: "/";
    color: #212121;
    font-weight: bold;
}
.breadcrumbs ul li a, a:visited {
    color: #000;
    text-shadow: none;
}
.each_samepage{
	color:#D21E1B;
	font-weight:bold !important;
}

.triangle-left,
.triangle-right,
.triangle-top,
.triangle-bottom{
  width: 0;
  height: 0;
  margin: 30px auto;
}
.triangle-left,
.triangle-right{
  border-top:
    18px solid transparent;
  border-bottom:
    18px solid transparent;
  
  
}
.triangle-top,
.triangle-bottom{
  border-left:
    18px solid transparent;
  border-right:
    18px solid transparent;
  
  
}

.triangle-right{
 border-left: 17px solid #064401;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0;
    top: 2;
	display:none;

}
.triangle-left{
  border-right:
    30px solid black;
}
.triangle-top{
  border-bottom:
    30px solid black;
}
.triangle-bottom{
  border-top:
    30px solid black;
} 

.mbl_btn_dl{
    padding-left: 0px !important;
}

.main-menu-bottom {
    background: #F4FAFA;
     border: none !important;
}

.table-overflow-mobile{
overflow: auto;
    float: left;
    width: 100%;
}

.flow-arrow-email-left{
	float:left; 
	width:160px;
	

}

.flow-arrow-email-right{
	float:left; 
	width:160px;
margin-left: -4px;	
	
	
}


.flow-arrow-email-right .flow-arrow-top {
    float: left;
    width: 100%;
    margin-top: 162px;
}



.flow-arrow-email-right .flow-arrow-top-arrow {
    float: left;
    width: 100%;
    border-bottom: 3px dotted #6e6e6e;
    position: relative;
    transform: rotate(21deg);
}


.flow-arrow-email-right .flow-arrow-bottom-arrow {
    float: left;
    width: 100%;
    border-bottom: 3px dotted #6e6e6e;
    position: relative;
    transform: rotate(340deg);
}



.flow-arrow-top{
	    float: left;
    width: 100%;
    margin-top: 146px;
}


.flow-arrow-top-arrow{
	float: left;
    width: 100%;
    border-bottom: 3px dotted #6e6e6e;
    position: relative;
    transform: rotate(333deg);
}

.flow-arrow-bottom{
	 float: left;
    width: 100%;
    margin-top: 72px;
}


.flow-arrow-bottom-arrow{
	float: left;
    width: 100%;
    border-bottom: 3px dotted #6e6e6e;
    position: relative;
    transform: rotate(30deg);
}

.chevarrow{
	position: absolute;
    right: -5px;
    top: -7px;
}


.chevarrow i{
	font-size: 20px;
    color: #000;
}

.text-hint-flowsteps{
	float: left;
    margin-top: -13px;
    margin-right: 20px;
    color: #000;
	    font-weight: 600;
	
}


/*new css  media quiery css start here 19-01-2024*/


/* Active class for Eachmenu  need  */
.active_side_menu {background:#217919;}

.main_headder_contacts li i{
	    margin-right: 5px; 
}


.currenct_digit{
	font-size: 19px;
    float: left;
    margin-right: 2px;
    margin-top: 3px;
}

.fm-grp-bottom-0 .form-group {

	height:auto !important;
	
}

.message_twxt-danger1{
float:left;
width:100%;
}

.email-prefiled-one{
float: left;
    width: 100%;
    background: #ebebeb;
    padding: 5px;
    line-height: 26px;
    border-radius: 2px;
border:1px solid #ccc;

}

.table-overflow-mobile2{
	float: left;
    width: 100%;
}


.mt-nosapce{

		    width: 1112px ;
    display: block;
    margin-left: auto;
    margin-right: auto;
	  margin-top:15px;
    margin-bottom: 15px;
	float:none;
	padding:10px;
}

.min-hight_dashboard_card{
	min-height: 116px;
} 

.num-if-reg-clients{background: #212121;}
.num-if-reg-clients h3 {
    color: #FFF ;
}

.num-if-reg-clients h2 {
    color: #FFF;
}



.admin-menu-active{
    background: #9B1D1B !important;
	
}

.mb-not_req-0{
	margin-bottom:0px !important;
}
   .mt-req-8{ margin-top: -8px;}
   
   .calender-pr-0{
	       padding-right:0 !important;

   }
   .Payment-icon-cards{
	     margin: 30px 0px 0px 0px;
    padding: 0px;
    display: block;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efefef;
    padding: 8px 0px;
	   
   }
   
   .Payment-icon-cards li{
	      margin: 0px 10px 0px 0px;
    padding: 0px;
    list-style: none;
    display: inline-table;
	font-weight: bold;
    color: #000; 
	 font-family: 'Roboto', sans-serif !important; 
	   
   }
     .Payment-icon-cards li img{
		 border:1px solid #ccc;
		 
	 }
	 
	 
	 .btns_ex_cerate{
		     float: left;
    margin: 0px 0px -38px 0px;
    position: relative;
    z-index: 99999;
	 }
	 
	 .forgot-pass-admin a{
		     text-decoration: none;
    color: #000!important;
	 }
	 	 .forgot-pass-admin a:hover{
			 color:#D21E1B !important;
		 }
		 
		 .logo_placement img{
			 
			 padding:10px 0px;
			 
			 
		 }
		  
		  .logo_tagline{
			  text-align:right;
		  }
	 .logo_tagline  img{
		margin-top: 22px;
	 }
		
	 .Page-login_mainouter{
		 width:720px;
		 display:block;
		 margin-left:auto;
		margin-right:auto;
		background:#f7f7f7;
		display:flex;
		 border: 1px solid #e1e1e1;
		
		 
	 }
	 
	 .sign_mainouter{
		 width:50%;
		 float:left;
		 
	 }
	 
	 .createuser_mainouter{
		  width:50%;
		 float:left;
	 }
	 
	 .profile-headdingliner{
		background: #FFF;
    border: 1px solid #af1a17;
    float: left;
    display: flex;
    padding: 5px 5px;
    color: #af1a17;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    border-radius: 6px;
	position:relative;
	z-index:99
	 }
	 
	 .profile-headdingliner-line{
	float: left;
    border-bottom: 1px solid #212121;
    height: 3px;
    width: 200px;
    position: relative;
    top: 14px; 
 
	 }
	 
	 .Entger-amount_row{
		 width: calc(100% - 80px);
		 float:right;
		 
	 }
	 .select-bsd-usd{
		 float:left;
		 width:80px; 
		 	  background-color :#F2F2F2!important;
			  border-radius: 0px !important;
	 }
	 
	 .select-bsd-usd select{
		border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #F2F2F2 !important;
    height: 38px !important;
	    border-radius: 0px !important;
		border-bottom: 2px solid;
		font-weight: 600;
    color: #000;
	
		  
		 
	 }
	 
	 
	 .each-filter-transaction {
    background: #d4d5d3;
    padding: 15px 15px 15px 15px;
    margin-bottom: 14px;
    border: 1px solid #d4d5d3;
}

.each-filter-transaction input[type='text'] {
 border-radius:4px !important;
 height:36px !important; 
}

.each-filter-transaction input[type='select'] { 
 border-radius:4px !important;
}
.tr_ex-csv{
	border-radius:20px !important;
	background:#212121!important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    min-width: 100px;
    display: block !important;
    margin: 6px 0px 0px 0px;
    text-transform: none;
    height: 33px;
    float: left;
}
.tr_ex-csv:hover{
	background:#404040 !important;;
}

.tr_ex-pdf{
		border-radius:20px !important;
	background:#9B1D1B!important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    min-width: 100px;
    display: block !important;
    margin: 6px 0px 0px 0px;
    text-transform: none;
    height: 33px;
    float: left;
}

.tr_ex-pdf:hover{
	background:#D21E1B!important;
}

.overide_chnagepass{
	
	background: #F9F9F9;
 box-shadow:none;
 border-radius:6px;
 border:2px solid #9B1D1B;
 
	
}

.overide_chnagepass .each-headding_cpassword{
	border-bottom: none;
}


.overide_forgotpass {
    background: #F9F9F9;
    box-shadow: none;
    border-radius: 6px;
    border: 2px solid #9B1D1B;
	padding: 30px 50px;
	min-height: 272px;
    margin-top: 5px;
}

.overide_forgotpass .headding_password2{
	margin-top: 25px;
}

.overide_forgotpass label{
	    margin-bottom: 3px;
}

.password-screen-redesign .panner_createpassword{
	padding:0px !important;
	
}	 

.panner_createpassword .inner-box{
	padding:35px;
}


 .panner_createpassword .headding_password {
    float: left;
    width: 100%;
    /* background: #064401; */
    color: #9B1D1B;
    font-size: 21px;
    text-align: center;
    position: relative;
    line-height: 40px;
     margin-top: -7px;
    margin-bottom: 13px;
font-weight: 600;
}
.top-aft{
	    position: absolute;
    left: 47%;
    z-index: 999;
    margin-top: -34px;
}
.top-aft:before {
    content: '';
    border-bottom: 15px solid #EEEEEE;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.each-password-hint p{
	font-weight:normal;
	
}

.profile-details-ml-0{
	padding-left:0px !important; 
}

.profile-details-mr-0{
	padding-right:0px !important; 
}
	 
	 .min-height_inpt{
		 height:30px;
	 }
	 
	 .export-outer_new a:visited {
		 color: #FFF !important; 
	 }

.error-message{
margin-bottom: 6px;
}

.each-expo-btn .pagegrid-export-btn{
	margin: 22px 0px 0px 0px !important;
} 

.register_signin{
	float: left;
	width: 100%;
	padding: 30px 0px;
	
}
.signin-frame-outer{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:700px;
	background:#FFF;
	/* -webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.75); */


} 
.signin-frame-outer-contnet{  
	width: 310px;
	float: left;
	background: #9B1D1B ;
	background-image: url("https://insurancepayments.ibsinternational.com/assets/images/globe_insurance.png") ;
	background-repeat:no-repeat;
	background-position: 100% 100%;
	padding: 30px;
	min-height: 320px;  
}


.new-regbg{
	width: 310px;
	float: left;
	background: #9B1D1B ;
	background-image: url("https://insurancepayments.ibsinternational.com/assets/images/globe_insurance.png") ;
	background-repeat:no-repeat;
	background-position: 100% 100%;
	padding: 30px;
	min-height: 320px; 
}


.signin-frame-outer-contnet p{
	color: #FFFF;
    text-align: left;
    line-height: 18px;
}

.signin-frame-inside{
	float: left;
	width: 100%;
	padding:50px 0px ;
	display: flex;

}
.signin-frame-outer-contnet p span{
	font-weight: 600;
	font-size: 19px;
}

.signin-frame-outer-contnet .mt-tp{
margin-top: 60px;
}
	
.signin-frame-outer-form{

	float: left;
	width: calc(100% - 310px);
	background: #F2F1F1;
	min-height: 320px;
	border:1px solid #9B1D1B;
	padding: 30px;
}

.signin-frame-outer-form h3{
	text-align: center;
    font-size: 20px;
    color: #c11a17;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 25px;
    margin: 0px auto;
	padding: 0px;

}

.signfome_new_outer{
	float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
}
.form-row-new{
	float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
}
.form-row-new input[type='text']{
	font-family: Roboto, sans-serif !important ;
}

.form-row-new input[type='password']{
	font-family: Roboto, sans-serif !important ;
}


.forgotpass{
	float: left;

}

.submit-actions-row .forgotpass{
	float: left;
}

.submit-actions-row .forgotpass a{
font-weight: 600;
color: #000;
text-decoration: underline;
font-size: 14px;
}

.submit-actions-row .forgotpass a:hover{
    color: #2E2E2E;
}
.submit-actions-row .login_btn{
	float: right;
	
}


	.login_btn_new .log-submit {
		background-color: #9B1D1B;
		font-size: 16px !important;
		font-weight: bold !important;
		color: #FFF;
		font-family: 'Roboto', sans-serif !important;
		border-radius: 20px !important;
		float: right;
		min-width: 110px;
}

.login_btn_new .log-submit:hover{
	background-color: #212121;
	color: #FFF;
}
.user-shift{
	float: left;
	width: 100%;
	border-top: 1px solid #707070;
	padding-bottom: 20px;
	text-align: center;
	color: #000;
	margin-top: 20px;
}

.user-shift p{
	margin: 10px 0px 0px 0px;
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 15px;
}

.user-shift p a{
	color: #B11613 !important;
	text-decoration: underline;
}

.user-shift p a:hover{
	color: #C41311 !important;
	text-decoration: underline;

}

.signin-frame-outer-contnet.reg-handle .mt-tp{
	margin-top: 92px;
}

.reg-handle{
	background-color: #000000;
}

.form-texthint p{text-align: center;
	line-height: 18px;
	color: #000;
	margin-top: 15px;
	margin-bottom: 0px;

}


.form-texthint .login_btn_new .log-submit {
	float:none;
	width:145px

}

.login_btn_new{
	text-align: center;
}

.relative_icon{

	position: relative;
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

}

.instant_icon{
	position: absolute;
    height: 90px;
    width: 90px;
    background: #FFF;
    border-radius: 100%;
    border: 1px solid #0e0e0e;
    margin-top: -52px;
    display: flex;
    align-items: center;
    justify-content: center;
	
}

.instant_icon img{
	width: 78%;
} 

.customers_button {
    background: #9B1D1B !important;
    border: 2px solid #9B1D1B !important;
    color: #FFF !important;
    /* min-width: 83px; */
    padding: 4px 10px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: bold !important;
    white-space: nowrap;
    float: left; 
}

.customers_button:hover{
	 background: #2a2a2a !important;
    border: 2px solid #2a2a2a !important;
}
 
 .success-error-messagepopup{
	 float:left;
	 width:100%;
 }
.user_added_successfully{
	color: #1f8728;
    margin-top: 0;
    margin-bottom: 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	
    padding: 0px;
    font-size: 13px;
}


/*Option_01 css starts here */
.each_opt_outer{
width: 1036px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #FFF;
  
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
min-height:400px;
}
.each-main-headding{float:left; 
	border-bottom: 2px solid #9B1D1B;
	}


.metal-regular {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    font-style: italic;
    color: #9B1D1B;
    font-weight: 800;
    line-height: 26px;
	font-family: "Libre Baskerville", serif !important;

}

.each_opt_outer .container{
	width:970px;
	  padding: 0px 0px 0px 0px;
	
}

.each_opt_outer .form-group {
position: relative;
    height: 37px !important;
    margin-bottom: 0px;
    display: inline-block;
	width: 100%;
}
  
.each_opt_outer .form-label {
      padding: 9px 13px;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 0.9;
    font-weight: normal !important;
    /* opacity: 0.5; */
    font-family: Roboto, sans-serif !important;
    font-size: 15px !important;
}

.form-control {
  padding: 12px 16px;
}

.each_opt_outer input:focus + label, input:not(:placeholder-shown) + label {
  opacity:10;
  transform: scale(0.90) translateY(-80%) translateX(-30px);
  color: #000;
}

/* For IE Browsers*/
.each_opt_outer input:focus + label, input:not(:-ms-input-placeholder) + label {
  opacity: 10;
  transform: scale(0.90) translateY(-80%) translateX(-30px);
  color:#000;
}

.field-padding-right1{
	padding-right:0px !important;
	
}

.Error-opt-star{
	color:#f50905;
	font-weight:bold;
	font-size:16px;
	
}

.each-row-optmt{
    margin-top: 22px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
	
}

.each-row-optmt3{
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
	
}



.each-row-optmt2{
    margin-top: 22px;
    padding-bottom:5px;
	
}
.contact-section{
	
	    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;

	
}


.each_opt_outer input[type='text'] {
    

    border-radius: 0;
    padding: 0px 13px;
    line-height: 22px;
    height: 38px;
    color: #000;
    border-bottom: 2px solid #686868;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
	font-weight: 400; 
}

.each_opt_outer .form-control:focus{
	box-shadow:none;
	border-top:1px solid #E8E8E8;
}


.sds{}

.floating-label {  
  position:relative; 
}

.floating-select {
      border-radius: 0;
    padding: 0px 13px;
    line-height: 22px;
    height: 38px;
    color: #000;
    border-bottom: 2px solid #686868;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;  
	font-weight: 400;
	background: #FFF;

	


}

.floating-select:focus {
     outline:none;

}

.sds label {
 padding: 8px 13px;
 
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 0.9;
    font-weight: normal !important;
    /* opacity: 0.5; */
    font-family: Roboto, sans-serif !important;
    font-size: 15px !important;
}


.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-28px;
  font-size:14px;
  color:#000;
  left:-10px;
  
}

/* active state */
.floating-select:focus ~ .floating-select:focus ~  {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* active state */
 .floating-select:focus ~  {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}


.billpayment-section{
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
}

.Terms-text{
margin-left: 5px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal !important;
    color: #000;
}
   

.each-row-optmt3-noborder{
	margin-top: 20px;
    padding-bottom:7px;
}   

.bg_otp_outer{
	background:#F6F6F6 !important;
}

  .each_opt_outer .Eachotp-screen2{
		margin-top: 40px;
	
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #9B1D1B;
	padding: 35px 40px 35px 40px;
	background:#FFF;
  }
		
	
	  
	  
	  .each_opt_outer .Eachotp-screen2 .login_btn{
	margin-top: 25px;
    margin-bottom: 20px;
	  }
	  
	  .mb_resend-0{
		  margin-bottom:0px !important;
	  }

.View_details_each{
	margin: 0px 0 0px 0px;
    padding: 0;
	display: flex;
	font-family: 'Roboto', sans-serif !important;
}
	  .name_labele{
	
	float: left;
    margin-right: 5px;
    line-height: 17px;



	  }

	  .name_details{
		float: left;
		line-height: 17px;
		font-weight: bold;
	  }
	  


	  .View_details_each li {list-style: none;
    width: 33%;
    border: 1px solid #ccc;
    float: left;
    background: #f7f7f7;
    padding: 10px;
    color: #000;
    font-weight: normal;
	  }

	  /* .View_details_each li:last-child {
		width: 45%;

	  } */

	  .view-profile-details{
		float: left;
		width: 100%;
	  }
	
	  /*.each-email-requiredwidth{
width: 45% !important;
	   } */

	   .details_primeheadding{
		margin-bottom: 10px;
	   }

	   .eac-mt-minus1{
		margin-top: -1px;
	   }

	  .each-deatils-mt{
		margin-top: 20px;
	   }

	   .each_opt_outer .Payment-icon-cards{
		border: none;
		margin: 0px 0px 20px 0px;
		
	   }

	   .each_Bridcrumb_outer{
		width: 1036px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 50px;
}
	   
.each_Bridcrumb_outer .each-inner-headding{
	margin: 0px 0px 23px 0px;
	background: #f0efef;
	border-bottom: 1px solid #ccc;
	
}

.each_opt_outer .payment-insidecard{
	margin-top: 25px;
}

.page-payment-success{
    width: 600px;
    background: #F3F3F3;
    border: 1px solid #ccc;
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    overflow: hidden;
}

.page-payment_header{
   float: left;
    width: 100%;
    padding: 13px 32px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.page-payment_header_logo{
	float:left;
	width:50%;
}
.page-payment_header_contnet{
	float:right;
	width:48%;
	font-family: 'Roboto', sans-serif !important;
	text-align:right;
	color:#000;
}

.page-payment_header_contnet p {
	text-align:right;
	    padding: 0px;
    margin: 0px;
	line-height: 19px;
}

.page-payment_outer{
	    display: block;
    padding: 0px 30px;
    float: left;
    width: 100%;
	
}

.Payment-Details-label{
	    float: left;
    width: 200px;
    padding: 9px 10px;
	color: #000;
	font-weight:normal
}

.Payment-Details-label-contnet{
	float:left;
	width: calc(100% - 200px);
	border-left:1px solid #ccc;
	  padding: 9px 10px;
	  color: #000;
	font-weight:bold;
}

.label_contain{
float: left;
    width: 100%;
    border: 1px solid #c9c9c9;
    background: #FFF;
	font-family: 'Roboto', sans-serif !important;
	margin-top:-1px;
}

.payment-recipt-headding{
	    text-align: center;
    font-size: 19px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto', sans-serif !important;
    padding: 0px;
    margin: 0 0 12px 0;
}

.messaeg_status_inline{
	  width: 600px;
    background: #FFF;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* clear: both; */
    /* overflow: hidden; */
    text-align: center;
}



.messaeg_status_inline h1{
	margin: 0px;
    padding: 0px;
    line-height: 20px;
    font-size: 20px;
    color: #000;
    font-weight: normal;
}

.messaeg_status_inline h1 span{
	font-weight:bold;
}


.messaeg_status_inline h3{
    margin: 0px 0px 13px 0px;
    padding: 0px;
    line-height: 31px;
    font-size: 16px;
    color: #707070;
    font-weight: normal;
}
.Icon_payment_success i{
	color: #2c9c00;
    font-size: 75px;
    margin-bottom: 10px;
	
}

.login-halfline{
float: left;
    width: 130px;
    height: 130px;
background: linear-gradient(315deg, transparent 50%, #000000 50%);
    position: absolute;
    left: 0px;
    top: 0px;
	z-index: 9;
	
}
.form-need-index{
	z-index:999;
	position:relative;
}

.login-halfline i{
	color: #FFF;
    font-size: 58px;
    margin-top: 9px;
    margin-left: 10px;
	
}

.change-pass-w{
	margin-top: 39px;
}


.btn_paynow_new{border-radius: 5px !important;
    background-color: #9B1D1B;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #FFF;
    /* text-transform: uppercase; */
    font-family: 'Roboto', sans-serif !important;
    min-width: 140px;
    border-radius: 20px !important;
	
	}
	
	.btn_paynow_new:hover{
		color: #FFF !important;
		 background-color: #821210;
	}
	
	.btn_pay_cancel{border-radius: 5px !important;
    background-color: #212121;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #FFF !important;
    /* text-transform: uppercase; */
    font-family: 'Roboto', sans-serif !important;
    min-width: 100px;
    border-radius: 20px !important;
    text-align: center;
    line-height: 36px;
    margin-left: 30px;
	text-decoration:none;
	
	} 
	
	.btn_pay_cancel:hover{
		  background-color: #454545;
		  	text-decoration:none;
		
		
	}
	
	.fnal_submission_btns{
		clear: both; display: flex;
    align-items: center;
    justify-content: center;
	}

		/* Admin dashboard new css starts here */
		.board_new{
			float: left;
			width: 100%;

		}
		.board_new h3{ 
			color: #D21E1B;
			font-weight: bold !important;
		}

		.board_new .payments-cards{
			float: left;
			width: 100%;
			margin: 0px;
			padding: 0px;
		}

		.board_new .payments-cards li{
			background: #9B1D1B;
    padding: 15px 10px;
    list-style: none;
    margin-right: 10px;
    width: 23.9%;
    display: inline-table;
    color: #FFF;
	transition: transform 0.3s ease;
	border-radius: 4px;
		}
		.board_new .payments-cards li:hover{
			transform: scale(1.1); /* Scale up to 120% on hover */

		}

		.board_new .payments-cards li:last-child{
	
			margin-right: 0px;

		}
		.payment-amount{
		
			float: left;
    width: calc(99% - 100px);
	text-align: right; 
		}
		
		.regusers-outer-card .list_each_left img{ width:90%} 
		
		.payment-lable{
			float: left;
    width: 90px;
    border-right: 1px solid #bf4d4d;
    margin-right: 10px;
		}

		.payment-lable p{
			font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
		}

		.payment-amount p{ 
			font-size: 15px;
			font-weight: 600;
			line-height: 18px;
			margin: 20px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
}

.payment-lable img{
	width: 35%;
}

.saleampunt{
	font-size: 19px;
    font-weight: bold;
}

.background-card2{
	background: #016795 !important;
}

.background-card3{
	background: #DC9609 !important;
}

.background-card4{
	background: #000000 !important;
}
.headding_payments{
	color: #000 !important;
    font-size: 18px;
    line-height: 38px;
    margin: 0px;
    padding: 0px;
}
.background-card2 .payment-lable{
    border-right: 1px solid #1587bb;
}

.background-card4 .payment-lable{
	border-right: 1px solid #706f6e;
	}
	
	
	.background-card1 .payment-lable{
    border-right: 1px solid #c52b29;
}
	

	.regusers-outer-card{ 
		float: left;
		width: 300px;
		background: #00415E;
		padding: 19px 15px 11px 15px;
		margin-top: 20px;
		transition: transform 0.3s ease;
		border-radius: 4px;
	}
	
	.regusers_card2{
		background:#02A4B7!important;
	}
	
	.regusers_card3{
		background:#eb2a27 !important;
	}


	.regusers-outer-card:hover{ 
		transform: scale(1.1);
	}


	

	.regusers-outer-card  .list_each_left{
		float: left;
    width: 55px;
    padding-right: 9px;
    border-right: 1px solid #ccc;
    margin-right: 10px;
	}

	.regusers-outer-card .list_each_right{
		float: right;
    width: calc(100% - 65px); 
	}
	



	.regusers-outer-card .list_each_right h3{
		font-size: 21px;
	}


	.regusers-outer-card .list_each_right h2{
		font-size: 39px;
    color: #FFF;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    line-height: 35px;
}
	

.each-card-min-height{
	min-height: 500px;
}

.each_opt_outer .col-md-12.fnal_submission_btns {
	margin-bottom:40px;
}


.paid-amount-withtax{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	    margin-top: 28px;
} 

.price-fixed-label{
	float: left;
    width: 120px;
    background: #ccc;
    text-align: left;
  height: 39px;
    color: #000;
    font-weight: 500;
    line-height: 39px;
    padding: 0px 10px;
}

.price-fixed-content{
	float: left;
    width: calc(100% - 120px);
    background: #ededed;
    height: 39px;
    color: #000;
    font-weight: 500;
    line-height: 39px;
    padding: 0px 10px;
}


.price-fixed-mt1{
	    margin-top: 5px;
		

    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
}

.paid-amount-withtax .select-bsd-usd{
	    width: 120px;
}


.paid-amount-withtax .Entger-amount_row {
    width: calc(100% - 120px);
    float: right;
}

.price-fixed-mt3{
	margin-top: 25px;
}
.paid-amount-withtax .full-width{
	margin-bottom:0px;
}
.each-feealign-right{
	text-align: right;
    color: #000;
    font-weight: 600;
	
}

 .eachsettings-outer{
	 margin-top:15px; 
	 
 }
 
 .eachsettings-outer .input-group-addon{
	 border-radius: 0px;
    font-weight: 600;
    color: #000;
    font-size: 15px;
 }
 .radio-btn-requirement input{
	 width:auto;
	 margin-right:10px;
	 
 }
   .radio-btn-requirement label{
	   width: auto !important;
   }
    .radio-btn-requirement{
	padding-left: 160px;}

.eachsettings-submitbtn{
	    float: left !important;
    margin-left: 148px!important;
}

.pay-successtab{
background: #FFF;
    padding:0px !important;


    width:700px;
    margin: 30px auto 30px auto !important;
	display:block;
}

.pay-successtab .pay_sucess{
	border:none;
	
}
.eachrow_details{
	border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

.pay-successtab .pay_success_message{
margin: 0px 0px 5px !important;	
}

.btn-anotherpayment{
	   display: block !important;
    margin: auto;
    background: #000000;
    color: #FFF;
    padding: 5px 21px;
    border-radius: 39px !important;
    line-height: 27px;
    /* float: left; */
    font-weight: 600 !important;
    font-size: 16px !important;
}

.btn-anotherpayment:hover{
	   background: #9B1D1B;
	    color: #FFF !important;
	
}

.pay-successtab .each-inner-headding{
	margin: 0px 0px 23px 0px;
}


.makeanother_link{
	width: 210px;
    display: block;
    margin: auto;
    color: #FFF !important;
}


/*29-07-2024 captcha css start here*/
.captcha_display_center{ 
    display: block; 
    width: 322px;
    margin: 0px auto 15px auto; 
}



.captcha_display_image{
	    width: 150px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-top: 7px;
	float:left;
}
.captcha_display_code{ 
	width:150px;
	float:left;
} 

.captcha_display_code label{
	font-family: 'Roboto', sans-serif !important;
	width:100%
	
}


.captcha_display_code input:focus {
    box-shadow: none; 
    border-top: 1px solid #E8E8E8;
}

.captcha_display_image img{
	display: block;
    margin: 10px auto 8px auto;
}

.captcha-error_hint{
	    color: #ff2f2f;
    font-weight: 600;
    font-size: 17px;
}

@media only screen and (min-device-width: 320px) and (max-device-width:355px) {
	.captcha_display_code {
    width: 125px;
    float: left;
}
.captcha_display_image {
width: 128px;}

	}
	/* Responsive starts here */

@media only screen and (min-device-width: 320px) and (max-device-width:932px) { 
.otp_mr-right{
		margin-left:0px !important;
	}

   .logo_placement img{ 
    display: block !important;
   margin: auto!important;
   } 

.mobile-adus_mb{
	margin-bottom: 5px;
}

.each-row-spacing20 

.eachsettings-outer .each-feealign-right{
	text-align: left;
}

.radio-btn-requirement{
	padding-left: 15px;
}


.paid-amount-withtax{
	width:100%;
}
.price-fixed-mt3 {
    margin-top: -2px;
}

.each_Bridcrumb_outer{
	width:100%;
}

.sign_form h1{
	margin: 46px 0 10px !important;
}


.each_opt_outer{
	width:92%;
}

.each_opt_outer .container{
	width:100%;
}

ul.de_nav{
	height:auto !important;
}
	

	.Page-login_mainouter{
		display:block;
	}
	.alc-justfyc{
	align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
}

.alc-justfyc .pagegrid-searchbtn{
       min-width: 125px !important;
    margin-top: 0px !important;
}

	
	.overide_chnagepass .help-block{
		margin-bottom: 10px !important;
	}
	
	.mtmobile-filed-tp40{
		margin-top:40px;
	}
	
	.mtmobile-filed-tp30{
		margin-top:20px;
	}
		.mtmobile-filed-tplabel{
		margin-top:20px !important;
	}
	
	.btns_ex_cerate{
		float: left;
    margin: -12px 0px -38px 0px;
    position: relative;
    z-index: 99999;
	}
	.mtmobile-filed-tp20{
		margin-top:45px;
	}
	
	.text-adujust-insame{
		word-wrap: break-word;
	}
	
	.mbl-btn-med{
	margin: 0px !important;	
	min-width: 125px !important;
	}
	
	
	.Payment-icon-cards {
    margin: 0px 0px 23px 0px;
    padding: 0px;
}
	.mt-nosapce{
		width:100%;
	}
	.each-profile-user{
		line-height: 16px;
    margin-top: 10px;
	width: 100%;
	float:left;
	}
	.table-overflow-mobile2{
	float: left;
    width: 100%;
	overflow:auto;
}
.main_headder_contacts li{
	    margin: 0px 0px 0px 0px;
		display: inherit;
    text-align: center;
}

.main_headder_contacts {
    margin: 10px 0px 20px 0px;
}

.hlogoime{
	display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
}

.each_processsteps{
	    margin-top:10px; 
		width: 100%;
}
.each-process_container{
	width:100%;
}

.each_processsteps_center{
	width:100%;
	margin:50px 0px 20px 0px;
}

.loginproces_req-mb70{
	margin-bottom: 57px;
}

.sign_form{
	   float: left;
    background: #f0f0f0;
    min-height: auto !important;
    padding: 30px 8%;
}


.each-left-pagenav{
	width:100%; 
}
/*old
.each-right-pagedetails{
	width:100%;
	float:none;
	padding: 10px !important;

}*/

.each-right-pagedetails{
	width:100%;
	float: left;
    padding: 10px !important;

}


.breadcrumbs ul{

	line-height: 28px; 
}
.mobile-overflow-table{ 
	overflow:auto !important; 
} 

.mobile-labelspacing{
	margin-top: 15px;
    float: left;
    width: 100%;  
}



.hint_fileinfo{
	display:none;
	
}
.make-payment_outer{
width:100%;	
}
.each-datafilter{
	width:100%;	
}
.each-datafilter-each{
	width: 100% !important;
	margin-bottom: 15px;    
}

.outer_payment-recipt{
	width:100%;	
}

.each_minlines .policy_head{
	    line-height: 20px;
}
.btn_downloadrecip{
    display: block;
    margin: auto;
    float: none;

    text-align: center !important;	
}
.btn_emailrecip{
    display: block;
    margin: auto;
    float: none;
    text-align: center !important;
    margin-left: -11px;
}
.each-dashboard-search{
	display: table;
}

.each-dashboard-search .field-padding-left{
	padding-left: 0px !important;
	
	
}

.each-dashboard-search .dashboard-search-row{
	    width: 100%;
}
.dash-payment-list_each {
    float: left;
    width: 100%; 
    margin-right: 30px;
    margin-bottom: 17px;

}

.list_each_right h3{
	font-size: 18px;
	margin: 12px 0 10px !important;
}

.each-paymentgraphics_each_left{
	    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.each-paymentgraphics_each_right{
	
}

.each-paymentgraphics_each_right {
    width: 100%;
    margin-bottom: 43px;
}
.pay_sucess{
background: #FFF;	
}

.mbl_mt-40{
	    margin-top: 35px;  
}

.mbl_mx-0{
	margin-left:0px !important;
	margin-right:0px!important; 
	
}

.ela_insframe{
	border: none ;
}
.outer_validateaccount{
padding: 20px 0px 30px 0px;
}

.manage-backbutton{
	    margin-top: 30px;
}

.each-inner-headding{
	padding: 10px 10px 10px 11px;
    line-height: 34px;
	margin-top: 17px;
}
.each-headding-address{ 
margin: 4px 0px 2px 15px;
}

.header-bg-stcollege img{
	    display: block;
    margin: auto;
}

.headding_password{
	margin-top: 21px; 
}
.panner_createpassword{
	    padding: 35px 15px !important; 
}

.addressdetails{
	    margin-top: 20px;
}

.mbl-heading-adderss{
	margin-top:15px
}

.search_date{
	min-width: 125px;
    display: block !important;
    margin: auto !important;
}
.table-overflow-mobile{
overflow: auto;
    float: left;
    width: 100%;
}
.btn_downloadrecip{
	width: 200px;
	display: block;
    margin: auto;
}

.btn_emailrecip{
    display: block;
    margin: auto;
    width: 200px;	
}

.mbl_btn_dl{
	    padding-left: 31px !important;
}

.admin-menu ul{
	min-height:auto;
	margin-bottom: 25px;
}

.mbl-mt-20-status{
	margin-top:20px;
}

.each-tableorder li{
	margin: 0px 6px 0px 0px; 
}

.mbl_forbg_white{
	clear: both;
    overflow: auto; 
}

.mbl_each-label-mt-20{
	margin-top:25px; 
}
.forgotform_outer{    
padding: 30px 10px 10px 10px !important;
}

.flow-arrow-email-left{
	display:none;
}

.flow-arrow-email-right{ 
	display:none;
}

.landingpage_flowsteps{
	width:100%
}

.mbl_paymentterms{
	float: left;
    width: 100%;
    margin-top: 21px;
}

.each-tableorder {
	min-width:100px;
	margin-top:5px;
}

/*Insurance responsive starts here */

.inmen_floated{
	padding: 8px 0px;
    line-height: 22px;
}
.each-payment-outer-contnet p{
	line-height: 19px;
}

.Page-login_mainouter{
	width: 100%;
	
}
.sign_mainouter{
	width:100%
}

.createuser_mainouter{
	width:100%
	
}

.overide_forgotpass{
	margin-top: 37px;
	    padding: 30px 30px;
}

.profile-details-mr-0{
	    padding-right: 15px !important;
    padding-left: 0px !important;
}

.mobile-ml-align{
	margin-left: 15px;
    margin-bottom: 13px !important;
    margin-top: 10px;
	
}

.profile-headdingliner-line{
	width:130px;
}

.mob-mtspact-paynow{
	
	margin-top:20px;
	margin-bottom:0px !important;
	
}

.search_dashboard_btn{
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_mobile_center{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

}

.each-filter-transaction .search_dashboard_btn {
   margin-top: 8px !important;
}

	.signin-frame-outer{
		width:100%;  
	}

.signin-frame-inside{
	display: inline;
}
.signin-frame-outer-contnet{
	min-height: auto;
	width:100%;
}
.signin-frame-outer-form{
	width:100%;
}

.signin-frame-outer-form{
	border:none;
}

.signin-frame-outer-contnet.reg-handle .mt-tp{
	margin-top: 60px;
}
.signin-frame-outer-contnet .mt-tp{
	margin-top: 42px;
}

.otp_form{
	padding: 20px;   
}



/*option _01 responsive start here*/
.each_opt_outer{
	width: 100%;
}
.each_opt_outer .container{
		width: 100%;
}

.mobile-user_mb{
	padding: 0 !important; 
    margin-bottom: 25px;
}

.each_opt_outer .error-message{
	margin-bottom: 20px !important;
}
.each-row-optmt3{
	    margin-top: 0px;

}
.each-row-optmt3-noborder{
	    margin-top: 0px;
}
.Payment-icon-cards{
	display: inline-table;
	padding: 10px !important;
}
.Payment-icon-cards li:first-child{
	float: left;
    width: 100%;
}

.View_details_each{
	    display: inline;
}

.View_details_each li{
	margin-top: -1px;
	width:100%; 
}

.fotter-copyrights-new{
	position:relative;
}

.logo_tagline img{
	margin-top: 0;
    width: 100%;
    margin-bottom: 26px;
}
/*option _01 responsive end here*/
.each-transation_outer .regusers-outer-card {
    margin-right: 18px;
    min-height: 95px;
    width: 100%;
    margin-bottom: 13px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width:768px) {
	.pay-successtab{
		width: 99%;
	}
	
	
}

@media only screen and (min-device-width: 320px) and (max-device-width:600px) {
	.board_new .payments-cards li{
		margin-bottom: 10px;
		width: 100%;
	}
	.regusers-outer-card{
		width: 100% !important;
	}
	.payment-lable{
		width: 120px;
	}
	.payment-amount {
		width: calc(99% - 130px);
	}


}

@media only screen and (min-device-width: 600px) and (max-device-width:932px) {
	.board_new .payments-cards li{
		margin-bottom: 10px;
		width: 100%;
	}
	.regusers-outer-card{
		width: 100%;
	}
	.payment-lable{
		width: 120px;
	}
	.payment-amount {
		width: calc(99% - 130px);
	}
	

}

@media only screen and (min-device-width: 320px) and (max-device-width:600px) {

.messaeg_status_inline{
width:100%	
}
.page-payment-success{
width:100%	
}
.page-payment_header_logo{
	width:100%	 
}
.page-payment_header_contnet{
width: 100%;
    margin-top: 20px;
    text-align: center !important;  
}
.Payment-Details-label-contnet{width: 100%;
padding: 3px 10px;
border-left: none;
}

.Payment-Details-label{
	width:100%;
	    padding: 3px 10px;
}


}

@media only screen and (min-device-width: 932px) and (max-device-width:1180px) {
	
	.each-transation_outer .regusers-outer-card{
		width: 31.2%; 
	}

	.board_new .payments-cards li{
		width: 48%;
		margin-bottom: 17px;
	}
	.flow-arrow-email-left{
		width: 137px;
	}
	
	.flow-arrow-email-right {
    width: 129px;
	}
	
	.each-process_container{
		width: 223px;
	}
	.each_processsteps {
    float: left;
    width: 225px;
}

.each_processsteps_center{
	width: 209px;
}
.register_form h1{
	font-size: 17px;
}

.dash-payment-list_each {

    width: 29%;
    min-height: 124px;
}

.dash_background_midline .dash-payment-list_each{
	min-height: 146px;
}
.dash-payment-list_each{ 
    min-height: 145px;}

.each-tableorder li{
    display: inline-table;	
}

/*Insurance responsive ends here */

}



@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	.admin-signouter{
		clear: both;
    overflow: hidden;
	}
	
}

.billtypeselect_outer{
	display: block;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 8px;
    width: 100%;
    float: left;
}

.billtypeselect_outer h3{
	font-size: 18px;
    line-height: 24px;
	margin-top:0px;
	
}

.billtypeselect{
	    width: 685px;
      margin: 50px auto auto auto; 
    
    display: block;
   padding: 23px 0px 70px 0px; 
    clear: both;
    overflow: hidden;
    /*display: flex;*/
    animation: unset;
    align-items: center;
    justify-content: center; 
	
	
}
.billtypeselect ul{
	margin: auto;
    padding: 0px;
    /* display: flex
; */
    display: block;
    clear: both;
    /* overflow: hidden; */
    align-items: center;
    justify-content: center;
    width: 445px;
    
}
.billtypeselect li{
display: inline-table; 
    list-style: none;
    border-right: 1px solid #929292;
	width: 48%;
	text-align:center;

}
.billtypeselect li a{
	
          padding: 15px;
    background: #e8e8e8;
    float: left;
        margin-right: 20px;
	border-radius:10px;
	 margin-left: 20px;
	
	
}

.billtypeselect li a:hover{
	background:#c5def8;
}
.billtypeselect li a img{
	/*max-width:95%;*/
	-webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	
	margin-top:5px;
   
}


.no-margin{

	 border:none !important;
}

.no-margin{

	 border:none !important;
	 margin-left: 8px !important; 
}
/*.billtypeselect_outer ul li:last-child{
	margin-left: -4px !important; 
}*/


@media only screen and (max-width: 768px) {
 .billtypeselect{
	width: 100%;
        padding-left: 10px;
        padding-right: 10px;
 }
 

	    .billtypeselect li {
        display: block;
        list-style: none;
        border-right: none;
        border-bottom: 1px solid #ccc;
        clear: both;
        overflow: hidden;
        margin-bottom: 45px; 
		width: 100%; 
		padding-bottom: 27px; 
    }
 
 .billtypeselect li a{
	 padding: 15px;
    background: #e8e8e8;
    float: left;
    margin-right: 20px;
    border-radius: 10px;
    margin-left: 20px;
    margin-bottom: 24px;
	width:88%; 
	
 }
 
 .billtypeselect ul {
    margin: 50px 0px 0px 0px; 
    padding: 0px;
	width: 99%;
}

.billtypeselect li a img{    width: 98%;} 


}

.style_bsd{ 
	line-height: 35px;
    text-align: center;
    font-weight: 600;
    border-bottom: 2px solid #686868;
	color:#000;
	border-top: 1px solid #d9d6d6;
	border-left: 1px solid #d9d6d6;
	border-right: 1px solid #d9d6d6;
} 


.select_money_width{
	float: left;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin: 9px 0px 0px 0px;
    padding: 0px;
    line-height: 18px;
	 transition: transform 0.3s ease;
	
}

.billtypeselect li a:hover .select_money_width{
	color:#25198e; 
 transform: scale(1.1);

}