@media (min-width: 1024px) {
    .list-view .row.view label {
        display: block;
    }

    table.detail-view th {
        width: 250px;
    }

    .col-img-md {
        width: 65px;
    }
}

@media (max-width: 1024px) {
    .customizerPageNone {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 80px;
    }

    .main-header .navbar {
        margin: 15px 15px 15px 295px;
        border-radius: 12px;
    }

    .content-wrapper,
    .main-footer {
        margin-left: 0;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .right-side,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 70px !important;
    }

    .navbar-nav>li:not(.user-menu)>a,
    .nav-top-icones a {
        border-radius: 50%;
    }

    .user-not-logged .logo-mobile {
        display: inline-block !important;
        margin: 24px 15px;
    }

    .navbar-nav>li.user-menu>a {
        padding: 25px;
        border-radius: 0 10px 10px 0;
    }

    .navbar-custom-menu .navbar-nav>li>a {
        padding-top: 25px;
    }

    #tabs-form-produto {
        padding-right: 0;
    }

    #tabs-form-produto-var .box-footer {
        display: none;
    }
}

@media (max-width: 991px) {
    .navbar-custom-menu .navbar-nav>li>a {
        padding-top: 25px;
        padding-bottom: 15px;
        line-height: 28px;
    }

    #open-modal-adicionar span {
        display: none;
    }
}

@media (max-width: 767px) {

    .fixed .content-wrapper,
    .fixed .right-side {
        padding-top: 92px !important;
    }

    .login-box,
    .register-box {
        margin-top: 70px;
    }

    .file-preview-thumbnails {
        display: unset;
    }

    .main-sidebar {
        -webkit-transform: translate(-280px, 0);
        -ms-transform: translate(-280px, 0);
        -o-transform: translate(-280px, 0);
        transform: translate(-280px, 0);
    }

    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
        transform: translate(0, 0) !important;
    }

    .sidebar-open .main-sidebar {
        box-shadow: 5px -20px 20px 0px #c9c7c7;
        border-right: 1px solid #d2d2d2;
    }

    .nav-tabs-custom {
        padding: 15px;
        border-radius: 10px;
    }

    .nav-top-icones {
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 5px;
    }

    .nav-top-icones li {
        padding: 0 !important;
    }

    .navbar-static-top {
        padding-left: 0 !important;
    }

    .main-header .navbar-custom-menu-left {
        padding: 0px;
        display: inline-block;
        background: #fff;
        width: 100%;
        position: fixed;
        top: 50px;
        left: 0;
        border-bottom: 1px solid #e2e2e2;
    }

    .main-header .navbar-custom-menu-left a {
        line-height: 60px !important;
        height: auto;
        margin: 0;
    }

    .navbar-custom-menu-left button {
        margin-top: 6px;
        padding: 3px 10px;
    }

    .navbar-nav>li:not(.user-menu)>a,
    .nav-top-icones a {
        margin: auto;
        line-height: 30px !important;
        height: auto;
    }

    .navbar-nav>li:not(.user-menu),
    .navbar-custom-menu-left li {
        padding: 8px 5px 0 5px;
    }

    .navbar-custom-menu .navbar-nav>li>a {
        padding-top: 15px;
    }

    .navbar-nav>.user-menu .user-image {
        width: 28px;
        height: 28px;
    }

    .main-header .navbar-custom-menu {
        position: absolute;
        right: 0;
    }

    .main-header .navbar {
        text-align: right;
        height: 50px;
        border-radius: 0;
    }

    .logo-mobile {
        width: auto;
        float: left;
        padding: 14px 15px;
    }

    .navbar-nav>li:not(.user-menu) {
        padding: 10px 0px 0 0px;
    }

    .navbar-nav>li>a>i {
        font-size: 15px !important;
    }

    #search-header-content {
        width: 100vw;
        padding: 0;
        top: 51px;
        border-radius: 0;
        height: 43px;
    }

    #search-header-content input {
        line-height: 31px;
        height: auto;
        padding: 0;
        margin: 6px;
        padding-left: 30px;
    }

    .navbar-custom-search i.icon-search {
        top: 13px;
        left: 15px;
        font-size: 15px;
    }

    .navbar-custom-search .hide-header-search {
        right: 25px;
        top: 11px;
        font-size: 15px;
    }

    button span {
        display: none;
    }
}

