@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 {
    /* APP COLORS */
    --app-primary: #C4501A;
    --app-primary-hover: #A8441A;
    --app-primary-tint: #FDF0E8;

    --app-secondary: #173D37;
    --app-secondary-hover: #0F2A25;
    --app-secondary-tint: #E6EDEB;

    /* CARD COLORS */
    --success-card: #077036;
    --warning-card: #F58C0B;
    --error-card: #B10912;


    /* BASE COLORS */
    --background-light: #FFFFFF;
    --text-primary: #212B36;
    --text-secondary: #919EAB;
    --text-disabled: #919EAB;

    --white: #ffffff;
    --ultra-light: #FCFCFC;
    --light: #F7F7F7;
    --mid-light: #EBEBEB;
    --border-grey: #DCDCDC;

    --mid-grey: #B0B0B0;
    --extra-grey: #8C8C8C;
    --text-light: #707070;
    --body-text: #454545;
    --charcoal: #1F1F1F;

    --icons-base: #111F2B;
    --alert-main: #FFAB00;
    --error-main: #FF5630;


    /* STATUSES COLORS */
    --status-success: #21BF5B;
    --status-success-dark: #0D8238;
    --status-success-bg: #EDFAF2;

    --status-warning: #E59205;
    --status-warning-dark: #C48314;
    --status-warning-bg: #FDF6EB;

    --status-error: #CC2323;
    --status-error-bg: #FBEDED;

    --status-info: #2576D4;
    --status-info-bg: #E9F1FB;
}

* {
    margin: 0;
}

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

body.grid-sidebar {
    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
}

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

.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 4px !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;
}

.profile-mobile-icon {
    display: none;
}

.profile-user-info{
    display:inline-flex;
    align-items: center;
    text-align: left;
    max-width: 100%;
    min-width: 0;
}

.profile-user-info span{
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.profile-location-info span{
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.profile-desktop-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 190px;
    min-width: 0;
}

.profile-desktop-button svg {
    flex-shrink: 0 !important; 
}

.profile-location-info{
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 150%;
    right: 0;
    left: auto !important;
    padding: 0 !important;
    border-color: transparent !important;
    border-radius: 12px;
    background: #fff;
    overflow: visible;
    isolation: isolate;
    z-index: 1000;
    box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24), -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
}

.dropdown-menu::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 20px;
    width: 16px;
    height: 16px;
    background: inherit;
    transform: rotate(45deg);
    border-radius: 4px 0 0 0;
    box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.18), -10px 10px 24px -12px rgba(145, 158, 171, 0.28);
    z-index: -1;
}

.dropdown-wrapper {
    overflow: visible;
}

.search-help {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.search-help__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--status-info-bg);
    cursor: pointer;
}

.search-help__btn svg {
    display: block;
    width: 16px;
    height: 16px;
}

.search-help__tooltip.dropdown-menu {
    display: block;
    top: calc(100% + 8px);
    right: -8px;
    left: auto !important;
    min-width: 280px;
    max-width: min(320px, calc(100vw - 32px));
    padding: 10px 12px !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity .15s ease, visibility .15s ease, transform .15s ease;
    white-space: normal;
    z-index: 1001;
}

.search-help__tooltip.dropdown-menu::before {
    top: -6px;
    right: 10px;
    width: 12px;
    height: 12px;
}

.search-help:hover .search-help__tooltip.dropdown-menu,
.search-help:focus-within .search-help__tooltip.dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.search-help__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.search-help__list {
    margin-top: 8px !important;
    padding-left: 18px !important;
}

.search-help__list li {
    list-style: disc;
    font-size: 14px;
    line-height: 1.4;
}

.search-help__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
}

.search-help__title + .search-help__text,
.search-help__list + .search-help__text {
    margin-top: 8px !important;
}

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

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

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

        span{
            font-weight: 400 !important;
        }

        img {
            width: 24px;
        }
    }
}

a.logout,
a.logout span {
    color: var(--status-error) !important;
}

a.logout,
a.logout span {
    svg path {
        fill: var(--status-error) !important
    }
}

.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: 12px;
    cursor: pointer;

        span {
            font-weight: 400 !important;
        }

        img {
            width: 16px;
        }

        svg {
            width: 16px;
        }

    }
    a {
        img {
            width: 16px;
        }

        svg {
            width: 16px;
        }

    }
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #eeeeee !important;
    color: #212529 !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: 4px 16px;
    border-bottom: 1px solid #E5E8EB;
}

#notification-dropdown {
    width: 300px;
}

#profile-dropdown {
    width: 300px;
}

.information-section .info-block{
    padding: 6px 4px;
}

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

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

.profile{
    margin-left: 8px;

    .avatar{
        border-radius: 50%;
    }
}

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

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

@media (max-width: 768px){
    .content-area {
        padding: 0 16px;
    }
}

