.five-loader-img {

}

.title-five-main-blue {
    color: #0000FF !important;
    font-weight: 600 !important;
}
.titledescr-five-main-blue {
    color: #7E8299 !important;
    font-weight: 400 !important;
    font-size: 1.08rem;
}



.text-five-main-blue {
    color: #0000FF !important;
}
.text-five-dark-blue {
    color: #000064 !important;
}
.text-five-darker-blue {
    color: #00001E !important;
}
.text-five-dark-grey {
    color: #333333 !important;
}
.text-five-light-grey {
    color: #EEF0F8 !important;
}
.text-five-grey {
    color: #E5E8F4 !important;
}

.text-five-success {
    color: #1BC5BD !important;
}
.text-five-warning {
    color: #FFA800 !important;
}
.text-five-danger {
    color: #FF1D25 !important;
}
.text-five-primary {
    color: #0000FF !important;
}

.bg-five-success {
    background-color: #C9F7F5 !important;
}
.bg-five-warning {
    background-color: #FFECC7 !important;
}
.bg-five-danger {
    background-color: #FFE2E5 !important;
}
.bg-five-primary {
    background-color: #E1F0FF !important;
}


.bg-five-main-blue {
    background-color: #0000FF !important;
}
.bg-five-dark-blue {
    background-color: #000064 !important;
}
.bg-five-darker-blue {
    background-color: #00001E !important;
}
.bg-five-dark-grey {
    background-color: #333333 !important;
}
.bg-five-light-grey {
    background-color: #EEF0F8 !important;
}
.bg-five-grey {
    background-color: #E5E8F4 !important;
}
.bg-five-ghostwhite {
    background-color: #f8f8ff !important;
}

.btn-white {
    color: #0000FF;
    background-color: #ffffff;
    border-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-white:hover {
        color: #181C32;
        background-color: #000064;
        border-color: #000064;
    }

    .btn-white:focus, .btn-white.focus {
        color: #181C32;
        background-color: #000064;
        border-color: #000064;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
    }

    .btn-white.disabled, .btn-white:disabled {
        color: #95A1D3;
        background-color: #E5E8F4;
        border-color: #E5E8F4;
    }

    .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
        color: #ffffff;
        background-color: #6E6EA7;
        border-color: #6E6EA7;
    }

        .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
        }


.btn.btn-white {
    color: #0000FF;
    background-color: #ffffff;
    border-color: #ffffff;
}

    .btn.btn-white i {
        color: #0000FF;
    }

    .btn.btn-white .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #0000FF;
    }

    .btn.btn-white .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .btn.btn-white.dropdown-toggle:after {
        color: #0000FF;
    }

    .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-white:focus:not(.btn-text), .btn.btn-white.focus:not(.btn-text) {
        color: #ffffff;
        background-color: #000064;
        border-color: #000064;
    }

        .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-white:focus:not(.btn-text) i, .btn.btn-white.focus:not(.btn-text) i {
            color: #ffffff;
        }

        .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-white.focus:not(.btn-text) .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-white.focus:not(.btn-text).dropdown-toggle:after {
            color: #ffffff;
        }

    .btn.btn-white.disabled, .btn.btn-white:disabled {
        color: #95A1D3;
        background-color: #E5E8F4;
        border-color: #E5E8F4;
    }

        .btn.btn-white.disabled i, .btn.btn-white:disabled i {
            color: #95A1D3;
        }

        .btn.btn-white.disabled .svg-icon svg g [fill], .btn.btn-white:disabled .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #95A1D3;
        }

        .btn.btn-white.disabled .svg-icon svg:hover g [fill], .btn.btn-white:disabled .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-white.disabled.dropdown-toggle:after, .btn.btn-white:disabled.dropdown-toggle:after {
            color: #95A1D3;
        }

    .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-white:not(:disabled):not(.disabled).active, .show > .btn.btn-white.dropdown-toggle, .show .btn.btn-white.btn-dropdown {
        color: #ffffff;
        background-color: #6E6EA7;
        border-color: #6E6EA7;
    }

        .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-white.dropdown-toggle i, .show .btn.btn-white.btn-dropdown i {
            color: #ffffff;
        }

        .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-white.btn-dropdown .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-white.btn-dropdown .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-white.btn-dropdown.dropdown-toggle:after {
            color: #ffffff;
        }












