html,
body {
    height: 100%;
    background-color:#F9F9F9;
    primary: #337ab7;
}

a {
    color: #008F4A;
    text-decoration: none;
}
a:hover{
    color: #007533;
}

.popover{
    max-width: 100%;
}

.nav-link {
    border-radius: 0;
    color: #cccccc;
}
.nav-link:hover {
    background: rgba(0,0,0,100);
    color: #eeeeee;
}
.nav-link:active {
    background: rgba(255,255,255,.3);
    color: #ffffff;
}

.navbar-collapse {
    justify-content:center;
}

.btn-success {
    color: #fff;
    background-color: #008F4A;
    border-color: #008F4A;
}

.btn-success:hover {
    background-color: #007533;
    border-color: #007533;
}

.header {
    background-color:#FFFFFF;
}

.wrap {
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 5px 10px 10px 10px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}
.not-set {
    color: #c55;
    font-style: italic;
}

.alarms .alert {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 0;
}
.table-responsive{
    padding: 6px;
}

.table-bordered {
    border-top: 1px solid #000000;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}
a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}
/*.sort-numerical a.asc:after {*/
/*    content: "\e153";*/
/*}*/
/*.sort-numerical a.desc:after {*/
/*    content: "\e154";*/
/*}*/
/*.sort-ordinal a.asc:after {*/
/*    content: "\e155";*/
/*}*/
/*.sort-ordinal a.desc:after {*/
/*    content: "\e156";*/
/*}*/
.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}
.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

 /*align the logout "link" (button in form) of the navbar*/
.nav li > form > button.logout {
    padding: 3px 20px;
    border: none;
}
.navbar-inverse .navbar-nav > li > ul > li > a,
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .btn-link {
    color: #DDDDDD;
    padding-top: 12px;
    height: 100%;
}

.navbar-inverse .navbar-nav > li > ul > li > a:hover,
.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #404040;
    color: #ffffff;
}
.nav > li > form > button.logout,
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}
.navbar-brand {
    /*padding: 0px 8px;*/
}

.navbar-brand img{
    height: 38px;
    padding: 0px;
    float: left;
}

/*.navbar-inverse .navbar-nav > a,*/
/*.navbar-inverse .navbar-nav > a:hover,*/
/*.navbar-inverse .navbar-nav > a:focus {*/
/*    background-color: #2B2B2B;*/
/*}*/

/*.navbar-inverse .navbar-nav > li > .active > a,*/
/*.navbar-inverse .navbar-nav > li > .active > a:hover,*/
/*.navbar-inverse .navbar-nav > li > .active > a:focus {*/
/*    background-color: #FFFFFF;*/
/*    color: #2B2B2B;*/
/*}*/

.navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    /*display: inline-block;*/
    /*float: right;*/
}

.navbar-toggler{
    border: 1px solid #606060;
    margin-right: 10px;
}

/*.dropdown-menu, .dropdown-menu show, .dropdown-item*/
/*{*/
/*    background-color: #2B2B2B;*/
/*    color: #EEEEEE;*/
/*}*/

/*.dropdown-item:hover*/
/*{*/
/*    background-color: #404040;*/
/*    color: #ffffff;*/
/*}*/

/*.dropdown-menu .active*/
/*{*/
/*    background-color: #f0f0f0;*/
/*    color: #0f0f0f;*/
/*}*/


/*.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus*/
/*{*/
/*    background-color: inherit;*/
/*}*/

/*@media (max-width: 1200px) { !* 990 px *!*/
/*    .navbar-inverse .navbar-nav > .open > a,*/
/*    .navbar-inverse .navbar-nav > .open > a:hover,*/
/*    .navbar-inverse .navbar-nav > .open > a:focus,*/
/*    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,*/
/*    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,*/
/*    .navbar-inverse .navbar-nav .open > a,*/
/*    .navbar-inverse .navbar-nav > li > a:hover*/
/*    {*/
/*        background-color: inherit;*/
/*    }*/
/*}*/
/*@media (max-width: 1200px) { !* 990px *!*/
/*    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {*/
/*        color: #EEEEEE;*/
/*    }*/
/*}*/

/*!*@media  (max-width: 990px) {!*(min-width: 767px) and*!*!*/
/*!*    .navbar-collapse.collapse {*!*/
/*!*        display: none !important;*!*/
/*!*    }*!*/
/*!*    .navbar-collapse.collapse.in {*!*/
/*!*        display: block !important;*!*/
/*!*    }*!*/
/*!*    .navbar-header .collapse, .navbar-toggle {*!*/
/*!*        display:block !important;*!*/
/*!*    }*!*/
/*!*    .navbar-header {*!*/
/*!*        float:none;*!*/
/*!*    }*!*/
/*!*}*!*/

