/** -------------------------------------------* CSS base template* -------------------------------------------*/
@import url('kernel.css');
@import url('JSkernel.css');
/** -------------------------------------------* CUSTOM Styles* -------------------------------------------*/
body{

	padding-top: 57px;
	padding-left: 220px;
}

body.nieve{

	background-color: #6b92b9;
	background-image: url('/imgs/nieve/snow.png'), url('/imgs/nieve/snow3.png'), url('/imgs/nieve/snow2.png');
	animation: snow 20s linear infinite;
}

@keyframes snow {

0% {

background-position: 0px 0px;
}

100% {

background-position: 500px 1000px, 400px 400px, 300px 300px;
}

}

.fm_has_files {
	background-color: var(--pri_color) !important;
}

.view-doc:not([href='#']){

	background-color:  var(--pri_color) !important;
}

.mini-icon {

	width: 20px !important;
	height: 20px !important;
	margin-top: 20px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 1px !important;
   }

[status-icon]{

	padding-left: 24px;
	min-width: 110px;
	position: relative;
	display: block;
}

[status-icon]:before{

	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
}

/*[status-icon="PENDIENTE"]:before,*/[status-icon="MAL"]:before{

	background-image: url('/imgs/bad.jpeg');
}

[status-icon="NEUTRAL"]:before{

	background-image: url('/imgs/warning.jpeg');
}

[status-icon="BIEN"]:before{

	background-image: url('/imgs/check.jpeg');
}

[status-icon="NO"]:before,[status-icon="INACTIVO"]:before,[status-icon="RECHAZADA"]:before{

	background-image: url('/imgs/bad.jpeg');
}

[status-icon="ATRASADA"]:before, [status-icon="OBSOLETA"]:before, [status-icon="CERRADA"]:before, [status-icon="VENCIDA"]:before{

	background-image: url('/imgs/bad.jpeg');
}

[status-icon="ATENDIDA"]:before,[status-icon="SI"]:before,[status-icon="ACTIVO"]:before,[status-icon="TERMINADA"]:before{

	background-image: url('/imgs/check.jpeg');
}

[status-icon="FACTURADA"]:before,[status-icon="COMPLETADA"]:before,[status-icon="VIGENTE"]:before,[status-icon="ABIERTA"]:before{

	background-image: url('/imgs/check.jpeg');
}

[status-icon="A TIEMPO"]:before{

	background-image: url('/imgs/check.jpeg');
}

[status-icon="PAGADA"]:before,[status-icon="CONFORME"]:before{

	background-image: url('/imgs/check.jpeg');
}

[status-icon="EN PROCESO"]:before, [status-icon="PENDIENTE"]:before{

	background-image: url('/imgs/warning.jpeg');
}

[status-icon="TOTAL"]:before{

	background-image: url('/imgs/check.jpeg');
}

[status-icon="COMPLETADO"]:before{

	background-image: url('/imgs/check.jpeg');
}

[status-icon="PARCIAL"]:before{

	background-image: url('/imgs/warning.jpeg');
}

[status-icon="AUTORIZADO"]:before{

	background-image: url('/imgs/check.jpeg');
}

[status-icon="BUEN ESTADO"]:before{

	background-image: url('/imgs/bueno.jpeg');
}

[status-icon="MAL ESTADO"]:before,[status-icon="RETRASADA"]:before,[status-icon="NO CONFORME"]:before{

	background-image: url('/imgs/malo.jpeg');
}

[process-icon]{

	padding-left: 22px;
	position: relative;
}

[process-icon]:before{

	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
}

[process-icon="EN PROCESO"]:before{

	background-color: #febb3b;
}

[process-icon="A TIEMPO"]:before{

	background-color: #008000;
}

[process-icon="ATRASADA"]:before{

	background-color: #d93f3e;
}

.btnplus {

	height: auto !important;
	width: auto !important;
	padding: 5px !important;
	font-weight: bold !important;
}

.mini-input {

	padding: 8px !important;
	margin: 0px !important;
	height: auto !important;
}

