﻿.custom-bold{
    font-weight: 600;
}

a, .btn-link {
    color: #0071c1;
    text-decoration: none;
}

    a:hover, a:active, a:focus {
        outline: none;
    }

    a:hover {
        text-decoration: underline;
    }

        a:hover.dropdown-item {
            text-decoration: none;
        }

        a:hover.ansokan-item {
            text-decoration: none;
        }

        a:hover.aktivitet-item {
            text-decoration: none;
        }

        a:hover.resurs-item {
            text-decoration: none;
        }

/*BlockUI*/
.blockOverlay {
    cursor: default !important;
    background-color: #ffffff !important;
}

.blockElement {
    border: none !important;
    background-color: transparent !important;
}

.rbok-blockMsg {
    cursor: default !important;
    border: none !important;
    border-width: 0px !important;
    border-radius: 0px !important;
    background: rgba(250, 250, 250, 0.85) !important;
    text-align: center !important;
    background-color: white !important;
    padding: 15px 15px 15px 15px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23) !important;
    font-size: 1.9rem;
}

/*Toast*/
.e-toast-container {
    margin-top: 36px !important;
    margin-right: 14px !important;
    z-index: 1075 !important;
}

.e-toast-content {
    padding: 0 !important;
}

.e-toast {
    width: fit-content !important;
    max-width: 400px !important;
}

/*DatePicker*/
.rbok-date-picker .e-input {
    font-size: 1rem !important;
    height: auto !important;
    padding-block: 0.375rem !important;
    padding-inline: 0.75rem !important;
    line-height: 1.5 !important;
}

/*TimePicker*/
.rbok-time-picker .e-input {
    font-size: 1rem !important;
    height: auto !important;
    padding-block: 0.375rem !important;
    padding-inline: 0.75rem !important;
    line-height: 1.5 !important;
}

/*DateTimePicker*/
.rbok-date-time-picker .e-input {
    font-size: 1rem !important;
    height: auto !important;
    padding-block: 0.375rem !important;
    padding-inline: 0.75rem !important;
    line-height: 1.5 !important;
}

/*RbokUploadButton*/
.drag-and-drop-file-upload {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    visibility: visible;
    transition: all 0.2s ease;
    z-index: 1080;
}

.drag-and-drop-file-upload-content {
    position: fixed;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: dashed;
    border-width: 1px;
    border-radius: 0px;
    text-align: center;
    background: rgba(250, 250, 250, 0.85);
}

.drag-and-drop-file-upload-message {
    position: absolute;
    width: 100%;
    bottom: 50%;
    text-align: center;
}

/*FloatingActionButton*/
.floating-action-button {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    color: #FFFFFF;
    border-color: #659DD6;
    background-color: #659DD6;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .floating-action-button:hover, .floating-action-button:focus, .floating-action-button:active, .floating-action-button:target {
        color: #FFFFFF !important;
        border-color: #659DD6 !important;
        background-color: #659DD6 !important;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4), 0 12px 40px 0 rgba(0, 0, 0, 0.38) !important;
    }

/*Grid*/
.table-no-bottom-border tbody tr:last-child td {
    border-bottom: none;
}

table thead th {
    font-weight: 600;
}

.table-striped > thead > tr > * {
    --bs-table-bg-type: #F8F9FA;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-bg-type: #F5F5F5;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: #fff;
}

.table-striped > tfoot > tr > * {
    --bs-table-bg-type: #F8F9FA;
}

.rbok-grid-header-active {
    color: #FFFFDD;
    background-color: #212529;
}

.rbok-grid-header-menu:focus-visible {
    border: solid;
    border-width: 2px;
    border-radius: 75%;
}

.rbok-grid-header-sort:focus-visible {
    text-decoration: underline !important;
    border: none !important;
    border-width: 0px !important;
    font-weight: 600;
    border-radius: unset!important;
}

.rbok-grid-header-filter:focus-visible {
    border: solid;
    border-width: 2px;
    border-radius: 15%;
    color: black !important;
}

.rbok-grid-row-menu:focus-visible {
    border: solid;
    border-width: 2px;
    border-radius: 75%;
}

.k-tooltip {
    border-color: #DEE2E6 !important;
    background-color: #fff !important;
    color: #000 !important;
    border-width: 1px !important;
    overflow: hidden !important;
}

.page-link {
    color: #6C6C6C !important;
}

    .page-link:hover {
        color: #3C3C3C !important;
    }

/*Standard*/
::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #659dd6;
}

::selection {
    color: #ffffff;
    background: #659dd6;
}

.rbok-navbar {
    background-color: #659dd6;
}

.rbok-navbar-text {
    color: #ffffff !important;
}

.modal-header {
    background-color: #659dd6;
}

.modal-title {
    color: #ffffff;
}

a {
    color: #659dd6;
}

    a:hover {
        color: #659dd6;
    }

.form-control:focus,
.form-select:focus,
.k-focus,
.e-input-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,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
.btn:focus,
.page-link:focus,
.uneditable-input:focus {
    border-color: #659dd6 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #659dd6 !important;
    /*box-shadow: 0 0 0 0;*/
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23bfbfbf'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.dropdown-item.active, .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #659dd6;
}

.accordion-button:not(.collapsed) {
    background-color: #E9ECEF;
}

.accordion-button:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #659dd6 !important;
}

.tabs-nav-link:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #659dd6 !important;
}

.k-input:focus {
    border-color: #659dd6;
    box-shadow: 0 0 0 0;
}

.k-selected:not(.k-event) {
    background-color: #659dd6 !important;
}

.k-button-solid-base.k-selected {
    border-color: #659dd6 !important;
    background-color: #659dd6 !important;
}

.form-check-input:checked {
    background-color: #659dd6;
    border-color: #659dd6;
}

select > option:checked {
    color: #ffffff;
    background-color: #659dd6;
}

.floating-action-button {
    color: #ffffff !important;
    border-color: #659dd6 !important;
    background-color: #659dd6 !important;
}

    .floating-action-button:hover, .floating-action-button:focus, .floating-action-button:active, .floating-action-button:target {
        color: #FFFFFF !important;
        border-color: #659dd6 !important;
        background-color: #659dd6 !important;
    }

.rbok-btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.rbok-grid-header-active {
    color: #FFFFFF !important;
    background-color: #659dd6;
}