@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root {
    --background-light: #FFFFFF;
    --text-primary: #212B36;
    --text-secondary: #919EAB;
    --text-disabled: #919EAB;
    --dashboard-orange-transparent: rgba(255, 153, 0, 0.09);
    --dashboard-orange: #F25930;
    --success-card: #077036;
    --warning-card: #B10912;
    --icons-base: #111F2B;
    --alert-main: #FFAB00;
    --error-main: #FF5630;
}

* {
    margin: 0;
}

body {
    font-family: "IBM Plex Sans", sans-serif !important;
    color: var(--text-primary);
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: auto 1fr;
}

a {
    text-decoration: none !important;
}

p {
    margin: 0 !important;
}

p, button {
    font-family: "IBM Plex Sans", sans-serif !important;
}

ul, ol, li {
    margin: 0 !important;
}

.left-side {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center
}

svg path:nth-child(odd) {
    stroke: none !important;
}

/*HEADER*/
header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;

    svg, svg path{
        fill: var(--text-secondary);
    }
}

.navbar-button{
    position: relative;
    cursor: pointer;
}

.navbar-button svg:first-of-type{
    position: absolute;
    top: 2px;
    left: -2px;
    width: 15px;
    height: 15px;
    transition: 300ms ease-in-out;
}

.navbar-button.rotate-190 svg:first-of-type{
    rotate: 180deg;
}

.right-section{
    display: flex;
    align-items: center;
}

.left-section {
    display: flex;
    align-items: center;
    gap: 32px;
}

.search{
    position: relative;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    max-width: 320px !important;
    padding: 7px 12px !important;
}

.search img {
    width: 24px;
}

.search-input{
    width: 100% !important;
    margin-left: 14px !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
}

.search-input::placeholder{
    color: var(--text-secondary) !important;
}

.header-dropdown{
    position: relative;
    display: inline-block;
}

.header-dropdown-btn{
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 150%;
    right: 0;
    left: auto !important;
    padding: 0 !important;
    border-radius: 12px;
    box-shadow: -4px 0 16px rgba(0, 0, 0, 0.12);
}

.dropdown-menu::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 0;
    transform: translateX(-50%);
    border-width: 0 10px 8px 10px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

.dropdown-wrapper {
    overflow: hidden;
}

.profile-avatar{
    width: 40px;
    height: 40px;
}

.dropdown-section{
    a {
        display: flex;
        align-items: center;
        padding: 10px 16px;
        width: 100%;
        border: none;
        background: transparent;
        gap: 16px;
        cursor: pointer;

        svg path{
            fill: var(--text-primary)
        }

        span{
            font-weight: 400 !important;
        }

        img {
            width: 24px;
        }
    }
}

.profile-dropdown .dropdown-section:nth-of-type(2) {
    max-height: 440px;
    overflow-y: auto;
}

.dropdown-section {
    button {
    display: flex;
    align-items: center;
    border: none;
    padding: 10px 16px;
    width: 100%;
    border: none;
    background: transparent;
    gap: 16px;
    cursor: pointer;

        span {
            font-weight: 400 !important;
        }

        img {
            width: 24px;
        }

    }
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #eeeeee !important;
}

.dropdown-section a:active, .dropdown-section button:active, {
    background-color: #919EAB;
}

.dropdown-section a:hover {
    background: #eeeeee;
}

.dropdown-section a{
    color: black !important;
}

.dropdown-section a:last-of-type {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.dropdown-section:not(:last-child) {
    padding: 20px 16px;
    border-bottom: 1px solid #E5E8EB;
}

#notification-dropdown {
    width: 300px;
}

#profile-dropdown {
    width: 200px;
}