.btn-five-default {
    color: #FFFFFF;
    background-color: #0000FF;
    border-color: #0000FF;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-five-default:hover {
        color: #181C32;
        background-color: #000064;
        border-color: #000064;
    }

    .btn-five-default:focus, .btn-five-default.focus {
        color: #181C32;
        background-color: #000064;
        border-color: #000064;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
    }

    .btn-five-default.disabled, .btn-five-default:disabled {
        color: #95A1D3;
        background-color: #E5E8F4;
        border-color: #E5E8F4;
    }

    .btn-five-default:not(:disabled):not(.disabled):active, .btn-five-default:not(:disabled):not(.disabled).active, .show > .btn-five-default.dropdown-toggle {
        color: #ffffff;
        background-color: #6E6EA7;
        border-color: #6E6EA7;
    }

        .btn-five-default:not(:disabled):not(.disabled):active:focus, .btn-five-default:not(:disabled):not(.disabled).active:focus, .show > .btn-five-default.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
        }


.btn.btn-five-default {
    color: #FFFFFF;
    background-color: #0000FF;
    border-color: #0000FF;
}

    .btn.btn-five-default i {
        color: #FFFFFF;
    }

    .btn.btn-five-default .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #FFFFFF;
    }

    .btn.btn-five-default .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .btn.btn-five-default.dropdown-toggle:after {
        color: #FFFFFF;
    }

    .btn.btn-five-default:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-five-default:focus:not(.btn-text), .btn.btn-five-default.focus:not(.btn-text) {
        color: #ffffff;
        background-color: #000064;
        border-color: #000064;
    }

        .btn.btn-five-default:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-five-default:focus:not(.btn-text) i, .btn.btn-five-default.focus:not(.btn-text) i {
            color: #ffffff;
        }

        .btn.btn-five-default:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-five-default:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-five-default.focus:not(.btn-text) .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-five-default:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-five-default:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-five-default.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-default:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-five-default:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-five-default.focus:not(.btn-text).dropdown-toggle:after {
            color: #ffffff;
        }

    .btn.btn-five-default.disabled, .btn.btn-five-default:disabled {
        color: #95A1D3;
        background-color: #E5E8F4;
        border-color: #E5E8F4;
    }

        .btn.btn-five-default.disabled i, .btn.btn-five-default:disabled i {
            color: #95A1D3;
        }

        .btn.btn-five-default.disabled .svg-icon svg g [fill], .btn.btn-five-default:disabled .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #95A1D3;
        }

        .btn.btn-five-default.disabled .svg-icon svg:hover g [fill], .btn.btn-five-default:disabled .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-default.disabled.dropdown-toggle:after, .btn.btn-five-default:disabled.dropdown-toggle:after {
            color: #95A1D3;
        }

    .btn.btn-five-default:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-five-default:not(:disabled):not(.disabled).active, .show > .btn.btn-five-default.dropdown-toggle, .show .btn.btn-five-default.btn-dropdown {
        color: #ffffff;
        background-color: #6E6EA7;
        border-color: #6E6EA7;
    }

        .btn.btn-five-default:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-five-default:not(:disabled):not(.disabled).active i, .show > .btn.btn-five-default.dropdown-toggle i, .show .btn.btn-five-default.btn-dropdown i {
            color: #ffffff;
        }

        .btn.btn-five-default:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-five-default:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-five-default.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-five-default.btn-dropdown .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-five-default:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-five-default:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-five-default.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-five-default.btn-dropdown .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-default:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-five-default:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-five-default.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-five-default.btn-dropdown.dropdown-toggle:after {
            color: #ffffff;
        }



