:root {
    --1-vok-dams-black: #000;
    --1-vok-dams-white: #fff;
    --1-vok-dams-red: #dc0019;
    --3-light-grey: #494949;
    --1-vok-dams-silver: #b2b2b2;
    --2-vok-dams-dark-blue: #003c78;
    --2-vok-dams-orange: #faaf23;
    --2-vok-dams-fresh-green: #cdcd00;
    --2-vok-dams-blue: #009bde;
    --2-vok-dams-green: #006937;
    --2-vok-dams-purple: #781e78;
    --2-vok-dams-yellow: #ffd200;
    --3-dark-grey: #161616;
    --3-marble: #f2f8fc;
    --3-grey: #262626;
}

body {
    padding-top: 60px;
    color: var(--3-grey) !important;
    background: linear-gradient(180deg, var(--3-marble) 0%, #ffffff 65%) !important;
    font-weight: 400;
}

@media (max-width: 980px) {
    body {
        padding-top: 0;
    }
}

a {
    color: var(--2-vok-dams-dark-blue) !important;
}

a:hover,
a:focus {
    color: var(--1-vok-dams-red) !important;
}

.navbar.navbar-inverse,
.navbar-inner {
    background: var(--1-vok-dams-silver) ;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) !important;
}

.navbar-fixed-top {
    border-bottom: 3px solid var(--1-vok-dams-red) !important;
}

.navbar-fixed-bottom {
    border-top: 3px solid var(--2-vok-dams-dark-blue) !important;
}

.navbar .brand,
.navbar .nav > li > a,
.navbar .nav > li > span,
.navbar .btn-navbar,
#prjname_menu {
    color: var(--1-vok-dams-white) !important;
    text-shadow: none !important;
}

.navbar .nav > li > a:hover,
.navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover {
    color: var(--2-vok-dams-blue) !important;
    background: transparent !important;
}

.container {
    margin-top: 18px;
}

.breadcrumb {
    background: var(--1-vok-dams-white) !important;
    border: 1px solid #dbe4ee;
    border-left: 4px solid var(--2-vok-dams-blue);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.breadcrumb > li {
    text-shadow: none;
}

.well {
    background: var(--1-vok-dams-white) !important;
    border: 1px solid #dbe4ee !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 12px rgba(22, 22, 22, 0.06);
}

.table,
.grid-view table.items {
    background: var(--1-vok-dams-white);
    border-radius: 6px;
    overflow: hidden;
}

.grid-view table.items th,
.table thead th {
    background: #edf4fa;
    color: var(--2-vok-dams-dark-blue);
}

.grid-view table.items tr.odd td,
.table-striped tbody tr:nth-child(odd) td {
    background: #f8fbff;
}

.btn,
button,
input[type="submit"] {
    border-radius: 6px !important;
}

.btn-primary {
    background: var(--2-vok-dams-dark-blue) !important;
    border-color: var(--2-vok-dams-dark-blue) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--2-vok-dams-blue) !important;
    border-color: var(--2-vok-dams-blue) !important;
}

#slider {
    position: absolute;
    top: 130%;
    right: 0;
    z-index: 100;
    background: var(--1-vok-dams-white);
    border: 1px solid #dbe4ee;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
    padding: 10px;
    min-width: 240px;
}

.ui-widget-content {
    background: var(--1-vok-dams-white);
    border: 1px solid #dbe4ee;
}

.footer .nav > li > a {
    color: var(--1-vok-dams-silver) !important;
}

