@-webkit-keyframes flashing {


	1%,


	100% {


		background-color: #f44336;


	}


	50% {


		background-color: #ffc107;


	}


}


@keyframes flashing {


	1%,


	100% {


		background-color: #f44336;


	}


	50% {


		background-color: #ffc107;


	}


}


.input-field .prefix.active{color: #8cc43f!important;}
.light-blue.darken-4{background-color: #8cc43f!important;}
.blue-dark { background-color: #8cc43f !important; }
.btn, .btn-floating { background-color: #8cc43f !important; }
.btn:hover, .btn-large:hover { background-color: #046BB5 !important; }
.grey.lighten-2 { background-color: #5A93CE !important; }
.blue-text { color: #046BB5 !important; }

html, body { background-color: #D1DFE3!important; }
ul.side-nav.leftside-navigation li.user-details{
	background-color: #5A93CE !important;
	padding: 15px 0 0 0;
}
ul.side-nav.leftside-navigation li.active>a{color: #8cc43f!important;}




form fieldset, legend


{


	border-radius: .25em;


	border: thin solid #F50;


	border-bottom: 3px solid #F40;


	text-align:left;


}


hr


{


	background-color:#CCC;


	border-style: none none dotted;


	color:#CCC;


}


i.cerrar-modal


{


	background: white;


	border-radius: 1em;


	cursor: pointer;


	font-size: 2.5em;


	position: fixed;


	right: 0;


}


a i:hover


{


	-webkit-transition: all .3s ease-in-out;


	-moz-transition: all .3s ease-in-out;


	-ms-transition: all .3s ease-in-out;


	-o-transition: all .3s ease-in-out;


	transition: all .3s ease-in-out;


	opacity: .5;


}


legend { background: #f5f5f5; padding: .2em .5em; }


nav #buscar, nav #txtRfcg { height: 95%; margin-bottom: 0 }


ol.collection { background: #E1F5FE; /* #B3E5FC */; }


ol.collection li {list-style-type: decimal;}





select, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {


	background-color: transparent !important;


	border: none !important;


	border-bottom: thin solid #DDD !important;


	height: 3rem !important;


	padding: 0;


}


select:disabled { border-bottom: 1px dotted rgba(0,0,0,0.26) !important; }


select:focus,


.select2-container--default .select2-selection--single:focus,


.select2-container--default .select2-selection--multiple:focus {


	outline: none;


}


.select2-container--default .select2-selection--multiple {


	height: auto !important;


}





table thead > tr { /* background: #EEE; */ border-bottom: 2px solid #DDD !important; }


table thead > tr td, table thead > tr th { padding: .5rem; }


table.sinBorder, table.sinBorder th, table.sinBorder td { border: none !important; }


td .waves-circle, .input-field .help, .collection-item .waves-circle, .waves-circle.small {


	width: 1.5rem;


	height: 1.5rem;


	line-height: 1.5rem;


}


.input-field .help {


	position: absolute;


	top: .75rem;


	right: .75rem;


}


.input-field .help ~ input {


	padding-right: 1.5rem;


	box-sizing: border-box;


}


.waves-circle.medium {


	width: 2em;


	height: 2em;


}


.waves-circle.medium i { line-height: 2rem; }


td .waves-circle i, .input-field .help i, .collection-item .waves-circle i, .waves-circle.small i {


	line-height: 1.5rem;


}


.waves-circle:hover {


	background-color: rgba(0, 0, 0, 0.15) !important;


	outline: none;


}


/* ######## IDs ######## */





.visor-doc


{


	height:100% !important;


	max-height:100% !important;


}


.modal-content .row { margin-left: -.75rem; margin-right: -.75rem; }


.modal-content iframe


{


	height: calc(100% - 30px);


	min-height:calc(100% - 30px);


	width: 100%;


	padding: 0;


	margin: 0;


}


#dialogVisorDoc, #dialogSolicitudes, #dialogChecklist


{


	height:80%;


	max-height: 90%;


	width: 70%;


}


/*#dialogSolicitudes { height: auto; }*/


/* #dialogVisorDoc .modal-content { padding: .3em; } */


#empleados1 .collapsible-header span.circle {


	padding: .3em;


	line-height: normal;


	margin-top: .7rem;


	margin-right: .5rem;


	font-size: .9rem;


}


#listaDeProyectos .col, #listaProyAsignados .col, #listaProyAsignadosCerrados .col { padding: 0; }


#listaDeProyectos .collection-header, #listaProyAsignados .collection-header, #listaProyAsignadosCerrados .collection-header { background: #EEE; }


#listaDeProyectos .collection-header h5, #listaProyAsignados .collection-header h5, #listaProyAsignadosCerrados .collection-header h5 { margin: 0; padding: .6em 0; }


#logProyecto, #logProposal, #usersChat { max-height: 550px; overflow-y: scroll; }


#usuariosInvolucrados .nombreChat, #usersChat .nombreChat


{


	border-bottom: thin solid #DDD;


	font-size: 14px;


	font-weight: normal;


	padding: .75rem 0;


	vertical-align: middle;


}





#usuariosInvolucrados .nombreChat .col a i { margin-top: .5rem; }


#usuariosInvolucrados .nombreChat .col { padding: 0; }


#usuariosInvolucrados .nombreChat .truncate { margin-top: .3rem; }





#subir


{


	bottom: .5em;


	color: #009688;


	display: none;


	opacity: .4;


	position: fixed;


	right: .5em;


}


#subir:hover, #subir i:hover{ opacity: 1; }


#toast-container { cursor: pointer; }








/* ######## CLASES ######## */


.all-width { display: block !important; width: 100% !important; }


.archivos


{


	border: thin solid #DDD;


	height: 150px;


	margin: .5em;


}


.archivoAdjChat a


{


	margin-bottom: .3em;


	text-decoration: underline;


	display: inline-block;


	width: 100%;


}


.bold { font-weight: bold; }


.burbujaChat


{


	background: #FFF;


	border-bottom: thin solid #DDD;


	padding: .75rem;


	width: 100%;


}


.burbujaChat.izquierda { background: #F5F5F5; }


.cerrar-msj { cursor: pointer; }


.contador-notificaciones


{


	background: #F00;


	border-radius: 10rem;


	color: #FFF;


	display: inline-block;


	font-size: .85em;


	font-weight: bold;


	height: 25px;


	min-width: 25px;


	line-height: 25px;


	text-align: center;


	position: absolute;


	top: 1px;


	right: 1px;


	padding: 0 3px;


}


.content-pub


{


	border: thin solid #CCC;


	border-right: 2px solid #CCC;


	margin:0;


	height: calc(100vh - 105px);


	overflow-y: scroll;


}


.dar-alta-imss, .dar-baja-imss, .falta-datos


{


	background: #DFF2BF;


	border-radius: .5em;


	border: thin solid #4F8A10;


	box-shadow: 0px 0px 10px rgba(0,0,0, .5);


	color: #4F8A10;


	cursor: pointer;


	font-size: 1.3em;


	font-weight: bold;


	margin-top: .5em;


	margin: auto;


	padding: .5em;


	width: 100%;


}


.dar-baja-imss


{


	background: #FFBABA;


	border: thin solid #D8000C;


	color: #D8000C;


	cursor: pointer;


}


.date-pub { font-size: .85rem; }


.error, .exito


{


	/*background: #FF8A80;*/


	background: #E53935;


	border-radius: .1em;


	box-shadow: 3px 3px 5px rgba(0,0,0, .3);


	display: block;


	color: #FFF;


	font-size: 1.1em;


	margin: 0;


	padding: .5em;


}


.exito { background: #00BFA5; }


.falta-datos


{


	background: #FFE57F ;


	border: thin solid #FF6D00;


	color: #FF6D00;


	cursor: default;


}


.falta-datos p, .dar-alta-imss p, .dar-baja-imss p { text-align: center !important; }


.filas { background: #EEE; margin-bottom: .5em; }


.filas:first-child { margin-top: .5em; }


.horaChat


{


	font-size: 12px;


	color: #AAA;


	font-weight: normal;


}


.h80 {


	max-height: 80vh !important;


	height: 80vh !important;


}


.input-field label { cursor: pointer; }


.input-text {


	max-width: 100% !important;


	margin: 0 !important;


	height: auto !important;


	background-color: #FFF !important;


	text-align: center;


	border: thin solid #dbdbdb !important;


	padding: 2px !important;


	box-sizing: border-box !important;


}


.listaDirectorios li { display: inline-block; }


.list-content { padding: .7rem 0; }


.mi-acordion li.active { background: none !important; color: #000 !important; }


.mi-acordion .collapsible-header { letter-spacing: 0; }


.mi-acordion .collection-item { min-height: auto !important;}


.mi-lista blockquote{ margin: 7px 0; padding: .3em;}


.mostrar-datos .titulo


{


	 color: #039BE5;


	/*color: #01579B;*/


	display: inline-block;


	font-size: 1.3em;


	font-weight: bold;


	margin-top: .5em;


	text-align: center;


	width: 100%;


}


.mostrar-datos p, .mostrar-datos table tr td


{


	font-size: .85em;


	padding: 0;


	text-align: left;


}





.mostrar-datos p { margin-bottom: .3em !important; }


.mostrar-datos .collection .collection-item, table .collection .collection-item { padding: 0; }


.mostrar-datos .card-content .collapsible, .mostrar-datos .collection { margin: 0; }


.mostrar-datos .card-content .collapsible p { padding: .1em .2em;}


.mostrar-datos .card-content .collapsible table {margin: auto; width: 98%;}


.mostrar-datos .card-content { padding: .5em; }


.mostrar-datos .card-action { padding: 2rem .75em; position: relative; }


.mostrar-datos .card-action small.new { position: absolute; width: 100%; left: 0; top: 5px; }


.mostrar-datos .card-action a { margin: 0 5px !important; }


.m-top { margin-top: 1.5rem !important; }


.m-right { margin-right: 1.5rem !important; }


.m-left { margin-left: 1.5rem !important; }


.m-b-10 { margin-bottom: 10px; }


.m-t-10 { margin-top: 10px; }


.m-l-10 { margin-left: 10px; }


.m-r-10 { margin-right: 10px; }


.m-r-5 { margin-right: 5px; }


.m-l-5 { margin-left: 5px; }


.m-t-15 { margin-top: 15px; }


.m-t-5 { margin-top: 5px; }


.m-b-5 { margin-bottom: 5px; }


.m-bottom { margin-bottom: 1.5rem !important; }


.msjChat


{


	/*background: #EEE;*/


	margin: 0;


	display: inline-block;


	width: 100%;


	padding: .5em;


}


.nombreChat


{


	display: inline-block;


	width: 100%;


	font-weight: bold;


	padding: .5em;


}


.nombreChat span.circle


{


	display: inline-block;


	font-size: 1rem;


	/*font-weight: bold;*/


	height: 2rem;


	padding: .25em 0;


	text-align: center;


	vertical-align: middle;


	width: 2rem;


}


.pointer {cursor: pointer; }


/* .presentacion


{


	margin-top: 15%;


	text-align: center;


} */


.relative { position: relative; }


.resaltar:hover


{


	background: #EEE;


	-ms-transition: all .6s ease-out;


	-moz-transition: all .6s ease-out;


	-webkit-transition: all .6s ease-out;


	transition: all .6s ease-out;


}





/* ###################################################################### */


/* ############################ EXPLORADOR ############################## */


/* ###################################################################### */


.animar {


	-webkit-animation: Animar .7s; /* Chrome, Safari, Opera */


	animation: Animar .7s; /* Standard syntax */


}


.explorador .listaDirectorios {


	font-size: 1.2em;


	margin: auto;


	padding: 0;


}


.explorador .listaDirectorios li .material-icons {


	position: relative;


	top: .25em;


}


.explorador .directorios li


{


	border: thin solid #DDD;


	cursor: pointer;


	display: inline-block;


	height: 12em;


	margin: .3em;


	position: relative;


	vertical-align: top;


	width: 19%;


}


.explorador .directorios li a


{


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


}


.explorador .directorios li .details


{


	color: #AAA;


	display: inline-block;


	width: 98%;


	font-size: 12px;


}


.explorador .directorios li .name


{


	font-size: 13px;


	font-weight: bold;


	width: 98%;


	display: inline-block;


}


.explorador .vacio


{


	background-color: #FFF;


	border: thin solid #DDD;


	display: none;


	height: 12em;


	margin: 0 auto;


	padding: 1.3em;


	width: 12em;


	-webkit-animation: Animar .7s;  /* Chrome, Safari, Opera */


	animation: Animar .7s;  /* Standard syntax */


}


.explorador .vacio span { display: inline-block; width: 100%; }





/* Chrome, Safari, Opera */


@-webkit-keyframes Animar {


	100%   	{ transform: scale(1); opacity: 1; }


	0% 		{ transform: scale(1.1); opacity: 0; }


}





/* Sintaxis estándar */


@keyframes Animar {


	100%   	{ transform: scale(1); opacity: 1; }


	0% 		{ transform: scale(1.1); opacity: 0; }


}





.icon.file.f-avi,


.icon.file.f-flv,


.icon.file.f-mkv,


.icon.file.f-mov,


.icon.file.f-mpeg,


.icon.file.f-mpg,


.icon.file.f-mp4,


.icon.file.f-m4v,


.icon.file.f-wmv {


	color: #7e70ee;


}





.icon.file.f-mp2,


.icon.file.f-mp3,


.icon.file.f-m3u,


.icon.file.f-wma,


.icon.file.f-xls,


.icon.file.f-xlsx {


	color: #5bab6e;


}





.icon.file.f-doc,


.icon.file.f-docx,


.icon.file.f-psd{


	color: #03689b;


}


.icon.file.f-pptx {	color: #ffab91; }


.icon.file.f-vsd {	color: #2979ff; }





.icon.file.f-gif,


.icon.file.f-jpg,


.icon.file.f-jpeg,


.icon.file.f-pdf,


.icon.file.f-png {


	color: #e15955;


}





.icon.file.f-deb,


.icon.file.f-dmg,


.icon.file.f-gz,


.icon.file.f-rar,


.icon.file.f-zip,


.icon.file.f-7z {


	color: #ce93d8;


}





.icon.file.f-html,


.icon.file.f-rtf,


.icon.file.f-xml,


.icon.file.f-xhtml {


	color: #a94bb7;


}





.icon.file.f-js {


	color: #d0c54d;


}





.icon.file.f-css,


.icon.file.f-saas,


.icon.file.f-scss {


	color: #44afa6;


}





/* ################################################################################# */





/* Sobreescribir valores de estilo de Materialize */


h6 { font-size: 1.2rem; }


i.left { margin-right: 10px; }


i.right { margin-left: 10px; }


label, .select-wrapper + label { font-size: 1rem; }








/*select { border: thin solid #CCC; }*/


/*select:focus { outline: thin solid #00AB9B; }*/


td { padding: .3em .4em; }


td .collection { margin: 0;}


table.bordered, table.bordered th, table.bordered td { border: thin solid #DBDBDB; }


.btn, .btn-flat { padding: 0 .6em; }





.btn.small {


	height: 32.4px;


	line-height: 32.4px;


	font-size: 13px;


}


/*.collapsible-body p { padding: .5em .5em 2em; }*/


.collapsible { position: relative; }


.collapsible-body .progress, table .progress { height: 1em; margin: 0;}


.collapsible-header i { margin-right: 0; }


.collapsible-header .right {  margin-right: 1rem; }


.collapsible-header { padding: 0 .3em; }


.collapsible-header:hover


{


	background: #EEE;


	-ms-transition: all .6s ease-out;


	-moz-transition: all .6s ease-out;


	-webkit-transition: all .6s ease-out;


	transition: all .6s ease-out;


}


.collapsible-header:after {


	position: absolute;


	right: 0;


	z-index: 3;


}


.collapsible-header.active { background: #EEE; }


.collection .collection-item { padding: .3em; }


.collection.with-header .collection-header { padding: 0 10px; }


.content-callapsible-body { padding: 1em;}


.dropdown-content li>a, .dropdown-content li>span { color: #444; padding: 12px 16px; }


.input-field label.active, .col label.active {color: #01579B; font-size: 1rem; }


.input-field select {margin-bottom: 15px;}


.input-field .prefix ~ .dropdown-content { margin-left: 3rem; }


.material-tooltip {


	padding: 3px 8px;


	font-size: .8rem;


	border-radius: 3px;


	background-color: transparent;


	min-height: 16px;


	line-height: 120%;


}


.backdrop {


	height: 7px;


	width: 14px;


	border-radius: 0 0 50% 50%;


	background-color: rgba(90, 88, 87, 0.83) !important;


}


.modal-content h4, .modal-content h5, .modal-content h6  { margin-top: 0; }


.modal .modal-content { padding-bottom: 0; }


.picker table tr:first-child


{


	background: none;


	border-bottom: none !important;


}


.tabs .tab a { color: #01579B; }


.tabs .tab a:hover { color: #039BE5; }


.tabs .tab.disabled a { color: #BBB; }


.tabs .indicator { background: #039BE5; }


.toast { padding: 10px .5em; }


.toast .material-icons { margin-right: .3em; }





ul.side-nav.leftside-navigation li.user-details { margin-bottom: 0; }


.z-depth { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); }


/* ################################################################################# */





#globo:before{


	content: "";


	width: 0;


	position: absolute;


	border-style: solid;


	border-width: 5px 10px 5px 0;


	border-color: transparent #666;


	top: 20px;


	left: -10px;


}





/* Círculos de colores numerados */


/* Círculos de colores numerados */


span.circle_pink,span.circle_red,span.circle_grey,span.circle_green,span.circle_blue,span.circle_brown, .circle_eh, .circle_agda {


	border-radius: 0.8em;


	-moz-border-radius: 0.8em;


	-webkit-border-radius: 0.8em;


	color: #FFF;


	display: inline-block;


	font-family: "Arial Narrow";


	font-size: .9rem;


	font-weight: 400;


	line-height: 1.6em;


	margin-right: 5px;


	text-align: center;


	width: 1.6em;


	/*-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);


	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.75);


	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.75);*/


	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)


}


span.circle_eh {


  background-color: #0d1e3f;


}


span.circle_agda {


  background-color: #FFC107;


}


span.circle_red {


  background-color: red;


}


span.circle_brown {


  background-color: brown;


}


span.circle_grey {


  background-color: grey;


}


span.circle_green {


  background-color: green;


}


span.circle_blue {


  background-color: #5178D0;


}


 span.circle_pink{


	 background-color: #EF0BD8;


 }








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


Modules - reusable parts of our design


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


.img-replace {


  /* replace text with an image */


  display: inline-block;


  overflow: hidden;


  text-indent: 100%;


  color: transparent;


  white-space: nowrap;


}


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


Main components


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


/*header {


  height: 200px;


  line-height: 200px;


  text-align: center;


  background-color: #5e6e8d;


  color: #FFF;


}*/


header h1 {


  font-size: 20px;


  font-size: 1.25rem;


}


.cd-popup-trigger {


  display: block;


  width: 170px;


  height: 50px;


  line-height: 50px;


  margin: 3em auto;


  text-align: center;


  color: #FFF;


  font-size: 14px;


  font-size: 0.875rem;


  font-weight: bold;


  text-transform: uppercase;


  border-radius: 50em;


  background: #35a785;


  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);


}


@media only screen and (min-width: 1170px) {


  .cd-popup-trigger {


	margin: 6em auto;


  }


}


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


xpopup


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


.cd-popup {


  position: fixed;


  left: 0;


  top: 0;


  height: 100%;


  width: 100%;


  background-color: rgba(94, 110, 141, 0.9);


  opacity: 0;


  visibility: hidden;


  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;


  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;


  transition: opacity 0.3s 0s, visibility 0s 0.3s;


}


.cd-popup.is-visible {


  opacity: 1;


  visibility: visible;


  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;


  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;


  transition: opacity 0.3s 0s, visibility 0s 0s;


}


.cd-popup-container {


  position: relative;


  width: 90%;


  max-width: 400px;


  margin: 4em auto;


  background: #FFF;


  border-radius: .25em .25em .4em .4em;


  text-align: center;


  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);


  -webkit-transform: translateY(-40px);


  -moz-transform: translateY(-40px);


  -ms-transform: translateY(-40px);


  -o-transform: translateY(-40px);


  transform: translateY(-40px);


  /* Force Hardware Acceleration in WebKit */


  /* -webkit-backface-visibility: hidden; */


  -webkit-transition-property: -webkit-transform;


  -moz-transition-property: -moz-transform;


  transition-property: transform;


  -webkit-transition-duration: 0.3s;


  -moz-transition-duration: 0.3s;


  transition-duration: 0.3s;


}


.cd-popup-container p {


  padding: 3em 1em;


}


.cd-popup-container .cd-buttons:after {


  content: "";


  display: table;


  clear: both;


}


.cd-popup-container .cd-buttons li {


  float: left;


  width: 50%;


}


.cd-popup-container .cd-buttons a {


  display: block;


  height: 60px;


  line-height: 60px;


  text-transform: uppercase;


  color: #FFF;


  -webkit-transition: background-color 0.2s;


  -moz-transition: background-color 0.2s;


  transition: background-color 0.2s;


}


.cd-popup-container .cd-buttons li:first-child a {


  background: #fc7169;


  border-radius: 0 0 0 .25em;


}


.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {


  background-color: #fc8982;


}


.cd-popup-container .cd-buttons li:last-child a {


  background: #b6bece;


  border-radius: 0 0 .25em 0;


}


.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {


  background-color: #c5ccd8;


}


.cd-popup-container .cd-popup-close {


  position: absolute;


  top: 8px;


  right: 8px;


  width: 30px;


  height: 30px;


}


.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {


  content: '';


  position: absolute;


  top: 12px;


  width: 14px;


  height: 3px;


  background-color: #8f9cb5;


}


.cd-popup-container .cd-popup-close::before {


  -webkit-transform: rotate(45deg);


  -moz-transform: rotate(45deg);


  -ms-transform: rotate(45deg);


  -o-transform: rotate(45deg);


  transform: rotate(45deg);


  left: 8px;


}


.cd-popup-container .cd-popup-close::after {


  -webkit-transform: rotate(-45deg);


  -moz-transform: rotate(-45deg);


  -ms-transform: rotate(-45deg);


  -o-transform: rotate(-45deg);


  transform: rotate(-45deg);


  right: 8px;


}


.is-visible .cd-popup-container {


  -webkit-transform: translateY(0);


  -moz-transform: translateY(0);


  -ms-transform: translateY(0);


  -o-transform: translateY(0);


  transform: translateY(0);


}


@media only screen and (min-width: 1170px) {


  .cd-popup-container {


	margin: 8em auto;


  }


}








.container-solicitante {


	padding: 12px 12px;


}


.container-solicitante .row{


	margin-bottom: 0px !important;


}


.container-solicitante .input-field label.active{


	color: #9e9e9e;


	font-size: 0.9rem;


	font-weight: normal;


}





.captura-container .input-field label.active{


	color: #9e9e9e;


	font-size: 0.9rem;


	font-weight: normal;


}





.captura-container .input-field label {


	cursor: auto;


}


.capture, .capt {


	max-width:55px;


	margin:0 !important;


	height:auto !important;


	background-color:#FFF !important;


	/* text-align:center; */


	border:thin solid #CCC !important;


	padding: 2px !important;


	box-sizing: border-box !important;


	-webkit-box-sizing: border-box !important;


}


.capt {max-width:100%;}


/*.container-solicitante .input-field label {


	cursor: pointer;


}*/


.container-solicitante .text-nota {


	font-size: 13px;


}





.lista-container .card .card-content {


	padding: 20px 20px 6px 20px !important;





}


.my-container .card .card-content {


	padding: 0px 20px 6px 20px !important;





}


.my-container .card {


	margin: 2rem 0 1rem 0;





}





.lista-container .card {


	margin: 2rem 0 1rem 0;





}


.lista-container .next-section{


	display: inline-block;


}





.lista-container .next-section i.new-position{


	top: 7px;


	/* bottom: 23px; */


	position: relative;


	color: #666;


		margin-right: 6px;


}





i.new-position.new-margin{


	top: 7px;


	/* bottom: 23px; */


	position: relative;


	color: #666;


	margin-right: 6px;


	margin-left: 7px;


}





i.new-position.new-margin-top{


	top: 30px;


	/* bottom: 23px; */


	position: relative;


	color: #666;


	margin-right: 6px;


	margin-left: 7px;


}


.jnew-registro{


		position: relative;


	display: inherit;


	/* text-align: center; */


	right: 12px;


}





table.jmy-table {


  margin: 1em auto;


  border-collapse: collapse;


  border: 1px solid #eee;


  border-bottom: 2px solid #0d1e3f;/* #00cccc; */


  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05);


}


/* table.jmy-table tr:hover {


  background: #f4f4f4;


}


table.jmy-table tr:hover td {


  color: #555;


} */


table.jmy-table th, table.jmy-table  td {


  color: #000;


  border: 1px solid #eee;


  padding: .3em .5em;


  border-collapse: collapse;


}


table.jmy-table th {


  background: #0d1e3f;/* #00cccc; */


  color: #fff;


  /*text-transform: uppercase;*/


  padding: .5em;


}


table.jmy-table th.last {


  border-right: none;


}





table.jmy-table.jmy-header th {


  background: #039be5 !important;


  color: #fff;


  text-transform: uppercase;


  font-size: 12px;


}








@media screen and (max-width: 600px) {


	table.jmy-table {width:100%;}


	table.jmy-table thead {display: none;}


	table.jmy-table tr { border-bottom: 2px solid #0CC; }


	table.jmy-table tr:nth-of-type(2n) {background-color: inherit;}


	table.jmy-table tr td:first-child {background: #f0f0f0; font-weight:bold; font-size:1.3em;}


	table.jmy-table tbody td {display: block;  text-align:center;}


	table.jmy-table tbody td:before {


	content: attr(data-th);


	display: block;


	text-align:center;


  }


}





#jnada .card .card-content{ padding: 30px!important; }


.jmy-underline { border-bottom: 1px solid #0088CC; }





.my-container .card .card-content.no-elements { padding: 15px !important; }


.container-table .tabs{ overflow: visible !important; }





div.toggler { border:1px solid #ccc; cursor:pointer; padding:10px 32px; }


div.toggler .subject { font-weight:bold; }


div.read { color:#666; }


div.toggler .from, div.toggler .date { font-style:italic; font-size:11px; }


div.body { padding:10px 20px; }





.hide


{


	display: none;


	visibility: hidden;


}


.chip {


  display: inline-block;


  height: 32px;


  font-size: 13px;


  font-weight: 500;


  color: rgba(0, 0, 0, 0.6);


  line-height: 32px;


  padding: 0 12px;


  border-radius: 16px;


  background-color: #e4e4e4;


  margin-bottom: 5px;


  margin-right: 5px;


}


.chip img {


  float: left;


  margin: 0 8px 0 -12px;


  height: 32px;


  width: 32px;


  border-radius: 50%;


}


.chip .close {


  cursor: pointer;


  float: right;


  font-size: 16px;


  line-height: 32px;


  padding-left: 8px;


}


.chips {


  border: none;


  border-bottom: 1px solid #9e9e9e;


  box-shadow: none;


  margin-bottom: 30px;


  min-height: 45px;


  outline: none;


  padding-bottom: 5px;


  transition: all .3s;


}


.chips.focus {


  border-bottom: 1px solid #0088CC;


  box-shadow: 0 1px 0 0 #0088CC;


}


.chips:hover {


  cursor: text;


}


.chips .chip.selected {


  background-color: #0088CC;


  color: #fff;


}


.chips .input {


  background: none;


  border: 0;


  color: rgba(0, 0, 0, 0.6);


  display: inline-block;


  font-size: 13px;


  font-weight: 500;


  height: 32px;


  margin-right: 20px;


  line-height: 32px;


  outline: 0;


  padding: 0 !important;


  width: 200px !important;


}


.chips .input:focus {


  border: 0 !important;


  box-shadow: none !important;


}


.materialboxed {


  display: block;


  cursor: -webkit-zoom-in;


  cursor: zoom-in;


  position: relative;


  transition: opacity .4s;


}


.materialboxed:hover {


  will-change: left, top, width, height;


}


.materialboxed:hover:not(.active) {


  opacity: .8;


}


.materialboxed.active {


	cursor: -webkit-zoom-out;


	cursor: url(../../image/icon-cross.png), url(../../image/icon-cross.png), zoom-out;


}


#materialbox-overlay {


	z-index: 1000;


	cursor: url(../../image/icon-cross.png), url(../../image/icon-cross.png), zoom-out;


}


.materialbox-caption {


	position: fixed;


	display: none;


	color: #fff;


	line-height: 50px;


	bottom: 0;


	width: 100%;


	text-align: center;


	padding: 0% 15%;


	height: 50px;


	z-index: 1000;


	-webkit-font-smoothing: antialiased;


}





[type="checkbox"]:checked+label:before


{


	border-right: 2px solid #0088CC;


	border-bottom: 2px solid #0088CC;


}


[type="checkbox"].filled-in:checked+label:after


{


	border: 2px solid #0088CC;


	background-color: #0088CC;


}


.spinner {


	margin:auto;


	width: 70px;


	text-align: center;


}





.spinner > div {


	width: 18px;


	height: 18px;


	background-color: #333;





	border-radius: 100%;


	display: inline-block;


	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;


	animation: sk-bouncedelay 1.4s infinite ease-in-out both;


}





.spinner .bounce1 {


	-webkit-animation-delay: -0.32s;


	animation-delay: -0.32s;


}





.spinner .bounce2 {


	-webkit-animation-delay: -0.16s;


	animation-delay: -0.16s;


}





@-webkit-keyframes sk-bouncedelay {


  0%, 80%, 100% { -webkit-transform: scale(0) }


  40% { -webkit-transform: scale(1.0) }


}





@keyframes sk-bouncedelay {


  0%, 80%, 100% {


	-webkit-transform: scale(0);


	transform: scale(0);


  } 40% {


	-webkit-transform: scale(1.0);


	transform: scale(1.0);


  }


}





table.j-table {


	font-family: 'Arial';


	margin: 25px auto;


	border-collapse: collapse;


	border: 1px solid #eee;


	border-bottom: 2px solid #00cccc;


	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05);


}


table.j-table tr:hover {


	background: #f4f4f4;


}


table.j-table tr:hover td {


	color: #555;


}


table.j-table th, table.j-table td {


	color: #999;


	border: 1px solid #eee;


	padding: 12px 35px;


	border-collapse: collapse;


}


table.j-table th {


	background: #00cccc;


	color: #fff;


	text-transform: uppercase;


	font-size: 12px;


}


table.j-table th.last {


	border-right: none;


}





@media screen and (max-width: 600px) {


	table.j-table {width:100%;}


	table.j-table thead {display: none;}


	table.j-table tr { border-bottom: 2px solid #0CC; }


	table.j-table tr:nth-of-type(2n) {background-color: inherit;}


	table.j-table tr td:first-child {background: #f0f0f0; font-weight:bold; font-size:1.3em;}


	table.j-table tbody td {display: block;  text-align:center;}


	table.j-table tbody td:before {


		content: attr(data-th);


		display: block;


		text-align:center;


	}


}





div[dir="ltr"], #divtagdefaultwrapper { font-weight: bold; }





#pRank table td


{


	text-align: center;


	cursor: pointer;


	width: 15%;


}


#pRank table td:hover { background-color: #DDD; }





.alert-dashboard {


	-webkit-animation-duration: 2s;


	animation-duration: 2s;


	-webkit-animation-iteration-count: infinite;


	animation-iteration-count: infinite;





	-webkit-animation-name: flashing;


	animation-name: flashing;


}


/* .jconfirm .jconfirm-box { width: 33% !important; } */


/* .jconfirm .jconfirm-box


{


	position: absolute !important;


	max-height: 95vh;


	top: 0;


	bottom: 0;


	left: 0;


	right: 0;


	margin: auto !important;


	width: 35% !important;


}


.jc-bs3-row.row { margin: 0; }


.jconfirm-content {	overflow-y: scroll; max-height: 82vh; } */





/* @media only screen and (max-height: 300px) {


	.jconfirm-content {	overflow-y: scroll; max-height: 70vh; }


}


@media only screen and (max-width: 900px) {


	.jconfirm .jconfirm-box{ width: 45% !important; }


}


@media only screen and (max-width: 600px) {


	.jconfirm .jconfirm-box{ width: 75% !important; }


}


@media only screen and (max-width: 421px) {


	.jconfirm .jconfirm-box{ width: 90% !important; }


} */








/*AGDA*/




.content-logo-agda { padding-left: 0; margin-top: 15vh; }


.logo-agda, .logo-ehuman


{


	width: 100%;


	transition: all .3s linear;


	transform: scale(0);


}





.ic-hor a {


	color: #213764;


	display: inline-block;


	font-size: 1.1rem;


	text-align: center;


	width: 19%;


	vertical-align: top;


	margin: 1rem 0;


	transition: all .2s linear;


}


.ic-hor a:hover {


	transform: scale(1.1);


}


.faqs-agda { margin-top: 1rem; }


.no-mbottom { margin-bottom: 0 !important; }


.no-margin { margin: 0 !important; }


.no-mtop { margin-top: 0 !important; }


.no-pt { padding-top: 0 !important; }


.no-pb { padding-bottom: 0 !important; }


.no-pl { padding-left: 0 !important; }


.no-pr { padding-right: 0 !important; }


.no-shadow { box-shadow: none !important; }


.padding { padding: .75rem !important; }


.p_25 { padding: .25rem !important; }


.p-tb { padding: .75rem 0 !important; }


.helper-input-text {


	position: absolute;


	bottom: -3px;


	font-size: 13px;


	color: crimson;


	text-align: right;


	width: 100%;


	left: 0;


	display: none;


}


.input-field .helper-input-text { padding: 0 .75rem; }





/* Nueva apariencia del datepicker */


.picker__weekday-display { background-color: #0097a7; }


.picker__date-display { background-color: #00b8d4; }


.picker__close, .picker__today, .picker__day.picker__day--today { color: #00b8d4; }


.picker__day--selected, .picker__day--selected:hover,


.picker--focused .picker__day--selected { background-color: #00b8d4; }


.picker__select--month, .picker__select--year { height: 2rem !important; }





/* .jconfirm-content p a { color: #000; display: inline-block; }


.jconfirm-content i.fa { line-height: normal !important; }


.jconfirm-buttons button, .jconfirm-buttons button:hover  { box-shadow: none; } */





.fw-300 { font-weight: 300; }


.fs-15 { font-size: 15px; }


.fs-14 { font-size: 14px; }


.fs-13 { font-size: 13px !important; }


.fs-12 { font-size: 12px !important; }


.fs-10 { font-size: 10px !important; }


.inline-b { display: inline-block; }





.selected-enterprise.active,


.selected-account.active,


.selected-payroll-poliza.active,


.select-payroll.active,


.select-employee.active


{ background-color: rgba(0, 0, 0, .1); color: #F50; }





.selected-enterprise.active td,


.selected-account.active td,


.selected-payroll-poliza.active td,


.select-payroll.active td,


.select-employee.active td


{ color: #03A9F4; }





.transition { transition: all .2s ease-in-out; }





#show-legend-select i.active { transform: rotate(180deg); }





td pre { letter-spacing: -.5px; }


select.browser-default.small {


	height: 1.5rem;


}





@media only screen and (max-width: 600px) {


	.content-logo-agda { margin: 0; }


	.ic-hor a { width: 49%; }


	.logo-agda { width: 50%; }


}





.rounded { border-radius: 100rem; }


.input-field .prefix { top: 5px; }





.c100.tiny { font-size: 60px; }


.effectivity-history .c100 { float: none !important; display: inline-block; }


/* .swiper-slide { max-width: 100%; } */





button, input, optgroup, select, textarea {


	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;


}





textarea.materialize-textarea {


	height: 3rem;


	box-sizing: border-box;


}





/*Estilos del contenedor de video*/


.video-responsive {


	position: relative;


	padding-bottom: 56.25%; /* 16/9 ratio */


	padding-top: 30px; /* IE6 workaround*/


	height: 0;


	overflow: hidden;


}





.video-responsive iframe,


.video-responsive object,


.video-responsive embed {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


}





td input, td select {


	margin: 0 !important;


	height: auto !important;


	background-color:#FFF !important;


	border: thin solid #dbdbdb !important;


	padding: 2px !important;


	font-size: 13px !important;


	border-radius: 2px !important;


	color: #363636 !important;


	box-shadow: inset 0 1px 2px rgba(10,10,10,.1) !important;


	box-sizing: border-box !important;


}


td input[disabled], td select[disabled] {


	background-color: #f5f5f5 !important;


	border-color: #f5f5f5 !important;


	color: #7a7a7a;


}





input.custom-input, input.select2-search__field {


	-webkit-appearance: none;


	align-items: center;


	border: 1px solid transparent;


	border-radius: 4px;


	display: inline-flex;


	font-size: 1rem;


	height: 2.25em;


	justify-content: flex-start;


	line-height: 1.5;


	padding-bottom: calc(.375em - 1px);


	padding-left: calc(.625em - 1px);


	padding-right: calc(.625em - 1px);


	padding-top: calc(.375em - 1px);


	position: relative;


	vertical-align: top;


	margin: 0;





	background-color: #fff;


	border-color: #dbdbdb;


	color: #363636;


	box-shadow: inset 0 1px 2px rgba(10,10,10,.1);


	box-sizing: border-box;


	max-width: 100%;


	width: auto;


}





.select2-container--default .select2-selection--single .select2-selection__rendered {


	height: 3rem !important;


	line-height: 3rem !important;


}


.select2-container.select2-container--default.select2-container--open { z-index: 2000000; }





.titulo-personalizado {


	margin: .5em 0 0.5em 0;


	color: #343434;


	font-weight: normal;


	font-family: 'Ultra', sans-serif;


	font-size: 5em;


	line-height: 42px;


	text-shadow: 0 2px white, 0 3px #777;


}





.message { background-color: #f5f5f5; border-radius: 4px; }


.message.is-success { background-color: #f6fef9; }


.message.is-warning { background-color: #fffdf5; }


.message.is-danger { background-color: #fff5f7; }





.message-body {


	border-width: .5px .5px .5px 4px;


	border-color: #dbdbdb;


	border-radius: 4px;


	border-style: solid;


	border-width: 0 0 0 4px;


	color: #4a4a4a;


	padding: .5rem .75rem;


}


.message.is-warning .message-body { border-color: #ffdd57; color: #3b3108; }


.message.is-danger .message-body { border-color: #ff3860; color: #cd0930; }


.message.is-success .message-body { border-color: #23d160; color: #0e301a; }