@charset "utf-8";

@media only screen and (max-width: 900px) {
    body[open-modal=true] {
        overflow: hidden;
    }

    body.index .content {
        padding-bottom: inherit;
    }

    .content {
        padding-bottom: 90px;
    }
    header .user-profile > div:first-child {
        width: 35px;
        height: 35px;
        background-image: url(../images/user-3.png);
        background-repeat: no-repeat;
        background-size: 28px auto;
        background-position: center;
    }
    header .user-profile > div:last-child {
        margin-left: 0px;
        position: absolute;
        bottom: -41px;
        width: 100%;
        left: 0%;
        border-bottom: 1px solid #e0e7ed;
        border-top: 1px solid #e0e7ed;
        background-color: #e9eff5;
        display:none;
    }
    header .user-profile[status=true] > div:first-child {
        background-image: url(../images/close-button.svg);
    }
    header .user-profile[status=true] > div:last-child {
        display:block;
    }
    header .user-profile > div > span:last-child {
        font-size: 11pt;
        font-weight: bold;
        border: 1px solid #e0e7ed;
        background-color: #ffffff;
        margin: 5px 0px;
        box-sizing: border-box;
        padding: 5px 10px;
        border-radius: 4px;
    }
    header .user-profile > div > span {
        display: block;
        text-align: left;
        font-size: 11pt;
        color: #00488a;
        float: left;
        padding: 10px;
        box-sizing: border-box;
        /* font-weight: bold; */
    }
    .page-path {
        padding: 15px 10px;
        display: block;
        width: 100%;
        background-color: #f5f8fc;
        margin-top: 4px;
        text-indent: inherit;
        border-bottom: 1px solid #e0e7ed;
    }
    .page-button {
        float: none;
        margin-top: 0px;
        display: block;
        width: 100%;
        box-sizing: border-box;
        overflow:hidden;
    }
    .button-page {
        background-color: #ffffff !important;
        color: #00488a !important;
        font-size: 10pt;
        overflow: hidden;
        margin:10px;
    }
        .button-page:hover {
            background-color: #ffffff !important;
            cursor: pointer;
        }
        .button-page::before {
            background-color: #00488a;
        }
}