@import url("jquery.jgrowl.min1.css");

.office-auth-login-wrapper, .office-auth-register-wrapper {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
}

.office-auth-register-wrapper {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.office-message-success { background-color: green !important; }

.office-message-error { background-color: brown !important; }

.office-message-info { background-color: black !important; }

#office-auth-form .red {
    color: darkred;
}

@media screen and (max-width: 800px) {
    .tab_wrap {
        display: flex;
        color: #fff;
        margin-top: 40px;
        flex-direction: column;
        margin-bottom: 100px;
    }
    .col1 {
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    a.tab_link {
        width: 45%;
    }
    .tab_item {
        margin: 0px 10px 20px 0px;
        font-size: 14px;
    }
    .col2 {
        width: 100%;
        margin-left: 0px;
    }
    img.tab_img {
        margin-right: 12px;
    }
  }

  @media screen and (max-width: 550px) {
    .tab_item {
        margin: 0px 10px 10px 0px;
        font-size: 14px;
        padding: 15px;
    }
    .col1 {
        flex-direction: column;
        margin-bottom: 20px;
    }
    a.tab_link {
        width: 100%;
    }
  }