.loginForm .card{
   width: 400px;
   border:none;
 }
 
 .btn-dark {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
 }
 
 .btn-dark:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
 }
 
 .loginForm .nav-pills{
   display:table !important;
   width:100%;
 }
 
 .loginForm .nav-pills .nav-link {
    border-radius: 0px;
    border-bottom: 1px solid #0d6efd40;
 }
 
 .loginForm .nav-item{
    display: table-cell;
    background: #0d6efd2e;
 }
 
 
 .loginForm .form{
   padding: 10px;
   height: max-content;
   max-height: 400px;
   overflow-y: auto;
   overflow-x: hidden;
 }
 
 .loginForm .form input{
   margin-bottom: 12px;
   border-radius: 3px;
 }
 
 
 .loginForm .form input:focus{
   box-shadow: none;
 }
 
 
 .loginForm .form button{
   margin-top: 20px;
 }

 .loginForm li.active .btl{
  border-top-left-radius: 5px !important;
   background: #0066ff55;
 }
 .loginForm li.active .btr{
  border-top-right-radius: 5px !important;
   background: #0066ff55;
 }
 
 .btr{
   border-top-right-radius: 5px !important;
 }
 
 .btl{
   border-top-left-radius: 5px !important;
 }

 li.loginForm.nav-item a{
  font-size: 20px;
  color:black;
 }

@media only screen and (max-width: 425px) {
  .loginForm .card{
    width: 300px;
  }
}

@media only screen and (min-width: 1200px) {
  #rowLoginForm{
    display:flex;
    flex-flow:row;
    justify-content:center;
    align-items:center;
  }
}