/*Login page custom css*/

.login-btn {
    padding: 10px 20px;
}

.secret-que .bs-select {
    width: 100% !important;
}

    .secret-que .bs-select .dropdown-toggle {
        background-color: #DDE3EC;
        height: 43px;
    }

.login-foter-links {
    text-align: center;
    padding: 10px 0;
}

    .login-foter-links > a {
        padding: 0 10px;
        border-right: 1px solid #454545;
    }

        .login-foter-links > a:last-child {
            border-right: none;
        }

.provider-login .label-td {
    width: 30%;
}

.provider-login .input-field-td {
    width: 50%;
}

.provider-login .login-td {
    width: 20%;
    text-align: end;
}

/*Login page custom css end*/

/*provider login page custom css*/

fieldset {
    border: 1px solid #f3c200;
    padding: 0px 10px;
}

legend {
    border-bottom: none;
    margin-bottom: 0;
    width: auto;
    padding: 0px 10px;
}

.legend-fields {
    margin: 20px 10px;
}

.portlet.light {
    background-color: transparent;
}

.legend-fields .nav-tabs {
    margin-bottom: 0;
}

    .legend-fields .nav-tabs > li {
        margin-bottom: 0;
        background-color: #fff;
        border: 1px solid #ccc;
        position: relative;
        margin-right: 3px;
        border-top-right-radius: 15px !important;
    }

        .legend-fields .nav-tabs > li::after {
            position: absolute;
            content: '';
            border-bottom: 33px solid #fff;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            right: -9px;
            top: 9px;
        }

        .legend-fields .nav-tabs > li::before {
            position: absolute;
            content: '';
            border-bottom: 33px solid #ccc;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            right: -11px;
            top: 10px;
        }

.nav > li > a {
    padding: 10px;
}

.legend-fields .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid transparent;
    background-color: transparent;
}

.nav-tabs > li > a:hover {
    background-color: transparent;
    border-color: transparent;
}

.nav-pills .dropdown.open > .dropdown-toggle, .nav-tabs .dropdown.open > .dropdown-toggle {
    background-color: transparent;
}

.legend-fields .tab-content {
    border: 1px solid #f3c200;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    top: -2px;
    padding: 20px;
}

#myProgress {
    position: relative;
    width: 100%;
    height: 20px;
    background-color: #ddd;
}

#myBar {
    position: absolute;
    width: 85%;
    height: 100%;
    background-color: #4CAF50;
}


.provider-login-details .label-td {
    width: 20%;
}

.provider-login-details .field-td {
}

.provider-login-details .blank-td {
    width:12%;
}

.provider-login-details .login-field{
        width:68%;
    }

.provider-login-details .password-field{
     width:30%;
}


@media all and (max-width:767px) {
    .login .content {
        padding: 50px 20px;
        width: 90%;
    }

    .provider-login .label-td {
        display: none;
    }

    .login-foter-links {
        margin-left: -20px;
        margin-right: -20px;
    }

        .login-foter-links > a {
            padding: 0 5px;
            font-size: 11px;
        }

    .provider-login-details .label-td {
        display: none;
    }

    .provider-login-details .login-field{
        width:100%;
    }

    .provider-login-details .password-field{
     width:100%;
}

}