# sourceMappingURL=data:application/json;
charset=utf8;
base64, eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 # sourceMappingURL=custom.css.map

html {
    scrollbar-face-color: #646464;
    scrollbar-base-color: #646464;
    scrollbar-3dlight-color: #646464;
    scrollbar-highlight-color: #646464;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: #000;
    scrollbar-shadow-color: #646464;
    scrollbar-dark-shadow-color: #646464;
}

::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #646464;}
::-webkit-scrollbar-track-piece { background-color: #282d35;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #646464;}}
::-webkit-resizer { background-color: #666;}

#external-events {
    padding: 0 10px;
    border: 1px solid #ccc;
}

#external-events .fc-event {
    margin: 1em 0;
    cursor: move;
}

#calendar-container {
    position: relative;
    z-index: 1;
}

#calendar {
    max-width: 900px;
    margin: 20px auto;
}

.invoice-sel {
    font-size: 2rem !important;
    font-weight: 700;
    height: auto !important;
    color: #6c757d !important;
}

.invoice-inpt {
    font-size: 2rem !important;
    float: right;
    font-weight: 700;
    height: auto !important;
    color: #6c757d !important;
    background-color: transparent !important;
}

.weight-100 {
  font-weight: 100 !important;
}
.weight-200 {
  font-weight: 200 !important;
}
.weight-300 {
  font-weight: 300 !important;
}
.weight-400 {
  font-weight: 400 !important;
}
.weight-500 {
  font-weight: 500 !important;
}
.weight-600 {
  font-weight: 600 !important;
}
.weight-700 {
  font-weight: 700 !important;
}
.weight-800 {
  font-weight: 800 !important;
}
.weight-900 {
  font-weight: 900 !important;
}
.btn-primary {
  background-color: #00b1ab !important;
}

.nav-link-especial .active {
  background-color: #ffc107;
}
.select2-fix{
  width:100% !important;
}

.select2{
  width:100% !important;
}

.select2-container--open {
    z-index: 9999
}


.select2-search select2-dropdown {
  z-index: 999999
}
.select2-search__field{
  z-index: 9999999
}

.swal2-container {
  z-index: 9999
}
.swal2-input{
  z-index: 9999999
}
.modal {
  overflow-y:auto;
}

.faIconEspecial{
  font-size: 1rem;
  margin-right: 5px;
  margin-left: 5px;
  color: #6777ef;
}
.faIconEspecialGigante{
  font-size: 10rem;
  margin-left: 40%;
  color: #6777ef;
}

.divisorIzquierda{
  border-left: 1px solid #C00
}
.divisorDerecha{
  border-right: 1px solid #C00
}

.center-index{
  height: 100%;
  width: 100%;
  position: absolute;
}

.navbar-panel-header{
  display: block;
  padding: 15px 20px;
  color: #212529;
  font-size: 15px;
  border: 1px solid #eae9e9;
  background: #e9ecef;
}

.content-desk{
  background: url(../../assets/img/desk/deskdown.webp) left top no-repeat, url(../../assets/img/desk/deskup.webp) right bottom no-repeat;
  background-position: right bottom, left top;
  background-repeat: no-repeat, no-repeat;
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.footer-aside{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 20px;
  font-size: 15px;
  border: 1px solid #eae9e9;
  background: #e9ecef;
}

.badge-violet{
  background-color: #6f42c1 !important
}

.card.card-violet {
  border-top: 2px solid #6f42c1 !important
}

.head-precios{
  color: #0097a8;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.body-precios{
  color: #6c757d;;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.p-prod{
  padding: 10px 25px !important;
}

.dark .card .text-contrast{
    color: #bc9afb !important;
}

.tab-custom{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 40px;
}

@media (max-width: 767.98px){
  .tab-custom {
      padding: 10px !important;
  }
  .card, .card .card-header, .card .card-body, .card .card-footer{
    padding: 20px 10px;
  }
  .content-desk{
    background-size: contain;
  }
  .navbar .form-inline .search-element {
    display: none;
  }
}

/*CARD personal*/
.text-area-personal{
  text-transform: uppercase;
  font-weight: bold !important;
  letter-spacing: 2px;
  font-size: 13px;
}
.text-social i{
  font-size: 18px;
  color: #a2a8ae;
}

.text-social a {
  color:inherit;
  margin:0 10px;
  display:inline-block;
  opacity:0.7;
}

.text-social a:hover {
  opacity:1;
}

.btn-xl{
  padding: 0.5em 1em;
}

.err-validate{
  font-weight: 600;
  color: #ff0000;
  font-size: 12px;
  letter-spacing: 0.5px;
}

/*Estilos Nuevo Login*/
.form-login{
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
}
.img-login{
  max-height:18.75rem;
  margin: auto;
  max-width: 100%;
}
.text-medium{
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  margin: 0px;
}
/*.card-with-img{
  background-image: url("../../assets/img/auth/shape.webp");
  background-size: 50rem;
  background-repeat: no-repeat;
  background-position: left;
}*/
.card-with-img{
  background-image: url(../../assets/img/auth/shape.webp);
  background-size: 60rem;
  background-repeat: no-repeat;
  background-position: left;
  background-position-x: -5rem;
}
/*Estilos Nuevo Login*/
.img-header{
  height: 48px;
  width: 48px;
}

/*OCULTA EXEDENTE, AGREGA ... Y MUESTRA UN TITLE*/
.no-warp-ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor:help;
}