@media (min-width: 480px) {
    .sorter ul li {
        background: #F1F1F1;
        display: inline-block !important;
        border: 1px solid #D9D9D9;
        padding: 5px 5px 3px 5px !important;
        border-radius: 4px;
    }

    .sorter ul li a {
        color: #484848;
    }

    .list-view .row.view>div {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    #conteudo {
        padding: 15px;
        min-height: 85vh;
    }

    .nav-tabs-custom .chart.tab-pane {
        padding: 5px;
    }

    .list-view .sorter {
        text-align: left;
        border: 1px solid #d9d9d9;
        padding: 8px 8px 2px 8px;
        display: none;
    }

    .list-view .sorter ul {
        display: table;
        text-align: center;
    }

    .list-view .sorter li {
        display: inline-block;
        padding: 5px;
        float: left;
        margin: 0 2px 6px 2px;
        border: 1px solid #D9D9D9;
        border-radius: 4px;
    }

    .btn.btn-default i+span,
    .btn.btn-primary i+span,
    .btn.btn-info i+span,
    .btn.btn-danger i+span,
    .btn.btn-warning i+span {
        display: none;
    }

    .list-view .row.view {
        padding: 6px 0;
    }

    .list-view .row.view .title-list {
        display: none !important;
    }

    .list-view .row.view {
        position: relative;
    }

    .list-view .row.view label {
        font-weight: normal;
        margin: 0;
        line-height: 19px;
    }

    .list-view .describe-list {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
        width: 100%;
    }

    .list-produtos .col-sm-2.col-md-1 {
        display: block;
        float: left;
    }

    .produto-conteudo,
    .produto-ativo,
    .produto-codigo,
    .produto-valor,
    .produto-estoque {
        position: absolute;
    }

    .produto-valor,
    .produto-estoque {
        right: 0;
        font-weight: bold;
    }

    .produto-valor .describe-list {
        font-weight: bold !important;
        color: #00743e;
    }

    .produto-ativo {
        bottom: 0;
        left: 0;
    }

    .produto-codigo {
        bottom: 0;
        right: 61px;
    }

    .produto-valor {
        top: 4px;
        right: -8px;
    }

    .produto-estoque {
        bottom: 0;
        right: -7px;
    }

    .produto-conteudo {
        left: 0;
        top: 0;
    }

    footer {
        text-align: center;
    }

    .list-view .row.view>div {
        padding: 0 5px;
    }

    .list-view .row.view {
        padding: 4px 3px !important;
        margin-bottom: 7px !important;
    }

    .list-view .text-center {
        text-align: center;
    }

    .list-view .describe-list i {
        color: #888888;
    }

    .text-right-mob {
        text-align: right !important;
    }

    .col-produto {
        height: 54px;
    }

    .col-produto>.row>div {
        padding: 0;
    }

    #estoque-produto-grid .entrada .saida,
    #estoque-produto-grid .saida .entrada {
        display: none;
    }

    .button-list {
        left: 15px;
        right: inherit;
    }

    .content-wrapper {
        min-height: 90vh !important;
    }

    .main-header .navbar {
        position: relative;
        z-index: 1;
    }

    .main-header .logo {
        position: absolute;
        z-index: 47;
        width: 136px;
        left: 0;
        top: 1px;
        height: auto;
        right: 0;
        margin: auto;
        height: 52px;
    }

    .main-header .logo img {
        height: 23px;
    }

    .info-box-white,
    .nav-tabs-custom,
    .box {
        padding: 10px
    }

    .filter-search {
        max-width: calc(100% - 65px);
    }

    .filter-search input {
        max-width: 90%;
    }
}