@import url("bootstrap.min.css");
@import url("dataTables.min.css");
@import url("bootstrap-datepicker.css");
@import url("select2.min.css");
@import url("dropzone.css");
@import url("jquery.fancybox.min.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");
body {
  font-size: 100%;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  -ms-overflow-style: none; }
  body::-webkit-scrollbar {
    display: none; }

.no-gaps {
  padding-left: 0;
  padding-right: 0; }

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

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed !important;
  width: 100% !important;
  z-index: 999;
  background: #fff; }

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #accordionFamily {
  padding-top: 135px; }

/*COMMON FORMS*/
input.common-button, a.common-button, button.common-button, #btnExcel {
  background: #48c24b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  padding: 7px 14px;
  border: 1px solid #48c24b;
  text-align: center;
  text-decoration: none;
  outline: none; }
  input.common-button:hover, a.common-button:hover, button.common-button:hover, #btnExcel:hover {
    background: #48c24b; }
  input.common-button:focus, a.common-button:focus, button.common-button:focus, #btnExcel:focus {
    box-shadow: none; }
  @media (max-width: 991px) {
    input.common-button.block, a.common-button.block, button.common-button.block, #btnExcel.block {
      width: 100%;
      display: block; } }

input.ghost-button, a.ghost-button, button.ghost-button {
  border: 1px solid #48c24b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #48c24b;
  padding: 7px 14px;
  text-align: center;
  text-decoration: none;
  background: #fff;
  outline: none; }
  input.ghost-button:focus, a.ghost-button:focus, button.ghost-button:focus {
    box-shadow: none; }
  @media (max-width: 991px) {
    input.ghost-button.block, a.ghost-button.block, button.ghost-button.block {
      width: 100%;
      display: block; } }

