@charset "utf-8";
:root {
  --color-paska1-1 : #F2DBDB;
  --color-paska1-2 : #E5B8B7;
  --color-paska1-3 : #D99594;
  --color-paska1-4 : #953734;
  --color-paska1-5 : #632423;

  --color-paska2-1 : #FDE9D9;
  --color-paska2-2 : #FBD4B4;
  --color-paska2-3 : #FABF8F;
  --color-paska2-4 : #E36C09;
  --color-paska2-5 : #974806;
  --color-paska3-1 : #EAF1DD;

  --color-paska3-2 : #D6E3BC;
  --color-paska3-3 : #C2D69B;
  --color-paska3-4 : #76923C;
  --color-paska3-5 : #4F6128;
  --color-gris     : #888;
}

.color-gris {
  color : var(--color-gris);
}

body {
  font-size : .9rem;
}

.color-paska1-1 {
  color : var(--color-paska1-1);
}

.bg-paska1-1 {
  background-color : var(--color-paska1-1);
}

.color-paska1-2 {
  color : var(--color-paska1-2);
}

.bg-paska1-2 {
  background-color : var(--color-paska1-2);
}

.color-paska1-3 {
  color : var(--color-paska1-3);
}

.bg-paska1-3 {
  background-color : var(--color-paska1-3);
}

.color-paska1-4 {
  color : var(--color-paska1-4);
}

.bg-paska1-4 {
  background-color : var(--color-paska1-4);
}

.color-paska1-5 {
  color : var(--color-paska1-5);
}

.bg-paska1-5 {
  background-color : var(--color-paska1-5);
}

.color-paska2-1 {
  color : var(--color-paska2-1);
}

.bg-paska2-1 {
  background-color : var(--color-paska2-1);
}

.color-paska2-2 {
  color : var(--color-paska2-2);
}

.bg-paska2-2 {
  background-color : var(--color-paska2-2);
}

.color-paska2-3 {
  color : var(--color-paska2-3);
}

.bg-paska2-3 {
  background-color : var(--color-paska2-3);
}

.color-paska2-4 {
  color : var(--color-paska2-4);
}

.bg-paska2-4 {
  background-color : var(--color-paska2-4);
}

.color-paska2-5 {
  color : var(--color-paska2-5);
}

.bg-paska2-5 {
  background-color : var(--color-paska2-5);
}

.color-paska3-1 {
  color : var(--color-paska3-1);
}

.bg-paska3-1 {
  background-color : var(--color-paska3-1);
}

.color-paska3-2 {
  color : var(--color-paska3-2);
}

.bg-paska3-2 {
  background-color : var(--color-paska3-2);
}

.color-paska3-3 {
  color : var(--color-paska3-3);
}

.bg-paska3-3 {
  background-color : var(--color-paska3-3);
}

.color-paska3-4 {
  color : var(--color-paska3-4);
}

.bg-paska3-4 {
  background-color : var(--color-paska3-4);
}

.color-paska3-5 {
  color : var(--color-paska3-5);
}

.bg-paska3-5 {
  background-color : var(--color-paska3-5);
}

textarea {
  resize : none;
}

/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone 
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select, textarea, input {
    font-size : 16px !important;
  }

  input[type="button"],
  input[type="submit"] {
    -webkit-appearance : none;

  }
}

.videoWrapper {
  position       : relative;
  /* 16:9 */
  padding-bottom : 56.25%;
  /* 4:3 */
  /*padding-bottom : 75%; */
  padding-top    : 0;
  height         : 0;
}

.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio164 {
  position : relative;
}

.aspectRatio43:before,
.aspectRatio1:before,
.aspectRatio169:before,
.aspectRatio164:before {
  display : block;
  content : " ";
  width   : 100%;

}

.aspectRatio1:before {
  padding-top : 100%;
}

.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
  /*padding-top : 75%;*/
}

.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
  /*padding-top : 56.25%;*/
}

.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
  /*padding-top : 12.25%;*/
}

.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}

