.bg_login {
    background-image: url('../img/bg_hf.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
[class*="text-"]::placeholder {
    text-transform: none !important;
  }
.text-decoration-none{
	text-decoration:none !important;
	}
*{
	outline:none !important;
	}
.pointer{
	cursor:pointer !important;
}
#change_menu_show{
	position:absolute;
	bottom:-10px; 
	z-index:100; 
	right:5px;
}
.map{
	height: 400px;
	width:100%;
	border:1px solid gray;
	position:relative;
	overflow:hidden;
	}	
input.error__forms{
	border-color:red;
	}
div.error__forms{
	color:red;
	font-size:80%;
	width:100%;
	}
.cc-picker-dropdown{
	max-height:300px;
	overflow:auto; 
	overflow-y:scroll; 
	overflow-x:hidden;
	}
.cc-picker-flag {
    width: 16px;
    height: 11px;
    display: inline-block;
	background: url('../img/flags.png');
	position: relative;
	}
.cc-picker-code{color:gray;}
.cc-picker-code::after{
	content:")";
}
.cc-picker-code::before{
	content:"(";
}		
.cc-picker-flag.opts{
	margin-right:10px;
}
.cc-picker-flag.zw{
    background-position:0 0
}
.cc-picker-flag.zm{
    background-position:-16px 0
}
.cc-picker-flag.za{
    background-position:0 -11px
}
.cc-picker-flag.yt{
    background-position:-16px -11px
}
.cc-picker-flag.ye{
    background-position:-32px 0
}
.cc-picker-flag.ws{
    background-position:-32px -11px
}
.cc-picker-flag.wf{
    background-position:0 -22px
}
.cc-picker-flag.vu{
    background-position:-32px -22px
}
.cc-picker-flag.vn{
    background-position:0 -33px
}
.cc-picker-flag.vi{
    background-position:-16px -33px
}
.cc-picker-flag.vg{
    background-position:-32px -33px
}
.cc-picker-flag.ve{
    background-position:-48px 0
}
.cc-picker-flag.vc{
    background-position:-48px -11px
}
.cc-picker-flag.va{
    background-position:-48px -22px
}
.cc-picker-flag.uz{
    background-position:-48px -33px
}
.cc-picker-flag.uy{
    background-position:0 -44px
}
.cc-picker-flag.us{
    background-position:-16px -44px
}
.cc-picker-flag.um{
    background-position:-16px -44px
}
.cc-picker-flag.ug{
    background-position:-32px -44px
}
.cc-picker-flag.ua{
    background-position:-48px -44px
}
.cc-picker-flag.tz{
    background-position:-64px 0
}
.cc-picker-flag.tw{
    background-position:-64px -11px
}
.cc-picker-flag.tv{
    background-position:-64px -22px
}
.cc-picker-flag.tt{
    background-position:-64px -33px
}
.cc-picker-flag.tr{
    background-position:-64px -44px
}
.cc-picker-flag.to{
    background-position:0 -55px
}
.cc-picker-flag.tn{
    background-position:-16px -55px
}
.cc-picker-flag.tm{
    background-position:-32px -55px
}
.cc-picker-flag.tl{
    background-position:-48px -55px
}
.cc-picker-flag.tk{
    background-position:-64px -55px
}
.cc-picker-flag.tj{
    background-position:0 -66px
}
.cc-picker-flag.th{
    background-position:-16px -66px
}
.cc-picker-flag.tg{
    background-position:-32px -66px
}
.cc-picker-flag.tf{
    background-position:-48px -66px
}
.cc-picker-flag.td{
    background-position:-64px -66px
}
.cc-picker-flag.tc{
    background-position:-80px 0
}
.cc-picker-flag.sz{
    background-position:-80px -11px
}
.cc-picker-flag.sy{
    background-position:-80px -22px
}
.cc-picker-flag.sx{
    background-position:-80px -33px
}
.cc-picker-flag.sv{
    background-position:-80px -44px
}
.cc-picker-flag.st{
    background-position:-80px -55px
}
.cc-picker-flag.ss{
    background-position:-80px -66px
}
.cc-picker-flag.sr{
    background-position:0 -77px
}
.cc-picker-flag.so{
    background-position:-16px -77px
}
.cc-picker-flag.sn{
    background-position:-32px -77px
}
.cc-picker-flag.sm{
    background-position:-48px -77px
}
.cc-picker-flag.sl{
    background-position:-64px -77px
}
.cc-picker-flag.sk{
    background-position:-80px -77px
}
.cc-picker-flag.si{
    background-position:-96px 0
}
.cc-picker-flag.sh{
    background-position:-96px -11px
}
.cc-picker-flag.sg{
    background-position:-96px -22px
}
.cc-picker-flag.se{
    background-position:-96px -33px
}
.cc-picker-flag.sd{
    background-position:-96px -44px
}
.cc-picker-flag.sc{
    background-position:-96px -66px
}
.cc-picker-flag.sb{
    background-position:-96px -77px
}
.cc-picker-flag.sa{
    background-position:0 -88px
}
.cc-picker-flag.rw{
    background-position:-16px -88px
}
.cc-picker-flag.ru{
    background-position:-32px -88px
}
.cc-picker-flag.rs{
    background-position:-48px -88px
}
.cc-picker-flag.ro{
    background-position:-64px -88px
}
.cc-picker-flag.qa{
    background-position:-80px -88px
}
.cc-picker-flag.py{
    background-position:-96px -88px
}
.cc-picker-flag.pw{
    background-position:0 -99px
}
.cc-picker-flag.pt{
    background-position:-16px -99px
}
.cc-picker-flag.ps{
    background-position:-32px -99px
}
.cc-picker-flag.pr{
    background-position:-48px -99px
}
.cc-picker-flag.pn{
    background-position:-64px -99px
}
.cc-picker-flag.pm{
    background-position:-80px -99px
}
.cc-picker-flag.pl{
    background-position:-96px -99px
}
.cc-picker-flag.pk{
    background-position:-112px 0
}
.cc-picker-flag.ph{
    background-position:-112px -11px
}
.cc-picker-flag.pg{
    background-position:-112px -22px
}
.cc-picker-flag.pf{
    background-position:-112px -33px
}
.cc-picker-flag.pe{
    background-position:-112px -44px
}
.cc-picker-flag.pa{
    background-position:-112px -55px
}
.cc-picker-flag.om{
    background-position:-112px -66px
}
.cc-picker-flag.nz{
    background-position:-112px -77px
}
.cc-picker-flag.nu{
    background-position:-112px -88px
}
.cc-picker-flag.nr{
    background-position:-112px -99px
}
.cc-picker-flag.no{
    background-position:0 -110px
}
.cc-picker-flag.bv{
    background-position:0 -110px
}
.cc-picker-flag.sj{
    background-position:0 -110px
}
.cc-picker-flag.nl{
    background-position:-16px -110px
}
.cc-picker-flag.ni{
    background-position:-32px -110px
}
.cc-picker-flag.ng{
    background-position:-48px -110px
}
.cc-picker-flag.nf{
    background-position:-64px -110px
}
.cc-picker-flag.ne{
    background-position:-80px -110px
}
.cc-picker-flag.nc{
    background-position:-96px -110px
}
.cc-picker-flag.na{
    background-position:-112px -110px
}
.cc-picker-flag.mz{
    background-position:-128px 0
}
.cc-picker-flag.my{
    background-position:-128px -11px
}
.cc-picker-flag.mx{
    background-position:-128px -22px
}
.cc-picker-flag.mw{
    background-position:-128px -33px
}
.cc-picker-flag.mv{
    background-position:-128px -44px
}
.cc-picker-flag.mu{
    background-position:-128px -55px
}
.cc-picker-flag.mt{
    background-position:-128px -66px
}
.cc-picker-flag.ms{
    background-position:-128px -77px
}
.cc-picker-flag.mr{
    background-position:-128px -88px
}
.cc-picker-flag.mq{
    background-position:-128px -99px
}
.cc-picker-flag.mp{
    background-position:-128px -110px
}
.cc-picker-flag.mo{
    background-position:0 -121px
}
.cc-picker-flag.mn{
    background-position:-16px -121px
}
.cc-picker-flag.mm{
    background-position:-32px -121px
}
.cc-picker-flag.ml{
    background-position:-48px -121px
}
.cc-picker-flag.mk{
    background-position:-64px -121px
}
.cc-picker-flag.mh{
    background-position:-80px -121px
}
.cc-picker-flag.mg{
    background-position:-96px -121px
}
.cc-picker-flag.me{
    background-position:0 -132px
}
.cc-picker-flag.md{
    background-position:-112px -121px
}
.cc-picker-flag.mc{
    background-position:-128px -121px
}
.cc-picker-flag.ma{
    background-position:-16px -132px
}
.cc-picker-flag.ly{
    background-position:-32px -132px
}
.cc-picker-flag.lv{
    background-position:-48px -132px
}
.cc-picker-flag.lu{
    background-position:-64px -132px
}
.cc-picker-flag.lt{
    background-position:-80px -132px
}
.cc-picker-flag.ls{
    background-position:-96px -132px
}
.cc-picker-flag.lr{
    background-position:-112px -132px
}
.cc-picker-flag.lk{
    background-position:-128px -132px
}
.cc-picker-flag.li{
    background-position:-144px 0
}
.cc-picker-flag.lc{
    background-position:-144px -11px
}
.cc-picker-flag.lb{
    background-position:-144px -22px
}
.cc-picker-flag.la{
    background-position:-144px -33px
}
.cc-picker-flag.kz{
    background-position:-144px -44px
}
.cc-picker-flag.ky{
    background-position:-144px -55px
}
.cc-picker-flag.kw{
    background-position:-144px -66px
}
.cc-picker-flag.kr{
    background-position:-144px -77px
}
.cc-picker-flag.kp{
    background-position:-144px -88px
}
.cc-picker-flag.kn{
    background-position:-144px -99px
}
.cc-picker-flag.km{
    background-position:-144px -110px
}
.cc-picker-flag.ki{
    background-position:-144px -121px
}
.cc-picker-flag.kh{
    background-position:-144px -132px
}
.cc-picker-flag.kg{
    background-position:0 -144px
}
.cc-picker-flag.ke{
    background-position:-16px -144px
}
.cc-picker-flag.jp{
    background-position:-32px -144px
}
.cc-picker-flag.jo{
    background-position:-48px -144px
}
.cc-picker-flag.jm{
    background-position:-64px -144px
}
.cc-picker-flag.je{
    background-position:-80px -144px
}
.cc-picker-flag.it{
    background-position:-96px -144px
}
.cc-picker-flag.is{
    background-position:-112px -144px
}
.cc-picker-flag.ir{
    background-position:-128px -144px
}
.cc-picker-flag.iq{
    background-position:-144px -144px
}
.cc-picker-flag.io{
    background-position:-160px 0
}
.cc-picker-flag.in{
    background-position:-160px -11px
}
.cc-picker-flag.im{
    background-position:-160px -22px
}
.cc-picker-flag.il{
    background-position:-160px -31px
}
 .cc-picker-flag.ie{
    background-position:-160px -42px
}
.cc-picker-flag.id{
    background-position:-160px -53px
}
.cc-picker-flag.hu{
    background-position:-160px -64px
}
.cc-picker-flag.ht{
    background-position:-160px -75px
}
.cc-picker-flag.hr{
    background-position:-160px -86px
}
.cc-picker-flag.hn{
    background-position:-160px -97px
}
.cc-picker-flag.hk{
    background-position:-160px -108px
}
.cc-picker-flag.gy{
    background-position:-160px -119px
}
.cc-picker-flag.gw{
    background-position:-160px -130px
}
.cc-picker-flag.gu{
    background-position:-160px -141px
}
.cc-picker-flag.gt{
    background-position:0 -155px
}
.cc-picker-flag.gs{
    background-position:-16px -155px
}
.cc-picker-flag.gr{
    background-position:-32px -155px
}
.cc-picker-flag.gq{
    background-position:-48px -155px
}
.cc-picker-flag.gp{
    background-position:-64px -155px
}
.cc-picker-flag.gn{
    background-position:-80px -155px
}
.cc-picker-flag.gm{
    background-position:-96px -155px
}
.cc-picker-flag.gl{
    background-position:-112px -155px
}
.cc-picker-flag.gi{
    background-position:-128px -155px
}
.cc-picker-flag.gh{
    background-position:-144px -155px
}
.cc-picker-flag.gg{
    background-position:-160px -155px
}
.cc-picker-flag.ge{
    background-position:-176px 0
}
.cc-picker-flag.gd{
    background-position:-176px -11px
}
.cc-picker-flag.gb{
    background-position:-176px -22px
}
.cc-picker-flag.ga{
    background-position:-176px -33px
}
.cc-picker-flag.fr{
    background-position:-176px -44px
}
.cc-picker-flag.gf{
    background-position:-176px -44px
}
.cc-picker-flag.re{
    background-position:-176px -44px
}
.cc-picker-flag.mf{
    background-position:-176px -44px
}
.cc-picker-flag.bl{
    background-position:-176px -44px
}
.cc-picker-flag.fo{
    background-position:-176px -55px
}
.cc-picker-flag.fm{
    background-position:-176px -66px
}
.cc-picker-flag.fk{
    background-position:-176px -77px
}
.cc-picker-flag.fj{
    background-position:-176px -88px
}
.cc-picker-flag.fi{
    background-position:-176px -99px
}
.cc-picker-flag.eu{
    background-position:-176px -121px
}
.cc-picker-flag.et{
    background-position:-176px -132px
}
.cc-picker-flag.es{
    background-position:-176px -143px
}
.cc-picker-flag.er{
    background-position:-176px -154px
}
.cc-picker-flag.eh{
    background-position:-16px -166px
}
.cc-picker-flag.eg{
    background-position:-32px -166px
}
div.cc-picker-flag.ee{
    background-position:-48px -166px
}
.cc-picker-flag.ec{
    background-position:-64px -166px
}
.cc-picker-flag.dz{
    background-position:-80px -166px
}
.cc-picker-flag.do{
    background-position:-96px -166px
}
.cc-picker-flag.dm{
    background-position:-112px -166px
}
.cc-picker-flag.dk{
    background-position:-128px -166px
}
.cc-picker-flag.dj{
    background-position:-144px -166px
}
.cc-picker-flag.de{
    background-position:-160px -166px
}
.cc-picker-flag.cz{
    background-position:-176px -166px
}
.cc-picker-flag.cy{
    background-position:0 -177px
}
.cc-picker-flag.cx{
    background-position:-16px -177px
}
.cc-picker-flag.cw{
    background-position:-32px -177px
}
.cc-picker-flag.cv{
    background-position:-48px -177px
}
.cc-picker-flag.cu{
    background-position:-64px -177px
}
.cc-picker-flag.cs{
    background-position:-80px -177px
}
.cc-picker-flag.cr{
    background-position:-96px -177px
}
.cc-picker-flag.co{
    background-position:-112px -177px
}
.cc-picker-flag.cn{
    background-position:-128px -177px
}
.cc-picker-flag.cm{
    background-position:-144px -177px
}
.cc-picker-flag.cl{
    background-position:-160px -177px
}
.cc-picker-flag.ck{
    background-position:-176px -177px
}
.cc-picker-flag.ci{
    background-position:-192px 0
}
.cc-picker-flag.cg{
    background-position:-192px -11px
}
.cc-picker-flag.cf{
    background-position:-192px -22px
}
.cc-picker-flag.cd{
    background-position:-192px -33px
}
.cc-picker-flag.cc{
    background-position:-192px -44px
}
.cc-picker-flag.ca{
    background-position:-192px -66px
}
.cc-picker-flag.bz{
    background-position:-192px -77px
}
.cc-picker-flag.by{
    background-position:-192px -88px
}
.cc-picker-flag.bw{
    background-position:-192px -99px
}
.cc-picker-flag.bt{
    background-position:-192px -110px
}
.cc-picker-flag.bs{
    background-position:-192px -121px
}
.cc-picker-flag.br{
    background-position:-192px -132px
}
.cc-picker-flag.bq{
    background-position:-192px -143px
}
.cc-picker-flag.bo{
    background-position:-192px -154px
}
.cc-picker-flag.bn{
    background-position:-192px -165px
}
.cc-picker-flag.bm{
    background-position:-192px -176px
}
.cc-picker-flag.bj{
    background-position:0 -188px
}
.cc-picker-flag.bi{
    background-position:-16px -188px
}
.cc-picker-flag.bh{
    background-position:-32px -188px
}
.cc-picker-flag.bg{
    background-position:-48px -188px
}
.cc-picker-flag.bf{
    background-position:-64px -188px
}
.cc-picker-flag.be{
    background-position:-80px -188px
}
.cc-picker-flag.bd{
    background-position:-96px -188px
}
.cc-picker-flag.bb{
    background-position:-112px -188px
}
.cc-picker-flag.ba{
    background-position:-128px -188px
}
.cc-picker-flag.az{
    background-position:-144px -188px
}
.cc-picker-flag.ax{
    background-position:-160px -188px
}
.cc-picker-flag.aw{
    background-position:-176px -188px
}
.cc-picker-flag.au{
    background-position:-192px -188px
}
.cc-picker-flag.hm{
    background-position:-192px -188px
}
.cc-picker-flag.at{
    background-position:-208px 0
}
.cc-picker-flag.as{
    background-position:-208px -11px
}
.cc-picker-flag.ar{
    background-position:-208px -22px
}
.cc-picker-flag.ao{
    background-position:-208px -33px
}
.cc-picker-flag.an{
    background-position:-208px -44px
}
.cc-picker-flag.am{
    background-position:-208px -55px
}
.cc-picker-flag.al{
    background-position:-208px -66px
}
.cc-picker-flag.ai{
    background-position:-208px -77px
}
.cc-picker-flag.ag{
    background-position:-208px -88px
}
.cc-picker-flag.af{
    background-position:-208px -99px
}
.cc-picker-flag.ae{
    background-position:-208px -110px
}
.cc-picker-flag.ad{
    background-position:-208px -121px
}
.cc-picker-flag.np{
    background-position:-208px -132px
}
.cc-picker-flag.ch{
    background-position:-208px -143px
}
.fib {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.fi:before {
  content: '\00a0';
}
.fi.fis {
  width: 1em;
}
.fi-ar {
  background-image: url(../flags/4x3/ar.svg);
}
.fi-ar.fis {
  background-image: url(../flags/1x1/ar.svg);
}
.fi-us {
  background-image: url(../flags/4x3/us.svg);
}
.fi-us.fis {
  background-image: url(../flags/1x1/us.svg);
}
.th_fix{
	width:1%;
}
#preloader .preloader-spin {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1001;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: #b9b7ff;
	-webkit-animation: PreloaderSpin 1s linear infinite;
	animation: PreloaderSpin 1s linear infinite;
	display: block;
	border-top-color: #2c181e;
}
.preloader-spin:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: #00bcd4;
	-webkit-animation: PreloaderSpin 3s linear infinite;
	animation: PreloaderSpin 3s linear infinite;
	border-top-color: #ca7b8a;
}
.preloader-spin:after{
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: #a3e7f0;
	-webkit-animation: PreloaderSpin 1.5s linear infinite;
	animation: PreloaderSpin 1.5s linear infinite;
	border-top-color: #f0c7cd;
}