.info-block {
    color: var(--text-primary, #212B36);
    white-space: nowrap;
    overflow: hidden;
    line-height: 22px;
    text-wrap: wrap;

    p:first-of-type{
        font-weight: 600;
    }
}

.info-block:not(:last-of-type){
    margin-bottom: 16px;
}

.profile{
    margin-left: 8px;

    .avatar{
        border-radius: 50%;
    }

    span{
        font-weight: 700;
        font-size: 14px;
        color: var(--text-primary);
    }

    svg path{
        fill: var(--text-primary);
    }

    .arrow{
        width: 16px !important;
        transform: rotate(90deg);
    }
}

.header-dropdown-btn img:last-child{
    width: 24px;
}

.content-area {
    padding: 0 40px;
    overflow: hidden;
}

@media (max-width: 430px) {
    .profile .header-dropdown-btn span,
    .header-dropdown-btn .arrow {
        display: none;
    }
}

.information-section {
    max-height: 410px;
    overflow: auto;

    /* Firefox */
    scrollbar-width: thin; 
    scrollbar-color: #c1c1c1 transparent;
}

.information-section::-webkit-scrollbar {
    width: 8px;
}

.information-section::-webkit-scrollbar-track {
    background: transparent;
}

.information-section::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.information-section::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}



/* Overriding libraries styles*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0;
    padding-left: 0;
}

.badge-danger {
    background-color: var(--error-main) !important;
}

.navbar-badge {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border-radius: 50% !important;
    padding: 0 7px;
    right: -3px !important;
    top: -8px !important;
    align-content: center;
}

label {
    margin: 0 !important;
}

.error-summary-ul li{
    list-style: inside !important;
}
.error-summary li {
    list-style: inside !important;
}

.custom-switch {
    padding-left: 0 !important; 
}

.custom-control {
    padding-left: 0 !important; 
}

/* TOATER BASIC SETTINGS */

#toast-container > div {
    width: 350px !important;
    padding-right: 25px;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    opacity: 1 !important;
}

#toast-container {
    margin-top: 25px;
}

.toast .toast-close-button {
    font-size: 0 !important;
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
}

/* TOATER SUCCESS */
#toast-container .toast-success .toast-close-button {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.4608 13.6644C14.513 13.7166 14.5545 13.7787 14.5828 13.8469C14.6111 13.9152 14.6256 13.9884 14.6256 14.0623C14.6256 14.1362 14.6111 14.2094 14.5828 14.2777C14.5545 14.346 14.513 14.408 14.4608 14.4603C14.4085 14.5126 14.3465 14.554 14.2782 14.5823C14.2099 14.6106 14.1367 14.6251 14.0628 14.6251C13.9889 14.6251 13.9157 14.6106 13.8474 14.5823C13.7792 14.554 13.7171 14.5126 13.6648 14.4603L9.00031 9.79506L4.33578 14.4603C4.23023 14.5658 4.08708 14.6251 3.93781 14.6251C3.78855 14.6251 3.64539 14.5658 3.53984 14.4603C3.4343 14.3547 3.375 14.2116 3.375 14.0623C3.375 13.9131 3.4343 13.7699 3.53984 13.6644L8.20508 8.99982L3.53984 4.33529C3.4343 4.22975 3.375 4.08659 3.375 3.93732C3.375 3.78806 3.4343 3.6449 3.53984 3.53936C3.64539 3.43381 3.78855 3.37451 3.93781 3.37451C4.08708 3.37451 4.23023 3.43381 4.33578 3.53936L9.00031 8.20459L13.6648 3.53936C13.7704 3.43381 13.9135 3.37451 14.0628 3.37451C14.2121 3.37451 14.3552 3.43381 14.4608 3.53936C14.5663 3.6449 14.6256 3.78806 14.6256 3.93732C14.6256 4.08659 14.5663 4.22975 14.4608 4.33529L9.79555 8.99982L14.4608 13.6644Z' fill='%23E0EFE9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

#toast-container > .toast-success {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.531 7.28055L9.53104 19.2806C9.46139 19.3503 9.37867 19.4056 9.28762 19.4433C9.19657 19.4811 9.09898 19.5005 9.00042 19.5005C8.90186 19.5005 8.80426 19.4811 8.71321 19.4433C8.62216 19.4056 8.53945 19.3503 8.46979 19.2806L3.21979 14.0306C3.07906 13.8898 3 13.699 3 13.4999C3 13.3009 3.07906 13.11 3.21979 12.9693C3.36052 12.8286 3.55139 12.7495 3.75042 12.7495C3.94944 12.7495 4.14031 12.8286 4.28104 12.9693L9.00042 17.6896L20.4698 6.2193C20.6105 6.07857 20.8014 5.99951 21.0004 5.99951C21.1994 5.99951 21.3903 6.07857 21.531 6.2193C21.6718 6.36003 21.7508 6.55091 21.7508 6.74993C21.7508 6.94895 21.6718 7.13982 21.531 7.28055Z' fill='%23E0EFE9'/%3E%3C/svg%3E") !important;
}

