/*
 * Copyright 1996-2025 itServe AG. All rights reserved.
 *
 * This software is the proprietary information of itServe AG
 * Bern Switzerland. Use is subject to license terms.
 */
/* Header */
/*.skin-blue .wrapper, .skin-blue .main-header .logo, .skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {*/
/*    background-color: #ecf0f5;*/
/*}*/

/*.skin-blue .sidebar-menu > li.header {*/
/*    font-weight: bold;*/
/*}*/

/*nav.navbar {*/
/*    padding: 0;*/
/*}*/

/*nav.navbar-static-top {*/
/*    display: block;*/
/*}*/

/*.navbar, img.logo-lg, img.logo-mini {*/
/*    height: 50px;*/
/*}*/


/*!*!* Sidebar *!*!*/
/*!*#sidebar {*!*/
/*!*    background-color: white;*!*/
/*!*}*!*/

/*!*#sidebar li {*!*/
/*!*    color: black;*!*/
/*!*}*!*/

/*!*#sidebar li.header {*!*/
/*!*    background: lightgrey;*!*/
/*!*}*!*/

/*!*#sidebar li.active {*!*/
/*!*    border-left: 5px solid #3c8dbc;*!*/
/*!*}*!*/

/*!*#sidebar a {*!*/
/*!*    color: black;*!*/
/*!*    border-left-color: #3c8dbc;*!*/
/*!*    text-decoration: none;*!*/
/*!*}*!*/

/*!*#sidebar .unavailable {*!*/
/*!*    color: #999;*!*/
/*!*    pointer-events: none;*!*/
/*!*    opacity: .66 !important;*!*/
/*!*}*!*/

/*!*#sidebar .blocked:after {*!*/
/*!*    position: absolute;*!*/
/*!*    font-family: 'FontAwesome', serif;*!*/
/*!*    right: 0.5em;*!*/
/*!*    content: "\f023";*!*/
/*!*}*!*/

/*!* Default Layout for Header & Design *!*/
/*#login, #title, #completion, #declaration {*/
/*    max-width: 1024px;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    margin-bottom: 1em;*/
/*}*/

/*#title {*/
/*    display: block;*/
/*    overflow: auto*/
/*}*/

/*#title img.logo {*/
/*    float: left;*/
/*    height: 10em;*/
/*}*/

/*#title .title {*/
/*    float: left;*/
/*    font-size: 2em;*/
/*    font-weight: bold;*/
/*    margin-top: 0.5em;*/
/*    margin-left: 3em;*/
/*    text-align: center;*/
/*    border: none;*/
/*}*/

/*#languages {*/
/*    float: right;*/
/*    margin-top: 1em;*/
/*}*/

/*#languages, #languages li {*/
/*    display: inline-block;*/
/*}*/

/*#languages a {*/
/*    text-decoration: none;*/
/*    margin-left: 0.5em;*/
/*}*/

/*!* Default Layout for Details of Data  *!*/
/*.title {*/
/*    display: block;*/
/*    font-weight: bold;*/
/*    font-size: 1.15em;*/
/*    margin-bottom: 1em;*/
/*    border-bottom: 1px solid lightgray;*/
/*}*/

/*.entry {*/
/*    display: block;*/
/*    border-bottom: 1px solid #EEEEEE;*/
/*}*/

/*.key, .value, .listkey, .listvalue {*/
/*    display: inline-block;*/
/*    word-wrap: break-word;*/
/*}*/

/*.key {*/
/*    font-weight: bold;*/
/*    width: 10em;*/
/*    user-select: none;*/
/*}*/

/*.value, .listvalue {*/
/*    vertical-align: top;*/
/*}*/

/*.list {*/
/*    display: block;*/
/*    font-weight: bold;*/
/*    margin-top: 0.25em*/
/*}*/

/*.listentry {*/
/*    display: block;*/
/*    border-top: 1px solid #EEEEEE;*/
/*}*/

/*.listkey {*/
/*    width: 10em;*/
/*}*/

/*.key::after, .list::after {*/
/*    content: ":";*/
/*}*/

/*.text {*/
/*    display: block;*/
/*    word-wrap: break-word;*/
/*    padding-left: 1em;*/
/*    margin-bottom: 1em;*/
/*}*/

/*.currency {*/
/*    text-align: right !important;*/
/*}*/

/*!* Messages *!*/
/*.ui-state-error {*/
/*    border: 1px solid darkred !important;*/
/*}*/

/*!* Search Labels *!*/
/*#search label {*/
/*    display: block;*/
/*}*/

/*!* Datalist *!*/
/*img.status {*/
/*    width: 16px;*/
/*    height: 16px;*/
/*}*/

/*i.fa {*/
/*    font-size: 16px !important;*/
/*    vertical-align: middle*/
/*}*/

/*legend.ui-fieldset-legend {*/
/*    font-size: 1.25em;*/
/*}*/

/*.ui-fieldset, .ui-fieldset .ui-fieldset-legend {*/
/*    padding: 10px !important;*/
/*}*/

/*!* Font-Size *!*/
/*#sidebar a {*/
/*    font-size: 14px;*/
/*}*/

/*#content {*/
/*    font-size: 12px;*/
/*}*/

/*!* Default Layout for Login *!*/
/*#login {*/
/*    margin-top: 2em;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*}*/

/*#login label::after {*/
/*    content: ":";*/
/*}*/

/*#login .row {*/
/*    margin-bottom: 0.25em;*/
/*}*/

/*input[type="checkbox"] {*/
/*    width: 1.5em;*/
/*    height: 1.5em;*/
/*}*/

/*label.form-check-label, label.form-label {*/
/*    font-size: 1.25em;*/
/*    margin-left: 0.75em;*/
/*}*/

/*.nav-item {*/
/*    font-size: 1.5em;*/
/*}*/


/*Layout*/

:root {
    --blue: #3c8dbc;
    --footer-size:3em;
}

body{
    background: #EEEEEE;
}

#top_nav{
    background: var(--blue);
}

#sidebar{
    background: white;
}

.sidebar li.header{
    background: lightgrey;
}

.sidebar li.active{
    background: #EEEEEE;
}

.sidebar li.active a, li.active{
    color: white;
    background: var(--blue);
}

.sidebar li i{
    padding-right: 1em;
    width: 2em;
}

.sidebar li:not(.active) a:hover{
    color:white;
    background: var(--blue);
    opacity: 0.5;

}

.sidebar li a{
    color: black;
}

.h-logo{
    height: 4em;
}

#exit_button, #account_settings{
    color:white;
    background: var(--blue);
    border: none;
}

#exit_button:hover, #account_settings:hover{

    color:black;

}

/*footer-size is used that footer is on bottom of side and content margin is needed, so footer does not cover the content*/

#content{
    margin-bottom: var(--footer-size);
}

#footer{
    height: var(--footer-size);
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--blue);
    --bs-btn-border-color: #367fa9;
    --bs-btn-hover-bg: #3c98bc;
}


#sidebar .unavailable {
    color: #999;
    pointer-events: none;
    opacity: .66 !important;
}

#sidebar .blocked:after {
    float: right;
    font-family: 'FontAwesome', serif;
    content: "\f023";
}

.fa-solid.fa-circle-check {
    color: #3d9970;

}

.fa-solid.fa-circle-check:after {
    content: "Value saved successfully";
    font-family: var(--bs-body-font-family);
}