@media (max-width: 1280px) {
    .modbar .search-bar {
        margin-left: 16px;
    }

    .modbar .search-bar:not(.full):not(.open) {
        width: 48px;
        overflow: initial;
        padding: 4px;
        display: inline-block;
        min-width: 0;
    }

    .modbar .search-bar:not(.full):not(.open) :not([class^="search"]) {
        display: none;
    }

    .modbar .search-bar:not(.full):not(.open) .search {
        position: initial;
        vertical-align: text-bottom;
    }

    .modbar .search-bar.full {
        width: auto;
        display: block;
        max-width: unset;
    }

    .modbar .hidden {
        display: none;
    }

    .modbar .list-item.counter .start {
        margin: 0 24px 0 0;
    }

    .modbar .list-item.counter .end {
        display: none;
    }
}

@media (max-width: 1200px) {
    .widget {
        width: calc(100% - 24px);
    }
}

@media (max-width: 1024px) {
    .company-view .form-container:not(.form-nested) {
        width: 80%;
    }

    .product-view .table-container {
        min-height: 100%;
        height: auto;
    }

    .popup {
        width: 70%;
    }

    .list-item .end.checkbox-container + .start.separator {
        padding: 0;
    }

    .modbar .modbar-buttons {
        padding-right: 32px;
    }

    .modbar .list-item.counter .start {
        margin: 0 16px 0 0;
    }

    .modbar .list-item .checkbox-container {
        padding: 0;
    }

    .modbar .list-item .checkbox-container paper-checkbox {
        margin-right: 16px;
    }

    .modbar paper-fab.btn-add {
        position: fixed;
        bottom: 24px;
    }
}

@media (min-height: 772px) {
    .bg-logo {
        position: fixed;
        margin: auto;
        left: 0;
        right: 0;
        top: 20%;
        transform: translateY(-50%);
        height: unset;
    }

    .popup > .content {
        max-height: 75vh;
    }
}

@media (max-height: 800px) and (max-width: 1024px) {
    .form-field.user-avatar {
        height: 150px;
        width: 150px;
    }

    .form-field.user-avatar span {
        font-size: 50px;
        line-height: 150px;
    }

    .form-picture .picture {
        height: 100px;
        width: 100px;
        line-height: 100px;
        margin: auto;
    }

    .form-picture iron-icon {
        height: 50px;
        width: 50px;
    }

    .form-picture .button-container {
        margin-top: 16px;
    }

    .form-picture .picture img.svg {
        padding: 24px;
    }
}

@media (min-width: 600px) and (max-width: 1366px) {
    .popup {
        width: 50%;
    }
}

@media (min-width: 600px) and (max-width: 900px) {
    .popup {
        width: 85%;
    }
}