input.clean-button, a.clean-button, button.clean-button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #666;
  padding: 7px 14px;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border: 0;
  outline: none; }
  input.clean-button:hover, a.clean-button:hover, button.clean-button:hover {
    border-bottom: 1px solid #666; }
  input.clean-button:focus, a.clean-button:focus, button.clean-button:focus {
    box-shadow: none; }
  @media (max-width: 991px) {
    input.clean-button.block, a.clean-button.block, button.clean-button.block {
      width: 100%;
      display: block; } }

form .form-group label {
  margin-bottom: 13.75px;
  font-weight: 600;
  color: #444444; }
  form .form-group label.blank-empty {
    height: 17px; }

form .form-group input.form-control {
  color: #444444; }
  form .form-group input.form-control:focus {
    border: 2px solid #48c24b;
    box-shadow: 0 0 4px 0.1rem rgba(72, 194, 75, 0.1); }
  form .form-group input.form-control.full {
    background: rgba(72, 194, 75, 0.11); }

form .form-group .select2-container {
  width: 100% !important; }
  form .form-group .select2-container .select2-selection {
    height: 38px !important; }
    form .form-group .select2-container .select2-selection .select2-container--default,
    form .form-group .select2-container .select2-selection .select2-selection--single,
    form .form-group .select2-container .select2-selection .select2-selection__rendered {
      height: 38px !important;
      line-height: 38px !important; }
    form .form-group .select2-container .select2-selection .select2-selection__arrow {
      height: 36px;
      line-height: 36px !important; }

form .custom-control {
  margin-left: 6px; }
  @media (max-width: 767px) {
    form .custom-control {
      margin-left: 5px; } }
  form .custom-control .custom-control-input {
    width: 1.8rem;
    height: 1.8rem;
    left: 0;
    top: 0; }
    form .custom-control .custom-control-input:checked ~ .custom-control-label:before {
      border-color: #48c24b;
      background-color: #48c24b;
      color: #fff;
      box-shadow: none; }
    form .custom-control .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
      border-color: #48c24b;
      box-shadow: none;
      outline: none; }
  form .custom-control .custom-control-label {
    margin-left: 5px; }
    form .custom-control .custom-control-label:before {
      width: 1.8rem;
      height: 1.8rem;
      border: 1px solid #bdc4c9;
      top: -2px;
      left: -35px; }
    form .custom-control .custom-control-label:after {
      width: 1.8rem;
      height: 1.8rem;
      top: -2px;
      left: -35px; }

form .fixed-row {
  margin-top: 43px; }

form .dropzone_container {
  width: 100%; }
  form .dropzone_container .upload-zone {
    padding: 14px;
    border: 1px solid #bdc4c9;
    background: #fff url("../images/icons/file-icons.png") no-repeat;
    background-size: 48px 64px;
    background-position: center center;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 15vh;
    min-height: 150px;
    display: flex; }
    form .dropzone_container .upload-zone.dz-drag-hover {
      border: 1px dashed #48c24b; }
    form .dropzone_container .upload-zone .dz-message {
      text-align: center;
      line-height: 14px;
      width: 100%;
      align-self: flex-end;
      display: none; }
      form .dropzone_container .upload-zone .dz-message span {
        font-size: 12px;
        width: 100%;
        display: block;
        color: #48c24b; }
      form .dropzone_container .upload-zone .dz-message small {
        font-size: 10px;
        width: 100%;
        color: #a7a7a7; }
    form .dropzone_container .upload-zone .dz-preview {
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin: 0;
      min-height: 100px; }
      form .dropzone_container .upload-zone .dz-preview .dz-details {
        z-index: 20;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        font-size: 13px;
        min-width: 100%;
        max-width: 100%;
        padding: 14px;
        text-align: center;
        color: rgba(0, 0, 0, 0.9);
        line-height: 120%; }
        form .dropzone_container .upload-zone .dz-preview .dz-details .dz-size {
          font-size: 12px; }
          form .dropzone_container .upload-zone .dz-preview .dz-details .dz-size span {
            background-color: rgba(255, 255, 255, 0.7); }
        form .dropzone_container .upload-zone .dz-preview .dz-details .dz-filename {
          font-size: 12px; }
          form .dropzone_container .upload-zone .dz-preview .dz-details .dz-filename span {
            background-color: rgba(255, 255, 255, 0.7); }
      form .dropzone_container .upload-zone .dz-preview .dz-image {
        overflow: hidden;
        width: 120px;
        height: 120px;
        position: relative;
        display: block;
        z-index: 10;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        background: linear-gradient(to bottom, #eee, #ddd); }
      form .dropzone_container .upload-zone .dz-preview .dz-progress {
        opacity: 0;
        z-index: 1000;
        pointer-events: none;
        position: absolute;
        height: 16px;
        left: 50%;
        top: 80%;
        margin-top: -8px;
        width: 80px;
        margin-left: -40px;
        background: rgba(255, 255, 255, 0.9);
        -webkit-transform: scale(1);
        border-radius: 8px;
        overflow: hidden; }
      form .dropzone_container .upload-zone .dz-preview .dz-error-mark {
        pointer-events: none;
        opacity: 0;
        z-index: 500;
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        margin-left: -27px;
        margin-top: -27px; }
        form .dropzone_container .upload-zone .dz-preview .dz-error-mark svg {
          display: block;
          width: 54px;
          height: 54px; }
      form .dropzone_container .upload-zone .dz-preview .dz-success-mark {
        pointer-events: none;
        opacity: 0;
        z-index: 500;
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        margin-left: -27px;
        margin-top: -27px; }
        form .dropzone_container .upload-zone .dz-preview .dz-success-mark svg {
          display: block;
          width: 54px;
          height: 54px; }
      form .dropzone_container .upload-zone .dz-preview a.dz-remove {
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0px;
        z-index: 999;
        right: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.75);
        color: #111;
        font-size: 12px; }

form .doc-name {
  text-align: center;
  margin-top: 7px;
  color: #444444; }

.dataTables_length {
  display: inline-block;
  float: none !important; }
  .dataTables_length label {
    font-size: 14px;
    color: #444444; }
    .dataTables_length label select {
      border: 1px solid #bdc4c9; }
      .dataTables_length label select:focus {
        border: 1px solid #48c24b;
        outline: none; }

.dataTables_filter {
  display: inline-block;
  float: none !important;
  margin-left: 21px; }
  @media (max-width: 767px) {
    .dataTables_filter {
      margin-left: 0; } }
  .dataTables_filter label {
    color: #444444;
    font-size: 14px; }
    .dataTables_filter label input {
      border: 1px solid #bdc4c9;
      width: 280px;
      max-width: 300px; }
      .dataTables_filter label input:focus {
        border: 1px solid #48c24b;
        outline: none; }

.dataTables_info {
  font-size: 12px; }

.dataTables_paginate a.paginate_button {
  font-size: 12px; }
  .dataTables_paginate a.paginate_button.current {
    border: 1px solid #bdc4c9 !important;
    background: #fff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .dataTables_paginate a.paginate_button.current:hover {
      background: #fff; }

.tip-submenu {
  background: #fff;
  height: 0px;
  width: 150px;
  opacity: 0;
  position: absolute;
  top: 48px;
  right: 15px;
  border: 1px solid #bdc4c9;
  z-index: 1000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  transition: All 0.1s ease-out;
  -webkit-transition: All 0.1s ease-out;
  -moz-transition: All 0.1s ease-out;
  -o-transition: All 0.1s ease-out;
  transform: scale(1.25);
  box-shadow: 0px 1px 6px rgba(68, 68, 68, 0.3);
  overflow: hidden; }
  .tip-submenu.largo {
    width: 200px; }
  .tip-submenu.intable {
    top: 36px;
    right: 45px; }
    .tip-submenu.intable ul li {
      width: 100%;
      align-items: center;
      display: flex; }
      .tip-submenu.intable ul li a {
        text-align: left;
        display: inline-block;
        width: 100%; }
        .tip-submenu.intable ul li a span.submenu-icon {
          background: url("../images/icons/options-submenu-icons.png") no-repeat;
          background-size: 200px 20px;
          width: 20px;
          height: 20px;
          display: inline-block;
          vertical-align: middle;
          margin-right: 7px; }
          .tip-submenu.intable ul li a span.submenu-icon.watch {
            background-position: 0px 0; }
          .tip-submenu.intable ul li a span.submenu-icon.edit {
            background-position: -20px 0; }
          .tip-submenu.intable ul li a span.submenu-icon.delete {
            background-position: -40px 0; }
          .tip-submenu.intable ul li a span.submenu-icon.download {
            background-position: -60px 0; }
          .tip-submenu.intable ul li a span.submenu-icon.ampliar {
            background-position: -80px 0; }
          .tip-submenu.intable ul li a span.submenu-icon.renovar {
            background-position: -100px 0; }
          .tip-submenu.intable ul li a span.submenu-icon.selcompra {
            background-position: -120px 0; }
          .tip-submenu.intable ul li a span.submenu-icon.entrada-inventario {
            background-position: -140px 0; }
          .tip-submenu.intable ul li a span.submenu-icon.salida-inventario {
            background-position: -160px 0; }
          .tip-submenu.intable ul li a span.submenu-icon.movimiento-inventario {
            background-position: -180px 0; }
    .tip-submenu.intable.one.active {
      height: 35px; }
    .tip-submenu.intable.two.active {
      height: 72px; }
    .tip-submenu.intable.three.active {
      height: 105px; }
    .tip-submenu.intable.four.active {
      height: 139px; }
    .tip-submenu.intable.five.active {
      height: 173px; }
    .tip-submenu.intable.six.active {
      height: 207px; }
    .tip-submenu.intable.seven.active {
      height: 241px; }
    .tip-submenu.intable.eight.active {
      height: 275px; }
    .tip-submenu.intable.nine.active {
      height: 309px; }
  .tip-submenu.active {
    opacity: 1;
    height: auto;
    transform: scale(1); }
  .tip-submenu ul {
    padding-left: 0;
    margin-bottom: 0; }
    .tip-submenu ul li {
      list-style: none;
      padding: 0; }
      .tip-submenu ul li a {
        color: #444444;
        font-size: 12px;
        text-decoration: none;
        display: block;
        padding: 7px;
        text-align: left; }
        .tip-submenu ul li a:hover {
          background: #f7f7f7; }
        .tip-submenu ul li a.logout {
          color: #ff0521; }

.wrapper {
  /*INTERIORS*/ }
  .wrapper#login {
    height: 100vh;
    background: url("../images/background-login.png") no-repeat center; }
  .wrapper .left-image-promo {
    width: 100%;
    height: 100vh; }
    @media (max-width: 991px) {
      .wrapper .left-image-promo {
        display: none; } }
    .wrapper .left-image-promo#promote {
      background-image: url("../images/mac-mockup-login.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: -150px center;
      background-attachment: fixed; }
  .wrapper .login-form-container {
    padding: 28px;
    margin: 10vh auto 5vh auto;
    height: auto;
    background: #fff;
    width: 100%;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px; }
    @media (max-width: 991px) {
      .wrapper .login-form-container {
        padding: 14px;
        max-width: calc(100vw - 32px); } }
    .wrapper .login-form-container img.logo {
      width: 35%;
      margin: 0 auto 4vh auto;
      display: block; }
    .wrapper .login-form-container h3 {
      font-size: 21px;
      margin-bottom: 21px;
      font-weight: 600;
      color: #48c24b;
      text-align: center;
      letter-spacing: -1px; }
    .wrapper .login-form-container h4 {
      font-size: 21px;
      margin-bottom: 14px;
      font-weight: 600;
      color: #444444; }
    .wrapper .login-form-container p {
      margin-bottom: 7px;
      color: #48c24b;
      font-weight: 600;
      text-align: right;
      cursor: pointer; }
      .wrapper .login-form-container p span.toggle-password {
        margin-right: 7px;
        background-size: 24px 24px;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: bottom; }
        .wrapper .login-form-container p span.toggle-password.show {
          background-image: url("../images/icons/eye-open.png"); }
        .wrapper .login-form-container p span.toggle-password.hide {
          background-image: url("../images/icons/eye-close.png"); }
    .wrapper .login-form-container a.forgot-password {
      color: #48c24b;
      font-size: 14px; }
  .wrapper#admin .topnav {
    background: #48c24b;
    padding: 0;
    position: fixed;
    display: flex;
    width: 100%;
    z-index: 999; }
    .wrapper#admin .topnav a.navbar-brand {
      width: 170px; }
      .wrapper#admin .topnav a.navbar-brand img {
        width: 50px;
        margin-left: 10px; }
    .wrapper#admin .topnav .hamburger {
      padding: 12px 15px;
      display: inline-block;
      cursor: pointer;
      transition-property: opacity, filter;
      transition-duration: 0.15s;
      transition-timing-function: linear;
      font: inherit;
      color: inherit;
      text-transform: none;
      background-color: transparent;
      border: 0;
      margin: 0;
      overflow: visible;
      outline: none; }
      @media (max-width: 991px) {
        .wrapper#admin .topnav .hamburger {
          display: none; } }
      .wrapper#admin .topnav .hamburger:hover {
        opacity: 0.9; }
      .wrapper#admin .topnav .hamburger.is-active .hamburger-inner {
        background-color: #fff; }
        .wrapper#admin .topnav .hamburger.is-active .hamburger-inner:before, .wrapper#admin .topnav .hamburger.is-active .hamburger-inner:after {
          background-color: #fff; }
      .wrapper#admin .topnav .hamburger.is-active:hover {
        opacity: 0.9; }
      .wrapper#admin .topnav .hamburger .hamburger-box {
        width: 24px;
        height: 24px;
        display: inline-block;
        position: relative; }
        .wrapper#admin .topnav .hamburger .hamburger-box .hamburger-inner {
          display: block;
          top: 50%;
          width: 24px;
          height: 2px;
          background-color: #fff;
          border-radius: 4px;
          position: absolute;
          transition-property: transform;
          transition-duration: 0.15s;
          transition-timing-function: ease; }
          .wrapper#admin .topnav .hamburger .hamburger-box .hamburger-inner:before, .wrapper#admin .topnav .hamburger .hamburger-box .hamburger-inner:after {
            width: 24px;
            height: 2px;
            background-color: #fff;
            border-radius: 4px;
            position: absolute;
            transition-property: transform;
            transition-duration: 0.15s;
            transition-timing-function: ease;
            content: "";
            display: block; }
          .wrapper#admin .topnav .hamburger .hamburger-box .hamburger-inner:before {
            top: -7px; }
          .wrapper#admin .topnav .hamburger .hamburger-box .hamburger-inner:after {
            bottom: -7px; }
    .wrapper#admin .topnav .hamburger--arrowalt-r .hamburger-inner:before {
      transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .wrapper#admin .topnav .hamburger--arrowalt-r .hamburger-inner:after {
      transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .wrapper#admin .topnav .hamburger--arrowalt-r.is-active .hamburger-inner::before {
      top: 0;
      transform: translate3d(7px, -6px, 0) rotate(45deg) scale(0.7, 1);
      transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
    .wrapper#admin .topnav .hamburger--arrowalt-r.is-active .hamburger-inner::after {
      bottom: 0;
      transform: translate3d(7px, 6px, 0) rotate(-45deg) scale(0.7, 1);
      transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
    .wrapper#admin .topnav .tasks {
      padding: 15px 10px;
      margin: 0 0 0 auto; }
      .wrapper#admin .topnav .tasks a.tasks-icon {
        background: url("../images/icons/whatsapp-icon.svg") no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
        display: block;
        position: relative; }
        .wrapper#admin .topnav .tasks a.tasks-icon span.task-notification {
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          display: block;
          position: absolute;
          background: #ff0521;
          width: 12px;
          height: 12px;
          top: -5px;
          left: -5px; }
    .wrapper#admin .topnav .user-profile {
      padding: 6px 10px;
      margin: 0 0 0 0;
      position: relative;
      display: flex;
      align-items: center;
      gap: 10px; }
      .wrapper#admin .topnav .user-profile ul {
        padding-left: 0;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        gap: 10px; }
        .wrapper#admin .topnav .user-profile ul li {
          list-style: none; }
          .wrapper#admin .topnav .user-profile ul li p.user-name {
            margin-bottom: 0;
            color: #fff;
            font-size: 13.8px; }
            @media (max-width: 991px) {
              .wrapper#admin .topnav .user-profile ul li p.user-name {
                display: none; } }
          .wrapper#admin .topnav .user-profile ul li .badge-name {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            background: #fff;
            color: #fff;
            font-weight: bold;
            width: 40px;
            height: 40px;
            text-align: center;
            font-size: 14px;
            line-height: 28px;
            text-decoration: none;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center; }
            .wrapper#admin .topnav .user-profile ul li .badge-name img {
              width: 36px;
              height: 36px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%;
              border-radius: 50%; }
            .wrapper#admin .topnav .user-profile ul li .badge-name span.arrow-options {
              background: url("../images/icons/arrow-down.png") no-repeat;
              background-size: 10px 8px;
              position: absolute;
              right: -14px;
              top: 13.9px;
              width: 10px;
              height: 8px; }
          .wrapper#admin .topnav .user-profile ul li a.logout {
            display: block;
            border-left: 1px solid #3eb841;
            padding: 0px 12px; }
            .wrapper#admin .topnav .user-profile ul li a.logout img {
              width: 24px;
              height: 24px; }
  .wrapper#admin nav.sb-sidenav {
    width: 220px;
    height: 100vh;
    background: #f7f7f7;
    position: fixed;
    border-right: 1px solid #eaeaea;
    transition: width 0.25s ease-in;
    -webkit-transition: width 0.25s ease-in;
    -moz-transition: width 0.25s ease-in;
    -o-transition: width 0.25s ease-in;
    transition: All 0.2s ease-in;
    -webkit-transition: All 0.2s ease-in;
    -moz-transition: All 0.2s ease-in;
    -o-transition: All 0.2s ease-in; }
    .wrapper#admin nav.sb-sidenav.collapsed-sidebar {
      width: 50px; }
    @media (max-width: 991px) {
      .wrapper#admin nav.sb-sidenav {
        width: 50px; } }
    .wrapper#admin nav.sb-sidenav ul.sidebar-menu {
      padding: 70px 0 0 0;
      transition: All 0.25s ease-in;
      -webkit-transition: All 0.25s ease-in;
      -moz-transition: All 0.25s ease-in;
      -o-transition: All 0.25s ease-in;
      max-height: 90vh;
      overflow: scroll; }
      .wrapper#admin nav.sb-sidenav ul.sidebar-menu li {
        list-style: none; }
        .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link {
          color: #a7a7a7;
          font-size: 14px;
          padding: 8px 13px;
          display: flex;
          transition: All 0.1s ease;
          -webkit-transition: All 0.1s ease;
          -moz-transition: All 0.1s ease;
          -o-transition: All 0.1s ease;
          cursor: pointer; }
          .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link:hover {
            color: rgba(72, 194, 75, 0.85); }
            .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link:hover div.item-icon {
              width: 24px;
              height: 24px;
              display: block;
              background: url("../images/icons/icons-menu-sprite.png") no-repeat;
              background-size: 140px 70px; }
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link:hover div.item-icon#pacientes {
                background-position: -7px -40px; }
          .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link.active {
            color: #48c24b;
            font-weight: bold; }
            .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link.active div.item-icon {
              background: url("../images/icons/icons-menu-sprite.png") no-repeat;
              background-size: 140px 70px; }
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link.active div.item-icon#pacientes {
                background-position: -7px -40px; }
          .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link div.item-icon {
            width: 24px;
            height: 24px;
            display: block;
            background: url("../images/icons/icons-menu-sprite.png") no-repeat;
            background-size: 140px 70px; }
            .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link div.item-icon#pacientes {
              background-position: -7px -5px; }
          .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link span.item-name {
            margin-left: 7px; }
            .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link span.item-name.hide {
              display: none; }
            @media (max-width: 991px) {
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li a.nav-link span.item-name {
                display: none; } }
        .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar {
          background: #eaeaea;
          display: flex;
          flex-direction: column;
          padding-left: 0;
          overflow: hidden;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a {
            display: flex;
            color: #444444;
            font-size: 14px;
            padding: 10px 13px;
            text-decoration: none; }
            .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a:hover {
              background: rgba(72, 194, 75, 0.2); }
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a:hover div.item-icon {
                width: 24px;
                height: 24px;
                display: block;
                background: url("../images/icons/icons-menu-sprite.png") no-repeat;
                background-size: 140px 70px; }
                .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a:hover div.item-icon#pacientes {
                  background-position: -7px -40px; }
                .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a:hover div.item-icon#generales {
                  background-position: -40px -41px; }
                .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a:hover div.item-icon#documentos {
                  background-position: -75px -40px; }
                .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a:hover div.item-icon#comentarios {
                  background-position: -109px -41px; }
            .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a.active {
              color: #444444;
              font-weight: bold;
              background: rgba(72, 194, 75, 0.2); }
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a.active div.item-icon {
                background: url("../images/icons/icons-menu-sprite.png") no-repeat;
                background-size: 140px 70px; }
                .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a.active div.item-icon#pacientes {
                  background-position: -7px -40px; }
                .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a.active div.item-icon#generales {
                  background-position: -40px -40px; }
                .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a.active div.item-icon#documentos {
                  background-position: -75px -40px; }
                .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a.active div.item-icon#comentarios {
                  background-position: -109px -40px; }
            .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a div.item-icon {
              width: 24px;
              height: 24px;
              display: block;
              background: url("../images/icons/icons-menu-sprite.png") no-repeat;
              background-size: 140px 70px; }
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a div.item-icon#pacientes {
                background-position: -7px -40px; }
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a div.item-icon#generales {
                background-position: -40px -6px; }
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a div.item-icon#documentos {
                background-position: -75px -5px; }
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a div.item-icon#comentarios {
                background-position: -109px -6px; }
            .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a span.item-name {
              margin-left: 7px; }
              .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a span.item-name.hide {
                display: none; }
              @media (max-width: 991px) {
                .wrapper#admin nav.sb-sidenav ul.sidebar-menu li ul.submenu-navbar li.submenu-item a span.item-name {
                  display: none; } }
  .wrapper#admin .main-content {
    transition: padding 0.25s ease-in;
    -webkit-transition: padding 0.25s ease-in;
    -moz-transition: padding 0.25s ease-in;
    -o-transition: padding 0.25s ease-in; }
    @media (max-width: 991px) {
      .wrapper#admin .main-content {
        padding: 70px 15px 30px 65px; } }
    .wrapper#admin .main-content.sidebar {
      padding: 70px 15px 30px 240px; }
      @media (max-width: 991px) {
        .wrapper#admin .main-content.sidebar {
          padding: 70px 15px 30px 65px; } }
    .wrapper#admin .main-content.sidebar.filters {
      padding: 70px 270px 30px 240px; }
      @media (max-width: 991px) {
        .wrapper#admin .main-content.sidebar.filters {
          padding: 70px 15px 30px 65px; } }
      @media (min-width: 992px) and (max-width: 1280px) {
        .wrapper#admin .main-content.sidebar.filters {
          padding: 70px 20px 30px 240px; } }
    .wrapper#admin .main-content.collapsed-filters {
      padding: 70px 30px 30px 240px; }
      @media (max-width: 991px) {
        .wrapper#admin .main-content.collapsed-filters {
          padding: 70px 15px 30px 65px; } }
    .wrapper#admin .main-content.collapsed-sidebar {
      padding: 70px 270px 30px 70px; }
      @media (max-width: 991px) {
        .wrapper#admin .main-content.collapsed-sidebar {
          padding: 70px 15px 30px 65px; } }
    .wrapper#admin .main-content.collapsed-filters.collapsed-sidebar {
      padding: 70px 30px 30px 70px; }
      @media (max-width: 991px) {
        .wrapper#admin .main-content.collapsed-filters.collapsed-sidebar {
          padding: 70px 15px 30px 65px; } }
    .wrapper#admin .main-content .page-header {
      margin-bottom: 28px; }
      .wrapper#admin .main-content .page-header .page-title h1 {
        color: #a7a7a7;
        font-size: 13.8px;
        vertical-align: middle;
        margin-bottom: 0; }
        @media (max-width: 991px) {
          .wrapper#admin .main-content .page-header .page-title h1 {
            margin-bottom: 14px; } }
      .wrapper#admin .main-content .page-header .breadcrumbs-navigation {
        margin-bottom: 28px; }
        @media (max-width: 991px) {
          .wrapper#admin .main-content .page-header .breadcrumbs-navigation {
            display: none; } }
        .wrapper#admin .main-content .page-header .breadcrumbs-navigation ul {
          padding-left: 0;
          margin-bottom: 0;
          display: flex;
          align-items: center; }
          @media (max-width: 991px) {
            .wrapper#admin .main-content .page-header .breadcrumbs-navigation ul {
              margin-bottom: 14px; } }
          .wrapper#admin .main-content .page-header .breadcrumbs-navigation ul li {
            list-style: none;
            margin: 0 7px; }
            .wrapper#admin .main-content .page-header .breadcrumbs-navigation ul li:first-child {
              margin-left: 0; }
            .wrapper#admin .main-content .page-header .breadcrumbs-navigation ul li a {
              color: #a7a7a7;
              font-size: 13.8px; }
              .wrapper#admin .main-content .page-header .breadcrumbs-navigation ul li a.current {
                color: #444444; }
          .wrapper#admin .main-content .page-header .breadcrumbs-navigation ul span.arrow-right {
            background: url("../images/icons/breadcrumbs-arrow.png");
            background-position: center;
            background-size: 7px 11px;
            width: 7px;
            height: 11px; }
    .wrapper#admin .main-content .context-action-button.fixed-margins {
      margin-top: 42px;
      margin-bottom: 28px; }
    .wrapper#admin .main-content .context-action-button p {
      text-align: right;
      margin-bottom: 0; }
      @media (max-width: 991px) {
        .wrapper#admin .main-content .context-action-button p {
          text-align: center; } }
      .wrapper#admin .main-content .context-action-button p span.add-icon {
        width: 35px;
        height: 35px;
        margin-right: 14px;
        display: inline-block;
        background: #a7a7a7;
        vertical-align: middle;
        background: url("../images/icons/add-icon.png") no-repeat;
        background-size: 70px 35px;
        background-position: 0px 0; }
      .wrapper#admin .main-content .context-action-button p a.new-action {
        display: inline-block;
        color: #48c24b;
        transition: All 0.2s ease-in;
        -webkit-transition: All 0.2s ease-in;
        -moz-transition: All 0.2s ease-in;
        -o-transition: All 0.2s ease-in;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #fff;
        vertical-align: middle;
        font-weight: 600;
        font-size: 14px;
        text-decoration: none;
        overflow: hidden;
        padding: 7px 14px;
        line-height: 14px; }
        @media (max-width: 767px) {
          .wrapper#admin .main-content .context-action-button p a.new-action {
            border: 1px solid #48c24b !important;
            width: 100%; } }
        .wrapper#admin .main-content .context-action-button p a.new-action:hover {
          border: 1px solid #48c24b !important; }
          .wrapper#admin .main-content .context-action-button p a.new-action:hover span.add-icon {
            background-position: -35px 0px; }
    .wrapper#admin .main-content .dashboard-squares-container {
      display: grid;
      justify-items: stretch;
      align-items: stretch;
      gap: 15px;
      grid-template-columns: 2fr 1fr 1fr;
      grid-template-rows: repeat(2, 1fr);
      height: 80vh;
      width: 100%; }
      @media (max-width: 991px) {
        .wrapper#admin .main-content .dashboard-squares-container {
          grid-template-columns: repeat(3, 1fr);
          grid-template-rows: repeat(5, 1fr);
          height: 100vh; } }
      .wrapper#admin .main-content .dashboard-squares-container .dashboard-square {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        align-items: end;
        justify-items: start;
        overflow: hidden;
          overflow-position: relative;
        transition: All 0.4s ease;
        -webkit-transition: All 0.4s ease;
        -moz-transition: All 0.4s ease;
        -o-transition: All 0.4s ease; }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square:hover {
          transition: All 0.3s ease;
          -webkit-transition: All 0.3s ease;
          -moz-transition: All 0.3s ease;
          -o-transition: All 0.3s ease;
          transform: scale(1.025);
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.disabled:hover {
          transform: scale(1); }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.full {
          grid-column-start: 1;
          grid-column-end: 2;
          grid-row-start: 1;
          grid-row-end: 3; }
          .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.full#precotizaciones {
            background: url("../images/bg-precotizaciones.jpg") no-repeat;
            background-size: cover;
            background-position: center; }
          @media (max-width: 991px) {
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.full {
              grid-column-start: 1;
              grid-column-end: 4;
              grid-row-start: 1;
              grid-row-end: 2; } }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#cotizaciones {
          grid-column-start: 2;
          grid-column-end: 3;
          grid-row-start: 1;
          grid-row-end: 2;
          background: url("../images/bg-cotizaciones.jpg") no-repeat;
          background-size: cover;
          background-position: center; }
          @media (max-width: 991px) {
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#cotizaciones {
              grid-column-start: 1;
              grid-column-end: 4;
              grid-row-start: 2;
              grid-row-end: 3; } }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#proyectos {
          grid-column-start: 3;
          grid-column-end: 4;
          grid-row-start: 1;
          grid-row-end: 2;
          background: url("../images/bg-proyectos.jpg") no-repeat;
          background-size: cover;
          background-position: center; }
          @media (max-width: 991px) {
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#proyectos {
              grid-column-start: 1;
              grid-column-end: 4;
              grid-row-start: 3;
              grid-row-end: 4; } }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#analisis {
          grid-column-start: 2;
          grid-column-end: 3;
          grid-row-start: 2;
          grid-row-end: 2;
          background: url("../images/bg-analisis.jpg") no-repeat;
          background-size: cover;
          background-position: center; }
          @media (max-width: 991px) {
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#analisis {
              grid-column-start: 1;
              grid-column-end: 4;
              grid-row-start: 4;
              grid-row-end: 5; } }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#ingresos {
          grid-column-start: 3;
          grid-column-end: 4;
          grid-row-start: 2;
          grid-row-end: 3;
          background: url("../images/bg-ingresos.jpg") no-repeat;
          background-size: cover;
          background-position: center; }
          @media (max-width: 991px) {
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#ingresos {
              grid-column-start: 1;
              grid-column-end: 4;
              grid-row-start: 5;
              grid-row-end: 6; } }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#morado {
          grid-column-start: 3;
          grid-column-end: 4;
          grid-row-start: 2;
          grid-row-end: 3;
          background: #4a017d;
          background-size: cover;
          background-position: center; }
          @media (max-width: 991px) {
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square.quarter#morado {
              grid-column-start: 1;
              grid-column-end: 4;
              grid-row-start: 5;
              grid-row-end: 6; } }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square .locked-mask {
          grid-column-start: 1;
          grid-column-end: -1;
          grid-row-start: 1;
          grid-row-end: -1;
          background: rgba(0, 0, 0, 0.45) url("../images/gridtile.png") repeat;
          height: 100%;
          width: 100%;
          z-index: 999;
          cursor: not-allowed; }
          .wrapper#admin .main-content .dashboard-squares-container .dashboard-square .locked-mask:hover {
            background: rgba(0, 0, 0, 0.5) url("../images/gridtile.png") repeat; }
        .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link {
          text-decoration: none;
          grid-column-start: 1;
          grid-column-end: 2;
          grid-row-start: 1;
          grid-row-end: 3;
          align-items: end;
          width: 100%;
          height: 100%;
          overflow: hidden;
          position: relative;
          display: grid; }
          .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link:hover span.icons {
            transform: translate(0px, -6px); }
          .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do {
            padding: 28px;
            grid-column-start: 1;
            grid-column-end: 2;
            grid-row-start: 2;
            grid-row-end: 3; }
            @media (max-width: 991px) {
              .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do {
                padding: 21px; } }
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity {
              color: #fff;
              margin-bottom: 0;
              font-weight: 600; }
              @media (max-width: 991px) {
                .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity {
                  font-size: 28px !important; } }
              .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity span.chart {
                width: 60px;
                height: 28px;
                display: inline-block;
                margin-left: 7px; }
                .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity span.chart.up {
                  background: url("../images/icons/chart-up.png") no-repeat;
                  background-size: 60px 28px;
                  background-position: center center;
                  width: 60px;
                  height: 28px; }
                .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity span.chart.down {
                  background: url("../images/icons/chart-down.png") no-repeat;
                  background-size: 60px 28px;
                  background-position: center center;
                  width: 60px;
                  height: 28px; }
              .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity span.icons {
                width: 36px;
                height: 34px;
                display: inline-block;
                margin-left: 7px;
                vertical-align: baseline;
                transition: All 0.2s ease;
                -webkit-transition: All 0.2s ease;
                -moz-transition: All 0.2s ease;
                -o-transition: All 0.2s ease; }
                .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity span.icons.precotizaciones {
                  background: url("../images/icons/precotizaciones-white-icon.png");
                  background-size: 36px 34px;
                  background-position: center center; }
                .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity span.icons.cotizaciones {
                  background: url("../images/icons/cotizaciones-white-icon.png");
                  background-size: 36px 34px;
                  background-position: center center; }
                .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity span.icons.proyectos {
                  background: url("../images/icons/proyectos-white-icon.png");
                  background-size: 36px 34px;
                  background-position: center center; }
                .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity span.icons.analisis {
                  background: url("../images/icons/analisis-white-icon.png");
                  background-size: 36px 34px;
                  background-position: center center; }
                .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do h4.quantity span.icons.ingresos {
                  background: url("../images/icons/ingresos-white-icon.png");
                  background-size: 36px 34px;
                  background-position: center center; }
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do p.name {
              color: #fff;
              margin-bottom: 0;
              font-weight: 400; }
              @media (max-width: 991px) {
                .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do p.name {
                  font-size: 14px !important; } }
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do.full h4.quantity {
              font-size: 84px; }
            .wrapper#admin .main-content .dashboard-squares-container .dashboard-square a.square-link .work-to-do.full p.name {
              font-size: 21px; }
    .wrapper#admin .main-content .files-list {
      position: relative; }
      .wrapper#admin .main-content .files-list.sticky-resume-table {
        background: #fff;
        z-index: 99; }
      .wrapper#admin .main-content .files-list p.text-right {
        margin-bottom: 0;
        position: absolute;
        right: 0;
        top: 5px;
        z-index: 99; }
        @media (max-width: 767px) {
          .wrapper#admin .main-content .files-list p.text-right {
            right: 0px;
            top: -60px; } }
        .wrapper#admin .main-content .files-list p.text-right span.arrow-toggle {
          height: 20px;
          width: 20px;
          display: block;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          margin: 0 0 0 auto;
          cursor: pointer; }
          .wrapper#admin .main-content .files-list p.text-right span.arrow-toggle.arrow-expanded {
            background: #48c24b url("../images/icons/toggle-arrow-right.png") no-repeat;
            background-size: 9px 16px;
            background-position: center center; }
          .wrapper#admin .main-content .files-list p.text-right span.arrow-toggle.arrow-collapsed {
            background: #48c24b url("../images/icons/toggle-arrow-left.png") no-repeat;
            background-size: 9px 16px;
            background-position: center center; }
      @media (max-width: 991px) {
        .wrapper#admin .main-content .files-list#no-more-tables table, .wrapper#admin .main-content .files-list#no-more-tables thead, .wrapper#admin .main-content .files-list#no-more-tables tbody, .wrapper#admin .main-content .files-list#no-more-tables th, .wrapper#admin .main-content .files-list#no-more-tables td, .wrapper#admin .main-content .files-list#no-more-tables tr, .wrapper#admin .main-content .files-list#collapse-tables table, .wrapper#admin .main-content .files-list#collapse-tables thead, .wrapper#admin .main-content .files-list#collapse-tables tbody, .wrapper#admin .main-content .files-list#collapse-tables th, .wrapper#admin .main-content .files-list#collapse-tables td, .wrapper#admin .main-content .files-list#collapse-tables tr {
          display: block;
          width: auto !important;
          margin: 0; }
          .wrapper#admin .main-content .files-list#no-more-tables table thead tr, .wrapper#admin .main-content .files-list#no-more-tables thead thead tr, .wrapper#admin .main-content .files-list#no-more-tables tbody thead tr, .wrapper#admin .main-content .files-list#no-more-tables th thead tr, .wrapper#admin .main-content .files-list#no-more-tables td thead tr, .wrapper#admin .main-content .files-list#no-more-tables tr thead tr, .wrapper#admin .main-content .files-list#collapse-tables table thead tr, .wrapper#admin .main-content .files-list#collapse-tables thead thead tr, .wrapper#admin .main-content .files-list#collapse-tables tbody thead tr, .wrapper#admin .main-content .files-list#collapse-tables th thead tr, .wrapper#admin .main-content .files-list#collapse-tables td thead tr, .wrapper#admin .main-content .files-list#collapse-tables tr thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
            border: 1px solid #ccc; }
          .wrapper#admin .main-content .files-list#no-more-tables table tbody td, .wrapper#admin .main-content .files-list#no-more-tables thead tbody td, .wrapper#admin .main-content .files-list#no-more-tables tbody tbody td, .wrapper#admin .main-content .files-list#no-more-tables th tbody td, .wrapper#admin .main-content .files-list#no-more-tables td tbody td, .wrapper#admin .main-content .files-list#no-more-tables tr tbody td, .wrapper#admin .main-content .files-list#collapse-tables table tbody td, .wrapper#admin .main-content .files-list#collapse-tables thead tbody td, .wrapper#admin .main-content .files-list#collapse-tables tbody tbody td, .wrapper#admin .main-content .files-list#collapse-tables th tbody td, .wrapper#admin .main-content .files-list#collapse-tables td tbody td, .wrapper#admin .main-content .files-list#collapse-tables tr tbody td {
            /* Behave  like a "row" */
            border: none;
            position: relative;
            padding-left: 30%;
            white-space: normal;
            text-align: left; }
            .wrapper#admin .main-content .files-list#no-more-tables table tbody td:before, .wrapper#admin .main-content .files-list#no-more-tables thead tbody td:before, .wrapper#admin .main-content .files-list#no-more-tables tbody tbody td:before, .wrapper#admin .main-content .files-list#no-more-tables th tbody td:before, .wrapper#admin .main-content .files-list#no-more-tables td tbody td:before, .wrapper#admin .main-content .files-list#no-more-tables tr tbody td:before, .wrapper#admin .main-content .files-list#collapse-tables table tbody td:before, .wrapper#admin .main-content .files-list#collapse-tables thead tbody td:before, .wrapper#admin .main-content .files-list#collapse-tables tbody tbody td:before, .wrapper#admin .main-content .files-list#collapse-tables th tbody td:before, .wrapper#admin .main-content .files-list#collapse-tables td tbody td:before, .wrapper#admin .main-content .files-list#collapse-tables tr tbody td:before {
              /* Now like a table header */
              position: absolute;
              /* Top/left values mimic padding */
              top: 8px;
              left: 6px;
              width: 4%;
              padding-right: 10px;
              white-space: nowrap;
              text-align: right;
              font-weight: bold;
              display: block;
              content: attr(data-title); } }
      .wrapper#admin .main-content .files-list table.generic-table {
        background: #fff;
        border-bottom: 0 !important;
        margin-bottom: 42px;
        vertical-align: middle; }
        .wrapper#admin .main-content .files-list table.generic-table.table-striped tbody tr:nth-of-type(odd) {
          background: #f7f7f7; }
          @media (max-width: 991px) {
            .wrapper#admin .main-content .files-list table.generic-table.table-striped tbody tr:nth-of-type(odd) {
              background: #eaeaea; } }
        .wrapper#admin .main-content .files-list table.generic-table.table-striped tbody tr:hover {
          background: rgba(72, 194, 75, 0.2); }
        .wrapper#admin .main-content .files-list table.generic-table thead tr th {
          color: #a7a7a7;
          font-weight: 400;
          font-size: 13.8px;
          text-align: left;
          border-bottom: 0;
          border-top: 0;
          padding: 10px 10px; }
          @media (max-width: 767px) {
            .wrapper#admin .main-content .files-list table.generic-table thead tr th.mobile-hidden {
              display: none !important; } }
        .wrapper#admin .main-content .files-list table.generic-table tbody {
          font-size: 13.85px; }
          .wrapper#admin .main-content .files-list table.generic-table tbody tr:hover {
            background: rgba(72, 194, 75, 0.2); }
          .wrapper#admin .main-content .files-list table.generic-table tbody tr td {
            color: #444444;
            text-align: left;
            font-size: 13px;
            border: 0;
            position: relative;
            vertical-align: middle;
            padding-top: 5px;
            padding-bottom: 5px; }
            @media (max-width: 991px) {
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td {
                text-align: left; } }
            @media (max-width: 767px) {
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td.mobile-hidden {
                display: none !important; } }
            .wrapper#admin .main-content .files-list table.generic-table tbody tr td a.cve {
              color: #48c24b; }
            .wrapper#admin .main-content .files-list table.generic-table tbody tr td span.status {
              font-size: 10px;
              font-weight: bold;
              text-align: center;
              padding: 2px 12px;
              -webkit-border-radius: 14px;
              -moz-border-radius: 14px;
              -ms-border-radius: 14px;
              -o-border-radius: 14px;
              border-radius: 14px;
              color: #fff;
              text-transform: uppercase; }
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td span.status.green {
                background: #3fcc69; }
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td span.status.yellow {
                background: #f5b31b; }
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td span.status.red {
                background: #ff0521; }
            .wrapper#admin .main-content .files-list table.generic-table tbody tr td a.options {
              display: inline-block;
              width: auto;
              padding: 0;
              position: relative;
              margin: 0 auto;
              color: #444444;
              padding: 7px 14px;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              -ms-border-radius: 4px;
              -o-border-radius: 4px;
              border-radius: 4px;
              font-size: 12px;
              text-align: center; }
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td a.options:hover {
                background: #48c24b;
                text-decoration: none;
                color: #fff; }
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td a.options span {
                background: url("../images/icons/options-icon.png") no-repeat;
                background-size: 20px 5px;
                background-position: center;
                width: 20px;
                height: 5px;
                display: block; }
                .wrapper#admin .main-content .files-list table.generic-table tbody tr td a.options span.watch {
                  background: url("../images/icons/eye-open.png") no-repeat;
                  background-size: 24px 24px;
                  background-position: 0px 0;
                  width: 24px;
                  height: 24px;
                  display: inline-block;
                  vertical-align: middle;
                  margin-right: 7px;
                  margin-top: -14px; }
            .wrapper#admin .main-content .files-list table.generic-table tbody tr td a.delete {
              display: block;
              height: 20px;
              width: 20px;
              margin: 0 auto; }
              @media (max-width: 767px) {
                .wrapper#admin .main-content .files-list table.generic-table tbody tr td a.delete {
                  margin: 0 auto 0 0; } }
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td a.delete span.trash-icon {
                background: url("../images/icons/trash-icon.png") no-repeat;
                background-size: 20px 20px;
                background-position: center;
                width: 20px;
                height: 20px;
                display: block; }
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td a.delete span.download-icon {
                background: url("../images/icons/download-icon.png") no-repeat;
                background-size: 20px 20px;
                background-position: center;
                width: 20px;
                height: 20px;
                display: block; }
            .wrapper#admin .main-content .files-list table.generic-table tbody tr td p.description {
              width: 100%;
              max-width: 320px;
              text-align: left;
              margin-bottom: 0; }
            .wrapper#admin .main-content .files-list table.generic-table tbody tr td input.form-control, .wrapper#admin .main-content .files-list table.generic-table tbody tr td textarea.form-control {
              outline: none;
              color: #444444;
              font-size: 12px; }
              .wrapper#admin .main-content .files-list table.generic-table tbody tr td input.form-control:focus, .wrapper#admin .main-content .files-list table.generic-table tbody tr td textarea.form-control:focus {
                border: 1px solid #48c24b;
                box-shadow: none; }
    .wrapper#admin .main-content .steps-process nav .nav-tabs {
      z-index: 100; }
      .wrapper#admin .main-content .steps-process nav .nav-tabs.fixed {
        position: fixed; }
      .wrapper#admin .main-content .steps-process nav .nav-tabs.relative {
        position: relative; }
      .wrapper#admin .main-content .steps-process nav .nav-tabs a.nav-item.nav-link {
        width: 33.33%;
        text-align: center;
        border-radius: 0;
        text-transform: uppercase;
        font-size: 13.8px;
        font-weight: 600;
        background: #fff;
        color: #a7a7a7;
        margin-bottom: 0;
        border-bottom: 3px solid #a7a7a7;
        border-left: 0;
        border-right: 0;
        border-top: 0; }
        @media (max-width: 767px) {
          .wrapper#admin .main-content .steps-process nav .nav-tabs a.nav-item.nav-link {
            width: 100%;
            font-size: 14px; } }
        .wrapper#admin .main-content .steps-process nav .nav-tabs a.nav-item.nav-link:hover {
          border-left: 0;
          border-right: 0;
          border-top: 0;
          border-bottom: 3px solid #48c24b !important;
          background: #dbcce5;
          color: #48c24b; }
        .wrapper#admin .main-content .steps-process nav .nav-tabs a.nav-item.nav-link.active {
          background: #dbcce5;
          color: #48c24b;
          border-bottom: 3px solid #48c24b;
          border-left: 0;
          border-right: 0;
          border-top: 0; }
    .wrapper#admin .main-content .steps-process nav .tab-content {
      padding: 28px 0; }
      .wrapper#admin .main-content .steps-process nav .tab-content .tab-pane p.fields-group-title {
        font-weight: 600;
        font-size: 15.4px;
        letter-spacing: 1px;
        color: #a7a7a7;
        margin-bottom: 21px; }
    .wrapper#admin .main-content .steps-process form .row.separator {
      margin-bottom: 28px; }
      @media (max-width: 991px) {
        .wrapper#admin .main-content .steps-process form .row.separator {
          margin-bottom: 0; } }
    .wrapper#admin .main-content .steps-process form .row .form-group label {
      font-size: 13.8px; }
    .wrapper#admin .main-content .accordion {
      position: relative;
      z-index: 49;
      margin-bottom: 42px; }
      .wrapper#admin .main-content .accordion:hover .card {
        border: 1px solid #48c24b; }
      .wrapper#admin .main-content .accordion .card {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
        .wrapper#admin .main-content .accordion .card .card-header {
          border-bottom: 0;
          background: #fff;
          padding: 0; }
          .wrapper#admin .main-content .accordion .card .card-header a {
            color: #48c24b;
            outline: none;
            text-decoration: none;
            font-weight: 600;
            padding: 21px 14px;
            display: flex;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            transition: All 0.15s ease-in;
            -webkit-transition: All 0.15s ease-in;
            -moz-transition: All 0.15s ease-in;
            -o-transition: All 0.15s ease-in; }
            .wrapper#admin .main-content .accordion .card .card-header a:hover {
              background: rgba(72, 194, 75, 0.1); }
            .wrapper#admin .main-content .accordion .card .card-header a:focus {
              box-shadow: none; }
            .wrapper#admin .main-content .accordion .card .card-header a.collapse span.arrow-indicator {
              background-position: 0px 0px; }
            .wrapper#admin .main-content .accordion .card .card-header a.collapsed {
              background: rgba(72, 194, 75, 0.1); }
              .wrapper#admin .main-content .accordion .card .card-header a.collapsed span.arrow-indicator {
                background-position: 0px 17px; }
            .wrapper#admin .main-content .accordion .card .card-header a span.arrow-indicator {
              background: url("../images/icons/accordion-arrows.png");
              background-size: 24px 34px;
              width: 24px;
              height: 17px;
              display: inline-block;
              margin: 4px 0 0 auto; }
        .wrapper#admin .main-content .accordion .card .card-body {
          padding: 14px; }
          .wrapper#admin .main-content .accordion .card .card-body .form-group label {
            width: 100%; }
          .wrapper#admin .main-content .accordion .card .card-body .form-group .select2-container {
            width: 100% !important; }
            .wrapper#admin .main-content .accordion .card .card-body .form-group .select2-container .select2-selection {
              height: 38px !important; }
              .wrapper#admin .main-content .accordion .card .card-body .form-group .select2-container .select2-selection .select2-container--default,
              .wrapper#admin .main-content .accordion .card .card-body .form-group .select2-container .select2-selection .select2-selection--single,
              .wrapper#admin .main-content .accordion .card .card-body .form-group .select2-container .select2-selection .select2-selection__rendered {
                height: 38px !important;
                line-height: 38px !important; }
              .wrapper#admin .main-content .accordion .card .card-body .form-group .select2-container .select2-selection .select2-selection__arrow {
                height: 36px;
                line-height: 36px !important; }
    .wrapper#admin .main-content .filters-sidebar {
      top: 0;
      right: 0px;
      bottom: 0;
      z-index: 2;
      width: 250px;
      margin-top: 55px;
      padding: 30px 0px 0 0px;
      background-color: #f7f7f7;
      transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
      position: absolute; }
      @media (max-width: 1280px) {
        .wrapper#admin .main-content .filters-sidebar {
          right: -100vw;
          width: 100vw;
          background-color: #f7f7f7;
          display: none; } }
      .wrapper#admin .main-content .filters-sidebar.hide {
        right: -300px; }
        @media (max-width: 1280px) {
          .wrapper#admin .main-content .filters-sidebar.hide {
            right: -100vw;
            display: none; } }
      .wrapper#admin .main-content .filters-sidebar.show {
        right: 0px;
        display: block; }
      .wrapper#admin .main-content .filters-sidebar .filter-form-container h3.title-filters {
        font-size: 17.5px;
        text-align: center;
        display: block;
        margin-bottom: 14px; }
        .wrapper#admin .main-content .filters-sidebar .filter-form-container h3.title-filters span.funnel-icon {
          background: url("../images/icons/funnel-icon.png") no-repeat;
          background-size: 20px 21px;
          width: 20px;
          height: 21px;
          display: inline-block;
          margin-right: 5px;
          vertical-align: top; }
      .wrapper#admin .main-content .filters-sidebar .filter-form-container .filters-scroll-ui {
        height: 85vh;
        padding: 10px 15px 0px 15px;
        overflow-y: scroll;
        overflow-x: hidden; }
        .wrapper#admin .main-content .filters-sidebar .filter-form-container .filters-scroll-ui::-webkit-scrollbar {
          width: 6px; }
        .wrapper#admin .main-content .filters-sidebar .filter-form-container .filters-scroll-ui::-webkit-scrollbar-track {
          background: rgba(0, 0, 0, 0.3); }
        .wrapper#admin .main-content .filters-sidebar .filter-form-container .filters-scroll-ui::-webkit-scrollbar-thumb {
          background: #48c24b; }
        .wrapper#admin .main-content .filters-sidebar .filter-form-container .filters-scroll-ui::-webkit-scrollbar-thumb:hover {
          background: #48c24b; }
        .wrapper#admin .main-content .filters-sidebar .filter-form-container .filters-scroll-ui form label {
          font-size: 12px;
          color: #444444;
          font-weight: bold; }
        .wrapper#admin .main-content .filters-sidebar .filter-form-container .filters-scroll-ui form input.shadows {
          background: #dbcce5; }

