﻿@media only screen and (min-width: 768px) {
    html.flexbox .inner-wrapper, html.flexboxlegacy .inner-wrapper {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 768px) {
    .content-body-parent {
        max-width: 100% !important;
        margin: 0 auto !important;
        margin-left: 45px !important;
    }
}

@media only screen and (min-width: 1440px) {
    .content-body-parent {
        max-width: 1370px !important;
        margin: 0 auto !important;
    }
}

@media only screen and (min-width: 1920px) {
    .content-body-parent {
        max-width: 1600px !important;
        margin: 0 auto !important;
    }
}

@media only screen and (min-width: 2560px) {
    .content-body-parent {
        max-width: 1980px !important;
        margin: 0 auto !important;
    }
}

@media only screen and (min-width: 769px) {
    html.sidebar-left-collapsed .sidebar-left .nano:hover {
        width: 49px !important;
    }
}

@media only screen and (max-width: 768px) {
    .body-content.h-100 {
        height: auto !important;
    }

    .footer {
        height: auto !important;
        background-color: transparent !important;
        position: initial !important;
        bottom: auto !important;
        width: 100% !important;
        z-index: 9999 !important;
        text-align: center !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        font-family: 'Roboto';
        margin-top: 20px !important;
    }

    .link-return {
        margin-top: 10px !important;
    }

    .header {
        height: 60px !important;
    }

        .header .logo-container {
            margin-top: 0px !important;
            border: none !important;
            background-color: #000 !important;
            background-image: none !important;
            border-bottom: solid 1px #CCC !important;
            height: 60px !important;
        }

        .header .header-right {
            background: #000;
            float: none !important;
            height: 60px !important;
            margin-top: 60px !important;
            width: 100%;
        }

        .notifications, .notifications li {
            height: 60px !important;
            vertical-align: middle !important;
            line-height:45px !important;
        }

        .notifications li .item-assistenza {
            line-height: 24px !important;
            height: 35px !important;
        }

        .notifications.notifications-language {
            margin-left: 20px !important;
        }

    .userbox .profile-picture {
        display:inherit !important;
    }

    .img-profile {
        height: 200px !important;
        width: 200px !important;
    }

    .img-profile img {
        height: 200px !important;
    }

    #imgLogoC {
        max-height: 91px !important;
    }
    .userbox {
        float: right !important;
        margin: 16px 12px 0 0 !important;
    }
}

.header .toggle-sidebar-left {
    background: #000 !important;
}