.login-bg{

	width: 100%;
	height: 100%;
	background-image: url('/imgs/loginbg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1%;
	position: absolute;
	top: 0%;
	left: 0%;
}

.login-form{

	width: 95%;
	max-width: 375px;
	border-radius: 14px;
	background-color: #FFFFFF;
	padding: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
}

.login-form h1{

	font-size: 2.5em;
	color: #292929;
	font-weight: normal;
	display: block;
}

.login-form h2{

	color: #9e9a9a;
	font-weight: normal;
	display: block;
}

.login-form small{

	margin: 1%;
	padding: 2%;
	color: #FFFFFF;
	background-color: #f5abab;
	font-size: var(--font_size);
	border-radius: 4px;
	border: 2px solid rgba(0,0,0,0.05);
	display: block;
}

.nav-bar{

	width: 100%;
	background-color: var(--pri_color);
	position: fixed;
	top: 0%;
	left: 0%;
	/*display: flex;
*/	display: table;
	align-items: center;
	/*padding: 6px 0px;
*/	z-index: 9999;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
}

.logotype{

	width: 100%;
	height: 97px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 0px 0px 98px 0px;
	background-color: #FFFFFF;
}

.app-menu{

	color: #FFFFFF !important;
	line-height: 52px;
	margin-left: 10px;
	display: none;
}

.app-menu:before{

	background-color: #FFFFFF !important;
}

.left-bar-data{

	/*flex-grow: 1;
		z-index: 1;
*/	width: calc(100% - 222px);
	padding-left: 200px;
	float: left;
}

.right-bar-data{

	width: 222px;
	float: right;
	/*z-index: 1;
*/}

/*.nav-bar h1{

	background-color: #FFFFFF;
	padding: 4px 4px;
	border-radius: 3px;
	font-weight: normal;
	color: #292929;
	display: table;
	font-size: 0.8em;
	margin: 14px auto 0px auto;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.05);
}

*/.nav-bar ul{

	list-style: none;
	display: block;
}

.nav-bar li{

	height: 52px;
	padding: 0px 4px;
	position: relative;
	float: left;
	display: block;
	border-left: 1px solid rgba(0,0,0,0.05);
}

.nav-bar li:last-child{

	display: none;
}

.nav-bar li:before{

	content: "";
	position: absolute;
	left: -1px;
	top: 0%;
	height: 100%;
	width: 1px;
	background-color: rgba(255,255,255,0.05);
}

.nav-bar li a:not(:empty){

	text-decoration: none;
	color: #FFFFFF;
	/*line-height: 52px;
*/	position: relative;
	display: block;
	cursor: pointer;
}

.user-profile{

	text-decoration: none;
	color: #FFFFFF;
	padding: 6px 0px;
	line-height: 40px;
	position: relative;
	display: table;
	cursor: pointer;
}

.user-profile:hover{

	background-color: #FFFFFF;
	color: #292929;
}

.nav-bar li a:empty{

	width: 25px;
	height: 25px;
	margin-top: 14px;
 	display: block;
}

.nav-bar li a img,.user-profile img{

	width: 40px;
	height: 40px;
	margin-left: 4px;
 	float: right;
}

.nav-bar li a span,.user-profile span{

	width: 100px;
	font-size: var(--font_size);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	float: left;
	display: block;
}

.user-profile:hover .drop-menu{

	display: block;
}

.drop-notify{

	width: 240px;
	max-height: 340px;
	top: 100%;
	right: 0%;
	background-color: #FFFFFF;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 0px 5px 4px 2px rgba(0,0,0,0.20);
	position: absolute;
	z-index: 9999;
	display: none;
}

.drop-notify a{

	color: #292929 !important;
	line-height: normal !important;
	padding: 6px 10px;
	margin: 2px 0px;
	cursor: pointer;
}

.drop-notify p{

	color: #292929 !important;
	line-height: normal !important;
	padding: 6px 10px;
	margin: 2px 0px;
	}

.drop-notify a:not(:last-child),.drop-notify p:not(:last-child){

	border-bottom: 1px solid #d8d8d8;
}

.drop-notify a:hover,.drop-notify p:hover{

	color: var(--pri_color) !important;
	background-color: #FCF9F9;
}

.drop-menu{

	width: 100%;
	top: 100%;
	left: 0%;
	background-color: #FFFFFF;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 0px 5px 4px 2px rgba(0,0,0,0.20);
	position: absolute;
	z-index: 9999;
	display: none;
}

.drop-menu a{

	color: #292929 !important;
	line-height: normal !important;
	padding: 6px 10px;
	margin: 2px 0px;
	cursor: pointer;
}

.drop-menu a:not(:last-child){

	border-bottom: 1px solid #d8d8d8;
}

.drop-menu a:hover{

	color: var(--pri_color) !important;
	background-color: #FCF9F9;
}

.extra-bar{

	width: 100%;
	padding: 0% 2%;
	background-color: #FFFFFF;
}

.pw-menu{

	background-color: var(--pri_color);
	position: fixed;
	top: 0%;
	left: 0%;
	width: 220px;
	height: 100vh;
		z-index: 9999;
}

.pw-menu strong{

	font-weight: normal;
	color: #FFFFFF;
	padding: 20px 0px;
	font-size: 1.25em;
	text-align: center;
	display: block;
}

.pw-menu a{

	width: 90%;
	padding: 4px 4px;
	line-height: 38px;
	color: #FFFFFF;
	font-size: var(--font_size);
	text-decoration: none;
	/*text-transform: uppercase;
*/	background-color: rgba(255,255,255,0.07);
	display: table;
	margin: 10px auto;
	border-radius: 7px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.05);
	transition: 0.5s all;
}

.pw-menu a.group-1:hover{

	background-color: #FE974A;
}

.pw-menu a.group-2:hover{

	background-color: #24BCF0;
}

.pw-menu a.group-3:hover{

	background-color: #04A05F;
}

.pw-menu a.group-4:hover{

	background-color: #D31E1D;
}

.pw-menu a.group-5:hover{

	background-color: var(--pri_color);
}

.pw-menu a.group-6:hover{

	background-color: #000000;
}

.in-section.group-1{

	background-color: #FE974A;
	color: #FFFFFF;
}

.in-section.group-2{

	background-color: #24BCF0;
	color: #FFFFFF;
}

.in-section.group-3{

	background-color: #04A05F;
	color: #FFFFFF;
}

.in-section.group-4{

	background-color: #D31E1D;
	color: #FFFFFF;
}

.in-section.group-5{

	background-color: var(--pri_color);
	color: #FFFFFF;
}

.in-section.group-6{

	background-color: #000000;
	color: #ffffff;
}

.pw-menu a img{

	padding: 6px;
	width: 38px;
	height: 38px;
	margin-right: 10px;
	background-color: #FFFFFF;
	border-radius: 50%;
	float: left;
}

.pw-menu a svg{

	fill: var(--pri_color);
	padding: 6px;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-color: #FFFFFF;
	border-radius: 50%;
	float: left;
}

.pw-container{

	width: 98%;
	margin: 1%;
	min-height: 300px;
	border-radius: 4px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
	/*display: flex;
*/	position: relative;
	/*display: table;
*/}

.pw-container:before{

	content: "";
	width: 1px;
	height: 100%;
	top: 0%;
	right: 220px;
	position: absolute;
	background-color: #DBD8D8;
 }

.pw-container-data{

	/*flex-grow: 1;
	padding: 1%;
*/	width: calc(100% - 220px);
	float: left;
}

.pw-container-data h2{

	color: #292929;
	font-size: var(--font_size);
	padding: 10px 0px;
	font-weight: normal;
}