.modal-backdrop {
  background: #48c24b; }
  .modal-backdrop.show {
    opacity: 0.75; }

.custom-modal .modal-dialog .modal-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 0; }
  .custom-modal .modal-dialog .modal-content .modal-header {
    border-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #f7f7f7; }
    .custom-modal .modal-dialog .modal-content .modal-header h5.modal-title {
      font-size: 21px; }
    .custom-modal .modal-dialog .modal-content .modal-header.success {
      border-top: 7px solid #3fcc69; }
    .custom-modal .modal-dialog .modal-content .modal-header.error {
      border-top: 7px solid #ff0521; }
  .custom-modal .modal-dialog .modal-content .modal-body p {
    color: #444444;
    font-size: 14px; }
  .custom-modal .modal-dialog .modal-content .modal-footer {
    border-top: 0; }
    .custom-modal .modal-dialog .modal-content .modal-footer.success button.common-button {
      background: #3fcc69;
      color: #fff;
      border: 1px solid #3fcc69; }
      .custom-modal .modal-dialog .modal-content .modal-footer.success button.common-button:hover {
        background: #49d673; }
    .custom-modal .modal-dialog .modal-content .modal-footer.success button.clean-button {
      background: #eaeaea;
      color: #444444;
      border: 1px solid #eaeaea; }
      .custom-modal .modal-dialog .modal-content .modal-footer.success button.clean-button:hover {
        background: #f4f4f4; }
    .custom-modal .modal-dialog .modal-content .modal-footer.error button.common-button {
      background: #ff0521;
      color: #fff;
      border: 1px solid #ff0521; }
      .custom-modal .modal-dialog .modal-content .modal-footer.error button.common-button:hover {
        background: #ff0f2b; }
    .custom-modal .modal-dialog .modal-content .modal-footer.error button.clean-button {
      background: #eaeaea;
      color: #444444;
      border: 1px solid #eaeaea; }
      .custom-modal .modal-dialog .modal-content .modal-footer.error button.clean-button:hover {
        background: #f4f4f4; }

/*Vertical Pills*/
ul.pills-vertical {
  flex-direction: column;
  display: flex;
  flex-shrink: 0;
  padding-bottom: 21px; }
  @media (max-width: 991px) {
    ul.pills-vertical {
      flex-direction: row;
      overflow: scroll;
      margin-bottom: 21px;
      align-items: center;
      gap: 4px; } }
  ul.pills-vertical li.nav-item {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    flex-shrink: 0;
    display: flex; }
    ul.pills-vertical li.nav-item a.nav-link {
      display: block;
      background: #eaeaea;
      color: #444444;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      width: 100%;
      padding: 12px 13px;
      font-size: 12px; }
      ul.pills-vertical li.nav-item a.nav-link.active {
        background: rgba(72, 194, 75, 0.3);
        color: #444444;
        font-weight: bold; }

/*Files visualizer*/
.images-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10vw, 1fr));
  grid-gap: 10px;
  grid-auto-rows: minmax(10px, auto);
  grid-auto-flow: dense;
  margin-bottom: 28px; }
  @media (max-width: 991px) {
    .images-container {
      grid-template-columns: repeat(3, 1fr);
      gap: 4px; } }
  .images-container .image-item {
    width: 100%;
    min-height: 10vw;
    height: auto;
    overflow: hidden; }
    .images-container .image-item .content {
      display: grid;
      grid-template-rows: 1fr auto;
      width: 100%;
      height: 100%;
      position: relative; }
      .images-container .image-item .content img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .images-container .image-item .content .file-name {
        background: #f7f7f7;
        text-align: center;
        padding: 7px; }
        .images-container .image-item .content .file-name p.name {
          position: absolute;
          width: 100%;
          margin-bottom: 0;
          left: 0;
          top: 0;
          font-size: 12px;
          padding: 6px;
          background: rgba(255, 255, 255, 0.4);
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .images-container .image-item .content .file-name ul {
          display: flex;
          padding: 0;
          margin-bottom: 0;
          flex-direction: row;
          justify-content: space-around;
          gap: 10px; }
          @media (max-width: 991px) {
            .images-container .image-item .content .file-name ul {
              flex-direction: column; } }
          .images-container .image-item .content .file-name ul li {
            list-style: none; }
            .images-container .image-item .content .file-name ul li a {
              color: #48c24b;
              text-align: center;
              font-size: 13.8px; }
              @media (ma-width: 991px) {
                .images-container .image-item .content .file-name ul li a {
                  font-size: 13.8px; } }

h4.separator-type {
  font-size: 17.5px;
  color: #444444;
  padding: 7px;
  margin-bottom: 7px; }

.model3D {
  width: 100%;
  height: 100%; }

.model-viewer {
  max-width: 1920px;
  width: 100%;
  max-height: 800px;
  min-height: 600px; }
  .model-viewer canvas {
    width: 90% !important;
    margin: 0 auto;
    display: block; }

.fancybox-slide {
  padding: 0; }

.fancybox-slide--iframe .fancybox-content {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  background: #191919; }

.error-page {
  margin-top: 10vh; }
  .error-page h1 {
    color: #48c24b;
    font-size: 21px;
    font-weight: bold;
    text-align: center; }
  .error-page h3 {
    color: #444444;
    font-size: 17.5px;
    font-weight: bold;
    text-align: center; }
  .error-page img {
    margin: 0 auto 14px auto;
    display: block;
    max-width: 500px; }
  .error-page p {
    font-size: 15.4px;
    font-weight: 400;
    text-align: center; }
  .error-page a.common-button {
    width: 50%;
    margin: 0 auto; }

p.disclaimer {
  font-size: 12px; }