.btn-five-success {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border-color: #C9F7F5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-five-success:hover {
        color: #181C32;
        background-color: #000064;
        border-color: #000064;
    }

    .btn-five-success:focus, .btn-five-success.focus {
        color: #181C32;
        background-color: #000064;
        border-color: #000064;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
    }

    .btn-five-success.disabled, .btn-five-success:disabled {
        color: #95A1D3;
        background-color: #E5E8F4;
        border-color: #E5E8F4;
    }

    .btn-five-success:not(:disabled):not(.disabled):active, .btn-five-success:not(:disabled):not(.disabled).active, .show > .btn-five-success.dropdown-toggle {
        color: #ffffff;
        background-color: #6E6EA7;
        border-color: #6E6EA7;
    }

        .btn-five-success:not(:disabled):not(.disabled):active:focus, .btn-five-success:not(:disabled):not(.disabled).active:focus, .show > .btn-five-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
        }


.btn.btn-five-success {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border-color: #C9F7F5;
}

    .btn.btn-five-success i {
        color: #1BC5BD;
    }

    .btn.btn-five-success .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1BC5BD;
    }

    .btn.btn-five-success .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .btn.btn-five-success.dropdown-toggle:after {
        color: #FFFFFF;
    }

    .btn.btn-five-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-five-success:focus:not(.btn-text), .btn.btn-five-success.focus:not(.btn-text) {
        color: #ffffff;
        background-color: #000064;
        border-color: #000064;
    }

        .btn.btn-five-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-five-success:focus:not(.btn-text) i, .btn.btn-five-success.focus:not(.btn-text) i {
            color: #ffffff;
        }

        .btn.btn-five-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-five-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-five-success.focus:not(.btn-text) .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-five-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-five-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-five-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-five-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-five-success.focus:not(.btn-text).dropdown-toggle:after {
            color: #ffffff;
        }

    .btn.btn-five-success.disabled, .btn.btn-five-success:disabled {
        color: #95A1D3;
        background-color: #E5E8F4;
        border-color: #E5E8F4;
    }

        .btn.btn-five-success.disabled i, .btn.btn-five-success:disabled i {
            color: #95A1D3;
        }

        .btn.btn-five-success.disabled .svg-icon svg g [fill], .btn.btn-five-success:disabled .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #95A1D3;
        }

        .btn.btn-five-success.disabled .svg-icon svg:hover g [fill], .btn.btn-five-success:disabled .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-success.disabled.dropdown-toggle:after, .btn.btn-five-success:disabled.dropdown-toggle:after {
            color: #95A1D3;
        }

    .btn.btn-five-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-five-success:not(:disabled):not(.disabled).active, .show > .btn.btn-five-success.dropdown-toggle, .show .btn.btn-five-success.btn-dropdown {
        color: #ffffff;
        background-color: #6E6EA7;
        border-color: #6E6EA7;
    }

        .btn.btn-five-success:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-five-success:not(:disabled):not(.disabled).active i, .show > .btn.btn-five-success.dropdown-toggle i, .show .btn.btn-five-success.btn-dropdown i {
            color: #ffffff;
        }

        .btn.btn-five-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-five-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-five-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-five-success.btn-dropdown .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-five-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-five-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-five-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-five-success.btn-dropdown .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-five-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-five-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-five-success.btn-dropdown.dropdown-toggle:after {
            color: #ffffff;
        }





.btn-five-video {
    color: #0000FF;
    background-color: #FFF;
    border-color: #FFE2E5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-five-video:hover {
        color: #FFF;
        background-color: #000064;
        border-color: #000064;
    }

    .btn-five-video:focus, .btn-five-video.focus {
        color: #181C32;
        background-color: #000064;
        border-color: #000064;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
    }

    .btn-five-video.disabled, .btn-five-video:disabled {
    color: #FF1D25;
    background-color: #FFE2E5;
    border-color: #FFE2E5;
    }

    .btn-five-video:not(:disabled):not(.disabled):active, .btn-five-video:not(:disabled):not(.disabled).active, .show > .btn-five-video.dropdown-toggle {
        color: #FF1D25;
        background-color: #FFE2E5;
        border-color: #FFE2E5;
    }

        .btn-five-video:not(:disabled):not(.disabled):active:focus, .btn-five-video:not(:disabled):not(.disabled).active:focus, .show > .btn-five-video.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
        }


