/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 01/12/14

 * This file is reserved for changes made by
 * the user. It's often times a good idea to
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
-----------------------------------------------*/

/* These styles have been placed here for as
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/

/* navbar bottom border disabled by default */

/*.navbar {
  border-bottom: 1px solid transparent;
}*/

/* header button states - text colors */

.header-btns > div > button:focus {
  color: #666;
}

.header-btns > div > button:hover {
  color: #0094d2;
}

/*Logo*/

.navbar-brand {
  /* padding: 5px 20px 50px 20px; */
}

.navbar-brand > img {
  height: 30px;
}

#loginLogo {
  width: 100%;
}

/*---------------------------------------------
 * Place your custom styles or styles which
 * have been generated with the customization
 * tool below this line.
----------------------------------------------*/

/*.navbar{background-color:#222D32;background-image:none;}*/

.navbar {
  position: fixed;
  width: 100%;
  z-index: 999;
  position: sticky;
  top: 0px;
  border: 0;
  background: #fff;
  display: flex;
}
#navbar-mobile {
  margin-left: auto;
}
#sidebar:before {
  background: #f2f2f2;
}

#sidebar ul.sidebar-nav > li > a {
  background: #f2f2f2;
  border-color: #ddd;
}

#sidebar ul.sidebar-nav li ul.sub-nav {
  background: #f8f8f8;
  border-color: #ddd;
}

ul.sidebar-nav ul.sub-nav li .glyphicons {
  color: rgb(32, 80, 102);
}

ul.sidebar-nav li.active > a .glyphicons {
  color: rgb(233, 66, 22);
}

ul.sidebar-nav > li > a .glyphicons {
  color: rgb(33, 51, 75);
}

.module-customers:before {
  content: "\f0c0";
}

.module-users:before {
  content: "\f007";
}

.module-providers:before {
  content: "\f090";
}

.module-config:before {
  content: "\f013";
}

.hide_me {
  display: none;
}

.dataTable .btn {
  padding: 3px 8px;
}

.btn + .btn {
  margin-left: 5px;
}

.is-countdown {
  overflow: hidden;
  padding: 0 0 8px;
  width: auto;
}

.datepicker {
  z-index: 10000;
}

/* SEARCH */

/*.gridSearchFilters {
  overflow: hidden;
}*/

.gridCommonSearchFilters {
  /* float: right; */
  margin-bottom: 15px;
  padding-left: 15px;
  /* padding-right: 15px; */
  width: auto;
  float: right;
}

.gridCommonSearchFilters .searchGroup {
  /* float: right; */
  /* width: 215px; */
}

.gridCommonSearchFilters .btn {
  padding: 6px;
  margin-left: 15px;
  float: right;
}

.customSearchAdvanced {
  clear: both;
}

.customSearchAdvanced .form-group {
  float: left;
  clear: none;
}

.customSearchAdvanced {
  /* min-height: 85px; */
  flex-grow: 1;
}

.hyde {
  display: none;
}

/* Botones del Menú */

.pull-center button {
  width: 45px;
  height: 45px;
  margin-top: 2px;
}

.navbar .pull-center button .glyphicons,
.pull-center button i {
  font-size: 24px;
}

/*Grid Filters*/

.opciones {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 34px;
  right: 0;
  white-space: nowrap;
  z-index: 1000;
}

.opciones li {
  list-style: none;
  display: block;
  margin: 0;
  height: 34px;
  width: 41px;
  background-color: #555555;
  z-index: 100000;
  border: 1px solid #cccccc;
  color: #eeeeee;
  font-size: 15px;
  font-family: arial;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding-top: 9px;
}

.input-group-addon {
  position: relative;
}

.panel {
  overflow: visible;
}

.opSign {
  color: #555555;
  font-family: arial;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding: 0;
}

.inputRight {
  border-left: none;
  border-radius: 0 4px 4px 0 !important;
  display: none;
}

li.picker-switch.accordion-toggle .btn {
  color: #444;
}

li.picker-switch.accordion-toggle .btn:hover {
  color: #ccc;
}

div.timepicker-picker span.glyphicon-chevron-up {
  color: #444;
}

div.timepicker-picker span.glyphicon-chevron-up:hover {
  color: #ccc;
}

div.timepicker-picker span.glyphicon-chevron-down {
  color: #444;
}

div.timepicker-picker span.glyphicon-chevron-down:hover {
  color: #ccc;
}

label.required > span {
  color: red;
}

.table > thead:first-child > tr:first-child > th {
  /* border-top: 1px solid #bbb; */
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}

