label.text-error {
    color: #f00 !important;
    font-weight: normal;
    float: left;
    width: 100%;
}

#paymentSectionForm {
    margin: 50px 0px;
}

.renewal-form {
    background: #fff !important;
    text-align: left;
    border-radius: 4px;
    border: 1px solid #000;
    /*box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);*/
}

    .renewal-form:hover {
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.4);
        transition: ease-in-out;
        transition: 1s;
    }

.panel-default {
    border-color: #ddd;
}

.renewal-form .panel-subheading {
    background: #f2f2f2;
    padding: 10px 20px;
}

    .renewal-form .panel-subheading h3.panel-title {
        font-size: 22px;
    }

.renewal-form .panel-body {
    padding: 10px 20px;
}

.renewal-form {
    margin: auto;
    width: 50%;
}


.form-control,
.input-group-addon {
    border-radius: 0 !important;
}

.dl-total dt {
    width: 220px !important;
}

.dl-total dd {
    margin-left: 220px !important;
    text-align: right !important;
}

.dialog-error {
    color: #f00;
}

    .dialog-error ul {
        padding-left: 16px;
    }

.dl-horizontal dt {
    display: block;
    text-align: left !important;
    width: auto;
    float: left;
}

.clientId-input label.text-error {
    position: absolute;
    top: 34px;
    line-height: 34px;
    left: 0px;
}

.dropbtn {
    background-color: #056A96;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 163px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}










/*added css*/
.no-padder {
    padding: 0px !important;
}

div#mainView {
    display: block;
    float: left;
    width: 100% !important;
    margin-top: -40px !important;
    overflow: hidden !important;
    border: none !important;
}

#mainView .panel.panel-default.renewal-form {
    display: block;
    float: left;
    width: 100% !important;
    border-radius: 0px !important;
    height: 100vh !important;
}

#mainView .panel-subheading .panel-subheading {
    padding: 40px !important;
    display: block;
    float: left;
    width: 100% !important;
    height: 100vh !important;
}

    #mainView .panel-subheading .panel-subheading .dropdown {
        display: block;
        float: left;
        width: 100% !important;
        margin-bottom: 30px !important;
    }

#mainView .panel-heading {
    position: relative;
    display: block;
    float: left;
    width: 100% !important;
    height: 100vh !important;
    background: transparent !important;
    position: relative;
}

    #mainView .panel-heading.main-panel-heading {
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
        position: relative;
        display: block;
        float: left;
        width: 100% !important;
        height: 100vh !important;
        background: transparent !important;
        position: relative;
        background: linear-gradient(to bottom, #ffffff 60%, #12729c 100%) !important;
    }

        #mainView .panel-heading.main-panel-heading:hover {
            background: linear-gradient(to bottom, #ffffff 40%, #12729c 100%) !important;
        }


    #mainView .panel-heading .dts-logo-home {
        display: block;
        width: 100% !important;
        top: 10%;
        transform: translateY(68%) !important;
        position: absolute;
        left: 25%;
    }

        #mainView .panel-heading .dts-logo-home a img {
            width: 40% !important;
        }

#mainView .copyright {
    position: absolute;
    bottom: 40px !important;
    left: 10px !important;
}

    #mainView .copyright p {
        font-size: 13px !important;
        word-wrap: break-word !important;
        text-align: left !important;
        color: #fff !important;
    }




/*navigation-home*/
#mainView .navigation-home {
    display: block;
    width: 100% !important;
    margin: 0 auto;
    top: 0%;
    /* transform: translateY(40%) !important;*/
}

.boid-Container {
    padding: 20px 10px;
    margin: 0 auto;
    border-radius: 10px;
    transform: translate(60%,40%) !important;
    background-color: #fdfdfd;
    border: 2px solid #eee;
    box-shadow: 0px 0px 8px 0px #d4d4d4;
    transition: 1s;
    position: absolute;
    width: 41%;
}

    .boid-Container :hover {
        cursor: pointer;
    }


#mainView .myaccordion {
    max-width: 60%;
    margin: 0 auto;
    box-shadow: 0 0 1px rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
}



h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.myaccordion .card {
    display: block;
    float: left;
    width: 31% !important;
    margin-right: 10px !important;
}

#mainView .myaccordion .card,
#mainView .myaccordion .card:last-child .card-header {
    border: none;
}

#mainView .myaccordion .card-header {
    border-bottom-color: #EDEFF0;
    background: transparent;
}

#mainView .myaccordion .fa-stack {
    font-size: 18px;
}