.btn.btn-five-video {
    color: #0000FF;
    background-color: #FFF;
    border-color: #FFE2E5;
}

    .btn.btn-five-video i {
        color: #FFF;
    }

    .btn.btn-five-video .svg-icon {
        float: left ;
        position: relative;
        top: -15px;
        left: -18px;
    }

        .btn.btn-five-video .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #FFF;
        }

    .btn.btn-five-video .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .btn.btn-five-video.dropdown-toggle:after {
        color: #FFF;
    }

    .btn.btn-five-video:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-five-video:focus:not(.btn-text), .btn.btn-five-video.focus:not(.btn-text) {
        color: #FFF;
        background-color: #000064;
        border-color: #FF1D25;
    }

        .btn.btn-five-video:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-five-video:focus:not(.btn-text) i, .btn.btn-five-video.focus:not(.btn-text) i {
            color: #FFF;
        }

        .btn.btn-five-video:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-five-video:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-five-video.focus:not(.btn-text) .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-five-video:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-five-video:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-five-video.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-video:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-five-video:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-five-video.focus:not(.btn-text).dropdown-toggle:after {
            color: #ffffff;
        }

    .btn.btn-five-video.disabled, .btn.btn-five-video:disabled {
        color: #95A1D3;
        background-color: #E5E8F4;
        border-color: #E5E8F4;
    }

        .btn.btn-five-video.disabled i, .btn.btn-five-video:disabled i {
            color: #95A1D3;
        }

        .btn.btn-five-video.disabled .svg-icon svg g [fill], .btn.btn-five-video:disabled .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #95A1D3;
        }

        .btn.btn-five-video.disabled .svg-icon svg:hover g [fill], .btn.btn-five-video:disabled .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-video.disabled.dropdown-toggle:after, .btn.btn-five-video:disabled.dropdown-toggle:after {
            color: #95A1D3;
        }

    .btn.btn-five-video:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-five-video:not(:disabled):not(.disabled).active, .show > .btn.btn-five-video.dropdown-toggle, .show .btn.btn-five-video.btn-dropdown {
        color: #ffffff;
        background-color: #6E6EA7;
        border-color: #6E6EA7;
    }

        .btn.btn-five-video:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-five-video:not(:disabled):not(.disabled).active i, .show > .btn.btn-five-video.dropdown-toggle i, .show .btn.btn-five-video.btn-dropdown i {
            color: #ffffff;
        }

        .btn.btn-five-video:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-five-video:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-five-video.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-five-video.btn-dropdown .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-five-video:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-five-video:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-five-video.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-five-video.btn-dropdown .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-video:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-five-video:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-five-video.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-five-video.btn-dropdown.dropdown-toggle:after {
            color: #ffffff;
        }




.btn-five-previous {
    color: #0000FF;
    background-color: #E1F0FF;
    border-color: #E1F0FF;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-five-previous:hover {
    color: #181C32;
    background-color: #000064;
    border-color: #000064;
}

.btn-five-previous:focus, .btn-five-previous.focus {
    color: #181C32;
    background-color: #000064;
    border-color: #000064;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
}

.btn-five-previous.disabled, .btn-five-previous:disabled {
    color: #95A1D3;
    background-color: #E5E8F4;
    border-color: #E5E8F4;
}

.btn-five-previous:not(:disabled):not(.disabled):active, .btn-five-previous:not(:disabled):not(.disabled).active, .show > .btn-five-previous.dropdown-toggle {
    color: #ffffff;
    background-color: #6E6EA7;
    border-color: #6E6EA7;
}

    .btn-five-previous:not(:disabled):not(.disabled):active:focus, .btn-five-previous:not(:disabled):not(.disabled).active:focus, .show > .btn-five-previous.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
    }