.icons-list > li > a {
  color: #fff;
}

textarea[resize="false"] {
  resize: none !important;
}

textarea.hide + .cke_editor_description {
  display: none;
}

[data-action="changelang"] {
  width: 45px;
  opacity: 0.8;
}

.active[data-action="changelang"] {
  font-weight: bold;
  opacity: 1;
}

label.langlbl {
  position: absolute;
  right: 10px;
  top: 27px;
  width: 45px;
}

.heading-elements:not(.visible-elements) .icons-list {
  margin-top: 0;
}

.btn-block {
  margin: 0 !important;
}

.panel-empty {
  margin-bottom: 20px;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected,
.picker__day--highlighted,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background-color: #263238;
}

.picker__day--today::before {
  border-top: 6px solid #263238;
}

.picker__day--highlighted::before {
  border-top-color: #fff;
}

.picker__select--month,
.picker__select--year {
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.panel-body-title {
  border-bottom: 1px solid #ddd;
  color: #666;
  line-height: 18px;
  margin-bottom: 20px;
  padding: 10px 0 15px;
}

[data-bindaction="collapse"] {
  cursor: pointer;
}

.accordion .heading-elements .icons-list > li > a {
  /*color: #263238;*/
  color: #ffff;
  margin-top: 10px;
}

.col-sm-12 {
  float: none;
}

.form-group:after {
  clear: both !important;
}

.modal-dialog {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 93%;
}

.modal-footer {
  clear: both;
}

.navigation > li.active > a,
.navigation > li.active > a:hover,
.navigation > li.active > a:focus {
  background-color: var(--green3);
}

label.error {
  color: #d9534f;
  font-size: 12px;
  font-weight: 600;
}

/* TREE JOBS */

.title-login-form {
  border-bottom: 1px solid #837f7f;
}

.bordered-legend {
  /* border-bottom: 1px solid #837f7f; */
  /*border-radius: 5px;*/
  /* padding: 8px 0px 8px 8px !important; */
  font-size: 18px;
  font-weight: 600;
  border: 0;
  background: transparent;
  position: relative;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: auto;
}

/*.heading-elements {
  margin-right: 50px;
}*/

thead {
  background-color: #f5f5f5;
}

.sidebar-xs .sidebar-main .navigation > li > a > span {
  display: none;
  position: absolute;
  top: 0;
  right: -260px;
  background-color: #999;
  border: 1px solid #999;
  padding: 11px 20px;
  width: 260px;
  text-align: left;
  color: #fff;
  cursor: pointer;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.footer {
  bottom: 0;
  position: static;
  /* background: #fff; */
  /* border-top: 1px solid var(--border); */
  border: 0;
  box-shadow: none;
}

.footer .footer-copyright {
  /* margin-bottom: 7px !important; */
  /* padding-top: 8px; */
}

.img-footer {
  width: 60%;
  max-width: 160px;
}

.img-password-reset {
  max-width: 30%;
  margin-bottom: 15px;
  margin-top: 15px;
}

.img-password-reset-msg {
  width: 80%;
}

.input-group > .open > .dropdown-menu {
  display: flex;
  top: -60px;
}

@media (max-width: 1024px) {
  .footer {
    position: relative !important;
  }
}

.dashboard-panel {
  padding-bottom: 12px;
}

.dashboard-body {
  border-radius: 15px;
  background-color: white;
  box-shadow: 0 8px 14px 0 rgba(209, 153, 153, 0.05),
    0 4px 18px 0 rgba(0, 0, 0, 0.06) !important;
  padding-top: 3px;
}

.dashboard-body-number {
  font-size: 35px;
}

.dashboard-body > i {
  font-size: 3em;
  margin-bottom: 10px;
}

.dashboard-body-title {
  margin-bottom: 10px;
}

.sidebar {
  background-color: #fff;
}

.header-highlight .navbar-header:not([class*="bg-"]) {
  background-color: transparent;
  margin: 0;
  box-shadow: none;
}

.ui-pnotify-container > .ui-pnotify-sticker,
.ui-pnotify-container > .ui-pnotify-closer {
  visibility: visible !important;
}

.content-wrapper {
  position: relative;
  background: #f5f6fa;
}

@media (min-width: 769px) {
  .sidebar-content {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
  }
}
.login-container .page-container {
  min-height: inherit !important;
}

.login-container .container {
  overflow: hidden;
  width: 100%;
}

.page-container {
  /* padding-top: 48px; */
}

.message-graph-no-data {
  text-align: center;
  padding-top: 60px;
  color: #25373d;
}

.message-graph-no-data > h3 > i {
  margin-right: 10px;
  font-size: 30px;
}

.chart-container-reduce {
  height: 206px;
}

.media-list {
  max-height: 520px;
  overflow: auto;
}

.media {
  margin-top: 1.25rem;
}

.media-chat-item {
  padding: 10px;
  border-radius: 5px;
}

.media-chat .media {
  margin-right: 40%;
  margin-left: 5%;
}

.media .media-chat-item {
  background-color: #999;
  border-color: #999;
}

.media-chat-item-reverse .media-chat-item {
  background-color: #00764a;
  border-color: #00764a;
  color: white;
}

.media-chat .media.media-chat-item-reverse {
  margin-right: 5%;
  margin-left: 40%;
}

.media-chat-item-reverse .media-body {
  text-align: right;
}

.bordered-legend .btn {
  float: right;
}

/*
* LABORER
*/

.panel-body .media-body {
  padding: 1px;
  color: grey !important;
  border-radius: 4px;
}

.panel-body .media-body:hover {
  background-color: #dfdb74;
}

/**
* LABELS
*/

.label-dark {
  border-color: #324148;
  background-color: #324148;
  color: #fff;
}

.label-purple {
  border-color: #673ab7;
  background-color: #673ab7;
  color: #fff;
}

.swal2-content {
  z-index: 2 !important;
}

/* REMINDERS */

#reminderModal > div.modal-dialog > div.modal-content > div.modal-header {
  background-color: #25373d;
  color: white;
  padding-bottom: 20px;
}

#reminderModal
  > div.modal-dialog
  > div.modal-content
  > div.modal-header
  > button {
  color: white;
  font-size: 25px;
  top: unset;
  bottom: 50%;
  z-index: 2 !important;
}

/*Admin afiliate filter disable*/

#filter_province_label
  > span.select2
  > span.selection
  > span.select2-selection
  > ul.select2-selection__rendered
  > li.select2-selection__choice
  > span.select2-selection__choice__remove {
  /*pointer-events: none !important;
  display: none;*/
}

#filter_province_label > span.select2 {
  /*pointer-events: none !important;*/
}

