@media only screen and (max-width: 900px) {
  
  .wrapper.wrapper-full-page {
    height: auto;
    min-height: 100vh;
    background-image: url(/frontend/web/img/login.jpg);
    background-size: cover;
    background-position: unset!important;
    height: 100vh;
  }

  .content-login {
    margin-right: 0!important;
  }
  
  .off-canvas-sidebar .page-header>.container {
    padding: 3rem 1.5rem!important; 
  }

  .off-canvas-sidebar .wrapper-full-page .page-header {
    padding: 8vh 0 !important;
  }

  .card { 
    margin-top: 1rem;
    margin-bottom: 2rem;
  }

  .main-panel>.content { 
    margin-top: 4rem;
    padding: 1rem; 
  }

  .sidebar .sidebar-wrapper .navbar-form { 
    display: none;
  } 

  #navbarDropdownProfile{ 
    display: inline-flex; 
  }

  #navbarDropdownProfile ta{ 
        margin-top: 3px;
        text-transform: lowercase;
  }

  .off-canvas-sidebar nav .navbar-collapse:before, .sidebar:before { 
    background-color: #e9e4e4; 
  }

  .container-fluid { 
    padding: 0;
  }

  .nav-pills .nav-item .nav-link { 
    padding: 8px;
  }
  .nav-pills { 
    padding: 0px;
  }

  .container-fluid .p-mobile { 
    padding: 0 !important;
  }

  .wizard-container .inline-force{ 
    display: contents!important;
  }

  .wizard-container .input-group-text .material-icons { 
    font-size: 18px; 
  }

  .card-wizard .input-group-text {
    padding: 6px 6px 0 !important;
  }

  .card-wizard .add-contact, 
  .card-wizard .add-contact-emergency,
  .card-wizard .add-contact-emergency-service { 
    padding: 5px 12px!important;
  }

  .card-wizard .remove-contact,
  .card-wizard .remove-contact-emergency,
  .card-wizard .remove-contact-emergency-service { 
    padding: 5px 8px!important;
  }
  

}

@media only screen and (min-width: 901px) {
  #account .lsize{
    margin-left: 12px;
    margin-top: 0!important;
  }
}

@media only screen and (max-width: 901px) {
  .card .card-body .form-group {
    margin: 2px 0 0!important;
    padding-bottom: 1px!important; 
  }
}

@media only screen and (min-width: 767px) {
  .classremove {
    margin-top: 1.5rem !important;
    padding-right: 0 !important;
  } 
}
@media only screen and (max-width: 768px) { 
  .classremove {
    width: 10%;
    padding: 0px;
    margin: 0 auto;
    position: relative;
    right: 5px;
    top: -4rem; 
  }
  .classremove2 {
    width: 10%;
    padding: 0px;
    margin: 0 auto;
    position: relative;
    right: 5px; 
  }
  .classmolilecontact{
    width: 90%!important;
  }
  .listview-divisor {
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
  }
  .mobile-padding{
    padding: 0!important;
  }
}
 

 
.card-wizard .form-group label {
  position: inherit;
  top: 12px;
}

.card-wizard  .form-group select.form-control {
  position: inherit;
  top: -8px;
}

.card-wizard  .bmd-label-static {
  top: 5px !important;
}


.card-wizard .bloodtypelabel{
  position: inherit;
  top: 20px!important;
}
.card-wizard .field-bicamclients-allergies{
  margin-top: 14px;
}

.main-panel>.footer {
  display: block;
  width: 100%;
  background: #e9e4e4;
  padding: 0.2rem;
  position: absolute;
}


.card-wizard .bootstrap-select {
  width: -webkit-fill-available !important;
  width: 100%!important;
  max-width: 100%!important;
}