/*-----------------------------------------------------------------------------------*/
/*  0.  Colors
/*-----------------------------------------------------------------------------------*/
:root {
    --white: #fff;
    --dark-blue: #08107B;
    --orange: #e9b226;
    --dark-grey: #637280;
    --black-opaque: rgba(0, 0, 0, 0.125);
    --dt-row-selected: var(--dark-blue);
    --dt-row-selected-link: var(--white);
    --badge-primary: #007bff;
}



/* General */
a {
    color: var(--dark-blue);
}

.badge-primary {
    background-color: var(--badge-primary);
}

/* Pagination */
.pagination .page-link{
    color: var(--dark-blue);
}

/* Buttons */
.btn-primary {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}
    .btn-primary:hover {
        color: var(--white);
        background-color: var(--orange);
        border-color: var(--orange);
    }

    .btn-primary.nav-link:hover {
        color: var(--white) !important;
        background-color: var(--orange);
        border-color: var(--orange);
    }
    .btn-primary:active {
        background-color: var(--orange);
        border-color: var(--orange);
    }
    .btn-primary:visited {
        background-color: var(--dark-blue);
        border-color: var(--dark-blue);
    }
    .btn-primary.disabled, .btn-primary:disabled {
        color: var(--white);
        background-color: var(--orange);
        border-color: var(--orange);
    }
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: var(--white);
        background-color: #0062cc; /*Is only used once*/
        border-color: #005cbf; /*Is only used once*/
    }

.btn-outline-primary {
    color: var(--dark-blue);
    border-color: var(--dark-blue);
}

    .btn-outline-primary:hover {
        color: var(--white) !important;
        background-color: var(--dark-blue);
        border-color: var(--dark-blue);
    }

    .btn-outline-primary:active, .btn-outline-primary:focus {
        color: var(--white) !important;
        background-color: var(--dark-blue) !important;
        border-color: var(--dark-blue) !important;
    }


.large-button.active {
    border: 2px solid var(--dark-blue);
    background-color: var(--black-opaque);
    color: var(--dark-blue);
}
.large-button ion-icon {
    color: var(--dark-blue);
}
.fullwidth-button {
    background: var(--dark-blue);
    border: solid 1px var(--dark-blue);
}
.large-button:hover {
    background-color: var(--orange);
}
.simple-transparent-button {
    color: var(--dark-blue);
}
.paginate_button:hover {
    background: none !important;
    background-color: var(--orange) !important;
}


.dropdown-item.active, .dropdown-item:active {
    color: var(--white);
    text-decoration: none;
    background-color: var(--dark-blue);
}

/* Searchbar */
.search-bar {
    border-bottom: 2px solid var(--dark-blue);
}
    .search-bar:focus {
        border-color: var(--orange)
    }

/* DataTables */
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
    background-color: var(--dark-blue);
}

/* Card */

.card-app .card-body {
    background-color: var(--dark-blue);
}
.card-app:hover .card-body {
    color: var(--orange);
}
.card-app:hover .card-footer {
    background-color: var(--orange);
}
.card-document:hover .card-body {
    color: var(--orange);
}
.card-document:hover .card-footer {
    background-color: var(--orange);
}
.card-document .card-body {
    color: var(--dark-blue);
}


/* Message overview */

#message-overview tbody tr.selected {
    color: white;
    background-color: var(--orange);
}

.unread-message {
    background-color: var(--orange) !important;
    color: var(--white) !important;
}

/* Logos & Images */

.sidebar-top-image {
    background: url(https://images.pexels.com/photos/905874/pexels-photo-905874.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 195px;
}
#logo {
    height: 22px;
    background: url(/img/olympus-logo.png);
    width: 77px;
    background-size: contain;
    background-repeat: no-repeat;
}
.credential-logo {
    width: 40%;
    height: 71px;
    margin-top: 47px;
    margin-bottom: 25px;
    background: url(/img/olympus-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
.bg-splashscreen {
    background: url(/img/login.png);
}
.sidebar-bottom-image {
    background: url(/img/sidebar-qp.jpg);
}

/* Doc */

.card-ct-app-tab-active {
    background: var(--dark-blue);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* Other */

.credential-title {
    color: var(--dark-blue);
}
.user-img-round-sm-wrapper, .user-img-round-md-wrapper {
    border: solid 1.5px var(--dark-blue);
}
    .user-img-round-sm-wrapper:hover {
        border: solid 1.5px var(--dark-grey);
    }
.header-dropdown {
    color: var(--dark-blue);
}
.coreprocess-weitereanweisungen {
    background: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}

/* Date picker */

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: var(--white) !important;
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background-color: var(--dark-blue) !important;
}

/* Scrollfix */

#docBody {
    overflow-y: auto;
    border: none !important;
    min-height: 61vh;
    height: 69vh;
}

/* scrollbar */

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: none;
    border: solid 1px var(--black-opaque);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--dark-blue);
    border: solid 1px var(--black-opaque);
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--orange);
    }

body {
    counter-reset: h1counter;
}

/* H1 */
h1.doc-header-numbered {
    counter-increment: h1counter;
    counter-reset: h2counter;
}

h1.doc-header-numbered::before {
    content: counter(h1counter) ". ";
}

/* H2 */
h2.doc-header-numbered {
    counter-increment: h2counter;
    counter-reset: h3counter;
}

h2.doc-header-numbered::before {
    content: counter(h1counter) "." counter(h2counter) ". ";
}

/* H3 */
h3.doc-header-numbered {
    counter-increment: h3counter;
    counter-reset: h4counter;
}

h3.doc-header-numbered::before {
    content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) ". ";
}

/* H4 */
h4.doc-header-numbered {
    counter-increment: h4counter;
}

h4.doc-header-numbered::before {
    content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) "." counter(h4counter) ". ";
}

#pmCreateEditFolder .modal-body {
    height: 65vh;
}