@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    div[ui-view="body"] { overflow: hidden; }

    .table-responsive { border: none; }
    .fit-to-filter { margin-right: inherit; }

    .btn-float.footer { bottom: 72px; }

    #header .navbar-header { float: left; }
    #header .navbar-header .navbar-brand { }
    #header .navbar-header .navbar-brand > a,
    #header .navbar-header .navbar-brand > i { display: none; }
    #header .nav.toolbar.navbar-right > li { display: none; }
    #header .nav.toolbar.navbar-right > li.dropdown { display: initial; }
    #header .search { display: none; }

    #wrapper { overflow: hidden; }
    #wrapper .content-header { padding-left: 0; padding-right: 0; }
    #wrapper [id$="-content"] > .p-h-32 { padding-left: 8px; padding-right: 8px; }
    #wrapper [id$="-content"] > .p-32 { padding: 8px; }
    #wrapper form h1 { padding-left: 8px; padding-right: 8px; }
    #wrapper [class*="mark-"] { border-top-width: 4px !important; }

    #wrapper .nav.nav-tabs { overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
    #wrapper .nav.nav-tabs li { position: static; float: none; display: inline-block; }

    #main-menu { overflow-x: auto; overflow-y: hidden; white-space: nowrap; height: 56px; }
    #main-menu a.item { width: 80px; }
    #main-menu a.item i, #main-menu a.item img { display: block; height: 25px; width: 25px; padding: 0; margin: 5px 27.5px; font-size: 25px; }
    #main-menu a.item p { display: block; padding: 0 4px; margin: 0; overflow: hidden; font-size: 12px; }

    #wrapper .bg-modal .form { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: auto; width: auto; margin: 0; box-shadow: none; z-index: 1110; }
    #wrapper .bg-modal .form .header { position: fixed; top: 0; right: 0; left: 0; font-size: 16px; height: 56px; line-height: 56px; padding: 0 10px 0 20px; margin: 0; text-transform: uppercase; z-index: 1110; overflow: hidden; }
    #wrapper .bg-modal .form .wrapper { position: fixed; padding: 16px; top: 56px; bottom: 56px; left: 0; right: 0; height: auto; z-index: 1110; }
    #wrapper .bg-modal .form .footer { position: fixed; left: 0; right: 0; bottom: 0; padding: 8px 16px; height: 56px; box-shadow: 0 2px rbga(0,0,0,.3); z-index: 1110; }
    #wrapper .bg-modal .form .footer .btn { font-weight: bold; }



    #home-content > .p-64 { padding-left: 32px; padding-right: 32px; }
    #home-content .cover img.logo-cliente { display: block; text-align: left; height: auto; width: 50%; }
    #home-content .cover img.logo { height: auto; width: 100%; margin: 20% 0; }
    #home-content #scroll-down .material-icons { font-size: 64px; }

    #dashboard-content .cover > .m-h-32.p-h-16 { margin-left: 8px; margin-right: 8px; padding-left: 0; padding-right: 0; }
    #dashboard-content .stats .stats-body h1 br { display: none; }

    #campanha-content > .p-64 { padding: 8px; }
    #campanha-content > .p-h-64 { padding-left: 8px; padding-right: 8px; }

    #relatorio-content > .p-64 { padding: 8px; }
    #relatorio-content > .p-h-64 { padding-left: 8px; padding-right: 8px; }
    #relatorio-content .cover > .p-64 { padding: 24px; }
    #relatorio-content .cover > .p-h-64 { padding-left: 24px; padding-right: 24px; }

    #relatorio-content > .p-32 { padding: 8px; }
    #relatorio-content > .p-h-32 { padding-left: 8px; padding-right: 8px; }
    #relatorio-content .content h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    #config-content > .p-64 { padding: 8px; }
    #config-content > .p-h-64 { padding-left: 8px; padding-right: 8px; }
}

@media print {
    .chart { display: inline-block !important; vertical-align: top !important; }
}