html,body{
  height:100vh !important;
  width:100vw !important;
}
.frmContainer{
  height:100vh !important;
  width:500px !important;
}

.rounded-circle{
  display:flex;
  height:100px !important;
  align-items:center;
}
img{
  position:relative;
  top:+6px;
}
label[for=inputFrmTermos_BIT]{
  font-size:.9rem;
}
.TermosTitle{
  font-size:1rem;
}
#modalTermos .modal-body h5{
  font-size:.9rem;
}
#modalTermos .modal-body span,#messageTermos p{
  font-size:.7rem;
}

#modalTermos .modal-body p,#messageTermos h4{
  font-size:.8rem;
}
#messageTermos{
  /* transition:all .3s; */
  display:none;
}

@media screen and (max-width: 768px){
  .modal.modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    max-width: none; 
  }
  
  .modal.modal-fullscreen .modal-content {
    height: auto;
    height: 100%;
    width: 100%;
    border-radius: 0;
    border: none; 
  }
  
  .modal.modal-fullscreen .modal-body {
    overflow-y: auto; 
  }
  
  .frmContainer{
    width:100% !important;
    margin:0px !important; 
    padding:0px !important;
  }
  .formLogin{
    width:100vw !important;
    height:100vh !important;
  }
  img{
    top:-2rem !important;
  }
  h1{
    position:relative;
    top:-2rem !important;
  }
  h4{
    position:relative;
    top:-1rem !important;
  }
  form .row{
    margin-bottom:1rem;
  }
}

/*MESSAGES*/

.message {
    color: #ffffff;
    font-size: var(--font-normal);
    font-weight: var(--weight-strong);
    text-align: center;

    display: block;
    width: 100%;
    padding: 10px;
    border: 2px solid #cccccc;

    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.ajax_response {
    margin: 25px 0;
}

.message.success {
    --color: var(--color-green);
    color: var(--color);
    border-color: var(--color);
    background-color: #fff;
}

.message.info {
    --color: var(--color-blue);
    color: var(--color);
    border-color: var(--color);
    background-color: #fff;
}

.message.warning {
    --color: var(--color-yellow);
    color: var(--color);
    border-color: var(--color);
    background-color: #fff;
}

.message.error {
    --color: var(--color-red);
    color: var(--color);
    border-color: var(--color);
    background-color: #fff;
}

.card-black{
  background: #394150 !important;
  color: #ffffff !important;
}

.card-black, .card-black h4, .card-black label{
  color: #ffffff !important;
}