/*
	--- Bootstrap css code ---
	--------------------------
	-
	- Last Mod.: Feb '15
	- VIRTUAL CUBE
	-
	- Created by Virtual Cube Engineering
	- Main project leader: Sergio Hoyuela
	-
	----------------------
 */

 /* Font imports */

 @font-face { font-family: open-sans; src: url("OpenSans-Regular.ttf"); 	}
 @font-face { font-family: open-sans-bold; src: url("OpenSans-Bold.ttf"); 	}
 @font-face { font-family: open-sans-semibold; src: url("OpenSans-Semibold.ttf"); 	}

 /*
	@font-face { font-family: oswald; src: url("oswald.otf"); 	}
	@font-face { font-family: oswald; src: url("oswald.ttf"); 	}
	@font-face { font-family: oswald-bold; src: url("oswald-bold.ttf"); 	}
	@font-face { font-family: oswald-light; src: url("oswald-light.ttf"); 	}
 */

/* RESET */
	body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, fieldset, select, p, blockquote, img, table, iframe {margin:0;padding:0;font-size:100%;}
	fieldset, img { border:0;}
	textarea {resize:none;}
	table { border-collapse: collapse; border-spacing: 0;}
	html,body{height:100%;}
	object, a:focus, embed {outline:none;}
	ol, ul {list-style:none;}
	h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;font-family: OpenSans,arial,helvetica,tahoma; color: #000; }
	a, a:hover { text-decoration:none; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
	body { text-align:center; font-family: open-sans, arial, helvetica, tahoma; font-size: 12pt; text-align:center; color: #000; font-weight: normal;  }

/* Scrollbar layout */

 	::-webkit-scrollbar { width: 5px; height: 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	::-webkit-scrollbar-track:enabled { background-color: none; }
	::-webkit-scrollbar-thumb:vertical { background-color: #006eba; opacity:0.6; }
	::-webkit-scrollbar-thumb:horizontal { background-color: #006eba; opacity:0.6; }

/* Main blocks and transforms */
  .mensajero {display:none}
	#wrapfull { width:100%; margin:0px auto; text-align:center; }
	.rounded_box { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius:10px; }
	.shadow_box { box-shadow: 0 0 8px #2d2d2d; }
	.ui-datepicker {  margin-left: 100px !important;  z-index: 1000 !important; }
	.paginacion { width:95%; margin:0 auto;text-align:center; margin-top:5px; margin-bottom:5px; font-size:12px; }
	.sabana { position:relative; width:100%; margin:0 auto; height:100%; background:rgba(255,255,255,0.7); opacity:0.7; display:none; }
		.sabana img { position:relative; top:45%; left:45%; }
	.opacidad { display:none; }
	.ocultodatoscontratos { min-height:420px; display:none; border:1px solid #006eba;}
#bandacopy { height:40px; z-index: 1; /*background-color:#83bb65; background: url(img/fondo_header.png);*/ }
		#bandacopy img { top:1px; position:relative; float:left; left: 10px;  }
		.elcopy { position:relative; float:left; font-family: open-sans; right:10px; top:10px; text-shadow: 1px 2px 2px #ccc; padding-left:25px; }
		.elcopy p { font:16px open-sans,arial; color: #fff; }

    .logomarcas {width:100%;overflow:hidden;text-align:center;}
  		.logomarcas img {width:150px;vertical-align:middle}


  .main_bg_login {background-color:#fcf4f2;width:100%;height:100%;margin:0 auto}

  input[type="number"] { position: relative;  border: 1px solid #BBB; border-color: #BBB #ECECEC #ECECEC #BBB; padding: .2rem; width:70px; }
	input[type="number"].mod::-webkit-outer-spin-button, input[type="number"].mod::-webkit-inner-spin-button {
		-webkit-appearance: none; background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
		width: 1em;
		border-left: 1px solid #BBB;
		opacity: .5; /* shows Spin Buttons per default (Chrome >= 39) */
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}
	input[type="number"]::-webkit-inner-spin-button:hover,
	input[type="number"]::-webkit-inner-spin-button:active{
		box-shadow: 0 0 2px #0CF;
		opacity: .8;
	}
  input[type=button],input[type=submit] { -webkit-appearance: none; -moz-appearance:none; color:#fff;
		border: none;padding: 12px;font-size: 14px;background-color: #464e9c;margin-right: 10px;
	}
	input[type=button]:hover,input[type=submit]:hover {cursor:pointer;background-color: #1ab3cd; color:#000;
		-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;
	}

  .inputmuycorto { width:15%;}
	.inputcorto, .areacorto { width:20%; }
	.inputmedio, .areamedio { width:45.75%; }
	.inputlargo, .arealargo { width:75%; }
		.inputlargo, .arealargo, .inputmedio, .areamedio, .inputcorto, .areacorto, .inputmuycorto { background:#fff;
			padding:2px;font-family:open-sans; font-size:12px; position:relative;  color: #000; border:1px solid #eee;
	}
		.arealargo, .areamedio, .areacorto { height:100px; resize:none; border: 1px solid #ddd; width: 94%;margin-left: 20px;}
		.cuadrocheck { /*float:left; margin-left:27px;*/ }
		.bordeinput { border:1px solid #cccccc; }
		.campo { outline:none; border:1px solid #cccccc; padding:10px; margin-bottom: 20px; font-family:open-sans; font-size:11pt; color: #626262;}


	.sombra { box-shadow:0 3px 6px 3px #ddd; }
	.box_rounded { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
	  border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;
	}
  select {font-family: open-sans!important}

  .fichajes { width:95%; border-collapse:separate; position:relative; background-color:#fff;
		margin:5px; border-spacing:10px; font-size:14px; }

    .fichajes { position:relative; float:left; left:5px; width:96%; height:auto; margin:0px auto; overflow:hidden; }

      .topreloj {width:100%;text-align:center}
        .topreloj label {background-color: #fff!important;color:blue!important; border:none!important;}
  		.fichajes caption { background-color:#003966;color:#fff; font-size: 14px; font-weight: bold; line-height: 2.5;}
  		.fichajes td { vertical-align:middle;line-height:1; padding:0px; white-space:nowrap; }
  		.fichajes img { vertical-align:middle;}
  		.fichajes .top { text-align:center; }
  			.fichajes .eldia { text-align:right; margin-right:5px;}
  			.fichajes .lahora { text-align:left; margin-left:5px;font-size:60px;
      text-shadow:0px 0px 1px #fff;
      color:#000;
  }
  		.fichajes .eldia, .fichajes .lahora {font-family:'Ds Digital';font-size:18px; font-weight:bold; width:50%;}
  		.fichajes a { text-decoration:none; color:#535353; font-size:14px;}
  		.fichajes a:hover { cursor:pointer;}

    .backcolor2 { position:absolute;top:0;width:100%; height:100vh; background:rgba(0,0,0,0.65);z-index:9998;display:none;}

  	.backcolor { position:absolute;top:0;width:100%; height:100vh; background:rgba(0,0,0,0.65);z-index:9998;display:none !important;}
  		.passwordfichar { position:absolute; width:30%; z-index:9999;border:3px solid #ccc; color:#000; top:30%;left:35%;
  			background-color:#fff;overflow:hidden;padding:20px; display:none;
  		}
  		.passwordfichar p { position:relative;margin-top:20px;margin-bottom:20px;}
  		.passwordfichar textarea {resize:none;}

  		.errorfichar { width:100%; text-align:center; font-weight:bold;font-size:14px; color:red; display:none;}
  		.cuadrojustifica { display:none; font-size:14px;}

  	.cargandolo{position: absolute;z-index: 9999;width: 100%;height: 100vh;background: rgba(255,255,255,0.75); display:none;}
  		.cargandolo img {left:45%;top:10%;position:absolute;}

    .filaperms {height:100px;padding:20px;}
      .filaperms ul {list-style:none;}
      .filaperms label {background: none!important; padding: 0!important;border: 1px solid #ccc;margin-left: 0px!important;  position: relative;left: 1px;
        color: #fff;font-family: open-sans;font-size: 14px;font-weight: bold;top: 0px!important;}
      .filaperms li {float:left;display:inline-block;width:auto;}

    .resalta {font-size:16px;text-decoration:underline;margin:0 auto;}