@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: url('../font/Quicksand-VariableFont_wght.ttf'); /* For IE6-8 */
    src: url('../font/Quicksand-VariableFont_wght.ttf') format('truetype');
}

.PageAcesso {
    width: auto;
    height: 99vh;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
body {
    font-family:'Quicksand';
    
    margin-bottom: 0px;
    top: 0px;
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: auto;
    width: 100%;
    min-height: 100vh;
    border: 1px solid #555 !important;
    background-color: #212121 !important;
    color: white;
}
.containerAcesso {
    height: auto;
    margin: auto;
    border-radius: 25px;
    width: auto;
    display: flex;
    flex-direction: row;
}
.leftCardLogin {
    position: relative;
    min-width: 330px;
    min-height: 20vh;
    width: auto;
}
    .leftCardLogin .vector {
        z-index: 1;
        position: absolute;
        bottom: 0;
        transform: rotate( 0deg );
        right: 0;
        width: auto;
        height: 100%;
        max-height: calc(100% - 0);
    }
    .leftCardLogin .rect {
        position: relative;
        width: auto;
        left: 0;
        top: 0;
        background: linear-gradient( 244.6deg, #02409B 0%, #0D6EFD 54.38%, #0D6EFD 99.38%);
        border-radius: 25px;
        display: flex;
        flex-direction: column;
        padding: 35px 55px;
        padding-right: 135px;
        height: 100%;
    }


.headerRect {
    display: flex;
    align-content: center;
    align-items: center;
    margin: auto;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.headerRect img {
    width: 50px;
    height: 82px;
}
.headerRect div{
    display: flex;
    flex-direction: column;
}


    .headerRect label {
        display: flex;
        flex-direction: column;
        margin: 0;
        line-height: 1.7em;
        padding-left: 15px;
    }
        .headerRect label large {
            font-size: 2em;
            font-weight: bold;
        }
.headerRect label small {
    font-size: 1em;
}
.bodyRect {
    margin: auto;
}
    .bodyRect h1 {
        font-size: 1.6em;
        font-weight: bold;
    }
    .bodyRect label {
        font-size: 1.3em;
    }



.rightCardLogin {
    position: relative;
    min-width: 210px;
    height: auto;
    left: 0;
    top: 0;
    background: #303030;
    padding: 100px 0;
    margin-left: -30px;
    display: flex;
    align-items: center;
    align-content: center;
}
.containerRightCardLogin {
    margin: auto;
    padding: 0 60px;    
}
.headerRightCardLogin label {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}
    .headerRightCardLogin label large {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        font-weight: bold;
        font-size: 1.6em;
    }
.headerRightCardLogin label small{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.containerInputForm {
    min-width: 315px;
    margin-bottom: 29px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 50px;
}
.text-danger.field-validation-error {
    margin-bottom: -30px;
    position: relative;
    display: flex;
    font-size: .85em;
}
.text-danger.errorreport.validation-summary-errors ul {
    margin: 5px 10px;
    text-align: center;
    padding:0;
}
    .text-danger.errorreport.validation-summary-errors ul li {
        display: table;
        background: #00000033;
        text-align: center;
        margin: auto;
        width: auto;
        padding: 5px 10px;
        border-radius: 5px;
    }
.linkEsqueciMinhaSenha {
    margin: auto;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 50px;
    color:white;
}
#primarybtn {
    width: 100%;
    line-height: 25px;
    border-radius: 5px;
}