@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
[v-cloak] {
  display: none; }

.button {
  border-radius: 0.25rem;
  background-color: #3498DB; }

html {
  height: 100%; }

body {
  font-family: "Caviar Dreams Bold", "Lato" !important;
  background-color: #fff;
  color: #616161;
  font-size: 0.9em;
  height: 100%; }

div.logo img.logo {
  margin: 40px 0 20px 20px;
  width: 200px;
  height: auto; }

.off-canvas {
  background-color: #2C3E50; }
  .off-canvas a {
    color: #fff;
    font-size: 0.95em; }
  .off-canvas a:hover {
    transform: scale(1.05); }
  .off-canvas .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border-color: #d89235 transparent; }

.off-canvas.user-panel {
  background-color: #2C3E50;
  color: #fff; }
  .off-canvas.user-panel div.content {
    margin-top: 40px;
    margin-right: 1rem;
    margin-left: 1.5rem; }
  .off-canvas.user-panel div.change-company {
    position: absolute;
    bottom: 50px;
    height: 40px;
    padding-top: 10px;
    background-color: #2C3E50;
    color: #d89235;
    width: 100%;
    text-align: center; }
  .off-canvas.user-panel div.footer {
    position: absolute;
    bottom: 0;
    height: 40px;
    padding-top: 10px;
    background-color: #2C3E50;
    color: #d89235;
    width: 100%;
    text-align: center; }

.close-button-small {
  color: #fff;
  font-size: 1em; }
  .close-button-small:hover {
    color: #fff;
    font-size: 1.3em;
    transform: scale(1.03); }

.callout {
  margin: 0 0 0 0; }

.ml-20 {
  margin-left: 20px; }

.button.primary {
  background-color: #d89235;
  color: #fefefe; }

.button.primary:hover {
  background-color: #d89235; }

.button.secondary {
  background-color: #2C3E50;
  color: white; }

.button.secondary:hover {
  background-color: #2C3E50; }

.button.alert {
  background-color: #e53935;
  color: #fefefe; }

.button.success {
  background-color: #43a047;
  color: #fefefe; }

.button.warning {
  background-color: #bdbdbd;
  color: #0a0a0a; }

.button.warning:hover {
  background-color: #757575; }

span.input-group-label.button.primary {
  background-color: #2C3E50;
  color: #fefefe; }

.agt-icon {
  cursor: pointer;
  color: #455a64; }

.ok {
  color: #42A5F5; }

.warning {
  color: #FFA726; }

.alert {
  color: #FF7043; }

.add-icon:hover {
  color: #448aff; }

.del-icon:hover {
  color: #e64a19; }

.del-icon-share:hover {
  color: #f5bf40; }

.edit-icon:hover {
  color: #00897b; }

.list-icon:hover {
  color: #1b926c; }

.upload-icon:hover {
  color: #f5bf40; }

.card hr {
  box-shadow: grey 2px 2px 5px !important; }

ul#treelist ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative; }
  ul#treelist ul hr {
    box-shadow: grey 2px 2px 5px !important; }
ul#treelist li {
  list-style-type: none;
  cursor: default; }
  ul#treelist li hr {
    box-shadow: grey 2px 2px 5px !important; }
ul#treelist li ol {
  margin-left: 1em; }
  ul#treelist li ol li {
    margin-left: 1em; }
  ul#treelist li ol div {
    box-shadow: gray 5px 5px 5px !important; }
  ul#treelist li ol div .card-divider {
    margin-right: 15px !important; }
  ul#treelist li ol hr {
    box-shadow: grey 2px 2px 5px !important; }
ul#treelist li span::before {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 50%;
  width: 0.75em;
  border: 0px solid grey;
  border-top: 0 none transparent;
  border-right: 0 none transparent; }
ul#treelist ul > li:last-child {
  border-left: 1px solid transparent; }
ul#treelist .menu-actions {
  visibility: hidden; }
ul#treelist .menu-actions-container {
  padding: 10px; }
ul#treelist .menu-actions-container:hover {
  background-color: #ECEFF1; }
ul#treelist .menu-actions-container:hover .menu-actions {
  visibility: visible; }
ul#treelist .notFolder {
  color: #2C3E50; }
ul#treelist ol {
  counter-reset: section;
  /* Creates a new instance of the
                                  section counter with each ol
                                  element */
  list-style-type: none; }
ul#treelist li:before {
  counter-increment: section;
  /* Increments only this instance
                                      of the section counter */
  content: counters(section,".") " ";
  /* Adds the value of all instances
                                               of the section counter separated
                                               by a ".". */
  margin-right: 10px; }

/*-------------------------- TEMPLATE auth  -----------------------------*/
/*-- LOGIN --*/
body.auth {
  width: 100%;
  height: 100%;
  background-color: #d89235; }
  body.auth div#login.content {
    width: 1000px;
    height: 600px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 20px 10px -10px rgba(0, 0, 0, 0.12);
    background-color: #2C3E50;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto; }
  body.auth div#login input[type="text"], body.auth div#login input[type="password"], body.auth div#login input:focus {
    padding-left: 5%;
    background-color: #2C3E50;
    box-shadow: none;
    border: 0px;
    border-bottom: 1px solid #868a92;
    color: #b9bdc5;
    outline: none; }
  body.auth div#login input[type="submit"] {
    background-color: #d89235;
    color: #2C3E50;
    display: block;
    margin: 30px auto;
    border: 0px; }
  body.auth div#login p.error-login {
    background-color: #be4b49;
    color: #fff;
    padding: 3px;
    text-align: center; }
  body.auth div#login a, body.auth div#login label, body.auth div#login h4 {
    color: #b9bdc5;
    margin-top: 2rem; }
  body.auth div#login .info {
    width: 500px;
    height: 600px;
    background-color: #fff;
    float: left;
    max-width: 500px;
    max-height: 100%; }
    body.auth div#login .info img {
      padding-top: 200px;
      display: block;
      margin: auto; }
  body.auth div#login .login-form {
    width: 500px;
    height: 600px;
    padding: 30px 15px 5px 15px;
    float: right;
    max-width: 100%;
    max-height: 100%; }
  body.auth div#select-company .content {
    width: 500px;
    height: 600px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 20px 10px -10px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    padding: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto; }
    body.auth div#select-company .content .company-card img {
      width: 50px;
      height: auto; }
    body.auth div#select-company .content .title {
      margin-bottom: 50px; }
    body.auth div#select-company .content .company-card:hover {
      background-color: #E3F2FD;
      cursor: pointer; }

