.myheading {
    position  : relative;
    font-size : 30px;
    z-index   : 1;
    overflow  : hidden;
    text-align: center;
}

.myheading:before,
.myheading:after {
    position        : absolute;
    top             : 51%;
    overflow        : hidden;
    width           : 50%;
    height          : 2px;
    content         : '\a0';
    background-color: rgb(252, 210, 6);
}

.myheading:before {
    margin-left: -50%;
    text-align : right;
}

.color {
    background-color: rgba(210, 222, 226, 0.62);
    color           : #216262;
    font-weight     : 700;
}


.dataTables_scrollBody {
    position: relative;
    overflow: auto;
    height  : 450px;
    width   : 100%;
}




/*This CSS For Online Payment*/
/* .inner-bg {
    background: rgba(221,242,220,1);
        background: -moz-linear-gradient(45deg, rgba(221,242,220,1) 0%, rgba(69,191,247,0.98) 47%, rgba(244,255,214,0.96) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(221,242,220,1)), color-stop(47%, rgba(69,191,247,0.98)), color-stop(100%, rgba(244,255,214,0.96)));
        background: -webkit-linear-gradient(45deg, rgba(221,242,220,1) 0%, rgba(69,191,247,0.98) 47%, rgba(244,255,214,0.96) 100%);
        background: -o-linear-gradient(45deg, rgba(221,242,220,1) 0%, rgba(69,191,247,0.98) 47%, rgba(244,255,214,0.96) 100%);
        background: -ms-linear-gradient(45deg, rgba(221,242,220,1) 0%, rgba(69,191,247,0.98) 47%, rgba(244,255,214,0.96) 100%);
        background: linear-gradient(45deg, rgba(221,242,220,1) 0%, rgba(69,191,247,0.98) 47%, rgba(244,255,214,0.96) 100%);
        filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#ddf2dc', endcolorstr='#f4ffd6', gradienttype=1 );
} */

/*.my-heading {
            color: #205613 !important;
            text-decoration: underline #ffd800;
            text-decoration-style: double;
        }*/
.sr-only-new {
    color      : #676a6c;
    font-weight: 400;
    font-size  : 24px;
}

/* .form-top {
    background-color: #ffd800;
} */

.form-top-left h3 {
    color      : rgb(28, 101, 20);
    font-weight: 700;
    font-size  : 24px;
}

.form-top-right {
    opacity    : 1;
    line-height: 0;
}

.form-top-right i {
    opacity    : 1;
    margin-top : 15px;
    font-size  : 40px;
    color      : #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.form-bottom form .input-error {
    border-color: #ffd800;
}

.form-bottom form :active {
    border-color: rgba(51, 51, 51, 0.47);
}

.help-line {
    color    : #ff3300;
    font-size: 13px;
}

.text-danger {
    color: #f37171;
}

.my-input {
    background    : none;
    padding-bottom: 5px;
    display       : block;
    color         : black;
    /*color       : rgba(221,242,220,1);*/
    border-bottom : rgba(51, 51, 51, 0.47) 2px solid;
}

.my-heading_logo {
    background   : #fff;
    padding      : 15px;
    border-radius: 10px;
    position     : relative;
    box-shadow   : 0px 0px 29px rgba(0, 0, 0, 0.5);
}

/*.my-heading_logo img {
        background-color:#19b9e7;
    }*/

.my-heading_logo::after {
    content      : '';
    display      : block;
    width        : 90%;
    right        : 0;
    margin       : 0px auto;
    height       : 50px;
    left         : 0;
    position     : absolute;
    top          : -10px;
    border-radius: 20px;
    /*background : #ffd800;*/
    z-index      : -1;
}

.my-heading_logo::before {
    content      : '';
    display      : block;
    width        : 90%;
    right        : 0;
    margin       : 0px auto;
    height       : 50px;
    left         : 0;
    position     : absolute;
    bottom       : -10px;
    border-radius: 20px;
    /*background : #ffd800;*/
    z-index      : -1;
}

.btn-danger {
    color           : #ffffff;
    background-color: #f59999 !important;
    border-color    : #f59999 !important;
}

