@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    input,
    textarea,
    select {
        @apply border mt-1 inline-block w-full border-gray-300 rounded-md py-2 px-3;
    }

    select {
        @apply appearance-none;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right 0.5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
    }

    input:focus,
    textarea:focus,
    select:focus {
        @apply outline-none border-indigo-500;
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
            calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow, 0 0 #0000);
    }

    @screen sm {
        input,
        textarea,
        select {
            @apply text-sm;
        }
    }

    input[type="checkbox"], input[type="radio"] {
        @apply w-auto;
    }

    label {
        @apply inline-block text-sm font-medium text-gray-700;
    }

    h1 {
        @apply text-3xl;
    }

    h2 {
        @apply text-2xl;
    }

    h3 {
        @apply text-xl;
    }

    h4 {
        @apply text-lg;
    }

    h5 {
        @apply text-base;
    }

    p {
        @apply mb-4;
        @apply leading-7;
        line-height: 1.45rem;
    }

    ul {
        @apply list-disc;
        @apply list-inside;
    }

    ol li {
        list-style-type: decimal;
        list-style-position: outside;
        margin-left: 1.5em;
        padding-left: 0.2em;
        line-height: 1.85em;
    }

    ul li {
        list-style-position: outside;
        margin-left: 1.5em;
        padding-left: 0.2em;
        line-height: 1.85em;
    }

}

@layer components {
    .is-invalid {
        @apply border border-red-500;
    }

    .btn {
        @apply inline-flex justify-center items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest transition ease-in-out duration-150;
    }

    .btn-green {
        @apply bg-green-100;
    }

    .btn-green {
        @apply bg-green-300;
    }

    .btn-green {
        @apply bg-green-400;
    }

    .btn-green {
        @apply bg-green-500;
    }

    .btn-green:hover {
        @apply bg-green-400;
    }

    .btn-green:active {
        @apply bg-green-600;
    }

    .btn-green:focus {
        @apply border-green-600;
    }

    .btn-green:disabled {
        @apply bg-green-300;
    }

    .btn-blue {
        @apply bg-blue-500;
    }

    .btn-blue:hover {
        @apply bg-blue-400;
    }

    .btn-blue:active {
        @apply bg-blue-600;
    }

    .btn-blue:focus {
        @apply border-blue-600;
    }

    .btn-blue:disabled {
        @apply bg-blue-300;
    }

    .btn-indigo {
        @apply bg-indigo-600;
    }

    .btn-indigo:hover {
        @apply bg-indigo-700;
    }

    .btn-indigo:active {
        @apply bg-indigo-700;
    }

    .btn-indigo:focus {
        @apply border-indigo-700 outline-none;
    }

    .btn-indigo:disabled {
        color:#000;
        @apply bg-indigo-400;
    }

    .btn-yellow {
        color: #000;
        @apply bg-yellow-300;
    }

    .btn-yellow:hover {
        color: #000;
        @apply bg-yellow-400;
    }

    .btn-yellow:active {
        color: #000;
        @apply bg-yellow-400;
    }

    .btn-yellow:focus {
        color: #000;
        @apply border-yellow-400 outline-none;
    }

    .btn-yellow:disabled {
        @apply bg-yellow-300;
    }

    .btn-red {
        @apply bg-red-600;
    }

    .btn-red:hover {
        @apply bg-red-700;
    }

    .btn-red:active {
        @apply bg-red-700;
    }

    .btn-red:focus {
        @apply border-red-700 outline-none;
    }

    .btn-red:disabled {
        @apply bg-red-400;
    }

    .card {
        @apply w-full max-w-7xl bg-white overflow-hidden shadow-xl border border-gray-200 dark:bg-slate-700 dark:text-slate-300 dark:border-slate-900;
    }

    @screen sm {
        .card {
            @apply rounded-lg;
        }
    }

    .card-header {
        @apply px-4 py-2 border-b border-gray-200 flex justify-between items-center bg-white leading-snug dark:bg-slate-900 dark:text-slate-300 dark:border-slate-900;
    }

    @screen sm {
        .card-header {
            @apply py-4 px-6 items-baseline;
        }
    }

    @screen md {
        .card-header {
            @apply text-lg;
        }
    }

    .card-body {
        @apply px-4 py-2 bg-gray-50 dark:bg-slate-900;
    }

    .full-form {
        @apply px-24 mx-8 py-2 bg-gray-50 dark:bg-slate-900;
    }

    @screen sm {
        .card-body {
            @apply py-4 px-6;
        }
    }

    table {
        @apply w-full flex flex-row rounded-lg overflow-hidden my-5;
    }

    thead {
        @apply text-white;
    }

    thead > tr {
        /* @apply bg-teal-400;  */
        /* @apply dark:bg-slate-600;  */
        background-color: #265298;
        color: #fff;
        height: 36px;
        /* @apply dark:border-slate-600;  */
        /* flex flex-col rounded-l-lg mb-2; */
    }
    
    th {
        @apply dark:border-slate-500 p-3; 
        @apply p-3 text-left border;
        padding-top: 10px;
    }

    tbody {
        @apply flex-1;
    }

    tbody > tr {
        @apply flex flex-col mb-6;
        min-height: 49px;
    }

    .tsml-ui table th {
        padding-top: 10px;
    }

    tbody > tr > td {
        @apply border-slate-100 border p-3;
        @apply dark:border-slate-100 p-3; 
        @apply dark:bg-slate-900; 
        @apply dark:text-slate-300;
        @apply border-none;
        min-height: 49px;
    }

    tbody > tr > td:hover {
        /* @apply bg-slate-100; */
        @apply dark:bg-slate-900;
        /* hover:hover-slate-900;  */
    }

    @screen sm {
        table {
            display: inline-table !important;
            /* @apply bg-white shadow-lg; */
        }

        thead > tr {
            @apply table-row rounded-none mb-0;
        }

        thead tr:not(:first-child) {
            display: none;
        }

        tbody {
            @apply flex-none;
        }

        tbody > tr {
            @apply table-row mb-0;
        }
    }

    td:not(:last-child) {
        border-bottom: 0;
    }

    th:not(:last-child) {
        border-bottom: 0;
    }
}




