@charset "utf-8";

@media (max-width: 768px) {
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .media-width {
        width: 100% !important;
    }

    #header {
        height: auto;
        padding: 0 2%;
        line-height: 180% !important;
    }

    #header span {
        font-size: 18px;
    }

    #filter {
        flex-direction: column;
        margin: 0;
    }

    #filter-div, #filter-line {
        width: 100%;
        margin: 0;
    }

    .filter-line-document-detail .col-2 {
        width: 20% !important;
    }

    .contact-body {
        margin-top: 5vw !important;
        flex-direction: column;
    }

    .contact-left {
        width: 100%;
        padding: 10px;
        height: auto !important;
        overflow: hidden;
        min-height: 30px !important;
        background-size: cover;
    }

    .contact-left > div:first-child {
        position: static;
        font-size: 18px;
    }

    .contact-right, #welcome-div {
        width: 100%;
        padding: 0 2%;
    }

    #confirm-div {
        width: 90%;
        transform: translateX(-50%);
        margin-left: 0;
    }

    #header-signup span, #welcome-div span {
        font-size: 18px;
    }

    .oe_signup_form {
        padding: 0 2%;
        min-width: 100% !important;
    }

    .field-street .col-sm-4 {
        margin-bottom: 10px;
    }

    .s_tabs .s_tabs_main {
        flex-direction: column;
    }

    .s_tabs_nav, .s_tabs_content {
        width: 100% !important;
    }

    .s_tabs_nav .nav-pills {
        display: flex !important;
        justify-content: space-between;
    }

    #zhxx-body {
        flex-direction: column;
    }

    #zhxx-body .col-4 {
        width: 100% !important;
        max-width: 100% !important;
    }

    #zhxx-body .col-8 {
        margin-top: 5vw;
        width: 100% !important;
        max-width: 100% !important;
    }

    #zhxx-body .col-8 .zhxx-input {
        flex-direction: column;
    }

    #zhxx-body .col-8 .zhxx-input > div {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
        margin-bottom: 10px !important;
    }

    #zhxx-header > div {
        font-size: 16px !important;
    }

    .permission-des {
        flex-direction: column !important;
    }

    .permission-des>div {
        width: 100% !important;
    }

    .permission-des>div.r div {
        position: static !important;
        margin-top: 10px !important
    }

    #permission-div >div {
        flex-direction: column;
        display: flex;
    }

    #permission-div > div > div:first-child, #permission-div > div > div:nth-child(2) {
        width: 100% !important;
    }

    .alert-div > div:first-child {
        width: 90% !important;
        margin-left: 0 !important;
        transform: translateX(-50%) !important;
    }

    .s_tabs {
        margin: 0 !important;
        padding-bottom: 0 !important;
    }

    .password-div {
        display: flex;
        flex-direction: column;
        padding: 0  !important;
    }

    .password-div>div {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 2% !important;
    }

    .password-div>div.col-8 {
        text-align: left !important;
    }

    .list.password {
        padding: 0 !important;
    }

    .list.password .input {
        max-width: 100% !important;
    }

}