/*@media (max-width: 1260px) { !*990px*!*/
/*    .navbar-header {*/
/*        float: none;*/
/*    }*/
/*    .navbar-left,.navbar-right {*/
/*        float: none !important;*/
/*    }*/
/*    .navbar-toggle {*/
/*        display: block;*/
/*    }*/
/*    .navbar-collapse {*/
/*        border-top: 1px solid transparent;*/
/*        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
/*    }*/
/*    .navbar-fixed-top {*/
/*        top: 0;*/
/*        border-width: 0 0 1px;*/
/*    }*/
/*    !*.navbar-collapse.collapse {*!*/
/*    !*    display: none!important;*!*/
/*    !*}*!*/
/*    .navbar-nav {*/
/*        float: none!important;*/
/*        margin-top: 7.5px;*/
/*    }*/
/*    .navbar-nav>li {*/
/*        float: none;*/
/*    }*/
/*    .navbar-nav>li>a {*/
/*        padding-top: 10px;*/
/*        padding-bottom: 10px;*/
/*    }*/
/*    .collapse.in{*/
/*        display:block !important;*/
/*    }*/
/*    .navbar-nav .open .dropdown-menu {*/
/*        position: static;*/
/*        float: none;*/
/*        width: auto;*/
/*        margin-top: 0;*/
/*        background-color: transparent;*/
/*        border: 0;*/
/*        -webkit-box-shadow: none;*/
/*        box-shadow: none;*/
/*    }*/
/*    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {*/
/*        color: #fff;*/
/*        background-color: transparent;*/
/*    }*/
/*}*/

/*.navbar .navbar-collapse {*/
/*    text-align: center;*/
/*}*/

.table-responsive{
    border: none;
}

@media(min-width: 1261px) { /* 991px */
    .header {
        padding: 10px 10px 10px 10px;
    }
    .header img {
        max-height: 60px;
    }
}

@media(max-width: 1260px) { /* 990px */
    .header {
        display: none;
    }
}

/*@media(max-width:1260px) { !* 990px *!*/
/*    .navbar-nav .open .dropdown-menu > li > a {*/
/*        padding: 5px 15px 5px 60px;*/
/*    }*/
/*    .nav li > form > button.logout {*/
/*        display:block;*/
/*        text-align: left;*/
/*        width: 100%;*/
/*        padding: 5px 15px 5px 60px;*/
/*        color: #EEEEEE;*/
/*        font-size: 14px;*/
/*        background-color: transparent;*/
/*        min-width: 100%;*/
/*    }*/
/*    .navbar ul {*/
/*        margin: 0;*/
/*        padding-bottom: 5px;*/
/*        font-size: 14px;*/
/*        min-width: 100%;*/
/*    }*/
/*    .navbar ul .btn {*/
/*        text-align: center;*/
/*    }*/
/*    .navbar li {*/
/*        min-width: 100%;*/
/*        text-align: left;*/
/*    }*/
/*    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {*/
/*        background: none;*/
/*        color: #DDDDDD;*/
/*        font-weight: bold;*/
/*    }*/
/*}*/
.navbar-nav {
    vertical-align: middle;
    background-color: #2B2B2B;
    font-size: 16px;
}

.navbar ul {
    vertical-align: middle;
    background-color: #2B2B2B;
    font-size: 14px;
}

@media (min-width: 1200px) { /* 991px */
    .navbar li:first-of-type{
        border-left: none;
    }

    .navbar li{
        border-left: 2px white solid;
    }

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: #000000;
        background-color: #ffffff;
    }

    .dropdown-menu, .dropdown-menu show, .dropdown-item
    {
        background-color: #2B2B2B;
        color: #EEEEEE;
    }

    .dropdown-item:hover
    {
        background-color: #404040;
        color: #ffffff;
    }

    .dropdown-menu .active
    {
        background-color: #f0f0f0;
        color: #0f0f0f;
    }


    .navbar ul .btn{
        background-color: #2B2B2B;
        font-size: 14px;
    }
    .navbar li li{
        /*min-width: 100px;*/
        border: 0px;
    }
}
@media (max-width: 1199px) {
    /* 991px */
    .navbar-nav{
        background-color: #008F4A !important;

    }
    .navbar-nav{
        --bs-nav-link-padding-x: 0.5rem;
    }

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: #DDDDDD;
        font-weight: bold;
        /*background-color: #008F4A !important;*/
    }


    /*.dropdown-menu, .dropdown-menu show, .dropdown-item*/
    /*{*/
    /*    background-color: #002B2B;*/
    /*    color: #EEEEEE;*/
    /*}*/

    /*.dropdown-item:hover*/
    /*{*/
    /*    background-color: #404040;*/
    /*    color: #ffffff;*/
    /*}*/

    /*.dropdown-menu .active*/
    /*{*/
    /*    background-color: #f0f0f0;*/
    /*    color: #0f0f0f;*/
    /*}*/

}


/* Navbar overrules */
.navbar-inverse {
    background: #008F4A !important;
    padding: 0 0 0 12px;
    margin: 0;
}
.navbar-inverse.impersonating {
    background-color: #b30000 !important;
}
.navbar-nav {
    padding: 0;
    border-radius: 0px !important;
    border: 0 !important;
}

.grid-view .table {
    background: #FFFFFF;
    border: 1px solid #ddd;
}

/*.row {*/
/*    margin-right: 0;*/
/*    margin-left: 0;*/
/*}*/