body {
  font-family: 'Montserrat', 'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
  font-size: .7rem;
  color: #6b7381;
  background: url("../img/bg.jpg") center center no-repeat;
background-size:cover;}

.h3, h3 {
  color: #4e5860 !important;
  padding-bottom: 5px; }

.h4, h4 {
  color: #4e5860 !important; }
  a:hover .h4, a:hover h4 {
    color: #AF272F !important; }

.h6, h6 {
  color: #4e5860; }
  .h6 small, h6 small {
    color: #929EA7; }

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  text-align: center; }

.btn-circle {
  width: 38px;
  height: 38px;
  padding: 7px 0px;
  border-radius: 19px; }
  .btn-circle.btn-sm {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    font-size: .9rem; }
  .btn-circle.btn-md {
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 25px;
    font-size: 1.2rem; }
  .btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 1.5rem; }
  .btn-circle i {
    position: relative;
    top: -1px; }

.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch; }

#main {
  width: 100%;
  position: relative; }

body #content {
  padding-top: 20px; }

.container-fluid.card {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  min-height: 100px;
  position: relative;
  overflow: inherit;
  padding: 15px; }

#header {
  background: linear-gradient(#AF272F,#D10A75);
  border-top: 3px solid #D10A75;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  height: 77px;
  /*position: relative*/
  z-index: 10;
  width: 100%;
  max-width: 100%;
  left: 0;
  padding-right: 10px;
  top: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

ul.header-inner, #header .text-right{
  margin-bottom: 0 !important;
}

.header-inner > li, .waves-effect {
  display: inline-block; }

.header-inner {
  list-style: none;
  padding: 8px 0; }

.header-inner > li {
  vertical-align: middle; }

.header-inner > li:not(:last-child) {
  margin-right: -2px; }

.header-inner .logo {
  padding: 0 10px 0 20px;
  height: 43px; }

.header-inner .clock label {
  color: #AF272F;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 10px; }

#sidebar {
  min-width: 250px;
  max-width: 250px;
  margin-left: 0px;
  background: #2c3236 url("../img/bg_login_galeno.png") no-repeat left top fixed;
  background-size: cover;
  color: #fff;
  transition: all 0.3s;
  min-height: 100vh; }
  #sidebar.active {
    margin-left: -250px; }
  #sidebar a[data-toggle="collapse"] {
    position: relative; }
  #sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%); }
  #sidebar .sidebar-header {
    height: 77px;
    padding: 10px 20px 10px;
    background: rgba(255, 255, 255, 0.5);
    border-top: solid 3px #AF272F;
    text-align: center; }
  #sidebar .sidebar-header h4 {
    padding-top: 9px; }
  #sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #333; }
  #sidebar ul p {
    color: #fff;
    padding: 10px; }
  #sidebar ul li a {
    padding: 10px;
    font-size: 1em;
    display: block;
    color: #ffffff; }
  #sidebar ul li a:hover {
    color: #AF272F;
    background: #fff; }
  #sidebar ul li.active > a, #sidebar a[aria-expanded="true"] {
    color: #fff;
    background: #AF272F; }
  #sidebar ul li ul li.active > a, #sidebar a[aria-expanded="true"] {
    color: #fff;
    background: #EC7351; }
  #sidebar ul ul {
    border-bottom: 2px solid #161616; }
  #sidebar ul ul ul {
    border-bottom: 0px solid #161616; }
  #sidebar ul ul a {
    font-size: 0.85em !important;
    padding-left: 30px !important;
    background: #323232;
    border-bottom: 1px solid #474747; }
  #sidebar ul ul ul a {
    font-size: 0.85em !important;
    padding-left: 45px !important;
    background: #666666; }

@media (max-width: 768px) {
  #sidebar {
    margin-left: -250px; }
    #sidebar.active {
      margin-left: 0; }

  #header {
    height: 70px; }

  .header-inner .logo {
    padding: 0 5px 0 10px;
    height: 43px;
    overflow: hidden; }
    .header-inner .logo a img {
      margin-left: 0px; } }
@media (min-width: 1200px) {
  .sw-toggled #header {
    padding-left: 15px; }
  .sw-toggled #menu-trigger {
    display: none; } }
#footer {
  color: #222222;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 15px; }
  #footer .container-xxl.card {
    background: #AF272F url("../img/logo_banner.png") no-repeat right bottom fixed;
    background-size: 10vw;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    min-height: 100px;
    position: relative;
    overflow: inherit;
    padding: 15px; }

.toasts-top-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1040; }
  .toasts-top-right.fixed {
    position: fixed; }

.toasts-top-left {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1040; }
  .toasts-top-left.fixed {
    position: fixed; }

.toasts-bottom-right {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 1040; }
  .toasts-bottom-right.fixed {
    position: fixed; }

.toasts-bottom-left {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1040; }
  .toasts-bottom-left.fixed {
    position: fixed; }

/* .toast {
    @each $name, $color in $theme-colors {
      @include toast-variant($name, $color);
    }
    @each $name, $color in $colors {
      @include toast-variant($name, $color);
    }
}
*/
[aria-expanded="false"] .fa-chevron-up,
[aria-expanded="true"] .fa-chevron-down {
  display: none; }

/* inician elementos de bootstrap 5 al cambiar a bootstrap 5 revisarlos */
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0; }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0; }
  .modal-fullscreen .modal-body {
    overflow-y: auto; }

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1340px; } }
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

/* terminan elementos de bootstrap 5 al cambiar a bootstrap 5 revisarlos */