/*
 *  The following are 'AdminLTE 3.2.0 CSS'-only rulesets used in this project and do not
 *  conflict with any from Bootstrap 5.
 */

:root {
    /* 
        Overwrites `--bs-font-sans-serif` defined in https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.css.
        This is the same as `--font-family-sans-serif` defined in https://cdnjs.cloudflare.com/ajax/libs/admin-lte/3.2.0/css/adminlte.css
        which is no longer used.
    */
    --bs-font-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.wrapper {
    min-height: 100%;
    position: relative;
}
  
.wrapper .content-wrapper {
    min-height: calc(100vh - calc(.5rem + 1px) - calc(.5rem + 1px)); 
    /* min-height: 100%; */
}
  
.content-wrapper {
    background-color: #f4f6f9;
}

.content-wrapper > .content {
    padding: 0 0.5rem;
}

.content-wrapper {
    height: 100%;
}

.content-header {
    padding: 15px 0.5rem;
}
  
.content-header .breadcrumb {
    background-color: transparent;
    line-height: 1.8rem;
    margin-bottom: 0;
    padding: 0;
}
  
.content-header h1 {
    font-size: 1.8rem;
    margin: 0;
}

.card {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    /* border-color:#80bdff; */
    outline: 0;
    box-shadow: inset 0 0 0 transparent
}

.form-group {
    margin-bottom: 1rem;
}


.login-page,
.register-page {
  -ms-flex-align: center;
  align-items: center;
  background-color: #e9ecef;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  -ms-flex-pack: center;
  justify-content: center;
}

.login-box,
.register-box {
  width: 360px;
}

@media (max-width: 576px) {
  .login-box,
  .register-box {
    margin-top: .5rem;
    width: 90%;
  }
}