@media (max-width: 430px) {
    .profile-desktop-button {
        display: none;
    }

    .profile-mobile-icon{
        display: block;
    }
}

.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: #CC2323 !important;
}

.navbar-badge {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border-radius: 10px !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: 35px;
    background-position: 15px center !important;
    background-repeat: no-repeat !important;
    background-size: 24px 24px;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.06) !important;
    transition: 0.1s ease-out;
}

#toast-container > :hover {
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.15), 0 4px 8px 0 rgba(0, 0, 0, 0.1) !important;
}

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

#toast-container .toast-title {
    color: var(--charcoal);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 4px;
}

#toast-container .toast-message {
    color: var(--body-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.toast {
    margin-bottom: 10px !important;
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}

.toast .toast-close-button {
    font-size: 0 !important;
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    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.4605 13.6644C14.5128 13.7166 14.5543 13.7787 14.5825 13.8469C14.6108 13.9152 14.6254 13.9884 14.6254 14.0623C14.6254 14.1362 14.6108 14.2094 14.5825 14.2777C14.5543 14.346 14.5128 14.408 14.4605 14.4603C14.4083 14.5126 14.3462 14.554 14.2779 14.5823C14.2097 14.6106 14.1365 14.6251 14.0626 14.6251C13.9887 14.6251 13.9155 14.6106 13.8472 14.5823C13.7789 14.554 13.7169 14.5126 13.6646 14.4603L9.00007 9.79506L4.33554 14.4603C4.22999 14.5658 4.08684 14.6251 3.93757 14.6251C3.7883 14.6251 3.64515 14.5658 3.5396 14.4603C3.43405 14.3547 3.37476 14.2116 3.37476 14.0623C3.37476 13.9131 3.43405 13.7699 3.5396 13.6644L8.20483 8.99982L3.5396 4.33529C3.43405 4.22975 3.37476 4.08659 3.37476 3.93732C3.37476 3.78806 3.43405 3.6449 3.5396 3.53936C3.64515 3.43381 3.7883 3.37451 3.93757 3.37451C4.08684 3.37451 4.22999 3.43381 4.33554 3.53936L9.00007 8.20459L13.6646 3.53936C13.7701 3.43381 13.9133 3.37451 14.0626 3.37451C14.2118 3.37451 14.355 3.43381 14.4605 3.53936C14.5661 3.6449 14.6254 3.78806 14.6254 3.93732C14.6254 4.08659 14.5661 4.22975 14.4605 4.33529L9.7953 8.99982L14.4605 13.6644Z' fill='%238C8C8C'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

/* TOATER SUCCESS */
#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.5306 7.28055L9.53055 19.2806C9.4609 19.3503 9.37818 19.4056 9.28713 19.4433C9.19609 19.4811 9.09849 19.5005 8.99993 19.5005C8.90137 19.5005 8.80377 19.4811 8.71272 19.4433C8.62168 19.4056 8.53896 19.3503 8.4693 19.2806L3.2193 14.0306C3.07857 13.8898 2.99951 13.699 2.99951 13.4999C2.99951 13.3009 3.07857 13.11 3.2193 12.9693C3.36003 12.8286 3.55091 12.7495 3.74993 12.7495C3.94895 12.7495 4.13982 12.8286 4.28055 12.9693L8.99993 17.6896L20.4693 6.2193C20.61 6.07857 20.8009 5.99951 20.9999 5.99951C21.199 5.99951 21.3898 6.07857 21.5306 6.2193C21.6713 6.36003 21.7503 6.55091 21.7503 6.74993C21.7503 6.94895 21.6713 7.13982 21.5306 7.28055Z' fill='%230D8238'/%3E%3C/svg%3E") !important;
}

#toast-container .toast-success {
    border-radius: 8px !important;
    border: 1px solid var(--status-success) !important;
    background-color: var(--status-success-bg) !important;
}

/* TOATER WARNINGS */

#toast-container .toast-warning {
    border-radius: 8px !important;
    border: 1px solid var(--status-warning) !important;
    background: var(--status-warning-bg) !important;
}

