/*
 * ALIS Intranet
 * Copyright 2020 Monogramm
 * All rights reserved
 */

html {
    scroll-behavior: smooth;
    background-color: #283d8b;
    background-image: url('/assets/clouds_02.png');
}

body {
    min-height: 42rem;
    padding-top: 3.5rem;
    
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
}

body.body-light {
    background-color: rgba(64, 84, 178, 0.75);
    color: #f8f9fa;
}

body.body-dark {
    background-color: rgba(33, 37, 41, 0.7);
    color: #f8f9fa;
}


.body-light a {
    color: #ffcdd2;
}
.body-light a:hover {
    color: #ffebee;
}
.body-light a.btn {
    color: #f8f9fa;
}
.body-light a.btn:hover {
    color: #fff;
}

.body-dark a {
    color: #E57373;
}
.body-dark a:hover {
    color: #ef9a9a;
}
.body-dark a.btn {
    color: #f8f9fa;
}
.body-dark a.btn:hover {
    color: #fff;
}


.body-light footer {
    color: #6c757d;
    background-color: #f8f9fa;
}
.body-dark footer {
    color: #f8f9fa;
    background-color: #212529;
}

.body-light footer.text-muted {
    color: #6c757d !important;
}
.body-dark footer.text-muted {
    color: #f8f9fa !important;
}

.body-light footer a {
    color: #db2626;
}
.body-light footer a:hover {
    color: #841515;
}
.body-dark footer a {
    color: #db2626;
}
.body-dark footer a:hover {
    color: #ffcdd2;
}


.body-light .jumbotron {
    background-color: rgba(255, 255, 255, 0.75);
    border-color: rgba(0, 0, 0, 0.13);
    color: #15191d;
}

.body-dark .jumbotron {
    background-color: rgba(21, 25, 29, 0.7);
    border-color: rgba(255, 255, 255, 0.13);
    color: #F8F9FA;
}


.body-light .card {
    background-color: rgba(64, 84, 178, 0.57);
    border-color: rgba(0, 0, 0, 0.13);
}

.body-dark .card {
    background-color: rgba(46, 51, 56, 0.7);
    border-color: rgba(255, 255, 255, 0.13);
}


.body-light hr {
    border-top: 1px solid rgba(255, 255, 255, 0.33);
}

.body-dark hr {
    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.body-light .text-muted {
    color: #bbbbbb !important;
}

.body-dark .text-muted {
    color: #bbbbbb !important;
}


.body-light .text-dark {
    color: #f8f9fa !important;
}
.body-light a.text-dark:focus, .body-light a.text-dark:hover {
    color: #f8f9fa !important;
}

.body-dark .text-dark {
    color: #f8f9fa !important;
}
.body-dark a.text-dark:focus, .body-dark a.text-dark:hover {
    color: #f8f9fa !important;
}


.body-light input:not(.btn), .body-light select, .body-light select option, .body-light textarea {
    background-color: #f8f9fa;
    border-color: #ced4da;
    color: #4a4a4a;
}
.body-light input:focus:not(.btn), .body-light select:focus, .body-light textarea:focus {
    background-color: #fff;
    color: #000;
}

.body-dark input:not(.btn), .body-dark select, .body-dark select option, .body-dark textarea {
    background-color: #343a40;
    border-color: #6c757d;
    color: #f8f9fa;
}
.body-dark input:focus:not(.btn), .body-dark select:focus, .body-dark textarea:focus {
    background-color: #495057;
    border-color: #adb5bd;
    color: #fff;
}


body.body-light .dropdown-menu {
    background-color: #343a40;
}
body.body-light .dropdown-item:focus, body.body-light .dropdown-item:hover {
    background-color: #212529;
}

body.body-dark .dropdown-menu {
    background-color: #343a40;
}
body.body-dark .dropdown-item:focus, body.body-dark .dropdown-item:hover {
    background-color: #212529;
}


body.body-light .modal-content {
    background-color: #2e2e2e;
}
body.body-light .modal-header {
    border-color: #adb5bd;
}
body.body-light .modal-footer {
    border-color: #adb5bd;
}
body.body-light .close {
    color: #fff;
}
body.body-light .close:hover {
    color: #fff;
}

body.body-dark .modal-content {
    background-color: #212529;
}
body.body-dark .modal-header {
    border-color: #adb5bd;
}
body.body-dark .modal-footer {
    border-color: #adb5bd;
}
body.body-dark .close {
    color: #fff;
}
body.body-dark .close:hover {
    color: #fff;
}


.theme-switch {
    font-size: 1.25em;
    text-decoration: none;
}
.theme-switch:hover {
    text-decoration: none;
}
.theme-switch .icon {
    font-size: 1.5em;
    text-decoration: none;
    color: #fc0;
    transition: color .1s ease-in-out;
}
.theme-switch:hover .icon {
    color: #cac9c5;
}

.body-dark .theme-switch .icon {
    color: #cac9c5;
}
.body-dark .theme-switch:hover .icon {
    color: #fc0;
}

.category-container {
    padding-top: 25px;
}

.services .app-logo {
    text-align: center;
}
.services .app-logo img {
    width: 180px;
    height: 180px;
    border-radius: 10%;
}

@media (min-width: 768px) {
    .services .app-logo img {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 992px) {
    .services .app-logo img {
        width: 120px;
        height: 120px;
    }
}

@media (min-width: 1200px) {
    .services .app-logo img {
        width: 160px;
        height: 160px;
        padding: 10px;
    }
}

/* Logo theme colors and fonts */
@font-face {
    font-family: 'bigNoodle';
    src: url('fonts/big_noodle_titling.ttf');
    font-weight: normal;
    font-style: normal;
}

.alis.title {
    text-align: center;
}
.alis.title h1 {
    font-size: 2rem;
}

.slogan {
    padding: 1em 0;
    font-size: 115%;
    text-align: center;
}
.slogan h2 {
    font-size: 1.6rem;
}

/* Print */
@media print {
    body.body-light, body.body-dark {
        background-color: transparent;
        color: #2e2e2e;
    }
    body.body-light a, body.body-dark a {
        color: #f44336;
    }
}