body {
	background: #f9f9f9;
}
a:-webkit-any-link {
	text-decoration: none;
}
.main {
	background: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.hrFooter {
	border-top: 1px solid #d8d8d8;
}

.lineaFooter {
	color: #ff00ff;
}

.navbar-default {
	background-color: #f5f5f5;
}

.text-Left {
	text-align: left;
}
.textCenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* BADGES COLORS */
/*gris claro*/
.badge-default {
	background-color: #999999;
}
/*verde*/
.badge-success {
  background-color: #468847;
}
/*verde CLARO*/
.badge-success02 {
  background-color: #5cb85c;
}
/*naranja*/
.badge-warning {
  background-color: #f89406;
}
/*rojo*/
.badge-error {
  background-color: #b94a48;
  color: white;
}
/*azul*/
.badge-info {
	background-color: #3a87ad;
}
/*marino*/
.badge-marino {
  background-color: rgba(52,68,93,1);
}
/*negro*/
.badge-inverse {
  background-color: #333333;
  color: white;
}
/*verde medio*/
.badge-verdeMedio {
	background-color: rgba(0,200,81,.5); 
}
.btn-sm {
	font-size: 13px;
	padding-top: 3px;
	padding-bottom: 2px;
}
.btn-inverse {
	background-color: #333333;
}
.btn-theBlue {
  background-color: #3a87ad;
}
.btn-error {
  background-color: #b94a48;
}

.borderError{
	border-color: #b94a48!important;
}

.page-header .btn-warning{
	background-color: #f89406; 
	border-color: #f89406;
}

.not-active { 
    pointer-events: none; 
    cursor: default; 
    /*opacity: .5;*/
} 

.not-active-down { 
    pointer-events: none; 
    cursor: default; 
    opacity: .6;
} 

/* INICIO */

.video-image-mask{
	width: 150px;
	height: 150px;
	overflow: hidden;
}

.video-image-mask .video-image{
	height: 100%;
}

.video-title{
	font-weight: bold;
	font-size: 18px;
}

.video-title a{
	color: #444;
}

.btn-filter{
	display: block!important;
	margin-top: 5px!important;
}

/* INICIO OPERACION =============================================================================================================== */

.faBtn{
	font-size: 20px; 
	padding-top: 0px; 
	padding-bottom: 0px;
}

/* VIEW welcome.blade.php */
.ulWel{
	max-width: 300px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
.ulWel li{
	padding-left: 70px;
}
.ulWel li span{
	margin-right: 20px;
}

/* VIEW ADMIN secciones.blade.php */
.ulSec{
	max-width: 400px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
.ulSec li{
	padding-left: 80px;
}
.ulSec li span{
	margin-right: 10px;
}

/* VIEW app.blade.php */
.navbar{
	padding: 0.5rem 1rem 0rem 1rem;
}
.navbar-brand{
	font-size: 24px;
	padding: 12px 10px 3px 10px;
	margin-right: 0px;
}
.navbar-brand sup{
	font-size: 10px;
	top: -10px;
	left: -5px;
}

.panel {
	margin-top: 20px;
}
/* Footer */

.footer {
	padding-top: 10px;
	color: #777;
	text-align: center;
}

/*
.footer-links {
	margin-top: 20px;
	padding-left: 0;
	color: #999;
}
.footer-links li {
	display: block;
	padding: 10 5px;
}
*/

/* VIEW enviar-archivo.blade.php */
.divArch{
	max-width: 670px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
.divArch .listArch .form-group{
	text-align: left;
}
.divArch .listArch span{
	margin-right: 20px;
}
.divArch .listArch span.noMargin{
	margin-right: 0px;
}
.badge.fsize{
	font-size: 14px;
}

/* VIEW lista-empleados.blade.php */
.page-header {
	margin: 0px 0 20px;
}
.page-header .btn {
	padding: 4px 8px;
}
.leftHeader{
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 10px;
	text-align: left;
	color: #0758a3;
}
.alert.alertListaEmp {
	margin-top: 0px;
	margin-bottom: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.page-header.headArch{
	margin-bottom: 7px;
}
.leftHeader.leftArch{
	padding: 0px;
	margin-top: 10px;	
}
.rightHeader.rightArch{
	margin: 0px;
	padding: 0px;
	text-align: right;
	color: #0758a3;
}
@media (max-width: 991px) {            
	.rightHeader.rightArch {
		text-align: left;
		margin-top: 5px;
	}
}
.rightHeader.rightRegAll{
	margin: 0px;
	margin-top: 8px;
	padding: 0px;
	text-align: right;
	color: #0758a3;
}
@media (max-width: 991px) {            
	.rightHeader.rightRegAll {
		text-align: left;
		margin-top: 5px;
	}
}
.btnArchivo{
	margin-top: 2px;
	margin-bottom: 5px;
}
.rowHeader{
	margin-left: 2px;
	margin-right: 2px;
}

.headMostrar{
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 621px;
	margin-left: auto;
	margin-right: auto;
}
.page-header.headExportar{
	margin-bottom: 7px;
	text-align: left;
}
.btn-export{
	margin-top: -5px;
}

.btn-export.docsLab{
	margin-top: -5px; 
	margin-bottom: -6px;
	padding-left: 2px;
	padding-right: 3px;
}

/* VIEW DATOS IMPORTADOS */
.container.containerArch {
	min-width: 1140px;
	width: 100%!important;
	padding-top: 20px;
	padding-right: 20px;
	margin-right: 20px;
	margin-left: 20px;
	background-color: none; 
} 
body.bodyArch

/* VIEW agregar-empleados.blade.php */
nav.navUl > ul {
  display: flex;
  justify-content: center;
}
nav.navUl > ul li {
  margin: 0 .75rem;
}
@media (max-width: 708px) {            
	nav.navUl > ul li {
	  text-align: center;
	  margin-left: 60px;
	}
	.headMostrar{
		width: 100%;
	}
}
.jumbotron.lessPadding {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}
.correctMarginH3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.main.headerAgregar {
	padding-top: 0px;
	padding-bottom: 0px;
}
.jumbotron.formAgregar {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}
.pSmall p{
	font-size: 14px;
}

/* VIEW DATOS EMPLEADO */
.estiloChkBox {
	margin-top: 30px;
}

.estiloChkBox label {
	padding-top: 2px;
}
.estiloChkBox input {
	width: 25px; 
	height: 25px; 
	float: left; 
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
}
.margenBoton {
	margin: 0px 0 20px 0;
}
.disabled {
	background-color: #f3f3f3;
	border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.alert {
	margin-top: 20px;
	margin-bottom: 0px;
}
.glyphicon-log-in {
	padding-right: 5px;
}

/* lista-empleados.blade-php */
.jumbotron.anchoActInact {
	/* width: 1510px; */
	max-width: 1510px;
	margin-left: auto;
	margin-right: auto;
}
.jumbotron.anchoActInact .main {
	max-width: 1490px;
	margin-left: auto;
	margin-right: auto;
} 

.jumbotron.minAncho4Form {
	min-width: 1180px;
}

.jumbotron.minAncho4Form .main {
	min-width: 1140px;
} 

.table {
	width: 100% !important;
	min-width: 1100px;
}
.table thead th {
	text-align: center;
	color: #0758a3;
}
.table thead th.thRegion {
	text-align: center;
	color: #0758a3;
	padding: 0px;
	padding-bottom: 5px;
}
.table thead th.thRegion .badge {
	margin-bottom: 4px;
}
.table>tbody>tr>th {	
	
}
th.anchoId {
	min-width: 50px;
	text-align: center;
}
th.anchoNom {
	min-width: 250px;
}
th.anchoRfc {
	min-width: 120px;
	text-align: center;
}
th.anchoRfc .badge-success, th.anchoRfc .badge-error {
	font-size: 13.5px;
}
th.anchoActivo {
	min-width: 130px;
	text-align: center;
}
th.anchoCont {
	min-width: 130px;
}
.table>tbody>tr>th.anchoAccion {
	min-width: 150px;
	text-align: center;
	vertical-align: middle;
}
th.anchoAccion.listaReg {
	vertical-align: middle;
	padding: 2px;
}
.table>tbody>tr>th.anchoAccion.anchoExportar {
	width: 80px;
	min-width: 80px;
	
}

.table .chb-select {
	margin: 0px;
}

.table-bordered>thead>tr>th, 
.table-bordered>thead>tr>td {
	border-bottom-width: 1px;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>td {
	border-top: 1px solid #ddd;
	border-right: none;
}

.table-striped>thead>tr>th, 
.table-striped>tbody>tr>td {
	background-color: #fff;
}

.table a .glyphicon {
	color: #303030;
	opacity: .8;
}
.table a .glyphicon:hover {
	opacity: 1;
}

.table .word-break {
	word-break: break-all;
}

.glyphicon-zoom-in {
	color: #0758a3;
	padding-left: 10px;
}
.iconExcel {
	color: #0758a3;
}
.iconExcelBajas {
	color: #b94a48;	
}
.glyphicon-envelope {
	color: #0758a3;
}
.glyphicon-phone {
	color: #0758a3;
}
.glyphicon-eye-open{
	color: #0758a3;
}

.glyphicon-download {
	color: #0758a3;
}

.glyphicon-share {
	color: #0758a3;
}

.glyphicon-user {
	color: #0758a3;
	padding-top: 5px;
}
.glyphicon-user span {
	margin-left: 5px;
	padding-bottom: 5px;
}

/*
.glyphicon-ok {
	cursor: initial;
}
*/

.glyphicon-pencil {
	color: #0758a3;
	padding-left: 10px;
}

.glyphicon-trash {
	color: #ef171b;	
	padding-left: 10px;
}

/* VIEW LISTA DE REGIONES */
.page-header .blueHeader{
	color: #0758a3;
}
.page-header.blueHeader{
	color: #0758a3;
}
th.anchoRegId {
	min-width: 50px;
	text-align: center;
	vertical-align: middle;
}
th.anchoRegion {
	min-width: 250px;
	text-align: center;
	vertical-align: middle;
}
th.anchoRegion .badge {
	padding: 5px 8px; padding-bottom: 3px;
}
th.anchoAccion.accRegion {
	padding-top: 0px;
	padding-bottom: 0px;
}


/* CATALOGO EMPRESAS - admin/catalogos/empresas.blade.php */
.form_catEmp {
	max-width: 420px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.form_catEmp .form-group {
	text-align: left;
}
.form_catEmp .margenBoton{
	margin-top: 0px;
}
.jumbotron.anchoChicoForm {
	min-width: 720px;
}
.jumbotron.anchoChicoForm .main {
	min-width: 680px;
} 
.table.anchoChico {
	width: 100% !important;
	min-width: 640px;
}

/* LISTA EMPLEADOS OPERATIVOS */
.fa-user.faElim {
	color: #e25558;	
}
.glyphicon-trash.elimAll {
	color: #e84252;	
}
.table>thead:first-child>tr:first-child>th.vAlign.relativePDF {
   position: relative;
}
.table>thead:first-child>tr:first-child>th.vAlign.relativePDF span {
   position: absolute;
   left: 2px;
   font-size: 16px;
}
.table>thead:first-child>tr:first-child>th.vAlign.relativePDF span.notContrUp {
   left: 24px;
   font-size: 16px;
}
.table>thead:first-child>tr:first-child>th.vAlign.relativePDF .fa-file-pdf-o,
.table>thead:first-child>tr:first-child>th.vAlign.relativePDF .fa-upload {
   padding: 2px;
}
.table>thead:first-child>tr:first-child>th.vAlign.relativePDF .fa-file-pdf-o:hover,
.table>thead:first-child>tr:first-child>th.vAlign.relativePDF .fa-upload:hover {
   border: 1px solid red;
}
.table>thead:first-child>tr:first-child>th.vAlign {
   line-height: 40px;
}
.table>tbody>tr>th.act {	
	padding-top: 15px;
}
.table>thead>tr>th {	
	font-size: 13px;
	vertical-align: middle!important;
}
.table-dt tbody tr th input{
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}
.table-dt tbody tr th span{
	vertical-align: middle;
}
th.actId{
	width: 70px;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
}
th.actNom {
	width: 250px;
	font-size: 12px;
	padding-top: 14px!important;
	text-align: left;
	vertical-align: middle;
}
th.actNom .contratosFa{
	font-size: 15px;
}
th.actIng {
	width: 107px;
	text-align: center;
	vertical-align: middle;
}
th.actIng .badge-success, th.actIng .badge-info, th.actIng .badge-error {
	font-size: 14px;
	margin-bottom: 1px;
}
th.actNot {
	width: 80px;
	text-align: center;
	vertical-align: center;
	padding-top: 8px!important;
	padding-bottom: 4px!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}
/*
th.actNot {
	width: 100px;
	text-align: center;
	padding-top: 4px!important;
	padding-bottom: 0px!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
}
*/
th.actNot .badge-success, th.actNot .badge-info, th.actNot .badge-error {
	font-size: 12px;
	margin-bottom: 1px;
}
th.actNot .badge-warning {
	font-size: 12px;
	margin-bottom: 1px;
	margin-top: 13px;
}
th.actNot input {
	text-align: center;
}
th.actOpAct{
	width: 145px;
	min-width: 145px;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
}
th.actOpAct .badge-error {
	font-size: 14px;
	margin-bottom: 1px;
	padding: 3px 7px 2px 6.5px;
}
th.actOpAct .badge-warning {
	font-size: 14px;
	margin-bottom: 1px;
	padding: 3px 7px 2px 6.5px;
}
.actSelect{
	display: inline;
	width: 105px;
	padding: 2px 8px;
	font-size: 13px;
}
th.actOpAct .actGlyph{
	font-size: 23px;
	vertical-align: middle;
	color: #468847;
}
th.actBaja {
	width: 115px;
	text-align: center;
}
th.actBaja .badge-success, th.actBaja .badge-error {
	font-size: 14px;
	margin-bottom: 1px;
}
th.actBajaIMSS{
	width: 116px;
	text-align: center;
}
th.actBajaIMSS .badge-success, th.actBajaIMSS .badge-error {
	font-size: 14px;
	margin-bottom: 1px;
	margin-top: 8px;
}

.inputBajaSol{
	max-width: 115px;
	margin-left: auto;
	margin-right: auto;
}
.table>tbody>tr>th.actAccion {
	padding-top: 4px;
	padding-bottom: 4px;
	width: 190px;
	min-width: 190px;
	text-align: center;
	vertical-align: middle;
}
.table>tbody>tr>th.actAccion .fa {
	font-size: 20px;
}
.table>tbody>tr>th.actAccion .btn-listaEmp {
	background-color: #ddddf7;
	border-color: #a9aadd;
	padding: 3px 10px;
}

/* REX LISTA CURSOS */
.table>tbody>tr>th.btnsCursos {
	width: 200px!important;
	min-width: 200px!important;
}

.btn-listaEmp.fa-floppy-o {
	color: #468847;
}
.btn-listaEmp.fa-search {
	color: #333333;
}
.btn-listaEmp.fa-pencil {
	color: #333333;
}
.btn-listaEmp.fa-trash {
	color: red;
}

.glyphicon-level-up{
	color: #0758a3;
}

/* OTROS TH */
th.numEmpOp {
	min-width: 50px;
	text-align: center;
}
th.anchoNom {
	min-width: 250px;
}
th.rfcOp {
	min-width: 100px;
}
th.activoOp {
	min-width: 80px;
	text-align: center;
}
th.anchoCont {
	min-width: 130px;
}

/* LISTA USUARIOS */
.anchoNumEmp {
	width: 70px;
	text-align: center;
}
.anchoNomOp{
	width: 250px;
}
.anchoUsername{
	width: 150px;
	text-align: center;
}
th.anchoEmail .badge-success, th.anchoEmail .badge-error {
	font-size: 13.5px;
	margin-bottom: 3px;
}
th.anchoCel .badge-success, th.anchoCel .badge-error {
	font-size: 13.5px;
	width: 100px;
	margin-bottom: 3px;
}
.anchoActivoOp{
	width: 150px;
	text-align: center;
}
.anchoActivoOp .badge.badge-success, .anchoActivoOp .badge.badge-error{
	font-size: 13.5px;
	margin-bottom: 3px;
}
.anchoContra {
	min-width: 120px;
	text-align: center;
}
.table>tbody>tr>th.anchoAccionUop {
	padding-top: 3px;
	padding-bottom: 2px;
	width: 220px;
	text-align: center;
	vertical-align: middle;
}
.table>tbody>tr>th.anchoAccionUop .glyphicon {
	font-size: 18px;
	padding: 2px 8px;
}
.table>tbody>tr>th.anchoAccionUop .glyphicon-trash {
	padding: 2px;
	padding-left: 8px;
	padding-right: 10px;
	padding-top: 3px;
}
/* LISTA RECIBOS */
th.anchoNomRecibo {
	min-width: 130px;
}
.table>tbody>tr>th.anchoDescargar {
	padding-top: 3px;
	padding-bottom: 3px;
	min-width: 70px;
	text-align: center;
}
.anchoDescargar a{
	font-size: 23px;
	padding: 1px 8px 0px 8px;
}
.fa-file-pdf-o {
	color: #b72231;
}
.xmlStyle{
	color: #0758a3;
}

/* MODAL ASIGNACIÓN DE REGIONES */
.table.anchoModalReg {
	min-width: 540px;
}
th.modalRegId {
	width: 50px;
	text-align: center;
}
th.modalRegion {
	min-width: 200px;
	text-align: center;
}
th.modalEmpresa {
	min-width: 200px;
	text-align: center;
}
.table>tbody>tr>th.modalAccionReg {
	padding-top: 2px;
	padding-bottom: 4px;
	width: 20px;
	padding-left: 38px;
}
.marginOk {
	margin-left: -3px;
}
.checkReg {
	width: 34px;
}

/* RECIBO USUARIO */)
.main.anchoMainRecibo {
    min-width: 580px;
    max-width: 580px;
}
.jumbotron.jumRecibo {
	min-width: 620px;
}
.table.anchoRecibo {
	min-width: 540px;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

/* RFC */
#resultado {
    background-color: red;
    color: white;
    font-weight: bold;
}
#resultado.ok {
    background-color: green;
}

/* INDICE DE ROTACIÓN */
.jumbotron.anchoReporte {
	/* width: 1510px; */
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.jumbotron.anchoReporte .main {
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
} 
.page-header .blueHeader{
	color: #0758a3;
}
.table>tbody>tr>th.rot {
	line-height: 1.7;
}
th.regionRot {
	width: 300px;
	text-align: left;
}
th.regionRot .badge {
	margin-top: -4px;
}
th.regionTotal {
	width: 450px;
	text-align: left;
}
th.regionTotal .badge {
	margin-top: -4px;
}
th.empresaRotMin {
	width: 100px;
	text-align: center!important;
}
th.empresaRot {
	width: 350px;
	text-align: center;
}
th.empresaRotEmp {
	width: 500px;
}
th.empresaTotal {
	width: 300px;
	text-align: left;
}
th.altasRot {
	width: 70px;
	min-width: 70px;
	text-align: center;
}
th.bajasRot {
	width: 70px;
	min-width: 70px;
	text-align: center;
}
th.indiceRot {
	width: 80px;
	max-width: 80px;
	text-align: center;
}
.fechaRotGroup{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.fechaRot{
	width: 200px;
}
@media (max-width: 991px) {
	.fechaRotGroup{
		margin-left: -20px;
		margin-bottom: 20px;
	}
}

/* BUSCAR EMPLEADO */
.buscarGroup{	
	height: 400px;
}
.nombreStyle{	
	text-align: left;
}
.btnBuscar{
	margin-top: 2px;
	margin-bottom: 10px;
}
.btnNumEmp{
	margin-top: 10px;
	margin-bottom: -5px;
}
.divisor{
	border-bottom: 1px solid #d8d8d8;
	margin-top: 5px;
	margin-bottom: 15px;
}
.numEmpWidth{
	width: 200px;
 }

 .btnIndice{
 	padding: 3px;
 	font-size: 13px;
 	background-color: #3a87ad;
 }
 .btnIndiceNoi{
 	padding: 1px 5px!important;
 	padding-bottom: 0px;
 	background-color: #3a87ad;
 }

/* AVANCES - NEW TABLE */
/*==================================================================

/*==================================================================/
[ Table ]*/
.table100 {
  background-color: #fff;
}
.tableAvances{
  width: 1100px;
  min-width: 1100px;
}
.columnTrack{
	max-width: 1480px;
}
.tableTrack{
  width: 1350px;
  min-width: 1350px;
  max-width: 1350px;
  
}
.tableTrack td {
  padding: 10px;
}

table {
  width: 100%;
}

@media (max-width: 767px) {            
	.table-responsive{
		border: none;
	}
}

.table100 th, .table100 td {
  font-weight: unset;
  padding-right: 10px;
}

/* INICIO COLUMNS AVANCES */
.column1 {
  width: 13%;
  padding-left: 40px;
}

.column2 {
  width: 32%;
  text-align: justify;
}

.column3 {
  width: 10%;
  text-align: center;
}

.column4 {
  width: 32%;
}
/* FIN COLUMNS AVANCES */

/* INICIO COLUMNS TRACKING */
.columnT1 {
  width: 27%;
  padding-left: 35px!important;
}

.columnT2 {
  width: 14%;
  text-align: center;
}

.columnT3 {
  width: 31%;
  text-align: justify;
}

.columnT4 {
  width: 28%;
  text-align: justify;
  padding-right: 50px!important;
}
/* FIN COLUMNS TRACKING */

.table100-head th {
  padding-top: 18px;
  padding-bottom: 18px;
}

.table100-body td {
  padding-top: 16px;
  padding-bottom: 16px;
}
/*==================================================================
[ Fix header ]*/
.table100 {
  position: relative;
  padding-top: 60px;
}

.table100-head {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.table100-body {
  /*max-height: 585px;
  overflow: auto; */
}

/*==================================================================
[ Ver5 ]*/
.table100.ver5 {
  margin-right: -30px;
}

.table100.ver5 .table100-head {
  padding-right: 10px;
  padding-left: 9px;
}

.table100.ver5 th {
  font-size: 14px;
  text-align: center;
  color: #0758a3;
  line-height: 1.4;
  text-transform: uppercase;
  background-color: transparent;
}

.table100.ver5 td {
  font-size: 14px;
  color: #484848;
  line-height: 1.4;
  background-color: #f7f7f7;
}

.table100.ver5 .table100-body tr {
  overflow: hidden; 
  border-bottom: 10px solid #fff;
  border-radius: 10px;
}

.table100.ver5 .table100-body table { 
  border-collapse: separate; 
  border-spacing: 0 10px; 
}
.table100.ver5 .table100-body td {
    border: solid 1px transparent;
    border-style: solid none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.table100.ver5 .table100-body td:first-child {
    border-left-style: solid;
    border-top-left-radius: 100px; 
    border-bottom-left-radius: 100px;
}
.table100.ver5 .table100-body td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 100px; 
    border-top-right-radius: 100px; 
}

.table100.ver5 tr:hover td {
  background-color: #ebebeb;
  cursor: pointer;
}

.table100.ver5.tableTrack tr:hover td {
  background-color: #ebebeb;
  cursor: default;
}

.table100.ver5 .table100-head th {
  padding-top: 25px;
  padding-bottom: 25px;
}

/*---------------------------------------------*/

.table100.ver5 {
  overflow: hidden;
}

.table100.ver5 .table100-body{
  padding-right: 10px;
  padding-left: 9px;
}

.table100.ver5 .ps__rail-y {
  right: 0px;
}

.table100.ver5 .ps__rail-y::before {
  background-color: #ebebeb;
}

.table100.ver5 .ps__rail-y .ps__thumb-y::before {
  background-color: #cccccc;
}

/* LISTA TRACKING */
.btn-ver-avances {
	background-color: #ddddf7;
	border-color: #fff;
	float: left;
	margin-top: 30px;
	margin-right: -40px; 
	border-radius: 15px;
}
.btn-edit-tracking {
	background-color: #ddddf7;
	/*border-color: #a9aadd;*/
	border-color: #fff;
	float: left;
	margin-top: 80px;
	margin-right: -40px; 
	border-radius: 15px;
}
.btn-elim-tracking {
	background-color: #ddddf7;
	border-color: #fff;
	float: left;
	margin-top: 130px;
	margin-right: 0px; 
	border-radius: 15px;
}
.tableTracking {
	width: 100% !important;
	width: 1450px!important;
	min-width: 1450px;
}
.tableTracking>tbody>tr>th {
	white-space: normal!important;
}
th.actTrack{
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	text-align: center;
}
.tableTracking>tbody>tr>th.act{
	padding-bottom: 5px!important;
}
th.actEstatus{
	width: 90px;
	min-width: 90px!important;
	max-width: 90px;
	text-align: center;
}
.thinTXT{
	font-weight: 500;
}
.table-dt.tableTracking th.actEstatus {
	line-height: 1.9;
}
th.actAvance {
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	padding-top: 17px!important;
	text-align: justify;
	overflow: hidden;
}
th.actDesc {
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	padding-top: 17px!important;
	text-align: justify;	
	overflow: hidden;
}
.masTexto{
	height: 180px; 
	overflow-y: scroll;
	padding-right: 5px;
}
@media (max-width: 767px) {            
	
}
@media (min-width: 1180px) {            
	
}
.blue-header{
	color: #0758a3;
}

.trackTodos{
	margin-bottom: 5px;
	border-radius: 15px;
}
.trackEnTiempo{
	margin-bottom: 5px;
	border-radius: 15px;
	background-color: #468847;
}
.trackFechaVencida{
	margin-bottom: 5px;
	border-radius: 15px;
	background-color: #f89406;
}
.trackConcluidos{
	margin-bottom: 5px;
	border-radius: 15px;
	background-color: #3a87ad;
}

/* AVANCES MODALS */
.backModalButtons{
	background-color: #fff; 
	margin-top: -10px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border-radius: 5px;
}
.table100.ver5 tr .borderLF{
	border-left: 1px solid #0758a3;
}
.table100.ver5 tr .borderL{
	border-left: 2px solid #fff; 
	padding-left: 3px;
}
.masTextoAv{
	min-height: 45px;
	max-height: 100px; 
	overflow-y: scroll;
	padding-right: 5px;
	text-align: justify;
}

/* NUEVO TRACKING */
.glyphicon-plus {
	color: #fff;
}
.hover-backBlue:hover{
	background-color: #1eb2fb;
}

/* DEPARTAMENTO TRACKING */
.btnInputRight{
	display: inline; 
	float: right;
	margin-top: -35px;
}
.deptoElim{
	background-color: #e5ecf8;
}
.deptoElim:hover{
	background-color: #cfd6e4;
}
.hoverPointer{
	cursor: pointer;
}

/* ======================================================================================= */
/* RECLUTAMIENTO MODIFICACIONES */
.table.tableRec {
	width: 580px!important;
	min-width: 580px;
	margin-left: auto;
	margin-right: auto;
}
.anchoRegion.contratoLeft{
	
}
/* LISTA RECLUTAMIENTO */
.nav-tabs{
	margin-bottom: 20px;
	border-bottom: 1px solid #ff00ff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border: 1px solid #ff00ff;
	border-bottom-color: transparent;
}
@media (max-width: 767px) {            
	.nav-tabs{
		margin-bottom: 20px;
		border-bottom: none;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		border: 1px solid #ff00ff;
		border-bottom-color: default;
	}
}
.checkRec {
	margin: 1px auto 0px auto!important;
	width: 31px;
}
.marginOkRec {
	margin-left: -3px;
	margin-top: -1px;
}
th.actNomRec {
	width: 250px;
	min-width: 270px!important;
	font-size: 12px;
	padding-top: 17px!important;
}
th.actBajaRec {
	width: 115px;
	text-align: center;
}
th.actUnitechRec {
	width: 57px;
	text-align: center;
}
th.actFechaRec {
	width: 80px;
	text-align: center;
}
th.actFechaRec .badge-success, th.actFechaRec .badge-error {
	font-size: 14px;
	margin-bottom: 1px;
	margin-top: 8px;
}
.table>tbody>tr>th.actAccionRec {
	padding-top: 4px;
	padding-bottom: 4px;
	width: 190px;
	min-width: 190px;
	text-align: center;
}
.table>tbody>tr>th.actAccionRec .glyphicon {
	font-size: 18px;
}

/* AGREGAR RECLUTADO INDIVIDUAL */
.automatico{
	border-color: #1e4dd2;
}

/* AGREGAR RECLUTADO EXCEL */
.table.tableRec>tbody>tr>th>input {	
	font-size: 12px;
}
.table.tableRec>tbody>tr>th>select {	
	font-size: 12px;
}

/* DATOS IMPORTADOS */
.existeRec {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

/* ASISTENCIAS =================================================================================================== */

.table>tbody>tr>th.anchoAccionAsist {
	padding-top: 2px;
	padding-bottom: 3px;
	min-width: 150px;
	text-align: center;
}
.btn-tipoNomina {
	color: #0758a3;
	padding-left: 10px;
	padding-top: 2px;
	margin-top: 1.5px;
}
.existeAsist {
    border-color: #028aff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.existeEnBaja {
    border-color: #ff00ff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.noExiste {
    border-color: #fc0d18;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.table.table-asist thead th {
	font-size: 12px;
}
th.asistNumEmp{
	width: 70px!important;
	max-width: 70px!important;
	text-align: center;
	font-size: 13px;
}
th.nombreAsist {
	width: 270px;
	min-width: 270px!important;
	font-size: 12px;
	padding-top: 16px!important;
}
th.apellAsist {
	width: 120px;
	min-width: 120px!important;
	font-size: 12px;
	padding-top: 17px!important;
}
th.asistTipoHor{
	width: 70px!important;
	max-width: 70px!important;
	text-align: center;
	font-size: 14px;
	padding-top: 11px!important;
}
th.asistTipoHor .badge-info {
	margin-top: 2px;
	padding-right: 6px;
	padding-bottom: 4px;
}
th.asistTipoHor .glyphicon-plus:before {
	color: #fff;
}

th.asistNums{
	width: 100px!important;
	max-width: 100px!important;
	text-align: center;
	font-size: 14px;
}

th.act.asistPunt{
	width: 100px!important;
	max-width: 100px!important;
	text-align: center;
	font-size: 14px;
	padding-top: 10px!important;
	padding-right: 2px;
	padding-left: 2px;
}

th.actChkAsist {
	width: 50px!important;
    max-width: 50px!important;
    text-align: center;
    font-size: 12px;
    padding-top: 3px!important;
    padding-bottom: 1px!important;
}
.glyphicon-list {
	color: #0758a3;
	padding-left: 10px;
}
.form_catHor {
	max-width: 1100px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.form_catHor .form-group {
	text-align: left;
}
.form_catHor .margenBoton{
	margin-top: 0px;
}

.table.tableHor {
	width: 700px!important;
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.table.tableHor>tbody>tr>th {	
	font-size: 13px;
}
.table.tableHor>tbody>tr>th>input {	
	font-size: 12px;
}
.table.tableHor>tbody>tr>th>select {	
	font-size: 12px;
	height: 20px;
	max-width: 45px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
.table thead th.thHor {
	text-align: center;
	color: #0758a3;
	padding: 0px;
	padding-bottom: 5px;
}
.table thead th.thHor .badge {
	margin-bottom: 4px;
}
th.anchoHorDia {
	min-width: 150px;
	text-align: center;
}
th.anchoHorario {
	min-width: 170px;
	text-align: center;
}
th.anchoHorario .badge {
	margin-bottom: 3px;
}
.table>tbody>tr>th.actAccionAsist {
	padding-top: 4px;
	padding-bottom: 5px;
	width: 150px;
	min-width: 150px;
	text-align: center;
}
.table>tbody>tr>th.actAccionAsist .glyphicon {
	font-size: 16px;
}
.catHorSelect{
	display: inline;
	width: 300px;
	padding: 2px 8px;
	margin-right: 4px;
	font-size: 14px;
}
.selectSemana{
	display: inline;
	width: 150px;
	padding: 2px 8px;
	margin-right: 4px;
	font-size: 14px;
}
.marginOkAsist {
	margin: 0px;
	padding: 2px 5px 2px 3px;	
}
.marginErrAsist {
	margin: 0px;
	padding: 2px 4px 2px 4px;	
}
.glyphicon-remove{
	color: #fff;
}
.marginPunt {
	margin: 3px 0px 0px 3px;
	padding: 5px 5px 2px 2px;	
}

/* ======================================================================================= */
/* SELECT DEPARTAMENTOS */

.contenedor {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	/*background: #f4f4f7;*/
	font-family: 'Spartan', sans-serif;
}

.contenedor a {
	text-decoration: none;
}

.contenedor {
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding: 20px 0;
	padding-bottom: 10px;
}

.selectbox .tituloDepto{
	border-bottom: 1px solid #3a87ad;
	max-width: 250px;
	margin: auto;
	margin-bottom: 15px;
	font-size: 23px;
}

.selectbox {
	width: 37%;
	margin: auto;
	position: relative;
}

.select {
	background: #fff;
	width: 100%;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, .16);
	border-radius: 10px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: .2s ease all;
	margin-bottom: 30px;
	padding: 0px 10px;
	position: relative;
	z-index: 200;
	border: 2px solid #3a87ad;
}

.select.active,
.select:hover {
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .16);
	border: 2px solid #213f8f;
}

.select.active:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border-top: 15px solid #213f8f;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	bottom: -30px;
	left: calc(50% - 15px);
}

.select i {
	font-size: 30px;
	margin-left: 30px;
	color: #213f8f;
}

.titulo {
	color: #000;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.opciones {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 10px rgba(0,0,0,.16);
	max-height: 400px;
	overflow: auto;
	z-index: 100;
	width: 100%;
	display: none;
}

.opciones.active {
	display: block;
	position: absolute;
	left: calc(0% - 0px);
	animation: fadeIn .3s forwards;
}

/* Animacion SELECT */
@keyframes fadeIn {
	from {
		transform: translateY(-150px) scale(.5);
	}
	to {
		transform: translateY(0px) scale(1);
	}
}

.contenido-opcion {
	width: 100%;
	display: flex;
	align-items: center;
	transition: .2s ease all;	
}

.opciones .contenido-opcion {
	border-bottom: 2px solid #213F8F;
}

.opciones .contenido-opcion {
	padding: 0px 10px; /* ************************* */
}

.opciones .contenido-opcion:hover {
	background: #213f8f;
}

.opciones .contenido-opcion:hover .titulo {
	color: #fff;
}

@media screen and (max-width: 800px){
	.selectbox {
		width: 100%;
	}
}

th.actNom .not-active { 
    pointer-events: none; 
} 


/* SALARIOS */
/* ======================================================================================= */

.badge.badge-deptos {
	font-size: 13px;
	margin-bottom: 8px;
}
.table.tableSal {
	width: 1450px!important;
	min-width: 1450px;
	margin-left: auto;
	margin-right: auto;
}
.tableSal thead th{
	padding-right: 0px!important;
	padding-left: 0px!important;	
}
.tableSal th.actId{	
	max-width: 55px;
}
.tableSal th.actNom.colNom{	
	padding: 8px 0px!important;
}
.tableSal th.letraMod{	
	font-size: 12px;
	font-weight: bold;
}
.tableSal th.letraMod.notMod{	
	width:75px;
	max-width: 75px;
}
.tableSal th.actNom{	
	width: 160px!important;
	max-width: 160px!important;
	vertical-align: center;
}
.tableSal select.form-control.actSelect{	
	font-size: 12px;	
	width: 95%;
	padding-left: 1px;
	padding-right: 0px;
	margin: 0px;
}
.tableSal select.form-control.actSelect option{		
	font-weight: bold!important;
}	
.tableSal th.rowDepto{
	width: 180px;
	max-width: 180px;
	min-width: 180px;
	padding: 8px 0px!important;
	text-align: center;
	vertical-align: center;
}
.tableSal th.rowPuesto{
	width: 120px;
	max-width: 120px;
	padding: 8px 0px!important;
	text-align: center;
	vertical-align: center;
}

.tableSal th.colSalSem{	
	width: 60px;	
	max-width: 60px;
	padding-left: 4px;
	padding-right: 4px;	
}
.tableSal th.colSalSem input{		
	text-align: center;
	font-size: 13px;
	padding: 2px;
}
.tableSal th.colSalSem.colIdse{	
	width: 60px;	
	max-width: 60px;	
}
.tableSal th.actNot.colNot{	
	width: 75px!important;	
	max-width: 75px!important;	
}
.tableSal th.actBajaIMSS.colTrans{	
	width: 70px!important;	
	max-width: 70px!important;	
}
.tableSal th.letraMod.colTrans{	
	width:70px;
	max-width: 70px;
}
.table>tbody>tr>th.actAccion.colAction {	
	width: 105px!important;
	min-width: 105px!important;	
	max-width: 105px!important;	
}


/* DEPARTAMENTOS ======================= */

.backBlue{	
	background:rgb(232, 237, 245)!important;
}
.backBlueLow{	
	background:rgb(228, 234, 247)!important;
}

.backElipse{
	background-color: #9cbcd6;
  	background-image:
     radial-gradient(ellipse farthest-corner at 80vw 15vh ,
      rgba(229,236,248,.8) 5%, rgba(229,236,248,.1) 95%
  );
}

.errorStyle{
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.formDeptos {
	max-width: 550px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
	margin-left: auto;
	margin-right: auto;
}
.formDeptos .form-group {
	text-align: left;
}
.formDeptos .margenBoton{
	margin-top: 0px;
}

.formAsip {
	max-width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}
.formAsip .form-group {
	text-align: left;
}
.formAsip .margenBoton{
	margin-top: 0px;
}

.btnFloatRight{
	display: inline; 
	float: right;
	margin-top: -37px;
	margin-right: -50px;
}

.deptoElim.btnElimRel{	
	position: relative;
	top: -37px;
  left: 116%;
}


/* PUESTOS ======================= */

.formPuestos {
	width: 850px;
	max-width: 850px;
	min-width: 850px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
	margin-left: auto;
	margin-right: auto;
}
.formPuestos .form-group {
	text-align: left;
}
.formPuestos .margenBoton{
	margin-top: 0px;
}
.formNuevoP {	
	padding: 20px 5px;	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
.paddRightCero div{
	padding-right: 0px;
	padding-left: 5px;
}
.borderNPuesto{
	border-radius: 10px;
	border: 1px solid #1eb2fb;
	border: 1px solid rgba(229,236,248,1);
	margin-top: 30px;
	/*overflow: auto;*/
}
.borderNPuesto:hover{
	box-shadow: 0px 5px 10px rgba(0,0,0,.16);	
	transition: .2s ease all;
}

.marginRowPuestos .form-group{
	margin-bottom: 20px;
}
.marginRowPuestos .padLetras{
	margin-top:-54px;
	margin-left: 435px;
}
.marginRowPuestos .padLetras2{
	margin-top:-13px;
	margin-left: 435px;
}

.btnShadow:hover{
	box-shadow: 0px 5px 10px rgba(0,0,0,.16);	
	transition: .3s ease all !important;
}


/* CONTRATOS STYLE */
.boxes {
  margin: auto;
  padding: 30px 10px 30px 20px;
  background: ;
  width: 375px;
  text-align: justify;
  position: relative;
}

.boxes .row{
	background: rgba(229,236,248,.5);
	border-radius: 6px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 20px;
	transition: .5s ease all;
}
.boxes .row:hover{
	background: rgba(229,236,248,1);
}

.boxes .colRight{
	padding: 0px;
	position: relative;
}
.boxes .colRightRen{
	position: relative;
}
.boxes .col-md-8{
	padding-right: 0px;
}

/*Checkboxes styles*/
.boxes input[type="checkbox"] { display: none; }

.boxes input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 14px/20px 'Open Sans', Arial, sans-serif;
  /*color: #ddd;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.boxes input[type="checkbox"] + label:last-child { margin-bottom: 0; }

.boxes input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  /*border: 1px solid #6cc0e5;*/
  border: 1px solid #0758a3;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.boxes input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.boxes input[type="text"] {  
  width: 90px;
  height: 20px;  
  border: 1px solid #0758a3;  
  text-align: center;
  box-sizing: border-box;
	outline: none;
	opacity: .9;
	color: rgba(52,68,93,1);
  -webkit-transition: all .9s, border-color .9s;
  transition: all .9s, border-color .9s;
}

.boxes .downPDF{
	position: absolute;
	top: -8px;
	right: 5px;
	font-size: 25px;
}

.boxes .msjAbsolute{
	position: absolute;
	bottom: 10px;
	/*left: 65px;*/
	left: 50%;
	transform: translateX(-50%);
}
.boxes .msjAbsolute span{
	margin-top: 10px; 
	font-size: 14px;
}


/* FIN CONTRATOS STYLE */


/* HISTORIAL DE SERVICIOS  */
.container-fluid.borderAbajo{
	border-bottom: 1px solid rgba(0, 152, 121, .7);
}
.styled-table {
    border-collapse: collapse;
    min-width: 350px;
    max-width: 800px;
    margin: 25px 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 1em;
    font-family: 'Spartan', sans-serif;
		font-size: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr th {
    background-color: rgba(255, 255, 255, .4);
    color: #333333;
    font-weight: bold;
    text-align: center;
}
.styled-table tbody {
		color: rgba(229,236,248,1);
}
.styled-table th,
.styled-table td {
    padding: 12px 10px;
    color: #333333;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
    /*border-bottom: 1px solid rgba(221, 221, 221, .1);*/
}
.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
    background-color: rgba(243, 243, 243, .1);
}
.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
    border-bottom: 2px solid rgba(0, 152, 121, .7);
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}


/* MODO CELULAR  */

/* HOME  */

.logoHome{
		width:300px;
		margin-top: 10px;
		margin-bottom: 0px;
}
@media screen and (max-width: 500px){

		/* APP BLADE  */
		.navbar-brand{
			padding-left: 0px;
			font-size: 18px;
		}

		/* HOME  */
		.logoHome{
			width: 260px;
		}
		
		.jumbotron.celuJumbHeaderVehi,
		.jumbotron.celuJumbMainVehi{
			padding-left: 0px;
			padding-right: 0px;
		}
		.jumbotron .container.containerVehi.celuHeaderVehi,
		.jumbotron .container.containerVehi.celuMainVehi{
			min-width: 100%;
		}

		/* SERVICIO Y BITACORA  */
		.celuJumbMainVehi .card-header.panel-heading h3{
			font-size: 14px!important;
		}
}