/*@media (min-width: 992px) { */
.sidebar-mini .sidebar .nav .submenu.in {
    display: block;
    position: absolute;
    top: 0;
    left: 81px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #ffffff;
    padding: 0;
}
/*}*/

.sidebar-mini .sidebar .collapsing {
    display: none;
}

img.loghi {
    width: 110px;
    height: 46px;
    margin: 0;
    padding: 0;
}

@media (max-width: 769px) {
    img.loghi {
        width: calc(100% - 30px);
    }
}

.sidebar .user .nav a, .off-canvas-sidebar .user .nav a {
    text-align: left;
}

.sidebar-mini .main-panel {
    width: calc(100% - 130px);
}

.sidebar-mini .sidebar .user .nav {
    padding: 0;
}

.sidebar .user .nav {
    padding-left: 10%;
}

.sidebar-mini .sidebar .nav li .collapse .icona_nav i, .sidebar-mini .sidebar .nav li .collapse .sub-menu-text {
    color: #3C4858;
}

.sidebar-mini .sidebar .nav li .collapse li.active .icona_nav i, .sidebar-mini .sidebar .nav li .collapse li.active .sub-menu-text {
    color: #ffffff;
}

.sidebar-mini .sidebar .nav li .collapse a {
    display: flex;
}

.sidebar-mini .sidebar .nav [data-toggle="collapse"] ~ div > ul > li > a {
    padding: 2px 5px !important;
}

.sidebar-mini .sidebar .nav li .collapse a i {
    margin-right: 0px;
}

.icon-ellipsis-vert:before, .icon-list-bullet:before {
    width: 20px;
    vertical-align: middle;
    font-size: 17px !important;
    top: -1px;
    position: relative;
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    display: initial !important;
}

.logo a.simple-text {
    cursor: pointer;
}

.sidebar {
    position: fixed;
    width: 220px;
}

    .sidebar .panel {
        margin-bottom: 0;
    }

    .sidebar .nav {
        margin-bottom: 15px;
    }

.sub-menu-text {
    font-size: 13px;
}



/* RESTYLING */
.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {
    width: 220px;
}

.sidebar .logo {
    padding: 5px;
}

.sidebar .nav {
    margin-top: 5px;
}

.sidebar .user {
    margin: 5px auto 0 auto;
    padding-bottom: 0;
}

.sidebar[data-background-color="grey"] .sidebar-background:after, .off-canvas-sidebar[data-background-color="grey"] .sidebar-background:after {
    /*background: #F2F2F2 !important;
        color: #3C4858 !important;*/
    background: #3C4858 !important;
    color: #F2F2F2 !important;
}

.sidebar-mini .sidebar[data-active-color="wasabi"] .nav li.active > [data-toggle="collapse"] {
    background: #ECEFF1;
}

.sidebar .nav li, .sidebar .nav li > a {
    margin: 0 !important;
    color: #F2F2F2;
}

    .sidebar .nav li a {
        padding: 0px 15px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .sidebar .nav li a i {
            font-size: 18px;
            color: #899C26 !important;
        }


    /*.sidebar .nav li p {
    font-weight: bold;
}*/
    .sidebar .nav li.active > a, .sidebar .nav li.active > a i, .off-canvas-sidebar .nav li.active > a, .off-canvas-sidebar .nav li.active > a i {
        color: #899C26;
    }


.sidebar[data-active-color="wasabi"] li.active > a {
    background: #ECEFF1;
    font-weight: bold;
    color: #3C4858;
    border-radius: 0;
}

.sidebar .nav li .submenu > ul {
    margin: 0;
}

.sidebar-mini .sidebar .sidebar-wrapper .nav li a i {
    width: 100%;
    text-align: center;
    margin-right: 0;
}

.caret {
    border-top: 6px solid #F2F2F2;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.card {
    margin: 25px 0 0 0 !important;
    background: #FAFAFA;
}

    .card .card-content {
        padding: 5px 20px 5px 20px;
    }

div.was-display-field {
    margin-bottom: 0;
}

.sidebar[data-background-color="grey"] .user a, .off-canvas-sidebar[data-background-color="grey"] .user a {
    color: #F2F2F2;
}

.sidebar .user .photo, .off-canvas-sidebar .user .photo {
    width: 64px;
    height: 64px;
}

.multiple-section-panel .was-section {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.was-section .was-section-heading .was-section-heading-content h4 {
    font-size: 16px;
    margin-bottom: 0;
}

/*.card-stats .card-content {
    text-align: start;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}*/

.nav-tabs > li > a {
    padding: 5px 15px !important;
}

.card [data-background-color] {
    padding: 2px 14px 2px 10px;
    margin-top: -14px;
}


nav.was-command-bar ul.nav li .btn.btn-info.btn-just-icon.btn-simple {
    font-size: 22px;
    color: #3C4858;
    margin: 5px 0;
}

.nav-pills.nav-pills-info > li.active > a, .nav-pills.nav-pills-info > li.active > a:focus, .nav-pills.nav-pills-info > li.active > a:hover {
    background-color: #3C4858;
}

.card .nav-pills, .card .tab-content {
    margin-top: 5px;
}

.card .card-footer {
    margin-bottom: 5px;
}

.card .card-content .stats {
    font-size: 11px;
    text-align: end;
    margin-top: 20px;
}

ul.nav li .sub-menu-item-link {
    padding-left: 2em !important;
}

.gridster-mobile .gridster-item, .gridster-item {
    display: inline-block;
}

.gridster-item-resizable-handler {
    display: none !important;
}


@media (min-width: 768px) {
    .navbar-right {
        margin-right: -23px;
    }

        .navbar-right.was-command-bar.was-command-bar-horizontal {
            margin-right: -10px;
        }

    additional-content.buttons-up .navbar-right.was-command-bar.was-command-bar-horizontal {
        margin-top: -17px;
    }
}

.btn.btn-info.btn-simple, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple {
    color: #3C4858;
}

    .btn.btn-info.btn-simple:hover,
    .btn.btn-info.btn-simple:focus,
    .btn.btn-info.btn-simple:active,
    .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:hover,
    .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:focus,
    .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:active {
        color: #3C4858;
        background: transparent;
    }

.timeline > li > .timeline-panel .timeline-footer.basic-info-footer, .basic-info-footer {
    color: #555555;
    font-size: 10px;
    font-style: italic;
    line-height: 20px;
}

.home-timeline-info-footer {
    color: #F2F2F2;
    line-height: 10px;
    font-size: 9px;
    font-style: italic;
    border-radius: 10px;
}