/* ========== BASE & RESET ========== */
body {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

.row { flex: 1; }

.bar-top {
    width: 100%;
    height: 30px;
}

/* ========== BUTTONS & LABELS ========== */
.btn, .label {
    border: none;
    border-radius: .2rem;
    box-sizing: border-box;
    color: #f3f3f3;
    font-family: "Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.35rem;
    margin: 0;
    padding: .25rem .6rem;
    text-align: center;
    text-decoration: none;
    text-decoration-thickness: auto;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.label { background-color: #888; }
.btn { background-color: #9f9f9f; }
.btn:hover { background-color: rgb(114, 184, 253); }
.btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.btn:focus-visible { box-shadow: none; }

@media only screen and (max-width: 800px) { .btn { font-size: .8em; } }

.btn-white { background: #FFF; color: #333; }
.btn-green { background-color: #8AB423; color: #FFF; }
.btn-red { background: #ff2200; color: #FFF; }
.btn-orange { background: #ff6600; color: #FFF; }
.btn-blue { background-color: #0b90e3; color: #FFF; }
.btn-gray { background: #888; color: #FFF; }

/* ========== FORM ELEMENTS ========== */
.form-select {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    display: block;
    font-size: .85em;
    font-family: sans-serif;
    font-weight: 500;
    color: #333;
    line-height: 1.4;
    box-sizing: border-box;
    margin: 0;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url("../images/admin/chevron-down-black.svg");
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    padding-left: 0;
}

.form-select::-ms-expand { display: none; }
.form-select:hover { border-color: #888; }
.form-select:focus {
    border-color: #aaa;
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.form-select option { font-weight:normal; }

option { color:black; font-size: 14px; }

.form-control {
    width: 100%;
    background-color: transparent;
    color: #333;
    padding: 0 0 2px 0;
    font: 400 14px sans-serif;
    display: flex;
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    border-bottom: 1px solid #e3e3e3;
    resize: none;
}

.money {
    width: calc(100% - 30px);
    height: 100%;
    border: none;
    float: left;
    outline: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.money-label {
    width: 30px;
    height: 100%;
    float: right;
    text-align: right;
}

.editor {
    width: 100%;
    background-color: transparent;
    resize: none;
    font-size: .85em;
    line-height: 1.5;
    padding: 0 0 3px 0;
    color: #333;
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    border-bottom: 1px solid #e3e3e3;
}

.editor img { max-width: 100%; }
.editor p img { max-width: 100%; }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.form-group { margin-bottom: 1rem }

input[type="date"] {
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}

/* ========== SPACING - MARGIN ========== */
.margin-auto { margin-right: auto; }

.margin-left-0 { margin-left: 0;}
.margin-left-5px { margin-left: 5px;}
.margin-left-10px { margin-left: 10px;}
.margin-left-15px { margin-left: 15px;}
.margin-left-20px { margin-left: 20px;}
.margin-left-25px { margin-left: 25px;}
.margin-left-30px { margin-left: 30px;}

.margin-right-0 { margin-right: 0; }
.margin-right-5px { margin-right: 5px; }
.margin-right-10px { margin-right: 10px; }
.margin-right-15px { margin-right: 15px; }
.margin-right-20px { margin-right: 20px; }
.margin-right-25px { margin-right: 25px; }
.margin-right-30px { margin-right: 30px; }

.margin-top-0 { margin-top: 0; }
.margin-top-1px { margin-top: 1px; }
.margin-top-2px { margin-top: 2px; }
.margin-top-3px { margin-top: 3px; }
.margin-top-4px { margin-top: 4px; }
.margin-top-5px { margin-top: 5px; }
.margin-top-10px { margin-top: 10px; }
.margin-top-20px { margin-top: 20px; }
.margin-top-30px { margin-top: 30px; }

.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-5px { margin-bottom: 5px; }
.margin-bottom-10px { margin-bottom: 10px; }
.margin-bottom-20px { margin-bottom: 20px; }
.margin-bottom-30px { margin-bottom: 30px; }
.margin-bottom-40px { margin-bottom: 40px; }
.margin-bottom-50px { margin-bottom: 50px; }
.margin-bottom-60px { margin-bottom: 60px; }
.margin-bottom-70px { margin-bottom: 70px; }
.margin-bottom-80px { margin-bottom: 80px; }
.margin-bottom-90px { margin-bottom: 90px; }
.margin-bottom-100px { margin-bottom: 100px; }

.margin-top-space { margin-top: 18px; }
.margin-bottom-space { margin-bottom: 15px; }

/* ========== SPACING - PADDING ========== */
.padding-auto { padding: auto !important; }
.padding-5px { padding: 5px; } .padding-10px { padding: 10px; } .padding-15px { padding: 15px; } .padding-20px { padding: 20px; } .padding-25px { padding: 25px; } .padding-30px { padding: 30px; }
.padding-top-1px { padding-top: 1px; } .padding-top-2px { padding-top: 2px; } .padding-top-3px { padding-top: 3px; } .padding-top-4px { padding-top: 4px; }.padding-top-5px { padding-top: 5px; }
.padding-top-10px { padding-top: 10px; } .padding-top-20px { padding-top: 20px; } .padding-top-30px { padding-top: 30px; } .padding-top-40px { padding-top: 40px; }.padding-top-50px { padding-top: 50px; }
.padding-top-60px { padding-top: 60px; } .padding-top-70px { padding-top: 70px; } .padding-top-80px { padding-top: 80px; } .padding-top-90px { padding-top: 90px; }.padding-top-100px { padding-top: 100px; }
.padding-bottom-1px { padding-bottom: 1px; } .padding-bottom-2px { padding-bottom: 2px; } .padding-bottom-3px { padding-bottom: 3px; } .padding-bottom-4px { padding-bottom: 4px; } .padding-bottom-5px { padding-bottom: 5px; }
.padding-bottom-10px { padding-bottom: 10px; } .padding-bottom-20px { padding-bottom: 20px; } .padding-bottom-30px { padding-bottom: 30px; } .padding-bottom-40px { padding-bottom: 40px; } .padding-bottom-50px { padding-bottom: 50px; }
.padding-bottom-60px { padding-bottom: 60px; } .padding-bottom-70px { padding-bottom: 70px; } .padding-bottom-80px { padding-bottom: 80px; } .padding-bottom-90px { padding-bottom: 90px; } .padding-bottom-100px { padding-bottom: 100px; }

/* ========== SIZING - WIDTH ========== */
.w10 { width: 10%; } .w20 { width: 20%; } .w30 { width: 30%; } .w40 { width: 40%; } .w50 { width: 50%; }
.w15 { width: 15%; } .w25 { width: 25%; } .w35 { width: 35%; } .w45 { width: 45%; } .w55 { width: 55%; }
.w60 { width: 60%; } .w70 { width: 70%; } .w80 { width: 80%; } .w90 { width: 90%; } .w98 { width: 98%; }
.w65 { width: 65%; } .w75 { width: 75%; } .w85 { width: 85%; } .w95 { width: 95%; } .w100 { width: 100%; }

.width-auto { width: auto; }
.width-10px { width: 10px; } .width-20px { width: 20px; } .width-30px { width: 30px; } .width-40px { width: 40px; } .width-50px { width: 50px; }
.width-60px { width: 60px; } .width-70px { width: 70px; } .width-80px { width: 80px; } .width-90px { width: 90px; } .width-100px { width: 100px; }
.width-110px { width: 110px; } .width-120px { width: 120px; } .width-130px { width: 130px; } .width-140px { width: 140px; } .width-150px { width: 150px; }
.width-160px { width: 160px; } .width-170px { width: 170px; } .width-180px { width: 180px; } .width-190px { width: 190px; } .width-200px { width: 200px; }
.width-210px { width: 210px; } .width-220px { width: 220px; } .width-230px { width: 230px; } .width-240px { width: 240px; } .width-250px { width: 250px; }
.width-260px { width: 260px; } .width-270px { width: 270px; } .width-280px { width: 280px; } .width-290px { width: 290px; } .width-300px { width: 300px; }
.width-350px { width: 350px; } .width-400px { width: 400px; } .width-450px { width: 450px; } .width-500px { width: 500px; } .width-550px { width: 550px; }
.width-600px { width: 600px; }

/* ========== SIZING - HEIGHT ========== */
.height-auto { height: auto; }
.height-10px { height: 10px; } .height-15px { height: 15px; } .height-20px { height: 20px; } .height-25px { height: 25px; } .height-30px { height: 30px; }
.height-50px { height: 50px; } .height-100px { height: 100px; } .height-150px { height: 150px; }
.height-200px { height: 200px; } .height-250px { height: 250px; } .height-300px { height: 300px; }
.height-350px { height: 350px; } .height-400px { height: 400px; } .height-500px { height: 500px; }
.height-800px { height: 800px; } .height-1000px { height: 1000px; } .height-1500px { height: 1500px; }
.height-2000px { height: 2000px; } .height-2500px { height: 2500px; } .height-3000px { height: 3000px; }

/* ========== TYPOGRAPHY ========== */
.font-size-0-9-em { font-size: 0.9em; }


.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-bold { font-weight: bold; }

.font-style-italic { font-style: italic; }
.font-style-normal { font-style: normal; }
.font-style-inherit { font-style: inherit; }

.font-size-10px { font-size: 10px !important; }
.font-size-11px { font-size: 11px !important; } .font-size-12px { font-size: 12px !important; } .font-size-13px { font-size: 13px !important; } .font-size-14px { font-size: 14px !important; } .font-size-15px { font-size: 15px !important; }
.font-size-16px { font-size: 16px !important; } .font-size-17px { font-size: 17px !important; } .font-size-18px { font-size: 18px !important; } .font-size-19px { font-size: 19px !important; } .font-size-20px { font-size: 20px !important; }

.text-left { text-align: left; }
.text-center { text-align: center !important; }
.text-right { text-align: right; }
.text-align-left { text-align: left; }

.text-decoration-none { text-decoration: none !important; }
.text-decoration-line-through { text-decoration: line-through !important; }
.text-decoration-underline { text-decoration: underline; }

.line-height-1-3 { line-height: 1.3; }
.line-height-1-5 { line-height: 1.5; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

/* ========== COLORS ========== */
.bg-red { background-color: #d71f32 !important; }
.bg-orange { background-color: #ff6600 !important; }
.bg-green { background-color: #728540 !important; }
.bg-medium-sea-green { background-color: #3CB371 !important; }
.bg-grey { background-color: #555 !important; }
.bg-silver { background-color: #999 !important; }
.bg-white { background-color: #FFF !important; }
.bg-ghost-white { background-color: #eaeaeb !important; }
.bg-black { background-color: #333 !important; }
.bg-turquoise { background-color: #189c86 !important; }
.bg-dew { background-color: #d7d7d7 !important; }
.bg-light-red { background-color: #f9be9c !important; }
.bg-light-green { background-color: #e8ecdd !important; }

.color-red { color: #d71f32 !important; }
.color-orange { color: #ff6600 !important; }
.color-green { color: #506d15 !important; }
.color-blue { color: #234cc5 !important; }
.color-grey { color: #555 !important; }
.color-white { color: #FFF !important; }
.color-black { color: #111 !important; }
.color-turquoise { color: #098974 !important; }

/* ========== BORDERS ========== */
.border { border: 1px solid #e3e3e3; }
.border-none { border: none !important; }
.border-top { border-top: 1px solid #e3e3e3; }
.border-bottom { border-bottom: 1px solid #e3e3e3; }
.border-left { border-left: 1px solid #e3e3e3; }
.border-right { border-right: 1px solid #e3e3e3; }

.rounded-0 { border-radius: 0; }
.rounded-3px { border-radius: 3px; }
.rounded-5px { border-radius: 5px; }
.rounded-8px { border-radius: 8px; }
.rounded-10px { border-radius: 10px; }
.rounded-12px { border-radius: 12px; }
.rounded-15px { border-radius: 15px; }
.rounded-20px { border-radius: 20px; }
.rounded-full { border-radius: 50%; }

.horizontal-line { width: 100%; height: 1px; background-color: #e3e3e3; }
.vertical-line { width: 1px; height: 100%; background-color: #e3e3e3; }

/* ========== EFFECTS - SHADOWS ========== */
.shadow-none { box-shadow: none !important; }
.shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.shadow { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.shadow-md { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.shadow-lg { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
.shadow-xl { box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }

/* ========== EFFECTS - OPACITY ========== */
.opacity-0 { opacity: 0 !important; }
.opacity-25 { opacity: 0.25 !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-75 { opacity: 0.75 !important; }
.opacity-100 { opacity: 1 !important; }

/* ========== LAYOUT - POSITION ========== */
.position-relative { position: relative !important; }
.position-static { position: static; }
.position-sticky { position: sticky; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }

.top-0 { top: 0; } .top-5px { top: 5px; }
.bottom-0 { bottom: 0; } .bottom-5px { bottom: 5px; }
.left-0 { left: 0; } .left-5px { left: 5px; }
.right-0 { right: 0; } .right-5px { right: 5px; } .right--5px { right: -5px; } .right-10px { right: 10px; } .right--10px { right: -10px; } .right-20px { right: 20px; } .right--20px { right: -20px; }
.right-25px { right: 25px; } .right--25px { right: -25px; } .right--30px { right: -30px; }

.z-index-999 { z-index: 999; } .z-index-888 { z-index: 888; } .z-index-777 { z-index: 777; } .z-index-666 { z-index: 666; } .z-index-555 { z-index: 555; } .z-index-444 { z-index: 444; } .z-index-333 { z-index: 333; } .z-index-222 { z-index: 222; } .z-index-111 { z-index: 111; }

/* ========== LAYOUT - DISPLAY ========== */
.display-none { display: none !important; }
.visibility-hidden { visibility: hidden !important; }
.gtm-noscript-iframe { display: none; visibility: hidden; }
.display-inline-block { display: inline-block !important; }
.display-block { display: block !important; }
.display-flex-row { display: flex; flex-direction: row; }
.display-flex-column { display: flex; flex-direction: column; }
.display-grid { display: grid; }

.left { float: left !important; }
.center { margin: auto !important; }
.right { float: right !important; }
.flex { display: flex !important; }

.clear { width:100%; clear: both; }

.overflow-hidden { overflow: hidden; }
.overflow-auto { overflow: auto; }
.overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }

/* ========== LAYOUT - FLEXBOX ========== */
.flex-1 { flex: 1; }
.flex-auto { flex: auto; }
.flex-none { flex: none; }

.flex-row { flex-direction: row; }
.flex-column { flex-direction: column; }

.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }

.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-stretch { align-items: stretch; }
.items-baseline { align-items: baseline; }

.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }

.gap-0 { gap: 0; }
.gap-5px { gap: 5px; }
.gap-10px { gap: 10px; }
.gap-15px { gap: 15px; }
.gap-20px { gap: 20px; }
.gap-25px { gap: 25px; }
.gap-30px { gap: 30px; }

/* ========== LAYOUT - GRID ========== */
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }

/* ========== UTILITIES - CURSOR ========== */
.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-move { cursor: move; }
.cursor-grab { cursor: grab; }
.cursor-text { cursor: text; }

/* ========== UTILITIES - OBJECT FIT ========== */
.object-cover { object-fit: cover; }
.object-contain { object-fit: contain; }
.object-fill { object-fit: fill; }
.object-none { object-fit: none; }
.object-scale-down { object-fit: scale-down; }

/* ========== UTILITIES - MISC ========== */
.image-full-width { max-width: 100%; }
video { max-width: 100%; }
strong { font-weight: bold; }
p { font-size: 14px; }
span { font-size: 1em; }

.message {
    color: Crimson;
    font-size: .9em;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}

#alert-copy {
    width: 100px;
    height: 30px;
    padding: 5px 10px;
    border-radius: 18px;
    font-weight: normal;
    color: #FFF;
    font-size: 13px;
    background-color: #222;
    opacity: .8;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    display: none;
}

/* ========== COMPONENTS - CHECKBOX SWITCH ========== */
.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 16px;
    margin-bottom: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 24px;
    left: 2px;
    bottom: 2px;
    border-radius: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #454545;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.notification-error {
    background-color: #f8d7da;
    color: #721c24;
    padding: 10px 15px;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    font-size: 14px;
}

.notification-success {
    background-color: #d4edda;
    color: #155724;
    padding: 10px 15px;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
    font-size: 14px;
}
.label-status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
}
.label-green {
    background-color: #d4edda;
    color: #155724;
}
.label-red {
    background-color: #f8d7da;
    color: #721c24;
}