/*
input[type=password].verificado, input[type=text].verificado {
  border     : none;
  box-shadow : 0 0 7px green;
}
input[type=password].incorrecto, input[type=text].incorrecto {
  border        : 1px solid red;
  border-radius : 2px;
  box-shadow    : 0 0 7px red
}
*/
.mid-articulos .list a span.thumbnail {
  background-size     : cover;
  background-position : center;
  background-repeat   : no-repeat;
  display             : block;
}

.bodymask {
  background-color : #FFF;
  display          : none;
  position         : fixed;
  top              : 0;
  left             : 0;
  z-index          : 1000;
  opacity          : .7;

}

.paginacion span,
.paginacion a {
  color            : #FFF;
  text-decoration  : none;
  margin           : 5px;
  background-color : #658582;
  padding          : 5px 10px;
  transition       : .5s;
}

.paginacion a:hover,
.paginacion span {
  background-color : #FFF !important;
  color            : #658582;
  transition       : .5s;
}

.paginacion span {
  border : 1px solid #658582;
}

.bg-paska-primary {
  background-color : var(--color-paska2-3);
}

.btn-paska-light {
  background-color : var(--color-paska2-2);
}

.btn-paska-green {
  background-color : #248609;
}

.formError.inline {
  display    : block;
  width      : 100%;
  margin-top : .5em;
}

[class*="sidebar-dark-"] {
  background-color : var(--color-paska2-5);
}

select[data-validation-engine^="validate[required"],
input[data-validation-engine^="validate[required"],
textarea[data-validation-engine^="validate[required"],
.required-validation {
  background-color : #FFE8E8 !important;
}

.table-turnos td.input[type=text] {
  padding     : 0;
  line-height : 2.5rem;
}

.table-turnos input[type=text] {
  padding : 3px 10px;
  width   : 100%;
  height  : 100%;
  margin  : 0;

}

.input-group [data-toggle="datetimepicker"] {
  cursor : text;
  height : 46px !important;
}

.bg-turnos-table {
  background-color : #E9ECEF;
}

.nav-sidebar .menu-is-opening > .nav-link i.right, .nav-sidebar .menu-open > .nav-link i.right {
  -webkit-transform : rotate(180deg);
  transform         : rotate(180deg);
}

.link-white {

  color : rgba(255, 255, 255, .8);
}

.link-white:hover {

  color : rgba(255, 255, 255, 1);
}
.link-black {

  color : rgba(0,  0, 0, .8);
}
.link-gray {

  color: rgba(121, 121, 121, 0.8);
}

.link-black:hover {

  color : rgba(0,  0, 0, 1);
}
.not-active {
  pointer-events: none;
  cursor: default;
}
.icon-add-paro {

  font-size   : 23px;
  line-height : 1;
}

.air-datepicker-global-container {

  z-index : 11111111111111111 !important;
}

.input-group [data-toggle="datetimepicker"] {
  height : 39px !important;
}

.row-red {
  background-color : #FF000045 !important;
}

.check-industria {
  margin-top  : 38px;
  margin-left : 15px;
}

.row-yellow {
  background-color : #FFD700A1 !important;
}

.row-gray {
  background-color : #20201E1C;
}


.btn-calc-k {
  margin-top : 30px;
}

.margin-btn-not-label {
  margin-top : 31px;
}
.margin-btn-export-not-label {
  margin-top : 34px;
}

.margin-btn-not-label-pesos {

  margin-top : 34px;
  font-size  : 18px;

}

.margin-btn-plan-tareas {
  margin-top : 20px;
}
.margin-user-as {
  margin-top : 10px;
}

.dropdown-toggle::after {

  margin-left    : .255em !important;
  vertical-align : .155em !important;
}

.dropdown-item.btn-danger {
  color            : #FFF !important;
  background-color : #DC3545 !important;
  border-color     : #DC3545 !important;
  box-shadow       : none !important;
}

.dropdown-item {
  white-space : initial;
}

.dropdown-item.tipo-info .fa-exclamation-triangle {
  display : none
}