.wrap-four-lines{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor:help;
}

/*TO TOP BUTTON CLASS*/
.toTop {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 150;
  background-color: #0097a8;
  color: white;
  cursor: pointer;
  height: 45px;
  width: 45px;
  border-radius: 100%;
  padding: 10px 11px;
  border: inherit;
}

/*QUIT UP AND DOWN TO INPUT NUMBER*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*ANIMATED BELL IN NOTIFICATION*/
.mybell {
  -webkit-animation: myring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: myring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: myring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

.mybellEmpty {
  --fa-primary-opacity: 0.20;
}

@-webkit-keyframes myring {
  0% {
    -webkit-transform: rotateZ(0);
  }

  1% {
    -webkit-transform: rotateZ(30deg);
  }

  3% {
    -webkit-transform: rotateZ(-28deg);
  }

  5% {
    -webkit-transform: rotateZ(34deg);
  }

  7% {
    -webkit-transform: rotateZ(-32deg);
  }

  9% {
    -webkit-transform: rotateZ(30deg);
  }

  11% {
    -webkit-transform: rotateZ(-28deg);
  }

  13% {
    -webkit-transform: rotateZ(26deg);
  }

  15% {
    -webkit-transform: rotateZ(-24deg);
  }

  17% {
    -webkit-transform: rotateZ(22deg);
  }

  19% {
    -webkit-transform: rotateZ(-20deg);
  }

  21% {
    -webkit-transform: rotateZ(18deg);
  }

  23% {
    -webkit-transform: rotateZ(-16deg);
  }

  25% {
    -webkit-transform: rotateZ(14deg);
  }

  27% {
    -webkit-transform: rotateZ(-12deg);
  }

  29% {
    -webkit-transform: rotateZ(10deg);
  }

  31% {
    -webkit-transform: rotateZ(-8deg);
  }

  33% {
    -webkit-transform: rotateZ(6deg);
  }

  35% {
    -webkit-transform: rotateZ(-4deg);
  }

  37% {
    -webkit-transform: rotateZ(2deg);
  }

  39% {
    -webkit-transform: rotateZ(-1deg);
  }

  41% {
    -webkit-transform: rotateZ(1deg);
  }

  43% {
    -webkit-transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(0);
  }
}

@-moz-keyframes myring {
  0% {
    -moz-transform: rotate(0);
  }

  1% {
    -moz-transform: rotate(30deg);
  }

  3% {
    -moz-transform: rotate(-28deg);
  }

  5% {
    -moz-transform: rotate(34deg);
  }

  7% {
    -moz-transform: rotate(-32deg);
  }

  9% {
    -moz-transform: rotate(30deg);
  }

  11% {
    -moz-transform: rotate(-28deg);
  }

  13% {
    -moz-transform: rotate(26deg);
  }

  15% {
    -moz-transform: rotate(-24deg);
  }

  17% {
    -moz-transform: rotate(22deg);
  }

  19% {
    -moz-transform: rotate(-20deg);
  }

  21% {
    -moz-transform: rotate(18deg);
  }

  23% {
    -moz-transform: rotate(-16deg);
  }

  25% {
    -moz-transform: rotate(14deg);
  }

  27% {
    -moz-transform: rotate(-12deg);
  }

  29% {
    -moz-transform: rotate(10deg);
  }

  31% {
    -moz-transform: rotate(-8deg);
  }

  33% {
    -moz-transform: rotate(6deg);
  }

  35% {
    -moz-transform: rotate(-4deg);
  }

  37% {
    -moz-transform: rotate(2deg);
  }

  39% {
    -moz-transform: rotate(-1deg);
  }

  41% {
    -moz-transform: rotate(1deg);
  }

  43% {
    -moz-transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(0);
  }
}

@keyframes myring {
  0% {
    transform: rotate(0);
  }

  1% {
    transform: rotate(30deg);
  }

  3% {
    transform: rotate(-28deg);
  }

  5% {
    transform: rotate(34deg);
  }

  7% {
    transform: rotate(-32deg);
  }

  9% {
    transform: rotate(30deg);
  }

  11% {
    transform: rotate(-28deg);
  }

  13% {
    transform: rotate(26deg);
  }

  15% {
    transform: rotate(-24deg);
  }

  17% {
    transform: rotate(22deg);
  }

  19% {
    transform: rotate(-20deg);
  }

  21% {
    transform: rotate(18deg);
  }

  23% {
    transform: rotate(-16deg);
  }

  25% {
    transform: rotate(14deg);
  }

  27% {
    transform: rotate(-12deg);
  }

  29% {
    transform: rotate(10deg);
  }

  31% {
    transform: rotate(-8deg);
  }

  33% {
    transform: rotate(6deg);
  }

  35% {
    transform: rotate(-4deg);
  }

  37% {
    transform: rotate(2deg);
  }

  39% {
    transform: rotate(-1deg);
  }

  41% {
    transform: rotate(1deg);
  }

  43% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(0);
  }
}