#mainView .myaccordion .btn {
    width: 100%;
    font-weight: bold;
    color: #004987;
    padding: 0;
    overflow: auto;
}

#mainView .myaccordion .btn-link:hover,
#mainView .myaccordion .btn-link:focus {
    text-decoration: none;
}

#mainView .myaccordion li + li {
    margin-top: 10px;
}


#mainView h2.mb-0 {
    display: block;
    float: left;
    width: 100% !important;
    text-align: left !important;
}

    #mainView h2.mb-0 button {
        display: block;
        float: left;
        width: 100% !important;
        padding: 20px !important;
        background: #fff !important;
        text-align: left !important;
        color: #333 !important;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

#mainView .navigation-home .card-body {
    display: block;
    float: left;
    width: 100% !important;
    background: #fff !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,.11) !important;
    padding: 0px !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

    #mainView .navigation-home .card-body ul {
        list-style: none !important;
        display: block;
        float: left;
        width: 100% !important;
        padding: 10px !important;
        margin-bottom: 0px !important;
    }

        #mainView .navigation-home .card-body ul li {
            display: block;
            float: left;
            width: 100% !important;
            padding: 10px !important;
            margin: 0px 0px 5px 0px !important;
            background: #ddd !important;
        }

            #mainView .navigation-home .card-body ul li:last-child {
                margin-bottom: 0px !important;
            }

            #mainView .navigation-home .card-body ul li:hover {
                background: #2cabe2 !important;
            }

                #mainView .navigation-home .card-body ul li:hover a {
                    color: #fff !important;
                }

            #mainView .navigation-home .card-body ul li a {
                text-decoration: none !important;
                color: #333 !important;
                font-size: 13px !important;
            }

#mainView h2.mb-0 button:focus {
    outline: none !important;
}

#mainView h2.mb-0 button:hover {
    color: #fff !important;
    background: #2cabe2 !important;
}
/*navigation-home*/






.client-section.panel-heading {
    display: block;
    float: left;
    width: 100% !important;
    padding: 0px !important;
}

.panel-heading .client-img {
    display: block;
    width: 100% !important;
    top: 0%;
    transform: translateY(43%) !important;
    position: absolute;
}

.client-section.panel-heading a img {
    display: block;
    width: 90% !important;
    margin: 0px !important;
    float: left;
    margin-left: 15px !important;
}

.client-section.panel-heading a {
    display: block;
    /* top: 19% !important; */
    float: left;
    width: auto;
}

.dts-home-contact-right {
    display: block;
    float: left;
    width: 100% !important;
    /* text-align: left !important; */
    padding: 0px 5px !important;
}

    .dts-home-contact-right ul {
        list-style: none !important;
        display: block;
        float: left;
        width: auto;
    }

        .dts-home-contact-right ul li {
            display: block;
            float: left;
            width: 100% !important;
            margin-bottom: 5px !important;
            text-indent: -10px !important;
            margin-left: 0px !important;
        }

            .dts-home-contact-right ul li h2 {
                font-size: 16px !important;
                color: #222 !important;
                margin-left: -10px !important;
                margin-bottom: 10px !important;
                margin-top: 10px !important;
            }

            .dts-home-contact-right ul li p {
                font-size: 14PX !important;
                line-height: 23px !important;
                margin: 0px !important;
            }

                .dts-home-contact-right ul li p i {
                    margin-right: 5px !important;
                }
/*added css*/




.button-4 {
    width: 140px;
    height: 50px;
    border: 2px solid #34495e;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 0 40px 50px;
}

    .button-4 a {
        font-family: arial;
        font-size: 16px;
        color: #34495e;
        text-decoration: none;
        line-height: 50px;
        transition: all .5s ease;
        z-index: 2;
        position: relative;
    }

.eff-4 {
    width: 140px;
    height: 50px;
    left: -140px;
    background: #34495e;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
}

.button-4:hover .eff-4 {
    left: 0;
}

.button-4:hover a {
    color: #fff;
}


form#newAccountOpeningForm {
    display: block;
    float: left;
    width: 100% !important;
    background: #f2f2f2 !important;
}



.online-registration {
    display: block;
    float: left;
    width: 100% !important;
    background: #f2f2f2 !important;
}



i.fa.fa-angle-up,
i.fa.fa-angle-down {
    display: block;
    float: right;
    font-size: 20px !important;
    font-weight: bold !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}


button.d-flex.align-items-center.justify-content-between.btn.btn-link.collapsed i.fa.fa-angle-up {
    display: none !important;
}

button.d-flex.align-items-center.justify-content-between.btn.btn-link.collapsed i.fa.fa-angle-down {
    display: block !important;
}

