.menubtn {
    display: inline-block;
    padding: .5em;
    background-color: #08085f;
    text-decoration: none;
    color: white;
}

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255,255,255,0.8) url("../images/loader.gif") center no-repeat;
}
/* Turn off scrollbar when body element has the loading class */
body.loading {
    overflow: hidden;
    
}
    /* Make spinner image visible when body element has the loading class */
    body.loading .overlay {
        display: block;
    }

.cardCont .card-body {
    overflow: unset;
}
.proImgSiz {
    width: 200px;
    height: auto
}
/* This is for the loader */
.aepsloader {
    width: 40%;
    background: #31708f;
}
.background-darkblue {
    background: #095bb4;
}

.background-brown {
    background: #880707;
}
.background-blue {
    background: #404347;
}
.background-black {
    background: #000;
}
.opacityLogin:hover {
    transform: scale(1.03);
    
}
.LoginFormCol6 .opacityLogin {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0.8), rgba(53, 196, 248,0));
    border-radius: 20px;
}

.LoginFormCol6 {
    background: linear-gradient(to bottom, rgba(0, 37, 116,0.1), rgba(53, 196, 248,0.3));
    border-radius:20px;
}

.LoginFormCol6 h3 {
    font-weight: 300;
}

.LoginFormCol6 .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#usernotification span::before {
    content: url(../../images/tick2.png);
}
/*marquee {
    background: #115293;
}*/

.latest-updates {
    /*  position: absolute;*/
    /* top: 90%; */
    left: 0%;
    width: 100%;
}

.update_head {
    background: #0593cb;
    font-size: 18px;
    color: #fff;
    float: left;
    padding: 10px 15px;
    width: 15%;
    position: relative;
    text-align: center;
}

    .update_head:after {
        position: absolute;
        content: '';
        right: -29px;
        /*   top: 6px;*/
        border: 15px solid transparent;
        border-left-color: #0593cb;
    }

.news_ticker {
    float: left;
    width: 85%;
    font-size: 15px;
    padding: 11.1px 25px;
    background-color: #1a1a1a;
    height: 47px;
}

ul.iconlist {
    padding: 0;
}

.iconlist li {
    float: left;
}

.iconlist li {
    /*padding: 0px;*/
    /*margin: 0 0 10px 0;*/
    /*display: block;*/
    /*line-height: 23px;*/
    background-color: #1a1a1a;
}

    .iconlist li i {
        color: #edf16e;
    }

.fa-arrow-circle-right:before {
    content: "\f0a9";
}
/*start horizontal menu*/

.menu-hr li.multi-level-ddl {
    margin-top: 3px;
    margin-right: 20px;
    padding: 10px;
}

    .menu-hr li.multi-level-ddl:hover {
        padding: 10px;
        background: #2a4d63;
    }

.menu-hr a, .menu-hr a:hover {
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
}

.menu-hr button.btn.dropdown-toggle {
    margin-top: 0vh !important;
}

.menu-hr .dropdown-submenu {
    position: relative;
}

.menu-hr .dropdown-menu > li > a {
    color: #2a4d63;
    font-size: 14px;
}

.menu-hr .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.menu-hr .dropdown-menu {
    font-size: 12px;
    background-color: #08b2e9;
}

.menu-hr .navbar-dark .navbar-nav .nav-link {
    color: white;
    padding-right: 20px;
    font-size: 15px;
    cursor: pointer;
}

.menu-hr .dropdown-menu::before {
    top: 1px;
    background: #08b2e9 !important;
    left: 2.2rem;
}

.menu-hr .dropdown-menu > li > a:focus, .menu-hr .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #5e90af !important;
}

.menu-hr .navbar {
    border-radius: 0;
    margin-bottom: 0;
    min-height: 40px;
}

.SignupCard .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.SignupCard h3 {
    font-weight: 300;
}


#moveTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    padding: 5px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

#moveTop:hover {
    background-color: red;
}

.otpBox {
    height: 30px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #000000;
    margin-left: 5px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.fa-eye, .fa-eye-slash {
    margin: 11px -35px;
}

.fa.fa-mobile {
    font-size: 20px;
    margin: 11px -29px;
}

.bg-authentication {
    background-color: #F2F4F4 !important;
}
.dropdown-menu.show{
    margin-top:-5px;
}
.dropdown-toggle:hover::after {
    transform: rotate(180deg) !important;
    transition-duration: .5s;
    color:#000;
}
.UListtxtmob {
    height: 30px;
    border-radius: 0px;
    border: 1px solid #aaa;
    padding: 10px;
}

.AdmibToggleDiv a.dropdown-item {
    color: #fff;
    border-bottom:1px solid #000;
    font-size: .90rem;
}
.AdmibToggleDiv a.dropdown-item:hover {
    background: red;
    color: #fff;
}
.AdmibToggleDiv .dropdown-menu {
    background: #1ab6e1;
    color:#fff;
    margin-top: -5px;
    border-radius: 0;
}

.select2-container--default .select2-selection--single {
    border-radius: 0px;
    height: 31px;
}

.hidden {
    visibility: hidden;
}

/*.LoginForgotLink, .LoginForgotLink:hover {
    color: brown;
    text-decoration: none;
}*/

.LoginForgotLink, .LoginForgotLink:hover {
    color: #fff;
    text-decoration: none;
}

ul.LogoutEditPro li a, ul.LogoutEditPro li a:hover {
    text-decoration: none;
    color: black
}

.WltRldReqTd {
    display: flex;
}

.datepicker {
line-height:1.75;
}
.datepicker-container,
.datepicker-dropdown,
.datepicker-top-left {
    z-index: 1051 !important;
}
/*start login slider*/
.LoginLeftSlidCol6 {
    padding: 50px;
   
    /*background: url(../images/LoginBg4.jpg);*/
}

    .LoginLeftSlidCol6 .mySlides {
        display: none;
    }

    .LoginLeftSlidCol6 img {
        vertical-align: middle;
        max-height: 600px;
    }

    .LoginLeftSlidCol6 .slideshow-container {
        max-width: 1000px;
        position: relative;
        margin: auto;
        border: 1px dashed #495057;
    }

    .LoginLeftSlidCol6 .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
    }

    .LoginLeftSlidCol6 .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }

    .LoginLeftSlidCol6 .dot {
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }

    .LoginLeftSlidCol6 .active {
        background-color: red;
    }

    .LoginLeftSlidCol6 .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 10s;
        animation-name: fade;
        animation-duration: 10s;
    }

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width: 300px) {
    .LoginLeftSlidCol6 .text {
        font-size: 11px
    }
}
/*end login slider*/
.background-red {
    background: red;
}

.background-lightred {
    background: #fff !important;
}

.background-white {
    background: #fff;
    padding: 5px 15px;
    width: -webkit-fill-available;
}


.background-black {
    background: #000;
}
.background-aqua {
    background: #1ab6e1;
}
.menutext {
    font-weight:bold;
}
.nav-link:hover {
background:red;
}


.width-100 {
    width: 100px;
}

.background-lightbrown2 {
    background: #ddc0ca;
}

.background-yellow {
    background: yellow;
}

.background-lightblack {
    background: #343a40;
}

.background-green {
    background: green;
}

.background-darkred {
    background: #08085f;
}



    .card.SignupCard .card-header {
        background: snow;
    }

.color-red {
    color: red;
}

.color-black {
    color: black;
}

.color-white {
    color: white !important;
}

.color-brown {
    color: #861f41;
}

footer {
    background: pink !important;
}

div.row.CertificateRowDis,
div.row.CertificateRow {
    border: 1px solid #c2a7a7;
    padding: 80px 40px 20px 40px;
    background: url('/images/CertificateBg.jpg');
    background-size: cover;
}

div.row.BcCertAdmRow {
    border: 1px solid #c2a7a7;
    padding: 80px 40px 20px 40px;
    background: url('/images/CertificateBg.jpg');
    background-size: cover;
}

.DmtChkNowBtn, .DmtChkNowBtn:hover {
    color: white !important;
}

div.row.CertificateRow h1 {
    font-family: 'FontAwesome';
}

div.row.BcCertAdmRow h1 {
    font-family: 'FontAwesome';
}

.InsProtectCard .card {
    background: beige;
}

.InsProtectCard ul li {
    display: inline;
}

.InsProtectCard ul.KeyBeneUl li {
    display: block;
}

    .InsProtectCard ul.KeyBeneUl li::before {
        padding-right: 10px !important;
        padding-left: 10px !important;
        padding: 0;
    }

.InsuCol3bordLft {
    border-left: 1px solid lavender;
}

.InsProtectCard ul li::before {
    content: "|";
    padding: 15px;
    padding-left: 0;
}

.InsProtectCard ul.KeyBeneUl li:first-child::before,
.InsProtectCard ul.KeyBeneUl li::before {
    content: "\f058";
    font-family: FontAwesome;
}

.InsProtectCard ul li:first-child::before {
    content: "\f0f8";
    font-family: FontAwesome;
    display: inline-block;
}

.HeadBtnMrg {
    padding-top: 11px;
}

.background-lightpink {
    background: #f7ecf1;
}

.width-140 {
    width: 140px !important;
}

.modal .form-control {
    border: 1px solid #e8e5e5 !important;
}

.RefundModal .form-group {
    margin-bottom: 0.5rem;
}

.DmtBLDiv {
    font-size: 16px;
    width: 270px;
    height: 100px;
    padding: 30px 40px;
    border: 5px solid #f3cadc;
    border-radius: 10px 20px 10px 20px;
}

.modal .table td, .modal .table th {
    font-size: 15px;
}

.table .form-control {
    border: 1px solid #ccc !important;
}

.card.UserAEPSCardTra a, .card.UserAEPSCardTra a:hover {
    color: brown;
    text-decoration: none;
}

