html.loading {
    display: block;
}

.app {
    background-color: #e8eaed;
}

/*
.stacked-menu .menu-header {
    border-top: 1px solid #0e484f;
    color: #5d8c91;
    margin: 15px 0 0;
    font-size: 80%;
    font-weight: normal;
}

.stacked-menu-has-collapsible .has-child > .menu-link::after {
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23a6abbd' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E") 50% no-repeat
}

.stacked-menu > .menu > .menu-item > .menu-link {
  color: #bbb;
}

.stacked-menu > .menu > .menu-item.has-open > .menu-link, .stacked-menu > .menu > .menu-item > .menu-link:focus, .stacked-menu > .menu > .menu-item > .menu-link:hover {
  color: #fff;
}

.stacked-menu .menu-link > .menu-icon {
    color: #bbb;
}

.stacked-menu .menu-item.has-open:not(.has-active) > .menu-link .menu-icon {
  color: #fff;
}
.stacked-menu .menu-link:hover .menu-icon {
  color: #fff;
}

.stacked-menu .menu-header:first-child {
    border-top: none;
}

.stacked-menu .menu-item.has-open_ {
  background: #e9f0f7;
}

.stacked-menu .menu-item.selected {
    background: #01383ea3;
}

.stacked-menu .menu-item.selected.no-child{
    font-weight: bold;
}

.stacked-menu .menu-item.selected.level {
    font-weight: bold;
    background: #00000036;
}

.stacked-menu .menu-item.selected a{
    color: #fff !important;
}

.stacked-menu .menu-link>.menu-icon_ {
    color: #ffffff;
}

.stacked-menu .menu-link:focus {
    color: #fff;
}
.stacked-menu .menu-link:hover {
  color: #fff;
}

.stacked-menu .menu-link span:focus {
  outline-color: #fff;
}

.stacked-menu .menu-item.has-child.has-open {
  background: #01383e;
}

.dkgr .top-bar-brand {
    background: #01383e !important;
}

.dkgr .top-bar-brand {
    width: 14rem;
}

.dkgr .app-aside {
    background: linear-gradient(294.17deg,
        rgb(3, 65, 72) 35.57%,
        rgb(1, 56, 62) 92.42% )
;
}

.dkgr .stacked-menu {
  padding-top: 0;
}

@media (min-width: 768px) {
    .app-aside-expand-md + .app-main {
      padding-left: 14rem;
    }

    .dkgr .app-aside-expand-md {
        width: 13.95rem;
    }
}*/

/*
.app.has-compact-menu .app-aside {
    background-color: #116a74 !important;
    width: 4.95rem;
}

.top-bar-brand {
    width: 5rem;
}

.app.has-compact-menu .app-aside+.app-main {
    padding-left: 5rem;
}

.app.has-compact-menu .top-bar-brand {
    background: #0d5158 !important;
}

.stacked-menu-has-compact>.menu>.menu-item>.menu-link {
    max-height: none;
    color: #fff;
}

.stacked-menu-has-compact>.menu>.menu-item.has-child>.menu-link .menu-text {
    display: block;
    text-align: center;
    padding: 0;
    width: auto;
    font-variant: all-petite-caps;
}

.stacked-menu>.menu>.menu-item.has-open>.menu-link, .stacked-menu>.menu>.menu-item>.menu-link:focus, .stacked-menu>.menu>.menu-item>.menu-link:hover {
    color: #fff;
}
.stacked-menu-has-compact>.menu>.menu-item.has-child>.menu-link .menu-text:hover {
    color: #fff
}

.stacked-menu .menu-link:hover .menu-icon {
    color: #ffffff;
}

.stacked-menu-has-compact>.menu>.menu-header {
    display: none
}
*/

.stacked-menu .menu-item.selected.level,
.stacked-menu .menu-item.no-child.selected{
    font-weight: bold;
    background: #f1f1f1;
}

.stacked-menu .menu-item.selected.level a,
.stacked-menu .menu-item.no-child.selected a{
    color: #0d5158;
}

.errorlist {
    color: red;
    padding-left: 0;
    list-style-type: none;
}

.help-block{
    font-size: 11px;
    line-height: 12px;
    color: #333;
}

.help-block strong{
    color: red;
}

.table thead th {
    border-bottom: 2px solid #444;
}

.app_ {
    background-color: #1977d50f;
}

.listing .search-box .search-query {
    flex: 6
}

.listing .search-box .search-button{
    padding: 2px 30px 0 15px;
    flex: none;
}

label {
    margin-bottom: 0;
}

.text-secondary {
    color: #cccccc !important;
}

.popup .app-main {
    padding-top: 0;
}

.card-header.simple-defined {
    /**background: #fcfcfc !important;
    border-top: 3px solid #999;
    border-bottom: 1px solid #999;**/
    border-bottom: none;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 0;
}

.mySelectc {
    background: red;
    font-size: 90px
}

.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
    padding: 5px;
    height: 38px !important;
}

form ul{
    padding-left: 0;
}

