/* ====== MY CUSTOM STYLES ====== */

label.error {

    color: red;

}

a:hover, a:focus, a:active{text-decoration: none;}

.login-section form .field label{width: 100px;}

.login-section h3{margin-bottom: 30px; text-align: center;}

.login-error{display: none;color:red;font-size: 14px;text-align: center;}

.login-section label.error {width: 100% !important; display: inline-block; margin-left: 104px;}

.forget-section h3 {

    text-align: center;

    margin-bottom: 40px;

}

.forget-section form .field input, .forget-section form .field label {

    width: 100%;

}

.btn-group-justified>.btn-group{

	width: 100%;

	float: left;

}

table {
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    width: 100%;
}

table, th, td {
    border: 1px solid #d1d1d1;
}

.profile-content table tr {

    height: 35px;

}

.profile-content table th {

    width: 230px;

    padding-left: 10px;

}

.menu-options h3, .profile-content h3, .edit-profile h3, .registration-section h3 {

    margin: 0 0 15px;

    font-size: 22px;

}

.menu-options ul {

    list-style-type: none;

    margin-left: 0;

}

.menu-options ul li {

    padding: 3px 0;

}

.menu-options ul li a {

    color: #121212;

}

.my_btn{

	background: #1a1a1a;

    border: 0;

    border-radius: 2px;

    color: #fff;

    font-family: Montserrat, "Helvetica Neue", sans-serif;

    font-weight: 700;

    letter-spacing: 0.046875em;

    line-height: 1;

    padding: 0.84375em 0.875em 0.78125em;

    text-transform: uppercase;

}

.my_btn:hover, .my_btn:focus, .my_btn:active{background: #007acc; text-decoration: none; color: #fff;}

.field-group {margin-bottom: 15px;}

.option-group {margin-top: 10px;}

.option-group label {margin-right: 15px;font-weight: normal;}

#login-form .field {margin-bottom: 15px;}

.edit-profile table { width: 100%;}

.edit-profile table tr { height: 35px; }

.edit-profile table tr th, .edit-profile table tr td {text-align: center;}

th.cno {width: 200px;}

th.cholder {width: 165px;}

th.srno {width: 75px;}

th.exmonth {width: 110px;}

#popup-bg {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background: rgba(0,0,0,0.5);

	z-index: 999;

	display: none;

}

span.cancel {

    position: absolute;

    right: 0;

    top: 0;

    margin-top: -10px;

    margin-right: -10px;

	cursor: pointer;

}

#popup-bg .addCard-popup, #popup-bg .editCard-popup, #popup-bg .purchaseCredit-popup {

    width: 500px;

    background: #fff;

    left: 50%;

    position: absolute;

    margin-left: -250px;

    top: 15%;

	padding: 20px;

	display: none;

	border: 3px solid #1a1a1a;

    border-radius: 8px;

}

#popup-bg .purchaseCredit-popup {

	width: 540px;

	margin-left: -270px;

	top: 10%;

}

#popup-bg .confirmPass-popup {

    width: 350px;

    background: #fff;

    left: 50%;

    position: absolute;

    margin-left: -175px;

    top: 15%;

	padding: 20px;

	display: none;

    border: 3px solid #1a1a1a;

    border-radius: 8px;

}

.addCard-popup h3, .editCard-popup h3 , .confirmPass-popup h3, .purchaseCredit-popup h3 {

    margin-bottom: 20px;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

}

.confirmPass-popup h3 {font-size: 18px;}

.error-msg{text-align: center;display: none;}

.action a {margin: 0 5px;}

.activate {

    padding: 10px 25px;

    background: #006600;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    border-radius: 2px;

	display: inline-block;

}

.deactivate {

    padding: 10px 25px;

    background: #CC0000;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    border-radius: 2px;

	display: inline-block;

}

.activate:hover, .activate:focus,.activate:active,

.deactivate:hover, .deactivate:focus,.deactivate:active{color: #fff;}



span.credit {

    position: absolute;

    font-size: 24px;

    right: 220px;

    top: -5px;

}

th.tran_id {

    width: 130px;

}

th.p_amount {

    width: 100px;

}

.choose_state{display: none;}



.popup-bg{

	background: rgba(0, 0, 0, 0.5);

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99;

	display: none

}

.loader-img {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-top: -60px;

    margin-left: -60px;

	display: none

}

.return-message {

    position: absolute;

    top: 40%;

    left: 50%;

    width: 500px;

    margin-left: -250px;

    background: #fff;

    padding: 20px 20px;

    text-align: center;

    margin-top: -60px;

	display: none;

}

.return-message h2 {

    margin: 0;

    padding: 0;

    color: green;

    text-transform: uppercase;

    font-size: 24px;

    font-weight: bold;

}

.fullDetails-popup {

    background: #fff none repeat scroll 0 0;

    border: 2px solid #121212;

    border-radius: 4px;

    left: 50%;

    margin-left: -300px;

    padding: 20px 30px;

    position: absolute;

    top: 10%;

    width: 600px;

	display: none;

}

.fullDetails-popup > h2 {

    font-size: 22px;

    text-align: center;

    text-transform: uppercase;

}

.fullDetails-popup > table {

    width: 100%;

	margin-bottom: 30px;

}

.fullDetails-popup tr {

    height: 30px;

}

.fullDetails-popup td {

    text-align: center;

}

.fullDetails-popup .records th {

    padding-right: 10px;

    text-align: right;

	width: 175px;

}

.fullDetails-popup .records td {

    padding-left: 10px;

    text-align: left;

}

#searchBydates-form input {

    width: 150px;

    height: 30px;

}

.search-btn {

    width: 100px !important;

    font-size: 13px !important;

    padding: 9px 10px !important;

    margin: 0 !important;

}

#searchBydates-form input {

    width: 155px;

    height: 30px;

    font-size: 14px;

    margin-right: 5px;

}

.payment-loader-bg {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background: rgba(0,0,0,0.5);

	z-index: 999;

	display: none;

}

.payment-loader{

    position: absolute;

    margin-top: -60px;

    margin-left: -60px;

    top: 50%;

    left: 50%;

	display: none;

}

.option-group .option-field {

    margin-bottom: 15px;

}



.field-group select, 
.field-group input, 
.field-group textarea {

    background: #f7f7f7;

    border: 1px solid #d1d1d1;

    border-radius: 2px;

    padding: 0.625em 0.4375em;

    width: 100%;

}
.field-group input[type="submit"], 
.field-group input[type="reset"], 
.field-group input[type="button"]{
	width: 150px;
	background: rgba(0, 0, 0, 0) linear-gradient(30deg, #a907b5 0%, #66066d 100%) repeat scroll 0 0;
    color: #ffffff;
}

.field-group input[type="radio"], 
.field-group input[type="checkbox"]{
	width: auto;
}

.clear{clear: both;}