input {
    width: 100%;
    font-family: var(--main-font-family);
    font-weight: normal !important;
}
label {
    font-size: 0.875rem !important;
    font-weight: var(--main-text-font-weight);
    color: black;
    margin-bottom: 0;
}

@media (max-width: 337px) {
    .btn-status {
        width:100%;
        border-radius: 0 !important;
        text-align: left !important;
    }


    .btn-status {
        border-left: 0;
        border-right: 0;
    }
    .btn-status.first {
        border-top-left-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
    }

    .btn-status.last {
        border-top-right-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
    }
}

@media (min-width: 768px) {
    label {
        font-size: 1.816vw !important;
    }
}

@media (min-width: 992px) {
    label {
        font-size: 1.125rem !important;
    }
}

.form-control {
    font-family: var(--main-font-family);
    font-size: 1.1rem;
}


.form-control.disabled, .form-control:disabled {
    color: var(--main-color-black);
    background-color: var(--main-bevar-divider-color);
    cursor: default;
}

.single-input {
    width: 3.125rem; /* 50px */ 
    height: 3.125rem; /* 50px */
    font-size: 2rem !important; /* 32 px */
    text-align: center;
}

.select2-selection__choice {
    font-size: 1.1rem !important;
    padding: .625rem 1rem !important;
    background-color: #F4F3F3 !important;
    border: 1px solid #BFBFBF !important;
    line-height: 1.125rem !important;
}

.select2-selection__choice__remove {
    margin-right: 0.625rem !important;
}

.select2-search__field {
    font-size: 1.1rem !important;
    font-style: italic !important;
    font-family: "HelveticaNeue", serif;
    margin-bottom: 0;
}

ul.select2-selection__rendered {
    padding-right: 30px !important;
    line-height: 31px !important;
}
.select2-container {
    margin-top: 0.6rem !important;
}
.select2-container .select2-selection--single {
    height: 35px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}
ul.select2-selection__rendered:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.btn-status {
    font-family: var(--main-font-family);
    padding: 0.6rem 0.8rem;
    border: 1px var(--main-border-color) solid;
    background-color: white;
    font-size: 0.9rem;
    line-height: 1.125rem;
}

.btn-status:focus {
    outline:0;
    border: 2px solid black;
}
.btn-status.hover {
    border:0;
}

.btn-status .fa-square {
    color: black;
    margin-right: 0.5rem;
}

.btn-status.checked {
    -webkit-box-shadow: inset 1px 1px 15px #D7DCE5;
    -moz-box-shadow: inset 1px 1px 15px #D7DCE5;
    box-shadow: inset 1px 1px 15px #D7DCE5;
}

.btn-status:before {
    font-family: "Font Awesome 5 Free", serif;
    content: '\f0c8';
    font-weight: 400;
    margin-right: 0.6rem;
    display:none;
}

.checked::before {
    font-family: "Font Awesome 5 Free", serif;
    content: '\f14a';
    font-weight: 400;
    display:none;
}

.btn-status .fa-check-square {
    color: #02A28A;
    margin-right: 0.5rem;
}

.datetimepicker-icon {
    width:100%;
}

.datetimepicker-icon:after {
    font-family: "Font Awesome 5 Free", serif;
    font-weight: 900;
    content: "\f073";
    display: none;
}
.datetimepicker-icon .fa-calendar-alt {
    position: absolute;
    right:0;
    top: 2.8rem;
    margin-right: 1rem;
    pointer-events: none;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .datetimepicker-icon.pr-md-3 .fa-calendar-alt  {
        margin-right: 2rem;
    }
}

.form-control.input-error:focus, input.error, select.error {
    border-color: #9ec2f3;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

/* 03.06.2023 KHY: Veiledning filter på kategorier i mobilvisning */
.ViewData_query-kategori_ {
    cursor: pointer;
    width: unset;
    vertical-align: bottom;
    float: right;
    background-color: var(--main-card-hover-background-color);
    border: 1px solid #d7dce5 !Important;
    color: #414141;
    font-family: var(--main-font-family);
    font-size: 0.9rem;
    font-weight: var(--main-text-font-weight);
    line-height: 1.125rem;
    min-height: 2.815rem;
    max-height: 2.815rem;
    border-radius: 4px;
    outline: 0;
    transition: none;
    border: 0;
}