/*------------------------------/ TEMPLATE auth -----------------------------------*/
/*----------------------------- TOP-BAR ------------------------------*/
.top-bar {
  background-color: #2C3E50;
  color: #fff; }
  .top-bar ul {
    background-color: #2C3E50;
    color: #fff; }
    .top-bar ul li a {
      color: #fff; }
    .top-bar ul li a:hover {
      transform: scale(0.9); }
  .top-bar .image-profile {
    max-height: 2.3em;
    with: auto;
    display: inline-block;
    position: relative;
    border-radius: 2em; }
  .top-bar .image-profile:hover {
    transform: scale(0.9);
    cursor: pointer; }

/*--------------------------------------------------------------------*/
/*------------------ breadcrumbs -------------------------------------*/
.nav-breadcrumbs {
  margin: 18px 0px 0px 0px; }
  .nav-breadcrumbs a {
    color: breadcrumbs_color; }

/*--------------------------------------------------------------------*/
/*-------------------------------- CARDS -----------------------------*/
div.card.custom {
  color: rgba(0, 0, 0, 0.654);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  div.card.custom .card-divider {
    background-color: #fff;
    border-bottom: thin solid #E1E1E1; }
  div.card.custom div.thumbnail-simple {
    display: inline-block;
    max-width: 100%;
    line-height: 0; }
    div.card.custom div.thumbnail-simple img {
      display: block;
      margin: auto; }
  div.card.custom .imagen-index {
    padding-bottom: 2rem;
    padding-top: 2rem;
    max-height: 160px; }
  div.card.custom div.thumbnail-simple:hover img {
    transform: scale(0.85);
    transition: 0.22s ease-out; }

div.card.list {
  color: rgba(0, 0, 0, 0.654);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  div.card.list .card-divider {
    background-color: #fff;
    border-bottom: thin solid #E1E1E1; }
  div.card.list .content {
    padding: 10px;
    line-height: 20px;
    display: inline-block;
    position: relative; }
    div.card.list .content div.group {
      padding: 10px 10px 10px 10px;
      position: absolute;
      bottom: 0.5rem;
      right: 10px;
      background: rgba(207, 216, 220, 0.8); }
      div.card.list .content div.group a {
        color: #263238;
        margin: 0 7px 0 7px; }

/*--------------------------------------------------------------------*/
/*------------------------------MAP AREAS-----------------------------*/
#mapid {
  min-height: 80vh;
  width: 100%;
  float: right; }

/*------------------------------/MAP AREAS-----------------------------*/
/*------------------------------sub-OffCanvas-----------------------------*/
#subOffCanvas {
  transition: margin-left .5s;
  height: 100%; }
  #subOffCanvas .sidenav {
    height: 100%;
    width: 0%;
    position: absolute;
    z-index: 1;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s; }
  #subOffCanvas .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s; }
  #subOffCanvas .sidenav a:hover {
    color: #f1f1f1; }
  #subOffCanvas .sidenav .closebtn {
    float: left;
    margin: 0px;
    padding: 0px 2%; }
  @media screen and (max-height: 450px) {
    #subOffCanvas .sidenav {
      padding-top: 15px; }
    #subOffCanvas .sidenav a {
      font-size: 18px; } }
  #subOffCanvas label {
    margin-left: 8%;
    margin-right: 12%;
    color: #868b92;
    font-size: 0.8rem; }
  #subOffCanvas .input-blur-button {
    font-size: 9px;
    background-color: #be4b49 !important;
    margin-left: 19%;
    margin-bottom: 4px;
    margin-top: 3px !important; }
  #subOffCanvas .ver-datos {
    cursor: pointer;
    text-align: left; }
  #subOffCanvas .sidenav a:hover {
    color: #000;
    transform: scale(1.03); }

