body{ margin:0; padding:0; background:#252a2e; font-family:Arial, Helvetica, sans-serif;}

#wrapper{  margin:0px; padding:0px; display:block; margin:0 auto; width:810px; height:370px;  margin-top:175px;border-radius:20px;  }
#wrapper p { color:#adabab; text-align:center; margin-top:45px; width:100%; float:left; font-size:14px;}
#wrapper p a { color:#25afe2;}
.section_left {
    height: 370px;
    float: left;
    width: 452px;
    border-radius: 20px 0 0 20px;
    background-color: #40474B;
    display: flex;
    flex-flow: column wrap;
    align-items: center;

}
.section_left_logo {
    background: url('https://public.resicap-assets.com/images/logos/HoneyBadger/HB_logo_white_small.png') no-repeat scroll center;
    background-size: contain;
    height: 80%;
    width: 100%;
}

.section_right{ background:#eae9e9; height:370px; float:right; width:358px; border-radius:0 20px 20px 0px; box-shadow: 5px 0 #343a3d; padding:50px 30px 30px 30px ; box-sizing:border-box; -moz-box-sizing:border-box;}

.section_right h1 { color:#252a2e; font-size:24px;}
.section_right h2 { font-size:16px; color:#252a2e; font-weight:normal;margin: 10px 0 !important;}
.user_txt { width:100%; border:1px solid #c2d1d3;border-radius:5px; height:42px; line-height:42px; padding:5px;box-sizing:border-box; -moz-box-sizing:border-box; }
.login_btn { background:#25afe2;border-radius:5px; color:#fff; border:none; padding:10px 0px; margin-top:20px; font-size:20px; cursor:pointer;width:300px;}
.vendor_portal_btn { margin-top: -27px; }
.login_btn-small {
    width: 49% !important;
}
.forgot_pass_btn {
    background: none repeat scroll 0 0 #25AFE2;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 20px;
    margin-top: 20px;
    padding: 10px 15px;
    cursor:pointer;
}
.forgot_h1 { margin-bottom:50px;}

.change_pass {background:#25afe2;border-radius:5px; color:#fff; border:none; padding:10px 29px; margin-top:20px; font-size:20px;}

.validation-summary-errors {
    color: #FF0000;
    line-height:16px;
}
.section_right em.invalid
{
     color: #FF0000;
    line-height:16px;
    float: left;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    margin-top: 5px;
}
.section_right input.invalid
{
     border: 1px solid #ff0000;

}

#divSmallBoxes {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.SmallBox {
    border: 1px solid transparent;
    color: #fff;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 20px;
    width: 420px;
    z-index: 9999;
}
.SmallBox span {
    display: block;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    margin: 4px 0;
}
.SmallBox p {
    font-size: 13px;
    margin-top: 2px;
}
.text-align-right, .text-right {
    text-align: right !important;
}
.SmallBox .foto {
    font-size: 50px;
    left: 17px;
    position: absolute;
}

.SmallBox .textoFoto {
    float: left;
    margin: 3px 20px 3px 80px;
    width: 78%;
}
.miniIcono {
    font-size: 20px;
    height: 100%;
}
.SmallBox .foto {
    font-size: 50px;
    left: 17px;
    position: absolute;
    top:20px;
}
.btn-group-sm > .btn, .btn-sm {
    border-radius: 2px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
    text-decoration:none;
}
.btn-primary {
    background-color: #3276b1;
    border-color: #2c699d;
    color: #fff;
}
.vender-mm{ margin:260px 0 0 76px; width:300px;}
@media screen and (max-width: 840px) {
#wrapper{ border-radius:20px; width:90%; margin-top:60px;}
.section_left{ border-radius:20px 20px 0 0; float:none; height:290px; width:100%; padding:20px 0; box-shadow:5px 0 #343a3d;}
.section_right{ border-radius:0 0 20px 20px; box-shadow: 5px 0 #343a3d; float:none; height:auto; padding:5% 10%; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; text-align:center;}
.vender-mm{ margin:240px 0 0 0; width:81%;}
.vendor_portal_btn { margin-top: 0;}
}