p, span, table, li, a, .btn, div{
    font-family: "Rubik", sans-serif;
}

h1, h2, h3, h4 {
    font-family: "Rubik", sans-serif;
}

h1 {
    font-weight: bold !important;
}
.obf-blur{
    filter: blur(12px); user-select: none; pointer-events: none;
}


.vroom-bg{
    background:linear-gradient(120deg,#000 0%,#6610f2 100%);
    background-position:center;background-size:cover;
}

a.black-link {
    text-decoration: none;
    color:#000;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: bold;
}

.deactivate-links a{
  pointer-events: none;
  cursor: default;
}

.table-clickable tbody tr {
  cursor: pointer;
}

textarea {
   max-width: 100%;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.border.missed_deadline {
    outline: 2px solid red;
    outline-offset: 2px !important;
}

.no_deadline {
    outline: 2px solid #ffc107;
    outline-offset: 2px !important;
}

.has_deadline {
    outline: 2px solid #198754;
    outline-offset: 2px !important;
}

.btn {
    border-radius: 8px !important;
}

.btn.btn-primary:disabled, .btn.btn-primary.disabled{
    background-color: #dd9a73;
    border-color:#dd9a73;
}

.btn.btn-lg {
    padding:14px;
}

.btn.btn-primary {
background-color: #ed7225;
border-color: #dd6f2a;
}

.btn.btn-primary:hover, .btn.btn-primary:focus {
    opacity: 0.9;
    background-color: #ed7225;
    border-color: #ed7225;
}


img.whatsapp-button {
    max-width: 220px;
}
.errorlist,                    /* whole <ul> */
.errorlist li {                /* each <li>  */
color: #dc3545;              /* Bootstrap’s “danger” red */
margin: 0;                   /* tidy spacing             */
padding: 0;
list-style: none;
}

a.btn.btn-dark.disabled {
    color: #000;
    opacity: 1;
    background-color: #fff;
}

.btn.btn-dark {
   border-width: 2px;
}

a.btn.btn-dark:hover, button.btn.btn-dark:hover {
	color: #000;
	background-color: #fff;
}


#request_card b {
max-width: 500px;
display: block;
}

.primary-color {
color: #ed7225;
}


#period_filters a {
font-size: 15px;
}

.switch {
    -webkit-appearance: none;
    appearance: none;
    width: 40px;  /* Reduced width */
    height: 20px;  /* Reduced height */
    background-color: #ccc;
    border-radius: 20px;  /* Half of height to create rounded edges */
    position: relative;
    outline: none;
    cursor: pointer;
    transition: background-color 0.4s;
}

.switch::before {
    content: "";
    position: absolute;
    left: 2px;  /* Adjusted for smaller size */
    bottom: 2px;  /* Adjusted for smaller size */
    width: 16px;  /* Reduced width */
    height: 16px;  /* Reduced height */
    background-color: white;
    border-radius: 50%;
    transition: transform 0.4s;
}

.switch:checked {
    background-color: #2196F3;
}

.switch:checked::before {
    transform: translateX(20px);  /* Adjusted to match the new width */
}

#day-label-container input {
    top:4px;
}

#day-label-container label {
    margin-left: 7px;
}

.text-very-small {
    font-size:12px;
}

.no-wrap {
    white-space: nowrap;
}

/* form styling */

form input[type="text"],
form input[type="tel"],
form input[type="email"],
form select {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius:4px;
    transition: border 0.3s ease;
}

input.currency-input {
    padding-left: 20px;
    max-width:100px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
span.currency-symbol {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #6C757D;
}

div.currency-container {
    position: relative;
    display: inline-block;
}


/* letter-spacing helper */
.letter-spacing{letter-spacing:0.1em;}