.btn.btn-five-previous {
    color: #0000FF;
    background-color: #E1F0FF;
    border-color: #E1F0FF;
}

    .btn.btn-five-previous i {
        color: #0000FF;
    }

    .btn.btn-five-previous .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #0000FF;
    }

    .btn.btn-five-previous .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .btn.btn-five-previous.dropdown-toggle:after {
        color: #0000FF;
    }

    .btn.btn-five-previous:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-five-previous:focus:not(.btn-text), .btn.btn-five-previous.focus:not(.btn-text) {
        color: #ffffff;
        background-color: #000064;
        border-color: #000064;
    }

        .btn.btn-five-previous:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-five-previous:focus:not(.btn-text) i, .btn.btn-five-previous.focus:not(.btn-text) i {
            color: #ffffff;
        }

        .btn.btn-five-previous:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-five-previous:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-five-previous.focus:not(.btn-text) .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-five-previous:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-five-previous:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-five-previous.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-previous:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-five-previous:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-five-previous.focus:not(.btn-text).dropdown-toggle:after {
            color: #ffffff;
        }

    .btn.btn-five-previous.disabled, .btn.btn-five-previous:disabled {
        color: #95A1D3;
        background-color: #E5E8F4;
        border-color: #E5E8F4;
    }

        .btn.btn-five-previous.disabled i, .btn.btn-five-previous:disabled i {
            color: #95A1D3;
        }

        .btn.btn-five-previous.disabled .svg-icon svg g [fill], .btn.btn-five-previous:disabled .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #95A1D3;
        }

        .btn.btn-five-previous.disabled .svg-icon svg:hover g [fill], .btn.btn-five-previous:disabled .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-previous.disabled.dropdown-toggle:after, .btn.btn-five-previous:disabled.dropdown-toggle:after {
            color: #95A1D3;
        }

    .btn.btn-five-previous:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-five-previous:not(:disabled):not(.disabled).active, .show > .btn.btn-five-previous.dropdown-toggle, .show .btn.btn-five-previous.btn-dropdown {
        color: #ffffff;
        background-color: #6E6EA7;
        border-color: #6E6EA7;
    }

        .btn.btn-five-previous:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-five-previous:not(:disabled):not(.disabled).active i, .show > .btn.btn-five-previous.dropdown-toggle i, .show .btn.btn-five-previous.btn-dropdown i {
            color: #ffffff;
        }

        .btn.btn-five-previous:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-five-previous:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-five-previous.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-five-previous.btn-dropdown .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .btn.btn-five-previous:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-five-previous:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-five-previous.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-five-previous.btn-dropdown .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .btn.btn-five-previous:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-five-previous:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-five-previous.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-five-previous.btn-dropdown.dropdown-toggle:after {
            color: #ffffff;
        }




.btngroup-left-main-blue {
    color: #ffffff;
    background-color: #0000FF;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 25% 0 0 25% / 50% 0 0 50%;
}
.btngroup-middle-main-blue {
    color: #ffffff;
    background-color: #0000FF;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 0 0 0 0;
}
.btngroup-right-main-blue {
    color: #ffffff;
    background-color: #0000FF;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 0 25% 25% 0 / 0 50% 50% 0;
}

.btngroup-active {
    color: #ffffff !important;
    background-color: #6E6EA7 !important;
    border-color: #6E6EA7 !important;
}




.alert.alert-success {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border-color: #C9F7F5;
}

    .alert.alert-success .close i {
        opacity: 0.8;
        color: #1BC5BD;
    }

    .alert.alert-success .close:focus i, .alert.alert-success .close:hover i {
        opacity: 1;
        color: #1BC5BD;
    }
.alert.alert-custom.alert-success {
    background-color: #C9F7F5;
    border-color: #C9F7F5;
}

    .alert.alert-custom.alert-success .alert-icon i {
        opacity: 0.8;
        color: #1BC5BD;
    }

    .alert.alert-custom.alert-success .alert-text {
        color: #1BC5BD;
/*        font-weight: 600;
*/        word-wrap: break-word;
    }

    .alert.alert-custom.alert-success .alert-close i {
        color: #1BC5BD;
        font-weight: 600;
    }

    .alert.alert-custom.alert-success .alert-close:focus, .alert.alert-custom.alert-success .alert-close:hover {
        opacity: 1;
        color: #1BC5BD;
    }



