
article#frm_articleLogin {
    width: 380px;
    margin: 0 auto;
    margin-top: 0px;
    border: solid 1px #CCC;
    padding: 20px;
    background: #fff;
    box-shadow: #CCC 1px 1px 5px;
    margin-top: 20px;
    min-height: 300px
}

article#frm_articleLogin > div > * {
    margin: 3px 0;
}

article#frm_articleLogin label {
    color: #7d7777;
    width: 100%;
}

article#frm_articleLogin label a {
    float: right;
    font-size: 11px;
    color: rgb(0, 77, 218);
    cursor: pointer;
    border-bottom: dashed 1px rgb(0, 77, 218);
    padding: 2px;
}

article#frm_articleLogin h3 {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    border-bottom: solid 1px #CCC;
    padding: 15px 0;
}

article#frm_articleLogin label.col-form-label {
    text-align: left;
}

article#frm_articleLogin button.form-control {
    margin-top: 10px
}

article#frm_articleLogin ul { 
    list-style-type: none;
    padding: 0;
    margin: 0;
}

article#frm_articleLogin ul > li > a {
    font-size: 12px;
    color: rgb(0, 77, 218);
    cursor: pointer;
    border-bottom: dashed 1px rgb(0, 77, 218);
    padding: 5px;
    display: block;
}

article#frm_articleLogin button.form-control {
    margin-top: 5px;
}

article#frm_articleLogin h3.dropdown > span{
    padding: 0;
    margin: 0;
    width: 100%;
}

article#frm_articleLogin h3.dropdown a{
    cursor: pointer;
    padding: 10px 10px;
    border-bottom: solid 1px rgba(0,0,0,.1);
}

article#frm_articleLogin div.send-again{
    display:grid;
    grid-gap:5px;
    margin-top:5px;
}