﻿
.bannerTitleText {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #222;
    position: relative;
}

.header-uper {
    padding: 20px 0px;
}

.top-right {
    float: right
}

    .top-right a {
        color: #eae4e4 !important;
        font-size: 15px !important;
    }

.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

@media only screen and (max-width: 767px) {
    .header-uper .logo {
        margin-bottom: 20px !important;
    }
}

@media only screen and (max-width: 991px) {
    .header-uper .logo {
        float: none !important;
        text-align: center;
        margin-bottom: 20px;
        width: 100%;
    }
}

.bannerDate {
    font: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #00D17C;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}


@media only screen and (max-width: 767px) {
    .bannerDate {
        float: none !important;
        text-align: center !important;
    }
}

@media only screen and (max-width: 767px) {
    .top-right {
        float: none !important;
        text-align: center !important;
    }
}

.logo {
    display: inline-block;
}

@media only screen and (max-width: 991px) {
    .header-uper .bannerTitleText .right-side {
        float: none !important;
        text-align: center !important;
    }
}

.header-top {
    background: #113546 !important;
    border-bottom: 1px solid #ececec !important;
    min-height: 25px !important;
}


/*for header tabs*/
.navbar-inverse {
    background-color: #113546 !important;
    border-color: white !important;
}

    .navbar-inverse .navbar-nav > li > a {
        font-family: "Source Sans Pro", sans-serif;
        font-size: 15px !important;
        color: #fff !important;
        text-transform: uppercase !important;
        padding: 13px 10px !important;
        transition: .3s !important;
        font-weight: bold;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: white !important;
    }

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #832c2c03;
    }

    .navbar-inverse .navbar-toggle {
        border-color: white;
    }

.navbar .navbar-nav li > a:hover {
    color: #fff;
    opacity: .7;
}

/*for login block*/