.alert.alert-warning {
    background-color: #FFECC7;
    border-color: #FFECC7;
    color: #FFA800;
}

    .alert.alert-warning .close i {
        opacity: 0.8;
        color: #FFA800;
    }

    .alert.alert-warning .close:focus i, .alert.alert-warning .close:hover i {
        opacity: 1;
        color: #FFA800;
    }

.alert.alert-custom.alert-warning {
    background-color: #FFECC7;
    border-color: #FFECC7;
}

    .alert.alert-custom.alert-warning .alert-icon i {
        opacity: 0.8;
        color: #FFA800;
    }

    .alert.alert-custom.alert-warning .alert-text {
        color: #FFA800;
/*        font-weight: 600;
*/        word-wrap: break-word;
    }

    .alert.alert-custom.alert-warning .alert-close i {
        color: #FFA800;
        font-weight: 600;
    }

    .alert.alert-custom.alert-warning .alert-close:focus, .alert.alert-custom.alert-warning .alert-close:hover {
        opacity: 1;
        color: #FFA800;
    }



.alert.alert-danger {
    background-color: #FFE2E5;
    border-color: #FFE2E5;
    color: #FF1D25;
}

    .alert.alert-danger .close i {
        opacity: 0.8;
        color: #FF1D25;
    }

    .alert.alert-danger .close:focus i, .alert.alert-danger .close:hover i {
        opacity: 1;
        color: #FF1D25;
    }

.alert.alert-custom.alert-danger {
    background-color: #FFE2E5;
    border-color: #FFE2E5;
}

    .alert.alert-custom.alert-danger .alert-icon i {
        opacity: 0.8;
        color: #FF1D25;
    }

    .alert.alert-custom.alert-danger .alert-text {
        color: #FF1D25;
/*        font-weight: 600;
*/        word-wrap: break-word;
    }

    .alert.alert-custom.alert-danger .alert-close i {
        color: #FF1D25;
        font-weight: 600;
    }

    .alert.alert-custom.alert-danger .alert-close:focus, .alert.alert-custom.alert-danger .alert-close:hover {
        opacity: 1;
        color: #FF1D25;
    }






.font-size-login-header {
    font-size: 40px !important;
}

.datatable-head > tr {
    background-color: #E1F0FF !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #bbd3ed;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #bbd3ed));
    /* background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); */
    background: -moz-linear-gradient(top, white 0%, #bbd3ed 100%);
    background: -ms-linear-gradient(top, white 0%, #bbd3ed 100%);
    background: -o-linear-gradient(top, white 0%, #bbd3ed 100%);
    /* background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); */
}


.datatable-search-input-custom {
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #464E5F;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #E5EAEE;
    border-radius: 0.42rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .datatable-search-input-custom {
        -webkit-transition: none;
        transition: none;
    }
}

.datatable-search-input-custom::-ms-expand {
    background-color: transparent;
    border: 0;
}

.datatable-search-input-custom:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #464E5F;
}

.datatable-search-input-custom:focus {
    color: #464E5F;
    background-color: #ffffff;
    border-color: #69b3ff;
    outline: 0;
    -webkit-box-shadow: none, none;
    box-shadow: none, none;
}

.datatable-search-input-custom::-webkit-input-placeholder {
    color: #B5B5C3;
    opacity: 1;
}

.datatable-search-input-custom::-moz-placeholder {
    color: #B5B5C3;
    opacity: 1;
}

.datatable-search-input-custom:-ms-input-placeholder {
    color: #B5B5C3;
    opacity: 1;
}

.datatable-search-input-custom::-ms-input-placeholder {
    color: #B5B5C3;
    opacity: 1;
}

.datatable-search-input-custom::placeholder {
    color: #B5B5C3;
    opacity: 1;
}

.datatable-search-input-custom:disabled, .datatable-search-input-custom[readonly] {
    background-color: #F3F6F9;
    opacity: 1;
}

.info-card-header {
    background-color: #E1F0FF !important;
}

div.fixedDiv {
    font-size: 10pt;
    position: relative;
}

#infoDiv {
    position: relative;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    z-index: 1;
}

div.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    font-size: 10pt;
    top: 0;
}