.bg-indigo-50 {
 --tw-bg-opacity:1;
 background-color:rgb(238 242 255/var(--tw-bg-opacity))
}
.bg-pink-50 {
 --tw-bg-opacity:1;
 background-color:rgb(253 242 248/var(--tw-bg-opacity))
}
.bg-sky-50 {
 --tw-bg-opacity:1;
 background-color:rgb(240 249 255/var(--tw-bg-opacity))
}
.bg-blue-50 {
 --tw-bg-opacity:1;
 background-color:rgb(239 246 255/var(--tw-bg-opacity))
}
.bg-slate-100 {
 --tw-bg-opacity:1;
 background-color:rgb(241 245 249/var(--tw-bg-opacity))
}
.bg-slate-200 {
 --tw-bg-opacity:1;
 background-color:rgb(226 232 240/var(--tw-bg-opacity))
}
.bg-slate-800 {
 --tw-bg-opacity:1;
 background-color:rgb(30 41 59/var(--tw-bg-opacity))
}
.bg-slate-600 {
 --tw-bg-opacity:1;
 background-color:rgb(71 85 105/var(--tw-bg-opacity))
}
.dark .dark\:hover\:bg-slate-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105/var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}
.bg-slate-50 {
 --tw-bg-opacity:1;
 background-color:rgb(248 250 252/var(--tw-bg-opacity))
}
.bg-slate-500\/60 {
 background-color:rgb(100 116 139/.6)
}
.bg-sky-400\/10 {
 background-color:rgb(56 189 248/.1)
}
.bg-cyan-100 {
 --tw-bg-opacity:1;
 background-color:rgb(207 250 254/var(--tw-bg-opacity))
}
.bg-teal-400 {
 --tw-bg-opacity:1;
 background-color:rgb(45 212 191/var(--tw-bg-opacity))
}
.bg-green-300 {
--tw-bg-opacity: 1;
background-color: rgb(189 236 182/var(--tw-bg-opacity));
}
.bg-green-600 {
 --tw-bg-opacity:1;
 background-color:rgb(22 163 74/var(--tw-bg-opacity))
}
.bg-red-400 {
 --tw-bg-opacity:1;
 background-color:rgb(248 113 113/var(--tw-bg-opacity))
}
.bg-blue-500 {
 --tw-bg-opacity:1;
 background-color:rgb(59 130 246/var(--tw-bg-opacity))
}
.bg-red-500 {
 --tw-bg-opacity:1;
 background-color:rgb(239 68 68/var(--tw-bg-opacity))
}
.bg-current {
 background-color:currentColor
}
.bg-slate-700\/50 {
 background-color:rgb(51 65 85/.5)
}
.bg-cyan-400 {
 --tw-bg-opacity:1;
 background-color:rgb(34 211 238/var(--tw-bg-opacity))
}
.bg-sky-500 {
 --tw-bg-opacity:1;
 background-color:rgb(14 165 233/var(--tw-bg-opacity))
}
.bg-slate-900 {
 --tw-bg-opacity:1;
 background-color:rgb(15 23 42/var(--tw-bg-opacity))
}
.bg-cyan-500 {
 --tw-bg-opacity:1;
 background-color:rgb(6 182 212/var(--tw-bg-opacity))
}
.bg-cyan-500\/30 {
 background-color:rgb(6 182 212/.3)
}
.bg-rose-400 {
 --tw-bg-opacity:1;
 background-color:rgb(251 113 133/var(--tw-bg-opacity))
}
.bg-rose-200 {
 --tw-bg-opacity:1;
 background-color:rgb(254 205 211/var(--tw-bg-opacity))
}
.bg-sky-100 {
 --tw-bg-opacity:1;
 background-color:rgb(224 242 254/var(--tw-bg-opacity))
}
.bg-slate-400\/10 {
 background-color:rgb(148 163 184/.1)
}
.bg-slate-700 {
 --tw-bg-opacity:1;
 background-color:rgb(51 65 85/var(--tw-bg-opacity))
}
.bg-\[\#838CF1\]\/\[0\.15\] {
 background-color:rgb(131 140 241/.15)
}
.bg-sky-200 {
 --tw-bg-opacity:1;
 background-color:rgb(186 230 253/var(--tw-bg-opacity))
}
.bg-sky-300 {
 --tw-bg-opacity:1;
 background-color:rgb(125 211 252/var(--tw-bg-opacity))
}
.bg-sky-400 {
 --tw-bg-opacity:1;
 background-color:rgb(56 189 248/var(--tw-bg-opacity))
}
.bg-sky-600 {
 --tw-bg-opacity:1;
 background-color:rgb(2 132 199/var(--tw-bg-opacity))
}
.bg-sky-700 {
 --tw-bg-opacity:1;
 background-color:rgb(3 105 161/var(--tw-bg-opacity))
}
.bg-sky-800 {
 --tw-bg-opacity:1;
 background-color:rgb(7 89 133/var(--tw-bg-opacity))
}
.bg-sky-900 {
 --tw-bg-opacity:1;
 background-color:rgb(12 74 110/var(--tw-bg-opacity))
}
.bg-blue-100 {
 --tw-bg-opacity:1;
 background-color:rgb(219 234 254/var(--tw-bg-opacity))
}
.bg-blue-200 {
 --tw-bg-opacity:1;
 background-color:rgb(191 219 254/var(--tw-bg-opacity))
}
.bg-blue-300 {
 --tw-bg-opacity:1;
 background-color:rgb(147 197 253/var(--tw-bg-opacity))
}
.bg-blue-400 {
 --tw-bg-opacity:1;
 background-color:rgb(96 165 250/var(--tw-bg-opacity))
}
.bg-blue-600 {
 --tw-bg-opacity:1;
 background-color:rgb(37 99 235/var(--tw-bg-opacity))
}
.bg-blue-700 {
 --tw-bg-opacity:1;
 background-color:rgb(29 78 216/var(--tw-bg-opacity))
}
.bg-blue-800 {
 --tw-bg-opacity:1;
 background-color:rgb(30 64 175/var(--tw-bg-opacity))
}
.bg-blue-900 {
 --tw-bg-opacity:1;
 background-color:rgb(30 58 138/var(--tw-bg-opacity))
}
.bg-indigo-100 {
 --tw-bg-opacity:1;
 background-color:rgb(224 231 255/var(--tw-bg-opacity))
}
.bg-indigo-200 {
 --tw-bg-opacity:1;
 background-color:rgb(199 210 254/var(--tw-bg-opacity))
}
.bg-indigo-300 {
 --tw-bg-opacity:1;
 background-color:rgb(165 180 252/var(--tw-bg-opacity))
}
.bg-indigo-400 {
 --tw-bg-opacity:1;
 background-color:rgb(129 140 248/var(--tw-bg-opacity))
}
.bg-indigo-500 {
 --tw-bg-opacity:1;
 background-color:rgb(99 102 241/var(--tw-bg-opacity))
}
.bg-indigo-600 {
 --tw-bg-opacity:1;
 background-color:rgb(79 70 229/var(--tw-bg-opacity))
}
.bg-indigo-700 {
 --tw-bg-opacity:1;
 background-color:rgb(67 56 202/var(--tw-bg-opacity))
}
.bg-indigo-800 {
 --tw-bg-opacity:1;
 background-color:rgb(55 48 163/var(--tw-bg-opacity))
}
.bg-indigo-900 {
 --tw-bg-opacity:1;
 background-color:rgb(49 46 129/var(--tw-bg-opacity))
}
.bg-violet-50 {
 --tw-bg-opacity:1;
 background-color:rgb(245 243 255/var(--tw-bg-opacity))
}
.bg-violet-100 {
 --tw-bg-opacity:1;
 background-color:rgb(237 233 254/var(--tw-bg-opacity))
}
.bg-violet-200 {
 --tw-bg-opacity:1;
 background-color:rgb(221 214 254/var(--tw-bg-opacity))
}
.bg-violet-300 {
 --tw-bg-opacity:1;
 background-color:rgb(196 181 253/var(--tw-bg-opacity))
}
.bg-violet-400 {
 --tw-bg-opacity:1;
 background-color:rgb(167 139 250/var(--tw-bg-opacity))
}
.bg-violet-500 {
 --tw-bg-opacity:1;
 background-color:rgb(139 92 246/var(--tw-bg-opacity))
}
.bg-violet-600 {
 --tw-bg-opacity:1;
 background-color:rgb(124 58 237/var(--tw-bg-opacity))
}
.bg-violet-700 {
 --tw-bg-opacity:1;
 background-color:rgb(109 40 217/var(--tw-bg-opacity))
}
.bg-violet-800 {
 --tw-bg-opacity:1;
 background-color:rgb(91 33 182/var(--tw-bg-opacity))
}
.bg-violet-900 {
 --tw-bg-opacity:1;
 background-color:rgb(76 29 149/var(--tw-bg-opacity))
}
.bg-slate-300 {
    --tw-bg-opacity:1;
    background-color:rgb(203 213 225/var(--tw-bg-opacity))
}
.bg-slate-500\/30 {
    background-color:rgb(100 116 139/.3)
}
.bg-code-highlight {
 background-color:rgb(125 211 252/.1)
}
.bg-transparent {
 background-color:transparent
}
.bg-teal-50 {
 --tw-bg-opacity:1;
 background-color:rgb(240 253 250/var(--tw-bg-opacity))
}
.bg-teal-100 {
 --tw-bg-opacity:1;
 background-color:rgb(204 251 241/var(--tw-bg-opacity))
}
.bg-teal-200 {
 --tw-bg-opacity:1;
 background-color:rgb(153 246 228/var(--tw-bg-opacity))
}
.bg-teal-300 {
 --tw-bg-opacity:1;
 background-color:rgb(94 234 212/var(--tw-bg-opacity))
}
.bg-teal-500 {
 --tw-bg-opacity:1;
 background-color:rgb(20 184 166/var(--tw-bg-opacity))
}
.bg-teal-600 {
 --tw-bg-opacity:1;
 background-color:rgb(13 148 136/var(--tw-bg-opacity))
}
.bg-teal-700 {
 --tw-bg-opacity:1;
 background-color:rgb(15 118 110/var(--tw-bg-opacity))
}
.bg-teal-800 {
 --tw-bg-opacity:1;
 background-color:rgb(17 94 89/var(--tw-bg-opacity))
}
.bg-teal-900 {
 --tw-bg-opacity:1;
 background-color:rgb(19 78 74/var(--tw-bg-opacity))
}
.bg-\[\#EC6A5F\] {
 --tw-bg-opacity:1;
 background-color:rgb(236 106 95/var(--tw-bg-opacity))
}
.bg-\[\#F4BF50\] {
 --tw-bg-opacity:1;
 background-color:rgb(244 191 80/var(--tw-bg-opacity))
}
.bg-\[\#61C454\] {
 --tw-bg-opacity:1;
 background-color:rgb(97 196 84/var(--tw-bg-opacity))
}
.bg-\[\#bada55\] {
 --tw-bg-opacity:1;
 background-color:rgb(186 218 85/var(--tw-bg-opacity))
}
.bg-purple-500 {
 --tw-bg-opacity:1;
 background-color:rgb(168 85 247/var(--tw-bg-opacity))
}
.bg-pink-500 {
 --tw-bg-opacity:1;
 background-color:rgb(236 72 153/var(--tw-bg-opacity))
}
.bg-pink-300 {
 --tw-bg-opacity:1;
 background-color:rgb(249 168 212/var(--tw-bg-opacity))
}
.bg-purple-300 {
 --tw-bg-opacity:1;
 background-color:rgb(216 180 254/var(--tw-bg-opacity))
}
.bg-fuchsia-300 {
 --tw-bg-opacity:1;
 background-color:rgb(240 171 252/var(--tw-bg-opacity))
}
.bg-fuchsia-500 {
 --tw-bg-opacity:1;
 background-color:rgb(217 70 239/var(--tw-bg-opacity))
}
.bg-sky-500\/75 {
 background-color:rgb(14 165 233/.75)
}
.bg-sky-500\/50 {
 background-color:rgb(14 165 233/.5)
}
.bg-cyan-600 {
 --tw-bg-opacity:1;
 background-color:rgb(8 145 178/var(--tw-bg-opacity))
}
.bg-green-500 {
 --tw-bg-opacity:1;
 background-color:rgb(34 197 94/var(--tw-bg-opacity))
}
.bg-\[\#50d71e\] {
 --tw-bg-opacity:1;
 background-color:rgb(80 215 30/var(--tw-bg-opacity))
}
.bg-slate-700\/10 {
 background-color:rgb(51 65 85/.1)
}
.bg-\[\#1da1f2\] {
 --tw-bg-opacity:1;
 background-color:rgb(29 161 242/var(--tw-bg-opacity))
}
.bg-neutral-300 {
 --tw-bg-opacity:1;
 background-color:rgb(212 212 212/var(--tw-bg-opacity))
}
.bg-pink-400\/40 {
 background-color:rgb(244 114 182/.4)
}
.bg-sky-400\/20 {
 background-color:rgb(56 189 248/.2)
}
.bg-pink-400 {
 --tw-bg-opacity:1;
 background-color:rgb(244 114 182/var(--tw-bg-opacity))
}
.bg-cyan-300 {
 --tw-bg-opacity:1;
 background-color:rgb(103 232 249/var(--tw-bg-opacity))
}
.bg-yellow-300 {
 --tw-bg-opacity:1;
 background-color:rgb(253 224 71/var(--tw-bg-opacity))
}
.bg-blue-400\/20 {
 background-color:rgb(96 165 250/.2)
}
.bg-purple-400\/20 {
 background-color:rgb(192 132 252/.2)
}
.bg-pink-400\/20 {
 background-color:rgb(244 114 182/.2)
}
.bg-indigo-400\/20 {
 background-color:rgb(129 140 248/.2)
}
.bg-slate-50\/90 {
 background-color:rgb(248 250 252/.9)
}
.bg-emerald-500 {
 --tw-bg-opacity:1;
 background-color:rgb(16 185 129/var(--tw-bg-opacity))
}
.bg-red-500\/25 {
 background-color:rgb(239 68 68/.25)
}
.bg-red-500\/\[0\.31\] {
 background-color:rgb(239 68 68/.31)
}
.bg-sky-300\/\[0\.15\] {
 background-color:rgb(125 211 252/.15)
}
.bg-red-100 {
 --tw-bg-opacity:1;
 background-color:rgb(254 226 226/var(--tw-bg-opacity))
}
.bg-opacity-25 {
 --tw-bg-opacity:0.25
}