#toast-container .toast-success {
    background-color: #077036 !important;
}

/* TOATER WARNINGS */

#toast-container .toast-warning {
    background-color: #F59B00 !important;
    color: black !important;
}

#toast-container > .toast-warning {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM12 20.25C10.3683 20.25 8.77326 19.7661 7.41655 18.8596C6.05984 17.9531 5.00242 16.6646 4.378 15.1571C3.75358 13.6496 3.5902 11.9908 3.90853 10.3905C4.22685 8.79016 5.01259 7.32015 6.16637 6.16637C7.32016 5.01259 8.79017 4.22685 10.3905 3.90852C11.9909 3.59019 13.6497 3.75357 15.1571 4.37799C16.6646 5.00242 17.9531 6.05984 18.8596 7.41655C19.7661 8.77325 20.25 10.3683 20.25 12C20.2475 14.1873 19.3775 16.2843 17.8309 17.8309C16.2843 19.3775 14.1873 20.2475 12 20.25ZM11.25 12.75V7.5C11.25 7.30109 11.329 7.11032 11.4697 6.96967C11.6103 6.82902 11.8011 6.75 12 6.75C12.1989 6.75 12.3897 6.82902 12.5303 6.96967C12.671 7.11032 12.75 7.30109 12.75 7.5V12.75C12.75 12.9489 12.671 13.1397 12.5303 13.2803C12.3897 13.421 12.1989 13.5 12 13.5C11.8011 13.5 11.6103 13.421 11.4697 13.2803C11.329 13.1397 11.25 12.9489 11.25 12.75ZM13.125 16.125C13.125 16.3475 13.059 16.565 12.9354 16.75C12.8118 16.935 12.6361 17.0792 12.4305 17.1644C12.225 17.2495 11.9988 17.2718 11.7805 17.2284C11.5623 17.185 11.3618 17.0778 11.2045 16.9205C11.0472 16.7632 10.94 16.5627 10.8966 16.3445C10.8532 16.1262 10.8755 15.9 10.9606 15.6945C11.0458 15.4889 11.19 15.3132 11.375 15.1896C11.56 15.066 11.7775 15 12 15C12.2984 15 12.5845 15.1185 12.7955 15.3295C13.0065 15.5405 13.125 15.8266 13.125 16.125Z' fill='%23121212'/%3E%3C/svg%3E") !important;
}

#toast-container .toast-warning .toast-close-button {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.4608 13.6644C14.513 13.7166 14.5545 13.7787 14.5828 13.8469C14.6111 13.9152 14.6256 13.9884 14.6256 14.0623C14.6256 14.1362 14.6111 14.2094 14.5828 14.2777C14.5545 14.346 14.513 14.408 14.4608 14.4603C14.4085 14.5126 14.3465 14.554 14.2782 14.5823C14.2099 14.6106 14.1367 14.6251 14.0628 14.6251C13.9889 14.6251 13.9157 14.6106 13.8474 14.5823C13.7792 14.554 13.7171 14.5126 13.6648 14.4603L9.00031 9.79506L4.33578 14.4603C4.23023 14.5658 4.08708 14.6251 3.93781 14.6251C3.78855 14.6251 3.64539 14.5658 3.53984 14.4603C3.4343 14.3547 3.375 14.2116 3.375 14.0623C3.375 13.9131 3.4343 13.7699 3.53984 13.6644L8.20508 8.99982L3.53984 4.33529C3.4343 4.22975 3.375 4.08659 3.375 3.93732C3.375 3.78806 3.4343 3.6449 3.53984 3.53936C3.64539 3.43381 3.78855 3.37451 3.93781 3.37451C4.08708 3.37451 4.23023 3.43381 4.33578 3.53936L9.00031 8.20459L13.6648 3.53936C13.7704 3.43381 13.9135 3.37451 14.0628 3.37451C14.2121 3.37451 14.3552 3.43381 14.4608 3.53936C14.5663 3.6449 14.6256 3.78806 14.6256 3.93732C14.6256 4.08659 14.5663 4.22975 14.4608 4.33529L9.79555 8.99982L14.4608 13.6644Z' fill='%23121212'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}