.btn-danger:hover {
    color           : #ffffff;
    background-color: #e46b6b !important;
    border-color    : #e46b6b !important;
}

.btn-receipt {
    color             : #ffffff;
    /*background-color: #9ae96a !important;*/
    background-color  : #f7a54a !important;
    border-color      : #f7a54a !important;
}

.btn-receipt:hover {
    color           : #ffffff;
    background-color: #f7a54a !important;
    border-color    : #f7a54a !important;
}

.text-note {
    color      : rgb(198, 10, 10);
    text-align : center;
    font-weight: 600;
    font-size  : 16px;
}

.footer-text {
    color      : #646060;
    font-weight: 400;
    font-size  : 18px;
}


.btnback {
    margin-right: 15px;
    margin-top  : 5px;
}

.error-div {
    background-color: #ffffff;
    text-align      : center;
}

.err-1 {
    color      : rgba(255, 0, 10, 0.57);
    font-size  : 26px;
    font-weight: 600;
}

.err-2 {
    color      : rgba(108, 93, 93, 0.64);
    font-size  : 21px;
    font-weight: 500;
}

/*Link btn Css*/
a.btn-link {
    height               : 50px;
    margin               : 0;
    padding              : 0 20px;
    vertical-align       : middle;
    background           : #19b9e7;
    border               : 0;
    font-family          : 'Roboto', sans-serif;
    font-size            : 16px;
    font-weight          : 300;
    line-height          : 50px;
    color                : #fff;
    -moz-border-radius   : 4px;
    -webkit-border-radius: 4px;
    border-radius        : 4px;
    text-shadow          : none;
    -moz-box-shadow      : none;
    -webkit-box-shadow   : none;
    box-shadow           : none;
    -o-transition        : all .3s;
    -moz-transition      : all .3s;
    -webkit-transition   : all .3s;
    -ms-transition       : all .3s;
    transition           : all .3s;
    margin               : 5px 5px 5px 5px;
}


.btn-link {
    display            : inline-block;
    padding            : 6px 12px;
    margin-bottom      : 0;
    font-size          : 14px;
    font-weight        : 400;
    line-height        : 1.42857143;
    text-align         : center;
    white-space        : nowrap;
    vertical-align     : middle;
    -ms-touch-action   : manipulation;
    touch-action       : manipulation;
    cursor             : pointer;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
    background-image   : none;
    border             : 1px solid transparent;
    border-radius      : 4px;
}

a.btn-link:hover {
    height               : 50px;
    margin               : 0;
    padding              : 0 20px;
    vertical-align       : middle;
    background           : #2ba3c6;
    border               : 0;
    font-family          : 'Roboto', sans-serif;
    font-size            : 16px;
    font-weight          : 300;
    line-height          : 50px;
    color                : #fff;
    -moz-border-radius   : 4px;
    -webkit-border-radius: 4px;
    border-radius        : 4px;
    text-shadow          : none;
    -moz-box-shadow      : none;
    -webkit-box-shadow   : none;
    box-shadow           : none;
    -o-transition        : all .3s;
    -moz-transition      : all .3s;
    -webkit-transition   : all .3s;
    -ms-transition       : all .3s;
    transition           : all .3s;
    margin               : 5px 5px 5px 5px;
    text-decoration      : none;
}

a:hover {
    text-decoration: none;
}

/*---Link btn end-*/

.error {
    /*color: #f37171 !important;*/
    color: #FF0000 !important;
}

#lblconsumernumber-error-cust {
    /*color: rgb(255, 151, 151) !important;*/
    color      : #f37171 !important;
    font-weight: 400;
    font-size  : 18px;
}


/* Date : 18-08-2017 Changes */
/*button.btn-back {
    height: 29px;
    margin: 0;
    padding: 1px 15px;
    vertical-align: middle;
    background: #19b9e7;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.my-heading_logo {
    background: #fff;
    padding: 1px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0px 0px 29px rgba(0,0,0,0.5);
}

.img-class {
    max-width: 92%;
}

.inner-bg {
    padding: 40px 0 150px 0;

}

.form-top {
    padding: 0 25px 2px 25px;
}
.form-top-left h3 {
    color: rgb(28, 101, 20);
    font-weight: 700;
    font-size: 22px;
}
.sr-only-new {
    color: #ffffff;
    font-weight: 400;
    font-size: 22px;
}*/

