/*!
* CREDCO Membersite Main
!*/
html,body {
    background: #3b434e;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    color: #4b515e
}

footer {
    padding-bottom: 60px
}

footer,footer a {
    color: #fff
}

footer .container {
    opacity: .75
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 300;
    margin: 0
}

h1,.h1 {
    font-size: 28px
}

h2,.h2 {
    font-size: 20px
}

.page-content p,.page-content-list li {
    font-size: 14px;
    line-height: 22px
}

.page-content-list li {
    padding-bottom: 15px
}

.small {
    font-size: 12px
}

.medium {
    font-size: 14px
}

.text-highlight {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0 5px 0
}

.text-highlight:before {
    content: '';
    position: absolute;
    display: block;
    height: 12px;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-color: #ef3f3a;
    opacity: .5
}

.hr-decor {
    width: 15%;
    display: block;
    position: relative;
    border: 0;
    height: 4px
}

.divider-circle.border {
    width: 36px;
    height: 36px;
    display: block;
    border-color: #9ba4b0 !important;
    border-width: 3px !important;
    line-height: 1.62;
    position: relative;
    z-index: 5
}

.divider-circle.border:before,.divider-circle.border:after {
    content: "";
    height: 3px;
    width: 30px;
    position: absolute;
    background-color: #9ba4b0;
    top: 50%;
    z-index: 1
}

.divider-circle.border:before {
    left: -30px
}

.divider-circle.border:after {
    right: -30px
}

.divider-circle span {
    color: #9ba4b0;
    font-size: 12px;
    line-height: 1
}

.card-caret {
    width: 0;
    height: 0;
    display: block;
    border: 10px solid transparent
}

.card-caret.caret-down {
    border-top-color: #fff
}

.card-caret.caret-right {
    border-left-color: #fff
}

.card-caret.caret-up {
    border-bottom-color: #fff;
    margin-top: -40px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto
}

.card-caret.caret-left {
    border-right-color: #fff
}

.btn {
    font-size: 14px;
    font-weight: 300;
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px
}

.btn-sm {
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px
}

.btn-lg {
    font-size: 16px;
    padding-top: 13px;
    padding-bottom: 13px
}

.btn:hover {
    box-shadow: 0 0 4px rgba(0,0,0,.5)
}

.btn:disabled {
    opacity: .50 !important
}

.font-weight-bold {
    font-weight: 600 !important
}

.font-weight-bolder {
    font-weight: 700 !important
}

.font-weight-lighter {
    font-weight: 300 !important
}

.shadow {
    box-shadow: 0 2px 15px -2px rgba(0,0,0,.15) !important
}

.rounded {
    border-radius: 6px !important
}

.badge-pill {
    padding-left: 8px;
    padding-right: 8px
}

.border.border-2,.border-2 {
    border-width: 2px !important
}

.mini-modal .close {
    top: 8px;
    right: 10px
}

.popover-card {
    font-size: 14px
}

.card button.close {
    top: 5px;
    right: 10px
}

.card .close:focus,.card .close span:focus {
    outline: 0
}

.card.closed .card-body {
    opacity: .6
}

.carousel-indicators {
    bottom: -15px
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%
}

.carousel-control-next,.carousel-control-prev {
    opacity: 1;
    width: 10%
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    background-image: url('https://d2cnrbzfttnh6p.cloudfront.net/icon-arrow.svg');
    width: 30px;
    height: 30px
}

.carousel-control-prev-icon {
    transform: rotate(180deg)
}

.tablist .nav-item:first-of-type .nav-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.tablist .nav-item:last-of-type .nav-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0
}

.dropdown-toggle::after {
    border: 0;
    position: relative;
    background-image: url('https://d2cnrbzfttnh6p.cloudfront.net/icon-filter.svg');
    background-size: contain;
    width: 15px;
    height: 15px;
    top: 3px;
    margin-left: 8px
}

input.form-control,.page-auth-pii .form-group input,.page-auth-pii .form-group select {
    height: 46px
}

.custom-select {
    background-image: url('https://d2cnrbzfttnh6p.cloudfront.net/right-chevron.svg');
    background-size: 18px
}

.progress-bar {
    transition: all .25s ease-out
}

.modal-backdrop {
    background-color: #fff;
    opacity: .85 !important;
    z-index: 8888
}

.modal-small {
    z-index: 99999
}

.modal-small .modal-content {
    border-radius: .75rem
}

.modal-fullpaged .modal-dialog {
    margin: 0 !important;
    border-radius: 0 !important;
    max-width: 100% !important
}

.modal-fullpaged .modal-dialog,.modal-fullpaged .modal-dialog .modal-header,.modal-fullpaged .modal-dialog .modal-content,.modal-fullpaged .modal-dialog .modal-body,.modal-fullpaged .modal-dialog .modal-footer {
    border-radius: 0
}

.modal-fullpaged .modal-dialog .modal-content {
    border: 0;
    min-height: 100vh;
    height: 100%;
    width: 100%;
    min-width: 100vw
}

.modal-fullpaged .modal-dialog .modal-content>.modal-body {
    padding-top: 75px
}

.modal-fullpaged .modal-dialog .modal-footer {
    border: 0;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal {
    z-index: 9999
}

.load-spinner {
    max-width: 20px;
    animation: buttonSpinner 1.1s infinite linear;
    -webkit-animation: buttonSpinner 1.1s infinite linear
}

@-webkit-keyframes buttonSpinner {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes buttonSpinner {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

span.rounded-circle {
    width: 10px;
    height: 10px
}