/* Reset */

html,
body {
    height: 100%;
}


/* Variables */

:root {
    /* theming, don't expose bootstrap vars */
    --aow-body: #000;
    --aow-body-rgb: 0, 0, 0;
    --aow-primary: #0d6efd;
    --aow-primary-rgb: 13, 110, 253;
    --aow-secondary: #6f6f6f;
    --aow-secondary-bg-color: #818181;
    --aow-light: #e7c157;
    --aow-light-rgb: 255, 251, 240;
    --aow-success: #a0c639;
    --aow-success-rgb: 160, 198, 57;
    --aow-danger: #dc3545;
    --aow-danger-rgb: 220, 53, 69;
    /* font */
    --aow-font-size-medium1: 1.3rem;
    --aow-font-size-medium2: 1.4rem;
    --aow-font-size-big: 1.5rem;
    --aow-font-size-main: 1rem;
    --aow-font-weight-light: 200;
    --aow-font-weight-main: 400;
    --aow-font-weight-bold: 600;
}

body {
    /* Bootstrap 
     * see https://getbootstrap.com/docs/5.1/customize/css-variables/
     */
    --bs-body-color: var(--aow-body);
    --bs-body-color-rgb: var(--aow-body-rgb);
    --bs-primary: var(--aow-primary);
    --bs-primary-rgb: var(--aow-primary-rgb);
    --bs-secondary: var(--aow-secondary);
    --bs-secondary-rgb: var(--aow-secondary-rgb);
    --bs-light: var(--aow-light);
    --bs-light-rgb: var(--aow-light-rgb);
    --bs-success: var(--aow-success);
    --bs-success-rgb: var(--aow-success-rgb);
    --bs-danger: var(--aow-danger);
    --bs-danger-rgb: var(--aow-danger-rgb);
    --bs-gray: var(--aow-secondary);
    --bs-font-sans-serif: "Source Sans Pro", sans-serif;
    --bs-body-font-size: var(--aow-font-size-main);
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-weight: var(--aow-font-weight-main);
}


/* Bootstrap 5.1 issue with css vars  */

.btn {
    border-radius: 0rem;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: rgba(var(--aow-primary-rgb), 0.5);
    border-color: rgba(var(--aow-primary-rgb), 0.9);
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-secondary:hover {
    background-color: rgba(var(--aow-secondary-rgb), 0.5);
    border-color: rgba(var(--aow-secondary-rgb), 0.9);
}

.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.btn-success:hover {
    background-color: rgba(var(--aow-success-rgb), 0.5);
    border-color: rgba(var(--aow-success-rgb), 0.9);
}

a,
.nav-link {
    color: var(--bs-primary);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--aow-font-weight-bold);
}

.modal-backdrop.show {
    opacity: 0.4 !important;
}

.border-light {
    border-color: rgb(222,226,230) !important;
}


/* Own Styles */

.aow-padding-form-control {
    display: block;
    padding: 0.375rem 0.75rem;
}

.aow-Separator-mt5 {
    margin-top: 5px;
    height: 3px;
    border-top-style: solid;
    border-top-color: rgb(218,218,218);
    border-top-width: 1px;
}

.aow-Separator-mt10 {
    margin-top: 10px;
    height: 3px;
    border-top-style: solid;
    border-top-color: rgb(218,218,218);
    border-top-width: 1px;
}

.aow-Separator {
    margin-top: 15px;
    height: 3px;
    border-top-style: solid;
    border-top-color: rgb(218,218,218);
    border-top-width: 1px;
}

.aow-bold {
    font-weight: var(--aow-font-weight-bold);
}

.aow-text-medium1 {
    font-size: var(--aow-font-size-medium1);
}

.aow-text-medium2 {
    font-size: var(--aow-font-size-medium2);
}

.aow-text-big {
    font-size: var(--aow-font-size-big);
}

.aow-text-light {
    font-weight: var(--aow-font-weight-light);
}


.aow-page-nav {
    border-bottom: var(--aow-light) solid 1px;
}

.aow-home-menu .aow-item-container .btn {
    width: 100%;
    height: 100%;
    font-size: var(--aow-font-size-main);
    transition-duration: 0.4s;
    border-width: 2px;
    border-style: solid;
    border-color: var(--aow-light);
    border-image: initial;
}

.aow-home-menu .aow-item-container .btn:hover {
    background-color: rgba(var(--aow-light-rgb), 0.5);
    border-color: rgba(var(--aow-light-rgb), 0.9);
}

.aot-nav-left .navbar-collapse.show {
    width: 280px;
}

.aot-nav-left .nav-item .nav-link {
    border-bottom: var(--aow-light) solid 1px;
}

.aot-nav-left .nav-item .nav-link.active {
    color: var(--aow-primary);
}

.aot-nav-left .nav-item .nav-link:hover {
    color: var(--aow-primary);
    border-bottom: var(--aow-primary) solid 1px;
}

.aow-grid-table {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aow-grid-table>:not(:first-child) {
    border-top: none;
}

.aow-grid-table .aot-table-entry-alt td {
    background-color: var(--aow-light);
}

.aow-grid-table .aot-table-header th {
    font-weight: var(--aow-font-weight-bold);
}

.aow-grid-table .aot-table-header th a {
    color: var(--bs-gray-900);
    text-decoration: none;
}

.aow-grid-table .aot-table-entry td {
    word-break: break-word;
    /* axel */
    /*word-break: normal;*/
}

.aow-gridcolheader-fixedwidth {
    white-space: pre-wrap;
    /*word-break: break-all;*/
    word-break: break-word;
}

.aow-gridcol-fixedwidth-TextBreak {
    white-space: pre-wrap;
    word-break: break-all;
}

.aow-gridcol-fixedwidth-TextHidden {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media print {
    .aow-hide-on-print,
    .aow-hide-on-print * {
        display: none !important;
    }
}

@media (max-width: 1199.98px) {
    /*.aow-grid-table {
        table-layout: fixed;
    }*/
    .aow-grid-table .aot-table-header th,
    .aow-grid-table .aot-table-entry td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
    }
}