.pw-container-menu{

	padding: 1%;
	width: 220px;
	float: left;
}

.pw-container-menu strong{

	font-weight: normal;
	color: #292929;
	padding: 10px 0px;
	text-align: center;
	display: block;
}

.break-line{

	clear: both;
	display: block;
}

.quick-actions a{

	width: 48%;
	margin: 1%;
	border-radius: 4px;
	padding: 4px;
	font-size: var(--font_size);
	border: 1px solid #F7F5F5;
	/*text-transform: uppercase;
*/	color: #292929;
	text-align: center;
	float: left;
	text-decoration: none;
	display: block;
	font-size: 90%;
}

.quick-actions a img{

	border-radius: 8px;
	padding: 8px;
	width: 45px;
	height: 45px;
	margin: 4px auto 8px auto;
	background-color: #05D0F5;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
	display: block;
}

a.disabled-event{

	pointer-events: none;
}

a.disabled-event img{

	background-color: #e4e1e1 !important;
}

.btn{

	padding: 2px;
	border-radius: 4px;
	/*background-color: var(--pri_color);
*/	text-align: center;
	color: var(--pri_color);
	/*box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
*/	margin: 10px 5px;
	text-decoration: none;
	float: right;
	display: table;
	border: 1px solid #D8D8D8;
	box-shadow:  0px 0px 6px 0px rgba(0,0,0,0.20);
}

.btn-text{

	padding: 2px 6px;
	line-height: 27px;
	border-radius: 4px;
	/*background-color: var(--pri_color);
*/	text-align: center;
	color: var(--pri_color);
	/*box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
*/	margin: 10px 5px;
	text-decoration: none;
	float: right;
	display: table;
	border: 1px solid #D8D8D8;
	box-shadow:  0px 0px 6px 0px rgba(0,0,0,0.20);
}

.clean_filters{

	line-height: 26px;
	padding: 2px 6px;
}

.btn svg{

	fill: var(--pri_color);
	width: 25px;
	height: 25px;
}

.btn-off{

	/*padding: 5px 10px;
*/	padding: 7px 10px;
	border-radius: 4px;
	color: var(--pri_color);
	background-color: #FCF9F9;
	text-align: center;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
	margin: 10px 5px;
	text-decoration: none;
	float: right;
	display: table;
}

.btn-off:empty{

	width: 56px;
	height: 29px;
	display: block;
}

.btn-off svg{

	fill: var(--pri_color);
	width: 25px;
	height: 25px;
	margin: -7px 0px -7px 0px;
}

.profile{

	width: 170px;
	height: 170px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
	margin: 0px auto;
}

.autofill{

	object-fit: contain;
	object-position: 50% 50%;
}

.processes a{

	width: 18%;
	margin: 1%;
	border-radius: 4px;
	padding: 4px;
	padding: 1%;
	font-size: var(--font_size);
	border: 1px solid #F7F5F5;
	/*text-transform: uppercase;
*/	color: #292929;
	text-align: center;
	float: left;
	text-decoration: none;
	display: block;
	position: relative;
	overflow: hidden;
}

.processes a img{

	border-radius: 50%;
	padding: 10px;
	width: 100px;
	height: 100px;
	background-color: rgba(27,27,27,0.86);
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
	display: block;
	position: relative;
	transition: 0.5s all;
}

.processes a img[src="/imgs/technological/Capitulo 4.png"]{

	padding: 0px !important;
}

.processes div{

	background-color: var(--pri_color);
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin: 4px auto 14px auto;
}

.rh-processes a:hover img{

	background-color: #24bcf0;
}

.sspa-processes a:hover img,.direction-processes a:hover img{

	background-color: #d31e1d;
}

.materials-processes a:hover img{

	background-color: #24bcf0;
}

.technological-processes a:hover img{

	background-color: #000000;
}

.purcharses-processes a:hover img,.sales-processes a:hover img,.commercialization-processes a:hover img{

	background-color: #fe974a;
}

a.focus-processes{

	background-color: #f9f6f6;
}

a.focus-processes div{

	background-color: transparent;
}

a.rh-focus-processes img{

	background-color: #25BBEE;
}

a.sspa-focus-processes img,a.direction-focus-processes img{

	background-color: #d31e1d;
}

a.materials-focus-processes img{

	background-color: #24bcf0;
}

a.technological-focus-processes img{

	background-color: #000000;
}

a.purchases-focus-processes img,a.sales-focus-processes img,a.services-focus-processes img,a.commercialization-focus-processes img{

	background-color: #fe974a;
}

img.rh-icon-processes,img.sspa-icon-processes,img.materials-icon-processes,img.technological-icon-processes,img.direction-icon-processes,img.purchases-icon-processes,img.sales-icon-processes,img.services-icon-processes,img.commercialization-icon-processes{

	border-radius: 50%;
	padding: 10px;
	width: 150px;
	height: 150px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
	display: block;
	margin: 4px auto 14px auto;
	background-color: #24bcf0;
}

img.technological-icon-processes[src="/imgs/technological/Capitulo 4.png"]{

	padding: 0px;
}

img.sspa-icon-processes,img.direction-icon-processes {

	background-color: #d31e1d;
}

img.materials-icon-processes{

	background-color: #24bcf0;
}

img.technological-icon-processes{

	background-color: #000000;
}

img.purchases-icon-processes, img.sales-icon-processes, img.services-icon-processes, img.commercialization-icon-processes {
	background-color: #fe974a;
}

.data-processes h2{

	font-weight: normal;
	color: #292929;
	font-size: var(--font_size);
	display: block;
	text-align: center;
}

.data-processes h3{

	font-weight: normal;
	color: #939393;
	padding: 6px 0px;
	font-size: var(--font_size);
	display: block;
	text-align: center;
}