.text-indigo-600 {
 --tw-text-opacity:1;
 color:rgb(79 70 229/var(--tw-text-opacity))
}
.text-indigo-300 {
 --tw-text-opacity:1;
 color:rgb(165 180 252/var(--tw-text-opacity))
}
.text-pink-600 {
 --tw-text-opacity:1;
 color:rgb(219 39 119/var(--tw-text-opacity))
}
.text-pink-300 {
 --tw-text-opacity:1;
 color:rgb(249 168 212/var(--tw-text-opacity))
}
.text-sky-600 {
 --tw-text-opacity:1;
 color:rgb(2 132 199/var(--tw-text-opacity))
}
.text-sky-300 {
 --tw-text-opacity:1;
 color:rgb(125 211 252/var(--tw-text-opacity))
}
.text-blue-600 {
 --tw-text-opacity:1;
 color:rgb(37 99 235/var(--tw-text-opacity))
}
.text-blue-300 {
 --tw-text-opacity:1;
 color:rgb(147 197 253/var(--tw-text-opacity))
}
.text-slate-700 {
 --tw-text-opacity:1;
 color:rgb(51 65 85/var(--tw-text-opacity))
}
.text-slate-300 {
 --tw-text-opacity:1;
 color:rgb(203 213 225/var(--tw-text-opacity))
}
.text-indigo-400 {
 --tw-text-opacity:1;
 color:rgb(129 140 248/var(--tw-text-opacity))
}
.text-sky-500 {
 --tw-text-opacity:1;
 color:rgb(14 165 233/var(--tw-text-opacity))
}
.text-slate-900 {
 --tw-text-opacity:1;
 color:rgb(15 23 42/var(--tw-text-opacity))
}
.text-slate-600 {
 --tw-text-opacity:1;
 color:rgb(71 85 105/var(--tw-text-opacity))
}
.text-slate-50 {
 --tw-text-opacity:1;
 color:rgb(248 250 252/var(--tw-text-opacity))
}
.text-slate-500 {
 --tw-text-opacity:1;
 color:rgb(100 116 139/var(--tw-text-opacity))
}
.text-slate-400 {
 --tw-text-opacity:1;
 color:rgb(148 163 184/var(--tw-text-opacity))
}
.text-cyan-700 {
 --tw-text-opacity:1;
 color:rgb(14 116 144/var(--tw-text-opacity))
}
.text-green-900 {
 --tw-text-opacity:1;
 color:rgb(20 83 45/var(--tw-text-opacity))
}
.text-violet-600 {
 --tw-text-opacity:1;
 color:rgb(124 58 237/var(--tw-text-opacity))
}
.text-teal-400 {
 --tw-text-opacity:1;
 color:rgb(45 212 191/var(--tw-text-opacity))
}
.text-cyan-900 {
 --tw-text-opacity:1;
 color:rgb(22 78 99/var(--tw-text-opacity))
}
.text-cyan-500 {
 --tw-text-opacity:1;
 color:rgb(6 182 212/var(--tw-text-opacity))
}
.text-sky-400 {
 --tw-text-opacity:1;
 color:rgb(56 189 248/var(--tw-text-opacity))
}
.text-pink-400 {
 --tw-text-opacity:1;
 color:rgb(244 114 182/var(--tw-text-opacity))
}
.text-sky-800 {
 --tw-text-opacity:1;
 color:rgb(7 89 133/var(--tw-text-opacity))
}
.text-blue-500 {
 --tw-text-opacity:1;
 color:rgb(59 130 246/var(--tw-text-opacity))
}
.text-indigo-500 {
 --tw-text-opacity:1;
 color:rgb(99 102 241/var(--tw-text-opacity))
}
.text-purple-500 {
 --tw-text-opacity:1;
 color:rgb(168 85 247/var(--tw-text-opacity))
}
.text-pink-500 {
 --tw-text-opacity:1;
 color:rgb(236 72 153/var(--tw-text-opacity))
}
.text-violet-400 {
 --tw-text-opacity:1;
 color:rgb(167 139 250/var(--tw-text-opacity))
}
.text-slate-200 {
 --tw-text-opacity:1;
 color:rgb(226 232 240/var(--tw-text-opacity))
}
.text-cyan-200 {
 --tw-text-opacity:1;
 color:rgb(165 243 252/var(--tw-text-opacity))
}
.text-teal-600 {
 --tw-text-opacity:1;
 color:rgb(13 148 136/var(--tw-text-opacity))
}
.\!text-slate-400 {
 --tw-text-opacity:1!important;
 color:rgb(148 163 184/var(--tw-text-opacity))!important
}
.\!text-slate-50 {
 --tw-text-opacity:1!important;
 color:rgb(248 250 252/var(--tw-text-opacity))!important
}
.\!text-teal-200 {
 --tw-text-opacity:1!important;
 color:rgb(153 246 228/var(--tw-text-opacity))!important
}
.text-yellow-400 {
 --tw-text-opacity:1;
 color:rgb(250 204 21/var(--tw-text-opacity))
}
.text-\[\#bada55\] {
 --tw-text-opacity:1;
 color:rgb(186 218 85/var(--tw-text-opacity))
}
.text-\[color\:var\(--my-var\)\] {
 color:var(--my-var)
}
.text-violet-500 {
 --tw-text-opacity:1;
 color:rgb(139 92 246/var(--tw-text-opacity))
}
.text-transparent {
 color:transparent
}
.text-rose-600 {
 --tw-text-opacity:1;
 color:rgb(225 29 72/var(--tw-text-opacity))
}
.text-indigo-900 {
 --tw-text-opacity:1;
 color:rgb(49 46 129/var(--tw-text-opacity))
}
.text-red-500 {
 --tw-text-opacity:1;
 color:rgb(239 68 68/var(--tw-text-opacity))
}
.text-red-600 {
 --tw-text-opacity:1;
 color:rgb(220 38 38/var(--tw-text-opacity))
}
.text-green-600 {
 --tw-text-opacity:1;
 color:rgb(22 163 74/var(--tw-text-opacity))
}
.text-purple-300 {
 --tw-text-opacity:1;
 color:rgb(216 180 254/var(--tw-text-opacity))
}
.text-purple-600 {
 --tw-text-opacity:1;
 color:rgb(147 51 234/var(--tw-text-opacity))
}
.text-purple-700 {
 --tw-text-opacity:1;
 color:rgb(126 34 206/var(--tw-text-opacity))
}
.text-sky-700 {
 --tw-text-opacity:1;
 color:rgb(3 105 161/var(--tw-text-opacity))
}
.text-indigo-700 {
 --tw-text-opacity:1;
 color:rgb(67 56 202/var(--tw-text-opacity))
}
.text-slate-800 {
 --tw-text-opacity:1;
 color:rgb(30 41 59/var(--tw-text-opacity))
}
.text-blue-600\/100 {
 color:#2563eb
}
.text-blue-600\/75 {
 color:rgb(37 99 235/.75)
}
.text-blue-600\/50 {
 color:rgb(37 99 235/.5)
}
.text-blue-600\/25 {
 color:rgb(37 99 235/.25)
}