.card.MiniAtmCardTra a, .card.MiniAtmCardTra a:hover {
    text-decoration: none;
    color: brown;
}

.card.MiniAtmCardTra .nav .nav-item button, .card.MiniAtmCardTra .nav .nav-item button:hover {
    background: #000000;
    color: white;
    padding: .3rem 1rem;
    cursor: pointer;
}

.card.MiniAtmCardTra .nav .nav-item.active button, .card.MiniAtmCardTra .nav .nav-item.active button:hover {
    background: #ff0000;
    color: white;
    padding: .3rem 1rem;
    cursor: pointer;
}


/*start custom checkbox for aeps*/
.card.UserAEPSCardTra .nav .nav-item button, .card.UserAEPSCardTra .nav .nav-item button:hover {
    background: #000000;
    color: white;
    padding: .3rem 1rem;
    cursor: pointer;
}

.card.UserAEPSCardTra .nav .nav-item.active button, .card.UserAEPSCardTra .nav .nav-item.active button:hover {
    background: #ff0000;
    color: white;
    padding: .3rem 1rem;
    cursor: pointer;
}
.card.UserAEPSCardTra .CheckboxLabel {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .card.UserAEPSCardTra .CheckboxLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.card.UserAEPSCardTra .CheckboxSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

.card.UserAEPSCardTra .CheckboxLabel:hover input ~ .CheckboxSpan {
    background-color: #ccc;
}

.card.UserAEPSCardTra .CheckboxLabel input:checked ~ .CheckboxSpan {
    background-color: #861f41;
}

.card.UserAEPSCardTra .CheckboxSpan:after {
    content: "";
    position: absolute;
    display: none;
}

.card.UserAEPSCardTra .CheckboxLabel input:checked ~ .CheckboxSpan:after {
    display: block;
}

.card.UserAEPSCardTra .CheckboxLabel .CheckboxSpan:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end custom checkbox for aeps*/

/*start custom checkbox for Aapay*/
.card.UserAapayCardTra .nav .nav-item button, .card.UserAapayCardTra .nav .nav-item button:hover {
    background: #007bff;
    color: white;
    padding: .3rem 1rem;
    cursor: pointer;
}

.card.UserAapayCardTra .nav .nav-item.active button, .card.UserAapayCardTra .nav .nav-item.active button:hover {
    background: #1a870b;
    color: white;
    padding: .3rem 1rem;
    cursor: pointer;
}
.card.UserAapayCardTra a, .card.UserAapayCardTra a:hover {
    color: brown;
    text-decoration: none;
}

.card.UserAapayCardTra .CheckboxLabel {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .card.UserAapayCardTra .CheckboxLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.card.UserAapayCardTra .CheckboxSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

.card.UserAapayCardTra .CheckboxLabel:hover input ~ .CheckboxSpan {
    background-color: #ccc;
}

.card.UserAapayCardTra .CheckboxLabel input:checked ~ .CheckboxSpan {
    background-color: #861f41;
}

.card.UserAapayCardTra .CheckboxSpan:after {
    content: "";
    position: absolute;
    display: none;
}

.card.UserAapayCardTra .CheckboxLabel input:checked ~ .CheckboxSpan:after {
    display: block;
}

.card.UserAapayCardTra .CheckboxLabel .CheckboxSpan:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end custom checkbox for aeps*/

/*start custom checkbox for Profile (for Enable/Disable OTP)*/
.ProEnaOTP .CheckboxLabel {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .ProEnaOTP .CheckboxLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.ProEnaOTP .CheckboxSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

.ProEnaOTP .CheckboxLabel:hover input ~ .CheckboxSpan {
    background-color: #ccc;
}

.ProEnaOTP .CheckboxLabel input:checked ~ .CheckboxSpan {
    background-color: #861f41;
}

.ProEnaOTP .CheckboxSpan:after {
    content: "";
    position: absolute;
    display: none;
}

.ProEnaOTP .CheckboxLabel input:checked ~ .CheckboxSpan:after,
.ProEnaOTP .CheckboxLabel input:checked ~ .CheckboxSpan:after {
    display: block;
}

.ProEnaOTP .CheckboxLabel .CheckboxSpan:after,
.ProEnaOTP .CheckboxLabel .CheckboxSpan:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end custom checkbox for Profile (for Enable/Disable OTP) */
/*start custom checkbox for ProfileDis (for Enable/Disable OTP)*/
.ProEnaOTPDis .CheckboxLabel {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .ProEnaOTPDis .CheckboxLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.ProEnaOTPDis .CheckboxSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

.ProEnaOTPDis .CheckboxLabel:hover input ~ .CheckboxSpan {
    background-color: #ccc;
}

.ProEnaOTPDis .CheckboxLabel input:checked ~ .CheckboxSpan {
    background-color: #861f41;
}

.ProEnaOTPDis .CheckboxSpan:after {
    content: "";
    position: absolute;
    display: none;
}

.ProEnaOTPDis .CheckboxLabel input:checked ~ .CheckboxSpan:after,
.ProEnaOTPDis .CheckboxLabel input:checked ~ .CheckboxSpan:after {
    display: block;
}

.ProEnaOTPDis .CheckboxLabel .CheckboxSpan:after,
.ProEnaOTPDis .CheckboxLabel .CheckboxSpan:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end custom checkbox for ProfileDis (for Enable/Disable OTP) */
/*start custom checkbox for EnableOTPAdmin*/
.EnaOTPAdm .CheckboxLabel {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .EnaOTPAdm .CheckboxLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.EnaOTPAdm .CheckboxSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

.EnaOTPAdm .CheckboxLabel:hover input ~ .CheckboxSpan {
    background-color: #ccc;
}

.EnaOTPAdm .CheckboxLabel input:checked ~ .CheckboxSpan {
    background-color: #861f41;
}

.EnaOTPAdm .CheckboxSpan:after {
    content: "";
    position: absolute;
    display: none;
}

.EnaOTPAdm .CheckboxLabel input:checked ~ .CheckboxSpan:after {
    display: block;
}

.EnaOTPAdm .CheckboxLabel .CheckboxSpan:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end custom checkbox for EnableOTPAdmin */
/*start custom checkbox for Profile (for Consent Letter)*/
.ProConLetter .CheckboxLabel {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .ProConLetter .CheckboxLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.ProConLetter .CheckboxSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

.ProConLetter .CheckboxLabel:hover input ~ .CheckboxSpan {
    background-color: #ccc;
}

.ProConLetter .CheckboxLabel input:checked ~ .CheckboxSpan {
    background-color: #861f41;
}

.ProConLetter .CheckboxSpan:after {
    content: "";
    position: absolute;
    display: none;
}

.ProConLetter .CheckboxLabel input:checked ~ .CheckboxSpan:after {
    display: block;
}

.ProConLetter .CheckboxLabel .CheckboxSpan:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end custom checkbox for Profile (for Consent Letter) */
/*start custom checkbox for ProfileDis (for Consent Letter)*/
.ProConLetterDis .CheckboxLabel {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .ProConLetterDis .CheckboxLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.ProConLetterDis .CheckboxSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

.ProConLetterDis .CheckboxLabel:hover input ~ .CheckboxSpan {
    background-color: #ccc;
}

.ProConLetterDis .CheckboxLabel input:checked ~ .CheckboxSpan {
    background-color: #861f41;
}

.ProConLetterDis .CheckboxSpan:after {
    content: "";
    position: absolute;
    display: none;
}

.ProConLetterDis .CheckboxLabel input:checked ~ .CheckboxSpan:after {
    display: block;
}

.ProConLetterDis .CheckboxLabel .CheckboxSpan:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end custom checkbox for ProfileDis (for Consent Letter) */
/*start custom checkbox for EditConsentLetter*/
.EditConsentLetter .CheckboxLabel {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .EditConsentLetter .CheckboxLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.EditConsentLetter .CheckboxSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

.EditConsentLetter .CheckboxLabel:hover input ~ .CheckboxSpan {
    background-color: #ccc;
}

.EditConsentLetter .CheckboxLabel input:checked ~ .CheckboxSpan {
    background-color: #861f41;
}

.EditConsentLetter .CheckboxSpan:after {
    content: "";
    position: absolute;
    display: none;
}

.EditConsentLetter .CheckboxLabel input:checked ~ .CheckboxSpan:after {
    display: block;
}

.EditConsentLetter .CheckboxLabel .CheckboxSpan:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end custom checkbox for EditConsentLetter */
/*start custom checkbox for mini atm*/
.card.MiniAtmCardTra .CheckboxLabel {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .card.MiniAtmCardTra .CheckboxLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.card.MiniAtmCardTra .CheckboxSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

.card.MiniAtmCardTra .CheckboxLabel:hover input ~ .CheckboxSpan {
    background-color: #ccc;
}

.card.MiniAtmCardTra .CheckboxLabel input:checked ~ .CheckboxSpan {
    background-color: #861f41;
}

.card.MiniAtmCardTra .CheckboxSpan:after {
    content: "";
    position: absolute;
    display: none;
}

.card.MiniAtmCardTra .CheckboxLabel input:checked ~ .CheckboxSpan:after {
    display: block;
}

.card.MiniAtmCardTra .CheckboxLabel .CheckboxSpan:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end custom checkbox for mini atm*/
.HeadBtnMrg button {
    font-size: 15px;
    width: 200px;
    margin-left: 10px;
}

.LoginBtn {
    letter-spacing: 1px;
    color: white;
}

    .LoginBtn:hover {
        color: white;
    }

.ForgotBtn {
    letter-spacing: 1px;
    font-size: 16px;
    font-family: -webkit-pictograph;
}

.MarqBar p {
    font-size: 16px;
    margin-top: 5px;
}

.LoginFormCol6 {
    padding: 50px;
    /*background: url(../images/LoginBg4.jpg);*/
    /*border-left: 5px solid #ffffff;*/
    margin:auto;
}

    .LoginFormCol6 h3 {
        letter-spacing: 1px;
        font-family: system-ui;
    }

.d-flex {
    display: flex;
}

.WTAMCard .card,
.EditSuDetailsCard .card,
.WalRelReqCard .card,
.ReqMngrDisCard .card,
.BenDtlsCard .card,
.BankBCCard .card,
.AddBeneCard .card,
.BeneDetTable .card,
.FiaTable .card,
.SenderDetails .card,
.UserListTable .card,
.RegisRequTable .card,
.ReportsTable .card,
.BsnsRptTable .card,
.BsnsRptDisTable .card,
.InsuranceTable .card,
.MainWalletTable .card,
.NoticeMarkasTable .card,
.DMTPriorityTable .card,
.UserWalletTable .card,
.MainWalletSupAdmTable .card,
.MainWalletDisTable .card,
.MiniAtmWalletTable .card,
.AepsWalletTable .card,
.ProGenTPIN .card,
.ProCPCard .card,
.ProEnaTPIN .card,
.ProEnaOTP .card,
.ProEnaOTPDis .card,
.EnaOTPAdm .card,
.ProAddBank .card,
.ProAddBankDis .card,
.EditConsentLetter .card,
.ProConLetter .card,
.ProFeeDetailDmt .card,
.ProMATMPurc .card,
.ProMATMPurcDis .card,
.ProFeeDetailAeps .card,
.ProFeeDetailAepsDis .card,
.ProFeeDetailMini .card,
.ProFeeDetailMiniDis .card,
.EditExcpLetter .card,
.ProExcempLetter .card,
.ProExcempLetterDis .card,
.AdminDshbdTableTxn .card,
.DmtComTableTxn .card,
.AdminDshbdTableVol .card,
.UserListDmt .card,
.UserListAeps .card,
.UserListMatm .card,
.RollUpgTable .card {
    box-shadow: 0px 5px 5px 0px #e7dddd !important;
    
}

.UserListMatm table th,
.UserListMatm table td,
.UserListDmt table th,
.UserListDmt table td,
.UserListAeps table th,
.UserListAeps table td,
.ProFeeDetailAeps table th,
.ProFeeDetailAeps table td,
.ProFeeDetailMini table th,
.ProFeeDetailMini table td,
.ProFeeDetailDmt table th,
.ProFeeDetailDmt table td
.ProFeeDetailDmtDis table th,
.ProFeeDetailDmtDis table td {
    font-size: 16px;
}
.card.CardPro div div div {
    height: 50px;
    width: 170px;
    background: #fff;
    border: 1px solid #08b2e9;
    box-shadow: 4px 5px 5px 5px #93dbf2;
    margin-top: 10px;
    border-radius: 5px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(0, 200, 255, 0.9) ), url("../images/imggbg.png");
    background-size: cover, contain;
    background-position: center, right bottom;
    background-repeat: repeat, repeat;
    transform: skew(3deg, -2deg);
}
.card.CardASM div div div {
    height: auto;
    width: 147px;
    background: white;
    border: 1px solid brown;
    border-radius: 10px;
    font-family: 'Karla', sans-serif;
}
.card.CardDistri div div div {
    height: 135px;
    width: 147px;
    background: white;
    border: 1px solid brown;
    border-radius: 10px;
    /*start PaulM project fonts*/
    font-family: 'Karla', sans-serif;
    /*end PaulM project fonts*/
}

.card.CardDmtCommission div div div {
    height: 135px;
    width: 200px;
    background: white;
    border: 1px solid brown;
    border-radius: 10px;
    /*start PaulM project fonts*/
    font-family: 'Karla', sans-serif;
    /*end PaulM project fonts*/
}

.dropdown .nav-link {
    cursor: pointer;
}
/*start fia radio button*/
.radio-label {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio-label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.radio-span {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ecd3de;
    border-radius: 50%;
}

.radio-label:hover input ~ .radio-span {
    background-color: #ccc;
}

.radio-label input:checked ~ .radio-span {
    background-color: #a63466;
}

.radio-span:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-label input:checked ~ .radio-span:after {
    display: block;
}

.radio-label .radio-span:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
/*end fia radio button*/
.card.CardSer2 div div div, .card.CardDistri2 div div div {
    height: 135px;
    width: 206px;
    background: #fff;
    border: 1px solid #37a3ff;
    border-radius: 100px 100px 20px 20px;
    font-family: 'Karla', sans-serif;
    box-shadow: 0px 10px 10px 0px #e7dddd !important;
    /*end PaulM project fonts*/
}
.card.servicebar div div div {
    height: 124px;
    width: 155px;
    background: #fff;
    border: 1px solid #37a3ff;
    border-radius: 100px 100px 20px 20px;
    font-family: 'Karla', sans-serif;
    box-shadow: 0px 10px 10px 0px #e7dddd !important;
    /*end PaulM project fonts*/
}

.card.servicebar div div i {
    width: 60px;
    height: 60px;
    border: 2px solid #e4c1ba;
}

.card.servicebar div div i img, .card.servicebar div div i img:hover {
    filter: drop-shadow(5px 5px 5px white);
}

.card.servicebar div div a,
.card.servicebar div div a:hover{
    text-decoration: none;
    color: black;
    font-size: 16px;
}

    .card.CardProfileDis div div div, .card.CardProfile div div div, .card.CardReqMngrDis div div div, .card.CardAddUserDis div div div {
    height: 100px;
    width: 206px;
    background: white;
    border: 1px solid brown;
    border-radius: 5px;
    /*start PaulM project fonts*/
    font-family: 'Karla', sans-serif;
    /*end PaulM project fonts*/
}
.card.CardBillPay div div div {
    height: 65px;
    width: 130px;
    background: white;
    border: 1px solid brown;
    border-radius: 5px;
    font-family: 'Karla', sans-serif;
}
.card.CardRecharge div div div {
    height: 65px;
    width: 130px;
    background: white;
    border: 1px solid brown;
    border-radius: 5px;
    font-family: 'Karla', sans-serif;
}
.card.CardInsurance div div div {
    height: 100px;
    width: 410px;
    background: #ea3434;
    border: 1px solid brown;
    border-radius: 5px;
    /*start PaulM project fonts*/
    font-family: 'Karla', sans-serif;
    /*end PaulM project fonts*/
}

.card.CardInsurance2 div div div {
    height: 100px;
    width: 300px;
    background: white;
    border: 1px solid brown;
    border-radius: 5px;
    /*start PaulM project fonts*/
    font-family: 'Karla', sans-serif;
    /*end PaulM project fonts*/
}

.card.CardSer div.row div {
    height: 135px;
    width: 135px;
    background: white;
    border: 1px solid brown;
    border-radius: 10px;
    display: inline-block;
}

.card.CardPro div div i {
    width: 60px;
    height: 60px;
    border: 2px solid #e4c1ba;
}

.card.CardDistri div div i {
    width: 60px;
    height: 60px;
    border: 2px solid #e4c1ba;
}

.card.CardDmtCommission div div i {
    width: 60px;
    height: 60px;
    border: 2px solid #e4c1ba;
}

.card.CardSer2 div div i, .card.CardDistri2 div div i {
    width: 60px;
    height: 60px;
    border: 2px solid #e4c1ba;
}

.card.CardReqMngrDis div div i,
.card.CardRecharge div div i,
.card.CardBillPay div div i,
.card.CardProfile div div i,
.card.CardProfileDis div div i,
.card.CardAddUserDis div div i {
    width: 44px;
    height: 44px;
}

.card.CardInsurance div div i, .card.CardInsurance2 div div i {
    width: 44px;
    height: 44px;
}

.SenderDetails .BankBCCard button:hover,
.SenderDetails .BankBCCard button:focus,
.SenderDetails .AddBeneCard button:hover,
.SenderDetails .AddBeneCard button:focus,
.AddBenBtn:hover,
.SenderDetails .ClickNowSender:hover,
.ProCPCard .btn,
.ProGenTPIN .btn,
.ProEnaTPIN .btn,
.ProEnaOTP .btn,
.ProEnaOTP .btn:hover,
.ProEnaOTPDis .btn,
.ProEnaOTPDis .btn:hover,
.EnaOTPAdm .btn,
.EnaOTPAdm .btn:hover,
.ProConLetter .btn,
.ProConLetter .btn:hover,
.EditConsentLetter .btn,
.EditConsentLetter .btn:hover,
.ProMATMPurc .btn,
.ProMATMPurc .btn:hover,
.ProAddBank .btn,
.ProAddBank .btn:hover {
    color: white !important;
}

.ProMATMPurc .form-control {
    border: 1px solid #d4d4d4 !important;
    border-bottom: 1px solid #d4d4d4 !important;
}

.ProMATMPurc #MatmPurchModal .form-group {
    margin-bottom: 0rem;
}

.ProMATMPurc #MatmPurchModal button {
    width: 100px;
}

.ProMATMPurc #MatmPurchModal .form-control {
    height: 30px;
}

.ProMATMPurc #MatmPurchModal .col-form-label {
    color: #935a5a;
    font-size: 16px;
    font-weight: 500;
}

.ProMATMPurc #MatmPurchModal .custom-control-label {
    color: #861f41;
}

.ProMATMPurc #MatmPurchModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #861f41;
}

.ProMATMPurc #MatmPurchModal .custom-control-label::before {
    border: 2px solid #861f41;
    border-radius: 0px !important;
    background-color: #fefefe;
}

.card.CardPro div div i img, .card.CardPro div div i img:hover {
    filter: drop-shadow(5px 5px 5px white);
}

.card.CardDistri div div i img, .card.CardDistri div div i img:hover {
    filter: drop-shadow(5px 5px 5px white);
}

.card.CardSer2 div div i img, .card.CardSer2 div div i img:hover,
.card.CardDistri2 div div i img, .card.CardDistri2 div div i img:hover {
    filter: drop-shadow(5px 5px 5px white);
}

.card.CardRecharge div div i img, .card.CardRecharge div div i img:hover,
.card.CardBillPay div div i img, .card.CardBillPay div div i img:hover,
.card.CardProfile div div i img, .card.CardProfile div div i img:hover,
.card.CardProfileDis div div i img, .card.CardProfileDis div div i img:hover,
.card.CardReqMngrDis div div i img, .card.CardReqMngrDis div div i img:hover,
.card.CardAddUserDis div div i img, .card.CardAddUserDis div div i img:hover {
    filter: drop-shadow(5px 5px 5px white);
}

.card.CardInsurance div div i img, .card.CardInsurance div div i img:hover,
.card.CardInsurance2 div div i img, .card.CardInsurance2 div div i img:hover {
    filter: drop-shadow(5px 5px 5px white);
}

.card.CardSer2 div div a,
.card.CardSer2 div div a:hover,
.card.CardDistri2 div div a,
.card.CardDistri2 div div a:hover,
.card.CardDmtCommission div div a,
.card.CardDmtCommission div div a:hover,
.card.CardPro div div a,
.card.CardASM div div a,
.card.CardPro div div a:hover,
.card.CardASM div div a:hover,
.card.CardDistri div div a,
.card.CardDistri div div a:hover,
.card.CardAddUserDis div div a,
.card.CardAddUserDis div div a:hover,
.card.CardReqMngrDis div div a,
.card.CardReqMngrDis div div a:hover,
.card.CardProfile div div a,
.card.CardProfile div div a:hover,
.card.CardRecharge div div a,
.card.CardRecharge div div a:hover,
.card.CardBillPay div div a,
.card.CardBillPay div div a:hover,
.card.CardProfileDis div div a,
.card.CardProfileDis div div a:hover,
.card.CardInsurance2 div div a,
.card.CardInsurance2 div div a:hover {
    text-decoration: none;
    color: black;
    font-size: 16px;
}

.card.CardInsurance div div a,
.card.CardInsurance div div a:hover {
    text-decoration: none;
    color: white;
    font-size: 18px;
}

.card.CardReqMngrDis div.row div a,
.card.CardReqMngrDis div.row div a:hover,
.card.CardRecharge div.row div a,
.card.CardRecharge div.row div a:hover,
.card.CardBillPay div.row div a,
.card.CardBillPay div.row div a:hover,
.card.CardProfile div.row div a,
.card.CardProfile div.row div a:hover,
.card.CardProfileDis div.row div a,
.card.CardProfileDis div.row div a:hover,
.card.CardAddUserDis div.row div a,
.card.CardAddUserDis div.row div a:hover {
    text-decoration: none;
    color: black;
    font-size: 15px;
}

.card.CardPro div div i:hover {
    width: 60px;
    height: 60px;
    background: #861f41;
    border: 2px solid #861f41;
}

.card.CardDistri div div i:hover {
    width: 60px;
    height: 60px;
    background: #861f41;
    border: 2px solid #861f41;
}

.card.CardSer2 div div i:hover,
.card.CardDistri2 div div i:hover {
    width: 60px;
    height: 60px;
    background: #861f41;
    border: 2px solid #861f41;
}


.card.CardSer div.row div i {
    width: 60px;
    height: 60px;
    border: 2px solid #e4c1ba;
}

    .card.CardSer div.row div i:hover {
        width: 60px;
        height: 60px;
        background: #861f41;
        border: 2px solid #861f41;
    }

    .card.CardSer div.row div i img {
        margin-top: -7px;
        filter: drop-shadow(5px 5px 5px white);
    }

.border-radius50 {
    border-radius: 50%;
}

.border-radius0 {
    border-radius: 0px !important;
}

.ddm-user, .ddm-user:hover {
    text-decoration: none;
    color: black;
    font-size: 18px;
}

.card.CardPro, .card.CardDistri, .card.CardSer, .card.CardDmtCommission {
    border: 1px solid #08b2e9 !important;
}

ul.LogoutEditPro {
    position: absolute;
    z-index: 1;
}

.form-control {
    /*background: transparent !important;*/
    background: #FFF;
    border: 1px solid #cdcaca !important;
    /*border-bottom: 1px solid #e8e5e5 !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;*/
}


div.tab-content div.card-body h4 {
    background: #2294c7;
    padding: 10px 15px;
    border-radius: 8px;
    width: -webkit-fill-available;
}

.background-darkred {
    background: #1fa19f;
}

.background-darkred {
    background: #1e0f8a;
}
.background-darkred {
    background: #0e53e5;
}

.background-lightbrown {
    background: #97144d;
}

.mrgn-left-25 {
    margin-left: 25px;
}

.mrgn-left-35 {
    margin-left: 35px;
}

.mrgn-left-lngimg {
    margin-left: 28%;
}

/*end PaulM css*/
div .big-rupee i.fa.fa-rupee.bigrupee {
    color: #b7cb72;
}

div.big-rupee h3 {
    color: #738344;
}

div.big-rupee h1 {
    color: #b7cb72;
}

div.big-rupee button, div.big-rupee button:hover {
    background: #738344 !important;
    border: none !important;
}

button.rd-update, button.rd-update:hover {
    margin-top: 42px;
}

button#btn_serch {
    margin-top: 19px;
}


a:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

li.nav-item {
    padding: 5px;
}


.col-child-comnt h4.card-text {
    font-size: 14px !important;
}
/*start all notification*/
.alert.alert-info small {
    font-size: 12px;
}
/*end all notification*/
.userdashboard2 .row .col-md-10 span a {
    padding: 20px 10px;
    background: #f4f5f173;
    color: #307697;
    box-shadow: 5px 5px 5px lightgrey;
    margin: 10px;
    width: 155px;
}

.glyphicon-bell + span {
    background: #ff5b5c;
    padding: 0 2px;
    border-radius: 2rem;
    color: white;
    text-decoration: none;
    font-size: 10px;
    margin-top: 20px !important;
    margin-left: -17px !important;
    position: absolute;
}

.group-span-filestyle {
    width: 130px !important;
}

label.btn-secondary, label.btn-secondary:hover {
    background: #2a4d63;
    height: 100%;
    color: white;
    padding-top: 7px !important;
    font-size: 12px;
}

.animateNow {
    transform: rotate(360deg);
    transition: width 1s, height 1s, transform 1s;
}

.colmd2-report h4 {
    background: #54a6cc;
    border-radius: 4px;
    padding: 5px 30px;
    color: white;
    font-size: 15px;
}

.bglight span:first-child a {
    background: #54a6cc;
    color: #ffffff;
    border-color: #fde7d3;
    width: 200px;
}

.bglight span:nth-child(2) a {
    background: #54a6cc;
    color: #ffffff;
    border-color: #cfeffa;
    width: 200px;
}

.bglight span:nth-child(3) a {
    background: #54a6cc;
    color: #ffffff;
    border-color: #e0e3ff;
    width: 200px;
}

.bglight span:nth-child(4) a {
    background: #54a6cc;
    color: #ffffff;
    border-color: #fde7d3;
    width: 200px;
}

.bglight span:nth-child(5) a {
    background: #54a6cc;
    color: #ffffff;
    border-color: #cfeffa;
    width: 200px;
}

.bglight span:nth-child(6) a {
    background: #54a6cc;
    color: #ffffff;
    border-color: #e0e3ff;
    width: 200px;
}

.colmd2-report {
    background: #95d3f926;
    padding: 30px;
}

.report2-ud a {
    display: block;
    font-size: 16px;
    margin-top: 5px;
    color: #307697;
    text-decoration: none;
    cursor: pointer;
}

a.report-ud {
    color: #ffffff;
    text-decoration: none;
    background-color: #b7cb72;
    padding: 10px 20px 10px 10px;
    border-radius: 3px;
    margin-right: 10px;
}

.bglight {
    background: #f4f5f173;
}

.btn-ud {
    display: none;
    border-radius: 3px !important;
    margin-right: 10px;
}

.footerul li {
    display: inline-block;
}

footer small {
    margin-top: 6px;
    position: absolute;
}

ul.footerul {
    margin-bottom: -5px;
    margin-top: 2px;
    text-align: right;
}

.footerul li:first-child {
    margin-right: 20px;
}

.footerimg {
    width: 73px;
    height: 20px;
    margin-top: 4px;
}

input[type=number] {
    height: 45px;
    width: 45px;
    font-size: 25px;
    text-align: center;
    border: 1px solid #000000;
}

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.fade {
    opacity: 1;
}
/*.secondBlur .overlay {
    background-color: #bf6363;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    filter: opacity(0.5);
    filter: blur(20px);
}*/


.is-visuallyHidden {
    background-color: rgba(0, 0, 0, 0.8);
}

.col8faq {
    background: #ffffffcf;
    padding: 15px 30px !important;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
    color: #738344 !important;
}

@media(max-width:992px) {
    .wrapper {
        width: 100%;
    }
}

.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title > a, .panel-title > a:active {
    display: block;
    padding: 15px;
    color: white;
    font-size: 16px;
    font-family: inherit;
    background: #b7cb72;
    text-decoration: none;
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

* {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
}

.asign-permsm-card {
    padding: 30px !important;
}

html, body {
    overflow-x: hidden !important;
   
}

table {
    width: 100% !important;
}

.wave-card {
    overflow: hidden;
}

.card {
    overflow: hidden;
    overflow-y: auto;
}

.Beneficiary-btn {
    margin-left: -200px;
    margin-top: 5.8vh;
}

.dmtsave {
    margin-top: 18px;
    margin-left: -10px;
}

.dmtclick {
    margin-top: 8px;
}


.text-red {
    color: red;
}

.ulclick {
    margin-left: 111px !important;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

.fetchbillbtn {
    border-radius: 0px !important;
    width: 110px !important;
    margin-top: 2.2vh !important;
    margin-left: -30px;
    background: #307697;
    color: white;
}

    .fetchbillbtn:hover, .fetchbillbtn:focus {
        color: white;
    }

.btn-next, .btn-next:hover, .btn-next:focus {
    padding: 5px 8px;
    border-radius: 50%;
    margin-top: 6px !important;
    text-decoration: none;
    background: #b7cb72;
    color: #ffffff;
    border: 2px solid #CDDC39;
}

.btn-prev {
    padding: 5px 8px;
    border-radius: 50%;
    margin-top: 6px !important;
    text-decoration: none;
    background: #b7cb72;
    color: #ffffff;
    border: 2px solid #CDDC39;
}

.tablefont11 {
    font-size: 11px !important;
}

.tablefont12 {
    font-size: 12px !important;
}

.tablefont13 {
    font-size: 13px !important;
}

.fail-message-bg {
    background: red;
}

.pending-message-bg {
    background: orange;
}

.success-message-bg {
    background: #11d611;
}

.message-btn-table {
    text-align: center;
    color: white;
    padding: 3px 5px;
    width: 80px;
    display: block !important;
    border-radius: 20px;
}

table#userdetails {
    width: 100% !important;
}

section.table-section-prmsn {
    /* margin-top: 5vh !important;
    margin-bottom: 0vh !important;*/
    margin: 30px 0 40px;
}

.user-permission-mrg {
    padding-top: 5vh !important;
}

.form-width {
    /*max-width: 500px !important;*/
}

section.switch-section .row2-admt {
    margin-top: 3vh;
}

footer p {
    margin-top: 2vh !important;
}

section.switch-section .row3-admt {
    margin-top: 4vh;
}

.effect-permission {
    padding: 0px !important;
}

h4.permission_h4 {
    margin-top: 8px !important;
}

.form-control {
    border-radius: 5px !important;
}

ul .is-hidden li {
    border-bottom: 1px solid #ebebeb !important;
    color: black;
    height: 30px;
    line-height: 30px;
    font-size: 1.3rem;
    border-color: #ebebeb;
    text-decoration: none !important;
}

.search-btn, .search-btn:hover {
    background: #738344;
    margin-top: 13px;
    color: #ffffff;
    border-radius: 0;
    margin-right: 1vh;
}

.search-card {
    margin-top: 5vh;
}

.search-btn-hide, .search-btn-hide:hover {
    background: #738344;
    margin-top: 13px;
    color: #ffffff;
    border-radius: 0;
    margin-right: 1vh;
}

.radius0 {
    border-radius: 0px !important;
}

.center-white-remove:hover {
    text-decoration: none;
    background-color: transparent !important;
}

.btn-serch, .btn-serch:hover {
    background: #307697;
    margin-top: 0px;
    color: #ffffff;
    border-radius: 0;
    margin-right: 1vh;
    margin-left: -40px;
}

.btn-submit-user, .btn-submit-user:hover {
    background: #2a4d63;
    margin-top: 0px;
    color: #ffffff;
    border-radius: 0;
    margin-right: 1vh;
}

.btn-reset-user, .btn-reset-user:hover {
    background: #307697;
    margin-top: 0px;
    color: #ffffff;
    border-radius: 0;
    margin-right: 1vh;
}

.txtserch {
    margin-left: -30px;
}

div.menudiv {
    width: 20px;
    height: 2px;
    background-color: white;
    margin: 4px 0;
    margin-right: 10px;
}

.navbar-dark .navbar-toggler {
    color: white !important;
    /*border-color: transparent !important;*/
}

/*start menu css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

ol, ul {
    list-style: none;
}
/*end menu css*/
.add-search-btn, .add-search-btn:hover {
    background: #738344;
    margin-top: 13px;
    color: #ffffff;
    border-radius: 0;
    margin-right: 1vh;
}

.hide-search-btn, .hide-search-btn:hover {
    background: #738344;
    margin-top: 13px;
    color: #ffffff;
    border-radius: 0;
    margin-right: 1vh;
}

.row.dmt-table {
    margin-top: 2vh;
}

.d-none {
    display: none;
}

.highlight-error {
    border-color: red;
}

.aeps-maintab a.goback, .aeps-maintab a.goback:hover {
    margin-top: 13px;
}

.imt-maintab a.goback, .imt-maintab a.goback:hover {
    margin-top: 13px;
}

a.goback, a.goback:hover {
    background: #008000;
    color: #ffffff;
    border-radius: 0;
}

.row.dmt-table .col-md-4 {
    padding-top: 2vh;
    padding-left: 90px;
}

table.table-bordered.dataTable {
    border-right-width: 1px !important;
}

.darkbluebg {
    background: #2a4d63 !important;
}

.lightbluebg {
    background: #307697 !important;
}

.row.txt4times .col-md-3 {
    padding: 0 2vw;
}

.row.txt4times .col-md-4 {
    padding: 0 2vw;
}

.row.add-bene-btn .col-md-3 {
    padding: 0 2.5vw !important;
}

section.frm-section, section.tbl-section {
    display: none;
}

.nav-pills.bigicon > li > a {
    font-size: 30px !important;
    color: #ffffff !important;
    transition: all 0.3s ease 0s;
}

    .nav-pills.bigicon > li > a span {
        font-family: 'system-ui';
    }

/*start page loader*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #BA55D3;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #FF00FF;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*end page loader*/




.row.pdng-left-right {
    padding: 0 3vh;
}

.row.pdng-left-right-btn {
    padding: 0 0 0 1vh;
}

.col-md-4.pdng-right-txt {
    padding-right: 5vh;
}
/*start custom radio*/
ul.custom-radio-AEPS .container {
    font-weight: normal;
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 7px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    ul.custom-radio-AEPS .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

ul.custom-radio-AEPS .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
}

ul.custom-radio-AEPS .container:hover input ~ .checkmark {
    background-color: #ccc;
}

ul.custom-radio-AEPS .container input:checked ~ .checkmark {
    background-color: #2196F3;
}

ul.custom-radio-AEPS .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

ul.custom-radio-AEPS .container input:checked ~ .checkmark:after {
    display: block;
}

ul.custom-radio-AEPS .container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}
/*end custom radio*/
.txtflat {
    border-radius: 0px !important;
}

section.switch-section ul.switch-ul li {
    margin-bottom: 1vh;
}



section.switch-section .col-md-4 > .form-group > label {
    color: #2a4d63;
    font-size: 17px;
}



section.switch-section .add-permission {
    background: transparent !important;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #2a4d63 !important;
}

section.switch-section .hide-permission {
    background: transparent !important;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #2a4d63 !important;
}

section.switch-section .row2 {
    margin-top: 3vh;
}

section.switch-section .row3 {
    margin-top: 4vh;
}

section.switch-section ul.switch-ul span.text {
    margin-top: -2px !important;
    margin-left: 10px;
    position: absolute;
}

section.switch-section ul.switch-ul {
    list-style-type: none !important;
    margin-left: 0vh;
}

    section.switch-section ul.switch-ul .switch {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 17px;
    }

        section.switch-section ul.switch-ul .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    section.switch-section ul.switch-ul .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        section.switch-section ul.switch-ul .slider:before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    section.switch-section ul.switch-ul input:checked + .slider {
        background-color: #2196F3;
    }

    section.switch-section ul.switch-ul input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    section.switch-section ul.switch-ul input:checked + .slider:before {
        -webkit-transform: translateX(12px);
        -ms-transform: translateX(12px);
        transform: translateX(12px);
    }


    section.switch-section ul.switch-ul .slider.round {
        border-radius: 34px;
    }

        section.switch-section ul.switch-ul .slider.round:before {
            border-radius: 50%;
        }










.form-group.issue input, .form-group.issue select, .form-group.issue textarea, .form-group.error input, .form-group.error select, .form-group.error textarea {
    border-color: #FF5B5C !important;
}

button.btn-validation {
    background: #2a4d63;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff !important;
}

.add-form-btn, .hide-form-btn {
    background: #fff;
    margin-top: 13px;
    border: none;
    color: #2a4d63;
    border-radius: 0;
}

.plus-icon, .minus-icon {
    margin-top: 7px !important;
}

.add-form-btn-dmt, .hide-form-btn-dmt {
    background: #b7cb72;
    margin-top: 5px;
    color: #ffffff;
    border-radius: 0;
}

    .add-form-btn-dmt:hover, .hide-form-btn-dmt:hover {
        background: #b7cb72;
        margin-top: 5px;
        color: #ffffff;
        border-radius: 0;
    }

.hide-form-btn-dmt, section.mobile-section {
    display: none;
}

.reset {
    background: #307697 !important;
    margin-left: 1vh;
    border: none;
    color: #fff !important;
    padding: 8px 15px 8px 15px !important;
}

/*.user-form, .hide-form-btn {
    display: none;
}*/


/*.table-section {
    margin-top: 3vh !important;
    margin-bottom: 0vh !important;
}*/
/*start form style*/
form.form-style {
    padding: 10px 30px;
}

.form-style-1 {
    margin: 10px auto;
    /*max-width: 380px;*/
    padding: 0px 0px 0px 0px;
    font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.form-width {
    /*max-width: 500px !important;*/
}

.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 20px 0 0 0;
}

.form-style-1 label {
    margin: 0 0 3px 0;
    padding: 0px;
    display: block;
    font-weight: bold;
}

.form-style-1 input[type=text],
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea,
select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #BEBEBE;
    padding: 7px;
    margin: 0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

    .form-style-1 input[type=text]:focus,
    .form-style-1 input[type=date]:focus,
    .form-style-1 input[type=datetime]:focus,
    .form-style-1 input[type=number]:focus,
    .form-style-1 input[type=search]:focus,
    .form-style-1 input[type=time]:focus,
    .form-style-1 input[type=url]:focus,
    .form-style-1 input[type=email]:focus,
    .form-style-1 textarea:focus,
    .form-style-1 select:focus {
        -moz-box-shadow: 0 0 8px #88D5E9;
        -webkit-box-shadow: 0 0 8px #88D5E9;
        box-shadow: 0 0 8px #88D5E9;
        border: 1px solid #88D5E9;
    }

.form-style-1 .field-divided {
    width: 49%;
}

.form-style-1 .field-long {
    width: 100%;
}

.form-style-1 .field-select {
    width: 100%;
}

.form-style-1 .field-textarea {
    height: 100px;
}

.form-style-1 input[type=submit], .form-style-1 input[type=button] {
    background: #2a4d63;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}

    .form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover {
        background: #307697;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

.form-style-1 .required, .req_red .required {
    color: red;
}

form.form-style textarea {
    resize: none;
}
/*end form style*/
header .logo img {
    margin-top: 18px;
    /*margin-left: -7vw;*/
}

button.btn.dropdown-toggle {
    /*margin-top: 3vh;*/
}

.maintab .nav > li::before {
    border: 0px solid #2A2247 !important;
    content: "";
    display: block;
    margin: 0 auto;
    position: relative;
    top: 72px;
    width: 75px;
    transition: all 0.3s ease 0s;
    left: -50px;
}

.maintab .nav > li.active::before {
    border: 0px solid #f99d0e !important;
    content: "";
    display: block;
    margin: 0 auto;
    position: relative;
    top: 72px;
    width: 75px;
    transition: all 0.3s ease 0s;
    left: 0px;
    z-index: 1;
}
.innerlgnsec {
    background-color: #fff;
    /*//#1ab6e1*/
}
.content {
    width: 100%;
    
}

.maintab {
    background: #00baf5;
}
.img-fluider {
    max-width: 100%;
    height: auto;
    margin: 15px auto auto auto;

}
.first-section {
    padding: 20px 0 20px;
  
}

.first-section1 {
    margin-top: 19vh;
}


.second-section {
    margin-top: 2vh;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    /* color: #b7cb72 !important;*/
    background-color: transparent;
}

.flaticon-smartphone::before, .flaticon-technology::before, .flaticon-technology-2::before, .flaticon-technology-6::before, .flaticon-telephone::before, .flaticon-invoice::before, .flaticon-faucet::before {
    font-size: 23px !important;
}

.flaticon-smartphone:before, .flaticon-technology:before, .flaticon-technology-2:before, .flaticon-telephone:before, .flaticon-technology-6:before, .flaticon-faucet:before, .flaticon-invoice:before {
    margin-right: .5vw !important;
}

.getapp {
    background: #307697 !important;
    height: 250px;
    color: white !important;
}

.footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}

.effect3, .effect4 {
    margin-bottom: 30px;
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 3px -1px;
    position: relative;
    overflow: hidden;
    height: 250px;
    z-index: 0;
}

.right-content > a > ul.ul1 {
    list-style-type: none;
    padding-top: 20px;
    margin-left: 20px;
}

    .right-content > a > ul.ul1 li {
        margin-bottom: 5px;
        text-align: left;
    }

span.name-profile {
    margin-left: 0vw !important;
    margin-top: 20px !important;
    margin-right: 10px;
}

i.glyphicon-cog {
    font-size: 18px !important;
    top: 4.8vh !important;
    color: #b7cb72;
    left: 3.5vw !important;
}

i.glyphicon-user {
    font-size: 18px !important;
    top: 4vh !important;
    color: #9b020f;
    left: 3.5vw !important;
}

i.glyphicon-bell {
    font-size: 20px;
    top: 30px;
    color: #b7cb72;
    margin-right: 5px;
}

i.glyphicon-fullscreen {
    font-size: 15px;
    top: 4.5vh;
    color: #b7cb72;
}


.right-content {
    font-size: smaller !important;
}

/* start ddm with submenu */
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

.navbar-nav > li > a {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.glyphicon.glyphicon-chevron-right {
    top: 1px !important;
    left: 5px !important;
    opacity: 0.6;
    font-size: 10px;
}

div.pull-right {
    margin-top: 15px;
}
/* end ddm with submenu */



.effect.effect-report {
    height: auto;
}

select.input-sm {
    line-height: 22px !important;
}

tr.child td.child ul.dtr-details li {
    display: inline-grid;
}

.text-green {
    color: #738344;
}

.effect .ser, .effect2 .ser, .confirmation .ser {
    background-color: #2a4d63 !important;
}



/*start media queries*/
@media (width: 240px) {
    .glyphicon.glyphicon-log-out {
        position: absolute;
        margin-top: 8vh !important;
        left: 40vw !important;
    }

    .right-content > a > ul.ul1 {
        margin-left: 50px;
        padding-top: 60px;
        width: 400px;
        padding-left: 35vw !important;
    }

    span.name-profile {
        visibility: hidden !important;
    }
}

@media (width: 280px) {
    .glyphicon.glyphicon-log-out {
        position: absolute;
        margin-top: 4.5vh !important;
        left: 89vw !important;
    }
}

@media (width: 320px) {
    .userdashboard2 .row .col-md-10 span a {
        width: 100%;
    }

    footer img {
        margin-top: 14vh !important;
        margin-bottom: 10vh;
    }

    .text-xs-right {
        text-align: right !important;
    }

    .height-card-blng {
        height: 395px !important;
    }

    .nav.nav-pills > li.recharg-li {
        text-align: center;
        width: 100%;
    }

    .nav.nav-pills > li.billing-li {
        text-align: center;
        width: 100%;
    }

    .mt2vh {
        margin-top: 2vh;
    }

    .header-many-btn a.btn:nth-child(1), .header-many-btn a.btn:nth-child(2) {
        margin-right: -2px !important;
    }

    .header-many-btn a.btn:nth-child(3), .header-many-btn a.btn:nth-child(4) {
        margin-right: 7px !important;
    }

    .header-many-btn a.btn:nth-child(5) {
        margin-left: 0px;
    }

    .footer {
        position: relative;
    }

    .cd-dropdown.dropdown-is-active {
        visibility: hidden;
    }

    .cd-dropdown-wrapper {
        display: inline-block;
        position: relative;
        height: 40px;
        left: 10px;
        margin: 17px 0 0 3%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    span.name-profile {
        margin-left: 30vw !important;
        margin-top: -64px !important;
    }

    .glyphicon.glyphicon-log-out {
        position: absolute;
        margin-top: 45px !important;
        left: 88vw !important;
    }
}


@media (width: 360px) {

    div.login_divcol8 {
        padding-left: 47px !important;
    }

    .userdashboard2 .row .col-md-10 span a {
        width: 100%;
    }

    .text-xs-right {
        text-align: right !important;
    }

    .height-card-blng {
        height: 395px !important;
    }

    .nav.nav-pills > li.billing-li {
        text-align: center;
        width: 100%;
    }

    .nav.nav-pills > li.recharg-li {
        text-align: center;
        width: 100%;
    }

    .mt2vh {
        margin-top: 2vh;
    }

    .glyphicon.glyphicon-log-out {
        position: absolute;
        margin-top: 46px !important;
        left: 520px;
    }

    .header-many-btn a.btn:nth-child(1), .header-many-btn a.btn:nth-child(2) {
        margin-right: 18px !important;
    }

    .header-many-btn a.btn:nth-child(3), .header-many-btn a.btn:nth-child(4) {
        margin-right: 7px !important;
    }

    .header-many-btn a.btn:nth-child(5) {
        margin-left: 0px;
    }
}
@media (max-width:480px) {

    .LoginFormCol6 .modal-content {
        width: 95% !important;
    }

    div.login_divcol8 {
        padding-left: 47px;
    }

    button#myBtn {
        margin-top: 20px;
    }
}
@media (width: 640px) {
    .glyphicon.glyphicon-log-out {
        position: absolute;
        margin-top: 26px !important;
        left: 520px;
    }
}

@media screen and (max-width: 576px) {
    .dasboardLinkA {
        margin-top: -52px;
        position: absolute;
    }
    .card.CardRecharge div div div {
        width: auto;
    }
    .card.CardBillPay div div div {
        width: auto;
    }
    .LoginFormCol6 {
        padding: 0 50px 50px !important;
    }

    .card.CardInsurance2 div div div {
        width: auto;
    }

    .height-card-blng {
        height: 395px !important;
    }

    .nav.nav-pills > li.billing-li {
        text-align: center;
        width: 100%;
    }

    .nav.nav-pills > li.recharg-li {
        text-align: center;
        width: 100%;
    }

    .nav.nav-pills > li.aeps-li {
        text-align: center !important;
        width: 50% !important;
        left: 0%;
        padding-top: 8%;
    }

    .header-many-btn a.btn:nth-child(1), .header-many-btn a.btn:nth-child(2) {
        margin-right: 25px;
    }

    .header-many-btn a.btn:nth-child(3), .header-many-btn a.btn:nth-child(4) {
        margin-right: 10px;
    }

    .header-many-btn a.btn:nth-child(5) {
        margin-left: 0px;
    }

    .nav.nav-pills > li.user-detail-li {
        text-align: center;
        width: 50%;
    }

    .maintab {
        /*padding-top: 95px !important;*/
        padding-bottom: 0px;
    }

    .glyphicon.glyphicon-log-out {
        position: absolute;
        margin-top: 50px;
        left: 86vw;
    }

    .cd-dropdown.dropdown-is-active {
        visibility: hidden;
    }


    .right-content > a > ul.ul1 {
        list-style-type: none;
        margin-top: -58px !important;
        padding-left: 28vw;
        /* position: absolute;*/
    }

    header .logo img {
        margin-left: 90px !important;
        margin-bottom: 15px;
    }

    footer {
        padding-top: 5vh !important;
    }

        footer p {
            margin-top: 0vh !important;
        }



    .aeps-maintab a.goback, .aeps-maintab a.goback:hover {
        margin-top: -29px;
    }

    section.switch-section .add-permission, section.switch-section .hide-permission {
        margin-top: -27px;
        background: white;
        padding: 8px 15px 8px 15px;
        border: none;
        color: #2a4d63 !important;
    }

    section.switch-section .add-permission-admt, section.switch-section .hide-permission-admt {
        margin-top: -27px;
        background: white;
        padding: 8px 15px 8px 15px;
        border: none;
        color: #2a4d63 !important;
    }

    .add-form-btn, .hide-form-btn {
        background: #fff;
        margin-top: 13px !important;
        border: none;
        color: #2a4d63;
        border-radius: 0;
    }

    i.glyphicon-cog {
        font-size: 18px !important;
        top: -3.5vh !important;
        color: #b7cb72;
        left: 47.5vw !important;
    }

    span.name-profile {
        margin-top: 0px !important;
    }


    button.btn.dropdown-toggle {
        margin-top: 1.7vh;
    }

    i.glyphicon-fullscreen {
        font-size: 20px;
        top: 2.4vh;
        color: #b7cb72;
        padding-left: 3vw;
    }

    i.glyphicon-bell {
        font-size: 23px;
        top: 2.5vh;
        color: #b7cb72;
        padding-left: 0vw;
    }

    i.glyphicon-user {
        font-size: 22px;
        top: 2.3vh;
        color: #9b020f;
        left: 2vw;
    }

    .right-content > a > ul.ul1 {
        padding-top: 60px;
        padding-left: 0vw;
    }

    footer p {
        margin-top: 0.5vh;
    }

    footer img {
        margin-top: 10vh;
        margin-bottom: 1vh;
    }

    section.switch-section ul.switch-ul {
        list-style-type: none !important;
        margin-left: -4vh;
    }



    .Beneficiary-btn {
        margin-top: 4vh;
        margin-left: -70px;
    }


    .nav-pills.bill-payment-ul > li > a {
        margin-top: 5px;
    }

    .fetchbillbtn {
        border-radius: 0px !important;
        width: 110px !important;
        margin-top: 1.5vh !important;
        margin-left: 0px !important;
        background: #2a4d63;
        color: white;
    }

    .mt2vh {
        margin-top: 2vh;
    }

    .text-xs-right {
        text-align: right !important;
    }

    .bglight span a {
        width: 100% !important;
    }

    .userdashboard2 .row .col-md-10 span a {
        margin: 0;
    }

    ul.footerul {
        text-align: center;
    }

    .cd-dropdown-wrapper {
        margin: 34px 0 0 3% !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .card.CardInsurance2 div div div {
        width: 235px;
    }

    .maintab {
        padding-bottom: 0px;
    }

    ul.footerul li:nth-child(2) img {
        display: none;
    }

    .text-xs-right {
        text-align: right !important;
    }

    .height-card-blng {
        height: 395px !important;
    }

    .nav.nav-pills > li.billing-li {
        text-align: center;
        width: 100%;
    }

    .mt2vh {
        margin-top: 2vh;
    }

    .header-many-btn a.btn:nth-child(1), .header-many-btn a.btn:nth-child(2) {
        margin-right: 130px;
    }

    .header-many-btn a.btn:nth-child(3), .header-many-btn a.btn:nth-child(4) {
        margin-right: 10px;
    }

    .header-many-btn a.btn:nth-child(5) {
        margin-left: 0px;
    }



    .nav.nav-pills > li.user-detail-li {
        text-align: center;
        width: 50%;
        left: 0%;
        padding-top: 0%;
    }

    .nav.nav-pills > li.aeps-li {
        text-align: center;
        width: 50%;
        left: 0%;
        padding-top: 4%;
    }

    .nav.nav-pills > li.recharg-li {
        text-align: center;
        width: 100%;
    }



    .cd-dropdown.dropdown-is-active {
        visibility: hidden;
    }



    .glyphicon.glyphicon-log-out {
        position: absolute;
        margin-top: 2.5vh;
        left: 520px;
    }

    footer {
        padding-top: 5vh !important;
    }

        footer p {
            margin-top: 0vh !important;
        }



    .aeps-maintab a.goback, .aeps-maintab a.goback:hover {
        margin-top: -29px;
    }

    section.switch-section .add-permission, section.switch-section .hide-permission {
        margin-top: -27px;
        background: white;
        padding: 8px 15px 8px 15px;
        border: none;
        color: #2a4d63 !important;
    }

    section.switch-section .add-permission-admt, section.switch-section .hide-permission-admt {
        margin-top: -27px;
        background: white;
        padding: 8px 15px 8px 15px;
        border: none;
        color: #2a4d63 !important;
    }

    .add-form-btn, .hide-form-btn {
        background: #fff;
        margin-top: 13px !important;
        border: none;
        color: #2a4d63;
        border-radius: 0;
    }

    i.glyphicon-cog {
        font-size: 18px !important;
        top: -3.5vh !important;
        color: #b7cb72;
        left: 47.5vw !important;
    }

    /* span.name-profile {
        margin-left: -11vw !important;
        margin-top: 0px !important;
    }*/

    button.btn.dropdown-toggle {
        margin-top: 1.7vh;
    }

    i.glyphicon-fullscreen {
        font-size: 20px;
        top: 2.4vh;
        color: #b7cb72;
        padding-left: 3vw;
    }

    i.glyphicon-bell {
        font-size: 23px;
        top: 2.5vh;
        color: #b7cb72;
        padding-left: 0vw;
    }

    i.glyphicon-user {
        font-size: 22px;
        top: 2.3vh;
        color: #9b020f;
        left: 2vw;
    }

    .right-content > a > ul.ul1 {
        list-style-type: none;
        padding-top: 20px;
        /*padding-left: 2vw;*/
    }

    footer p {
        margin-top: 0.5vh;
    }

    section.switch-section ul.switch-ul {
        list-style-type: none !important;
        margin-left: -4vh;
    }

    .Beneficiary-btn {
        margin-top: 4vh;
        margin-left: -70px;
    }

    header .logo img {
        margin: 16px 0px;
        margin-left: -5vw;
    }

    .nav-pills.bill-payment-ul > li > a {
        margin-top: 5px;
    }

    .fetchbillbtn {
        border-radius: 0px !important;
        width: 110px !important;
        margin-top: 1.5vh !important;
        margin-left: -30px;
        background: #2a4d63;
        color: white;
    }
}

@media (max-width: 767px) {

    .menu-hr li.multi-level-ddl {
        margin-left: 30px !important;
    }

    .menu-hr a, .menu-hr a:hover {
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
    }

    .menu-hr .dropdown-menu::before {
        top: 26px;
        background: #08b2e9 !important;
        left: 4.2rem;
        visibility: hidden;
    }

    .menu-hr .navbar-dark .navbar-nav .nav-link {
        color: white;
        padding-left: 30px;
        font-size: 14px;
    }

    .LoginFormCol6 .modal-content {
        width: 60%;
        background-color: #fefefe;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        height: 220px;
    }

    div.login_divcol8 {
        padding-left: 65px;
    }

    .LoginLeftSlidCol6 {
        padding-top: 50px;
    }

    .footer {
        height: 55px;
    }

    .DmtBLDiv {
        width: 100%;
        height: 130px;
        padding: 30px 40px;
        border: 5px solid #f3cadc;
        border-radius: 10px 20px 10px 20px;
    }

    .card.CardInsurance div div div {
        width: auto;
    }

    .LoginFormCol6 {
        padding: 100px;
    }

    .HeadBtnMrg button {
        margin-top: 5px;
        margin-left: 0px;
    }
}

@media (max-width: 991px) {
    ul.footerul {
        display: none;
    }

    .AdmibToggleDiv.in li.nav-item {
        padding: 5px;
        width: 260px;
        margin: auto;
    }

    .navbar-light .navbar-nav .nav-link,
    .navbar-light .navbar-nav .nav-link:hover {
        color: white;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .menu-hr .navbar-dark .navbar-nav .nav-link {
        color: white;
        padding-left: 0px;
        font-size: 12px;
    }

    .menu-hr li.multi-level-ddl {
        margin-top: 3px;
        margin-right: 10px;
    }

    .menu-hr a, .menu-hr a:hover {
        font-size: 12px;
    }

    .LoginFormCol6 .modal-content {
        width: 40% !important;
    }

    div.login_divcol8 {
        padding-left: 80px;
    }

    button#myBtn {
        margin-top: 20px;
    }

    .card.CardInsurance div div div {
        width: 225px;
    }

    .DmtBLDiv {
        width: 100%;
        overflow-x: auto;
        height: 150px;
        padding: 22px 16px;
    }

    .card.CardInsurance2 div div div {
        width: 340px;
    }

    .LoginFormCol6 {
        padding: 30px 50px 100px 30px;
    }

    .img-fluid {
        height: auto;
    }

    .logins {
        flex: 0 0 100% !important;
        padding: 0 30px !important;
        max-width: 100% !important;
    }

    .colmd2-report {
        background: #95d3f926;
        padding: 10px;
        min-width: 150px !important;
        margin-left: -60px;
    }

    .aeps-maintab a.goback, .aeps-maintab a.goback:hover {
        margin-top: -29px;
    }

    section.switch-section .add-permission, section.switch-section .hide-permission {
        margin-top: -27px;
        background: white;
        padding: 8px 15px 8px 15px;
        border: none;
        color: #2a4d63 !important;
    }

    section.switch-section .add-permission-admt, section.switch-section .hide-permission-admt {
        margin-top: -27px;
        background: white;
        padding: 8px 15px 8px 15px;
        border: none;
        color: #2a4d63 !important;
    }

    .add-form-btn, .hide-form-btn {
        background: #fff;
        margin-top: 13px !important;
        border: none;
        color: #2a4d63;
        border-radius: 0;
    }

    i.glyphicon-cog {
        top: 3vh !important;
        left: 9vw !important;
    }

    span.name-profile {
        margin-left: -4vw !important;
        margin-top: 15px !important;
    }

    button.btn.dropdown-toggle {
        margin-top: 1.7vh;
    }

    i.glyphicon-fullscreen {
        font-size: 20px;
        top: 2.4vh;
        color: #b7cb72;
    }

    i.glyphicon-bell {
        font-size: 23px;
        top: 2.5vh;
        color: #b7cb72;
    }

    i.glyphicon-user {
        font-size: 22px;
        top: 2.3vh;
        color: #9b020f;
        left: 2vw;
    }

    .right-content > a > ul.ul1 {
        list-style-type: none;
        padding-top: 17px;
        margin-left: -10px;
    }





    section.switch-section ul.switch-ul {
        list-style-type: none !important;
        margin-left: -4vh;
    }



    .Beneficiary-btn {
        margin-top: 4vh;
        margin-left: -70px;
    }

    header .logo img {
        margin-left: -40px;
    }

    header {
        padding-bottom: 0px !important;
    }

    .fetchbillbtn {
        border-radius: 0px !important;
        width: 110px !important;
        margin-top: 1.5vh !important;
        margin-left: -30px;
        background: #2a4d63;
        color: white;
    }
}

@media (max-width: 1199px) {
    .dasboardLink {
        display: none
    }
    .card.CardPro div div div, .card.CardDistri div div div, .card.CardASM div div div {
        width: auto;
    }

    .card.CardDmtCommission div div div {
        width: auto;
    }

    .HeadBtnMrg button {
        width: auto;
        margin-left: auto;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    div.login_divcol8 {
        padding-left: 100px;
    }

    .LoginFormCol6 .modal-content {
        width: 30%;
    }
    .DmtBLDiv {
        width: 190px;
        height: 114px;
        padding: 22px 16px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        width: 100px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .card.CardInsurance2 div div div {
        width: 220px;
    }

    .card.CardInsurance div div div {
        width: 300px;
    }

    div.login_divcol8 {
        padding-left: 100px !important;
    }

    .LoginFormCol6 {
        padding: 50px 100px 100px 42px;
    }

    .cd-dropdown-wrapper {
        margin: 19px 0 0 5% !important;
    }

    .colmd2-report {
        background: #95d3f926;
        padding: 0px;
    }

    .fetchbillbtn {
        border-radius: 0px !important;
        width: 81px !important;
        margin-top: 1.2vh !important;
        margin-left: -30px;
        background: #2a4d63;
        color: white;
    }


    .btn-prev {
        margin-top: 1vh !important;
    }


    section.switch-section ul.switch-ul {
        list-style-type: none !important;
        margin-left: 0;
    }

    span.name-profile {
        margin-left: 0vw !important;
        margin-top: 22px !important;
        margin-right: 0px;
    }

    i.glyphicon-cog {
        font-size: 18px !important;
        top: 2.2vh !important;
        left: 3.5vw !important;
    }

    .dropdown-menu.ddm-right {
        text-transform: capitalize;
    }

    button.btn.dropdown-toggle {
        margin-top: 1.7vh;
    }

    header .logo img {
        margin: 21px 0;
    }

    i.glyphicon-fullscreen {
        font-size: 15px;
        top: 29px;
    }

    i.glyphicon-bell {
        font-size: 23px;
        top: 8px;
        padding-left: 2vw;
    }

    .right-content {
        font-size: 11px !important;
    }

        .right-content > a > ul.ul1 {
            list-style-type: none;
            padding-top: 24px;
            margin-left: 0px;
        }

    i.glyphicon-user {
        font-size: 22px;
        top: 2.3vh;
        color: #738344;
        left: 2vw;
    }

    footer p {
        margin-top: 0.4vh !important;
    }

    footer img {
        margin-top: 0.7vh;
    }

    .Beneficiary-btn {
        margin-top: 2.7vh;
        margin-left: -100px;
    }
}

@media (max-width: 1360px) {
    .card.CardSer2 div div div {
        width: auto;
    }

    .card.CardProfile div div div,
    .card.CardAddUserDis div div div {
        width: auto;
    }
}

@media (min-width: 1200px) {
    .LoginFormCol6 .modal-content {
        width: 22%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1360px) {
    li.nav-item {
        padding: 0px;
    }

    .card.CardInsurance2 div div div {
        width: 285px;
    }

    .HeadBtnMrg button {
        width: 170px;
    }

    .card.CardPro div div div, .card.CardASM div div div {
        width: 135px;
    }

    .card.CardDmtCommission div div div {
        width: 190px;
    }

    .card.CardInsurance div div div {
        width: 380px;
    }

    button.btn.dropdown-toggle {
        margin-top: 2.9vh;
    }

    i.glyphicon-fullscreen {
        font-size: 15px;
        top: 4.5vh;
        color: #b7cb72;
    }

    span.name-profile {
        margin-top: 21px !important;
    }

    .right-content > a > ul.ul1 {
        list-style-type: none;
        padding-top: 23px;
    }

    i.glyphicon-bell {
        font-size: 20px;
        top: 4vh;
        color: #b7cb72;
    }

    i.glyphicon-cog {
        font-size: 18px !important;
        top: 4.1vh !important;
        color: #b7cb72;
        left: 3.5vw !important;
    }

    footer p {
        font-size: 12px;
        margin-top: 2.4vh !important;
    }
}

@media screen and (min-width: 1400px) {
    i.glyphicon-fullscreen {
        top: 3.5vh;
    }

    i.glyphicon-bell {
        top: 3vh;
    }

    i.glyphicon-cog {
        top: 3.2vh !important;
    }
}

@media (min-width:768px) {
     .LoginFormCol6 .modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        height: 220px;
    }

    .dropdown-menu.ddm-right {
        width: 150px !important;
    }
}
/*end media queries*/


/*start footer page css*/
.terms .fsize15 {
    font-size: 15px
}

.terms h2 {
    color: #410a1c;
    letter-spacing: 1px;
    font-weight: 700
}

.terms .text-brown {
    color: #861f41
}

.terms li:before {
    content: '✓';
    margin-right: 10px;
    color: #861f41
}

.terms p, li {
    color: #5e5d5d
}


.privacy .fsize15 {
    font-size: 15px
}

.privacy h2 {
    color: #410a1c;
    letter-spacing: 1px;
    font-weight: 700
}

.privacy .text-brown {
    color: #861f41
}

.privacy li:before {
    content: '✓';
    margin-right: 10px;
    color: #861f41
}

.privacy p, li {
    color: #5e5d5d
}


.faq .fsize15 {
    font-size: 15px
}

.faq h2 {
    color: #410a1c;
    letter-spacing: 1px;
    font-weight: 700
}

.faq .card {
    overflow-y: hidden
}

.faq .bg-brown {
    background: #861f41
}

.faq .card-header h5 button {
    color: white;
    text-decoration: none
}

.faq .card-header {
    padding: .30rem 1.25rem
}

.faq .card-body {
    color: #5e5d5d
}

.faq .btn-link {
    font-weight: 500
}

.grievance .fsize15 {
    font-size: 15px
}

.grievance h2 {
    color: #410a1c;
    letter-spacing: 1px;
    font-weight: 700
}

.grievance .text-brown {
    color: #861f41
}

.grievance li::before {
    content: '✓';
    margin-left: -16px;
    color: #861f41
}

.grievance p {
    color: #5e5d5d
}

.grievance li {
    color: #5e5d5d;
    margin-left: -30px;
}

.grievance ul {
    margin-left: 45px;
}

.mngWallet h2 {
    color: #410a1c;
    letter-spacing: 1px;
    font-weight: 700
}

.contactPage .fsize15 {
    font-size: 15px
}

.contactPage h2 {
    color: #410a1c;
    letter-spacing: 1px;
    font-weight: 700
}

.contactPage .text-brown {
    color: #861f41
}

.contactPage li:before {
    content: '✓';
    margin-right: 10px;
    color: #861f41
}

.contactPage p, li {
    color: #5e5d5d
}

.contactPage .adres i,
.contactPage .adres div,
.contactPage .phn i,
.contactPage .phn div
.contactPage .mails i,
.contactPage .mails div {
    display: inline-block
}

.contactPage .adres div {
    width: 70%
}

.aboutPage .fsize15 {
    font-size: 15px
}

.aboutPage h2 {
    color: #410a1c;
    letter-spacing: 1px;
    font-weight: 700
}

.aboutPage .text-brown {
    color: #861f41
}

.aboutPage li:before {
    content: '✓';
    margin-right: 10px;
    color: #861f41
}

.aboutPage p, li {
    color: #5e5d5d
}

/*end footer page css*/


.img-logo {
    max-width: 60%;
    height: auto;

}

.img-banner {
    max-width: 95%;
    height: auto;
}

@font-face {
    font-family: text-security-disc;
    src: url("../font/text-security-disc.woff");
}
.passtxt {
    font-family: text-security-disc;
    -webkit-text-security: disc;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */
.imgbg {
    background-color: #fff;
}


.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -165px;
    top: 170px;
    width: 220px;
    z-index: 1100;
    
}

.sticky li {
    list-style-type: none;
    background-color: #ecf3f7;
    color: #efefef;
    height: 60px;
    padding: 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    border: 2px solid #cae5fc;
}

    .sticky li:hover {
        margin-left: -125px;
    }

    .sticky li img {
        float: left;
        margin: 5px -1px;
        margin-right: 5px;
    }

    .sticky li p {
        padding-top: 20px;
        margin: 0px;
        line-height: 16px;
        font-size: 16px;
    }

        .sticky li p a {
            text-decoration: none;
            color: #2C3539;
        }

            .sticky li p a:hover {
                text-decoration: underline;
            }