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

body {
    font-family: Tahoma, Arial, Helvetica, serif;
}
.modal-inner {
    background-color: white;
    border-radius: 0.5em;
    max-width: 1600px;
    padding: 2em;
    margin: auto;
    z-index: 1;
    font-size: 14px;
}
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.75;
}

.ck-content ul,
.ck-content ol {
    padding-left: 40px;
    margin: .5rem 0;
}

.ck-content a {
    color: #0052cc;
}

/* Loader https://loading.io/css/ */
.lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}
.lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}
.lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}
.lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}
.lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}
.lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}
.lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}
.lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}
.lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}
.lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}
.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}
.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}
@keyframes lds-default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

.form-input {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.15rem 0.25rem;
    border-color: rgb(156 163 175);
    border-width: 1px;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
}

.secondary-btn {
    height: auto;
    color: rgb(17 24 39);
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.15rem 0.5rem;
    background-color: rgb(255 255 255);
    border-color: rgb(156 163 175);
    border-width: 1px;
    border-radius: 0.25rem;
}

.secondary-btn:hover {
    color: rgb(0 0 0);
    background-color: rgb(243 244 246);
}

.bg-gray-200 {
    background-color: rgb(229 231 235);
}

.bg-gray-300 {
    background-color: rgb(209 213 219);
}

.bg-gray-400 {
    background-color: rgb(156 163 175);
}

.bg-gray-500 {
    background-color: rgb(107 114 128);
}

.bg-gray-600 {
    background-color: rgb(75 85 99);
}

.bg-gray-700 {
    background-color: rgb(55 65 81);
}

.bg-gray-800 {
    background-color: rgb(31 41 55);
}

.bg-gray-900 {
    background-color: rgb(17 24 39);
}

.bg-red-200 {
    background-color: rgb(254 202 202);
}

.bg-red-300 {
    background-color: rgb(252 165 165);
}

.bg-red-400 {
    background-color: rgb(248 113 113);
}

.bg-red-500 {
    background-color: rgb(239 68 68);
}

.bg-red-600 {
    background-color: rgb(220 38 38);
}

.bg-red-700 {
    background-color: rgb(185 28 28);
}

.bg-red-800 {
    background-color: rgb(153 27 27);
}

.bg-red-900 {
    background-color: rgb(127 29 29);
}

.bg-yellow-200 {
    background-color: rgb(254 240 138);
}

.bg-yellow-300 {
    background-color: rgb(253 224 71);
}

.bg-yellow-400 {
    background-color: rgb(250 204 21);
}

.bg-yellow-500 {
    background-color: rgb(234 179 8);
}

.bg-yellow-600 {
    background-color: rgb(202 138 4);
}

.bg-yellow-700 {
    background-color: rgb(161 98 7);
}

.bg-yellow-800 {
    background-color: rgb(133 77 14);
}

.bg-yellow-900 {
    background-color: rgb(113 63 18);
}

.bg-green-200 {
    background-color: rgb(187 247 208);
}

.bg-green-300 {
    background-color: rgb(134 239 172);
}

.bg-green-400 {
    background-color: rgb(74 222 128);
}

.bg-green-500 {
    background-color: rgb(34 197 94);
}

.bg-green-600 {
    background-color: rgb(22 163 74);
}

.bg-green-700 {
    background-color: rgb(21 128 61);
}

.bg-green-800 {
    background-color: rgb(22 101 52);
}

.bg-green-900 {
    background-color: rgb(20 83 45);
}

.bg-blue-200 {
    background-color: rgb(191 219 254);
}

.bg-blue-300 {
    background-color: rgb(147 197 253);
}

.bg-blue-400 {
    background-color: rgb(96 165 250);
}

.bg-blue-500 {
    background-color: rgb(59 130 246);
}

.bg-blue-600 {
    background-color: rgb(37 99 235);
}

.bg-blue-700 {
    background-color: rgb(29 78 216);
}

.bg-blue-800 {
    background-color: rgb(30 64 175);
}

.bg-blue-900 {
    background-color: rgb(30 58 138);
}

.bg-indigo-200 {
    background-color: rgb(199 210 254);
}

.bg-indigo-300 {
    background-color: rgb(165 180 252);
}

.bg-indigo-400 {
    background-color: rgb(129 140 248);
}

.bg-indigo-500 {
    background-color: rgb(99 102 241);
}

.bg-indigo-600 {
    background-color: rgb(79 70 229);
}

.bg-indigo-700 {
    background-color: rgb(67 56 202);
}

.bg-indigo-800 {
    background-color: rgb(55 48 163);
}

.bg-indigo-900 {
    background-color: rgb(49 46 129);
}

.bg-purple-200 {
    background-color: rgb(233 213 255);
}

.bg-purple-300 {
    background-color: rgb(216 180 254);
}

.bg-purple-400 {
    background-color: rgb(192 132 252);
}

.bg-purple-500 {
    background-color: rgb(168 85 247);
}

.bg-purple-600 {
    background-color: rgb(147 51 234);
}

.bg-purple-700 {
    background-color: rgb(126 34 206);
}

.bg-purple-800 {
    background-color: rgb(107 33 168);
}

.bg-purple-900 {
    background-color: rgb(88 28 135);
}

.bg-pink-200 {
    background-color: rgb(251 207 232);
}

.bg-pink-300 {
    background-color: rgb(249 168 212);
}

.bg-pink-400 {
    background-color: rgb(244 114 182);
}

.bg-pink-500 {
    background-color: rgb(236 72 153);
}

.bg-pink-600 {
    background-color: rgb(219 39 119);
}

.bg-pink-700 {
    background-color: rgb(190 24 93);
}

.bg-pink-800 {
    background-color: rgb(157 23 77);
}

.bg-pink-900 {
    background-color: rgb(131 24 67);
}