.dropdown-item.tipo-op .fa-info-circle {
  display : none
}

.dropdown-item.tipo-op {
  background-color : #FF00006B;
}

.dropdown-item.tipo-info {
  background-color : rgba(247, 255, 0, 0.42);
}

.link-selected {
  color : #007BFF !important;
}

.link-ingresar-operario {
  text-decoration : underline;
}

.mt-6,
.my-6 {
  margin-top : 3.3rem !important;
}

.row-missing-area, .row-missing-area * {
  color : var(--color-paska1-3) !important;
}

.select2 {
  width : 100% !important;
}

.select2-container .select2-selection--single {
  /*height: 38px !important;*/
  height : calc(2.25rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top   : 6px !important;
  right : 4px !important;

}

.select2-selection {
  background-color : #FFE8E8 !important;
}

.fw-bold {
  font-weight : bold !important;
}

.mt-40 {
  margin-top : 40px;
}

.top-0 {
  top : 0;
}

.bottom-0 {
  bottom : 0;
}

.right-0 {
  right : 0;
}

.left-0 {
  left : 0
}

.page-item.active .page-link {
  background-color : var(--color-paska2-5) !important;
  border-color     : var(--color-paska2-5) !important;
}

.btn-add {
  font-size : 12px;

}

.nav.nav-treeview .nav-link {
  border-radius : 0;
}

.nav.nav-treeview .nav-link.activo {
  font-weight      : bold;
  background-color : #A24E09;
  padding-left     : 2em;
}

#btn_question {
  color     : var(--color-paska2-5);
  font-size : 16px;
}

.height-70 {
  min-height : 70px;
}


.icon-list-reference {

  width  : 20px !important;
  height : 20px;

}

.icon-dwnld {
  color     : #000000A2;
  font-size : 15px;
}

.check-avance {
  padding-left : 0 !important;
}

.cont-licencias.activa0 {
  filter : grayscale(1);
}

.fw-normal {
  font-weight : normal !important;
}

.color-grey {
  color : #7A8793;

}

#PerfilImgShow {
  height        : 160px;
  width         : 160px;
  border-radius : 100px;
}

.user-panel img {
  height : 35px;
  width  : 35px;
}

.w-1 {
  width : 1px;
}

.form-control:disabled, .form-control[readonly] {
  background-color : #E9ECEF !important;

}

.presente- * {
  color : #CCC;
}
.likeFontawesome {
  width        : 22px;
  margin-left  : 4px;
  margin-right : 4px;
}
a.muted, a.disabled {
  color : #CCC;
}
tr.disabled, tr.disabled *, tr.muted, tr.muted * {
  color : #CCC;
}

.select2-no-red {
  background-color : #FFF !important;
}
.mt-capitulo {
  margin-top : 35px;
!important;
  font-size  : 18px;
}
.notif-cont-values {
  line-height : 1em;
}
.cursor-pointer {
  cursor : pointer;
}
.bg-gray-td-no-laborable {
  background-color : #DBE0E6 !important;
}
.td-totales {

  vertical-align : middle !important;
  /*font-size: 1.2em;*/
}
.td-totales-margin {

  vertical-align : middle !important;
}
.with-submenu {
  background-color : #974806;
  transition       : .25s;
}
.with-submenu.menu-open {
  background-color : #A24E09;
  transition       : .25s;
}
.with-submenu > ul > li > a {
  padding-right : 0;
  padding-left  : 2em;
}


.small-box.bg-paska-primary h3 {
  word-wrap   : anywhere;
  word-break  : break-all;
  white-space : break-spaces;
  font-size   : 1em;
}

@media (min-width : 576px) {
  .small-box.bg-paska-primary h3 {

    font-size : 1.5em !important;
  }
}
@media (min-width : 768px) {
  .small-box.bg-paska-primary h3 {

    font-size : 1em !important;
  }
}
@media (min-width : 1200px) {
  .small-box.bg-paska-primary h3 {

    font-size : 1.5em !important;
  }
}

.table-responsive table.table {
  margin-bottom: 4em;
}