:root {
    --fontFamilyBase: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
}


body {
    margin: 0;
    background-color: rgb(242 244 241/var(--tw-bg-opacity,1));
    height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
}

.ac-container a {
    color: #215527 !important;
}

.btn-green {
    border-color: rgb(0 130 0 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(0 130 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity 1 : 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    line-height: 24px;
    font-weight: 400;
    color: #ffffff;
    text-transform: none;
    background-image: none !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-family: var(--fontFamilyBase) !important;
}

.modal-content {
    font-family: var(--fontFamilyBase) !important;
}

    .btn-green:hover,
    .btn-green:focus,
    .btn-green:active {
        border-color: #1e7e34;
        color: #fff;
        box-shadow: none;
        filter: brightness(1.1);
    }

.btn-outline-green {
    color: #28a745;
    border-color: #28a745;
    background-color: transparent;
}

.btn-outline-green:hover,
.btn-outline-green:focus,
.btn-outline-green:active {
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
    box-shadow: none;
}


.btn {
    @apply flex items-center w-fit px-10 rounded-[16px] font-[700] text-base border border-solid transition-all duration-300 hover:bg-white hover:bg-opacity-30;
    font-family: var(--fontFamilyBase) !important;
}

.btn svg {
    @apply ml-3;
}

.btn.white {
    @apply border-white text-white;
}

.btn-primary {
    border-color: rgb(0 130 0 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(0 130 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity 1 : 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #ffffff;
    text-transform: none;
    font-family: var(--fontFamilyBase) !important;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #218838;
        border-color: #1e7e34;
        color: #fff;
        box-shadow: none;
        border-width: 0px;
    }

.btn-linear-gradient {
    @apply text-white bg-gradient-to-r from-[#38b54a] to-[#026b39] hover:from-[#38b54bd9] hover:to-[#026b38cc] transition-all duration-200;
}

.btn-close {
    @apply border-0 w-5 h-5 p-0 rounded-none;
}

.btn-close svg {
    @apply mx-0 w-5 h-5;
}

.btn {
   border-width:0px;
}

.btn-green,
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
    background-color: #008200 !important;
    background-image: none !important;
    color: #fff !important;
    border-color: #008200 !important;
    opacity: 1 !important;
}

    .btn-green:hover {
        filter: brightness(1.1) !important;
    }


li .bi {
    color: #78909c;
    margin-right: 0px;
}

.feedback-icon {
    color: #78909c;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 1.05em;
}