.data-processes a{

	border-radius: 10px;
	border: 2px solid #292929;
	color: #292929;
	padding: 1%;
	width: 46%;
	margin: 2%;
	font-size: var(--font_size);
	text-align: center;
	float: left;
	/*text-transform: uppercase;
*/	text-decoration: none;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.10);
	transition: 0.5s all;
}

.data-processes a img{

	margin: 4px auto 10px auto;
	width: 45px;
	height: 45px;
}

.data-processes a svg{

	fill: #292929;
	margin: 4px auto 10px auto;
	width: 45px;
	height: 45px;
	display: block;
	transition: 0.5s all;
}

.data-processes a:hover{

	color: var(--pri_color);
	border-color: var(--pri_color);
}

.data-processes a:hover svg{

	fill: var(--pri_color);
}

.data-processes a.in-section{

	color: #FFFFFF;
	background-color: var(--pri_color);
	border-color: var(--pri_color);
}

.data-processes a.in-section svg{

	fill: #FFFFFF;
}

.admin-menu a{

	width: 90%;
	padding: 4px 4px;
	line-height: 38px;
	color: var(--pri_color);
	font-size: var(--font_size);
	text-decoration: none;
	/*text-transform: uppercase;
*/	background-color: #FCF9F9;
	display: table;
	margin: 10px auto;
	border-radius: 7px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.05);
	transition: 0.5s all;
}

.admin-menu a.group-5:hover{

	background-color: var(--pri_color);
	color: #FFFFFF;
}

.admin-menu a img{

	padding: 6px;
	width: 38px;
	height: 38px;
	margin-right: 10px;
	background-color: #FFFFFF;
	border-radius: 50%;
	float: left;
}

.admin-menu a svg{

	fill: var(--pri_color);
	padding: 6px;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background-color: #FFFFFF;
	border-radius: 50%;
	float: left;
}

.perm-module{

	width: 100%;
	font-size: var(--font_size);
	font-weight: bold;
	line-height: 40px;
	padding: 10px;
	color: #292929;
	display: table;
}

.perm-module img{

	width: 40px;
	height: 40px;
	padding: 4px;
	margin-right: 12px;
	border-radius: 50%;
	background-color: #fcf9f9;
	float: left;
}

.perm-process{

	width: 100%;
	color: #292929;
	padding: 10px 10px 10px 20px;
	display: none;
}

.perm-submodule{

	width: 100%;
	color: #292929;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 10px 10px 40px;
	display: table;
}

.perm-submodule img{

	width: 30px;
	height: 30px;
	padding: 3px;
	margin-right: 12px;
	border-radius: 50%;
	background-color: var(--pri_color);
	float: left;
}

.perm-subprocess{

	width: 100%;
	color: #292929;
	padding: 10px 10px 10px 60px;
	border-bottom: 1px solid #D8D8D8;
	display: none;
}

.choose-profile{

	border-bottom: 1px solid #D8D8D8;
	padding: 10px;
	width: 100%;
	background-color: var(--pri_color);
	border-radius: 4px 4px 0px 0px;
	display: table;
}