#preloader{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:999999;
	opacity:1;
	background:#fff;
}

@-webkit-keyframes PreloaderSpin{
  0%{
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  100%{
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes PreloaderSpin{
  0%{
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  100%{
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.animated {
	-webkit-animation-duration: 2s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
.search_panel_select2 > .select2-container--default,
.search_panel_select2 > .select2-selection--single{
	height:100% !important;
	border-radius:3px !important;
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
	}
.w-0{
	width:0 !important;
}
.custom_link{
	color: #007bff;
	text-decoration: none;
	cursor: pointer;
}
.custom_link:hover{
   color: #0056b3;
}
 .indent_first_line{
	text-indent: 1em;
}
.hf-table{
	overflow-x: auto;
	overflow-y: auto;
	max-height: 400px;
	position: relative;
}
.hf-table td {
	height:20px;
	max-height:20px;
}
.hf-header {
	position: sticky;
	top: 0;
	background: white;
	z-index: 10;
}
.hf-header td:first-child, .hf-header th:first-child {
	position: sticky;
	left: 0;
	background: white;
	z-index: 10;
}
.hf-body td:first-child {
	position: sticky;
	left: 0;
	background: white;
	z-index: 8;
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: normal; 
   } 
.hf-days th{
	min-width:60px !important;
	max-width:60px !important;
}
.ocupacion {
	position: absolute;
	height: 25px;
	z-index:3;
	margin-top:3px;
	background-color: rgba(255, 0, 0, 0.6);
	border-radius: 5px;
}
 .table-container:active ,.table-container:hover {
	cursor: grabbing;
}
.hf-table::-webkit-scrollbar {
	width: 8px; 
	height: 8px;
}
.hf-table::-webkit-scrollbar-track {
	background-color: #f1f1f1; 
	border-radius: 10px;
}
.hf-table::-webkit-scrollbar-thumb {
	background-color: #888; 
	border-radius: 10px;
	border: 3px solid #f1f1f1;
}
.hf-table::-webkit-scrollbar-thumb:hover {
	background-color: #555; 
}
.hf-header-month{
	display:flex;
	align-items:center;
	justify-content:left;
}
.hf-header-item{
	position:sticky;
}
.hf-uf{
	width:200px;

}
@media (max-width: 576px) {
	.hf-uf{
		width: 80px;
	}
}
@media (min-width: 577px) and (max-width: 768px) {
	.hf-uf{
		width: 120px;
	}
}
@media (min-width: 769px) and (max-width: 992px) {
	.hf-uf{
		width: 150px;
	}
}
@media (min-width: 993px) {
	.hf-uf{
		width: 200px;
	}
}
.hf-table td,.hf-table th {
	box-shadow: inset -1px -1px #ccc;
}
.hf-days th{
    z-index:0 !important;
} 
.hf-body td{
    height:40px; 
    min-width:60px;
    position:relative;
    vertical-align: middle;
}
.btn_sh_configs{
    position:absolute;
    right:-10px;
    top:-10px;
    z-index:100;
}
#panel_select2 .select2-container--default, #panel_select2 .select2-selection--single{height:100% !important;border-radius:3px !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}