/*------------------------------/sub-OffCanvas-----------------------------*/
/*-----------------------------AREAS---------------------------------------*/
.tabs-title a {
  padding: 13px !important; }

.listado-areas {
  list-style-type: none !important;
  padding: 5px;
  margin-right: 10px; }
  .listado-areas i {
    font-size: large;
    margin: 0 auto; }

.listado-areas:hover {
  background: #404759 !important;
  font-weight: bold;
  color: white; }

.btn-add:hover {
  color: #1b926c;
  cursor: pointer; }

.btn-edit:hover {
  color: #125E92;
  cursor: pointer; }

.btn-delete:hover {
  color: #be4b49;
  cursor: pointer; }

.btn-view:hover {
  color: #D89235;
  cursor: pointer; }

.btn-view-close:hover {
  cursor: pointer; }

.btn-delete {
  font-size: medium;
  margin: auto;
  color: #be4b49 !important; }

.btn-view {
  font-size: medium;
  margin: auto;
  color: #D89235 !important; }

.btn-view-close {
  font-size: medium;
  margin: auto;
  color: #2C3E50 !important; }

.btn-edit {
  font-size: medium;
  margin: auto;
  color: #125E92 !important; }

.btn-add {
  font-size: medium;
  margin: auto;
  color: #1b926c !important; }

.input-text-map {
  background-color: white;
  box-shadow: none !important;
  border: 0px;
  border-bottom: 1px solid #dde1e8;
  color: #4D5151; }

.input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
  background-color: #fff; }

.edit-bar-map {
  text-align: left; }
  .edit-bar-map a {
    font-size: 1em !important; }
  .edit-bar-map #close-x {
    font-size: 1.8em !important; }

.btn-save {
  border-radius: 1em;
  display: none;
  margin: auto; }

.btn-cancel {
  border-radius: 1em;
  display: none; }

.bottom-bar-map-properties {
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  position: absolute;
  bottom: 4%;
  width: 90%; }

.bottom-bar-map-properties-child {
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  position: absolute;
  bottom: 4%;
  width: 90%;
  display: none; }

.bottom-bar-map-properties-child-section {
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  position: absolute;
  bottom: 4%;
  width: 90%;
  display: none; }

.bottom-bar-map-properties-child-block {
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  position: absolute;
  bottom: 4%;
  width: 90%;
  display: none; }

.container-childUnits {
  display: none; }

.container-childUnits-section {
  display: none; }

.container-childUnits-block {
  display: none; }

.title-modal-attribute {
  font-family: "ALLER DISPLAY REGULAR" !important; }

.line-separator {
  height: 2em;
  border-top: #2C3E50 1px solid; }

.item {
  cursor: pointer; }

.bold {
  font-weight: bold; }

.mycluster {
  width: 40px;
  height: 40px;
  background-color: greenyellow;
  text-align: center;
  font-size: 24px; }

.delete-attribute {
  color: #be4b49;
  font-size: 1.5em;
  position: relative;
  top: -8%;
  left: -57%; }

.delete-attribute:hover {
  cursor: pointer; }

.edit-properties-label {
  color: #D89235 !important;
  margin-left: 37% !important;
  font-size: 1em !important; }

.edit-properties-label:hover {
  cursor: pointer; }

.rotate-img {
  -webkit-animation: rotation 2s infinite linear; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
.table-map {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
  text-align: center; }
  .table-map tr {
    border: 1px solid #fff;
    padding: 8px; }
  .table-map tr:nth-child(even) {
    background-color: #f2f2f2 !important;
    text-align: center; }
  .table-map tr:hover {
    background-color: #ddd; }
  .table-map td {
    border: 1px solid darkgrey;
    padding: 2px; }
  .table-map th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #2C3E50;
    color: white;
    text-align: center;
    border: 1px #fff; }
  .table-map p {
    margin-bottom: 0; }
  .table-map input {
    margin: 1px;
    height: 100%; }

.dynatable-per-page {
  width: 20%;
  margin-left: 10%; }

.dynatable-search {
  width: 30%; }

#dynatable-query-search-my-final-table {
  padding-left: 5%;
  background-color: white;
  box-shadow: none !important;
  border: 0px;
  border-bottom: 1px solid #dde1e8;
  color: #4D5151; }

.dynatable-record-count {
  width: 100%;
  margin-left: 2%; }

.icons-items-map {
  display: none; }

.container-li-features {
  padding: 5px;
  margin-right: 10px; }
  .container-li-features i {
    font-size: large; }

.container-li-features:hover .icons-items-map {
  display: flex; }

.container-li-features:hover {
  background: #2C3E50;
  font-weight: bold;
  color: white;
}

.deleted-item:hover {
  background: red;
  font-weight: bold;
  color: white;
}

.deleted-item {
  color: red;
}

/*-----------------------------/AREAS---------------------------------------*/
/*----------------------------- Certifier ---------------------------------------*/
#processtree span.enumerate {
  font-size: 0.7em;
  font-weight: normal;
  display: inline-block;
  padding: 0.1rem;
  border-radius: 0;
  line-height: 1;
  white-space: nowrap;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  background: #ECEFF1;
  color: #757575; }

/*----------------------------- /Certifier ---------------------------------------*/
/*-----------------------------/selectusers---------------------------------------*/
#selectusers {
  margin-bottom: 20px; }
  #selectusers .input-group {
    margin-bottom: 0; }
  #selectusers .selected_users {
    position: inherit; }
  #selectusers .selected_users .user {
    display: inline; }
  #selectusers .selected_users .user img.selected {
    margin: 5px 5px 5px 5px;
    border-radius: 2em;
    height: 40px;
    width: 40px; }
  #selectusers span.delete {
    visibility: hidden;
    position: absolute;
    cursor: pointer; }
  #selectusers .user:hover span.delete {
    visibility: visible; }
  #selectusers .dropdown {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 20px 10px -10px rgba(0, 0, 0, 0.12);
    position: fixed;
    width: auto; }
  #selectusers .dropdown .option img {
    padding: 2px 5px 0 0;
    border-radius: 2em; }
  #selectusers .dropdown .option:hover {
    background-color: #e8eaf6;
    cursor: pointer; }