.choose-profile select{

	outline: 0px;
	padding: 0.0625em;
	margin: 0.0625em;
	box-shadow: 0px 0px 3px #D6D6D6;
	border: 1px solid #DFDFDF;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 5px;
	font-size: var(--font_size);
	width: auto;
	height: 40px;
	display: block;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.chart-title {

    display: block;
   text-align: center;
   font-weight: bold;
   margin-bottom: 10px;
   font-size: var(--font_size);
   color: #3b3b3bcc;
}

.charts_container {

    width: 100%;
   height: 330px;
   margin-bottom: 50px;
}

.exchange{

	background-image: url('/imgs/exchange.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
}

.notify{

	background-image: url('/imgs/notify.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.app-r-menu{

	background-image: url('/imgs/points.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.v-content{

	display: table;
}

.logotype_company{

	width: 80px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.path_color_company{

	width: 40px;
	height: 4px;
	display: block;
}

/*.withfile,.withoutfile{

	display: inline-block;
	text-align: center;
	min-width: 41px;
	font-size: 70%;
}

.withfile a, .withoutfile a{

	border-radius: 4px;
	border: 1px solid #D8D8D8;
	line-height: 0px;
	padding: 1px;
	margin: auto !important;
	display: table !important;
}

*/.doc-employee{

	display: inline-block;
}

.doc-employee a{

	border-radius: 50%;
	width: 22px;
	height: 22px;
	margin: 1px;
	line-height: 0px;
	margin: auto !important;
	display: table !important;
	cursor: pointer;
}

.doc-employee div div:nth-child(2) a,.doc-employee-add a,.doc-employee-edit a{

	background-color: #d1cfcf !important;
}

.doc-employee div div:nth-child(3) a,.doc-employee-view a{

	background-color: var(--pri_color) !important;
}

.doc-employee svg{

	fill: #FFFFFF !important;
	width: 16px;
	height: 16px;
	display: block;
	margin: 3px auto;
}

.thumnail-list{

	width: 100%;
	max-height: 150px;
	overflow-y: auto;
	display: block;
}

.file-thumnail{

	width: 23%;
	margin: 1%;
	padding: 5px;
	float: left;
	border-radius: 7px;
	border: 1px solid #D8D8D8;
	position: relative;
	cursor: pointer;
}

.file-thumnail div{

	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 80%;
	margin: auto;
	display: block;
}

.file-thumnail div:before{

	content: "";
	padding-top: 100%;
	display: block;
}

.file-thumnail span{

	font-size: var(--font_size);
	padding-top: 10px;
 	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.file-thumnail a{

	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--pri_color);
	color: #FFFFFF;
	text-align: center;
	line-height: 25px;
	font-size: var(--font_size);
	position: absolute;
	right: 5px;
	top: 5px;
	text-decoration: none;
	display: block;
}

.disabled-button{

	color: #c9caca !important;
	background-color: #e4e9e9 !important;
	pointer-events: none;
}

.disabled-button svg{

	fill: #c9caca !important;
}

label.picfile{

	background-image: url('/imgs/camera.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--pri_color);
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(-10%,10%);
	display: block;
	cursor: pointer;
}

label.picfile input{

	display: none;
}

div.filters{

	top: 90%;
	width: 100%;
	min-width: 200px;
	background-color: #FFFFFF;
	padding: 4px;
	position: absolute;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
	z-index: 1;
	display: none;
}

div.filters:before{

	content: "";
	position: absolute;
	top: -5px;
	left: 5px;
	width: 0;
     height: 0;
     border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FFFFFF;
}

div.filter-scroll{

	max-height: 160px;
	overflow-y: auto;
}

div.filters small{

	font-size: var(--font_size);
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 8px 4px;
	display: block;
	color: #333333;
	cursor: pointer;
}

div.filters small[on]{

	color: var(--pri_color) !important;
}

div.filters small:hover{

	background-color: #fcf9f9;
	color: var(--pri_color);
}

div.filters input{

	width: 100%;
	height: 40px;
	padding: 10px;
	outline: 0px;
	border: 0px;
	border-bottom: 1px solid #e1e1e1;
	display: block;
	box-sizing: border-box;
}

.btn-form{

	background-color: #FFFFFF !important;
	padding: 2px !important;
	float: right;
	border: 1px solid #D8D8D8 !important;
	box-shadow:  0px 0px 6px 0px rgba(0,0,0,0.20) !important;
}

.btn-form svg{

	width: 24px;
	height: 24px;
	fill: var(--pri_color);
}

.user-profile-data input[type="text"],.user-profile-data select{

	margin: 4px 0px !important;
}

.asset-image{

	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0px auto;
	position: relative;
}

.asset-image:not(.asset-image-max):not(.asset-image-big){

	width: 150px;
	height: 150px;
}

.asset-image-max{
	width: 100% !important;
	background-size: cover !important; 
}

.asset-image-max:before{

	content: "";
	display: block;
	padding-top: 60%;
}

.asset-image-big{

	width: 250px;
	height: 250px;
}

.asset-image label{

	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: var(--pri_color);
	border-radius: 50%;
	border: 1px solid #dfdfdf;
	position: absolute;
	display: block;
	cursor: pointer;
	background-color: #FFFFFF;
}

.asset-image label input{

	display: none;
}

.asset-image label.preview{

	left: -24px;
	top: 50%;
	transform: translateY(-50%);
}

.asset-image label.next{

	right: -24px;
	top: 50%;
	transform: translateY(-50%);
}

.asset-image label.add{

	right: 0%;
	top: 0%;
}

.asset-image label.delete{

	right: 30px;
	top: 0%;
}

.asset-image label svg{

	fill: var(--pri_color);
	margin: 3px;
	width: 16px;
	height: 16px;
}

div.costs{

	display: table;
	margin: 0px auto	}

div.costs small {

	display: block;
}

div.costs span {

	font-size: 2.5em;
	font-weight: bold;
	color: var(--pri_color);
	display: block;
}

a.mailto{

	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/imgs/email.png');
	background-size: 70%;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0%;
	right: 0%;
	background-color: var(--pri_color);
}

.input-cute{

	width: 100%;
	padding: 10px;
	height: 30px;
	box-sizing: border-box;
	border: 0px;
	background-color: transparent;
	color: #000;
	font-size: 1em;
}

.checklist{

	border: 0px;
	width: 100%;
}

.checklist p{

	padding: 10px;
	display: block;
}

a.view-doc,a.upload-doc{

	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	background-image: url('/imgs/viewdoc.png');
	width: 20px;
	height: 20px;
	margin: 0px 4px;
	background-color: #d1cfcf;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	display: block;
	/*opacity: 0.5;
*/}

a.view-doc:not(.enable),a.upload-doc:not(.enable){

	pointer-events: none;
	/*opacity: 1;
*/}

a.upload-doc{

	background-image: url('/js/attachment.png');
	background-size: 30px;
}

div.popmenu{

	width: 100px;
	height: 70px;
	position: absolute;
	background-color: #ffffff;
	z-index: 9999;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.20);
}

div.popmenu a{

	color: #000000;
	padding: 4px 14px;
	margin: 6px 0px;
	text-decoration: none;
	font-size: 1em;
	display: block;
}

/*.withoutfile svg{

	fill: #2e2e2e !important;
	width: 16px;
	height: 16px;
}

.withfile svg{

	fill: var(--pri_color) !important;
	width: 16px;
	height: 16px;
}

*/.chart{

	border: 1px solid #dbd8d8;
	border-radius: 4px;
	width: 100%;
	padding: 40px 10px 10px 10px;
	min-height: 390px;
	position: relative;
}

.chart:before{

	background-color: #f5f0f0;
	box-sizing: border-box;
	content: attr(label);
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	padding: 0px 10px;
	line-height: 40px;
	border-bottom: 1px solid #dbd8d8;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

div.popmenu a:not(:last-child){

	border-bottom: 1px solid rgba(0,0,0,0.05);
}

a.hasfile{

	width: 25px;
	height: 25px;
	position: relative;
	border-radius: 50%;
	background-color: var(--pri_color);
	float: right;
	display: table;
	cursor: pointer;
	margin: 4px;
}

a.hasfile svg{

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	fill: #FFFFFF;
	width: 16px;
	height: 16px;
}

a.nofile{

	width: 25px;
	height: 25px;
	position: relative;
	border-radius: 50%;
	background-color: #e8e4e4;
	float: right;
	display: table;
	cursor: pointer;
	margin: 4px;
}

a.nofile svg,a.f-manager-icon svg,a.fl-manager-icon svg{

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	fill: var(--pri_color);
	width: 16px;
	height: 16px;
}

a.f-manager-icon,a.fl-manager-icon {

	width: 20px;
	height: 20px;
	text-decoration: none;
	display: inline-block;
	background-color: #e8e4e4;
	margin: auto;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	float: left;
}

a.btn-action-icon {

	width: 20px;
	line-height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 75%;
	text-decoration: none;
	background-color: var(--pri_color);
	margin: 4px;
	color: #fff;
	display: inline-block;
	margin: auto;
	text-align: center;
	border-radius: 50%;
	font-size: 1em;
	float: left;
}

.dafo-help {

	margin-bottom: 10px;
 }

.dafo-help h2{

	font-size: 2em;
	padding: 5px 10px;
	display: block;
}

.dafo-help b{

	font-size: 1.35em;
	display: block;
	padding: 5px 10px;
}

.dafo-help p{

	display: block;
	font-size: 1.1em;
	padding: 5px 10px;
}

.table-dafo-pie {

	margin: 10px 0px;
	width: 100%;
	border-collapse: collapse;
	background-color: #f6f6f6;
	border: 1px solid #dfdfdf;
}

.table-dafo-pie td{

	padding: 10px}

.dafo-help img {

	display: block;
	margin: auto;
}

.dafo-list{

	list-style: none;
	width: 98%;
	margin: -1% 1% 1% 1%;
	padding: 2%;
	display: table;
	border-left: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	box-sizing: border-box;
	display: none;
	background-color: #f6f6f6;
}

.dafo-list b {

	padding: 10px;
	font-size: 1.35em;
}

.dafo-list-detail{

	border-top: 1px solid #d8d8d8;
	margin-top: 20px;
	padding-top: 20px;
	display: none;
}

.dafo-list strong{

	display: block;
	padding: 25px 10px 25px 90px;
	color: #333;
	font-size: 14px;
	position: relative;
	text-align: left;
	cursor: pointer;
}

.dafo-list strong i{

	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	display: block;
}

.dafo-list strong i:before{

	content: attr(num);
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	color: #333;
}

.dafo-list li{

	padding-left: 90px;
	cursor: pointer;
}

.dafo{

	width: 100%;
	position: relative;
	display: flex;
 	flex-flow: row wrap;
 }

.dafo > div{

	display: flex;
	align-items: stretch;
	flex-direction: column;
	flex-grow: 1;
	width: 50%;
	margin: 0%;
	box-sizing: border-box;
	position: relative;
}

.dafo strong a{

	width: 30px;
	line-height: 26px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	text-align: center;
	font-size: 1.65em;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	color: #ffffff;
	text-decoration: none;
}

.dafo-max > div{

	width: 100%;
	cursor: pointer;
}

table.table-dafo{

	border-collapse: collapse;
	caption-side: bottom;
	width: 100%;
}

table.table-dafo tbody tr{

	position: relative;
}

table.table-dafo tbody td{

	padding: 10px;
	color: #333333;
	text-align: left;
	border: 0px;
}

.weaknesses{

    background-color: #a1bed8;
}

.weaknesses strong {

	background-color: #005095;
	color: #ffffff;
}

.weaknesses img,.weaknesses button{

    background-color:  #005095;
}

.weaknesses table.table-dafo tbody tr{

	background-color: #a1bed8;
}

.weaknesses table.table-dafo tbody tr:nth-child(even) {

  	background-color: #b4cbe0;
}

.weaknesses table.table-dafo caption {

	padding: 10px;
}

.threats{

	background-color: #e2bfdc;
}

.threats img,.threats button{

    background-color: #800080;
}

.threats table.table-dafo tbody tr{

	background-color: #e2bfdc;
}

.threats table.table-dafo tbody tr:nth-child(even) {

  	background-color: #e8cce3;
}

.threats table.table-dafo caption {

	padding: 10px;
}

.threats strong {

	background-color: #800080;
	color: #ffffff;
}

.strengths{

    background-color: #e09e8e;
}

.strengths img,.strengths button{

    background-color: #b50000;
}

.strengths strong {

	background-color: #b50000;
	color: #ffffff;
}

.strengths table.table-dafo tbody tr{

	background-color: #e09e8e;
}

.strengths table.table-dafo tbody tr:nth-child(even) {

  	background-color: #e6b1a5;
}

.strengths table.table-dafo caption {

	padding: 10px;
}

.opportunities{

    background-color: #d1e082;
}

.opportunities img,.opportunities button{

    background-color: #134d16;
}

.opportunities strong {

	background-color: #134d16;
}

.opportunities table.table-dafo tbody tr{

	background-color: #d1e082;
}

.opportunities table.table-dafo tbody tr:nth-child(even) {

  	background-color: #dae69b;
}

.opportunities table.table-dafo caption {

	padding: 10px;
}

.survival{

	background-color: #ffe58d;
}

.survival img,.survival button{

    background-color: #635108;
}

.survival strong {

	background-color: #635108;
	color: #ffffff;
}

.survival table.table-dafo tbody tr,.survival b{

	background-color: #ffe58d;
}

.survival table.table-dafo tbody tr:nth-child(even) {

  	background-color: #ffeaa4;
}

.survival table.table-dafo caption {

	padding: 10px;
}

.adaptive{

    background-color: #98cf96;
}

.adaptive img,.adaptive button{

    background-color: #1c441b;
}

.adaptive strong {

	background-color: #1c441b;
	color: #ffffff;
}

.adaptive table.table-dafo tbody tr,.adaptive b{

	background-color: #98cf96;
}

.adaptive table.table-dafo tbody tr:nth-child(even) {

  	background-color: #add9ab;
}

.adaptive table.table-dafo caption {

	padding: 10px;
}

.defensive{

    background-color: #f9c993;
}

.defensive img,.defensive button{

    background-color: #613a0f;
}

.defensive strong {

	background-color: #613a0f;
	color: #ffffff;
}

.defensive table.table-dafo tbody tr,.defensive b{

	background-color: #f9c993;
}

.defensive table.table-dafo tbody tr:nth-child(even) {

  	background-color: #fad4a9;
}

.defensive table.table-dafo caption {

	padding: 10px;
}

.offensive{

	background-color: #f18ca0;
}

.offensive img,.offensive button{

    background-color: #5c1422;
}

.offensive strong{

	background-color: #5c1422;
	color: #ffffff;
}

.offensive table.table-dafo tbody tr,.offensive b{

	background-color: #f18ca0;
}

.offensive table.table-dafo tbody tr:nth-child(even) {

  	background-color: #f4a3b3;
}

.offensive table.table-dafo caption {

	padding: 10px;
}

div.all-strategies{

	border-radius: 4px;
	background-color: #f6f6f6;
}

div.all-strategies i{

	background-image: url(/imgs/technological/survival.png), url(/imgs/technological/adaptive.png), url(/imgs/technological/defensive.png), url(/imgs/technological/offensive.png);
	background-size: 17px,17px,17px,17px;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 9px 10px, 33px 9px, 9px 33px, 33px 33px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

div.all-strategies small{

	background-image: url(/imgs/technological/bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

i.survival{

    background-color:  #635108;
}

i.adaptive{

    background-color: #1c441b;
}

i.defensive{

    background-color: #613a0f;
}

i.offensive{

    background-color: #5c1422;
}

.dafo > div strong,.dafo > div b{

	display: block;
	padding: 25px 10px 25px 80px;
	color: #ffffff;
	font-size: 14px;
	position: relative;
	text-align: left;
}

.dafo > div b{

	color: #333333;
}

.dafo > div strong img,.dafo > div b img:not(.dafo-img){

	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	padding: 12px;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.dafo-img {

	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.dafo > div button{

	padding: 15px 30px;
	color: #fff;
	border: 0px;
	font-size: 1.2em;
	text-align: center;
	display: table;
	border-radius: 4px;
	border: 0px;
	outline: 0px;
	cursor: pointer;
}

.dafo-preview{

	width: 48px;
	height: 48px;
	display: block;
	background-image: url('/imgs/technological/preview.png');
	float: left;
}

.dafo-next{

	width: 48px;
	height: 48px;
	display: block;
	background-image: url('/imgs/technological/next.png');
	float: right;
}

/* MAP */.pro-map{

	width: 100%;
	position: relative;
	display: flex;
 	flex-flow: row wrap;
 }

.pro-map > div{

	display: flex;
	align-items: stretch;
	flex-direction: column;
	flex-grow: 1;
	width: 48%;
	margin: 1%;
	border-radius: 4px;
	box-sizing: border-box;
}

h2.pro-map-title{

	font-size: 1.25em;
	padding: 15px;
	border-bottom: 1px solid #d8d8d8;
	display: block;
}

.pro-map strong{

	display: block;
	padding: 15px;
	color: #333333;
	font-size: 14px;
	position: relative;
	text-align: left;
}

.pro-map > div strong button{

	padding: 5px 20px;
	color: #fff;
	background-color: transparent;
	text-align: center;
	display: table;
	float: right;
	border: 0px;
	outline: 0px;
	cursor: pointer;
}

 .requeriment-1 strong{

	background-color: #6aad55;
}

.requeriment-2 strong{

	background-color: #579cd1;
}

.requeriment-3 strong{

	background-color: #f37a3d;
}

.requeriment-4 strong{

	background-color: #a6a6a6;
}

.requeriment-5 strong{

	background-color: #e6e6e6;
}

.resource-1 strong{

	background-color: #67ae56;
}

.resource-2 strong{

	background-color: #5a9cd0;
}

.resource-3 strong{

	background-color: #ffc03f;
}

.resource-4 strong{

	background-color: #a6a6a6;
}

.resource-5 strong{

	background-color: #ef8041;
}

.map-table-header strong{

	background-color: #e7e6e6;
}

table.table-mapa{

	border-collapse: collapse;
	width: 100%;
}

.requeriment-1 table tbody tr{

	background-color: #e1efdb;
}

.requeriment-2 table tbody tr{

	background-color: #ddeaf5;
}

.requeriment-3 table tbody tr{

	background-color: #fce4d7;
}

.requeriment-4 table tbody tr{

	background-color: #eeeeee;
}

.requeriment-5 table tbody tr{

	background-color: #ffffff;
}

.resource-1 table tbody tr{

	background-color: #e1efdb;
}

.resource-2 table tbody tr{

	background-color: #e0eaf5;
}

.resource-3 table tbody tr{

	background-color: #fff2d1;
}

.resource-4 table tbody tr{

	background-color: #eeeeee;
}

.resource-5 table tbody tr{

	background-color: #fce4d7;
}

tr.P td:nth-child(4){

	width: 30px;
	text-align: center;
	background-color: #0071bb;
	color: #ffffff;
}

tr.H td:nth-child(4){

	width: 30px;
	text-align: center;
	background-color: #ff0017;
	color: #ffffff;
}

tr.V td:nth-child(4){

	width: 30px;
	text-align: center;
	background-color: #ffbf3f;
	color: #ffffff;
}

tr.A td:nth-child(4){

	width: 30px;
	text-align: center;
	background-color: #00b05c;
	color: #ffffff;
}

tr.P{

	background-color: #dbe2f2;
}

tr.H{

	background-color: #fce4d7;
}

tr.V{

	background-color: #fff2d1;
}

tr.A{

	background-color: #e1efdd;
}

tr.P span,tr.H span,tr.V span,tr.A span {

	display: block;
	padding: 4px;
	margin: 4px;
	text-align: left;
	position: relative;
}

table.table-mapa tbody td{

	padding: 10px;
	color: #73737B;
	text-align: left;
	border: 0px;
}

table.table-mapa tbody tr{

	border-bottom: 1px solid #ffffff;
}

td.icon-table,td.icon-table{

	width: 20px;
}

.icon{

	width: 20px;
	height: 20px;
	border-radius: 4px;
	display: inline-block;
	margin: 0px 2px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.edit,.editmod{

	background-image: url('/imgs/technological/edit.png');
}

.delete,.deletemod{

	background-image: url('/imgs/technological/delete.png');
}

.view{

	background-image: url('/imgs/technological/view.png');
}

.file{

	background-image: url('/imgs/technological/file.png');
}

.bar{

	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #333333;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.bar-float{

	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #333333;
	display: block;
	position: relative;
	overflow: hidden;
	position: absolute;
	top: 65%;
	right: 0%;
	transform: translateY(-50%);
}

.lvl-313{

	background-color: #ffffff;
}

/*.lvl-313:before{

	content: "";
	position: absolute;
	width: 20%;
	height: 100%;
	top: 0%;
	left: 0%;
	background-color: #269326;
}

*/.lvl-314{

	background-color: #ffffff;
}

.lvl-314:before{

	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	width: 10px;
	height: 10px;
	background-color: #333333;
	/*width: 40%;
	height: 100%;
	top: 0%;
	left: 0%;
	background-color: #c2ee26;
*/}

.lvl-315{

	background-color: #ffffff;
}

.lvl-315:before{

	content: "";
	position: absolute;
	width: 10px;
	height: 20px;
	background-color: #333333;
	top: 0%;
	right: 0%;
	/*width: 60%;
	height: 100%;
	top: 0%;
	left: 0%;
	background-color: #feb019;
*/}

.lvl-316{

	background-color: #333333;
}

.lvl-316:before{

	content: "";
	position: absolute;
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #ffff;
	top: 0%;
	left: 0%;
	/*width: 80%;
	height: 100%;
	top: 0%;
	left: 0%;
	background-color: #f96913;
*/}

.lvl-317{

	background-color: #333333;
}

/*.lvl-317:before{

	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	background-color: #d31e1d;
}

*/.filters-fast-btn{

	background-image: url('/imgs/viewdoc.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	width: 25px !important;
	height: 25px !important;
	background-color: var(--pri_color) !important;
	border-radius: 50% !important;
	display:block;
	margin-top: 5px;
}

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

	body	{

		padding-left: 0px;
	}

	.pw-menu	{

		left: -100%;
	}

	.left-bar-data	{

		display: none;
	}

	.right-bar-data	{

		float: right;
	}

	.app-menu	{

		display: initial;
	}

}

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

	.pw-container-data	{

		width: 100%;
	}

	.pw-container::before	{

		background-color: transparent;
	}

	.pw-container-menu	{

		position: fixed;
		top: 0%;
		right: -100%;
		background-color: #FFFFFF;
		height: 100%;
		overflow: auto;
		z-index: 9999;
	}

	.right-bar-data	{

		width: 255px;
	}

	.nav-bar li:last-child	{

		display: block;
	}

}

.button {

	background-color: var(--pri_color);
	border-radius: 4px;
	text-align: center;
	font-size: var(--font_size);
	color: #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
	outline: 0px;
	margin: 0.625em;
	border: 0px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	display: table;
	transition: 0.5s all;
	text-decoration: none;
}

.big-button {

	padding: 10px 20px;
}

.small-button {

	padding: 6px;
}

.services-focus-processes[href="/services/index/101"] img,.services-icon-processes[src="/imgs/services/S-P-005.png"]{

    background-color: #00bcea !important;
}

.services-focus-processes[href="/services/index/102"] img,.services-icon-processes[src="/imgs/services/S-P-006.png"]{

    background-color: #00bcea !important;
}

.services-focus-processes[href="/services/index/103"] img,.services-icon-processes[src="/imgs/services/S-P-007.png"]{

    background-color: #00bcea !important;
}

.services-focus-processes[href="/services/index/104"] img,.services-icon-processes[src="/imgs/services/S-P-008.png"]{

    background-color: #00bcea !important;
}

.services-focus-processes[href="/services/index/98"] img,.services-icon-processes[src="/imgs/services/S-P-002.png"]{

    background-color: #00bcea !important;
}

.services-focus-processes[href="/services/index/99"] img,.services-icon-processes[src="/imgs/services/S-P-003.png"]{

    background-color: #00bcea !important;
}

.services-focus-processes[href="/services/index/100"] img,.services-icon-processes[src="/imgs/services/S-P-004.png"]{

    background-color: #00bcea !important;
}

.select-form{

	outline: 0px;
	margin: 0.0625em;
	border: 1px solid #DFDFDF;
	box-sizing: border-box;
	background-color: #ffffff;
	font-size: var(--font_size);
	width: 65px;
	height: 25px;
	display: block;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.iframe-data {
	width: 100%;
	height: 500px;
	overflow: auto;
}

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

	.processes a	{

		width: 31.333333%;
	}

}

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

	.processes a	{

		width: 48%;
	}

}

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

}

.gender1,.gender2,.activity1,.activity2,.activity3 {
	width: 30px;
	height: 30px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
}

.activity1 {
	background-image: url('/imgs/technological/admin.png');
	margin: auto;
	display: table;
}

.activity2 {
	background-image: url('/imgs/technological/operative.png');
	margin: auto;
	display: table;
}

.activity3 {
	background-image: url('/imgs/technological/tecadmin.png');
	margin: auto;
	display: table;
}

.gender1 {
	background-image: url('/imgs/technological/men.png');
	margin: auto;
	display: table;
}

.gender2 {
	background-image: url('/imgs/technological/woman.png');
	margin: auto;
	display: table;
}

.min-label-icon {
	text-align: center;
	font-size:7px; 
	display:block;
}