input.hide-arrows::-webkit-outer-spin-button,
input.hide-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number].hide-arrows {
    -moz-appearance: textfield;
}


input[type=radio], input[type=checkbox] {
    accent-color: var(--primary-400);
}


.ltr {
    direction: ltr;
}

.rtl {
    direction: rtl;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    color: inherit !important;
    border-color: #ced4da !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    outline: 0 !important;
    outline: none !important;
    background-color: inherit !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}



/* X-Large devices (large desktops, less than 1535px) */
@media (max-width: 1535.98px) {
}

/* Large devices (desktops, less than 1280px) */
@media (max-width: 1279.98px) {
}

/* Medium devices (tablets, less than 1024px) */
@media (max-width: 1023.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

/* X-Small devices (portrait phones, less than 640px) */
@media (max-width: 639.98px) {
}