html {
    font-size: 14px;
}
.p-lr-8px {
    padding-left: 8px;
    padding-right: 8px;
}
.p-lr-10px {
    padding-left: 10px;
    padding-right: 10px;
}
.p-l-8px { padding-left: 8px; }

.h-auto-container {
    display: flex;
    flex-direction: column;
}
.h-auto-container .row {
    width: 100%;
}
.h-auto {
    flex: 1 1 auto;
}
.m-b-halfrow { margin-bottom: 10px; }
.w-80 { width: 80%; }
.w-60px { width: 60px; }
.w-300px { width: 300px; }
.w-fit { width: fit-content; }
.m-auto { margin: auto; }
.square-300px {
    width: 300px;
    height: 300px;
}

.block { display: block; }
.relative { position: relative; }

.f-larger { font-size: 1.1rem; }
.f-smaller { font-size: .8rem; }
.grey-text { color: #313131 !important; }

button, a.btn, a.btn-small {
    box-shadow: none !important;
}
.btn-yellow {
    background: #FFB800 !important;
}
.btn-yellow:hover {
    background: #FFB800 !important;
    opacity: .8 !important;
}
.btn-yellow-secondary:not(.disabled) {
    background: #FFF2D0 !important;
    border: 2px solid #FFB800;
    color: #FFB800 !important;
    line-height: 32px;
}
.btn-yellow-secondary:hover {
    background: #FFF2D0 !important;
    opacity: .8 !important;
}
.btn-red {
    background: #D93333 !important;
}
.btn-red:hover {
    background: #D93333 !important;
    opacity: .8 !important;
}


div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: #FFB800;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: #0F5FC1 !important;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid #0F5FC1 !important;
}
input.browser-default {
    height: 32px;
    line-height: 32px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 4px 12px;
}

input.browser-default:focus {
    outline: unset;
}
input.browser-default:not(.input-file):read-only {
    background: #D0DEEF;
}
select.browser-default {
    height: 32px;
    line-height: 32px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 4px 12px;
}
textarea.browser-default {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 4px 12px;
    width: 100%;
    height: 150px;
    resize: none;
    line-height: normal;
}
textarea.browser-default:focus {
    outline: none;
}
select.browser-default:focus {
    outline: none;
}

i.showpassword {
    top: 4px;
    right: 18px;
    position: absolute;
    cursor: pointer;
}
input[type="password"].showpassword {
    padding-right: 42px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

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

.uploadprogress .progress {
    background-color: #D0DEEF !important;
}

.uploadprogress .progress .determinate,
.uploadprogress .progress .indeterminate:before,
.uploadprogress .progress .indeterminate:after {
    background-color: #0F5FC1 !important;
}

.text-red{
  color: red;
}


@media only screen and (max-width: 575px) {
}