.AnyTime-win {
  z-index: 1000 !important;
}

/* new 2024 */
:root {
  --sidebar-width: 240px;
  --font: #202224;
  --green1: #c0d32e;
  --green2: #72a43f;
  --green3: #18764c;
  --border: #e5e5e7;

  --state-err: #b90000;
  --state-err-bg: hsl(0deg 100% 36% / 20%);
  --state-primary: #009688;
  --state-primary-bg: hsl(174.4deg 100% 29.41% / 20%);
  --state-warn: #ff9800;
  --state-warn-bg: hsl(35.76deg 100% 50%/ 20%);
  --state-info: hsl(186.79deg 100% 41.57%);
  --state-info-bg: hsl(186.79deg 100% 41.57% / 20%);
  --state-ok: hsl(89.7deg 44.49% 44.51%);
  --state-ok-bg: hsl(89.7deg 44.49% 44.51% / 20%);
}
.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.w100 {
  width: 100%;
}
.flex {
  display: flex;
}
.grow {
  flex-grow: 1;
}
.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.gap-3 {
  gap: 3rem;
}
.nav_left {
  width: var(--sidebar-width);
}
.nav_left,
.nav_right {
  padding: 15px;
}
.sidebar-main,
.nav_left {
  border: 0;
  border-right: 1px solid #e5e5e7;
}

.navigation li a:focus,
.navigation li a:active {
  box-shadow: 0 0 0px 1px var(--border);
}

.navigation > li.active > a.has-ul {
  background: #f1f1f1;
  color: var(--font);
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  background-color: var(--border);
}

.dataTables_wrapper {
  background: #fff;
  padding: 15px;
  border: 1px solid var(--border);
  border-radius: 10px;
  margin: 0 30px;
}

.heading-elements .icons-list > li > a {
  border: 0;
  display: inline-flex;
  margin: 0 !important;
  border-radius: 5px;
}
.panel-heading:empty {
  display: none;
}
.navigation li.active:before {
  content: "";
  background: var(--green3);
  border-radius: 0 10px 10px 0;
  width: 4px;
  height: 100%;
  position: absolute;
  left: -15px;
  top: 0;
}

.datatable-scroll {
  margin-left: -16px;
  margin-right: -16px;
}
.form-group [class*="col-"],
.row [class*="col-"] {
  margin-bottom: 20px;
}