@media (max-width: 1024px), (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
    .list-items-container {
        min-width: unset;
    }

    .table-container {
        padding: 0;
    }

    .list-items-container .list-item > .start, .table-container .list-item > .start {
        padding: 0 16px;
    }

    .list-items-container .list-item.category-item {
        padding: 0;
    }

    .list-item.user-container .start {
        display: none;
    }

    div:not(.dialog) .popup, .dialog.full .popup {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: unset;
        height: unset;
        transform: none;
        min-width: unset;
        max-height: unset;
        border-radius: unset;
        -webkit-font-smoothing: none;
    }

    .dialog:not(.full):not(.selector) .popup {
        width: 90%;
        min-width: unset;
    }

    .popup .form-view > .main-title {
        border-radius: unset;
    }

    .popup .container {
        max-height: unset;
    }

    div:not(.browse-selector) .popup > .content {
        padding: 12px 16px
    }

    div:not(.browse-selector) .popup.icon-selector > .content {
        padding: 0 0 12px 0;
    }

    div:not(.dialog) .popup > .content {
        max-height: 100%;
    }

    div:not(.dialog) .popup > .actions {
        border-radius: unset;
        padding: 8px 16px;
    }

    .widget-selector.browse-selector .modbar .counter .end {
        display: none;
    }

    .modbar .separator {
        margin-right: 32px;
    }

    .modbar .main-title {
        left: 16px;
    }

    .modbar .modbar-buttons paper-icon-button {
        margin-left: 16px;
    }

    .modbar .modbar-buttons {
        padding-right: 16px;
    }

    .modbar .modbar-buttons .v-divisor {
        margin-left: 16px;
    }

    .modbar .list-item .checkbox-container {
        padding: 0;
    }

    .modbar .list-item .checkbox-container span:first-of-type {
        display: none;
    }

    .modbar .list-item .checkbox-container span:last-child {
        display: none;
    }

    .modbar .modbar-buttons paper-button:not(.secondary-button) {
        margin-left: 16px;
    }

    div:not(.list-item) > .list-item.selection-element:not(.collapsible) > .end.checkbox-container:not(.image-container) {
        padding: 8px;
    }

    div:not(.list-item) > .list-item:not(.collapsible) > .end.checkbox-container:not(.image-container) {
        padding: 0;
    }

    .modbar .list-item .checkbox-container paper-checkbox {
        margin-right: 0;
    }

    .modbar .list-item .checkbox-container + .separator {
        padding: 0;
    }

    .modbar .list-item.counter .start {
        margin: 0 8px 0 0;
    }

    .form-dropdown, .form-dropdown.form-address {
        display: block;
        width: unset;
        margin-right: 12px;
        padding-right: 0;
    }

    .address-form .form-address + .form-address {
        width: unset;
        margin: 0 16px 16px 48px;
    }

    .breadcrumb {
        margin-left: 8px;
    }

    .list-item.device-collapsible > .start > .list-item > .start {
        padding: 0 0;
    }

    .list-item.device-collapsible .users-container {
        padding: 0 16px;
    }

    .list-item.device-collapsible .collapsible-content > :not(.divisor) {
        padding-left: 16px;
    }

    .list-item.small.form-check {
        margin: 0 0 0 8px;
    }

    .list-item.form-check > .start {
        padding-left: 8px;
    }

    .date-container .date-selector-opener {
        display: block;
        width: 100%;
        padding-right: 24px;
        padding-left: 20px;
    }

    .date-container .form-dropdown {
        padding-left: 24px;
        margin-right: 24px;
    }

    .login .window {
        bottom: 0;
        width: 100%;
        border-radius: 8px 8px 0 0;
        padding: 24px 16px;
    }

    .login .window .bg-logo {
        width: 300px;
    }

    .login .window {
        min-width: unset;
    }

    .reset-password .window, .forgot-password .window {
        min-width: 350px;
    }

    .browse-selector .modbar .list-item .checkbox-container {
        margin: 0 8px
    }

    .home-view .modbar .actions .list-item.counter {
        padding-right: 0;
    }

    .product-view .table-container {
        padding: 0;
    }

    .product-view .table-container .list-item > .start {
        padding: 0;
    }

    .product-view .list-item .image-container {
        margin-left: 12px;
    }

    .product-view .list-item .collapsible-content > :not(.divisor) {
        padding-left: 12px;
        padding-right: 16px;
    }

    .product-view .assign-categories {
        margin-right: 0;
        margin-left: 16px;
    }

    .view.products-importer {
        height: unset;
        margin: 0;
    }

    .products-importer .buttons > * {
        display: block;
        margin: 16px 0;
    }

    .products-importer .buttons paper-button {
        width: 200px;
    }

    .products-importer paper-button:first-child {
        margin: 0;
    }

    .products-importer .buttons {
        margin: 24px auto;
    }

    .importer .popup > .actions {
        padding: 8px;
    }

    .importer .popup > .actions > * {
        margin: 0;
    }

    .success-importer {
        margin: 0;
    }

    .company-view .form-container:not(.form-nested) {
        width: 90%;
    }

    .company-view .main-title {
        bottom: 16px;
    }

    .company-view .actions {
        width: 0;
    }

    .customers-view .counter {
        margin-right: 0;
    }

    .customers-view .counter .start {
        margin: 0 12px 0 0;
    }

    .browse-selector .content {
        height: 100%;
    }

    .home-view .modbar .actions {
        padding: 4px 0 0 0;
    }

    .home-view .modbar .list-item.counter .start {
        margin: 0 8px;
    }

    .home-view .modbar .modbar-buttons paper-button {
        margin-left: 2px;
    }

    .home-view .modbar .modbar-buttons paper-button.secondary-button {
        margin-left: 0;
    }

    .home-view.edition .modbar .modbar-buttons {
        padding-right: 4px;
    }

    .list-item.category-item > .start {
        padding: 0;
    }

    .list-items-container .list-item.category-item > .start > .list-item {
        padding: 0 16px;
    }

    .widgets-container {
        padding: 24px 0;
    }

    .calendar-widget .calendar-form {
        width: 90%;
    }

    .service-desk-widget .message {
        width: 90%;
    }

    .category-item .end.image-container {
        margin: 12px 0
    }

    .category-item paper-button {
        margin: 12px;
    }

    .reports-view .widget {
        width: calc(100% - 32px);
        margin: 16px;
        padding-bottom: 16px;
    }

    .sale-report-widget .report-container, .reports-view .sale-report-widget .report-container {
        width: 100%;
    }

    .sale-report-widget .form {
        width: unset;
    }

    .activity-filter-result {
        display: none;
    }

    .help-title {
        font-size: 18px;
        padding: 12px 16px 11px 16px;
    }

    .help-image {
        width: 100%;
    }

    .faq-view div:not(.list-item) > .list-item:not(.collapsible) > .end:not(.image-container) {

        padding: 0;
    }

    .faq-view .faq-question .start span {
        font-size: 16px;
    }

    .faq-view .list-item .collapsible-content > span:not(.divisor).faq-answer {
        font-size: 14px;
        padding: 0 32px 16px 32px;
    }

    .faq-view .main-container {
        padding: 48px 0 24px 0;
    }

    .faq-view .main-container .collapsible > .start, .view.electronic-billing-view .main-container .collapsible > .start {
        padding: 0;
    }

    .faq-view .list-item .start > span.primary:only-child {
        white-space: normal;
        display: block;
        margin: 12px 0 0 0;
        height: max-content;
        line-height: unset;
    }
}

@media (max-device-width: 600px) {
    paper-tabs, paper-tab {
        width: unset;
    }

    paper-toast {
        left: 0;
        right: 0;
        border-radius: 0;
        margin: 0;
        bottom: 0;
        height: 40px;
        text-align: left;
    }
}

@media (max-width: 520px) {
    .form-field.form-dropdown-input {
        height: auto;
    }

    .form-field.form-dropdown-input .form-dropdown-field {
        width: 100%;
        display: block;
        height: auto;
    }

    .form-field.form-dropdown-input .form-dropdown-field paper-dropdown-menu {
        width: 100%;
    }

    .form-field.form-dropdown-input .form-input-field {
        display: block;
        padding-top: 2px;
        width: 100%;
    }

    .form-field.form-dropdown-input .form-input-field paper-input {
        float: unset;
        width: 100%;
    }
}

@media (max-height: 200px) {
    .form-field paper-input[focused], .form-field paper-input:focus {
        position: fixed;
        z-index: 99;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: white;
        padding: 0 8px;
        --paper-input-container-shared-input-style_-_margin: 0 0 4% 0;
        width: unset;
        float: none;
    }
}