.inner-bg {
    padding: 25px 0 5px;
}

.my-heading_logo img {
    max-width: 70%;
}



.top-content .text {
    color         : #fff;
    padding-bottom: 20px;
}

.form-top {
    padding: 0 4px 0px;
}

.form-top-left {
    float      : left;
    padding-top: 10px;
    width      : 75%;
}

.form-top-left h3 {
    font-size  : 18px;
    font-weight: 700;
}

.form-top-right {
    margin-top: 0;
}


.form-top-right i {
    margin-top: 0;
}

.form-bottom {
    padding: 15px 25px;
}


.sr-only-new {
    color      : #676a6c;
    font-size  : 18px;
    font-weight: 400;
}

input[type="text"],
textarea,
textarea.form-control {
    background    : #FFF none repeat scroll 0 0;
    border        : 2px solid #C0C0C0;
    border-radius : 4px;
    box-shadow    : none;
    color         : black;
    font-family   : "Roboto", sans-serif;
    font-size     : 15px;
    font-weight   : 300;
    height        : 40px;
    line-height   : 40px;
    margin        : 0;
    padding       : 0 20px;
    transition    : all 0.3s ease 0s;
    vertical-align: middle;
    /*color       : #888;*/
    /*border      : 3px solid #fff;*/
}


.error {
    color        : #f37171;
    font-size    : 15px;
    /*font-weight: 500;*/
    margin-bottom: 0px;
}

button.btn {
    height     : 40px;
    line-height: 40px;
    padding: 0 15px;
    background-color: #1ab394;
    color: #fff;
    border-color: #1ab394;
}
button.btn:hover,button.btn:focus {
    background-color: #00b9f6;
    border-color: #00b9f6;
    color: #fff;
}
a.btn-white{
    height     : 40px;
    line-height: 40px;
    padding: 0 15px;
    background-color: #026156;
    color: #fff;
    border-color: #026156;
}
a.btn-white:hover,a.btn-white:focus  {
    background-color: #00b9f6;
    border-color: #00b9f6;
    color: #fff;
}
.footer-text p {
    color    : #2a2a2a;
    font-size: 13px;
    margin   : 0;
}

.text-note {
    color        : rgb(198, 10, 10);
    font-size    : 14px;
    font-weight  : 400;
    margin-bottom: 0;
    text-align   : center;
}

.pay-card {
    height    : 85px;
    text-align: center;
}




/*============================================================= 

                Css Add 17-12-20

=============================================================*/

a,
a:link,
a:visited,
a:active,
a:hover,
button {
    text-decoration   : none;
    outline           : none;
    -moz-transition   : all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition        : all 300ms ease-in-out;
}

img {
    max-width: 100%;
}



body.gray-bg.bgImg {
    width: 100%;
}

.billpay .onlinetry,
.billpay .div2onlinetry {
    background: #fff;
    padding   : 25px;
    box-shadow: 0px 0px 29px #ddd;
}

.billpay #page-wrapper {
    padding       : 0;
    padding-bottom: 30px;
    background    : rgba(0, 185, 246, 0.2);
    height        : 100%;
    min-height    : 930px;
    margin        : 0;
}

.billpay .inner-bg {
    padding   : 20px 0;
    background: #026156;
}

.billpay .inner-bg img {
    width: 250px;
}

.billpay .nav-tabs {
    border-bottom: none;
}

.billpay .nav-tabs>li {
    margin-bottom: 0;
}

.billpay .nav.nav-tabs li {
    width     : 50%;
    text-align: center;
}

.billpay .nav-tabs>li.active>a,
.billpay .nav-tabs>li.active>a:hover,
.billpay .nav-tabs>li.active>a:focus,
.billpay .nav-tabs>li>a:hover,
.billpay .nav-tabs>li>a:focus {
    background: #00B9F6;
    color     : #fff;
    border    : none;
}

