@font-face {
    font-family: Poppins;
    src: url(../../../fonts/Poppins/Poppins-Light.otf) format('opentype');
    font-weight: lighter;
}
@font-face {
    font-family: Poppins;
    src: url(../../../fonts/Poppins/Poppins-Regular.otf) format('opentype');
    font-weight: normal;
}
@font-face {
    font-family: Poppins;
    src: url(../../../fonts/Poppins/Poppins-Bold.otf) format('opentype');
    font-weight: bold;
}
@font-face {
    font-family: Poppins;
    src: url(../../../fonts/Poppins/Poppins-Black.otf) format('opentype');
    font-weight: 1000;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins' !important;
}

a {
    text-decoration: none !important;
}

.custom-text-white {
    color: rgba(255, 255, 255, 0.5) !important;
}
.custom-text-white:hover {
    color: rgba(255,255,255, .75) !important;
}
.custom-text-white.active {
    color: rgba(255,255,255, 1) !important;
}
.custom-text-white-yellow {
    color: white !important;
}
.custom-text-white-yellow:hover {
    color: rgb(255, 242, 0) !important;
}
.custom-text-white-lightblue {
    color: white !important;
}
.custom-text-white-lightblue:hover {
    color: rgb(0, 142, 214) !important;
}
.custom-text-white-darkblue {
    color: white !important;
}
.custom-text-white-darkblue:hover {
    color: rgb(1, 34, 101) !important;
}

.form-control {
    font-size: calc(10px + .7vw) !important;
}

.text-white {
    color: white;
}
.text-black {
    color: black;
}

.custom-text-red {
    color: #dc3545 !important;
}
.custom-text-gray {
    color: #807e7e !important;
}
.custom-text-1 {
    color: rgb(255, 242, 0) !important;
}
.custom-text-2 {
    color: rgb(193, 39, 45) !important;
}
.custom-text-3 {
    color: rgb(0, 142, 214) !important;
}
.custom-text-4 {
    color: rgb(1, 34, 101) !important;
}
.custom-text-44{
    color: rgb(15, 54, 133) !important;
}
.custom-text-5 {
    color: rgb(204, 204, 204) !important;
}
.custom-text-6 {
    color: rgb(128, 128, 128) !important;
}

.bg-white {
    background-color: white;
}
.bg-black {
    background-color: black;
}
.custom-bg-gray {
    background-color: #807e7e !important;
}
.custom-bg-1 {
    background-color: rgb(255, 242, 0) !important;
}
.custom-bg-2 {
    background-color: rgb(193, 39, 45) !important;
}
.custom-bg-3 {
    background-color: rgb(0, 142, 214) !important;
}
.custom-bg-4 {
    background-color: rgb(1, 34, 101) !important;
}
.custom-bg-44{
    background-color: rgb(15, 54, 133) !important;
}
.custom-bg-5 {
    background-color: rgb(204, 204, 204) !important;
}
.custom-bg-6 {
    background-color: rgb(128, 128, 128) !important;
}
.custom-bg-orange {
    background-color: #f8770e !important;
}
.custom-bg-green {
    background-color: #48ad53 !important;
}
.custom-pills {
    text-align: center;
    padding: .25rem 2rem;
    border-radius: 50px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.custom-btn {
    color: rgb(1,34,101) !important;
    background-color: rgb(255, 242, 0) !important;
    padding: .25rem 2rem;
    border-radius: 50px;
    display: flex;
    align-items: center;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
.custom-btn:hover {
    background-color: rgb(1,34,101) !important;
    color: white !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.custom-btn.disabled {
    background-color: rgb(1,34,101) !important;
    color: white !important;
    opacity: .5 !important;
}
.custom-btn.hover-border:hover {
    border: 1px solid white !important;
    background: transparent !important;
}
.custom-btn-outline {
    color: #189AB4;
    border-color: #189AB4;
}
.custom-btn-outline:hover {
    color: white !important;
    background-color: #189AB4 !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.custom-input {
    color: rgb(128, 128, 128) !important;
    font-size: 15px !important;
    padding: .25rem 1.25rem;
}

.font-weight-1000 {
    font-weight: 1000 !important;
}

.fs-inherit {
    font-size: inherit !important;
}

.fs-icon {
    font-size: 1.75rem;
}

.color-inherit {
    color: inherit !important;
}

.cursor-pointer {
    cursor: pointer;
}
.cursor-grab {
    cursor: grab;
}

.mw-50px {
    width: 100%;
    max-width: 50px;
}
.mw-75px {
    width: 100%;
    max-width: 75px;
}
.mw-100px {
    width: 100%;
    max-width: 100px;
}
.mw-125px {
    width: 100%;
    max-width: 125px;
}
.mw-150px {
    width: 100%;
    max-width: 150px;
}
.mw-175px {
    width: 100%;
    max-width: 175px;
}
.mw-200px {
    width: 100%;
    max-width: 200px;
}
.mw-225px {
    width: 100%;
    max-width: 225px;
}
.mw-250px {
    width: 100%;
    max-width: 250px;
}
.mw-300px {
    width: 100%;
    max-width: 300px;
}
.mw-350px {
    width: 100%;
    max-width: 350px;
}
.mw-400px {
    width: 100%;
    max-width: 400px;
}
hr.customed {
    border-top: 3px solid rgb(1,34,101) !important;
}

.rounded-custom {
    border-radius: 1rem;
}
.shadow-custom {
    box-shadow: 0 0 .7rem rgba(0,0,0,.3)!important;
}
.shadow-custom:hover {
    box-shadow: 0 0 2rem rgba(0,0,0,.3)!important;
}

.zoom-hover {
    transition: all .1s ease-in-out;
}
.zoom-hover:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}
.zoom-hover-sm {
    transition: all .1s ease-in-out;
}
.zoom-hover-sm:hover {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05);
}
.zoom-hover-xs {
    transition: all .1s ease-in-out;
}
.zoom-hover-xs:hover {
    -ms-transform: scale(1.025); /* IE 9 */
    -webkit-transform: scale(1.025); /* Safari 3-8 */
    transform: scale(1.025);
}

.box {
    background-color: white;
    padding: 2rem 3rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 1rem;
}

.spinner-border.customed {
    width: 1.35rem;
    height: 1.35rem;
}

body::-webkit-scrollbar {
    background-color:#fff;
    width:16px;
}
body::-webkit-scrollbar-track {
    background-color:#fff;
}
body::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4;
}
body::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #fff;
}
body::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f4f4f4;
}
body::-webkit-scrollbar-button {
    display:none;
}

/* Extra small devices (phones, 600px and down) */
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
    .custom-input {
        padding: .25rem 1.5rem;
    }
    .spinner-border.customed {
        width: 1.05rem;
        height: 1.05rem;
    }
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
    .spinner-border.customed {
        width: 1.15rem;
        height: 1.15rem;
    } 
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .spinner-border.customed {
        width: 1.2rem;
        height: 1.2rem;
    } 
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {

}  
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}