/* TOATER ERRORS */

#toast-container .toast-error {
    background-color: #991C00 !important;
}

#toast-container > .toast-error {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM12 20.25C10.3683 20.25 8.77326 19.7661 7.41655 18.8596C6.05984 17.9531 5.00242 16.6646 4.378 15.1571C3.75358 13.6496 3.5902 11.9908 3.90853 10.3905C4.22685 8.79016 5.01259 7.32015 6.16637 6.16637C7.32016 5.01259 8.79017 4.22685 10.3905 3.90852C11.9909 3.59019 13.6497 3.75357 15.1571 4.37799C16.6646 5.00242 17.9531 6.05984 18.8596 7.41655C19.7661 8.77325 20.25 10.3683 20.25 12C20.2475 14.1873 19.3775 16.2843 17.8309 17.8309C16.2843 19.3775 14.1873 20.2475 12 20.25ZM11.25 12.75V7.5C11.25 7.30109 11.329 7.11032 11.4697 6.96967C11.6103 6.82902 11.8011 6.75 12 6.75C12.1989 6.75 12.3897 6.82902 12.5303 6.96967C12.671 7.11032 12.75 7.30109 12.75 7.5V12.75C12.75 12.9489 12.671 13.1397 12.5303 13.2803C12.3897 13.421 12.1989 13.5 12 13.5C11.8011 13.5 11.6103 13.421 11.4697 13.2803C11.329 13.1397 11.25 12.9489 11.25 12.75ZM13.125 16.125C13.125 16.3475 13.059 16.565 12.9354 16.75C12.8118 16.935 12.6361 17.0792 12.4305 17.1644C12.225 17.2495 11.9988 17.2718 11.7805 17.2284C11.5623 17.185 11.3618 17.0778 11.2045 16.9205C11.0472 16.7632 10.94 16.5627 10.8966 16.3445C10.8532 16.1262 10.8755 15.9 10.9606 15.6945C11.0458 15.4889 11.19 15.3132 11.375 15.1896C11.56 15.066 11.7775 15 12 15C12.2984 15 12.5845 15.1185 12.7955 15.3295C13.0065 15.5405 13.125 15.8266 13.125 16.125Z' fill='%23E0EFE9'/%3E%3C/svg%3E") !important;
}

#toast-container .toast-error .toast-close-button {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.4608 13.6644C14.513 13.7166 14.5545 13.7787 14.5828 13.8469C14.6111 13.9152 14.6256 13.9884 14.6256 14.0623C14.6256 14.1362 14.6111 14.2094 14.5828 14.2777C14.5545 14.346 14.513 14.408 14.4608 14.4603C14.4085 14.5126 14.3465 14.554 14.2782 14.5823C14.2099 14.6106 14.1367 14.6251 14.0628 14.6251C13.9889 14.6251 13.9157 14.6106 13.8474 14.5823C13.7792 14.554 13.7171 14.5126 13.6648 14.4603L9.00031 9.79506L4.33578 14.4603C4.23023 14.5658 4.08708 14.6251 3.93781 14.6251C3.78855 14.6251 3.64539 14.5658 3.53984 14.4603C3.4343 14.3547 3.375 14.2116 3.375 14.0623C3.375 13.9131 3.4343 13.7699 3.53984 13.6644L8.20508 8.99982L3.53984 4.33529C3.4343 4.22975 3.375 4.08659 3.375 3.93732C3.375 3.78806 3.4343 3.6449 3.53984 3.53936C3.64539 3.43381 3.78855 3.37451 3.93781 3.37451C4.08708 3.37451 4.23023 3.43381 4.33578 3.53936L9.00031 8.20459L13.6648 3.53936C13.7704 3.43381 13.9135 3.37451 14.0628 3.37451C14.2121 3.37451 14.3552 3.43381 14.4608 3.53936C14.5663 3.6449 14.6256 3.78806 14.6256 3.93732C14.6256 4.08659 14.5663 4.22975 14.4608 4.33529L9.79555 8.99982L14.4608 13.6644Z' fill='%23E0EFE9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}