@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mate:ital@0;1&display=swap');

:root {

/* Colors: */
--secondary-hover-5a6268: #5A6268;
--secondary-6c757d: #6C757D;
--warning-ffc107: #AB2C34;
--secondary-disable-b0b6ba: #B0B6BA;
--primary-hover-460373: #202B3C;
--primary-disable-bf9ee3: #BF9EE3;
--info-hover-138496: #138496;
--dark-disable-7a7e83: #7A7E83;
--light-disable-fafcfc: #FAFCFC;
--light-f8f9fa: #F8F9FA;
--universal-white-ffffff: #FFFFFF;
--universal-black-000000: #000000;
--primary-7e00d3: #263458;
--dark-hover-23272b: #23272B;
--dark-343a40: #343A40;

/* Font/text values */
--unnamed-font-family-muli: Muli;
--unnamed-font-family-assistant: Assistant;
--unnamed-font-family-mate: Mate;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-300: 300px;
--unnamed-font-weight-bold: bold;
--unnamed-font-weight-normal: normal;
--unnamed-font-size-16: 16px;
--unnamed-font-size-20: 20px;
--unnamed-font-size-24: 24px;
--unnamed-font-size-28: 28px;
--unnamed-font-size-32: 32px;
--unnamed-font-size-40: 40px;
--unnamed-font-size-56: 56px;
--unnamed-character-spacing-0: 0px;
--unnamed-line-spacing-21: 21px;
--unnamed-line-spacing-26: 26px;
--unnamed-line-spacing-32: 32px;
--unnamed-line-spacing-34: 34px;
--unnamed-line-spacing-40: 40px;
--unnamed-line-spacing-50: 50px;
--unnamed-line-spacing-67: 67px;
}

html,
body {
  min-height: 100%;
  max-height: 100%;
}

/* Character Styles */
.h4-white-helvetica-neue-24pt {
font-family: var(--unnamed-font-family-assistant);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-24);
line-height: var(--unnamed-line-spacing-32);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--universal-white-ffffff);
}
.h5-white-helvetica-neue-20pt {
font-family: var(--unnamed-font-family-assistant);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-26);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--universal-white-ffffff);
}
.display4-helvetica-neue-56pt {
font-family: var(--unnamed-font-family-muli);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-300);
font-size: var(--unnamed-font-size-56);
line-height: var(--unnamed-line-spacing-67);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--dark-343a40);
}
.h1-helvetica-neue-40pt {
font-family: var(--unnamed-font-family-muli);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-300);
font-size: var(--unnamed-font-size-40);
line-height: var(--unnamed-line-spacing-50);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--dark-343a40);
}
.h2-helvetica-neue-32pt {
font-family: var(--unnamed-font-family-muli);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-300);
font-size: var(--unnamed-font-size-32);
line-height: var(--unnamed-line-spacing-40);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--dark-343a40);
}
.h3-helvetica-neue-28pt {
font-family: var(--unnamed-font-family-mate);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-28);
line-height: var(--unnamed-line-spacing-34);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--dark-343a40);
}
.h4-helvetica-neue-24pt {
font-family: var(--unnamed-font-family-assistant);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-24);
line-height: var(--unnamed-line-spacing-32);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--dark-343a40);
}
.h6-helvetica-neue-16pt {
font-family: var(--unnamed-font-family-assistant);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-21);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--dark-343a40);
}
.h5-helvetica-neue-20pt {
font-family: var(--unnamed-font-family-assistant);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-26);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--dark-343a40);
}

.card-login {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 12px #0000004D;
    border-radius: 0px 20px 20px 0px;
    opacity: 1;
}

.texto-bemvindo{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-assistant);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--dark-343a40);
    text-align: left;
    font: normal normal bold 24px/32px Assistant;
    letter-spacing: 0px;
    color: #343A40;
    opacity: 1;
}

.inputs{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) 14px/var(--unnamed-line-spacing-21) var(--unnamed-font-family-muli);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 300 14px/21px Muli;
    letter-spacing: 0px;
    color: #868E96;
    opacity: 1; 
}

.botao-entrar{
    background: var(--primary-7e00d3) 0% 0% no-repeat padding-box;
    border: 2px solid var(--primary-7e00d3);
    background: #263458 0% 0% no-repeat padding-box;
    border: 2px solid #263458;
    border-radius: 5px;
    opacity: 1;
    top: 414px;
    left: 433px;
    width: 149px;
    height: 41px;
}

.botao-esqueceu{
    font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-assistant);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--primary-7e00d3);
    text-align: center;
    opacity: 1;
    top: 700px;
    left: 272px;
    width: 139px;
    height: 21px;
    border: none;
    border-radius: 4px 4px 0 0;
}
.botao-esqueceu:active{
    font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-assistant);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--primary-7e00d3);
    text-align: center;
    opacity: 1;
    top: 423px;
    left: 272px;
    width: 139px;
    height: 21px;
    border: none;
    border-radius: 4px 4px 0 0;
}
.botao-esqueceu:hover {
    border: none;
    border-bottom:2px solid var(--primary-hover-460373);
    font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-assistant);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--primary-7e00d3);
    text-align: center;
    opacity: 1;
    top: 423px;
    left: 272px;
    width: 139px;
    height: 21px;
    padding-bottom: 10px;
    border-radius: 4px 4px 0 0;
}

.botao-entrar:hover {
    background: var(--primary-hover-460373) 0% 0% no-repeat padding-box;
    border: 2px solid var(--primary-7e00d3);
    background: #202B3C 0% 0% no-repeat padding-box;
    border: 2px solid #263458;
    border-radius: 5px;
    opacity: 1;
}
.botao-entrar:active{
    background: var(--primary-hover-460373) 0% 0% no-repeat padding-box;
    background: #202B3C 0% 0% no-repeat padding-box;
    border: 2px solid #67C3D0;
    border-radius: 5px;
    opacity: 1;
}

.imagem-fundo{
    background: transparent url('assets/css/capa_login.png') 0% 0% no-repeat padding-box!important; 
    opacity: 1!important;
    background-position: right center!important;
}