.billpay .nav-tabs>li>a {
    color         : #00B9F6;
    margin-right  : 0;
    font-weight   : 600;
    padding       : 15px 25px;
    font-size     : 16px;
    text-transform: capitalize;
    display       : block;
    border        : none;
}



.billpay input[type="text"],
.billpay textarea,
.billpay select,
.billpay textarea.form-control {
    background: #f5f5f5;
    height: 50px;
    border:none;
    border-bottom:2px solid #e5e6e7;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

input[type="text"]:focus,
textarea:focus,
textarea.form-control:focus .billpay .form-control:focus {
    background: #eff9fc;
}

.billpay .form-control:focus,
.billpay .single-line:focus {
    border-color: #00b9f6 !important;
}

.billpay .footer {
    background: #026156;
    border-top: 1px solid #e7eaec;
    padding   : 15px;
    text-align: center;
}

.billpay .footer-text p {
    color    : #fff;
    font-size: 14px;
}

.notes span {
    display      : block;
    margin-bottom: 15px;
    font-size    : 16px;
}

ol {
    counter-reset: item;
}

ol li {
    display       : block;
    position      : relative;
    padding-bottom: 10px;
    text-align    : justify;
    font-size     : 13px;
    line-height   : 22px;
}

ol li:before {
    content          : counters(item, ".")".";
    counter-increment: item;
    position         : absolute;
    margin-right     : 100%;
    right            : 15px;
    /* space between number and text */
}

.billpay .my-input {
    background    : none;
    padding-bottom: 5px;
    display       : block;
    color         : #026156;
    /* color      : rgba(221,242,220,1); */
    border-bottom : 1px solid #e5e6e7;
}

.billpay .sr-only-new {
    color      : #026156;
    font-size  : 16px;
    font-weight: 400;
}

.ftgail_logo {
    width: 100px;
}

.billpay .footer-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap:wrap;
}  

.billpay .footer-text img {
    width       : 80px;
    margin-right: 15px;
}


.PaymentSuccess #page-wrapper {
    padding       : 0;
    padding-bottom: 30px;
    background    : rgba(0, 185, 246, 0.2);
    height        : 100%;
    min-height    : 930px;
}

.PaymentSuccess .inner-bg {
    padding   : 20px 0;
    background: #026156;
}

.PaymentSuccess .inner-bg img {
    width: 250px;
}


.PaymentError #page-wrapper {
    padding       : 0;
    padding-bottom: 30px;
    background    : rgba(0, 185, 246, 0.2);
    height        : 100%;
    min-height    : 930px;
}

.PaymentError .inner-bg {
    padding   : 20px 0;
    background: #026156;
}

.PaymentError .inner-bg img {
    width: 250px;
}

.PaymentError .ibox-content h3,
.PaymentError label.sr-only-new {
    margin   : 0;
    font-size: 14px;
    padding  : 0;
}

.PaymentSuccess .ibox-content h3,
.PaymentSuccess label.sr-only-new {
    margin   : 0;
    font-size: 14px;
    padding  : 0;
}

.PaymentSucessCCAvenue #page-wrapper {
    padding: 0;
    padding-bottom: 30px;
    background: rgba(0, 185, 246, 0.2);
    height: 100%;
    min-height: 930px;
}

.PaymentSucessCCAvenue .inner-bg {
    padding: 20px 0;
    background: #026156;
}

    .PaymentSucessCCAvenue .inner-bg img {
        width: 250px;
    }

.PaymentSucessCCAvenue .ibox-content h3,
.PaymentSucessCCAvenue label.sr-only-new {
    margin: 0;
    font-size: 14px;
    padding: 0;
}


/*============================================
        Css Add 05-03-21 
============================================*/

.container.middalpart{
    padding: 50px 15px;
}

.comntitle h2{
    text-align: center;
    margin: 0;
    position: relative;
    font-weight: 600;
    color: #fff;
    background: #00B9F6;
    padding: 20px 15px;
    text-transform: capitalize;
    font-size: 24px;
}
.panel-default{
    border: none;
}