.login-block {
    background-color: #113546;
    padding: 7px;
    -webkit-box-shadow: 0 3px 50px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 50px 0 rgba(0,54,72,.8);
    border-radius: 6px;
    width: 100%;
    max-width: 350px;
}

    .login-block h1 {
        font-family: Open Sans,sans-serif;
        color: #fff;
        letter-spacing: 1px;
        margin-bottom: 30px;
        margin-top: 10px;
        font-size: 22px;
    }

    .login-block .form-group {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .login-block .form-control {
        font-size: 17px;
        border-radius: 6px;
        padding: 5px;
        border: 1px solid #dddfe2;
        width: 100%;
    }

    .login-block .btn-block {
        padding: 10px;
        border-radius: 6px;
    }

.btn-block {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

a {
    color: #337ab7 !important;
    text-decoration: none !important;
}

    a.btn-primary {
        color: #fff !important;
        background-color: #5B7FFF !important;
        border-color: #5B7FFF !important;
    }

.btnSearch {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

a.btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

h3, .h3 {
    font-size: 24px !important;
}

h1, .h1 {
    font-size: 36px !important;
}

.navbar {
    position: relative !important;
    min-height: 50px !important;
    margin-bottom: 20px !important;
    border: 1px solid transparent !important;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #333;
    background-color: #fff;
}
/*for change client password block*/

.resetpassword-block {
    background-color: #f0f2f57d;
    -webkit-box-shadow: 0 3px 50px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 50px 0 rgba(0,0,0,.2);
    border-radius: 6px;
    width: 100%;
}


    .resetpassword-block h1 {
        font-family: Open Sans,sans-serif;
        letter-spacing: 1px;
        font-size: 25px;
        text-align: center;
        padding-top: 10px;
        font-weight: 600;
    }

.resetpasswordinstruction-block {
    color: #006064;
    font-weight: 800;
    background-color: #c4edc7;
    padding-left: 15px;
    padding-bottom: 5px;
}

.resetpassword-block .btnSearch {
    margin-bottom: 10px;
}

.resetpassword-block .form-group {
    padding-top: 10px;
}

.adminStatusCorner {
    border: 1px solid #CCC;
    float: right;
    background: #113546;
    height: 3em;
    padding: 1em 1em;
    margin: 0em 1em;
    color: #fff
}

/* for vertical tabs*/


a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

.vertical-tab {
    font-family: 'Signika', sans-serif;
    /*display: table;*/
}

    .vertical-tab .nav li {
        float: none;
        vertical-align: top;
    }


        .vertical-tab .nav li:hover,
        .vertical-tab .nav li.active a,
        .vertical-tab .nav li.active:hover {
            color: #fff !important;
            border: none !important;
            box-shadow: 0 0 10px #00D17C !important;
        }

        .vertical-tab .nav li:before {
            content: '';
            background: #00D17C !important;
            height: 100% !important;
            width: 100% !important;
            transform: scale(0) !important;
            position: absolute !important;
            left: 0 !important;
            top: 0 !important;
            z-index: -1 !important;
            transition: all 0.2s ease-out !important;
        }

        .vertical-tab .nav li:hover:before,
        .vertical-tab .nav li.active:before {
            background: #00D17C !important;
            transform: scale(1) !important;
        }

    .vertical-tab .tab-content {
        color: #113546 !important;
        background: #fff !important;
        font-size: 15px !important;
        letter-spacing: 1px !important;
        line-height: 25px !important;
        padding: 12px 15px 12px 25px !important;
        border-radius: 0 30px 30px 30px !important;
        box-shadow: 0 0 5px #00D17C,0 0 5px #00D17C inset !important;
        display: table-cell !important;
        position: relative !important;
    }

        .vertical-tab .tab-content h3 {
            font-weight: 600;
            margin: 0 0 5px 0;
        }

@media only screen and (max-width: 479px) {
    .vertical-tab .nav {
        width: 100%;
        display: block;
        border: none;
    }

        .vertical-tab .nav li a {
            padding: 14px 20px 12px;
            margin: 0 0 13px;
            border-radius: 5px 20px;
        }

    .vertical-tab .tab-content {
        padding: 20px 15px 10px !important;
        display: block !important;
    }

        .vertical-tab .tab-content h3 {
            font-size: 18px;
        }
}

.vertical-tab ul.nav li {
    color: #fff;
    background-color: #113546;
    font-size: 12px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    padding: 14px 18px 13px;
    margin: 0 7px 10px 0;
    border-radius: 20px 20px 0 20px;
    border: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.2s ease 0.02s;
   
}

.vertical-tab .nav li a {
    color: #fff !important;
    width: 100% !important;
    margin: 0 7px 10px 0 !important;
    border-radius: 20px 20px 0 20px !important;
    border: none !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
    transition: all 0.2s ease 0.02s !important;
}

.vertical-tab .nav li:hover, .vertical-tab .nav li.active, .vertical-tab .nav li.active:hover {
    color: #fff !important;
    border: none !important;
    box-shadow: 0 0 10px #00D17C !important;
}

    .vertical-tab .nav li:hover:before, .vertical-tab .nav li.active:before {
        background: #00D17C !important;
        transform: scale(1) !important;
    }

.vertical-tab .nav {
    display: table-cell !important;
    width: 23% !important;
    min-width: 22% !important;
    vertical-align: top !important;
    border: none !important;
    padding-right: 5px !important;
}

    .vertical-tab .nav li a:hover, .vertical-tab .nav li.active a,
    .vertical-tab .nav li.active a {
        background: #00D17C !important;
    }

    .vertical-tab .nav li:hover a {
        background: #00D17C !important;
        transform: scale(1) !important;
        transition: all 0.01s ease 0.01s !important;
        color: #fff !important;
    }

.fade:not(.show) {
    opacity: 1 !important;
}

.accordion-header {
    --bs-accordion-color: #333 !important;
    --bs-accordion-background-color: #f5f5f5 !important;
    --bs-accordion-border-color: #ddd !important;
    --bs-accordion-border-radius: 3px 3px !important;
}

.accordion {
    --bs-accordion-bg: #113546 !important;
    --bs-accordion-border-color: #ddd !important;
    --bs-accordion-btn-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAABfUlEQVR4nO3bsU7DMBSFYa99CVT1zdhYmR2Ut2M9DmKkqniQAirIiAE6uCU69v1/KWM83E9OFEtJiYiIiIiIiIiIiIiIiIiIiIiIiCh8j/eb8DOwmeHzfJPK9JLKw911FgyY8m1a8iE9zbsrYOR9Wqb3VKY3UBoxSj5+zTC/tqP8xKgXKO0Y3zNsQfkNA5TLMZpRzoGwUy7D+JddAsrKGDVQjDBqoBhh1EAxwqiBYoRRA8UIowaKEUYtOoqcMKKjyBEjKoqcMaKhqAeMKCjqCWN0FPWIMSqKesYYDUUjYIyCopEwekfRiBi9omhkjN5QFAGjFxRFwnBHUUQMVxRFxnBDERg+KALDB0Vg+KAIDB8UgeGDIjB8UASGD4rA8EERGD4oAsMHRWD4oAgMHxSBsV6at5//ef99Kns8e2p7uve0Bq24U5bIR+i9oBQwfFAKGEYv+sxjygalgOGDUsDwQSlg+KR5y3cGERERERERERERERERERERERERUfLvA4e3I61lVW2aAAAAAElFTkSuQmCC');
}

.accordion-button:not(.collapsed) {
    background-color: #00D17C;
    color: #fff !important;
    text-decoration: none;
  --bs-accordion-btn-active-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAABhUlEQVR4nO3bwUrEMBSF4dm6OmQvMvgKtnT22vY53PnQiuRBdGTAbIRxoFPrSe7/Q7cl5COLXMhuR0RERERERERERERERERERERERBS928Ph5r/XUHur7WF6eLpL/fia+vlllR8GTN30nLrxXd3j/QoY01vqp2Pqp09QFmL048f3HubFKD8wygfKcozjYpQzGKBcj7EM5QIIJ+U6jD85JaBsiVECxQijBIoRRgkUI4wSKEYYJVCMMEqgGGGUoqPICSM6ihwxoqLIGSMaimrAiIKimjBaR1GNGK2iqGaM1lDUAkYrKGoJo3YUtYhRK4paxqgNRREwakFRJAx3FEXEcEVRZAw3FIHhgyIwfFAEhg+KwPBBERg+KALDB0Vg+KAIDB8UgeGDIjB8UASGD4rA8EERGNulYd6f3nmfRzlNbH+Z2p7eiA/zfsMlt1+6fFLijtArQslg+KBkMHxQMhg+KBkMH5QMhg9KBsMkDfOeewYRERERERERERERERERERERERHRzr8vy1GY0d9nihsAAAAASUVORK5CYII');
}

.accordion-button {
    color: #fff !important;
    text-decoration: none;
}

    .accordion .accordion-item {
        --bs-accordion-margin-bottom: 0 !important;
        --bs-accordion-border-radius: 4px !important;
        --bs-accordion-background-color: #f5f5f5 !important;
    }

.panel-default {
    border-color: #ddd !important;
}

.panel-title {
    background-color: #f5f5f5 !important;
}

.accordion-item {
    --bs-accordion-margin-bottom: 20px !important;
    --bs-accordion-background-color: #fff !important;
    --bs-accordion-border: 1px solid transparent !important;
    --bs-accordion-border-radius: 4px !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
    --bs-accordion-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
}

a.btn-danger {
    color: white !important;
}

input[type=submit].btn-primary {
    color: #fff !important;
    background-color: #5B7FFF !important;
    border-color: #5B7FFF !important;
}

input[type=submit].btn-success {
    color: #fff !important;
    background-color: #398439 !important;
    border-color: #255625 !important;
}

.form-control:focus {
    border-color: #113546;
    outline: 0;
    box-shadow: 0 0 0 .25rem #113546;
}

.loginhref{
   color:#fff !important;
}

.bottomNavBarTerms {
    color: #00D17C !important;
}


