#whois {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.request-box .text-box p {
    margin: 0.5em 0;
}

div#whois > p {
    margin: 0.3em 0 1em;
}

#content #whois form select,
#content #whois form input[type='text'],
#content #whois form input[type='email'] {
    box-sizing: border-box;
    width: 230px;
    max-width: 230px;
}

#content #whois form #id_confirmation_method {
    box-sizing: border-box;
    width: 350px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 350px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    min-width: 230px;
}

#whois #public_request_forms form {
    box-sizing: border-box;
}

#whois #public_request_forms,
#whois #form_wrapper {
    display: inline-block;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

#whois .label-wrapper {
    color: #003893;
    font-weight: bold;
    line-height: 27px;
}

#whois .help-text {
    display: inline-block;
    color: #003893;
}

#whois #send_password_form .help-text,
#whois #personal_info_form .help-text {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column-end: 4;
}

#whois #form_wrapper,
.request-box {
    padding: 15px 30px;
    border: 1px solid #003893;
    background-color: #dae8fc;
}

#whois .letter {
    background-color: #f0f0eb;
    padding: 1em;
    border: solid lightgray 1px;
}

#whois .letter div {
    padding-bottom: 1em;
}

/* request page from article */

.request-box {
    width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1em 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#content-main div.markdown-text .request-box .img-box img {
    height: 100px;
    max-width: 100px;
    margin-right: 1em;
}

.request-box .text-box {
    max-width: 100%;
}

.request-box .text-box h2 {
    margin: 0;
}

.request-box .text-box a.reguest-button {
    background: #3cb7e4;
    background-color: #3cb7e4;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 3px;
    width: 100px;
    display: inline-block;
    text-align: center;
}

.requests-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media screen and (max-width: 767px) {
    .request-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}