button.d-flex.align-items-center.justify-content-between.btn.btn-link i.fa.fa-angle-down {
    display: none !important;
}

button.d-flex.align-items-center.justify-content-between.btn.btn-link i.fa.fa-angle-up {
    display: block !important;
}





/* responsive */
@media screen and (min-width: 1801px) and (max-width: 9000px) {
}

@media screen and (min-width: 1401px) and (max-width:1800px) {

    .panel-heading .dts-logo-home {
        transform: translateY(78%) !important;
        position: absolute !important;
    }

    .client-section.panel-heading a img {
        width: 80% !important;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
    .panel-heading .dts-logo-home {
        transform: translateY(85%) !important;
        position: absolute !important;
    }

    .client-section.panel-heading a img {
        width: 90% !important;
    }
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
}




@media screen and (min-width: 769px) and (max-width: 991px) {
    #mainView .panel.panel-default.renewal-form {
        height: auto !important;
    }

    #mainView .panel-heading {
        height: auto !important;
    }

        #mainView .panel-heading .dts-logo-home {
            transform: none !important;
            position: static !important;
            padding: 40px !important;
        }

            #mainView .panel-heading .dts-logo-home a img {
                width: 20% !important;
            }

    #mainView .panel-subheading .panel-subheading {
        height: auto !important;
    }

    #mainView .myaccordion {
        margin: 0px auto;
    }

    .client-section.panel-heading {
        display: block;
        float: left;
        width: 100% !important;
        padding: 50px !important;
    }

    #mainView .panel-heading .client-img {
        transform: none !important;
        position: static !important;
    }
}




@media screen and (min-width: 480px) and (max-width: 768px) {
    #mainView .panel.panel-default.renewal-form {
        height: auto !important;
    }

    #mainView .panel-heading {
        height: auto !important;
    }

        #mainView .panel-heading .dts-logo-home {
            transform: none !important;
            position: static !important;
            padding: 40px !important;
        }

            #mainView .panel-heading .dts-logo-home a img {
                width: 20% !important;
            }

    #mainView .copyright {
        position: absolute;
        bottom: 0px !important;
        right: 0px !important;
    }

    #mainView .panel-subheading .panel-subheading {
        padding: 40px 20px 40px 40px !important;
    }

    #mainView .navigation-home {
        width: 100% !important;
    }

    #mainView .panel-subheading .panel-subheading {
        height: auto !important;
    }

    #mainView .myaccordion {
        margin: 0px auto;
    }

    .client-section.panel-heading {
        display: block;
        float: left;
        width: 100% !important;
        padding: 50px !important;
    }

    #mainView .panel-heading .client-img {
        transform: none !important;
        position: static !important;
    }
}




@media screen and (min-width: 320px) and (max-width: 479px) {
    #mainView .panel.panel-default.renewal-form {
        height: auto !important;
    }

    #mainView .panel-heading {
        height: auto !important;
    }

        #mainView .panel-heading .dts-logo-home {
            transform: none !important;
            position: static !important;
            padding: 40px !important;
        }

            #mainView .panel-heading .dts-logo-home a img {
                width: 20% !important;
            }

    #mainView .panel-subheading .panel-subheading {
        padding: 40px !important;
    }

    #mainView .copyright {
        bottom: 0px !important;
        right: 0px !important;
    }

    .myaccordion .card {
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 20px !important;
    }

    #mainView .navigation-home {
        width: 100% !important;
    }

    #mainView .panel-subheading .panel-subheading {
        height: auto !important;
    }

    #mainView .myaccordion {
        margin: 0px auto;
    }

    .client-section.panel-heading {
        display: block;
        float: left;
        width: 100% !important;
        padding: 50px !important;
    }

    #mainView .panel-heading .client-img {
        transform: none !important;
        position: static !important;
    }
}
/*recponsive*/


.khalti-active {
    border: 2px solid !important;
    border-color: #5d2e8e !important;
    background-color: #fff !important;
}

.ips-active {
    border: 2px solid !important;
    border-color: #ff0000 !important;
    background-color: #fff !important;
}


.imepay-active {
    border: 2px solid !important;
    border-color: #EC1F27 !important;
    background-color: #fff !important;
}



.eSewa-Active {
    border: 2px solid !important;
    border-color: #41a124 !important;
    background-color: #fff !important;
}


.div-payment-success {
    background-color: #27ae60;
    color: white;
    text-align: center;
    padding: 10px;
}

.div-payment-failure {
    background-color: #c0392b;
    color: white;
    text-align: center;
    padding: 10px;
}