.navleft-admin {
    background-color: #000;
    position: fixed;
    @apply text-gray-200 p-4 w-auto overflow-y-scroll;
}

.navleft-admin a {
    @apply text-white;
}

.navbar-sticky-top
{
    position: fixed;
    z-index: 999;
    opacity:1;
    width: 100%;
}

.bg-linear-app_297 {
    background: linear-gradient(#68a793, #8bf4d4);
    @apply bg-fixed min-h-screen;
}

.bg-linear-app_298 {
    background: linear-gradient(#68a793, #8bf4d4);
    @apply bg-fixed min-h-screen;
}

.bg-linear-app_300 {
    /* background: linear-gradient(#a61e22, #bad0b9); */
    /* background: linear-gradient(#a61e22, #a61e22); */
    background: linear-gradient(#265298, #c4daf1);
    @apply bg-fixed min-h-screen;
}

.bg-linear-app_301 {
    background: linear-gradient(#265298, #c4daf1);
    @apply bg-fixed min-h-screen;
}

.bg-linear-app_333 {
    background: linear-gradient(#265298, #c4daf1);
    @apply bg-fixed min-h-screen;
}

.bg-linear-app_304 {
    background: linear-gradient(#265298, #c4daf1);
    @apply bg-fixed min-h-screen;
}

.home-top h2 {
    color: #000;
    padding: 40px 0;
}

.home-top .col-md-3 {
    padding-left: 0;
}

.home-top .bg-white {
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 15px;
}

@media(max-width: 767px){
    .home-top h2 {
        padding: 0;
    }
    .home-top .bg-white {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .home-top .col-md-3 {
        padding-left: 15px;
    }
    .home-event-highlights_297 .col-md-4 {
        margin-bottom: 2rem;
    }
    .home-event-highlights_298 .col-md-4 {
        margin-bottom: 2rem;
    }
    .home-event-highlights_300 .col-md-4 {
        margin-bottom: 2rem;
    }
    .home-event-highlights_301 .col-md-4 {
        margin-bottom: 2rem;
    }

    .home-event-highlights_333 .col-md-4 {
        margin-bottom: 2rem;
    }

    .home-event-highlights_304 .col-md-4 {
        margin-bottom: 2rem;
    }
    .home-aboutus h2 {
        margin-top: 2rem;
    }
    
}

.sfvhead {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    color:#ffffff;
}


.sfvsubhead {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 2.25em;
    font-weight: bold;
    text-align: center;
    color:#ffffff;
}

.color-blue {
  color: #000746;
}

.color-white h1 h2 {
  color: #fff;
}

.color-darkred {
  color: #8b0000;
}

.home-top .col-md-3 {
  padding-left: 0;
}

.home-top .bg-white {
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 15px;
}

.bg-white {
  background-color: #fff;
}

.home-event-highlights_297 {
  background-color: #68a793;
  color: #fff;
  padding: 30px 0;
}

.home-event-highlights_297 h2 {
  margin-bottom: 30px;
  color: #fff;
}

.home-event-highlights_297 h3 {
  color: #fff;
}

.home-event-highlights_298 {
  background-color: #68a793;
  color: #fff;
  padding: 30px 0;
}

.home-event-highlights_298 h2 {
  margin-bottom: 30px;
  color: #fff;
}

.home-event-highlights_298 h3 {
  color: #fff;
}

.home-event-highlights_300 {
  background-color: #265298;
  color: #fff;
  padding: 30px 0;
}

.home-event-highlights_300 h2 {
  margin-bottom: 30px;
  color: #c4daf1;
}

.home-event-highlights_300 h3 {
  color: #c4daf1;
}

.home-event-highlights_301 {
    background-color: #265298;
    color: #fff;
    padding: 30px 0;
}

.home-event-highlights_301 h2 {
    margin-bottom: 30px;
    color: #c4daf1;
}

.home-event-highlights_301 h3 {
    color: #c4daf1;
}

.home-event-highlights_333 {
    background-color: #265298;
    color: #fff;
    padding: 30px 0;
}

.home-event-highlights_333 h2 {
    margin-bottom: 30px;
    color: #c4daf1;
}

.home-event-highlights_333 h3 {
    color: #c4daf1;
}

.home-event-highlights_304 {
    background-color: #265298;
    color: #fff;
    padding: 30px 0;
}

.home-event-highlights_304 h2 {
    margin-bottom: 30px;
    color: #c4daf1;
}

.home-event-highlights_304 h3 {
    color: #c4daf1;
}

.home-register .col-md-8 {
  margin-top: 30px;
}

.home-contact_297 {
  background-color: #FCB32B;
    padding: 30px 0;
}

.home-contact_298 {
  background-color: #FCB32B;
    padding: 30px 0;
}

.home-contact_300 {
  background-color: #c4daf1;
    padding: 30px 0;
}

.home-contact_301 {
  background-color: #c4daf1;
    padding: 30px 0;
}

.home-contact_333 {
    background-color: #c4daf1;
    padding: 30px 0;
}

.home-contact_304 {
  background-color: #c4daf1;
    padding: 30px 0;
}

.home-aboutus_297 {
  background: linear-gradient(#68a793, #8bf4d4);
  padding: 30px 0;
  color:#fff;
}

.home-aboutus_298 {
  background: linear-gradient(#68a793, #8bf4d4);
  padding: 30px 0;
  color:#fff;
}

.home-aboutus_300 {
  background: linear-gradient(#265298,#c4daf1);
  padding: 30px 0;
  color:#fff;
}

.home-aboutus_301 {
    background: linear-gradient(#265298, #c4daf1);
    padding: 30px 0;
    color:#fff;
}

.home-aboutus_333 {
    background: linear-gradient(#265298, #c4daf1);
    padding: 30px 0;
    color:#fff;
}

.home-aboutus_304 {
    background: linear-gradient(#265298, #c4daf1);
    padding: 30px 0;
    color:#fff;
}

 /* style="background-color:#FCB32B; border-radius:10px 0 0 0;" */

.home_whatsnew_banner_300 {
    background-color: #265298;
    color: #fff;
    border-radius: 10px 0 0 0;
}

.home_whatsnew_banner_301 {
    background-color: #265298;
    color: #fff;
    border-radius: 10px 0 0 0;
}

.home_whatsnew_banner_333 {
    background-color: #265298;
    color: #fff;
    border-radius: 10px 0 0 0;
}

.home_whatsnew_banner_304 {
    background-color: #265298;
    color: #fff;
    border-radius: 10px 0 0 0;
}


.productmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    /* margin-top: 100px; */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.modal-body {
    max-height:200px;
}
  
/* Modal Content (Image) */
.productmodal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    background-color: #fff;
}
  
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}
  
  /* Add Animation - Zoom in the Modal */
.productmodal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

.announcement-strip_297 {
    background-color: #FCB32B; 
    width:100%; 
    text-align:center; 
    margin-top: 26px; 
    margin-bottom: 0px; 
    border-top: 1px #000 solid; 
    border-bottom: 1px #000 solid;
}

.announcement-strip_298 {
    background-color: #FCB32B; 
    width:100%; 
    text-align:center; 
    margin-top: 26px; 
    margin-bottom: 0px; 
    border-top: 1px #000 solid; 
    border-bottom: 1px #000 solid;
}

.announcement-strip_300 {
    background-color: #265298; 
    color:#fff;
    width:100%; 
    text-align:center; 
    margin-top: 26px; 
    margin-bottom: 0px; 
    border-top: 1px #000 solid; 
    border-bottom: 1px #000 solid;
}

.announcement-strip_301 {
    background-color: #265298;
    color:#fff;
    width: 100%;
    text-align: center;
    margin-top: 26px;
    margin-bottom: 0px;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}

.announcement-strip_333 {
    background-color: #265298;
    color:#fff;
    width: 100%;
    text-align: center;
    margin-top: 26px;
    margin-bottom: 0px;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}

.announcement-strip_304 {
    background-color: #265298;
    color:#fff;
    width: 100%;
    text-align: center;
    margin-top: 26px;
    margin-bottom: 0px;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}


@media only screen and (max-width: 700px){
    .productmodal-content {
        width: 100%;
    }
}

.reginput {
    width:40px;
}




.dark .dark\:border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.dark .dark\:bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark .dark\:bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark .dark\:bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.dark .dark\:bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.dark .dark\:text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.dark .dark\:text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.dark .dark\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.dark .dark\:text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.dark .dark\:hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark .dark\:hover\:text-blue-100:hover {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}







.text-gray-50 {
  --text-opacity: 1;
  color: #f9fafb;
  color: rgba(249, 250, 251, var(--text-opacity));
}

.text-gray-100 {
  --text-opacity: 1;
  color: #f4f5f7;
  color: rgba(244, 245, 247, var(--text-opacity));
}

.text-gray-200 {
  --text-opacity: 1;
  color: #e5e7eb;
  color: rgba(229, 231, 235, var(--text-opacity));
}

.text-gray-300 {
  --text-opacity: 1;
  color: #d2d6dc;
  color: rgba(210, 214, 220, var(--text-opacity));
}

.text-gray-400 {
  --text-opacity: 1;
  color: #9fa6b2;
  color: rgba(159, 166, 178, var(--text-opacity));
}

.text-gray-500 {
  --text-opacity: 1;
  color: #6b7280;
  color: rgba(107, 114, 128, var(--text-opacity));
}

.text-gray-600 {
  --text-opacity: 1;
  color: #4b5563;
  color: rgba(75, 85, 99, var(--text-opacity));
}

.text-gray-700 {
  --text-opacity: 1;
  color: #374151;
  color: rgba(55, 65, 81, var(--text-opacity));
}

.text-gray-800 {
  --text-opacity: 1;
  color: #252f3f;
  color: rgba(37, 47, 63, var(--text-opacity));
}

.text-gray-900 {
  --text-opacity: 1;
  color: #161e2e;
  color: rgba(22, 30, 46, var(--text-opacity));
}

.dark .dark\:fill-slate-500 {
 fill:#64748b
}
.dark .dark\:fill-sky-300 {
 fill:#7dd3fc
}
.dark .dark\:fill-slate-400 {
 fill:#94a3b8
}
.dark .dark\:fill-sky-200 {
 fill:#bae6fd
}
.dark .dark\:fill-slate-600 {
 fill:#475569
}
.dark .dark\:fill-slate-300 {
 fill:#cbd5e1
}
.dark .dark\:fill-purple-300 {
 fill:#d8b4fe
}
.dark .dark\:fill-white {
 fill:#fff
}
.dark .dark\:fill-indigo-200 {
 fill:#c7d2fe
}
.dark .dark\:stroke-slate-300 {
 stroke:#cbd5e1
}
.dark .dark\:stroke-sky-400 {
 stroke:#38bdf8
}
.dark .dark\:stroke-slate-500 {
 stroke:#64748b
}
.dark .dark\:stroke-slate-400 {
 stroke:#94a3b8
}
.dark .dark\:stroke-indigo-500 {
 stroke:#6366f1
}
.dark .dark\:text-slate-100 {
 --tw-text-opacity:1;
 color:rgb(241 245 249/var(--tw-text-opacity))
}
.dark .dark\:text-slate-500 {
 --tw-text-opacity:1;
 color:rgb(100 116 139/var(--tw-text-opacity))
}
.dark .dark\:text-sky-50 {
 --tw-text-opacity:1;
 color:rgb(240 249 255/var(--tw-text-opacity))
}
.dark .dark\:text-sky-300 {
 --tw-text-opacity:1;
 color:rgb(125 211 252/var(--tw-text-opacity))
}
.dark .dark\:text-slate-300 {
 --tw-text-opacity:1;
 color:rgb(203 213 225/var(--tw-text-opacity))
}
.dark .dark\:text-sky-400 {
 --tw-text-opacity:1;
 color:rgb(56 189 248/var(--tw-text-opacity))
}
.dark .dark\:text-indigo-300 {
 --tw-text-opacity:1;
 color:rgb(165 180 252/var(--tw-text-opacity))
}
.dark .dark\:text-slate-200 {
 --tw-text-opacity:1;
 color:rgb(226 232 240/var(--tw-text-opacity))
}
.dark .dark\:text-white {
 --tw-text-opacity:1;
 color:rgb(255 255 255/var(--tw-text-opacity))
}
.dark .dark\:text-slate-400 {
 --tw-text-opacity:1;
 color:rgb(148 163 184/var(--tw-text-opacity))
}
.dark .dark\:text-sky-400\/70 {
 color:rgb(56 189 248/.7)
}
.dark .dark\:text-slate-600 {
 --tw-text-opacity:1;
 color:rgb(71 85 105/var(--tw-text-opacity))
}
.dark .dark\:text-purple-400 {
 --tw-text-opacity:1;
 color:rgb(192 132 252/var(--tw-text-opacity))
}
.dark .dark\:text-indigo-400 {
 --tw-text-opacity:1;
 color:rgb(129 140 248/var(--tw-text-opacity))
}
.dark .dark\:text-pink-400 {
 --tw-text-opacity:1;
 color:rgb(244 114 182/var(--tw-text-opacity))
}
.dark .dark\:text-slate-800 {
 --tw-text-opacity:1;
 color:rgb(30 41 59/var(--tw-text-opacity))
}
.dark .dark\:text-slate-700 {
 --tw-text-opacity:1;
 color:rgb(51 65 85/var(--tw-text-opacity))
}
.dark .dark\:text-slate-50 {
 --tw-text-opacity:1;
 color:rgb(248 250 252/var(--tw-text-opacity))
}
.dark .dark\:text-sky-500 {
 --tw-text-opacity:1;
 color:rgb(14 165 233/var(--tw-text-opacity))
}
.dark .dark\:text-fuchsia-400 {
 --tw-text-opacity:1;
 color:rgb(232 121 249/var(--tw-text-opacity))
}
.dark .dark\:text-rose-500 {
 --tw-text-opacity:1;
 color:rgb(244 63 94/var(--tw-text-opacity))
}
.dark .dark\:text-blue-400 {
 --tw-text-opacity:1;
 color:rgb(96 165 250/var(--tw-text-opacity))
}
.dark .dark\:text-blue-500 {
 --tw-text-opacity:1;
 color:rgb(59 130 246/var(--tw-text-opacity))
}
.dark .dark\:text-violet-400 {
 --tw-text-opacity:1;
 color:rgb(167 139 250/var(--tw-text-opacity))
}
.dark .dark\:text-sky-100 {
 --tw-text-opacity:1;
 color:rgb(224 242 254/var(--tw-text-opacity))
}
.dark .dark\:text-fuchsia-100 {
 --tw-text-opacity:1;
 color:rgb(250 232 255/var(--tw-text-opacity))
}
.dark .dark\:text-indigo-100 {
 --tw-text-opacity:1;
 color:rgb(224 231 255/var(--tw-text-opacity))
}
.dark .dark\:text-sky-200 {
 --tw-text-opacity:1;
 color:rgb(186 230 253/var(--tw-text-opacity))
}
.dark .dark\:text-indigo-200 {
 --tw-text-opacity:1;
 color:rgb(199 210 254/var(--tw-text-opacity))
}
.dark .dark\:text-sky-400\/100 {
 color:#38bdf8
}
.dark .dark\:text-sky-400\/75 {
 color:rgb(56 189 248/.75)
}
.dark .dark\:text-sky-400\/50 {
 color:rgb(56 189 248/.5)
}
.dark .dark\:text-sky-400\/25 {
 color:rgb(56 189 248/.25)
}
.dark .dark\:text-cyan-400 {
 --tw-text-opacity:1;
 color:rgb(34 211 238/var(--tw-text-opacity))
}
.dark .dark\:text-gray-300 {
 --tw-text-opacity:1;
 color:rgb(209 213 219/var(--tw-text-opacity))
}

.events-list_297 th {
    background-color: #FCB32B;
    color: #000;
    font-size: 1.2em;
    font-weight:bold;
    border:none;
}

.events-list_298 th {
    background-color: #FCB32B;
    color: #000;
    font-size: 1.2em;
    font-weight:bold;
    border:none;
}

.events-list_300 th {
    background-color: #265298;
    color: #fff;
    font-size: 1.2em;
    font-weight:bold;
    border:none;
}

.events-list_301 th {
    background-color: #265298;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    border: none;
}

.events-list_333 th {
    background-color: #265298;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    border: none;
}

.events-list_304 th {
    background-color: #265298;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    border: none;
}

.fundraiser_card_header_297 {
    background-color: #FCB32B;
    color: #000;
    font-size: 1.67em;
    font-weight:bold;
    border:none;
}

.fundraiser_card_header_298 {
    background-color: #FCB32B;
    color: #000;
    font-size: 1.67em;
    font-weight: bold;
    border: none;
}
.fundraiser_card_header_300 {
    background-color: #265298;
    color: #fff;
    font-size: 1.67em;
    font-weight:bold;
    border:none;
}

.fundraiser_card_header_301 {
    background-color: #265298;
    color: #fff;
    font-size: 1.67em;
    font-weight: bold;
    border: none;
}

.fundraiser_card_header_333 {
    background-color: #265298;
    color: #fff;
    font-size: 1.67em;
    font-weight: bold;
    border: none;
}

.fundraiser_card_header_304 {
    background-color: #265298;
    color: #fff;
    font-size: 1.67em;
    font-weight: bold;
    border: none;
}

.footer_297 {
    background-color: #000;
    color: #e7e7e7;
    font-size: 1.0em;
    font-weight: normal;
    border: none;
    list-style-type: none;
}

.footer_298 {
    background-color: #000;
    color: #e7e7e7;
    font-size: 1.0em;
    font-weight: normal;
    border: none;
    list-style-type: none;
}

.footer_300 {
    background-color: #265298;
    color: #fff;
    font-size: 1.0em;
    font-weight: normal;
    border: none;
}

.footer_301 {
    background-color: #265298;
    color: #dbd7d7;
    font-size: 1.0em;
    font-weight: normal;
    border: none;
    list-style-type: none;
}

.footer_301 p {
    color: #b3b3b3;
}

.footer_333 {
    background-color: #265298;
    color: #dbd7d7;
    font-size: 1.0em;
    font-weight: normal;
    border: none;
    list-style-type: none;
}

.footer_333 p {
    color: #b3b3b3;
}

.footer_304 {
    background-color: #265298;
    color: #dbd7d7;
    font-size: 1.0em;
    font-weight: normal;
    border: none;
    list-style-type: none;
}

.footer_304 p {
    color: #b3b3b3;
}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  /* background-color: #000; */
  /* color: #fff; */
  cursor: pointer;
  padding: 5px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  /* background-color: #f1f1f1; */
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  /* background-color: #282828;
  color:#fff; */
  display: none;
  overflow: hidden;
  margin-left: 20px;
}

/* textarea.cke_source {
    background-color: #0f0d20;
    border-color: #000;
    color: #fff;
} */

textarea.cke_source {
    color: red;
}

.cke_chrome {
    border-color: #272727;
    background-color: #272727;
}

body.cke_editable {
    background-color: #000;
    color: #fff;
}
body.cke_editable_themed {
    background-color: #000;
    color: #fff;
}
body.background {
    background-color: #000;
    color: #fff;
}

.cke_contents {
    background-color: #000;
    color: #fff;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.ml-16 {
    margin-left: 4.4rem;
}

.ml-24 {
    margin-left: 6rem;
}