.infoTitle {
    color: dimgrey;
    text-align: right;
    font-weight: 500;
}

.infoData {
    font-weight: 300;
}

.ScrollPreview {
    max-height: 500px !important;
    overflow-y: scroll !important;
}

.notifSettingsModalTitleCSS {
    color: #808080;
}

.hideDivs {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 10px;
    width: 10px;
}


.border-bottom-grey {
    border-bottom-color: #EEF0E9 !important;
}


.dash.nav-tabs .nav-link.active, .dash.nav-tabs .nav-item.show .nav-link {
    color: #FFFFFF;
    background-color: #0000FF;
    border-color: #E4E6EF #E4E6EF #0000FF;
    font-weight: 500;
}


#cookieNotice.display-right {
    right: 30px;
    bottom: 130px;
    max-width: 395px;
}

#cookieNotice.light {
    background-color: #fff;
    color: #393d4d;
}

#cookieNotice {
    box-sizing: border-box;
    position: fixed;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 6px rgb(0 0 0 / 25%);
    font-family: inherit;
    background-color: #fff;
    z-index: 999997;
}

    #cookieNotice #closeIcon {
        width: 20px;
        height: 20px;
        cursor: pointer;
        color: #bfb9b9;
        overflow: hidden;
        opacity: .85;
        z-index: 999999;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../images/close-icon.svg) 0 0 / 20px 20px no-repeat;
    }

    #cookieNotice * {
        margin: 0;
        padding: 0;
        text-decoration: none;
        list-style: none;
        box-sizing: border-box;
    }

    #cookieNotice .title-wrap {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        background: url(../content/imgs/FIVE_Vertical_azul.png) 0 0 / 75px 75px no-repeat;
        padding-left: 80px;
        height: 75px;
    }

        #cookieNotice .title-wrap svg {
            margin-right: 10px;
        }

    #cookieNotice h4 {
        font-family: inherit;
        font-weight: 700;
        font-size: 18px;
    }

    #cookieNotice.light p, #cookieNotice.light ul {
        color: #393d4d;
        color: var(--cookieNoticeProDark);
    }

    #cookieNotice p, #cookieNotice ul {
        font-size: 14px;
        margin-bottom: 20px;
    }

    #cookieNotice .btn-wrap {
        display: flex;
        flex-direction: row;
        font-weight: 700;
        justify-content: center;
        margin: 0 -5px 0 -5px;
        flex-wrap: wrap;
    }

        #cookieNotice .btn-wrap button {
            flex-grow: 1;
            padding: 0 7px;
            margin: 0 5px 10px 5px;
            border-radius: 20px;
            cursor: pointer;
            white-space: nowrap;
            min-width: 130px;
            line-height: 36px;
            border: none;
            font-family: inherit;
            font-size: 16px;
            transition: box-shadow .3s;
        }

    #cookieNotice button {
        outline: 0;
        border: none;
        appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    #cookieNotice .btn-wrap button:hover {
        transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);
        transform: translate3d(0,-1px,0);
    }



.alert.alert-custom.alert-nojavascript {
    background-color: #b90202 !important;
    color: #ffffff !important;
}

    .alert.alert-custom.alert-nojavascript .alert-icon i {
        opacity: 0.8;
        color: #ffffff !important;
    }

    .alert.alert-custom.alert-nojavascript .alert-text {
        color: #ffffff !important;
        /*        font-weight: 600;
*/ word-wrap: break-word;
    }

    .alert.alert-custom.alert-nojavascript .alert-close i {
        color: #ffffff !important;
        font-weight: 600;
    }

    .alert.alert-custom.alert-nojavascript .alert-close:focus, .alert.alert-custom.alert-nojavascript .alert-close:hover {
        opacity: 1;
        color: #ffffff !important;
    }