/*-----------------------------/selectusers---------------------------------------*/
/*-----------------------------/calendar------------------------------------------*/
table thead {
  background-color: #2C3E50 !important;
  color: #fff !important; }

.fc-content-skeleton table thead {
  background: none !important;
  border: none !important; }
.fc-content-skeleton table tbody, .fc-content-skeleton table tfoot, .fc-content-skeleton table thead {
  border: none !important; }

.fc-row table {
  margin-bottom: 0px; }

.fc-head {
  background: #2C3E50 !important;
  color: white !important; }

.fc-center {
  text-transform: capitalize !important; }

.fc-head-container .fc-widget-header {
  background: #2C3E50 !important;
  color: white !important; }

.fc-day-header {
  background: #2C3E50 !important; }
  .fc-day-header a {
    color: white !important; }

.fc-unthemed td.fc-today {
  background: #d89235 !important; }
  .fc-unthemed td.fc-today a {
    color: white !important; }

.fc button {
  background: #2C3E50;
  color: white;
  border-radius: 0px !important;
  border: 0px solid;
  text-shadow: none; }

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
  background: white !important;
  color: black; }

.fc-week-number {
  background-color: #2C3E50 !important;
  color: white !important; }

.fc-list-heading .fc-widget-header {
  background: #2C3E50 !important; }
  .fc-list-heading .fc-widget-header a {
    color: white !important; }

.fc-scroller {
  height: auto !important; }

.fc-list-table {
  margin-bottom: 0px !important; }

.fc-cell-text {
  color: white !important; }

.fc-content tr {
  background: #2C3E50 !important; }

.fc-content table {
  margin: 0; }

.fc-row {
  height: auto !important; }

.fc-day-grid .fc-row {
  min-height: 100px !important; }

.fc-slats table {
  margin: 0; }

.fc-content-skeleton tbody {
  background: transparent !important; }

table tbody tr:nth-child(even) {
  background: transparent !important; }

li hr {
  margin-top: 5px !important; }

/*-----------------------------/calendar------------------------------------------*/
/*-----------------------------/RRHH---------------------------------------*/
.label-check-activities:hover {
  background-color: #e6e6e6; }

.input-check-process {
  margin: auto; }

.img-card-rrhh {
  max-width: 65%;
  margin: auto;
  padding: 1px; }

.p-card-rrhh {
  margin-bottom: 0;
  text-align: center; }

.center-text {
  text-align: center; }

.macro-process {
  background-color: white; }
  .macro-process a {
    font-size: large;
    margin: auto;
    cursor: default; }
  .macro-process label {
    font-size: small; }

.macro-process:hover {
  background-color: #2C3E50; }
  .macro-process:hover a {
    font-size: large;
    color: white;
    margin: auto; }
  .macro-process:hover label, .macro-process:hover i {
    font-size: x-large;
    color: white;
    cursor: default; }

.active-macro-process {
  background-color: #2C3E50; }
  .active-macro-process a {
    font-size: large;
    color: white;
    margin: auto; }
  .active-macro-process label, .active-macro-process i {
    font-size: x-large;
    color: white;
    cursor: default; }

.table-pdf {
  font-size: x-small; }
  .table-pdf th {
    border: 1px solid #ddd;
    text-align: center;
    color: white;
    padding: 1px; }
  .table-pdf td {
    padding: 0.75px;
    border: 1px solid #ddd; }

.pdf-div {
  width: 21cm;
  max-height: 29.7cm;
  padding: 1cm;
  margin: 1cm auto;
  border: 1px #D3D3D3 solid;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  color: black;
  min-height: 29.7cm;
  position: relative; }
  .pdf-div p {
    margin-bottom: 0; }

/*-----------------------------/RRHH---------------------------------------*/
/*-----------------------------/Monitoreo---------------------------------------*/
#info-control-daily_wrapper {
  width: 100%; }

.info-legend {
  line-height: 18px;
  color: white;
  background-color: #2C3E50;
  width: 100%;
  border-radius: 9px; }
  .info-legend a {
    color: white !important;
    font-size: 1em;
    text-align: center; }

.info-monitoring {
  background-color: #2C3E50;
  color: white;
  border-radius: 5px;
  padding: 5%;
  min-width: 100%; }

.card-divider-title {
  text-align: center;
  background-color: #D89235;
  color: white;
  font-family: "Caviar Dreams Bold", "Lato" !important; }

.card-img-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.container-img-card:hover .image-card {
  opacity: 0.3; }

.container-img-card:hover .card-img-middle {
  opacity: 1; }

.img-card-text {
  background-color: #2C3E50;
  color: white;
  font-size: 16px;
  padding: 16px 32px; }

.img-card-text1 {
  margin-top: 10px;
  background-color: #2C3E50;
  color: white;
  font-size: 16px;
  padding: 16px 32px; }

.img-card-text:hover {
  cursor: pointer;
  background-color: #D89235; }

.img-card-text1:hover {
  cursor: pointer;
  background-color: #D89235; }

.container-img-card {
  position: relative; }

.image-card {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden; }

.button-static-left {
  border-left: 1px solid #dde1e8; }

.button-static-left:hover {
  background-color: #D89235;
  color: white;
  cursor: pointer; }

.button-static-right {
  border-left: 1px solid #dde1e8;
  border-right: 1px solid #dde1e8; }

.button-static-right:hover {
  background-color: #D89235;
  color: white;
  cursor: pointer; }

.info-test {
  background-color: #404759;
  color: white;
  border-radius: 5px;
  padding: 5%;
  min-width: 200%;
  box-shadow: gray 5px 5px 4px; }

.custom-hover:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }

.selected-item {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  border-radius: 5px; }

div.small-6.columns label {
  padding-bottom: 10px !important;
  margin-bottom: 10px !important; }

.has-tip {
  margin-bottom: 0px !important; }

/* ---- REPORTING ----*/
.info-report {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px; }

.info-report h4 {
  margin: 0 0 5px;
  color: #777; }

.legend-report {
  line-height: 18px;
  color: #555; }

.legend-report i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7; }

/* PROGRAMEER*/
.datepicker {
  width: 300px; }
  .datepicker input {
    margin-bottom: 0px; }

.testcal {
  height: 300px; }

/*# sourceMappingURL=style.css.map */

.styled-input-group {
  display: flex;
  align-items: center;
  gap: 10px; /* Espacio entre el input y el botón */
}

.custom-file-upload {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  background-color: #007bff;
  color: white;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  margin-right: 10px; /* Espacio entre el label y el botón */
}

.custom-file-upload:hover {
  background-color: #0056b3;
}

.file-input {
  display: none; /* Oculta el input de archivo real */
}

.upload-button {
  padding: 10px 20px;
  background-color: #ff9800;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.upload-button:hover {
  background-color: #e68900;
}

.input-invalid {
  border: 1px solid red;
  background-color: #ffe6e6;
}


.v-select {
  position: relative !important;
  
}

.v-select .vs__dropdown-menu {
  z-index: 99999 !important;
  position: absolute !important;
}

.change-company {
  overflow: visible !important;
}


/* Estilos para los botones */
.button.warning {
  background-color: #ffae00;
  color: #000;
}
.button.warning:hover {
  background-color: #e69500;
}

.button.info {
  background-color: #17a2b8;
  color: white;
}
.button.info:hover {
  background-color: #138496;
}

/* Espaciado entre botones */
.button {
  margin-right: 5px;
}
.button:last-child {
  margin-right: 0;
}

#insertWorkOrderNP .v-select .vs__dropdown-menu {
  z-index: 1000 !important;
}


  /* Wrapper centrado + ancho responsivo */
  #discounts-table-wrapper {
    margin: 1rem auto 2rem;
    max-width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
  }
  @media (min-width: 1024px) { /* lg */
    #discounts-table-wrapper { width: 60%; }
  }
  @media (min-width: 1280px) { /* xl */
    #discounts-table-wrapper { width: 50%; }
  }

  /* Card de la tabla */
  .table-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
    overflow: hidden;
    border: 1px solid #eef2f7;
  }

  /* Tabla base */
  #discounts-table {
    width: 100%;
    border-collapse: collapse;
  }
  #discounts-table thead th {
    background: #2f3e50; /* tono cercano al de tu header actual */
    color: #fff;
    font-weight: 600;
    letter-spacing: .3px;
    text-transform: none;
    padding: 12px 16px;
  }
  #discounts-table tbody td {
    padding: 12px 16px;
    border-top: 1px solid #eef2f7;
    vertical-align: middle;
  }
  #discounts-table tbody tr:hover {
    background: #fafbfc;
  }
  .text-right { text-align: right; }

  /* Acciones */
  .actions {
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
  }
  .button.tiny {
    padding: .45rem .65rem;
    font-size: .8rem;
    border-radius: .5rem;
  }

  /* Chips de estado */
  .status-chip {
    display: inline-block;
    font-size: .75rem;
    line-height: 1;
    padding: .35rem .5rem;
    border-radius: 9999px;
    font-weight: 600;
  }
  .status-chip.active {
    background: #e6f6ee;
    color: #117a47;
    border: 1px solid #bfe9d5;
  }
  .status-chip.inactive {
    background: #f3f4f6;
    color: #4b5563;
    border: 1px solid #e5e7eb;
  }

  /* Empty state */
  .empty {
    color: #6b7280;
    text-align: center;
    padding: 32px 16px;
  }

  /* Tipografía monospace para códigos */
  .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }


  .is-invalid-input {
    border-color: #c60f13;
    background-color: #fff6f6;
  }

  .help-text {
    font-size: 0.8rem;
    color: #007acc;
    margin-top: 0.25rem;
    font-style: italic;
  }

  .form-error {
    color: #c60f13;
    font-size: 0.8rem;
    margin-top: 0.25rem;
    display: block;
  }