.panel-heading:empty + .panel-body {
  margin-top: 15px;
}

.gridSearchFilters {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 0 15px;
  margin-bottom: 15px;
}

tr.even {
  background: hsl(0 0% 97% / 1);
}

#main > .footer,
.content-wrapper > .footer {
  display: none;
}

div#navbar-mobile {
  display: none;
}

.session-page {
  height: 100vh;
  background-image: url(/affiliate/assets/images/cms_login.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  display: flex;
}

.session-page > .page-container {
  background: #ffffff;
  width: clamp(400px, 35%, 500px);
  padding-top: 0;
  padding-bottom: 25vh;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 0 10px 10px #0000000d;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.session-text {
  font-size: 2rem;
}
.session-text-claim {
  font-size: 4rem;
  line-height: 1.25;
  font-weight: bold;
  color: var(--green3);
}

.user_actions {
  width: calc(100% - 20px);
  /* background: #f5f6fa; */
  border-top: 1px solid hsl(228 33% 93% / 1);
  border-radius: 5px;
  margin: auto;
  margin-bottom: 10px;
  padding: 20px 15px 20px;
}

.state-none {
  --state-color: var(--green3);
}
.state-error {
  --state-color: var(--state-err);
}
.state-ok {
  --state-color: var(--state-ok);
}
.state-warn {
  --state-color: var(--state-warn);
}

.new-link {
  padding: 0.5em;
  border-radius: 5px;
  border: 1px solid var(--state-color);
  color: var(--state-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  transition: 0.1s linear;
}

.new-link:hover {
  background-color: var(--state-color);
  color: #fff;
}
.new-link:hover svg * {
  stroke: #fff;
}
.new-link svg * {
  stroke: var(--state-color);
}

.sidebar-category {
  flex-grow: 1;
}

.dataTables_wrapper > .datatable-header {
  margin-top: 10px;
  float: left;
}

.datatable-header:after,
.datatable-footer:after {
  display: none;
}

.datatable-header .dataTables_paginate {
  display: none;
}
.gridSearchFilters label {
  font-weight: 500;
}

.fields-jornaleros {
  display: flex;
  gap: 1rem;
}
.new-col-8 {
  width: 66.66666667%;
}
.new-col-4 {
  width: 33.33333333%;
}
#profile-img {
  margin: 0 auto;
  display: block;
  border-radius: 100%;
  background: #273238;
  width: 150px;
  height: 150px;
  object-fit: cover;
}
.table_file_user td {
  border: 0 !important;
}

.table_file_user {
  table-layout: fixed;
}

.table_file_user tr:nth-child(odd) td {
  background: #f5f6fa;
}

#ficheros_table .table-responsive {
  margin: 0 -15px;
}
.file_uploader #ajaxButton {
  width: 100%;
}

[id*="accordion"] .dataTables_wrapper {
  margin: 0;
  margin-bottom: 2.5rem;
  border: 0;
  border-radius: 0;
}

[id*="accordion"] .panel-body {
  padding: 0 !important;
}

.dataTables_empty {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

li:not(.has_submodules) + .has_submodules {
  margin-top: auto;
}

.has_submodules ul {
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
}

.loader_msg {
  text-align: center;
  margin-top: 5px;
}

.loader_msg.uploadSuccess {
  color: var(--green3);
}

.loader_msg.uploadErr {
  color: var(--state-err);
}
.login-container {
  background: #f5f6fa;
}
@media screen and (max-width: 768px) {
  .sidebar.sidebar-main {
    width: 100%;
    display: block;
    position: sticky;
    top: 0;
  }
  body {
    /* padding-top: 60px; */
  }
  .navbar-header.nav_left {
    /* position: fixed; */
    /* top: 0; */
    border: 0;
    border-bottom: 1px solid #e5e5e7;
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
  }
  .sidebar-category,
  .user_actions {
    display: none;
  }
  .sidebar-category {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 60px;
    background: #fff;
    height: auto;
    max-height: calc(100vh - 140px);
    overflow: hidden;
    overflow-y: auto;
  }
  .sidebar-mobile-main .sidebar-category {
    display: block;
  }
  .sidebar-mobile-main .user_actions {
    display: flex;
  }
  .navbar-header:before,
  .navbar-header:after {
    display: none;
  }
  .sidebar-content {
    /* position: fixed; */
    /* left: 0; */
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
  }

  .user_actions {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #fff;
    margin: 0;
    border-radius: 0;
  }
  .dataTables_wrapper{
    margin: 0 15px;
  }
}