.footer .nav > li > a:hover {
    color: var(--2-vok-dams-orange) !important;
}
#nav li.parent a {
    color: var(--1-vok-dams-silver) ;
}
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 0;
    left:-20px;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 40px;
}
.pull-left { float: left;}
/* Dark mode support: automatic (OS) + manual override classes */
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }

    body {
        color: #e7edf3 !important;
        background: linear-gradient(180deg, #10151d 0%, #151c26 70%) !important;
    }

    a{
        color: #7fcbef !important;

    }
    .navbar-inner {
        background: var(--3-light-grey);
    }
    #nav li.parent a {
        background: transparent !important;
    }

    #nav   ul span  {

        background: var(--2-vok-dams-dark-blue) !important;

    }
    a:hover,
    a:focus {
        color: var(--2-vok-dams-orange) !important;

    }
    .ui-widget a { color: var(--2-vok-dams-blue) !important;}
    .ui-state-default {
        background-color: var(--3-light-grey); !important;
        background-color: #e6e6e6;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--1-vok-dams-silver)), color-stop(25%, #ffffff), to(var(--1-vok-dams-silver)));
        background-image: -webkit-linear-gradient(var(--1-vok-dams-silver), #ffffff 25%,var(--1-vok-dams-silver));
        background-image: -moz-linear-gradient(top, var(--1-vok-dams-silver), #ffffff 25%,var(--1-vok-dams-silver));
        background-image: -ms-linear-gradient(var(--1-vok-dams-silver), #ffffff 25%,var(--1-vok-dams-silver));
        background-image: -o-linear-gradient(var(--1-vok-dams-silver), #ffffff 25%,var(--1-vok-dams-silver));
        background-image: linear-gradient(var(--1-vok-dams-silver), #ffffff 25%,var(--1-vok-dams-silver));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);

    }
    .list-group-item {
        background-color: inherit;
    }
    .olwrapper { background: var(--3-light-grey); !important;}
    .container,
    .row,
    .span12,
    .span2 {
        color: inherit;
    }
    .sortable1 {
        background-color: var(--3-grey) !important;
    }

    .well,
    .breadcrumb,
    .ui-widget-content,
    .table,
    .grid-view table.items,
    .grid-view table.items td {
        background: #1c2430 !important;
        color: #e7edf3 !important;
        border-color: #2e3b4c !important;
    }

    .grid-view table.items th,
    .table thead th {
        background: #223246 !important;
        color: #9dd8f4 !important;
        border-color: #2e3b4c !important;
    }

    .grid-view table.items tr.odd td,
    .table-striped tbody tr:nth-child(odd) td {
        background: #1a212c !important;
    }

    input,
    select,
    textarea {
        background: #121821 !important;
        color: #eef3f8 !important;
        border-color: #34465b !important;
    }
    .jodit-wysiwyg_mode {
        color: var(--1-vok-dams-black);
    }
    .jodit-container:not(.jodit_inline) {
        background-color: var(--3-light-grey);
    }
    .table-striped tbody tr:nth-child(2n) td, .table-striped tbody tr:nth-child(2n) th, .table-striped thead {
        background-color: var(--1-vok-dams-silver) ;
    }
}



body.dark-mode,
body.theme-dark,
html[data-theme="dark"] body {
    color-scheme: dark;
    color: #e7edf3 !important;
    background: linear-gradient(180deg, #10151d 0%, #151c26 70%) !important;
}

body.dark-mode a,
body.theme-dark a,
html[data-theme="dark"] body a {
    color: #7fcbef !important;
}

body.dark-mode a:hover,
body.theme-dark a:hover,
html[data-theme="dark"] body a:hover,
body.dark-mode a:focus,
body.theme-dark a:focus,
html[data-theme="dark"] body a:focus {
    color: var(--2-vok-dams-orange) !important;
}

body.dark-mode .well,
body.theme-dark .well,
html[data-theme="dark"] body .well,
body.dark-mode .breadcrumb,
body.theme-dark .breadcrumb,
html[data-theme="dark"] body .breadcrumb,
body.dark-mode .ui-widget-content,
body.theme-dark .ui-widget-content,
html[data-theme="dark"] body .ui-widget-content,
body.dark-mode .table,
body.theme-dark .table,
html[data-theme="dark"] body .table,
body.dark-mode .grid-view table.items,
body.theme-dark .grid-view table.items,
html[data-theme="dark"] body .grid-view table.items,
body.dark-mode .grid-view table.items td,
body.theme-dark .grid-view table.items td,
html[data-theme="dark"] body .grid-view table.items td {
    background: #1c2430 !important;
    color: #e7edf3 !important;
    border-color: #2e3b4c !important;
}

body.dark-mode .grid-view table.items th,
body.theme-dark .grid-view table.items th,
html[data-theme="dark"] body .grid-view table.items th,
body.dark-mode .table thead th,
body.theme-dark .table thead th,
html[data-theme="dark"] body .table thead th {
    background: #223246 !important;
    color: #9dd8f4 !important;
    border-color: #2e3b4c !important;
}