:root {
    --primary-color: #013781;
    --primary-text-color: #fff;
    --primary-color-fade: #09264f;
    --secondary-color: #000;
    --secondary-text-color: #fff;
    --secondary-color-fade: #808080;
    --color-disabled: #a6a6a6;
}

.org-header {
    background-color: #fff !important;
    box-shadow: 0 0 1rem rgb(102 102 102 / 20%);
}

    .org-header .logo-img {
        width: 100%;
    }

.progress-item.current {
    background-color: var(--primary-color) !important;
}

    .progress-item.current:hover, .progress-item.check:hover {
        background-color: var(--primary-color) !important;
    }

.progress-item.check {
    background-color: var(--primary-color) !important;
}

.btn-primary {
    background: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
    border: 1px solid var(--primary-color) !important;
}

    .btn-primary:hover, .btn-primary:focus {
        background: var(--primary-color-fade) !important;
        border: 1px solid var(--primary-color-fade) !important;
    }

.btn-default {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.btn-default:hover, btn-default:focus {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color-fade) !important;
    color: var(--secondary-text-color) !important;
}

.btn-radio > input:checked + label, .btn-radio > input:checked ~ label, .btn.btn-default.selected, .no-ipad .btn-radio:focus > input:checked + label, .no-ipad .btn-radio.focus > input:checked + label, .no-ipad .btn-radio input:checked:focus ~ label {
    background: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.btn-radio:active > label {
    background: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.btn-radio2 > input:checked + label, .btn-radio2 > input:checked ~ label, .btn.btn-default.selected, .no-ipad .btn-radio2:focus > input:checked + label, .no-ipad .btn-radio2.focus > input:checked + label, .no-ipad .btn-radio2 input:checked:focus ~ label {
    background: var(--color-disabled) !important;
    color: var(--primary-text-color) !important;
    border: 1px solid var(--secondary-color) !important;
}

.btn-radio2:active > label {
    background: var(--color-disabled) !important;
    color: var(--primary-text-color) !important;
}

i.help {
    background: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.form-control:not(select):focus {
    border-color: var(--primary-color) !important
}

.input-group-addon {
    background: var(--secondary-color) !important;
    color: var(--primary-text-color) !important;
}

.premium input:checked + .option {
    background: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.btn_one {
    background: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.table-excess tfoot {
    background: var(--primary-color-fade) !important;
}

.btn-radio > input[name=ClassOfUse]:checked + label > span:nth-child(1) {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.accordion-toggle:after {
    color: var(--primary-text-color);
    margin-right:10px;
}

.bgWCB {
    background-color: #ff0000;
    color: #fff;
}

.bgWCB2 {
    background-color: #f2dede;
    color: #000;
}

.bgWCB3 {
    background-color: #dce4ea;
    color: #000;
}

.panel-wcb {
    border-color: var(--secondary-color);
}

    .panel-wcb a {
        color: var(--primary-text-color) !important;
    }

    .panel-wcb > .panel-heading {
        color: #fff;
        background-color: var(--secondary-color);
        border-color: var(--primary-color)
    }

        .panel-wcb > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: var(--secondary-color)
        }

        .panel-wcb > .panel-heading .badge {
            color: #000;
            background-color: #fff
        }

    .panel-wcb > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: var(--secondary-color)
    }


.panel-group .panel-heading {
    background-color: var(--secondary-color) !important;
}

.plus-package {
    color: var(--primary-color);
}

.premium-package {
    color: var(--primary-color);
}

.portalNavigationTop .navbar-default {
    background: transparent;
    border: 0;
    box-shadow: none
}

.portalNavigationTop .navbar-default .navbar-nav > li.open > a,
.portalNavigationTop .navbar-default .navbar-nav > li > a,
.portalNavigationTop .navbar-default .navbar-nav > li > button {
    background: transparent;
    border: 0;
    color: #000;
    padding: 14px 15px;
    text-decoration: none
}

.portalNavigationTop .navbar-default .navbar-nav > li.open > a:hover,
.portalNavigationTop .navbar-default .navbar-nav > li > a:hover,
.portalNavigationTop .navbar-default .navbar-nav > li > button:hover {
    color: #000;
    text-decoration: underline
}

.portalNavigationTop .navbar-default .navbar-nav > li > .dropdown-menu {
    border-radius: 6px;
    min-width: 210px
}

.portalNavigationTop .navbar-default .btn-link {
    width: 100%
}

.portalNavigationTop .navbar-default .navbar-toggle {
    border: 1px solid #b9b5b4;
    background: #000;
    
}

/*.portalNavigationTop .navbar-default .navbar-toggle:focus,
.portalNavigationTop .navbar-default .navbar-toggle:hover {
    background-color: white;
    border: 1px solid red
}*/

@media(max-width:992px) {
    .portalNavigationTop .navbar-default .navbar-collapse {
        background-color: #fff;
        border: 1px solid #b9b5b4;
        border-radius: 3px;
        box-shadow: none;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);
        margin-top: 0px;
        position: absolute;
        right: 0;
        width: 200px;
        z-index: 1000
    }

    .portalNavigationTop .navbar-default .btn-link,
    .portalNavigationTop .navbar-default li > a {
        color: #333;
        text-align: right !important
    }

    .portalNavigationTop .navbar-default .navbar-nav > li.open > a,
    .portalNavigationTop .navbar-default .navbar-nav > li.open > a:hover,
    .portalNavigationTop .navbar-default .navbar-nav > li > a,
    .portalNavigationTop .navbar-default .navbar-nav > li > a:hover,
    .portalNavigationTop .navbar-default .navbar-nav > li > button,
    .portalNavigationTop .navbar-default .navbar-nav > li > button:hover {
        color: #333
    }

    .portalNavigationTop .navbar-default .navbar-nav > li.open > a {
        background-color: #eee
    }

    .portalNavigationTop .navbar-default .navbar-nav > li > .dropdown-menu {
        border-bottom: 1px solid #cdcdcd;
        border-radius: 0;
        border-top: 1px solid #cdcdcd
    }

    .portalNavigationTop .navbar-default .btn-link {
        padding-right: 27px
    }

    .portalNavigationTop .navbar-default li.divider {
        display: none
    }
}

.progress {
    height: 100px
}

@media(max-width:768px) {
    .progress {
        height: 50px
    }
}

.progress input {
    background: 0;
    border: 0;
    font-size: 16px;
    height: 100%;
    margin: 16px 0 0;
    padding: 0;
    text-transform: capitalize;
    white-space: normal;
    width: 100%
}