:root {
    --primary-color: #2b445a;
    --secodnary-color: #cecccc;

}
body {
    font-family: 'Assistant', sans-serif;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}

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

@media (min-width: 1200px) {
    .container {
        max-width: 1600px;
    }
}
.toast-success {
    background-color: var(--primary-color);
}
.prime-color {
    color: var(--primary-color) !important;
}
.secondary-color {
    color: var(--secodnary-color) !important;
}
.prime-text {
    color: var(--primary-color);
}
.white-text{
    color: white;
}
.white-bg{
    background-color:white;
}
.bg-prime {
    background-color: var(--secodnary-color);
    color: aliceblue;
}
.bg-prime2 {
    background-color: var(--primary-color);
    color: var(--secodnary-color);
}

.prime-border {
    border: 1px solid var(--primary-color);
}


.gray-text {
    color: #e2e2e2;
}

.bg-gray {
    color: black;
    background-color: #b1b1b1;
}


.font2 {
    font-family: 'Bellefair', serif;
}


.zoom-animation {
    transition: transform .5s;
}

    .zoom-animation:hover {
        transform: scale(1.2);
    }

.zoom-lazy-animation {
    transition: transform 0.9s;
}

    .zoom-lazy-animation:hover {
        transform: scale(1.1);
    }


.bottom_div { /**Parent MUST BE relative*/
    position: absolute;
    bottom: 0;
    left: 0;
}


.custom-card {
    border: 1px solid gainsboro;
    box-shadow: 0px 0px 8px 0px #3e5467;
    border-radius: 2px;
    padding: 15px 15px 15px 15px;
}


input[type="text"]:focus, input[type="password"]:focus,
input[type="email"]:focus, select:focus
input[type="search"]:focus, textarea:focus,
input[type="number"]:focus, select:focus,
input[type="date"]:focus {
    outline: none;
    box-shadow: 0px 0px 4px 0px var(--primary-color);
    border: 1px solid var(--primary-color);
}

select:focus, textarea:focus {
    outline: none !important;
    box-shadow: 0px 0px 4px 0px var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.close:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.btn {
    outline: none;
    box-shadow: none !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}
.select2-selection__clear {
    margin-left:10px;
}