/*SELECT2 WITH BUTTON APPEND*/
.select2-btn-group{
  width: 84.9% !important;
}

/*CUSTOM GALLERY PREVIEW*/
.gal-container{
	padding: 12px;
}
.gal-item{
	overflow: hidden;
	/*padding: 3px;*/
  border-radius: 10px;
  background-color: transparent
}
.gal-item .box{
	height: 350px;
	overflow: hidden;
  border-radius: 10px;
  background-color: transparent;
  box-shadow: 1px 1px 3px #ffffff, -1px -1px 3px #b7b7b7;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\f06e";
	font-family: "Font Awesome 5 Free";
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	/*bottom: 3px;*/
	text-align: center;
  line-height: 350px;
  font-size: 30px;
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  border-radius: 10px;
}

.gal-item a:hover:after{
	opacity: 1;
  border-radius: 10px;
}

.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}


.ul-menu{
  list-style: none;
  white-space: nowrap;
}

/*pagination*/
.btn-pagination{
  width: 45px;
  height: 45px;
  cursor: pointer;
}
.txt-btn-pagination{
  font-weight: 600;
  font-size: 18px;
  margin-top: auto !important;
  margin-bottom: auto !important;
}
/*fin pagination*/

.modal-border{
  border: 2.5px solid #00b1ab !important;
  border-radius: 0.5rem;
}

/*popuptip pure css*/
.popuptip   {
    width:100%;
    /*height:16px;
    border-radius:10px;
    border:2px solid #fff;
    background:rgba(255,255,255,.5);*/
    position:absolute;
}

.popuptip:hover{
    -webkit-animation-play-state: paused;
}

.popuptip .info {
    width:auto;
    padding:10px;
    background:rgba(255,255,255,1);
    border-radius:3px;
    position:absolute;
    margin: -10.5rem 0 0 0px;
    box-shadow:0 0 50px 0 rgba(0,0,0,.5);
}

.popuptip .info-combo {
    width:auto;
    padding:10px;
    background:rgba(255,255,255,1);
    border-radius:3px;
    position:absolute;
    margin: -8.8rem 0 0 0px;
    box-shadow:0 0 50px 0 rgba(0,0,0,.5);
}

.popuptip  h3 {
    font-family: 'Roboto', sans-serif;
    font-weight:100;
    font-size:20px;
    margin:0 0 5px 0;
  }

.popuptip p {
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-size:12px;
}

.popuptip .arrow {
  position:absolute;
  margin:10px 0 0 88px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}

.light .li-title{
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1.5px;
  font-weight: 700;
  color: #191d21;
  padding: 10px 20px;
  line-height: 20px;
}

.dark .li-title{
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1.5px;
  font-weight: 700;
  padding: 10px 20px;
  line-height: 20px;
  color: #98a6ad;
}

.hidden-menu {
  display: none;
}

.visuallyhidden-menu {
  opacity: 0;
}

/*MODAL FULL SCREEN*/
.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none;
}

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border-radius: 0;
  border: none;
}

.modal.modal-fullscreen .modal-body {
  overflow-y: auto;
}