#toast-container > .toast-warning {
    background-repeat: no-repeat;
    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='M22.2 17.6335L14.0016 3.39569C13.7967 3.04687 13.5042 2.75764 13.1532 2.55668C12.8021 2.35572 12.4046 2.25 12 2.25C11.5955 2.25 11.198 2.35572 10.8469 2.55668C10.4958 2.75764 10.2033 3.04687 9.99847 3.39569L1.80003 17.6335C1.60291 17.9709 1.49902 18.3546 1.49902 18.7454C1.49902 19.1361 1.60291 19.5199 1.80003 19.8572C2.00228 20.2082 2.29425 20.499 2.64599 20.6998C2.99773 20.9006 3.39658 21.0043 3.80159 21.0001H20.1985C20.6032 21.0039 21.0016 20.9001 21.353 20.6993C21.7044 20.4985 21.9961 20.2079 22.1982 19.8572C22.3956 19.52 22.4998 19.1364 22.5001 18.7456C22.5004 18.3549 22.3969 17.9711 22.2 17.6335ZM20.8997 19.1063C20.8282 19.2282 20.7256 19.3289 20.6024 19.3981C20.4792 19.4673 20.3398 19.5025 20.1985 19.5001H3.80159C3.66029 19.5025 3.52088 19.4673 3.39765 19.3981C3.27442 19.3289 3.17181 19.2282 3.10034 19.1063C3.0356 18.9967 3.00145 18.8717 3.00145 18.7444C3.00145 18.6171 3.0356 18.4922 3.10034 18.3826L11.2988 4.14475C11.3717 4.02341 11.4748 3.92301 11.598 3.8533C11.7212 3.7836 11.8603 3.74696 12.0019 3.74696C12.1435 3.74696 12.2826 3.7836 12.4058 3.8533C12.529 3.92301 12.6321 4.02341 12.705 4.14475L20.9035 18.3826C20.9676 18.4925 21.0011 18.6176 21.0005 18.7449C20.9998 18.8722 20.965 18.997 20.8997 19.1063ZM11.25 13.5001V9.75006C11.25 9.55115 11.329 9.36038 11.4697 9.21973C11.6104 9.07908 11.8011 9.00006 12 9.00006C12.1989 9.00006 12.3897 9.07908 12.5304 9.21973C12.671 9.36038 12.75 9.55115 12.75 9.75006V13.5001C12.75 13.699 12.671 13.8897 12.5304 14.0304C12.3897 14.171 12.1989 14.2501 12 14.2501C11.8011 14.2501 11.6104 14.171 11.4697 14.0304C11.329 13.8897 11.25 13.699 11.25 13.5001ZM13.125 16.8751C13.125 17.0976 13.059 17.3151 12.9354 17.5001C12.8118 17.6851 12.6361 17.8293 12.4305 17.9144C12.225 17.9996 11.9988 18.0219 11.7806 17.9784C11.5623 17.935 11.3619 17.8279 11.2045 17.6706C11.0472 17.5132 10.9401 17.3128 10.8966 17.0945C10.8532 16.8763 10.8755 16.6501 10.9607 16.4445C11.0458 16.239 11.19 16.0633 11.375 15.9397C11.56 15.816 11.7775 15.7501 12 15.7501C12.2984 15.7501 12.5845 15.8686 12.7955 16.0796C13.0065 16.2905 13.125 16.5767 13.125 16.8751Z' fill='%23E69205'/%3E%3C/svg%3E") !important;
}

/* TOATER ERRORS */

#toast-container .toast-error {
    border-radius: 8px !important;
    border: 1px solid var(--status-error) !important;
    background: var(--status-error-bg) !important;
}

#toast-container > .toast-error {
    background-repeat: no-repeat;
    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='%23CC2323'/%3E%3C/svg%3E") !important;
}

/* TOATER INFO */

#toast-container .toast-info {
    border-radius: 8px !important;
    border: 1px solid var(--status-info) !important;
    background: var(--status-info-bg) !important;
}

#toast-container > .toast-info {
    background-repeat: no-repeat !important;
    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.25ZM13.5 16.5C13.5 16.6989 13.421 16.8897 13.2803 17.0303C13.1397 17.171 12.9489 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C11.0511 12 10.8603 11.921 10.7197 11.7803C10.579 11.6397 10.5 11.4489 10.5 11.25C10.5 11.0511 10.579 10.8603 10.7197 10.7197C10.8603 10.579 11.0511 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C12.9489 15.75 13.1397 15.829 13.2803 15.9697C13.421 16.1103 13.5 16.3011 13.5 16.5ZM10.5 7.875C10.5 7.6525 10.566 7.43499 10.6896 7.24998C10.8132 7.06498 10.9889 6.92078 11.1945 6.83564C11.4001 6.75049 11.6263 6.72821 11.8445 6.77162C12.0627 6.81502 12.2632 6.92217 12.4205 7.0795C12.5778 7.23684 12.685 7.43729 12.7284 7.65552C12.7718 7.87375 12.7495 8.09995 12.6644 8.30552C12.5792 8.51109 12.435 8.68679 12.25 8.8104C12.065 8.93402 11.8475 9 11.625 9C11.3266 9 11.0405 8.88147 10.8295 8.6705C10.6185 8.45952 10.5 8.17337 10.5 7.875Z' fill='%232576D4'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-success,
#toast-container > .toast-warning,
#toast-container > .toast-error,
#toast-container > .toast-info {
    background-position: 15px center !important;
    background-repeat: no-repeat !important;
    background-size: 24px 24px !important;
}