form ul li {
    list-style-type: none;
    margin-bottom: 20px;
}

form ul li:last-child {
    margin-bottom: 0;
}

form ul .helptext {
    display: block;
    font-size: 80%;
}

.app-header-dark .top-bar-brand>a, .app-header-dark .top-bar-brand>a:focus, .app-header-dark .top-bar-brand>a:hover {
    color: #0f0000;
    line-height: 16px;
    font-size: 20px;
}

.app.has-compact-menu .brand-box .text {
    display: none !important;
}

.app.has-compact-menu .brand-box .image img {
    width: 35px
}

.brand-box .image img {
    width: 75px
}

.brand-box .text {
    line-height: 18px;
    font-size: 18px;
}

@media (max-width: 575.98px){
    .page-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.breadcrumbs {

}

.auth-floated .auth-announcement {
    background-color: #15a1b0;
    background-image: url(../img/bg2.png);
    background-size: contain;
}

.announcement-body .logo {
    height: 70px;
}

.announcement-body .sub-header {
    color: #f2c414;
    font-size: 18px
}

.auth-floated .auth-announcement::before {
    content: '';
    background: #0006;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.auth-floated .auth-brand {
    flex-grow: 0;
    flex-basis: 10%;
}

@media screen and (max-width: 992px) {
    .auth-floated .auth-brand {
        flex-basis: 100%;
    }
}


.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: #3e7cc80f;
    color: #346cb0;
}


/* DUKA LABS */
.app.app-site {
    background-color: #e8eaed
}

.app.app-site .navbar  {
    background: #222230;
}

.app.app-site .navbar-light .navbar-brand,
.app.app-site .navbar-light .navbar-brand:focus,
.app.app-site .navbar-light .navbar-brand:hover {
    color: #ffffff;
}

.app.duka-labs .top-bar-search,
.app.duka-labs .top-bar-item{
    display: none !important
}

.no-card .card {
    box-shadow: none;
}
.no-card .card-header{
    display: none
}

.display-6 {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.2;
}

.btn-orange {
    border-color: orange;
    background-color: orange;
    color: #fff
}

.btn.btn-orange:hover {
    color: #fff;
    text-decoration: none;
}

.app-header-dark .btn-account.focus, .app-header-dark .btn-account.show, .app-header-dark .btn-account:active, .app-header-dark .btn-account:focus, .app-header-dark .top-bar-brand {
    background-color: transparent;
    border-right: 1px solid #ccc;
}

.app-header-dark {
    background-color: #ffffff;
    border-top: 5px solid #0d5158;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #000;
}

.app-header-dark .top-bar-search .input-group-search:not(.focus) .form-control, .app-header-dark .top-bar-search .input-group-search:not(.focus) .form-control::placeholder, .app-header-dark .top-bar-search .input-group-search:not(.focus) .input-group-text {
    color: hsl(0deg 0% 1%);
}

.app-header-dark .top-bar-search .input-group-search {
    background-color: #f6f7f9;
}

.app-header-dark .top-bar-search .input-group {
    border-color: #dedede;
}

.app-header-dark .header-nav .nav-link {
    color: #356db1;
}

.app-header-dark .btn-account {
    color: #444;
    border-left: 1px solid rgba(34,34,48,.12);
}

.app-header .btn-account .account-summary {
    max-width: 12rem;
}

.app-header {
    height: 4rem;
}

.top-bar {
    height: 4rem;
}

.top-bar-brand {
    height: 4rem;
}

.dropdown-menu {
    min-width: 14rem;
}

@media (min-width: 768px) {
    .app-aside-expand-md {
        top: 4rem;
        box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15);
    }
}

@media (max-height: 992px) {
    .page {
        min-height: calc(100vh - 4rem);
    }
}

.module-selector {
    border-bottom: 1px solid #eee;
}

.module-selector .dropdown-toggle:after {
    position: absolute;
    margin: -15px 10px 0 0;
    right: 0;
}

.module-selector .btn.dropdown-toggle{
    font-size: 1rem;
    padding: 1rem 2rem 1rem 1rem;
    height: auto;
    background: #f6f7f9;
    /*border: none;*/
    border-right: 1px solid #ddd;
    /*width: auto;*/
    width: 15em;
}

.module-selector .btn:focus {
    box-shadow: none;
}

.app-main {
    padding-top: 4rem;
}

.sector-hero {
    position: relative
}

.sector-hero {
    position: relative
}

.sector-hero .text {
    width: 100%;
    padding: 1rem 1.8rem;
    position: absolute;
    bottom: 0;
    background: #000000b0;
    color: #fff;
}

.dropdown-toggle::after {
  position: absolute;
  margin: -10px -5px 0 0;
  right: 0;
}

.bulk-actions .dropdown-toggle::after {
  position: relative;
}

.nav-item.has-notified::before, .nav-link.has-notified::before {
    background-color: #f00;
}

.stacked-menu .menu-header {
    font-weight: normal;
    line-height: 1rem;
    font-size: 12px;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #eee;
}