@import url(./tipografias.css); 
@import url(./modules/pid.css); 
@import url(./modules/subadmin.css); 
@import url(./hcm/form_controls.css); 
@import url(./hcm/layout_utilities.css); 
@import url(./hcm/messages_progresbar.css); 
@import url(./modules/succession_plan.css); 
@import url(./modules/reportConfigurationLabels.css);

 body {
     font-family: Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif;
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     line-height: 1;
     color: #222222;
     position: relative;
     float: left;
     width: 100%;
     min-height: 100vh !important;
     overflow: hidden;
   	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 body.bg_body1 {
     min-height: 100vh !important;
}
 a img {
     border: none;
}
 p a, p a:visited {
     line-height: inherit;
}
 .right {
     float: right !important;
}
 :focus {
     outline-style: auto;
     outline-width: 0px;
     outline-color: -webkit-focus-ring-color;
}
 article:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     clear: both;
     height: 0;
}
 .text-left {
     text-align: left !important;
}
.text-right {
     text-align: right !important;
}
 .text-center {
     text-align: center !important;
}
 .hide {
     display: none;
}
 .hide-override {
     display: none !important;
}
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
     margin: 0;
     padding: 0;
     font-size: 14px;
     direction: ltr;
}
 p {
     font-family: inherit;
     font-weight: normal;
     font-size: 14px;
     line-height: 1.6;
     margin-bottom: 17px;
}
 p.lead {
     font-size: 17.5px;
     line-height: 1.6;
     margin-bottom: 17px;
}
 aside p {
     font-size: 13px;
     line-height: 1.35;
     font-style: italic;
}
 h1 {
     font-size: 44px;
}
 h2 {
     font-size: 37px;
}
 h3 {
     font-size: 27px;
}
 h4 {
     font-size: 23px;
}
 h5 {
     font-size: 17px;
}
 h6 {
     font-size: 14px;
}

#_hj_feedback_container {
	display: none;	
}

.whiteText {
	color: #FFF !important;
}
.lightGreyText {
	color: #a1a1a1 !important;
}
.darkText {
	color: #262F36 !important;
}
.bgLightGrey {
	background-color: #F0F0F0 !important;
}
.bgTransparent {
	background-color: transparent !important;
}
.w-15 {
	width: 15% !important;
	box-sizing: border-box;
}
.w-20 {
	width: 20% !important;
	box-sizing: border-box;
}
.w-25 {
	width: 25% !important;
	box-sizing: border-box;
}
.w-30 {
	width: 30% !important;
	box-sizing: border-box;
}
.w-35 {
	width: 35% !important;
	box-sizing: border-box;
}
.w-40 {
	width: 40% !important;
	box-sizing: border-box;
}
.w-45 {
	width: 45% !important;
	box-sizing: border-box;
}
.w-50 {
	width: 50% !important;
	box-sizing: border-box;
}
.w-55 {
	width: 55% !important;
	box-sizing: border-box;
}
.w-60 {
	width: 60% !important;
	box-sizing: border-box;
}
.w-65 {
	width: 65% !important;
	box-sizing: border-box;
}
.w-70 {
	width: 70% !important;
	box-sizing: border-box;
}
.w-75 {
	width: 75% !important;
	box-sizing: border-box;
}
.w-80 {
	width: 80% !important;
	box-sizing: border-box;
}
.w-85 {
	width: 85% !important;
	box-sizing: border-box;
}
.w-90 {
	width: 90% !important;
	box-sizing: border-box;
}
.w-95 {
	width: 95% !important;
	box-sizing: border-box;
}
.w-100 {
	width: 100% !important;
	float: left;
	box-sizing: border-box;
}

.h-100 {
	height: 100% !important;
}
.h-75 {
	height: 75% !important;
}
.h-50 {
	height: 50% !important;
}
.h-25 {
	height: 25% !important;
}
.h-auto {
	height: auto !important;
}

.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.mx-0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.mx-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.mx-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.mx-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.mx-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.mx-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.mx-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}
.mx-50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

.my-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.my-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.my-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.my-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.my-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.my-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.my-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.my-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.m-0 {
	margin: 0px !important;
}
.m-5{
    margin:5px !important;
}
.m-10{
    margin:10px !important;
}
.m-15{
    margin:15px !important;
}
.m-20{
    margin:20px !important;
}
.m-30{
    margin:30px !important;
}
.m-40{
    margin:40px !important;
}
.m-50{
    margin:50px !important;
}


.mt-0{
    margin-top:0px !important;
}
.mt-5{
    margin-top:5px !important;
}
.mt-10{
    margin-top:10px !important;
}
.mt-15{
    margin-top:15px !important;
}
.mt-20{
    margin-top:20px !important;
}
.mt-30{
    margin-top:30px !important;
}
.mt-35{
    margin-top:35px !important;
}
.mt-40{
    margin-top:40px !important;
}
.mt-50{
    margin-top:50px !important;
}

.mb-0{
    margin-bottom:0px !important;
}
.mb-5{
    margin-bottom:5px !important;
}
.mb-10{
    margin-bottom:10px !important;
}
.mb-15{
    margin-bottom:15px !important;
}
.mb-20{
    margin-bottom:20px !important;
}
.mb-30{
    margin-bottom:30px !important;
}
.mb-40{
    margin-bottom:40px !important;
}
.mb-50{
    margin-bottom:40px !important;
}


.ml-0{
    margin-left:0px !important;
}
.ml-5{
    margin-left:5px !important;
}
.ml-10{
    margin-left:10px !important;
}
.ml-15{
    margin-left:15px !important;
}
.ml-20{
    margin-left:20px !important;
}
.ml-30{
    margin-left:30px !important;
}
.ml-40{
    margin-left:40px !important;
}
.ml-50{
    margin-left:50px !important;
}


.mr-0{
    margin-right:0px !important;
}
.mr-5{
    margin-right:5px !important;
}
.mr-10{
    margin-right:10px !important;
}
.mr-15{
    margin-right:15px !important;
}
.mr-20{
    margin-right:20px !important;
}
.mr-30{
    margin-right:30px !important;
}
.mr-40{
    margin-right:40px !important;
}
.mr-50{
    margin-right:50px !important;
}


.px-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.px-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.px-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.px-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.px-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.px-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.px-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}
.px-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}
.py-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.py-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.py-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.py-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
} 
.py-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.py-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.py-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.py-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}

.p-0 {
	padding: 0px !important;
}
.p-5 {
	padding: 5px !important;
}
.p-10 {
	padding: 10px !important;
}
.p-15 {
	padding: 15px !important;
}
.p-20 {
	padding: 20px !important;
}
.p-30 {
	padding: 30px !important;
}
.p-40 {
	padding: 40px !important;
}
.p-50 {
	padding: 50px !important;
}
.p-60 {
	padding: 60px !important;
}

.pt-0{
	padding-top: 0px !important;
}
.pt-5{
	padding-top: 5px !important;
}
.pt-10{
	padding-top: 10px !important;
}
.pt-15{
	padding-top: 15px !important;
}
.pt-20{
	padding-top: 20px !important;
}
.pt-30{
	padding-top: 30px !important;
}
.pt-40{
	padding-top: 40px !important;
}
.pt-50{
	padding-top: 50px !important;
}
.pt-60{
	padding-top: 60px !important;
}

.pb-0{
	padding-bottom: 0px !important;
}
.pb-5{
	padding-bottom: 5px !important;
}
.pb-10{
	padding-bottom: 10px !important;
}
.pb-15{
	padding-bottom: 15px !important;
}
.pb-20{
	padding-bottom: 20px !important;
}
.pb-30{
	padding-bottom: 30px !important;
}
.pb-40{
	padding-bottom: 40px !important;
}
.pb-50{
	padding-bottom: 50px !important;
}
.pb-60{
	padding-bottom: 60px !important;
}

.pl-0{
	padding-left: 0px !important;
}
.pl-5{
	padding-left: 5px !important;
}
.pl-10{
	padding-left: 10px !important;
}
.pl-15{
	padding-left: 15px !important;
}
.pl-20{
	padding-left: 20px !important;
}
.pl-30{
	padding-left: 30px !important;
}
.pl-40{
	padding-left: 40px !important;
}
.pl-50{
	padding-left: 50px !important;
}
.pl-60{
	padding-left: 60px !important;
}

.pr-0 {
	padding-right: 0px !important;
}
.pr-5 {
	padding-right: 5px !important;
}
.pr-10 {
	padding-right: 10px !important;
}
.pr-15 {
	padding-right: 15px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.pr-30 {
	padding-right: 30px !important;
}
.pr-40 {
	padding-right: 40px !important;
}
.pr-50 {
	padding-right: 50px !important;
}
.pr-60 {
	padding-right: 60px !important;
}


 hr {
     border: solid #dddddd;
     border-width: 1px 0 0;
     clear: both;
     margin: 22px 0 21px;
     height: 0;
}
 em, i {
     font-style: italic;
     line-height: inherit;
}
 strong, b {
     font-weight: bold;
     line-height: inherit;
}
 small {
     font-size: 60%;
     line-height: inherit;
}
 ul, ol, dl {
     font-size: 14px;
     line-height: 1.6;
     margin-bottom: 17px;
     list-style-position: outside;
}
 ul li ul, ul li ol {
     margin-left: 20px;
     margin-bottom: 0;
}
 ul.square, ul.circle, ul.disc {
     margin-left: 17px;
}
 ul.square {
     list-style-type: square;
}
 ul.square li ul {
     list-style: inherit;
}
 ul.circle {
     list-style-type: circle;
}
 ul.circle li ul {
     list-style: inherit;
}
 ul.disc {
     list-style-type: disc;
}
 ul.disc li ul {
     list-style: inherit;
}
 ul.no-bullet {
     list-style: none;
}
 ul.large li {
     line-height: 21px;
}
 ol {
     margin-left: 20px;
}
 ol li ul, ol li ol {
     margin-left: 20px;
     margin-bottom: 0;
}
 .login_0 .login_cont .login_inner {
     background: white;
     width: 360px;     
     padding: 32px 28px 32px 28px; 
     border-radius: 5px;
     box-shadow: 0px 10px 15px #333, 0px -10px 15px #333;
}

 .print-only {
     display: none !important;
}
 form {
     margin: 0;
}
 .row form .row {
     margin: 0 -6px;
}
 .row form .row .column, .row form .row .columns {
     padding: 0 6px;
}
 .row form .row.collapse {
     margin: 0;
}
 .row form .row.collapse .column, .row form .row.collapse .columns {
     padding: 0;
}
 .prefix, .postfix {
     display: block;
     position: relative;
     z-index: 2;
     text-align: center;
     width: 100%;
     padding-top: 0;
     padding-bottom: 0;
     height: 32px;
     line-height: 31px;
}
 a.button.prefix, a.button.postfix {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}
 html, body {
     max-width: 100%;
     overflow-x: hidden;
}
 input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea {
     background-color: white;
     font-family: inherit;
     border: 1px solid #cccccc;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px;
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     color: rgba(0, 0, 0, 0.75);
     display: block;
     font-size: 14px;
     margin: 0 0 12px 0;
     padding: 6px;
     height: 32px;
     width: 100%;
     -webkit-transition: all 0.15s linear;
     -moz-transition: all 0.15s linear;
     -o-transition: all 0.15s linear;
     transition: all 0.15s linear;
}
.limitCon textarea {
	max-height: 35px;
}
.limitCon .customLimitPosition {
	position: relative;
	margin-right: -10px;
}
 input.oversize, textarea.oversize {
     font-size: 17px;
     padding: 4px 6px;
}
 input:focus, textarea:focus {
     background: #fafafa;
     border-color: #b3b3b3;
}
 textarea {
     height: auto;
}
/* Estilos para redimensionar Textarea e insertar saltos de lineas. */
.generalResizeTxtareaWrapper textarea {
	height: 32px; 
	min-height: 32px; 
	max-height: 100px;
	transition: all ease-in-out 0.35s;
}
.hiddenTxtArea {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-height: 45px;
    font-size: 14px;
    overflow: hidden;
    padding: 6px;
    overflow: hidden;
}
 select {
     width: 100%;
}
 fieldset {
     border: solid 1px #dddddd;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
     padding: 12px;
     margin: 18px 0;
}
 fieldset legend {
     font-weight: bold;
     background: white;
     padding: 0 3px;
     margin: 0;
     margin-left: -3px;
}
 .error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
     border-color: #c60f13;
     background-color: rgba(198, 15, 19, 0.1);
}
 .error label, label.error {
     color: #c60f13;
}
 .error span, span.error {
     color: #c60f13;
}
 .error small, small.error {
     display: block;
     padding: 6px 4px;
     margin-top: -13px;
     margin-bottom: 12px;
     background: #c60f13;
     color: #fff;
     font-size: 12px;
     font-weight: bold;
     -moz-border-radius-bottomleft: 2px;
     -webkit-border-bottom-left-radius: 2px;
     border-bottom-left-radius: 2px;
     -moz-border-radius-bottomright: 2px;
     -webkit-border-bottom-right-radius: 2px;
     border-bottom-right-radius: 2px;
}
 form.custom span.custom {
     display: inline-block;
     width: 16px;
     height: 16px;
     position: relative;
     top: 2px;
     border: solid 1px #cccccc;
     background: white;
}
 form.custom span.custom.radio {
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     border-radius: 100px;
}
 form.custom div.custom.dropdown {
     display: block;
     position: relative;
     width: auto;
     height: 28px;
     margin-bottom: 9px;
     margin-top: 2px;
}
 form.custom div.custom.dropdown ul {
     overflow-y: auto;
     max-height: 200px;
}
 form.custom div.custom.dropdown a.current {
     display: block;
     width: auto;
     line-height: 26px;
     min-height: 28px;
     padding: 0;
     padding-left: 6px;
     padding-right: 38px;
     border: solid 1px #dddddd;
     color: white !important;
     white-space: nowrap;
     font-size: 9px !important;
}
 form.custom div.custom.dropdown a.current2 {
     display: block;
     width: auto;
     line-height: 26px;
     min-height: 28px;
     padding: 0;
     padding-left: 6px;
     padding-right: 38px;
     border: solid 1px #dddddd;
     color: black !important;
     white-space: nowrap;
     font-size: 11px !important;
     font-weight: 500;
     text-transform: capitalize !important;
}
 form.custom div.custom.dropdown a.current2 {
     display: block;
     width: auto;
     line-height: 26px;
     min-height: 28px;
     padding: 0;
     padding-left: 6px;
     padding-right: 38px;
     border: solid 1px #dddddd;
     color: black !important;
     white-space: nowrap;
     font-size: 11px !important;
     font-weight: 500;
}
 form.custom div.custom.dropdown a.selector {
     position: absolute;
     width: 27px;
     height: 28px;
     display: block;
     right: 0;
     top: 0;
     border: solid 1px #dddddd;
}
 form.custom div.custom.dropdown.open ul {
     display: block;
     z-index: 10;
}
 form.custom div.custom.dropdown.small {
     width: 134px !important;
}
 form.custom div.custom.dropdown.medium {
     width: 254px !important;
}
 form.custom div.custom.dropdown.large {
     width: 434px !important;
}
 form.custom div.custom.dropdown.expand {
     width: 100% !important;
}
 form.custom div.custom.dropdown.open.small ul {
     width: 134px !important;
}
 form.custom div.custom.dropdown.open.medium ul {
     width: 254px !important;
}
 form.custom div.custom.dropdown.open.large ul {
     width: 434px !important;
}
 form.custom div.custom.dropdown.open.expand ul {
     width: 100% !important;
}
 form.custom div.custom.dropdown ul {
     position: absolute;
     width: auto;
     display: none;
     margin: 0;
     left: 0;
     top: 27px;
     margin: 0;
     padding: 0;
     background: white;
     background: rgba(255, 255, 255, 0.95);
     border: solid 1px #cccccc;
}
 form.custom div.custom.dropdown ul li {
     color: #555555;
     font-size: 13px;
     cursor: pointer;
     padding: 3px;
     padding-left: 6px;
     padding-right: 38px;
     min-height: 18px;
     line-height: 18px;
     margin: 0;
     white-space: nowrap;
     list-style: none;
}
 form.custom div.custom.dropdown ul li.selected:hover:after {
     color: black;
}
 form.custom div.custom.dropdown ul.show {
     display: block;
}
 form.custom .custom.disabled {
     background-color: #dddddd;
}
 .lt-ie9 form.custom div.custom.dropdown a.selector {
     height: 28px;
}
 .row {
     width: 960px;
     max-width: 100%;
     min-width: 768px;
     margin: 0 auto;
}
 .row .row {
     width: auto;
     max-width: none;
     min-width: 0;
     margin: 0 0px;
}
 .row.collapse .column, .row.collapse .columns {
     padding: 0;
}
 .row .row {
     width: auto;
     max-width: none;
     min-width: 0;
     margin: 0 0px;
}
 .row .row.collapse {
     margin: 0;
}
 .column, .columns {
     float: left;
     min-height: 1px;
     padding: 0 0px;
     position: relative;
}
 .column.centered, .columns.centered {
     float: none;
     margin: 0 auto;
     clear: both;
}
 [class*=column]+[class*=column]:last-child {
}
 [class*=column]+[class*=column].end {
     float: left;
}

 .one, .row .one {
     width: 4.16667% !important;
}
 .two, .row .two {
     width: 8.33333% !important;
}
 .three, .row .three {
     width: 12.5% !important;
}
 .four, .row .four {
     width: 16.66667% !important;
}
 .five, .row .five {
     width: 20.83333% !important;
}
 .six, .row .six {
     width: 25% !important;
}
 .seven, .row .seven {
     width: 29.16667% !important;
}
 .eight, .row .eight {
     width: 33.33333% !important;
}
 .nine, .row .nine {
     width: 37.5% !important;
}
 .ten, .row .ten {
     width: 41.66667% !important;
}
 .eleven, .row .eleven {
     width: 45.83333% !important;
}
 .twelve, .row .twelve {
     width: 50% !important;
}
 .thirteen, .row .thirteen {
     width: 54.16667% !important;
}
 .fourteen, .row .fourteen {
     width: 58.33333% !important;
}
 .fifteen, .row .fifteen {
     width: 62.5% !important;
}
 .sixteen, .row .sixteen {
     width: 66.66667% !important;
}
 .seventeen, .row .seventeen {
     width: 70.83333% !important;
}
 .eighteen, .row .eighteen {
     width: 75% !important;
}
 .nineteen, .row .nineteen {
     width: 79.16667% !important;
}
 .twenty, .row .twenty {
     width: 83.33333% !important;
}
 .twentyone, .row .twentyone {
     width: 87.5% !important;
}
 .twentytwo, .row .twentytwo {
     width: 91.66667% !important;
}
 .twentythree, .row .twentythree {
     width: 95.83333% !important;
}
 .twentyfour, .row .twentyfour {
     width: 100% !important;
     position: relative;
}
 .row .offset-by-one {
     margin-left: 4.16667%;
}
 .row .offset-by-two {
     margin-left: 8.33333%;
}
 .row .offset-by-three {
     margin-left: 12.5%;
}
 .row .offset-by-four {
     margin-left: 16.66667%;
}
 .row .offset-by-five {
     margin-left: 20.83333%;
}
 .row .offset-by-six {
     margin-left: 25%;
}
 .row .offset-by-seven {
     margin-left: 29.16667%;
}
 .row .offset-by-eight {
     margin-left: 33.33333%;
}
 .row .offset-by-nine {
     margin-left: 37.5%;
}
 .row .offset-by-ten {
     margin-left: 41.66667%;
}
 .row .offset-by-eleven {
     margin-left: 45.83333%;
}
 .row .offset-by-twelve {
     margin-left: 50%;
}
 .row .offset-by-thirteen {
     margin-left: 54.16667%;
}
 .row .offset-by-fourteen {
     margin-left: 58.33333%;
}
 .row .offset-by-fifteen {
     margin-left: 62.5%;
}
 .row .offset-by-sixteen {
     margin-left: 66.66667%;
}
 .row .offset-by-seventeen {
     margin-left: 70.83333%;
}
 .row .offset-by-eighteen {
     margin-left: 75%;
}
 .row .offset-by-nineteen {
     margin-left: 79.16667%;
}
 .row .offset-by-twenty {
     margin-left: 83.33333%;
}
 .row .offset-by-twentyone {
     margin-left: 87.5%;
}
 .row .offset-by-twentytwo {
     margin-left: 91.66667%;
}
 .push-two {
     left: 8.33333%;
}
 .pull-two {
     right: 8.33333%;
}
 .push-three {
     left: 12.5%;
}
 .pull-three {
     right: 12.5%;
}
 .push-four {
     left: 16.66667%;
}
 .pull-four {
     right: 16.66667%;
}
 .push-five {
     left: 20.83333%;
}
 .pull-five {
     right: 20.83333%;
}
 .push-six {
     left: 25%;
}
 .pull-six {
     right: 25%;
}
 .push-seven {
     left: 29.16667%;
}
 .pull-seven {
     right: 29.16667%;
}
 .push-eight {
     left: 33.33333%;
}
 .pull-eight {
     right: 33.33333%;
}
 .push-nine {
     left: 37.5%;
}
 .pull-nine {
     right: 37.5%;
}
 .push-ten {
     left: 41.66667%;
}
 .pull-ten {
     right: 41.66667%;
}
 .push-eleven {
     left: 45.83333%;
}
 .pull-eleven {
     right: 45.83333%;
}
 .push-twelve {
     left: 50%;
}
 .pull-twelve {
     right: 50%;
}
 .push-thirteen {
     left: 54.16667%;
}
 .pull-thirteen {
     right: 54.16667%;
}
 .push-fourteen {
     left: 58.33333%;
}
 .pull-fourteen {
     right: 58.33333%;
}
 .push-fifteen {
     left: 62.5%;
}
 .pull-fifteen {
     right: 62.5%;
}
 .push-sixteen {
     left: 66.66667%;
}
 .pull-sixteen {
     right: 66.66667%;
}
 .push-seventeen {
     left: 70.83333%;
}
 .pull-seventeen {
     right: 70.83333%;
}
 .push-eighteen {
     left: 75%;
}
 .pull-eighteen {
     right: 75%;
}
 .push-nineteen {
     left: 79.16667%;
}
 .pull-nineteen {
     right: 79.16667%;
}
 .push-twenty {
     left: 83.33333%;
}
 .pull-twenty {
     right: 83.33333%;
}
 .push-twentyone {
     left: 87.5%;
}
 .pull-twentyone {
     right: 87.5%;
}
 .push-twentytwo {
     left: 91.66667%;
}
 .pull-twentytwo {
     right: 91.66667%;
}
 img {
     height: auto;
}
 img, object, embed {
     max-width: 100%;
}
 img {
     -ms-interpolation-mode: bicubic;
}
 #map_canvas img, .map_canvas img {
     max-width: none !important;
}
 .row:before, .row:after {
     display: table;
}
 .row:after {
     clear: both;
}
 .block-grid {
     display: block;
     overflow: hidden;
     padding: 0;
}
 .block-grid>li {
     display: block;
     height: auto;
     float: left;
}
 .block-grid.one-up {
     margin: 0;
}
 .block-grid.one-up>li {
     width: 100%;
     padding: 0 0 15px;
}
 .block-grid.two-up {
     margin: 0 -15px;
}
 .block-grid.two-up>li {
     width: 50%;
     padding: 0 15px 15px;
}
 .block-grid.two-up>li:nth-child(2n+1) {
     clear: both;
}
 .block-grid.three-up {
     margin: 0 -12px;
}
 .block-grid.three-up>li {
     width: 33.33333%;
     padding: 0 12px 12px;
}
 .block-grid.three-up>li:nth-child(3n+1) {
     clear: both;
}
 .block-grid.four-up {
     margin: 0 -10px;
}
 .block-grid.four-up>li {
     width: 25%;
     padding: 0 10px 10px;
}
 .block-grid.four-up>li:nth-child(4n+1) {
     clear: both;
}
 .block-grid.five-up {
     margin: 0 -8px;
}
 .block-grid.five-up>li {
     width: 20%;
     padding: 0 8px 8px;
}
 .block-grid.five-up>li:nth-child(5n+1) {
     clear: both;
}
 .block-grid.six-up {
     margin: 0 -8px;
}
 .block-grid.six-up>li {
     width: 16.66667%;
     padding: 0 8px 8px;
}
 .block-grid.six-up>li:nth-child(6n+1) {
     clear: both;
}
 .block-grid.seven-up {
     margin: 0 -8px;
}
 .block-grid.seven-up>li {
     width: 14.28571%;
     padding: 0 8px 8px;
}
 .block-grid.seven-up>li:nth-child(7n+1) {
     clear: both;
}
 .block-grid.eight-up {
     margin: 0 -8px;
}
 .block-grid.eight-up>li {
     width: 12.5%;
     padding: 0 8px 8px;
}
 .block-grid.eight-up>li:nth-child(8n+1) {
     clear: both;
}
 .block-grid.nine-up {
     margin: 0 -8px;
}
 .block-grid.nine-up>li {
     width: 11.11111%;
     padding: 0 8px 8px;
}
 .block-grid.nine-up>li:nth-child(9n+1) {
     clear: both;
}
 .block-grid.ten-up {
     margin: 0 -8px;
}
 .block-grid.ten-up>li {
     width: 10%;
     padding: 0 8px 8px;
}
 .block-grid.ten-up>li:nth-child(10n+1) {
     clear: both;
}
 .block-grid.eleven-up {
     margin: 0 -8px;
}
 .block-grid.eleven-up>li {
     width: 9.09091%;
     padding: 0 8px 8px;
}
 .block-grid.eleven-up>li:nth-child(11n+1) {
     clear: both;
}
 .block-grid.twelve-up {
     margin: 0 -8px;
}
 .block-grid.twelve-up>li {
     width: 8.33333%;
     padding: 0 8px 8px;
}
 .block-grid.twelve-up>li:nth-child(12n+1) {
     clear: both;
}
 .button.large {
     font-size: 17px;
     padding: 15px 30px 16px;
}
 .button.medium {
     font-size: 14px;
}
 .button.small {
     font-size: 11px;
     padding: 7px 14px 8px;
}
 .button.tiny {
     font-size: 10px;
     padding: 5px 10px 6px;
}
 .button.expand {
     width: 100%;
     text-align: center;
}
 .button.success {
     background-color: #5da423;
     border: 1px solid #396516;
}
 .button.success:hover, .button.success:focus {
     background-color: #457a1a;
}
 .button.alert {
     background-color: #c60f13;
     border: 1px solid #7f0a0c;
}
 .button.alert:hover, .button.alert:focus {
     background-color: #970b0e;
}
 .button.secondary {
     background-color: #e9e9e9;
     color: #1d1d1d;
     border: 1px solid #c3c3c3;
}
 .button.secondary:hover, .button.secondary:focus {
     background-color: #d0d0d0;
}
 .button.radius {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
}
 .button.round {
     -webkit-border-radius: 1000px;
     -moz-border-radius: 1000px;
     -ms-border-radius: 1000px;
     -o-border-radius: 1000px;
     border-radius: 1000px;
}
 .button.full-width {
     width: 100%;
     text-align: center;
     padding-left: 0px !important;
     padding-right: 0px !important;
}
 .button.left-align {
     text-align: left;
     text-indent: 12px;
}
 .button.disabled.success, .button[disabled].success {
     background-color: #5da423;
}
 .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
     background-color: #5da423;
     outline: none;
}
 .button.disabled.alert, .button[disabled].alert {
     background-color: #c60f13;
}
 .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
     background-color: #c60f13;
     outline: none;
}
 .button.disabled.secondary, .button[disabled].secondary {
     background-color: #e9e9e9;
}
 .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
     background-color: #e9e9e9;
     outline: none;
}
 input[type=submit].button, button.button {
     -webkit-appearance: none;
}
 .button.dropdown {
     position: relative;
     padding-right: 44px;
}
 .button.dropdown.large {
     padding-right: 60px;
}
 .button.dropdown.small {
     padding-right: 28px;
}
 .button.dropdown.tiny {
     padding-right: 20px;
}
 .button.dropdown>ul {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     display: none;
     position: absolute;
     left: -1px;
     background: #fff;
     background: rgba(255, 255, 255, 0.95);
     list-style: none;
     margin: 0;
     padding: 0;
     border: 1px solid #cccccc;
     border-top: none;
     min-width: 100%;
     z-index: 40;
}
 .button.dropdown>ul li {
     width: 100%;
     cursor: pointer;
     padding: 0;
     min-height: 18px;
     line-height: 18px;
     margin: 0;
     white-space: nowrap;
     list-style: none;
}
 .button.dropdown>ul li a, .button.dropdown>ul li button {
     display: block;
     color: #555;
     font-size: 13px;
     font-weight: normal;
     padding: 6px 14px;
     text-align: left;
}
 .button.dropdown>ul li button {
     width: 100%;
     border: inherit;
     background: inherit;
     font-family: inherit;
     margin: inherit;
     -webkit-font-smoothing: antialiased;
}
 .button.dropdown>ul li:hover, .button.dropdown>ul li:focus {
     background-color: #e3f4f9;
     color: #222;
}
 .button.dropdown>ul li.divider {
     min-height: 0;
     padding: 0;
     height: 1px;
     margin: 4px 0;
     background: #ededed;
}
 .button.dropdown.up>ul {
     border-top: 1px solid #cccccc;
     border-bottom: none;
}
 .button.dropdown ul.no-hover.show-dropdown {
     display: block !important;
}
 .button.dropdown:hover>ul.no-hover {
     display: none;
}
 .button.dropdown.split {
     padding: 0;
     position: relative;
}
 .button.dropdown.split:after {
     display: none;
}
 .button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus {
     background-color: #c60f13;
}
 .button.dropdown.split.success:hover, .button.dropdown.split.success:focus {
     background-color: #5da423;
}
 .button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus {
     background-color: #e9e9e9;
}
 .button.dropdown.split>a {
     color: white;
     display: block;
     padding: 10px 50px 11px 20px;
     padding-left: 20px;
     padding-right: 50px;
     -webkit-transition: background-color 0.15s ease-in-out;
     -moz-transition: background-color 0.15s ease-in-out;
     -o-transition: background-color 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out;
}
 .ui-growl {
     left: 50%;
     margin-left: -450px;
     margin-top: -30px;
     max-height: 60px;
     position: fixed;
     top: 100px;
     width: 900px;
     z-indez: 2000;
}
 #growlError_container .ui-growl-item-container {
     position: relative;
}
 #growlError_container .ui-growl-item {
     border: solid 3px #e74c3c;
     background-color: #fceceb;
     border-radius: 4px 4px 4px 4px;
     display: block;
     float: left;
     line-height: 150%;
     margin-bottom: 40px;
     padding: 15px;
     width: 900px;
}
 #growlError_container .ui-growl-icon-close {
     background: url("../images/ico_error_2.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
     cursor: pointer;
     position: absolute;
     right: 3px;
     top: 5px;
     display: none !important;
}
 #growlError_container .ui-growl-message {
     float: left;
     padding: 0 0 5px;
}
 #growlError_container .ui-growl-image {
     background-image: url("../images/flex/icones/error_blanco.svg") !important;
     background-size: 35px;
     display: block;
     float: left;
     height: 50px;
     margin: 0;
     padding: 0;
     width: 50px;
     border-radius: 50%;
     background-repeat: no-repeat;
     background-position: center;
     background-color: #e74c3c;
}
 #growlError_container .ui-growl-title {
     color: #e74c3c;
     display: block;
     font-size: 18px !important;
     font-weight: 600;
     line-height: 22px;
     padding: 0 0 0 10px;
     padding-left: 20px 
}
 #growlError_container .ui-growl-item p {
     color: black;
     font-size: 12px;
     margin: 0;
     padding: 0 0 0 10px;
     padding-left: 20px !important;
     margin-top: 5px !important;
}
 #growlInfo_container .ui-growl-item-container {
     position: relative;
}
 #growlInfo_container .ui-growl-item {
     border: 3px solid #1abc8f;
     background-color: #cff2ed;
     border-radius: 4px 4px 4px 4px;
     display: block;
     float: left;
     line-height: 150%;
     margin-bottom: 40px;
     padding: 15px;
     width: 900px;
}
 #growlInfo_container .ui-growl-item p {
     color: black;
     font-size: 12px;
     margin: 0;
     padding: 0 0 0 10px;
     padding-left: 20px !important;
     margin-top: 5px !important;
}
 #growlInfo_container .ui-growl-icon-close {
     background: url("../images/ico_cerrar_alerta3.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
     cursor: pointer;
     position: absolute;
     right: 3px;
     top: 5px;
     display: none !important;
}
 #growlInfo_container .ui-growl-title {
     color: #14906d;
     display: block;
     font-size: 18px !important;
     font-weight: 600;
     line-height: 22px;
     padding: 0 0 0 10px;
     padding-left: 20px;
}
 #growlInfo_container .ui-growl-image {
     background-image: url("../images/flex/icones/check_sel.svg") !important;
     background-size: 35px;
     display: block;
     float: left;
     height: 50px;
     margin: 0;
     padding: 0;
     width: 50px;
     border-radius: 50%;
     background-repeat: no-repeat;
     background-position: center;
     background-color: #1abc8f;
}
 #growlInfo_container .ui-growl-message {
     float: left;
     padding: 0 0 5px;
}
 #growlFatal_container .ui-growl-item-container {
     position: relative;
}
 #growlFatal_container .ui-growl-item {
     background: url("../images/bg_alerta3.png") repeat-x scroll left bottom rgb(214, 239, 247);
     border: 1px solid rgb(255, 255, 255);
     border-radius: 4px 4px 4px 4px;
     box-shadow: 0 2px 5px rgb(242, 242, 242);
     display: block;
     float: left;
     height: 136px;
     line-height: 28px;
     margin-bottom: 40px;
     padding: 15px;
     width: 355px;
}
 #growlFatal_container .ui-growl-icon-close {
     background: url("../images/ico_cerrar_alerta3.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
     cursor: pointer;
     position: absolute;
     right: 3px;
     top: 5px;
}
 #growlFatal_container .ui-growl-title {
     color: rgb(57, 119, 150);
     display: block;
     font-family: OpenSansBold !important;
     font-size: 18px !important;
     font-weight: normal;
     line-height: 22px;
     padding: 0 0 0 10px;
}
 #growlFatal_container .ui-growl-image {
     background: url("../images/left_arrow.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
     display: block;
     float: left;
     height: 35px;
     margin: 0;
     padding: 0;
     width: 35px;
}
 #growlFatal_container .ui-growl-message {
     float: left;
     padding: 0 0 5px;
}
 #growlWarn_container .ui-growl-item-container {
     position: relative;
}
 #growlWarn_container .ui-growl-item {
     border: 3px solid #f1c40f;
     background-color: #fdf8e0;
     border-radius: 4px 4px 4px 4px;
     display: block;
     float: left;
     line-height: 150%;
     margin-bottom: 40px;
     padding: 15px;
     width: 900px;
}
 #growlWarn_container .ui-growl-item p {
     color: black;
     font-size: 12px;
     margin: 0;
     padding: 0 0 0 10px;
     padding-left: 20px !important;
     margin-top: 5px !important;
}
 #growlWarn_container .ui-growl-icon-close {
     background: url("../images/ico_cerrar_alerta1.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
     cursor: pointer;
     position: absolute;
     right: 3px;
     top: 5px;
     display: none !important;
}
 #growlWarn_container .ui-growl-title {
     color: #f1b10f;
     display: block;
     font-size: 18px !important;
     font-weight: 600;
     line-height: 22px;
     padding: 0 0 0 10px;
     padding-left: 20px;
}
 #growlWarn_container .ui-growl-image {
     background-image: url("../images/flex/icones/alert_blanco2.svg") !important;
     background-size:35px;
     display: block;
     float: left;
     height: 50px;
     margin: 0;
     padding: 0;
     width: 50px;
     border-radius: 50%;
     background-repeat: no-repeat;
     background-position: center 8px;
     background-color: #f1c40f;
}
 #growlWarn_container .ui-growl-message {
     float: left;
     padding: 0 0 5px;
     width: 90%;
}
 header {
     min-height: 75px;
}
 .ui-selectonemenu {
     display: block;
	 width: 100% !important;
}
.ui-selectonemenu.ui-state-disabled{
	background-color: #f1f1f1;
}
.extrafield_date_calendar .ui-state-disabled{
	background-color: #f1f1f1;
}
 .ui-selectonemenu2 {
     display: block;
}
.ui-selectonemenu2 .ui-selectonemenu-trigger {
	border: none;
}
.ui-selectonemenu2 .ui-selectonemenu-trigger:after {
    border: none;
    content: '';
	background: url('../images/down-arrow.svg') no-repeat center center;
    background-size: 1em auto, 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-32%);
}
 .ui-helper-hidden-accessible {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
}
 .ui-selectonemenu-panel {
     display: none;
     height: auto;
     position: absolute;
}
 .ui-selectonemenu-label {
     display: none;
}
 .ui-slider-horizontal {
     background: none repeat scroll 0 0 rgb(245, 245, 245);
     border: 1px solid rgb(204, 204, 204);
     border-radius: 2px 2px 2px 2px;
     box-shadow: 0 1px 2px rgb(204, 204, 204) inset !important;
     float: left;
     height: 14px;
     margin: 20px 0 20px 30px;
     position: relative;
     width: 190px;
}
 .ui-slider-handle {
     background: url("../images/slider1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     color: rgb(51, 204, 204);
     font-family: OpenSansBold, verdana;
     font-size: 18px;
     height: 48px;
     left: 50px;
     margin-left: -38px;
     padding-top: 7px;
     position: absolute;
     text-align: center;
     top: -16px;
     width: 75px;
}
 .ui-overlay-hidden {
     visibility: hidden;
}
 .ui-overlay-visible {
     visibility: visible;
}
 .ui-message-error {
     display: block;
}
 .ui-state-error {
     border: 1px solid rgb(227, 15, 0);
     position: relative;
}
 tr.ui-state-error {
     border: 0 !important;
     padding: 0 !important;
}
 tr.ui-state-error td {
     color: rgb(227, 15, 0) !important;
     padding-top: 0 !important;
     height: 60px !important;
}
 tr.ui-state-error td.error {
     padding-left: 30px !important;
     width: 350px !important;
     text-align: left !important;
}
 .ui-button {
     cursor: pointer;
     display: inline-block;
     padding: 0;
     position: relative;
     text-align: center;
     text-decoration: none !important;
}
 .fileupload-buttonbar .ui-button input {
     cursor: pointer !important;
     height: 25px !important;
     margin: 0;
     opacity: 0;
     position: absolute !important;
     right: 0 !important;
     top: 0;
     width: 250px !important;
     z-index: 5000;
}
 .ui-widget-overlay {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 1003;
}
 .ui-widget-overlay {
     background: url("/showcase/javax.faces.resource/images/ui-bg_flat_0_2d5972_40x100.png.jsf?ln=primefaces-aristo") repeat-x scroll 50% 50% rgb(0, 0, 0);
     opacity: 0.45;
}
 [id*=save_response_simulation].ui-widget-overlay {
     position: fixed;
}
 .login_0 .alerta1 {
     position: absolute;
     right: 100px;
     top: 50px;
     width: 400px;
}
 .table2 td a {
     color: rgb(0, 102, 153);
     float: left;
     font-family: OpenSansBold, verdana;
     font-size: 12px;
     height: 28px;
     left: 0;
     padding: 5px 10px;
     position: absolute;
     top: 0;
     width: 100%;
}
 .grafica_dashboard {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
 .dato_grafica1 {
     font-size: 30px;
     left: 80px !important;
     position: absolute;
     text-align: center;
     top: 80px !important;
     width: 60px;
}
 .ui-message-info {
     background: url("../images/flecha_verde.png") no-repeat scroll right top rgba(0, 0, 0, 0);
     float: right;
     padding-top: 5px;
     width: 100%;
}
 .ui-message-info-detail {
     background: none repeat scroll 0 0 rgb(51, 204, 204);
     border-radius: 5px 5px 5px 5px;
     color: rgb(255, 255, 255);
     float: right;
     font-family: OpenSansBold, arial;
     font-size: 12px;
     margin: 0 0 5px;
     padding: 10px;
     width: 100%;
}
 .animated .ui-progressbar-value {
     background: url("../images/ie-anim.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;
     height: 12px;
}
 .ui-progressbar .ui-progressbar-value {
     display: block !important;
     height: 100%;
     margin: -1px;
     position: absolute;
     width: 0;
}
 .fileupload-content .ui-progressbar-value {
     background: url("../images/ie-anim.gif.jsf.gif?ln=primefaces") repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;
}
 .fileupload-content .ui-progressbar {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border: 1px solid rgb(204, 204, 204);
     border-radius: 3px 3px 3px 3px;
     height: 12px;
     width: 200px;
}
 .ui-progressbar {
     height: 12px;
     position: relative;
     text-align: left;
}
 .formulario_inner .ui-message-info {
     background: url("../images/flecha_verde.png") no-repeat scroll right top rgba(0, 0, 0, 0);
     float: right;
     margin-right: 40px;
     padding-top: 5px;
     width: 240px !important;
}
 .grey_box input {
     text-transform: uppercase;
}
 .ui-progressbar .ui-progressbar-label {
     display: none;
     font-weight: bold;
     height: 100%;
     position: absolute;
     text-align: center;
     width: 100%;
}
 .radio_1 .ui-corner-all {
     border-radius: 3px 3px 3px 3px;
}
 .radio_1 .ui-state-default, .radio_1 .ui-widget-content .ui-state-default, .radio_1 .ui-widget-header .ui-state-default {
     background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 rgb(196, 196, 196);
     border: 1px solid rgb(168, 168, 168);
     color: rgb(79, 79, 79);
     font-weight: bold;
}
 .radio_1 .ui-helper-hidden-accessible {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
}
 .radio_1 .ui-radiobutton {
     display: inline-block;
     line-height: 16px;
     margin: 3px 0;
     width: 16px;
}
 .radio_1 .ui-state-default, .radio_1 .ui-widget-content .ui-state-default, .radio_1 .ui-widget-header .ui-state-default {
     color: rgb(79, 79, 79);
     font-weight: bold;
}
 .radio_1 .ui-state-default {
     height: 16px;
     width: 16px;
}
 .radio_1 .ui-helper-hidden-accessible {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
}
 .radio_1 .ui-icon-bullet {
     background-position: -80px -144px;
}
 .radio_1 .ui-icon {
     background: url("../images/radio-buton.png") no-repeat scroll 4px 4px rgba(0, 0, 0, 0);
     display: block;
     height: 16px;
     width: 16px;
}
.modal {
	width: 95% !important;
	max-width: 750px;
}
.modal.confirmNotification .ui-dialog-footer {
	width: 100%;
}
 .modal_encuesta {
     background: none repeat scroll 0 0 rgb(255, 255, 255) !important;
     border-radius: 5px 5px 5px 5px;
     height: 460px !important;
     left: 50% !important;
     margin-left: -450px;
     margin-top: -160px;
     overflow: hidden;
     position: fixed !important;
     top: 40% !important;
     width: 835px !important;
     z-index: 4000;
}
 .modal_encuesta .modal_header {
     background: none repeat scroll 0 0 rgb(241, 241, 241);
     float: left;
     padding: 30px 30px 20px;
     width: 790px;
}
 .modal_encuesta .modal_header a {
     color: rgb(0, 102, 153);
     font-family: OpenSansBold, verdana;
     font-size: 12px;
}
 .modal_encuesta .modal_contet_encuesta {
     float: left;
     height: 364px;
     overflow-x: hidden;
     overflow-y: scroll;
     width: 834px;
}
 .modal_encuesta .modal_cerrar .close_encuesta {
     background-repeat: no-repeat;
     float: right;
     height: 10px;
     position: absolute;
     right: 15px;
     top: 15px;
     width: 10px;
}
 .modal_encuesta .modal_header span {
     float: left;
}
 .modal_encuesta .modal_cont {
     float: left;
     height: 240px;
     overflow: auto;
     padding: 30px;
     width: 411px;
}
 .modal_encuesta2 {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border-radius: 5px 5px 5px 5px;
     height: 460px !important;
     left: 50% !important;
     margin-left: -450px;
     margin-top: -160px;
     overflow: hidden;
     position: fixed !important;
     top: 40% !important;
     width: 750px !important;
     z-index: 4000;
}
 .modal_encuesta .modal_header {
     background: none repeat scroll 0 0 rgb(241, 241, 241);
     float: left;
     padding: 30px 30px 20px;
     width: 100%;
}
 .modal_encuesta2 .modal_contet_encuesta {
     float: left;
     height: 380px;
     overflow: scroll;
     padding: 30px;
     width: 100%;
}
 .modal_encuesta2 .modal_cerrar .close_encuesta {
     background-repeat: no-repeat;
     float: right;
     height: 10px;
     position: absolute;
     right: 15px;
     top: 15px;
     width: 10px;
}
 .modal_encuesta2 .modal_header span {
     float: left;
}
 .upload_box_es .ui-messages-error {
     float: left;
     margin-top: 10px;
}
 .upload_box_es table {
     width: 300px;
}
 .upload_box_es table td {
     max-width: 150px;
     overflow: hidden;
     text-overflow: ellipsis;
     vertical-align: top;
     white-space: nowrap;
}
 .ui-messages-error ul {
     float: left;
     display: block;
     width: 300px;
     margin-left: 10px;
}
 .upload_box_es .ui-messages-close {
     clear: none !important;
     float: left;
}
 .ui-fileupload .start, .ui-fileupload .cancel {
     display: none !important;
}
 .ui-fileupload .start, .ui-fileupload .cancel {
     display: none !important;
}
 .alerta_txt2 {
     float: left;
}
 .alerta1 img, .alerta2 img, .alerta3 img, .alerta4 img {
     float: left;
}
 .alerta3 div {
     color: rgb(85, 153, 74);
}
 .alerta1 .title {
     color: rgb(175, 148, 0);
     font-family: OpenSansBold !important;
     font-size: 18px !important;
     font-weight: normal;
     line-height: 22px;
     padding: 0 0 0 10px;
}
 .alerta3 .title {
     color: rgb(85, 153, 74);
     font-family: OpenSansBold !important;
     font-size: 18px !important;
     font-weight: normal;
     line-height: 22px;
     padding: 0 0 0 10px;
}
 .alerta4 .title {
     color: #f13226;
     font-family: OpenSansBold !important;
     font-size: 18px !important;
     font-weight: normal;
     line-height: 22px;
     padding: 0 0 0 10px;
}
 .margin_top1 {
     margin-top: 10px !important;
}
 .tr_active {
     background: url("../images/line_horiz.jpg") repeat-x scroll center bottom rgb(254, 252, 237);
}
 .ui-overlaypanel {
     margin: 0;
     padding: 15px;
     position: absolute;
     width: 200px;
}
 .ui-overlaypanel div {
     background: none !important;
     padding: 0 !important;
     float: left;
     width: 100%;
}
 .ui-overlaypanel .roles span {
     padding-bottom: 10px;
     float: left;
     color: white;
}
.navbarRolCompany {
	text-transform: lowercase !important;	
}
/* .navbarRolCompany::first-letter {
	text-transform: capitalize;
} */
.btnRolesNavbarMenu span {
	font-size: 11px !important;
	display: block;
	text-transform: capitalize !important;
	font-family: 'Work Sans', sans-serif;
}
.btnRolesNavbarMenu span:nth-of-type(1) {
	font-weight: 700 !important;
	padding-bottom: 3px;
}
.btnRolesNavbarMenu span:nth-of-type(2) {
	font-weight: 500 !important;
}
.nombre .ui-overlaypanel  {
	width: 300px;
	top: 25px !important;
	font-family: 'Work Sans', sans-serif;
}
 .datos_persona .nombre {
     float: left !important;
     margin-left: 15px;
     margin-top: 3px;
     text-transform: capitalize;
     width: auto;
     position: relative;
     z-index: 100;
     color: white;
     font-weight: 700;
}
 .datos_persona .foto_empleado {
     max-height: 35px;
     max-width: 35px;
     margin-top: -3px;
     margin-left: -3px;
}
 .foto_persona {
     background: url("../images/foto_perfil.png") no-repeat none !important;
     height: 30px;
     width: 30px;
     border-radius: 30px;
     float: left;
     overflow: hidden;
}
 .ui-shadow {
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}
 .ui-corner-all {
     border-radius: 3px 3px 3px 3px;
}
 .menuOverlay_content {
     padding: 1em !important;
     margin: 0;
     max-height: 200px;
     overflow-x: auto;
     padding: 0;
}
 .ui-overlaypanel-content {
     padding: 0.5em 1em !important;
     margin: 0;
     max-height: 150px;
     overflow-x: auto;
     padding: 0;
}
 .ui-overlay-hidden * {
     visibility: hidden !important;
}
 .txt_descargar {
     float: left;
     margin: 7px 0 0 10px;
}
 .ico_descargar {
     float: left;
}
 .ui-lightbox-content-wrapper {
     position: relative;
}
 .ui-lightbox-content {
     background-color: rgb(0, 0, 0);
     margin: 0;
     padding: 0;
     position: relative;
     top: 38px;
}
 .ui-lightbox {
     position: fixed;
}
 .ui-shadow {
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}
 .ui-message-info .flecha_vertical {
     background: url("../images/flecha_verde_vertical.png") no-repeat scroll right top rgba(0, 0, 0, 0);
     float: left;
     padding-top: 5px;
     width: 100%;
}
 .link_send {
     float: left;
     margin-top: 30px;
}
 .clear {
     clear: both;
}
 .modal_cerrar2 {
     background-repeat: no-repeat;
     float: right;
     height: 10px;
     position: absolute;
     right: 15px;
     top: 15px;
     width: 50px;
     color: transparent;
     font-size: 0 !important;
     color: rgba(0, 0, 0, 0) !important;
}
 .bold {
     color: rgb(0, 102, 153) !important;
     font-family: OpenSansBold;
}
 .modal_cont input {
     width: 270px;
}
 .modal_mod .ui-tabs .ui-tabs-panels {
     padding: 0 0 !important;
}
 .tit_modal {
     color: rgb(38, 47, 54);
     float: left;
     font-family: OpenSansBold;
     font-size: 18px;
     width: 100%;
}
 .subtit_modal {
     color: rgb(97, 97, 97);
     float: left;
     font-family: OpenSansSemibold;
     font-size: 13px;
     margin-right: 4px;
     margin-top: 15px;
}
 .subtit_modal2 {
     color: rgb(16, 108, 154);
     float: left;
     font-family: OpenSansSemibold;
     font-size: 13px;
     margin-right: 4px;
     margin-top: 15px;
}
 .tit_add {
     color: rgb(153, 153, 153) !important;
     float: left;
     font-family: OpenSansBold, verdana !important;
     font-size: 11px !important;
     font-style: normal !important;
     font-weight: normal !important;
     margin-bottom: 15px;
     text-transform: uppercase !important;
     width: 100%;
}
 .tit_add2 {
     color: rgb(153, 153, 153) !important;
     float: left;
     font-family: OpenSansBold, verdana !important;
     font-size: 11px !important;
     font-style: normal !important;
     font-weight: normal !important;
     margin-bottom: 15px;
     width: 100%;
}
.tit_encuesta, .tit_encuesta.descripCompetence {
	width: 66.666667%;
    float: left;
    font-family: OpenSansRegular;
    font-size: 20px;
    margin: 15px 0;
}
.tit_encuesta.descripCompetence {
	width: 100%;
}
.tit_encuesta.descripCompetence p {
	font-size: 0.8125rem !important;
}
 .mail_modal {
     color: rgb(33, 33, 33) !important;
     float: left;
     font-family: OpenSansSemibold, verdana !important;
     font-size: 13px !important;
     font-weight: normal !important;
     margin-bottom: 15px;
}
 .delete_mail {
     float: left;
     margin-bottom: 15px;
     margin-left: 10px;
}
 .delete_mail2 {
     float: left;
     margin-left: 40px;
     margin-top: 6px;
}
 .modal .bot_azul {
     margin-top: 15px;
}
 .texto_company {
     color: rgb(153, 153, 153) !important;
     font-family: OpenSanslight !important;
     font-size: 14px !important;
     margin-bottom: 20px;
     text-transform: none !important;
}
 .table_editmails1 {
     border-bottom: medium none !important;
     border-radius: 3px 3px 0 0 !important;
}
 .table_editmails2 {
     border-radius: 0 0 3px 3px !important;
     border-top: medium none !important;
}
 .ui-selectoneradio label {
     margin: 0 !important;
     float: left;
     padding-top: 4px;
     text-align: left !important;
     color: #999999 !important;
}
 .numero-destinatarios {
     font-family: OpenSansRegular;
     font-size: 14px;
}
 .infoCompany .ui-state-focus, .infoCompany input:focus {
     border: 1px solid rgb(82, 197, 210) !important;
}
 .steps_box a {
     font-size: 14px !important;
}
 .stepComplete .disable_step {
     color: rgb(119, 119, 119) !important;
}
 .stepComplete .check {
     background: url("../images/ico_check-verde2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     float: left;
     height: 25px;
     margin-right: 15px;
     width: 25px;
}
 .template-upload, .template-upload:hover {
     background: none repeat scroll 0 0 rgb(250, 250, 238);
     left: 20px;
     padding: 30px 30px 40px 40px;
     position: absolute;
     top: 20px;
     width: 540px;
}
 .button_link {
     float: right;
     font-family: OpenSansRegular !important;
     font-size: 11px;
     margin-top: 10px;
     text-decoration: underline !important;
}
 .img_logo_div {
     border-right: 1px solid #cccccc;
     height: 70px;
     padding-right: 20px;
     margin-right: 20px;
}
 .img_logo {
     max-height: 70px;
     max-width: 170px;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .img_logo_empleados {
     max-height: 50px;
     max-width: 150px;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .custom label {
     clear: both;
     float: left;
}
 .box4_inner, .box4 {
     overflow: visible !important;
}
 .ui-chkbox {
     display: inline-block;
}
 .ui-chkbox:hover {
     cursor: pointer;
}

.modal {
	background: none repeat scroll 0 0 white;
	border-radius: 5px 5px 5px 5px;
	overflow: hidden;
	position: fixed !important;
	z-index: 4000;
	-webkit-text-stroke: 0.2px;
	left: 50% !important;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.modal_header {
	background: #282c36;
	float: left;
	padding: 15px 20px 15px 20px;
	width: 100%;
}
.modal_header span {
	float: left;
}
.modal_cont {
	float: left;
	padding: 20px 20px 10px;
	/*overflow: auto;*/
	width: 100%;
}
.modalPopup {
	background: none repeat 0 0 rgb(255, 255, 255);
	border-radius: 5px 5px 5px 5px;
	left: 50% !important;
	overflow: hidden;
	position: fixed !important;
	z-index: 4000;
	-webkit-text-stroke: 0.2px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.modalModifExtraField {
     max-width: 600px !important;
     left: 45%;
     top: 25%;
     max-height: 600px !important;
     overflow: auto;
}
.modalPopup.newMedalModal .ui-resizable-handle.ui-icon {
	display: none !important;
}

.modalPopup.newAlert .ui-resizable-handle.ui-icon {
	display: none !important;
}

.modalModifExtraField {
     max-width: 600px !important;
     left: 45% !important;
     top: 25% !important;
     max-height: 650px !important;
     overflow: auto;
}

.modalModifExtraField2 {
     max-width: 600px !important;
     left: 45% !important;
     /*top: 25% !important;*/
     /*max-height: 650px !important;*/
     overflow: auto;
}

.maxHeight650{
	max-height: 650px !important; 
}

#extraFieldTable_data .ui-sortable-helper{
	background-color: white !important;
}

.popup_new {
	width: 95% !important;
	max-width: 750px;
	max-height: 92%;
	overflow: hidden;
}
.modal_divActDetail .trackid tbody tr td label {
	padding: 0px;
	
}
 .left45 {
     left: 45% !important;
}
 .modalPopup_mod {
     top: 10% !important;
     margin-top: 0px;
}
.modalPopup_modTam {
     width: 550px !important;
     height: 375px !important;
}
.additionalTimeSessionModal {
	max-width: 92% !important;
}
.additionalTimeSessionModal .addSessionTimeText {
	padding: 0px 15px;
}
.additionalTimeSessionModal .subtit_modal span {
	width: 60px;
}
 .ui-autocomplete-panel {
     overflow: auto;
     position: absolute;
}
 .tablaSinEstilo tr, .tablaSinEstilo td, .tablaSinEstilo table {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border: 0 none;
     text-align: left !important;
}
 .tablaSinEstilo tr:hover, .tablaSinEstilo td:hover {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border: 0 none;
}
 #progress_bar {
     clear: both;
     font-size: 14px;
     margin: 10px 0;
     opacity: 0;
     padding: 3px;
     transition: opacity 1s linear 0s;
}
 #progress_bar.loading {
     background: url("../images/ie-anim.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
}
 #progressBar {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
     border: 1px solid rgb(204, 204, 204);
     border-radius: 2px 2px 2px 2px;
     float: left;
     width: 250px;
}
 #prog {
     border-radius: 2px 2px 2px 2px;
     float: left;
     margin: 10px 0 0;
     width: 300px;
}
 .txt_progress_bar {
     clear: both;
     color: rgb(153, 153, 153);
     float: left;
     font-family: OpenSansRegular;
     font-size: 14px;
     margin-top: 5px;
}
 #status {
     color: rgb(119, 119, 119);
     float: left;
     font-size: 14px;
     margin-left: 10px;
}
#progress_bar .percent {
     background-color: rgb(153, 204, 255);
     height: auto;
     width: 0;
}
 .clearfix:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     line-height: 0;
     visibility: hidden;
}
 .alerta_activation_txt {
     color: rgb(175, 148, 0);
     float: left;
     font-family: OpenSansRegular, verdana;
     font-size: 12px;
     line-height: 16px;
     margin: 0;
     padding: 0 0 0 50px;
}
 .alerta_activation_title {
     color: rgb(175, 148, 0);
     display: block;
     font-family: OpenSansBold !important;
     font-size: 18px !important;
     font-weight: normal;
     line-height: 22px;
     padding: 0 0 0 50px;
}
 .alerta4 .alerta_activation_txt {
     color: #f13226 !important;
}
 .alerta4 .alerta_activation_title {
     color: #f13226 !important;
}
 .modal_2 {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border-radius: 5px 5px 5px 5px;
     overflow: hidden;
     position: fixed !important;
     height: auto;
     max-height: 92%;
     width: 410px !important;
     max-width: 750px;
     z-index: 4000;
}
/*.modal_3 {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border-radius: 5px 5px 5px 5px;
     overflow: hidden;
     position: fixed !important;
     width: auto !important;
     z-index: 4000;
     padding-top: 20px;
}
*/
 .modal_3 {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border-radius: 5px 5px 5px 5px;
     overflow: hidden;
     position: fixed !important;
     width: auto !important;
     z-index: 4000;
     padding: 20px;
}
 .modal_3 img {
     width: 120px !important;
     height: auto !important;
}
 .modal_3 .ui-icon {
     height: 0px !important;
}
 .modal_4 {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border-radius: 5px 5px 5px 5px;
     overflow: hidden;
     position: fixed !important;
     width: auto !important;
     z-index: 4000;
     padding: 20px;
     left: 42% !important;
     top: 42% !important;
}
 .modal_4 img {
     width: 120px !important;
     height: auto !important;
}
 .modal_4 .ui-dialog-content {
     padding-top: 40px;
}
 .modal_4 .ui-icon {
     height: 0px !important;
}
 .modal_4 .ui-dialog-titlebar {
     display: inherit !important;
}
 .modal_4 #modalpass_title {
     width: 100%;
     left: 0px;
     top: 0px;
}
 .modal_2 .modal_cont {
     height: auto !important;
}
 .opacidad {
     background: none repeat scroll 0 0 rgb(204, 204, 204) !important;
     cursor: default !important;
}
 .steps_box li .numero1.disable {
     background: url("../images/1_gris.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
     float: left;
     height: 25px;
     margin-right: 15px;
     width: 25px;
}
 .steps_box li .numero2.disable {
     background: url("../images/2_gris.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
 .steps_box li .numero3.disable {
     background: url("../images/3_gris.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
 .ui-lightbox .ui-icon {
     background-image: url("..images/ico_cerrar_edicion.jpg");
     height: 16px;
     width: 16px;
}
 .ui-lightbox-close {
     display: block;
     float: right;
     margin: 0;
     padding: 1px;
}
 .ui-lightbox-caption {
     background: none repeat scroll 0 0 rgb(240, 250, 255);
     color: rgb(0, 98, 147);
     display: block;
     font-family: OpenSansSemibold;
     padding: 5px;
}
 .ui-lightbox .ui-lightbox-caption-text {
     display: block;
     float: left;
     margin: 0.3em 0 0.1em;
}
 .texto_cerrar2 {
     position: absolute;
     right: 31px;
     top: 13px;
}
 .modal_add_employees {
     height: 300px !important;
}
 .margin-left3 {
     margin-left: 30px;
}
 .ui-dialog-title {
     cursor: move;
     display: block;
     left: 3px;
     position: absolute;
     top: 3px;
}
 .margin_bottom4 {
     margin-bottom: 15px !important;
}
 .modal_2 .ui-slider-horizontal {
     width: 276px !important;
}
 .modal_2 input {
     width: 351px !important;
}
 .slider_empresa {
     width: 270px !important;
}
 .bg_body5 .footer a {
     color: rgb(153, 153, 153);
     font-family: open_sansitalic;
     font-size: 12px;
     padding-left: 5px;
     padding-right: 5px;
     text-decoration: underline;
}
 .totallower {
     text-transform: capitalize !important;
}
 table thead tr th, table tfoot tr td {
     color: rgb(34, 34, 34);
     font-size: 14px;
     font-weight: bold;
     padding: 8px 10px 9px;
}
 table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
     display: table-cell;
     font-size: 14px;
     line-height: 18px;
     position: relative;
     text-align: left;
}
 @media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active) {
     table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
         display: table-cell;
         font-size: 14px;
         line-height: 18px;
         position: relative;
         text-align: left;
    }
}
 .datos thead th:last-child {
     text-transform: capitalize !important;
}
 .datos tr+td:last-child {
     text-transform: capitalize !important;
}
 .textoazul {
     color: #146591 !important;
}
 .positionleft {
     margin-left: -30px !important;
}
 .positiontop {
     margin-top: -25px !important;
}
 .positionbottom {
     margin-top: 50px !important;
}
 .positionright {
     margin-left: 75px !important;
}
 .mesanje_fill {
     float: right;
     clear: both;
     margin-right: 65px;
}
 .margin-bottom {
     margin-bottom: 120px;
}
 .margin-bottom2 {
     margin-bottom: 30px !important;
}
 .margin-left3 {
     margin-left: 200px !important;
}
 .nodeorg {
     background: url("../images/ic_drop.jpg") no-repeat scroll 225px center rgb(248, 248, 248);
     border-color: rgb(240, 240, 240) rgb(255, 255, 255);
     border-style: solid;
     border-width: 1px;
     box-shadow: 0 1px 0 rgb(255, 255, 255) inset;
     color: rgb(119, 119, 119) !important;
     cursor: move;
     float: left;
     font-family: OpenSansRegular, verdana !important;
     font-size: 13px;
     font-style: normal !important;
     font-weight: normal !important;
     left: -1px;
     min-height: 42px;
     padding: 10px 14px;
     text-align: left;
     text-transform: none !important;
     top: -1px;
     width: 253px;
}
 .popup_categoriaNivel {
     padding-bottom: 30px;
     width: 528px !important;
     margin-left: -264px !important;
     margin-top: -160px;
}
 .ui-autocomplete {
     box-shadow: none;
     cursor: pointer;
     position: static;
     width: auto;
}
 .ui-autocomplete .ui-inputfield, .ui-autocomplete .ui-widget-content .ui-inputfield, .ui-autocomplete .ui-widget-header .ui-inputfield {
     background: none repeat scroll 0 0 #FFFFFF;
     box-shadow: 0 2px 2px #8F8F8F inset;
     color: #313131;
}
 .ui-autocomplete .ui-state-default, .ui-autocomplete .ui-widget-content .ui-state-default, .ui-autocomplete .ui-widget-header .ui-state-default {
     border: 1px solid #A8A8A8;
}
 .ui-autocomplete .ui-inputfield {
     margin: 0;
     outline: medium none;
     padding: 4px;
}
 .ui-autocomplete-panel .ui-autocomplete-list {
     border: 0 none;
     padding: 0.4em;
     background: #ffffff;
}
 .ui-autocomplete .ui-helper-reset {
     font-size: 100%;
     line-height: 1.3;
     list-style: none outside none;
     margin: 0;
     outline: 0 none;
     text-decoration: none;
}
 .ui-autocomplete .ui-widget-content {
     background: none repeat scroll 0 0 #FFFFFF;
     color: #4F4F4F;
}
 .ui-autocomplete-panel .ui-autocomplete-list-item {
     border: 0 none;
     cursor: pointer;
     font-weight: normal;
     margin: 1px 0;
     padding: 3px 5px;
     text-align: left;
}
 .fondocompleto {
     float: left;
     width: 100%;
}
 .popup_margen2 {
     margin-left: unset !important;
}
 .scroll_popup {
     max-height: calc(75vh - 90px);
     overflow-y: auto;
     overflow-x: hidden;
}
 .scroll_popup2 {
     max-height: calc(75vh - 90px);
     overflow-y: auto;
     overflow-x: hidden;
}
 .scroll_popup3 {
     max-height: 500px;
     overflow-y: auto;
     overflow-x: hidden;
}
 .filtro_evaluador {
     background: none repeat scroll 0 0 #F5F5F5;
     margin: 0;
     width: 680px !important;
}
 .up_arrow {
     background: url(../images/up_arrow.png) no-repeat 0 0 transparent;
     width: 25px;
     height: 24px;
     border: none;
     margin-right: 5px;
}
 .down_arrow {
     background: url(../images/down_arrow.png) no-repeat 0 0 transparent;
     width: 25px;
     height: 24px;
     border: none;
     margin-right: 5px;
}
 .bot_borrar {
     background: url(../images/borrar.png) no-repeat 0 0 transparent;
     width: 25px;
     height: 24px;
     border: none;
     margin-right: 5px;
}
 .new_field {
     border: solid 1px #cccccc;
     border-radius: 4px;
     padding: 10px;
     background: #f5f5f5;
}
 .new_field a {
     font-family: OpenSansRegular !important;
     line-height: 18px !important;
}
 .padding-bottom {
     padding-bottom: 50px;
}
 .new_field table {
     margin: 0;
}
 .ui-widget {
     font-size: 14px !important;
}
 .ui-menu {
     outline: none 0;
     padding: 0.3em;
     position: relative;
     width: 12.5em;
}
 .ui-menu.ui-menu-dynamic {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    position: absolute !important;
    z-index: 100000;
	width: 120px;
}
 [id*=mod_menu_dynamic].ui-menu.ui-menu-dynamic {
     width: 160px !important;
}

[id*=mod_menu_dynamic2].ui-menu.ui-menu-dynamic {
     width: 200px !important;
}
 
[id*=button_menu].ui-menu.ui-menu-dynamic {
     width: 160px !important;
}
 .clase > .ui-menu.ui-menu-dynamic {
     background: none repeat scroll 0 0 #FFFFFF;
     display: none;
     position: absolute !important;
     z-index: 100000;
     width: 160px;
}
 .ui-menu.ui-menu-dynamic li {
     padding: 5px 
}
 .ui-menu.ui-menu-dynamic li:hover {
     background: #f5f5f5;
}
 .ui-button-icon-only .ui-button-text {
     font-size: 0;
     padding: 0.3em;
     text-indent: -9000px !important;
     color: transparent;
}
 .ui-splitbutton .ui-button-text-only {
     background: #f5f5f5;
     border-top: solid 1px #cccccc;
     border-bottom: solid 1px #cccccc;
     border-left: solid 1px #cccccc;
     border-right: 0;
     padding: 10px;
     margin: 0;
     border-radius: 4px 0 0 4px;
     float: left;
     height: 35px;
     color: #777777;
     text-decoration: underline !important;
}
 .ui-splitbutton .ui-splitbutton-menubutton {
     background: #f5f5f5;
     border: solid 1px #cccccc;
     padding: 10px;
     margin: 0;
     border-radius: 0 4px 4px 0;
     float: left;
     height: 35px;
}
 .ui-splitbutton .ui-icon-triangle-1-s {
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 6px solid #777777;
     font-size: 0;
     line-height: 0;
}
 .mod_button .ui-splitbutton .ui-icon-triangle-1-s {
     width: 0 !important;
     height: 0 !important;
     border-left: 6px solid transparent !important;
     border-right: 6px solid transparent !important;
     margin: 0 0 0 0 !important;
}
 .mod_button .ui-splitbutton {
     border-radius: 5px;
}
 .modal_no_header .ui-dialog-titlebar, .modal_no_header .ui-dialog-content {
     display: none;
}
 .ui-dialog-titlebar {
     display: none !important;
}
 .modal_cerrar {
     float: right;
     height: 15px;
     width: 15px;
     background-image: url(../images/flex/icones/cerrar_pop.svg);
     background-repeat: no-repeat;
     background-size: 15px;
     color: transparent;
     font-size: 0;
     position: absolute;
     top: 15px;
     right: 15px;
}
 .modal_cerrar3 {
     float: right;
     height: 35px;
     width: 35px;
     background-image: url(../images/flex/icones/close.svg);
     background-repeat: no-repeat;
     background-size: 35px;
     color: transparent;
     font-size: 0;
     position: absolute;
     top: 10px;
     right: 12px;
     z-index: 40;
}
 .modal_cerrar2 {
     float: right;
     height: 15px;
     width: 15px;
     position: absolute;
     top: 15px;
     right: 15px;
     background-image: url(../images/flex/icones/cerrar_pop.svg);
     background-repeat: no-repeat;
     color: transparent;
     font-size: 0;
}
 .new_field table, .new_field table tr, .new_field table tr:hover {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
     border: none;
}
 .ui-radiobutton {
     width: 16px;
     height: 16px;
     border: solid 1px #999999;
     border-radius: 20px;
}
 .ui-radiobutton .ui-state-default {
     background: none repeat scroll 0 0 #FFFFFF;
     border: 1px solid #D5D5D5;
     border-radius: 20px;
     height: 16px;
     width: 16px;
}
 .ui-radiobutton .ui-state-active {
     width: 8px;
     height: 8px;
     border: solid 1px #cccccc;
     border-radius: 20px;
     margin: 3px;
}
 .new_field label {
     margin: 0;
     padding: 0;
}
 .table_popup2 table {
     width: 100% !important;
     margin: 0 !important;
}
 .box_evaluaciones {
     border: solid 1px #cccccc;
     padding: 10px;
}
 .box_evaluaciones_inner {
     border-left: solid 1px #cccccc;
     padding: 10px;
}
 .selectbox {
     width: 105px !important;
     border-radius: 0 !important;
     box-shadow: none !important;
     background: url(../images/flecha-select.png) top right no-repeat transparent !important;
     height: 28px !important;
}
 .organigrama2 .cargo2:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     line-height: 0;
     visibility: hidden;
}
 .lev {
     font-family: open_sansitalic !important;
}
 textarea {
     resize: none;
}
 .grey_box .ui-message-error-detail {
     margin: 10px 0 0 !important;
}
 .ui-message-error {
     float: left;
     margin-bottom: 10px;
     margin-top: -8px;
     width: 100%;
}
 .ui-message-error-detail:after {
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #D64541;
     border-image: none;
     border-style: solid;
     border-width: 5px;
     content: "";
     display: block;
     height: 0;
     left: 20px;
     margin-left: -5px;
     position: absolute;
     top: -10px;
     width: 0;
}
 .ui-lightbox-close {
     background-image: url("../images/flex/icones/cerrar_pop.svg");
     background-position: 3px center;
     background-repeat: no-repeat;
     height: 16px;
     width: 16px;
     background-size: 14px;
}
 .ui-accordion h3, .accordion h3 {
     list-style: none outside none;
     margin: 0;
     padding: 8px 15px;
     background: #f5f5f5 !important;
     cursor: pointer;
     width: 100%;
     position: relative;
}
 .ui-accordion .ui-state-active a {
     color: #ffffff !important;
}
 .ui-lightbox-caption.ui-widget-header .subtit_modal {
     color: white !important;
}
 .ui-accordion .ui-state-active a:hover {
     color: #ffffff !important;
}
 .no-triangle .ui-icon-triangle-1-s {   
     background-image: url() !important;
}
 .ui-datatable .no-triangle .ui-icon-triangle-1-s{
     background-image: url() !important;
}
 .ui-accordion .ui-icon-triangle-1-s {
     display: block;
     float: right;
     height: 13px;
     width: 18px;
     background-image: url(../images/flex/icones/arrow_2.svg);
     background-position: right;
}
 .ui-accordion .ui-icon-triangle-1-e {
     display: block;
     float: right;
     height: 17px;
     width: 12px;
     background-image: url(../images/flex/icones/arrow.svg);
}
 .ui-icon {
     height: 17px;
     width: 20px;
}
 .margin-right {
     margin-right: 20px !important;
}
 .margin-right2 {
     margin-right: 25px !important;
}
 .margin-right3 {
     margin-right: 35px !important;
}
 .margin-left {
     margin-left: 130px;
}
 .margin-left2 {
     margin-left: 15px !important;
}
 .margin-bottom {
     margin-bottom: 120px 
}
 .margin-bottom2 {
     margin-bottom: 30px 
}
 .margin-bottom3 {
     margin-bottom: 12px 
}
 .margin-left3 {
     margin-left: 200px !important;
}
 .margin-left4 {
     margin-left: 45px !important;
}
 .margin-left5 {
     margin-left: 10px !important;
}
 .margin-left6 {
     margin-left: 20px !important;
}
 .no-margin-right {
     margin-right: 0 !important;
}
 .no-margin-left {
     margin-left: 0 !important;
}
 .no-margin-top {
     margin-top: 0 !important;
}
 .margin-top {
     margin-top: 50px !important;
}
 .no-margin {
     margin: 0 !important;
}
 .margin-top2 {
     margin-top: 30px !important;
}
 .margin-top3 {
     margin-top: 10px !important;
}
 .margin-top4 {
     margin-top: 20px !important;
}
 .margin-top5 {
     margin-top: 95px !important;
}
 .no_margin {
     margin: 0 !important;
}
 .no-margin-bottom {
     margin-bottom: 0 !important;
}
 .no_margin_left {
     margin-left: 0 !important;
}
 .margin-top6 {
     margin-top: 38px !important;
}
 .ui-editor {
     background-color: #FFFFFF;
     background-image: none;
     background-position: initial initial;
     background-repeat: initial initial;
     float: left;
     display: block;
}
 .ui-editor.ui-widget-content {
     background-color: #FFFFFF;
     background-position: initial initial;
     background-repeat: initial initial;
     border: 1px solid #A8A8A8;
     color: #4F4F4F;
     width: 100% !important;
}
 .ui-editor-toolbar {
     background-image: url("../images/toolbar.gif");
     background-position: initial initial;
     background-repeat: repeat repeat;
}
 .ui-editor-group {
     float: left;
     height: 26px;
}
 .ui-editor-button {
     background-image: url("../images/buttons.gif");
     background-position: initial initial;
     background-repeat: initial initial;
     float: left;
     height: 24px;
     margin: 1px 0;
     width: 24px;
}
 .ui-editor-divider {
     background-color: #CCCCCC;
     background-position: initial initial;
     background-repeat: initial initial;
     float: left;
     height: 23px;
     margin: 1px 0;
     width: 1px;
}
 .ui-editor-disabled {
     opacity: 0.3;
}
 .ui-editor textarea {
     border: none;
     font-family: Arial, Verdana;
     font-size: 10pt;
     font-style: normal;
     font-variant: normal;
     font-weight: normal;
     line-height: normal;
     margin: 0;
     outline: none;
     overflow-y: scroll;
     padding: 0;
     resize: none;
}
 .pdf_exl {
     background: url("../images/flex/icones/pdf.svg") no-repeat scroll right 0 rgba(0, 0, 0, 0) !important;
     display: block;
     height: 25px;
     padding: 5px 30px 0 0;
     -webkit-background-size: 20px !important;
     -moz-background-size: 20px !important;
     background-size: 20px !important;
     font-family: work sans;
	 font-weight: 600;

}
 .exportar_exl {
     background: url("../images/flex/icones/excel.svg") no-repeat scroll right 0 rgba(0, 0, 0, 0) !important;
     display: block;
     height: 25px;
     padding: 5px 30px 0px 0px;
     background-size: auto !important;
}

.exportar_pdf {
     background: url("../images/flex/icones/pdf.svg") no-repeat scroll right 0 rgba(0, 0, 0, 0) !important;
     display: block;
     height: 25px;
     padding: 5px 30px 0px 0px;
     background-size: 20px !important;
}


 .exportar_exl_left {
     background: url(../images/flex/icones/excel.svg) no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
     display: block;
     height: 25px;
     padding: 7px 5px 0px 30px;
     background-size: auto !important;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .exportar_exl {
         background: url("../images/flex/icones/excel.svg") no-repeat scroll right 0 rgba(0, 0, 0, 0) !important;
         display: block;
         height: 25px;
         padding: 5px 140px 0 0 !important;
         background-size: auto !important;
         margin-right: -115px !important;
    }
}
 .ui-dialog-content .grey_box {
     min-height: 120px;
}
 .porcentage_total {
     border: 1px solid #CCCCCC;
     border-radius: 2px;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
     color: rgba(0, 0, 0, 0.75);
     float: right;
     font-family: inherit;
     font-size: 14px;
     height: 32px;
     margin: 0 0 0 10px;
     padding: 6px;
     text-align: center;
     width: 38px;
}
 .percent_symbol {
     color: #777777;
     float: right;
     margin: 10px 0 0 14px;
}
 .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
     overflow-x: hidden;
     overflow-y: auto;
     max-height: 130px;
}
 .modalPopup .ui-dialog-titlebar, .modalPopup .ui-helper-clearfix:after {
     display: none !important;
}
 .popup_ficha .scroll_popup {
     max-height: 415px;
}
 .popup_ficha {
     height: 500px !important;
     margin-left: usnet;
     width: 540px !important;
     border-radius: 5px 5px 5px 5px;
     left: 50% !important;
     z-index: 1010;
     overflow: hidden;
     background: #ffffff;
}
 .mod_popup_ficha {
     height: 650px !important;
}
 .popup_ficha.mayor {
     height: 450px !important;
     margin-left: unset;
     width: 650px !important;
     border-radius: 5px 5px 5px 5px;
     left: 50% !important;
     z-index: 1010;
     overflow: hidden;
     background: #ffffff;
}
 .mod_popup_ficha label {
     margin: 19px 0 0px 0;
}
 .popup_ficha .ui-widget-content {
     background-color: #ffffff;
}
 .popup_ficha .ui-tabs {
     height: 450px;
}
 .mod_popup_ficha .ui-tabs {
     height: 640px !important;
}
 .popup_ficha .header_editar_empleado, .popup_ficha .ui-widget-content {
     width: 100%;
}
 .popup_ficha .ui-tabs-panels {
     width: 100%;
     height: 340px;
     overflow-y: auto;
     overflow-x: hidden;
}
 .mod_popup_ficha .ui-tabs-panels {
     height: 500px !important;
}
 .popup_ficha_2 {
     height: 450px !important;
     margin-left: -320px;
     width: 640px !important;
     border-radius: 5px 5px 5px 5px;
     left: 50% !important;
     z-index: 1010;
     overflow: hidden;
     background: #ffffff;
}
 .clear-right {
     clear: right !important;
}
 .clear-left {
     clear: left !important;
}
 .popup_editar_evaluadores {
     width: 680px !important;
     background-color: #FFF;
     overflow: hidden;
     position: relative;
     margin-left: unset;
}
 .popup_editar_evaluadores_emp {
     width: 95% !important;
     max-width: 750px;
     background-color: #FFF;
     overflow: hidden;
     position: relative;
}
 .popup_editar_evaluadores2 {
     width: 95% !important;
     max-width: 750px;
     background-color: #FFF;
     overflow: hidden;
     position: relative;
     margin-left: usnet;
}
 .popup_pesos_performance {
     width: 70% !important;
     background-color: #FFF;
     overflow: hidden;
     position: relative;
     margin-left: -35% !important;
}
 .popup_editar_evaluadores3 {
     width: 550px !important;
     background-color: #FFF;
     overflow: hidden;
     position: relative;
}
 .header_editar_empleado {
     padding: 15px 20px;
     font-family: OpenSansSemibold;
     font-size: 18px;
     color: #FFF;
     overflow: hidden;
     min-height: 45px;
     max-height: 105px;
}
 .header_editar_empleado2 {
     padding: 15px 20px;
     font-family: OpenSansSemibold;
     font-size: 18px;
     color: #FFF;
     overflow: hidden;
}
.text-truncate,
.header_editar_empleado span:nth-of-type(1),
.header_editar_empleado span:nth-of-type(2) {
	width: 95%;
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	/* max-height = line-height (1.2) * lines max number (3) */
	max-height: 2.4em; 
	text-align: left; 
	margin-right: -1em;
	padding-right: 1em;
	word-break: break-all;
}
.header_editar_empleado span:nth-of-type(2) {
	width: 100%;
}
/* create the ... */
.text-truncate:before,
.header_editar_empleado span:nth-of-type(1):before,
.header_editar_empleado span:nth-of-type(2):before {
	content: '...';
	position: absolute;
	right: 1px;
	bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.text-truncate:after,
.header_editar_empleado span:nth-of-type(1):after,
.header_editar_empleado span:nth-of-type(2):after {
	content: '';
	position: absolute;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	background-color: #fff;
}
/* Hide overflowed text */
.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



 .popup_editar_evaluadores img {
     border: 1px solid #CCC;
     float: left;
     margin-left: 25px;
     margin-top: 20px;
}
 .bot_sino {
     background-color: #F5F5F5;
     border-radius: 3px;
     float: left;
     margin-right: 8px;
     min-width: 50px;
     padding: 15px;
     color: #777777;
     text-transform: uppercase !important;
}
 .bot_sino_active {
     background-color: #777777;
     border-radius: 3px;
     float: left;
     margin-right: 8px;
     padding: 15px;
     color: #ffffff 
}
 .popup_ficha.ficha2 .scroll_popup {
     max-height: 335px !important;
}
 .ui-selectonemenu-panel .ui-selectonemenu-filter {
     padding-right: 15px;
     width: 100%;
}
 .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
     display: inline-block;
     margin: 0;
     padding: 0.4em;
     position: relative;
     width: 100%;
}
 .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
     position: absolute;
     right: 10px;
     top: 10px;
}
 .ui-icon-search {
     background-position: -160px -112px;
}
 .ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
     font-weight: normal;
}
 .ui-selectonemenu-panel {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
}
 .ui-selectonemenu-filter input {
     content: "hola";
}
 .ui-sortable-column span {
     float: left;
}
 .ui-datatable .ui-icon-triangle-1-n {
     display: inline-block;
     width: 8px;
     height: 10px;
     float: left;
     background: url(../images/sort_arrow_up.png) no-repeat 0 0 !important;
     margin: 4px 0 0 7px;
}
 .ui-datatable .ui-icon-triangle-1-s {
     background: url("../images/sort_arrow_down.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
     display: inline-block;
     width: 8px;
     height: 10px;
     float: left;
     margin: 7px 0 0 9px;
}
 .ui-datatable .ui-icon-carat-2-n-s {
     display: inline-block;
     float: left;
     background: url(../images/sort_arrow_1.png) no-repeat 0 0;
     margin: 4px 0 0 7px;
}
 .two_half {
     width: 93px !important;
}
 .mensaje:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
 .disable_report_clima {
     text-decoration: underline;
     color: rgb(153, 153, 153);
}
 .ui-state-default .nombre_empleado_metas {
     color: #333333 !important;
     font-size: 15px;
}
 .ui-state-default .numero_actividades, .ui-state-default .numero_metas {
     color: #777777 !important;
     font-size: 11px;
     font-family: OpenSansBold;
}
 .ui-state-active .numero_actividades, .ui-state-active .numero_metas {
     color: #333333 !important;
     font-size: 11px;
     font-family: OpenSansBold;
}
 .acordion_colaboradores .ui-accordion-content {
     padding: 0 !important;
}
 .acordion_colaboradores .ui-tabmenu {
     margin-bottom: 0 !important;
}

 .options_user_exist {
     width: 400px;
     z-index: 4000;
     margin-left: -230px;
     top: 170px !important;
     position: fixed;
     background-color: rgb(255, 255, 255) !important;
}
 
 .borderGoal{
	 border-bottom: 2px solid #f0f0f0 !important;
}

 .medallainac img {
     border: 0 !important;
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
}
 .medallainac img:hover {
     -webkit-filter: grayscale(0%);
     -moz-filter: grayscale(0%);
     -ms-filter: grayscale(0%);
     -o-filter: grayscale(0%);
     filter: grayscale(0%);
     cursor: pointer;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .medallainac img {
         opacity: 0.4;
    }
     .medallainac img:hover {
         opacity: 1;
    }
}
 .node-cells {
     position: relative !important 
}
 .jOrgChart td {
     text-align: center;
}
 .table_competences {
     border-bottom: 0;
     border-top: 0;
     border-radius: 0;
     border-right: 0;
}
 .popup_editar_nivel {
     background-color: rgb(255, 255, 255);
     border-radius: 5px;
     margin-left: -200px;
     overflow: hidden;
     padding-bottom: 30px;
     width: 400px !important;
     position: fixed;
}
 .pregunta table tbody tr, .pregunta table tbody tr:nth-child(2n) {
     background: none !important;
}
 .txt_gris {
     color: #777777 !important;
     padding-top: 8px;
     text-align: justify !important;
}
 .pregunta {
     float: left;
}
 .pregunta h1, .pregunta h2, .pregunta h3, .pregunta h4, .pregunta h5, .pregunta h6 {
     margin-bottom: 0px !important;
     margin-top: 0px !important;
     text-align: justify;
}
 form.custom span.custom.checkbox:before {
     content: "";
     display: block;
     line-height: 0.8;
     height: 14px;
     width: 14px;
     text-align: center;
     position: absolute;
     top: 0;
     left: 0;
     font-size: 14px;
     color: #fff;
}
 form.custom span.custom.radio.checked:before {
     content: "";
     display: block;
     width: 8px;
     height: 8px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     border-radius: 100px;
     background: #222222;
     position: relative;
     top: 3px;
     left: 3px;
}
 form.custom span.custom.checkbox.checked:before {
     content: "00d7";
     color: #222222;
}
 form.custom div.custom.dropdown a.selector:after {
     content: "";
     display: block;
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 5px;
     border-color: #aaaaaa transparent transparent transparent;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -2px;
     margin-left: -5px;
}
 form.custom div.custom.dropdown:hover a.selector:after,form.custom div.custom.dropdown.open a.selector:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 5px;
     border-color: #222222 transparent transparent transparent;
}
 form.custom div.custom.dropdown ul li.selected:after {
     content: "2013";
     position: absolute;
     right: 10px;
}
 form.custom div.custom.dropdown ul li:hover {
     background-color: #cdebf5;
     color: black;
}
 form.custom div.custom.dropdown ul li:hover:after {
     content: "2013";
     position: absolute;
     right: 10px;
     color: #a3dbec;
}
 [class*="column"]+[class*="column"]:last-child {
}
 [class*="column"]+[class*="column"].end {
     float: left;
}
 .row:before, .row:after {
     content: " ";
     display: table;
}
 .button.dropdown:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 6px;
     border-color: white transparent transparent transparent;
     position: absolute;
     top: 50%;
     right: 20px;
     margin-top: -2px;
}
 .button.dropdown.large:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 7px;
     border-color: white transparent transparent transparent;
     margin-top: -3px;
     right: 30px;
}
 .button.dropdown.small:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 5px;
     border-color: white transparent transparent transparent;
     margin-top: -2px;
     right: 14px;
}
 .button.dropdown.tiny:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 4px;
     border-color: white transparent transparent transparent;
     margin-top: -1px;
     right: 10px;
}
 .button.dropdown.split>span:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 6px;
     border-color: white transparent transparent transparent;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -6px;
     margin-top: -2px;
}
 .button.dropdown.split.secondary>span:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 6px;
     border-color: #1d1d1d transparent transparent transparent;
}
 .button.dropdown.split.large span:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 7px;
     border-color: white transparent transparent transparent;
     margin-top: -3px;
     margin-left: -7px;
}
 .button.dropdown.split.small span:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 4px;
     border-color: white transparent transparent transparent;
     margin-top: -1px;
     margin-left: -4px;
}
 .button.dropdown.split.tiny span:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 3px;
     border-color: white transparent transparent transparent;
     margin-top: -1px;
     margin-left: -3px;
}
 ul.button-group:before, ul.button-group:after {
     content: " ";
     display: table;
}
 .nav-bar>li.has-flyout>a:first-child:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 4px;
     border-color: #e6e6e6 transparent transparent transparent;
     position: absolute;
     right: 20px;
     top: 17px;
}
 .nav-bar.vertical>li.has-flyout>a:first-child:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 4px;
     border-color: transparent transparent transparent #e6e6e6;
}
 .top-bar ul>li.has-dropdown a:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 5px;
     border-color: white transparent transparent transparent;
     margin-right: 15px;
     margin-top: -2.5px;
     position: absolute;
     right: 0;
     top: 50%;
}
 .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {
     border: none;
     content: "00bb";
     right: 5px;
     top: 6px;
}
 .clearing-main-left {
     left: 10px;
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 16px;
     border-color: transparent white transparent transparent;
}
 .clearing-main-right {
     right: 10px;
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 16px;
     border-color: transparent transparent transparent white;
}
 ul.accordion>li>div.title:after {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: rgba(0, 0, 0, 0) #9D9D9D rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
     border-image: none;
     border-style: solid;
     border-width: 6px;
     content: "";
     display: block;
     height: 0;
     position: absolute;
     right: 15px;
     top: 16px;
     width: 0;
}
 ul.accordion>li.active .title:after {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #9D9D9D rgba(0, 0, 0, 0);
     border-image: none;
     border-style: solid;
     border-width: 6px;
     content: "";
     display: block;
     height: 0;
     position: absolute;
     right: 15px;
     top: 16px;
     width: 0;
}
 form.custom span.custom.checkbox:before {
     content: "";
     display: block;
     line-height: 0.8;
     height: 14px;
     width: 14px;
     text-align: center;
     position: absolute;
     top: 0;
     left: 0;
     font-size: 14px;
     color: #fff;
}
 form.custom span.custom.radio.checked:before {
     content: "";
     display: block;
     width: 8px;
     height: 8px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     border-radius: 100px;
     background: #222222;
     position: relative;
     top: 3px;
     left: 3px;
}
 form.custom span.custom.checkbox.checked:before {
     content: "00d7";
     color: #222222;
}
 form.custom div.custom.dropdown a.selector:after {
     content: "";
     display: block;
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 5px;
     border-color: #aaaaaa transparent transparent transparent;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -2px;
     margin-left: -5px;
}
 form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 5px;
     border-color: #222222 transparent transparent transparent;
}
 form.custom div.custom.dropdown ul li.selected:after {
     content: "2013";
     position: absolute;
     right: 10px;
}
 form.custom div.custom.dropdown ul li:hover:after {
     content: "2013";
     position: absolute;
     right: 10px;
     color: #a3dbec;
}
 .nav-bar>li.has-flyout>a:first-child:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 4px;
     border-color: #e6e6e6 transparent transparent transparent;
     position: absolute;
     right: 20px;
     top: 17px;
}
 .nav-bar.vertical>li.has-flyout>a:first-child:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 4px;
     border-color: transparent transparent transparent #e6e6e6;
}
 .centered {
     text-align: center !important;
}
 article:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
 .ui-selectonemenu-trigger:after {
     -moz-border-colors: none;
     border-color: #aaaaaa transparent transparent;
     border-image: none;
     border-style: solid;
     border-width: 5px;
     content: "";
     display: block;
     height: 0;
     left: 50%;
     margin-left: -5px;
     margin-top: -2px;
     position: absolute;
     top: 50%;
     width: 0;
}
 .help-inner:after {
     -moz-border-colors: none;
     border-color: #bcecec transparent transparent;
     border-image: none;
     border-style: solid;
     border-width: 6px;
     content: "";
     display: block;
     height: 0;
     right: 5px;
     margin-left: -5px;
     margin-top: -2px;
     position: absolute;
     bottom: -12px;
     width: 0;
}
 .txt_evaluacion:after {
     content: ":";
}
 .year1.selected:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 5px;
     border-color: #006699 transparent transparent transparent;
     position: absolute;
     left: 50%;
     bottom: -10px;
     margin-top: -2px;
     margin-left: -5px;
}
 .years2.selected:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: solid 5px;
     border-color: #022852 transparent transparent transparent;
     position: absolute;
     left: 50%;
     bottom: -10px;
     margin-top: -2px;
     margin-left: -5px;
}
 .ui-helper-clearfix:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
}
 .grey_box2:after {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F5F5F5;
     border-image: none;
     border-style: solid;
     border-width: 8px;
     content: "";
     display: block;
     height: 0;
     left: 38%;
     margin-left: -5px;
     margin-top: -2px;
     position: absolute;
     top: -14px;
     width: 0;
}
 .submenu_arrow li:hover:after, .submenu_arrow li:after.selected {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f1f1f1;
     border-image: none;
     border-style: solid;
     border-width: 8px;
     content: "";
     display: block;
     height: 0;
     left: 38%;
     margin-left: -5px;
     margin-top: -2px;
     position: absolute;
     top: -14px;
     width: 0;
}
 .toggle-content span:before {
     content: "- ";
}
 *, *:before, *:after {
     box-sizing: border-box;
}
 .paleta_1 .color1 {
     background: #df5e35;
}
 .paleta_1 .color2 {
     background: #282c36;
}
 .paleta_1 .color3 {
     background: #f4c7b9;
}
 .paleta_1 .color4 {
     background: rgb(245, 245, 245);
}
 .paleta_1 .color5 {
     background: #ff0066;
}
 .paleta_2 .color1 {
     background: #08b0ba;
}
 .paleta_2 .color2 {
     background: #217380;
}
 .paleta_2 .color3 {
     background: #b4e4ec;
}
 .paleta_2 .color4 {
     background: rgb(240, 240, 240);
}
 .paleta_2 .color5 {
     background: #b18d55;
}
 .paleta_3 .color1 {
     background: #B93848;
}
 .paleta_3 .color2 {
     background: #34495e;
}
 .paleta_3 .color3 {
     background: #de6d6c;
}
 .paleta_3 .color4 {
     background: rgb(235, 235, 235);
}
 .paleta_3 .color5 {
     background: #ffffcc;
}
 .paleta_4 .color1 {
     background: #08b78d;
}
 .paleta_4 .color2 {
     background: #037c59;
}
 .paleta_4 .color3 {
     background: #cbf1ef;
}
 .paleta_4 .color4 {
     background: rgb(241, 241, 241);
}
 .paleta_4 .color5 {
     background: #ec8643;
}
 .nombre_evaluador_box {
     background-color: #f5f5f5;
     float: left;
     width: 100%;
     height: 60px;
     border-bottom: 3px solid #ebebeb;
}
 .nombre_evaluador_box_pid {
     background-color: #f5f5f5;
     float: left;
     width: 100%;
     height: auto;
     padding: 15px 20px;
     border-bottom: 3px solid #ebebeb;
}
 .nombre_evaluador_box img {
     float: left;
     border-radius: 40px;
     border: solid 2px #ccc;
     margin-top: 7px;
     margin-right: 0;
     margin-bottom: 0;
     margin-left: 10px;
}
 .nombre_evaluador_box2 {
     float: left;
     width: 100%;
     padding: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
}
 .nombre_evaluador_box2 .nombre_evaluador {
     font-size: 14px;
     color: #666666;
     margin-left: 5px;
     margin-top: 4px;
     clear: both;
     float: left;
}
 .nombre_evaluador_box2 .cargo_evaluador {
     font-family: OpenSansRegular;
     font-size: 13px;
     color: #666666;
     float: left;
     margin-left: 15px;
     clear: both;
}
 .nombre_evaluador_box2 img {
     float: left;
     border-radius: 40px;
     border: solid 2px #ccc;
     margin-right: 0;
     margin-bottom: 0;
     margin-left: 10px;
}
 .nombre_evaluador_box3 {
     background-color: white;
     float: left;
     width: 100%;
     height: 66px;
     border-bottom: 2px solid #ebebeb;
}
 .jefe_box {
     float: left;
     height: 66px;
     padding-top: 10px;
     padding-bottom: 10px;
     width: 110px;
     border-right: 2px solid #ebebeb;
}
 .jefe_box2 {
     float: left;
     font-size: 12px !important;
     padding: 10px;
     font-family: Work Sans, sans-serif;
     font-weight: 600;
}
 .jefe_box2 .cargo {
     font-size: 12px !important;
}
 .jefe_box2_text {
     float: left;
     padding-right: 10px;
     padding-left: 20px;
     line-height: 32px;
     font-weight: 700;
     font-size: 12px;
     font-family: Work Sans, sans-serif;
     color: #282C36;
}
 .ui-datatable .ui-cell-editor-input {
     display: none;
}
 .ui-datatable .ui-row-editor .ui-icon-pencil {
     display: inline-block;
     width: 25px;
     height: 25px;
     float: left;
     background-size: 25px auto;
     background-position: 0px;
     background-image: url("../images/flex/icones/edit2.svg");
}
 span.ui-icon.ui-icon-pencil {
     margin-left: -20px !important;
}
 .ui-datatable .ui-row-editor span {
     cursor: pointer;
     float: left;
}
 .ui-row-editor .ui-icon-pencil {
     margin-left: 8px;
}
 .ui-datatable .ui-row-editor .ui-icon-check, .ui-datatable .ui-row-editor .ui-icon-close {
     display: none;
}
 .ui-datatable .ui-row-editor span {
     cursor: pointer;
     float: left;
}
 .ui-datatable .ui-row-editor .ui-icon-check, .ui-datatable .ui-row-editor .ui-icon-close {
     display: none;
}
 .ui-datatable .ui-row-editor span {
     cursor: pointer;
     float: left;
}
 .ui-icon-close {
     background-image: url("../images/ico_cancel.svg");
     width: 26px;
     height: 26px;
     float: left;
     margin-left: 6px;
     background-size: 21px;
     margin-top: 5px;
}
 .ui-row-editor .ui-icon-check {
     background-position: 0 center !important;
     background-image: url("../images/ico_save.png");
     width: 26px;
     height: 26px;
     float: left;
     margin-left: 5px;
     background-size: 26px;
}
 .fixed {
     position: fixed !important;
     top: 0 !important;
     height: 70px;
     z-index: 1000;
     width: 950px;
}
 #scroll {
     height: 115px;
     position: absolute;
     top: 195px;
     width: 950px;
     z-index: 1000;
     margin-left: -38px;
     background-attachment: scroll;
     background-color: transparent;
     background-image: url(../images/sombra_puntage.png);
     background-repeat: repeat-x;
     background-position: left bottom;
}
 .encuesta_inner {
     background: none repeat scroll 0 0 #F5F5F5;
     height: 100px;
     width: 100%;
}
 .preguntas_encuesta {
     margin-top: 60px;
     float: left;
}
 .pregunta_p, .pregunta_p3 {
     float: left;
     font-size: 12px;
     line-height: 15px;
     font-family: OpenSansRegular, verdana;
     float: left;
     padding: 0px;
     overflow: hidden;
}
 .pregunta_2 {
     float: left;
     font-size: 12px;
     line-height: 14px;
     font-family: OpenSansRegular, verdana;
     float: left;
     padding: 0px;
     overflow: hidden;
     border: 0 !important;
     width: 250px;
     margin-top: 0;
     float: left;
}
 .pregunta_2 td {
     width: 33px !important;
}
 .pregunta_2 tr {
     height: 25px !important;
}
 .pregunta input {
     clear: none !important;
     margin: 0px !important;
}
 .tit_pregunta span, .tit_pregunta3 span {
     font-family: OpenSansSemibold, verdana;
     text-align: center;
     float: left;
}
 .tit_pregunta3 .options span {
     font-size: 12px;
     color: #555555;
     margin: 5px 5px;
     text-align: left;
     padding-top: 8px;
}
 .tit_pregunta .tit, .tit_pregunta3 .tit {
     font-size: 15px;
     color: #51C5D0;
     width: 100%;
}
 .tit_pregunta .subtit, .tit_pregunta3 .subtit {
     font-size: 12px;
     color: #777777;
     margin-top: 5px;
     width: 100%;
     height: 40px;
}
 .tit_pregunta {
     padding: 0 10px;
}
 .tit_pregunta:first-child {
     margin-left: 24%;
}
 .tit_margen2:first-child {
     margin-left: 41.8% !important;
     margin-right: -4px;
}
 .tit_pregunta3:first-child {
     margin-left: 50%;
}
 .tit_pregunta3.mod_tit_pregunta3:first-child {
     margin-left: 4% !important;
}
 .numeros_pre3 {
     float: left;
     margin-top: 12px 
}
 .numeros_por3 {
     padding-right: 28px;
}
 .padding-left {
     padding-left: 40px !important;
}
 .header_fixed {
     background: #ffffff;
     width: 100%;
     z-index: 2000;
     top: 0;
     height: auto;
     position: fixed;
     overflow: hidden;
}
 .header_fixed #scroll {
     width: 100% !important;
     float: left !important;
     position: relative !important;
     top: 15px !important;
     margin-top: 0;
     margin-right: 0;
     margin-bottom: 20px;
     margin-left: 0;
}
 .submenu_top2 {
     background: #51c5d0;
     height: 4px;
     margin-bottom: 20px;
}
 .margin-top7 {
     margin-top: 300px !important;
}
 .margin-top8 {
     margin-top: 330px !important;
}
 .bg_body7 {
     background: #fefefe;
}
 .bg_bodyempresa {
     background: #2D363C;
     min-height: 100vh;
}
 .paddind_header {
     padding: 10px 45px;
}
 .encuenta_p2 {
     float: left;
     font-family: OpenSansRegular, verdana;
     font-size: 13px;
     text-align: justify;
}
 .encuenta_p1 {
     float: left;
     font-size: 16px;
     font-family: OpenSansSemibold;
}
 .numeros_p {
     color: #999999;
     font-size: 12px;
     width: 22px;
}
 .numeros_2 {
     color: #999999;
     font-size: 12px;
     width: 55px;
}
 .numeros_pre {
     float: left;
     margin-left: 32px;
     margin-top: 12px 
}
 .line_hor {
     border-bottom: solid 1px #f5f5f5 
}
 table.pregunta_p td {
     padding-left: 3px !important;
     padding-right: 0 !important;
     padding-top: 0 !important;
     float: left;
}
 table.pregunta_p3 td {
     padding-left: 0px !important;
     padding-right: 10px !important;
     padding-top: 0 !important;
     float: left;
}
 table.pregunta_p td input, table.pregunta_p3 td input {
     width: 4px !important;
     height: 4px !important;
}
 .bienvenida {
     font-family: OpenSansRegular;
     font-size: 14px;
     color: #666666;
     float: left;
     margin-bottom: 10px;
}
 .bienvenida span {
     font-family: OpenSansBold;
}
 .td_nombre {
     width: 357px !important;
}
 .numero_promedio_verde {
     background-color: #39B54A;
     border: 4px solid #EAEAEA;
     border-radius: 5px;
     color: #FFFFFF;
     display: block;
     float: none !important;
     font-family: OpenSansBold;
     font-size: 14px;
     height: 35px;
     margin: 0 auto;
     padding: 5px;
     text-align: center;
     width: 55px;
}
 .numero_promedio_rojo {
     background-color: #ed1c3f;
     border: 4px solid #EAEAEA;
     border-radius: 5px;
     color: #FFFFFF;
     display: block;
     float: none !important;
     font-family: OpenSansBold;
     font-size: 14px;
     height: 35px;
     margin: 0 auto;
     padding: 5px;
     text-align: center;
     width: 55px;
}
 .numero_promedio_amarillo {
     background-color: #ffcc33;
     border: 4px solid #EAEAEA;
     border-radius: 5px;
     color: #FFFFFF;
     display: block;
     float: none !important;
     font-family: OpenSansBold;
     font-size: 14px;
     height: 35px;
     margin: 0 auto;
     padding: 5px;
     text-align: center;
     width: 55px;
}
 .numero_promedio_azul {
     background-color: #0072B9;
     border: 4px solid #EAEAEA;
     border-radius: 5px;
     color: #FFFFFF;
     display: block;
     float: none !important;
     font-family: OpenSansBold;
     font-size: 14px;
     height: 35px;
     margin: 0 auto;
     padding: 5px;
     text-align: center;
     width: 55px;
}
 .numero_promedio_naranja {
     background-color: #D87A06;
     border: 4px solid #EAEAEA;
     border-radius: 5px;
     color: #FFFFFF;
     display: block;
     float: none !important;
     font-family: OpenSansBold;
     font-size: 14px;
     height: 35px;
     margin: 0 auto;
     padding: 5px;
     text-align: center;
     width: 55px;
}
 table.ui-selectoneradio {
     width: 100% !important;
}
 table.ui-selectoneradio td {
     float: left;
}
 table.ui-selectoneradio td {
     max-width: 95% !important;
}
 table.ui-selectoneradio td:first-child {
     max-width: auto !important;
}
 .margin_left10 {
     margin-left: 25% !important;
}
 .margin_left10 {
     margin-left: 25% !important;
}
 .margin_left15 {
     margin-left: 15px !important;
}
 .margin_left12 {
     margin-left: 12px !important;
}
 .margin_left20 {
     margin-left: 20px !important;
}
 .margin_right12 {
     margin-right: 12px !important;
}
.margin_20 {
 	margin: 20px !important; 	
}
 .header_fixed img {
     header_fixed: 160px !important;
     max-height: 55px !important;
}
 .toggle-content li {
     display: list-item !important;
     list-style: disc !important;
     font-size: 13px;
}
 .menu_roles {
     border: 0 !important;
}
 .ui-tabs-nav .ui-state-disabled a {
     color: rgb(190, 190, 190) !important;
}
 nav .menu1_empleados a {
     background-size: 80px\9 !important;
     background-position: -22px 17px\9 !important;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     nav .menu1_empleados a {
         background-size: 80px !important;
         background-position: -22px 17px !important;
    }
}
 nav .menu1 .ico1 {
     width:100%;
     background-image:url(../images/flex/menu/icons/Dash.svg);
     background-repeat:no-repeat;
     background-size:38px;
     background-position:center 10px;
}
 nav .menu1 .ico2 {
     width: 100%;
     background-image: url(../images/flex/menu/icons/Evaluaciones.svg);
     background-repeat: no-repeat;
     background-size: 38px;
     background-position: center 10px;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     nav .menu1 .ico2 {
         width:100%;
         background-image: url(../images/flex/menu/icons/Evaluaciones.svg);
         background-repeat:no-repeat;
         background-size:60px;
         background-position:center 9px;
    }
}
 nav .menu1 .ico3 {
     width: 100%;
     background: url(../images/flex/menu/icons/Empresa.svg);
     background-repeat: no-repeat;
     background-size: 38px;
     background-position: center 10px;
}
 nav .menu1 .ico4 {
     width: 100%;
     background-image: url(../images/flex/menu/consol.svg);
     background-repeat: no-repeat;
     background-size: 37px;
     background-position: center 13px;
}
 nav .menu1 .ico5 {
     width: 100%;
     background-image: url(../images/flex/menu/user.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: center 13px;
}
 nav .menu1 .ico6 {
     width: 100%;
     background-image: url(../images/flex/menu/cuentas.svg);
     background-repeat: no-repeat;
     background-size: 37px;
     background-position: center 13px;
}
 nav .menu1 .ico7 {
     width: 100%;
     background-image: url(../images/flex/menu/ico_plan.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: center 9px;
}
 nav .menu1 .ico8 {
     background: url(../images/menu/ico_plantillas.png) no-repeat left 9px;
}
 nav .menu1 .ico9 {
     width: 100%;
     background-image: url(../images/flex/menu/programas.svg);
     background-repeat: no-repeat;
     background-size: 32px;
     background-position: center 14px;
}
 nav .menu1 .ico10 {
     background: url(../images/menu/ico_acuerdos.png) no-repeat left 9px;
}
 nav .menu1 .ico11 {
     width: 100%;
     background-image: url(../images/flex/menu/parameter.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: center 12px;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     nav .menu1 .ico11 {
         width: 100%;
         background-image: url(../images/flex/menu/parameter.svg);
         background-repeat: no-repeat;
         background-size: 60px;
         background-position: center 12px;
    }
}
 nav .menu1 .ico12 {
     width: 100%;
     background-image: url(../images/flex/menu/config.svg);
     background-repeat: no-repeat;
     background-size: 40px;
     background-position: center 13px;
}

nav .menu1 .ico13 {
     width: 100%;
     background-image: url(../images/flex/menu/icons/Desempeno.svg);
     background-repeat: no-repeat;
     background-size: 38px;
     background-position: center 10px;
}

nav .menu1 .ico14 {
     width: 100%;
     background-image: url(../images/flex/menu/icons/Engagement.svg);
     background-repeat: no-repeat;
     background-size: 38px;
     background-position: center 10px;
}

nav .menu1 .ico22 {
     width: 100%;
     background-image: url(https://s3.amazonaws.com/hr.acsendo.com/assets/menu/plan_individual_desarrollo.svg);               
     background-repeat: no-repeat;
     background-size: 38px;
     background-position: center 10px;
}

nav .menu1 .ico23 {
     width: 100%;
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/iconoEmpresaMenu.svg);
     background-repeat: no-repeat;
     background-size: 38px;
     background-position: center 10px;
}

nav .menu1 .ico15 {
     width: 100%;
     background-image: url(../images/flex/menu/icons/Desarrollo.svg);
     background-repeat: no-repeat;
     background-size: 38px;
     background-position: center 10px;
}

 nav .menu1_empleados .ico1 {
     background-image: url(../images/flex/menu/ico_dash.svg);
     background-repeat: no-repeat;
     background-size: 30px;
     background-position: 0px 17px;
}
 nav .menu1_empleados .ico2 {
     background-image: url(../images/flex/menu/ico_eval.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 9px;
}
nav .menu1_empleados .ico3 {
     background-image: url(../images/flex/menu/icons/Evaluaciones.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 9px;
}
 nav .menu1_empleados .ico5 {
     background-image: url(../images/flex/menu/ico_eval.svg);
     background-repeat: no-repeat;
     background-size: 27px;
     background-position: 0px 13px;
}
 nav .menu1_empleados .ico8 {
     background-image: url(../images/flex/menu/ico_rep.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 9px;
}
 nav .menu1_empleados .ico10 {
     background-image: url(../images/flex/menu/ico_acuerdos.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 15px;
}
 nav .menu1_empleados .ico11 {
     background-image: url(../images/flex/menu/ico_cal.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 15px;
}
 nav .menu1_empleados .ico13 {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/flex/ico_follow.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 9px;
}
 nav .menu1_empleados .ico14 {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/succesion.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 9px;
}
 nav .menu1_empleados .ico22 {
 	 background-image: url(https://s3.amazonaws.com/hr.acsendo.com/assets/menu/plan_individual_desarrollo.svg);
     background-repeat: no-repeat;
     background-size: 46px !important;
     background-position: 0px 0px !important;
}
nav .menu1_empleados .ico23 {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/iconoEmpresaMenu.svg);
     background-repeat: no-repeat;
     background-size: 25px !important;
     background-position: 0px 9px;
}
 nav .menu1_empleados .ico15 {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/company.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 9px;
}
nav .menu1_empleados .ico19 {
     background-image: url(../images/flex/menu/ico_result.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 9px;
}
nav .menu1_empleados .icon-profile {
     background-image: url(../images/flex/menu/icono_profile_blanco.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 9px;
}



 nav .menu1_empleados .ico16 {
     background-image: url(../images/flex/menu/feedback_icon.svg);
     background-repeat: no-repeat;
     background-size: 42px;
     background-position: -3px 10px;
}

	 @media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active) {
     nav .menu1_empleados .ico13 {
         background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/flex/ico_follow.svg);
         background-repeat: no-repeat;
         background-size: 29px !important;
         background-position: 0px 9px !important;
    }
}
 a.menu_txt.ico17 {
     width: 100%;
      background-image: url(../images/flex/menu/icons/Resultados.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: center 9px;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     a.menu_txt.ico17 {
         width: 100%;
          background-image: url(../images/flex/menu/icons/Resultados.svg);
         background-repeat: no-repeat;
         background-size: 50px;
         background-position: center 9px;
    }
}
 a.menu_txt.ico18 {
     width: 100%;
     background-image: url(../images/flex/menu/ico_plan.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: center 9px;
}
 @media screen and (min-width:0\0) {
     a.menu_txt.ico18 {
         width: 100%;
         background-image: url(../images/flex/menu/ico_plan.svg);
         background-repeat: no-repeat;
         background-size: 60px;
         background-position: center 9px;
    }
}
 a.menu_txt.ico19 {
     width: 100%;
     background-image: url(../images/flex/menu/ico_result.svg);
     background-repeat: no-repeat;
     background-size: 38px;
     background-position: center 10px;
}
 a.menu_txt.ico20 {
     width: 100%;
     background-image: url(../images/flex/menu/ico_car.svg);
     background-repeat: no-repeat;
     background-size: 36px;
     background-position: center 8px;
}
 a.menu_txt.ico21 {
     width: 100%;
    /* background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/ico_reports.svg);*/
    background-image: url(../images/flex/menu/icons/Resultados.svg);
     background-repeat: no-repeat;
     background-size: 36px;
     background-position: center 10px;
}

.ico21 {
     width: 100%;
    /* background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/ico_reports.svg);*/
     background-image: url(../images/flex/menu/icons/Resultados.svg);
     background-repeat: no-repeat;
     background-size: 36px;
     background-position: center 10px;
}

 a.menu_txt.icoSurvey {
     width: 100%;
    /* background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/ico_reports.svg);*/
     background-image: url(../images/flex/menu/icons/Encuestador.svg);
     background-repeat: no-repeat;
     background-size: 36px;
     background-position: center 10px;
}

 a.menu_txt.icoEngagement {
      width: 100%;
      background-image: url(../images/flex/menu/icons/Cultura.svg);
	  background-repeat: no-repeat;
      background-size: 38px;
      background-position: center 10px;
 }
 
 a.menu_txt.icoHomeOffice2 {
      width: 100%;
      background-image: url(../images/flex/menu/icons/Home_office.svg);
	  background-repeat: no-repeat;
      background-size: 36px;
      background-position: 0px 8px;
 }
 
  a.menu_txt.icoHomeOffice {
      width: 100%;
      background-image: url(../images/flex/menu/icons/Home_office.svg);
	  background-repeat: no-repeat;
      background-size: 36px;
      background-position: center 8px;
 }
 
  a.menu_txt.icoOkrs2 {
      width: 100%;
      background-image: url(../images/flex/menu/icons/IconoOKRsGeneral.svg);
	  background-repeat: no-repeat;
      background-size: 36px;
      background-position: 0px 8px;
 }
 
  a.menu_txt.icoOkrs {
      width: 100%;
      background-image: url(../images/flex/menu/icons/IconoOKRsGeneral.svg);
	  background-repeat: no-repeat;
      background-size: 36px;
      background-position: center 8px;
 }
 
   a.menu_txt.icoRecruiting {
      width: 100%;
      background-image: url(../images/flex/menu/icons/recruiting.svg);
	  background-repeat: no-repeat;
      background-size: 36px;
      background-position: center 8px;
 }
 
 a.menu_txt.icon-profile {
      width: 100%;
      background-image: url(../images/flex/menu/icono_profile_blanco.svg);
	  background-repeat: no-repeat;
      background-size: 36px;
      background-position: center 8px;
 }
 
 
 nav .menu1 li {
     float: left;
     height: 80px;
     list-style-type: none;
     margin: 0;
     padding: 0 15px;
     text-align: center;
     position: relative;
     overflow: hidden;
}
 nav .menu1 {
     float: left;
     padding: 0px !important;
     margin: 0px !important;
     margin-left: -4px !important;
}

nav .menu1_empleados .icoSurvey {
     background-image: url(../images/flex/menu/icons/Encuestador.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 0px 9px;
}

 nav .menu1_empleados li {
     float: left;
     height: 45px;
     width: 100%;
     list-style-type: none;
     margin: 0;
     padding: 0 15px;
     text-align: center;
     position: relative;
     overflow: hidden;
}
 nav .menu1_empleados {
     float: left;
     clear: both;
     width: 100%;
     padding: 0px !important;
     margin: 0px !important;
}
 nav .menu1_empleados li.selected:after,nav .menu1_empleados li:hover:after {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333844;
     border-image: none;
     border-style: solid;
     border-width: 5px;
     content: "";
     display: block;
     height: 0;
     left: 50%;
     margin-left: -5px;
     margin-top: 0px;
     position: absolute;
     bottom: 0;
     width: 0;
     z-index: 10;
}
 .nav_flex .row {
     width: auto !important;
}
 nav .menu1 li.selected:after, nav .menu1 li:hover:after {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333844;
     border-image: none;
     border-style: solid;
     border-width: 5px;
     content: "";
     display: block;
     height: 0;
     left: 50%;
     margin-left: -5px;
     margin-top: 0px;
     position: absolute;
     bottom: 0;
     width: 0;
     z-index: 10;
}
 .menunuevo .menu1 li:hover {
     background-color: #2c9ead !important;
}
 .menu1 li.selected:before, nav .menu1 li:hover:before {
}

/*** Estilos sidebar menu colapsable para desktop ***/
 .no-pointer-events {
    pointer-events: none;
}
.vertical-nav-main-container {
	display: none;
    position: fixed;
    height: calc(100vh - 60px);
    width: auto;
    top: 60px;
    z-index: 1000;
}
.vertical_nav {
    position: relative;
    height: 100%;
    width: 215px;
    background-color: #282C36;
    margin-top: 0px;
    padding: 15px 0px;
    border: none;
    box-shadow: none;
    transition: all 0.4s ease-out;
}
.vertical_nav .div_menu_empleado_foto {
	display: flex;
	align-items: center;
	width: 100%;
   	min-height: 130px;
}
.vertical_nav .div_menu_empleado_foto .div_foto {
	width: 130px;
	height: 130px;
	transition: all 0.5s ease-in-out;
}
.vertical_nav .div_menu_empleado_foto .div_foto .container-btn-upload-photo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;	
}
.vertical_nav .div_menu_empleado_foto .div_foto .container-btn-upload-photo .plus,
.vertical_nav.vertical_nav__minify .div_menu_empleado_foto .div_foto .container-btn-upload-photo .plus {
    width: 32px;
    height: 32px;
    top: unset;
    margin: unset;
    maegin-left: unset;
}
.vertical_nav .name_employee_menu h5 {
	display: block;
	width: 190px;
	min-width: 190px;
	line-height: 1 !important;
	transition: min-width 0.4s ease-in-out;
}
.vertical_nav.vertical_nav__minify .div_menu_empleado_foto .div_foto {
	width: 60px;
	height: 60px;
}
.vertical_nav.vertical_nav__minify .name_employee_menu h5 {
	display: none;
}
.vertical_nav .sidebar-primary-menu ul li {
	cursor: pointer;
}
.vertical_nav .sidebar-primary-menu ul li:hover:after {
	display: none;
}
.vertical_nav .sidebar-primary-menu ul li a,
.vertical_nav .sidebar-primary-menu ul li.selected a {
	height: 45px;
	display: flex;
    align-items: center;
    padding-top: 10px;
    font-size: 14px !important;
    background-size: 24px;
    background-position: 8px 12px;
    outline: 0;
}

.vertical_nav .sidebar-primary-menu ul li a label,
.vertical_nav .sidebar-primary-menu ul li.selected a label {
	visibility: visible;
	margin-bottom: 0;
	color: #FFF;
	font-family: 'Work Sans', sans serif;
   	text-transform: capitalize;
   	font-size: inherit;
   	white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
   	transition: visibility 0.2s ease-in;
}
.vertical_nav .sidebar-primary-menu ul li a label {
	font-weight: 400;
}
.vertical_nav .sidebar-primary-menu ul li.selected a label {
	font-weight: 600;
}
.vertical_nav.vertical_nav__minify .sidebar-primary-menu ul li a label,
.vertical_nav.vertical_nav__minify .sidebar-primary-menu ul li.selected a label {
	visibility: hidden;
}
 
.sidebar-deploy-zone {
    position: absolute;
    top: 0px;
    left: 100%;
    background-color: transparent;
    width: 10px;
    height: 100%;
}
.employee-name-sidebar {
	display: flex;
	justify-content:center;
	align-items: center;
	position: relative;
	height: 45px;
    min-height: 45px;
	text-align: center;
}
.employee-name-sidebar .name_employee_menu {
	display: flex;
	align-items: center;
	height: 100%;
	max-height: 45px;
}

.collapse_menu_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    border: none;
    box-shadow: none;
    background-color: #282C36;
    color: #FFF;
    cursor: pointer;
    outline: 0;
}
.vertical-nav-main-container:not(minified-sidebar) .collapse_menu_btn .collapse_menu_btn--icon {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin-top: 1px;
    margin-right: 2px;
    margin-left: 0px;
}
.vertical-nav-main-container.minified-sidebar .collapse_menu_btn .collapse_menu_btn--icon {
    display: block;
    width: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 2px;
    font-size: 0.95rem;
   	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
   	-moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


/* Estilos para Sub-menu triggers (Boton que despliega sub-menu) */
.vertical_nav .sidebar-primary-menu ul li .menu--link {
	display: flex;
	align-items: center;
	height: 45px;
	overflow: hidden;
	padding: 0px 15px;
	font-size: 0.875rem !important;
	text-decoration: none;
    text-transform: capitalize;
	color: #FFF;
	font-weight: 400;
	white-space: nowrap;
	cursor: pointer; 
}
.vertical_nav .sidebar-primary-menu li label.menu_txt {
	height: 45px;
	margin-bottom: 0px;
	padding-left: 65px;
	background-position: 24px 10px;
}
.vertical_nav .sidebar-primary-menu ul li .menu--label {
	font-size: 0.875rem;
}
.menu--link:hover, .menu--link:hover .menu--label {
	color: #FFF;
	background: #333844; 
}

.vertical_nav.vertical_nav__minify li label.menu_txt {
	padding-right: 0px;
}
.vertical_nav.vertical_nav__minify .menu--label {
	visibility: hidden;
	transition: visibility 0.2s ease-in-out;
}

/* Estilos para casos especiales de links e iconos del sidebar menu colapsable */
.vertical_nav .sidebar-primary-menu ul li .nr_day_menu {
    left: 43.5px;
    top: 14px;
}
.vertical_nav .sidebar-primary-menu .menu1_empleados label.menu_txt.ico3 {
    background-position: 21px 8px;
}
.vertical_nav .sidebar-primary-menu .menu1_empleados label.menu_txt.ico5 {
    background-size: 23px;
}
.vertical_nav .sidebar-primary-menu .menu1_empleados .menu_txt.ico8 {
    background-position: 8px 8px;
}
.vertical_nav .sidebar-primary-menu .menu1_empleados label.menu_txt.ico15 {
    background-size: 20px;
}
.vertical_nav .sidebar-primary-menu .menu1_empleados .menu_txt.ico16 {
    background-size: 32px;
    background-position: 5px 8px;
}
.vertical_nav .sidebar-primary-menu .menu1_empleados label.menu_txt.ico19 {
    background-size: 24px;
    background-position: 24px 8px;
}
.vertical_nav .sidebar-primary-menu a.menu_txt.icoHomeOffice2 {
    background-position: 8px 10px;
}

.vertical_nav .sidebar-primary-menu a.menu_txt.icon-profile {
    background-size: 45px;
    background-position: -2px 4px;	
}



.vertical_nav .sidebar-primary-menu label.menu_txt.icoEngagement {
	width: 100%;
	background-image: url(../images/flex/menu/icons/Cultura.svg);
	background-repeat: no-repeat;
	-webkit-background-size: 25px;
	-moz-background-size: 25px;
	-ms-background-size: 25px;
	background-size: 25px;
    background-position: 24px 10px;
}


/* Sub-menu agrupacion de items del sidebar menu colapsable*/
.menu--item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.menu--item__has_sub_menu .menu--link:after {
	position: absolute;
	top: 0;
	right: 15px;
	height: 40px;
	line-height: 40px;
	font-family: "FontAwesome";
	content: "\f0d7"; 
}
.vertical_nav .menu--item__has_sub_menu ul.sub_menu li .menu_txt {
	padding-left: 45px;
}
.vertical_nav .menu--item__has_sub_menu ul.sub_menu li .menu_txt.menu-item-with-external-icon,
.vertical_nav .menu--item__has_sub_menu ul.sub_menu li .menu-item-with-external-icon i {
	padding-left: 0px;
}
.vertical_nav .menu--item__has_sub_menu ul.sub_menu li .menu_txt.menu-item-with-external-icon i,
.vertical_nav .menu--item__has_sub_menu ul.sub_menu li .menu-item-with-external-icon i {
	margin: 0px 17px 0px 10px; 
	font-size: 1.25rem;
}
.vertical_nav .sidebar-primary-menu ul li.menu--item.menu--item__has_sub_menu {
	padding: 0;	
}
.vertical_nav .sidebar-primary-menu ul li.menu--item__has_sub_menu.menu--subitems__opened {
	height: auto;
}
.vertical_nav .sidebar-primary-menu ul li.menu--item__has_sub_menu:hover,
.vertical_nav .sidebar-primary-menu ul li.menu--item__has_sub_menu:active,
.vertical_nav .sidebar-primary-menu ul li.menu--item__has_sub_menu:focus {
	background-color: transparent !important;
}

.vertical_nav .menu--item__has_sub_menu .menu--link:after {
	transition: transform 0.3s ease-in-out;
}
.vertical_nav .menu--item__has_sub_menu.menu--subitems__opened .menu--link:after {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.vertical_nav.vertical_nav__minify .menu--item__has_sub_menu .menu--link:after {
	content: '';
	transition: transform 0.5s ease-in-out;
}

.menu--subitems__opened .sub_menu {
	display: block; 
	margin-left: 0;
}
.sub_menu {
	display: none;
	overflow: hidden;
	padding-left: 0;
	list-style: none; 
}
.vertical_nav .sidebar-primary-menu ul.sub_menu li {
	padding-left: 35px;
}
.sub_menu li.sub_menu--item {
	color: #FFF;
	font-family: 'Work Sans', sans-serif;
}
.sub_menu li.sub_menu--item:hover {
	background-color: #333844;
}
.sub_menu--link {
	display: block;
	padding-left: 65px;
	padding-right: 16px;
	font-size: 0.875rem;
	font-family: inherit;
	color: inherit;
	text-decoration: none; 
}
.sub_menu--link:hover, .sub_menu--link:active, .sub_menu--link:focus {
	color: inherit;
	font-weight: 600;
}
.sub_menu--link__active {
	color: #FFF;
	font-weight: 600;
}
  

/* Overlay Sidebar Menu */
.sidebar-menu-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	background-color: transparent;
	z-index: 150;
}


 /*** Fin - Estilos sidebar menu colapsable para desktop ***/




 .tabla_paginacion table {
     border-radius: 3px 3px 0 0;
}
 .footer2 {
     width: calc(100% - 60%) !important;
     float: left;
     border-right: none !important;
     border-radius: 0 0 0 3px !important;
}
 .footer3 {
     float: left;
     width: 100% !important;
     height: 40px;
     background: #ebebeb;
     position: relative;
     top: -40px;
     z-index: -1;
     border-radius: 0px 0px 5px 5px !important;
}
 .evaluado_datos {
     float: right;
     height: auto;
     width: 300px;
     background-color: #f8f8f8;
     border-radius: 5px;
     border: solid 1px #f2f2f2;
     padding: 10px;
     margin-right: 20px;
}
 .categ_evaluado {
     font-size: 11px;
     color: #FFF;
     float: left;
     padding: 3px;
     margin-left: 15px;
     border-radius: 2px;
     clear: both;
}
 .tit_evaluado_datos {
     font-family: OpenSansBold;
     font-size: 11px;
     text-transform: uppercase;
     float: left;
     /*margin-bottom: 15px;*/
     color: #777777;
}
 .numero_actividades {
     float: right;
     font-family: OpenSansRegular;
     font-size: 11px !important;
     min-width: 120px;
     text-align: center;
     color: #999999 !important;
}
 .tabla_paginacion .ui-paginator {
     background: none repeat scroll 0 0 #ebebeb;
     float: right;
     margin: 0;
     padding: 7px 10px;
     width: calc(100% - 40%) !important;
     border-radius: 0 0 3px 0px;
     height: 40px;
}


.tabla_paginacion.table_competences_list .ui-paginator{
	width: 100% !important;
}

 .tabla_paginacion .ui-datatable-footer {
     background: none repeat scroll 0 0 #ebebeb;
     float: left;
     height: 40px;
     margin: 0;
     padding: 5px 10px;
     width: 100%;
     border-radius: 0 0 0px 3px;
}


 .font-regular {
     font-family: OpenSansRegular !important;
}
 .txt_evaluacion {
     color: #777777;
     font-family: OpenSansRegular !important;
     padding: 4px 5px 0 0;
     float: left;
}
 .filtro1 {
     padding: 10px;
     float: left;
     width: 20%;
     font-size: 13px;
     color: #666666;
     font-family: OpenSansRegular;
}
 .filtro1 input, .filtro1 .ui-selectonemenu {
     margin-top: 5px;
}
 .filtro2 {
     padding: 10px;
     float: left;
     width: 15%;
     font-size: 13px;
     color: #666666;
     font-family: OpenSansRegular;
}
 .filtro2 input, .filtro2 .ui-selectonemenu {
     margin-top: 5px;
}
 .filtro3 {
     padding: 10px;
     float: left;
     width: 14%;
     font-size: 13px;
     color: #666666;
     font-family: OpenSansRegular;
}
 .filtro3 input, .filtro3 .ui-selectonemenu {
     margin-top: 5px;
}
 .filtro4 {
     padding: 10px;
     float: left;
     width: 10%;
     font-size: 13px;
     color: #666666;
     font-family: OpenSansRegular;
}
 .filtro4 input, .filtro4 .ui-selectonemenu {
     margin-top: 5px;
}

.filtros_head2 .extraField:last-child {
	width: 7% !important;
}

 .tabla_paginacion2 .ui-paginator {
     background: none repeat scroll 0 0 #F5F5F5;
     float: right;
     margin: 0;
     padding: 10px;
     width: 100%;
     border-bottom: solid 1px #E6E6E6;
     border-left: solid 1px #E6E6E6;
     border-right: solid 1px #E6E6E6;
     border-top: 0;
     height: 50px;
     border-radius: 0 0 3px 3px;
}
 .tabla_paginacion2 table {
     border-radius: 3px 3px 0 0;
}
 .center2 {
     clear: both;
     float: none !important;
     margin: 0 auto !important;
     text-align: center;
}
 .bot_editar_nivel {
     float: left;
     margin-top: 3px;
     margin-left: 5px;
}
 .txt_subir_foto {
     float: left;
     margin-top: 10px;
}
 .ui-overlaypanel table tr, .ui-overlaypanel table, .ui-overlaypanel table td, .ui-overlaypanel table thead, .ui-overlaypanel table tfoot {
     background: none !important;
     border: 0 !important;
     padding: 0 !important;
}
 .margin_bottom {
     margin-bottom: 30px !important;
}
 .margin_bottom2 {
     margin-bottom: 100px !important;
}
 .margin_left {
     margin-left: 20px !important;
     float: left;
}
.datos_persona {
     float: right;
     max-width: 500px;
     height: 48px;
     margin-top: 5px;
     margin-right: 20px;
}
.datos_persona.employeeDropdown {
	margin-top: 10px;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .datos_persona {
         float: right;
         max-width: 206px;
         height: 48px;
         margin-top: 5px;
         margin-right: 20px;
         display: inline-block;
         width: auto;
    }
}
 .menu2 li .menu2_txt {
     float: left;
     color: #999999;
     font-size: 11px;
     margin: 0;
     padding: 0 10px;
}
 .menu2 li .menu2_txt.inactivo {
     color: #777777;
     border-color: #777777 !important;
}
 .menu2 li li:hover .menu2_txt.inactivo {
     color: #777777 !important;
     background: none !important;
}
 .menu2 {
     float: right !important;
     height: 20px;
     padding: 0px !important;
     margin: 8px 0 0 0 !important;
}
 .menu2 li {
     float: left;
     list-style-type: none;
     margin-right: 15px;
     margin-top: 5px;
}
 .menu2 li a {
     color: #ebebeb;
     font-size: 11px;
     border-right: solid 1px #ebebeb;
     padding-right: 10px;
     font-weight: 600;
}
 .content {
     padding: 30px 0 60px 0 !important;
     float: left;
     position: relative;
}
 .zoom-in {
     background: url(/images/zoom_in.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     border: none;
     float: right;
     height: 23px;
     width: 22px;
     box-shadow: 0px 0 3px #cccccc;
     cursor: pointer;
}
 .zoom-out {
     background: url(/images/zoom_out.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     border: none;
     float: right;
     height: 23px;
     width: 22px;
     cursor: pointer;
     box-shadow: 0px 0 3px #cccccc;
}
 .buttons_zoom {
     height: 46px;
     left: 0;
     position: absolute;
     top: 80px;
     width: 22px;
     z-index: 3000;
}
 .line-bottom {
     border-bottom: solid 1px #cccccc;
}
 .line-bottom .ico_org {
     margin-top: 16px;
}
 .line-bottom .ico_list {
     margin-top: 16px;
}
 .ver_divisiones {
     color: #999999;
     font-size: 14px;
     margin-top: 24px;
     float: left;
     margin-left: 20px;
}
 .cargo2 .title, .cargo_editable_border .title {
     font-size: 13px;
     color: rgb(40, 40, 40);
     text-align: center;
     float: left;
     width: 110px;
}
 .cargo2 .subtitle, .cargo_editable_border .subtitle {
     font-family: OpenSansRegular;
     font-size: 12px;
     text-align: center;
     float: left;
     font-weight: normal;
     line-height: 18px;
     color: #999;
     width: 100%;
     clear: both;
}
 .cargo3 .title {
     font-size: 18px;
     text-align: center !important;
     float: left;
     width: 100%;
}
 .cargo3 .subtitle {
     font-family: OpenSansRegular;
     font-size: 13px;
     text-align: center;
     float: left;
     width: 100%;
     font-weight: normal;
     line-height: 18px;
     clear: both;
}
 .organigrama2 .custom {
     margin: 2px 0 0 0 !important;
     float: left !important;
     padding: 0px !important;
     clear: both;
}
 .organigrama_mas {
     font-family: OpenSansBold;
     font-size: 12px;
     color: #FFF;
     background-color: #d2d7da;
     height: 23px;
     width: 23px;
     float: left;
     border-radius: 20px;
     padding: 5px;
     text-align: center;
}
 .cont_cargo_box {
     float: left;
     position: relative;
     min-height: 55px !important;
     width: 252px;
     background-color: #FFF;
}
 .box4 .cont_cargo_box .cargo_box {
     width: 253px;
     float: left;
     font-size: 13px;
     font-weight: normal !important;
     font-family: OpenSansRegular, verdana !important;
     font-style: normal !important;
     color: #777777 !important;
     text-transform: none !important;
     border-top: solid #f0f0f0 1px;
     border-bottom: solid #f0f0f0 1px;
     border-left: solid white 1px;
     border-right: solid white 1px;
     text-align: left;
     box-shadow: inset 0px 1px 0px white;
     padding: 10px 14px;
     background-color: #ffffff;
     min-height: 55px !important;
     cursor: move;
}
 .box4_inner {
     float: left;
     overflow-y: auto;
     overflow-x: hidden;
}
 .box4 .ico_drag {
     position: absolute;
     height: 44px;
     width: 44px;
     right: 0;
     top: -1px;
     background-image: url(../images/ico_drag_cerrado.png);
     background-position: 0 0;
}
 .box4 {
     background: #ffffff;
     border-radius: 4px;
     box-shadow: 0 0 3px #cccccc;
     font-family: OpenSansRegular, verdana;
     color: #777777;
     font-size: 14px;
     line-height: 18px;
     overflow: hidden;
     width: 253px;
     float: right !important;
     margin-right: 20px;
     position: relative;
     padding-top: 15px;
     padding-right: 0;
     padding-bottom: 10px;
     padding-left: 0;
}
 .box4 h2 {
     padding-left: 15px !important;
     height: 40px;
     margin-top: 10px;
     font-size: 18px;
     line-height: 130%;
     width: 240px;
}
 .box4 p {
     padding: 20px 10px 20px 15px !important;
     margin: 0 !important;
     font-size: 13px;
     margin-top: 20px;
}
 .cargo_box .title {
     font-size: 13px;
     float: left;
     clear: right;
     margin-left: 5px;
     margin-bottom: 5px;
     color: rgb(40, 40, 40);
}
 .cargo_box .subtitle {
     font-family: OpenSansRegular;
     font-size: 12px;
     float: left;
     font-weight: normal;
     line-height: 18px;
     clear: left;
     margin-left: 5px;
     clear: both;
}
 .cargo_box img {
     float: left;
}
 .log_out {
     clear: right;
     color: rgb(119, 119, 119);
     float: right;
     margin-right: 8px;
     margin-top: 10px;
}
 .header2 {
     height: 90px;
}
 .lenguage {
     height: 20px;
     float: right;
     padding-top: 6px;
     width: auto;
}
 .lenguage span {
     font-family: OpenSansRegular;
     font-size: 13px;
     color: #777777;
}
 .lenguage a {
     font-family: OpenSansRegular;
     font-size: 13px;
     text-transform: uppercase;
     color: #777777;
     border-right: solid 1px #777777;
     padding-right: 6px;
     padding-left: 6px;
}
 .lenguage a:last-child {
     border-right-width: 0px;
}
 .lenguage a:hover, .lenguage a.selected_2 {
     font-family: OpenSansRegular;
     text-decoration: none;
     font-size: 13px;
}
 .aside2 p {
     font-style: normal !important;
}
 .aside2 label {
     margin-left: 0 !important;
}
 .clear {
     clear: both;
}
 .numero_slider1b {
     font-family: OpenSansBold, verdana;
     font-size: 12px;
     color: #999999;
     position: absolute;
     bottom: -20px;
     left: 0;
}
 .numero_slider2b {
     font-family: OpenSansBold, verdana;
     font-size: 12px;
     color: #999999;
     position: absolute;
     bottom: -20px;
     right: 0;
}
 .steps_box ul {
     float: left;
     clear: both;
     margin-left: 130px;
     margin-top: 20px;
}
 .steps_box ul li .disable_step {
     font-family: OpenSansSemibold;
     font-size: 14px;
     color: #aaaaaa;
     line-height: 20px;
     float: left;
}
 .steps_box ul li {
     width: 500px;
     float: left;
     margin-bottom: 15px;
}
 .suplan_box h1 {
     width: 100%;
     text-align: center;
     font-family: OpenSansSemibold !important;
     margin: 0 !important;
}
 .suplan_box p {
     width: 100%;
     text-align: center;
     margin-bottom: 6px !important;
}
 .cancel_account {
     color: #999999;
     float: right;
     font-family: open_sansitalic;
     line-height: 20px;
     text-decoration: underline;
}
 .historial_pagos {
     float: left;
     text-decoration: underline;
     width: 100%;
     margin-bottom: 20px;
}
 .fecha_suscripcion {
     margin-right: 5%;
     width: 38%;
}
 .desde_fecha {
     float: left;
     font-family: OpenSansBold;
     font-size: 14px;
     color: #333333;
}
 .desde {
     color: #777777;
     float: left;
     font-family: OpenSansSemibold;
     font-size: 11px;
     text-transform: uppercase;
     width: 100%;
}
 .left_box2 .alerta1 {
     margin-top: 15px;
}
 .form_wizard1 .info {
     font-size: 13px;
     color: #333;
     float: left;
     margin-bottom: 8px;
}
 .form_wizard1 .info2 {
     font-size: 13px;
     color: #666;
     float: left;
     margin-bottom: 8px;
}
 .edit_info {
     font-size: 12px;
     text-decoration: underline;
     float: left;
     margin-top: 30px;
}
 .editar_relaciones {
     font-family: open_sansitalic;
     font-size: 12px;
     line-height: 25px;
     color: #777777;
     float: left;
}
 .agregar_cargo {
     float: left;
     text-decoration: underline;
     margin-bottom: 15px;
     margin-left: 15px;
}
 .cargo_vacante {
     font-size: 12px;
     color: #999;
     float: left;
     font-family: OpenSansRegular;
     line-height: 20px;
}
 .organigrama_page {
     float: left;
     padding: 20px 0px;
     width: calc(100% - 60px);
     background-color: white;
     margin-top: 35px;
     margin-left: 30px;
}
 .reveal-modal-bg {
     position: fixed;
     height: 100%;
     width: 100%;
     background: #000;
     background: rgba(0, 0, 0, 0.45);
     z-index: 40;
     display: none;
     top: 0;
     left: 0;
}
 .endtextmodal-reveal {
     position: fixed;
     height: 100%;
     width: 100%;
     background: #000;
     background: rgba(0, 0, 0, 0.45);
     z-index: 40;
     display: none;
     top: 0;
     left: 0;
}
 .reveal-modal {
     background: #fff;
     visibility: hidden;
     display: none;
     top: 100px;
     left: 50%;
     margin-left: -260px;
     width: 520px;
     position: absolute;
     z-index: 41;
     padding: 30px;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
 .reveal-modal.close-reveal-modal:not(.button) {
     font-size: 22px;
     font-size: 2.2rem;
     line-height: .5;
     position: absolute;
     top: 8px;
     right: 11px;
     color: #aaa;
     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
     font-weight: bold;
     cursor: pointer;
}
 .reveal-modal.small {
     width: 30%;
     margin-left: -15%;
}
 .reveal-modal.medium {
     width: 40%;
     margin-left: -20%;
}
 .reveal-modal.large {
     width: 60%;
     margin-left: -30%;
}
 .reveal-modal.xlarge {
     width: 70%;
     margin-left: -35%;
}
 .reveal-modal.expand {
     width: 90%;
     margin-left: -45%;
}
 .reveal-modal .row {
     min-width: 0;
     margin-bottom: 10px;
}
 .reveal-modal>:first-child {
     margin-top: 0;
}
 .reveal-modal>:last-child {
     margin-bottom: 0;
}
 #joyRideTipContent {
     display: none;
}
 .joyride-tip-guide {
     display: none !important;
     position: absolute;
     background: black;
     background: rgba(0, 0, 0, 0.8);
     color: white;
     width: 300px;
     z-index: 2000;
     top: 0;
     left: 0;
     font-family: inherit;
     font-weight: normal;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     border-radius: 4px;
}
 .joyride-content-wrapper {
     padding: 18px 20px 24px;
}
 .joyride-tip-guide span.joyride-nub {
     display: block;
     position: absolute;
     left: 22px;
     width: 0;
     height: 0;
     border: solid 14px;
}
 .joyride-tip-guide span.joyride-nub.top {
     border-color: black;
     border-color: rgba(0, 0, 0, 0.8);
     border-top-color: transparent !important;
     border-left-color: transparent !important;
     border-right-color: transparent !important;
     top: -28px;
}
 .joyride-tip-guide span.joyride-nub.bottom {
     border-color: black;
     border-color: rgba(0, 0, 0, 0.8) !important;
     border-bottom-color: transparent !important;
     border-left-color: transparent !important;
     border-right-color: transparent !important;
     bottom: -26px;
}
 .joyride-tip-guide span.joyride-nub.right {
     border-color: black;
     border-color: rgba(0, 0, 0, 0.8) !important;
     border-top-color: transparent !important;
     border-right-color: transparent !important;
     border-bottom-color: transparent !important;
     top: 22px;
     left: auto;
     right: -28px;
}
 .joyride-tip-guide span.joyride-nub.left {
     border-color: black;
     border-color: rgba(0, 0, 0, 0.8) !important;
     border-top-color: transparent !important;
     border-left-color: transparent !important;
     border-bottom-color: transparent !important;
     top: 22px;
     left: -28px;
     right: auto;
}
 .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
     line-height: 1.25;
     margin: 0;
     font-weight: bold;
     color: white;
}
 .joyride-tip-guide p {
     margin: 0 0 18px 0;
     font-size: 14px;
     line-height: 1.3;
     color: #ffffff;
}
 .joyride-timer-indicator-wrap {
     width: 50px;
     height: 3px;
     border: solid 1px #555555;
     position: absolute;
     right: 17px;
     bottom: 16px;
}
 .joyride-timer-indicator {
     display: block;
     width: 0;
     height: inherit;
     background: #666666;
}
 .joyride-close-tip {
     position: absolute;
     right: 10px;
     top: 10px;
     color: #777777 !important;
     text-decoration: none;
     font-size: 20px;
     font-weight: normal;
     line-height: 0.5 !important;
}
 .joyride-close-tip:hover, .joyride-close-tip:focus {
     color: #eeeeee !important;
}
 .joyride-modal-bg {
     position: fixed;
     height: 100%;
     width: 100%;
     background: transparent;
     background: rgba(0, 0, 0, 0.5);
     z-index: 100;
     display: none;
     top: 0;
     left: 0;
     cursor: pointer;
}
 .clearing-blackout {
     background: black;
     background: rgba(0, 0, 0, 0.8);
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 999;
}
 .clearing-blackout .clearing-close {
     display: block;
}
 .clearing-container {
     position: relative;
     z-index: 999;
     height: 100%;
     overflow: hidden;
}
 .visible-img {
     height: 75%;
     position: relative;
}
 .visible-img img {
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -50%;
     max-height: 100%;
     max-width: 100%;
}
 .visible-img .clearing-caption {
     color: white;
     margin-bottom: 0;
     text-align: center;
     position: absolute;
     bottom: 0;
     background: black;
     background: rgba(0, 0, 0, 0.7);
     width: 100%;
     padding: 10px 100px;
}
 .clearing-close {
     z-index: 999;
     position: absolute;
     top: 10px;
     right: 20px;
     font-size: 30px;
     line-height: 1;
     color: white;
     display: none;
}
 .clearing-close:hover, .clearing-close:focus {
     color: #ccc;
}
 .clearing-main-left, .clearing-main-right {
     position: absolute;
     top: 50%;
     margin-top: -16px;
}
 .clearing-main-left.disabled, .clearing-main-right.disabled {
     opacity: 0.5;
}
 .clearing-main-left:active, .clearing-main-right:active {
     margin-top: -15px;
}
 ul[data-clearing].block-grid.three-up>li:nth-child(3n+1) {
     clear: none;
}
 ul[data-clearing] li {
     cursor: pointer;
     display: block;
}
 ul[data-clearing] li.clearing-feature ~ li {
     display: none;
}
 .clearing-assembled .clearing-container .carousel {
     background: black;
     background: rgba(0, 0, 0, 0.75);
     height: 150px;
     margin-top: 5px;
}
 .clearing-assembled .clearing-container .visible-img {
     background: black;
     background: rgba(0, 0, 0, 0.75);
     overflow: hidden;
}
 .clearing-assembled .clearing-container ul[data-clearing] {
     z-index: 999;
     width: 200%;
     height: 100%;
     margin-left: 0;
     position: relative;
     left: 0;
}
 .clearing-assembled .clearing-container ul[data-clearing] li {
     display: block;
     width: 175px;
     height: inherit;
     padding: 0;
     float: left;
     overflow: hidden;
     background: #222;
     margin-right: 1px;
     position: relative;
}
 .clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {
     min-height: 100%;
     height: 100%;
     max-width: none;
}
 .clearing-assembled .clearing-container ul[data-clearing] li img {
     cursor: pointer !important;
     min-width: 100% !important;
}
 .clearing-assembled .clearing-container ul[data-clearing] li.visible {
     border-top: 4px solid white;
}
 ul.block-grid[data-clearing] {
     overflow: visible;
}
 .clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-child(2n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-child(3n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-child(4n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-child(5n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-child(6n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-child(7n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-child(8n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-child(9n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-child(10n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-child(11n+1) {
     clear: none;
}
 .clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-child(12n+1) {
     clear: none;
}
 .clearing-blackout .th img {
     border: none;
     -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
     -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
}
 .clearing-blackout:hover img, .clearing-blackout:focus img {
     -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
     -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
 .breadcrumbs_out {
     float: left;
     width: 100%;
}
 ul.breadcrumbs {
     display: block;
     padding: 0;
     overflow: hidden;
     margin-left: 0;
     margin-top: 12px !important;
     margin-bottom: 12px !important;
     float: left;
}
 ul.breadcrumbs li {
     margin: 0 10px 0 0;
     padding: 0 12px 0 0;
     float: left;
     list-style: none;
     background-image: url(../images/breadcrumbs_arrow.jpg);
     background-repeat: no-repeat;
     background-position: right center;
     font-size: 13px;
     color: #777777;
     font-family: OpenSansRegular !important;
}
 ul.breadcrumbs li:last-child {
     background-image: none;
     background-image: none !important;
}
 ul.breadcrumbs li a {
     font-size: 13px;
     color: #777777;
     text-decoration: underline;
     font-family: OpenSansRegular !important;
}
 .left {
     text-align: left;
     float: left !important;
}
 .left_2 {
     text-align: left !important;
     float: left !important;
}
.right {
     float: right !important; 
}
.fr {
	float: right !important;
}
 .tit_company {
     clear: left;
     color: rgb(24, 33, 41);
     float: left;
     font-family: OpenSansBold, verdadna;
     font-size: 24px !important;
     padding-top: 20px;
}
 .left_box3 h2 {
     padding-left: 15px !important;
     height: 40px;
     margin-top: 10px;
     font-size: 18px;
     line-height: 130%;
}
 .left_box3 p {
     padding: 20px 10px 20px 15px !important;
     margin: 0 !important;
     font-size: 13px;
     margin-top: 20px;
}
 form {
     margin: 0 !important 
}
 .download_box {
     float: left;
     height: 160px;
     width: 500px;
     margin-right: 35px;
     margin-top: 40px;
}
 .download_box a {
     font-family: OpenSansBold;
     font-size: 13px;
     float: left;
     margin-right: 10px;
}
 .menu_wizard2 {
     height: 90px;
}
 .ui-columntoggler {
     padding: 0;
     position: absolute;
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border: 1px solid rgb(238, 238, 238);
}
 .ui-columntoggler .ui-columntoggler-items {
     border: 0 none;
     margin: 0;
     padding: 0.4em;
}
 .ui-columntoggler .ui-columntoggler-item {
     border: 0 none;
     cursor: pointer;
     display: block;
     font-weight: normal;
     margin: 1px 0;
     padding: 3px 5px;
     position: relative;
     text-align: left;
     white-space: nowrap;
}
 .ui-columntoggler .ui-widget-content {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
     border: 1px solid rgb(168, 168, 168);
}
 .ui-datatable .ui-row-toggler {
     cursor: pointer;
}
 .tabla_evaluaciones table, .tabla_evaluaciones table label {
     margin-top: 0 !important;
     border: none !important;
}
 .tabla_evaluaciones table td {
     padding: 3px !important;
}
 table tr td:first-child, table tr th:first-child {
     text-align: left;
}
 .jOrgChart table tr td:first-child, .jOrgChart table tr th:first-child {
     text-align: none !important;
}
 .tabla_evaluaciones table tbody tr, .tabla_evaluaciones table tbody tr:nth-child(2n) {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
 .bot_verde2:visited, .bot_verde2:active, .bot_verde2:focus, .bot_verde:visited, .bot_verde:active, .bot_verde2:focus, .bot_azul:visited, .bot_azul:active, .bot_azul:focus {
     color: #ffffff !important;
}

.button_disabled{
	background: #c1c1c1 !important;
	cursor: default !important;
}

.button_disabled_icon{
	color:#c1c1c1 !important;
}
.button_blanco_disabled{
	color: #c1c1c1 !important;
    cursor: default !important;
    border-color: #c1c1c1 !important;
}
.tab_disabled{
	color: #c1c1c1 !important;
    cursor: default !important;
    border-color: #c1c1c1 !important;
}

.txt_menu_enable{
	font-family: Work Sans, sans-serif;
    color: #ffffff;
    font-size: 12px;
}

#tab_angular li {
	background: none repeat scroll 0 0 rgb(250,250,250);
    border-radius: 0;
    cursor: default;
    font-family: Work Sans, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    height: calc(100% - 0px);
}
.tab_enable{
	
}

 .table_name_evaluation td:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     line-height: 0;
     visibility: hidden;
}
 .panelmodal {
     position: fixed !important;
}
 .red_error {
     color: rgb(227, 15, 0);
}
 .red_text {
     color: #E46053;
}
 .black_text {
     color: #000;
}
 .green_text {
     color: rgb(10, 151, 52);
}
 .green_text2 {
     color: #BDD262 !important;
}
 .tabla_encuesta2 {
     width: 80%;
     border: none !important;
}
 .tabla_encuesta2 td label {
     float: left;
     text-align: left !important;
}
 .ui-picklist tr td:first-child {
     width: 45%;
}
 .ui-picklist tr td:last-child {
     width: 45%;
}
 .ui-picklist-button-add {
     border: none !important;
     float: left;
     width: 30px;
     height: 24px;
     cursor: pointer;
     text-indent: -99999px;
     clear: both;
     margin-bottom: 14px;
}
 .ui-picklist-button-add-all {
     border: none;
     float: left;
     width: 30px;
     height: 24px;
     cursor: pointer;
     text-indent: -99999px;
     clear: both;
     margin-bottom: 14px;
}
 .ui-picklist-button-remove {
     border: none;
     float: left;
     width: 30px;
     height: 24px;
     cursor: pointer;
     text-indent: -99999px;
     clear: both;
     margin-bottom: 14px;
}
 .ui-picklist-button-remove-all {
     border: none;
     float: left;
     width: 30px;
     height: 24px;
     cursor: pointer;
     text-indent: -99999px;
     clear: both;
     margin-bottom: 14px;
}
 .ui-picklist-item {
     cursor: pointer;
     text-align: left;
}
 .table_grid table {
     float: left;
     width: 100%;
}
 .ui-fileupload-buttonbar {
     padding: 0 0 0.6em 0;
     float: left;
}
 .ui-fileupload .ui-corner-top {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
}
 .ui-fileupload .ui-widget-header {
     color: #333;
     font-weight: bold;
}
 .ui-fileupload-choose {
     overflow: hidden;
     position: relative;
}
 .ui-fileupload-content {
	height: 15px;
	min-height: 15px;
    padding: 0.2em 0.4em;
    float: left;
    width: 100%;
}
 .ui-fileupload-content .ui-messages-error, .ui-fileupload-content .ui-message-error {
     background-color: #f2dede;
     border-color: #eed3d7;
     color: #b94a48;
     min-height: 40px;
     padding: 10px;
     overflow: hidden;
}
 .ui-fileupload-content .ui-messages-error ul, .ui-fileupload-content .ui-message-error ul {
     margin: 0;
     padding: 0 0 0 10px;
}
 .ui-fileupload-buttonbar button span {
     float: left;
}
 .ui-fileupload-choose span {
     float: left;
     margin-right: 3px;
}
 .ui-icon-plusthick {
     background-image: url("../images/flex/icones/lupa.svg") 
}
 .ui-icon-arrowreturnthick-1-n {
     width: 0px;
}
 .ui-icon-cancel {
     width: 0px;
}
 .ui-fileupload-files .ui-fileupload-cancel {
     background: none;
     border: none;
     float: left;
     height: 25px;
     width: 25px;
}
 .ui-fileupload-files .ui-fileupload-cancel .ui-button-icon-left ui {
     background-image: url("../images/borrar.png") !important;
     float: left;
     height: 25px;
     margin-left: 3px;
     width: 25px;
}
 .ui-fileupload-content .ui-progressbar .ui-progressbar-value {
     height: 100%;
}
 .ui-progressbar .ui-progressbar-value {
     margin: -1px;
     position: absolute;
}
 .ui-progressbar .ui-widget-header {
     background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #85b2cb;
     border-radius: 10px;
}
 .ui-fileupload-content .ui-progressbar {
     height: 20px;
     margin: 0;
     width: 200px;
}
 .ui-progressbar {
     position: relative;
     text-align: left;
     border: 1px solid #a8a8a8;
     border-radius: 10px;
}
 .ui-fileupload-buttonbar button.ui-state-disabled {
     border: solid 1px #cccccc !important;
     color: #cccccc !important;
}
 .ui-fileupload-buttonbar button.ui-state-disabled .ui-icon {
     filter: url(filters.svg#grayscale);
     filter: gray;
     -webkit-filter: grayscale(1);
     opacity: 0.4;
}
 .ui-fileupload-files td {
     padding: 0px 10px 0px 0px !important;
     vertical-align: middle;
}
 .ui-fileupload-cancel .ui-icon {
     margin-top: 2px !important;
}
 .barra {
     background-color: #ebebeb;
     border-radius: 3px;
     float: left;
     height: 15px;
     margin-right: 5px;
     width: 63%;
}
 .barra_carga {
     border-radius: 3px 0 0 3px;
     color: rgb(255, 255, 255);
     float: left;
     font-family: OpenSansBold, verdana;
     font-size: 14px;
     height: 15px;
     padding: 5px 8px 0 0;
     text-align: right;
     width: 60%;
}
 .barraindicador {
     position: absolute;
     bottom: 0px;
     left: 45px;
     width: 16px;
}
 .hiddenselect {
     display: none !important;
}
 .box_image_logo {
     height: 80px;
     width: 180px;
     overflow: hidden;
     background-size: cover;
     position: relative;
     background-color: white;
     margin-right: 4px;
}
 .box_image_logo_empleados {
     height: 60px;
     width: 200px;
     margin-left: 20px;
     overflow: hidden;
     background-size: cover;
     position: relative;
     margin-right: 4px;
}
 .overlay {
     border-right: 1px solid #cccccc;
     background: rgba(0, 0, 0, .25);
     text-align: center;
     opacity: 0;
     width: 100%;
     -webkit-transition: opacity .25s ease;
     -moz-transition: opacity .25s ease;
}
 .box_image_logo:hover .overlay {
     opacity: 0.6;
}
 .plus {
     background-image: url("../images/upload_foto.png");
     background-repeat: no-repeat;
     display: block;
     width: 30%;
     height: 50%;
     margin: 0 auto;
     position: relative;
     top: 25%;
     margin-left: 44%;
}
 .flechita select {
     -webkit-appearance: toolbargripper;
     -moz-appearance: toolbargripper;
     -ms-appearance: toolbargripper;
     -o-appearance: toolbargripper;
     appearance: toolbargripper;
     z-index: 1001;
}
 .ui-selectonemenu {
     z-index: 1001;
}
 .numeros_p .puntaje_txt {
     color: #777777;
     float: left;
     font-family: OpenSansRegular, verdana;
     font-size: 11px;
     margin-right: 10px;
}
 .numeros_p span {
     clear: both;
     float: none !important;
     text-align: center;
}
 .ui-fileupload-content .ui-messages-error-detail {
     font-weight: bold;
     float: left;
}
 .outputText a {
     float: left;
}
 .popup_ficha2 .scroll_popup {
     max-height: 415px;
}
 .popup_ficha2 {
     height: 685px !important;
     margin-left: -270px;
     width: 540px !important;
     border-radius: 5px 5px 5px 5px;
     left: 50% !important;
     z-index: 1010;
     overflow: hidden;
     background: #ffffff;
     top: 23% !important;
}
 .popup_ficha2 .ui-widget-content {
     background-color: #ffffff;
}
 .popup_ficha2 .ui-tabs {
     height: 450px;
     padding: 10px 10px 0 10px;
}
 .popup_ficha2 .header_editar_empleado, .popup_ficha .ui-widget-content {
     width: 100%;
}
 .popup_ficha2 .ui-tabs-panels {
     width: 100%;
     height: 340px;
     overflow-y: auto;
     overflow-x: hidden;
}
 .logoaccount .ui-fileupload-buttonbar .ui-fileupload-upload {
     display: none;
}
 .logoaccount .ui-fileupload-buttonbar .ui-fileupload-cancel {
     display: none;
}
 .logoaccount .ui-fileupload-buttonbar .ui-state-default .ui-icon {
     background-image: url("/images/ui-icons_black.png");
}
 .logoaccount .ui-fileupload-choose span {
     float: left;
     margin-right: 3px;
     padding-top: 2px;
}
 .from_address_name {
     padding: 0px 20px;
}
 .numeros_pre2 {
     float: left;
     margin-left: 30px;
     margin-top: 12px 
}
 .tit_pregunta2 {
     font-family: OpenSansSemibold, verdana;
     text-align: center;
     float: left;
}
 .numeros_3 {
     color: #999999;
     font-size: 12px;
     width: 65px;
}
 .puntaje_txt2 {
     color: #777777;
     float: left;
     font-family: OpenSansRegular, verdana;
     font-size: 11px;
     width: 100%;
     text-align: center;
}
 .numero_4 {
     margin: 0 !important;
}
 .pregunta_3 {
     float: right;
     font-size: 12px;
     line-height: 14px;
     font-family: OpenSansRegular, verdana;
     padding: 0px;
     overflow: hidden;
     border: 0 !important;
     width: auto;
     margin-top: -5px;
     margin-right: 10px;
}
 .pregunta_3 td {
     width: auto;
}
 .pregunta_3 input {
     width: 20px;
     margin-left: calc(50% - 10px);
}
 .climaFile .ui-fileupload-upload {
     display: none;
}
 .climaFile .ui-fileupload-cancel {
     display: none;
}
 .climaFile table td {
     max-width: 211px !important;
}
 .err span {
     border-color: #c60f13;
     background-color: rgba(198, 15, 19, 0.1);
}
 .nouppercase {
     text-transform: none;
}
 .modelo_radio td input {
     width: 8.167% !important;
     position: absolute;
     right: 50px !important;
}
 .error2 table, teble.error2 {
     border-color: #c60f13 !important;
}
 .borde table {
     border: medium none;
}
 form input {
     box-shadow: none !important;
}
 .num_encuesta_pordml {
     font-family: OpenSansRegular;
     font-size: 12px;
     line-height: 0;
     list-style-type: unset !important;
     padding: 0;
}
 .heightauto {
     height: auto !important;
     position: absolute !important;
}
 .heightauto_important {
     height: auto !important;
}
 .mod_tabs .ui-tabs {
     height: auto !important;
     margin: 0px !important;
}
 .mod_tabs .ui-tabs-panels {
     height: auto !important;
     padding-bottom: 1px;
}
 .barrafixed {
     position: fixed !important;
     top: 0px !important;
     border-bottom: 3px solid #51C5D0;
}
 .barrafixed2 {
     position: fixed !important;
     top: 0px !important;
     z-index: 100;
     right: 0;
     padding: 0 11%;
}
 .barrafixed2 .encuesta_inner {
     border-bottom: 2px solid #51C5D0;
     padding-top: 10px;
}
 .barrafixed2 .encuesta_inner .content_scroll {
     padding: 0 35px;
}
 #scroll2 {
     width: 100%;
     float: left;
     position: relative;
     top: 15px;
     margin: 0px 0px 20px;
}
 .spaceScroll {
     height: 100px;
}
 .legendapor {
     position: fixed;
     left: 17%;
     width: 27%;
     height: auto;
     margin-top: 30px;
     display: none;
}
 .legendapor2 {
     position: fixed;
     left: 17%;
     width: 27%;
     height: auto;
     top: 30px;
     display: none;
}
 .legendapor2 ul, .legendapor ul {
     width: 30%;
     height: 50px;
     display: inline-block;
     vertical-align: top;
}
 .legendapor2 ul li, .legendapor ul li {
     width: auto;
     height: 30px;
     display: block;
     margin: 0px 3px;
     float: left;
}
 .legendapor2 ul li p, .legendapor ul li p {
     background-color: #51C5D0;
     padding: 0px 5px;
     border-radius: 3px;
     color: white;
     font-size: 9px;
     font-weight: 700;
     display: inline-block;
}
 .legendapor2 ul li p1, .legendapor ul li p1 {
     font-size: 9px;
     margin-left: 5px;
     font-family: OpenSansSemibold, verdana;
     color: #777;
     vertical-align: middle;
}
 a#form:j_idt46.ui-commandlink.ui-widget.bot_azul.bot_por:hover {
     background: url("/images/arrow_next_w.png") no-repeat scroll right center #52C5D2 !important;
}
 form#j_idt105.no-margin-left.margin-top3 {
     margin-top: 40px !important;
     margin-bottom: 20px !important;
}
 div.ui-fileupload-content.ui-widget-content.ui-corner-bottom {
     margin-left: -5px;
}
 td.six.six2 {
     width: 21% !important;
}
 table.twentythree.table_name_evaluation {
     margin-top: 40px;
}
 .saved {
     padding: 0 0 4px 24px !important;
}
 th#formSetup:j_idt122:j_idt123.ui-state-default.six.left2 {
     width: 27% !important;
}
 .h1dmllanding {
     width: 600px ! important;
     color: white;
     background-color: rgba(0, 0, 0, 0.3);
     border-radius: 5px;
     padding: 10px;
     margin-right: 300px;
}
 .h1dml360landing {
     width: 630px !important;
     color: #6c6c6c;
     font-size: 14px;
     font-weight: 600;
     margin-left: 18%;
     margin-top: 340px;
}
 .fullwindow {
     width: 100% !important;
}
 .tituloclima {
     color: #22313F;
     font-size: 20px;
}
 .botao_download {
     background-color: #069;
     padding: 8px;
     border-radius: 5px;
     margin-top: 10px !important;
     margin-bottom: 30px !important;
     margin-right: 70% !important;
}
 .botao_download:hover {
     background-color: #52C5D2;
}
 .botao_download a:hover {
     color: white !important;
}
 .abot_down {
     color: white;
     font-size: 12px !important;
     margin-left: 10px !important;
     margin-top: 7px !important;
}
 .upload_box_es.twentyfour {
     width: 470px !important;
     background: url("/images/uploadempleados.png") no-repeat scroll 70px 45px rgb(249, 249, 249) !important;
     box-shadow: none !important;
     border: 4px solid rgb(240, 240, 240);
     background-size: 40px !important;
}
 a#formSetup:j_idt152: 0:j_idt162.ui-commandlink.ui-widget.delete_mail2.no-margin {
     margin-top: 8px !important;
}
 .margin10 {
     margin-right: 30px;
}
 .margin10_2 {
     margin: 10px !important;
}
 .margin4 {
     margin-right: 30px !important;
}
 .margin3 {
     margin: 3px;
}
/* .menunuevo{
     */
    /* background-color:#22292d;
     */
    /* box-shadow: none;
     */
    /* border-bottom: medium none;
     */
    /* height: 90px;
     */
    /* margin-top:0px;
     */
    /* 
}
 */
/* .menu1 li.selected2{
     */
    /* background-color:#2D363C;
     */
    /* height:90px;
     */
    /* border-bottom:3px solid #52c5d2;
     */
    /* 
}
 */
/* .menu1 li.selected3{
     */
    /* height:90px;
     */
    /* 
}
 */
/* .menu_txt2 {
     */
    /* color: #FFF;
     */
    /* float: left;
     */
    /* height: 40px;
     */
    /* padding: 0px 10px;
     */
    /* text-align: center;
     */
    /* text-decoration: none;
     */
    /* padding-top: 53px;
     */
    /* 
}
 */
/* .menu_txt2:hover {
     */
    /* color: #FFF !important;
     */
    /* 
}
 */
/* .fundoapp{
     */
    /* background-color: #f7f5f5;
     */
    /* 
}
 */
/* .notificaciones {
     */
    /* margin-bottom:0px !important;
     */
    /* background-color:#222b2e !important;
     */
    /* display:none !important;
     */
    /* 
}
 */
/* .menunuevo .row{
     */
    /* width:100% !Important;
     */
    /* 
}
 */
/* .menu1{
     */
    /* display:inline-block !important;
     */
    /* float:none !important;
     */
    /* 
}
 */
/* .logospace{
     */
    /* width:250px;
     */
    /* height:90px;
     */
    /* background-color:white;
     */
    /* display:inline-block;
     */
    /* 
}
 */
/* .logocentrado{
     */
    /* margin-left:5px;
     */
    /* margin-top:10px;
     */
    /* 
}
 */
/* .box_image_logo {
     */
    /* margin-right:0px !important;
     */
    /* padding-right:0px !important;
     */
    /* width:240px;
     */
    /* 
}
 */

 .upload_box_comp2 {
     width: 572px !important;
     background: url("/images/uploadempleados2.png") no-repeat scroll 240px 55px/83px auto #F9F9F9 !important;
     box-shadow: none !important;
     border: 4px solid #F0F0F0;
     height: 200px;
     padding: 10px 20px 0px 0px !important;
     border-radius: 10px;
}
 .upload_box_comp2 .selectfile{
     margin-left: 150px;
     margin-top: 10px;
     position: absolute;
}
 .upload_box_comp2 #prog {
     margin: 140px 155px 0px;
}
 .marginbottom0 {
     margin-bottom: 0px !important;
}
 .marginbottom5 {
     margin-bottom: 5px;
}
 .marginbottom10 {
     margin-bottom: 10px;
}
 .marginbottom13 {
     margin-bottom: 13px;
}
.marginbottom15 {
     margin-bottom: 15px;
}
 .marginbottom20 {
     margin-bottom: 20px;
}
 .marginbottom30 {
     margin-bottom: 30px;
}
 .marginbottom40 {
     margin-bottom: 40px;
}
.marginbottom60 {
     margin-bottom: 60px !important;
}
 .margintop30{
     margin-top:30px !important;
}
 .margintop40 {
     margin-top: 40px !important;
}
 .width100 {
     width: 100% !important;
}
 .marginright5 {
     margin-right: 5px;
}
 .marginright10 {
     margin-right: 10px;
}
 .marginright15 {
     margin-right: 15px;
}
 .marginright20 {
     margin-right: 20px;
}
 .marginright25 {
     margin-right: 25px;
}
 .marginright30 {
     margin-right: 30px;
}
.margintop60 {
     margin-top: 60px !important;
}
 .pop {
     width: 420px !important;
     margin-left: -16.5% !important;
}
 .fontsemaforo_cal {
     font-size: 13px;
     padding: 3px 0px !important;
}
 .fontsemaforo2_cal {
     font-size: 17px;
}
 .fontsemaforo3_cal {
     font-size: 17px;
}
 .margin_semaforo {
     margin: 0px 5px;
}
 .margintop_semaforo {
     margin-top: 10px !important;
}
 .nopadding {
     padding: 0px !important;
}
 .semaforonewheight {
     height: 65px !important;
}
 .cinzento {
     color: #666;
}
.p-0 {
	padding: 0px !important;
}
 .paddingleft0 {
     padding-left: 0px !important;
}
 .paddingleft5 {
     padding-left: 5px;
}
 .paddingleft10 {
     padding-left: 10px;
}
.paddingleft15 {
     padding-left: 15px;
}
.paddingleft20{
     padding-left:20px;
}
.paddingleft25{
     padding-left:25px;
}
.paddingleft30 {
     padding-left: 30px;
}
.paddingleft50 {
     padding-left: 50px;
}
 .marginleft5 {
     margin-left: 5px;
}
 .marginleft10 {
     margin-left: 10px;
}
 .marginleft15 {
     margin-left: 15px;
}
 .marginleft20 {
     margin-left: 20px;
}
 .marginleft25{
     margin-left:25px;
}
 .marginleft30{
     margin-left:30px;
}
 .marginleft40 {
     margin-left: 40px;
}
 .marginleft60 {
     margin-left: 60px;
}
 .margintop10 {
     margin-top: 10px !important;
}
 .margintop12 {
     margin-top: 12px;
}
 .margintop20 {
     margin-top: 20px;
}
 .margintop20_2 {
     margin-top: 20px !important;
}
 .margintop25 {
     margin-top: 25px !important;
}
 .margintop40 {
     margin-top: 40px;
}
.margintop60 {
     margin-top: 60px;
}
 .margin20 {
     margin: 20px !important;
}
 .margin30 {
     margin: 30px !important;
}
 .nrdmlform {
     border-radius: 0px !important;
     background: none repeat scroll 0% 0% transparent !important;
     color: rgb(100, 100, 100) !important;
     padding: 0px 6px;
     margin-right: 5px;
     font-family: OpenSansSemibold, verdana;
     font-size: 12px;
     float: none !important;
}
 .inputsemaforo_2 {
     border-radius: 4px 4px 4px 4px !important;
     border-left: medium medium !important;
}
 .five2, .row .five2 {
     width: 20% !important;
}
 .left5 {
     margin-left: 5px;
}
 .font13 {
     font-size: 13px;
}
 .font400 {
     font-weight: 400 !important;
}
.display_block {
     display: block !important;
}
 .clear {
     clear: both;
}
 .inlineblock {
     display: inline-block;
}
 .inlineblock2 {
     display: inline-block !important;
}
 .inlineflex {
     display: inline-flex;
}
 .inlineflex2 {
     display: inline-flex !important;
}
 .bottom10 {
     margin-bottom: 10px;
}
 .bottom15 {
     margin-bottom: 15px;
}
 .bottom10_2 {
     margin-bottom: 10px !important;
}
 .bottom40 {
     margin-bottom: 40px;
}
.justify_content_start {
	justify-content: flex-start !important;
}
.justify_content_center {
	justify-content: center !important;
}
.justify_content_end {
	justify-content: flex-end !important;
}
.align_items_center {
	align-items: center;
}

 .evaluado_datos2 {
     float: right !important;
     width: 200px;
     background-color: #f8f8f8;
     border-radius: 5px;
     border: solid 1px #f2f2f2;
     padding: 10px;
     right: 40px;
     margin-top: 0px;
     position: absolute;
}
 .evaluado_datos2_enc {
     float: left !important;
     width: 230px;
     background-color: white;
     border-radius: 5px;
     margin-top: 0px;
     position: relative;
}
 .margingtop60 {
     margin-top: 60px;
}
 .evaluado_datos2 .categ_evaluado {
     font-family: OpenSansBold;
     font-size: 10px;
     color: #52c5d2;
     float: left;
     padding: 3px;
     margin-left: 0px;
     border-radius: 2px;
     clear: both;
}
 .evaluado_datos2 .nombre_evaluador {
     font-family: OpenSansSemibold;
     font-size: 11px;
     color: #666666;
     margin-left: 0px;
     margin-top: 8px;
     clear: both;
     float: left;
}
 .evaluado_datos2 .cargo_evaluador {
     font-family: OpenSansRegular;
     font-size: 11px;
     color: #666666;
     float: left;
     margin-left: 0px;
     margin-top: 5px;
     clear: both;
}
 .progress-wrapper .punt {
     position: absolute;
     width: 220px;
     right: 40px;
     top: 215px;
}
 .progress-wrapper p {
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 10px;
}
 .min_heightauto{
     min-height:auto !important;
}
 @-webkit-keyframes bouncedelay {
     0%, 80%, 100% {
         -webkit-transform: scale(0.0) 
    }
     40% {
         -webkit-transform: scale(1.0) 
    }
}
 @keyframes bouncedelay {
     0%, 80%, 100% {
         transform: scale(0.0);
         -webkit-transform: scale(0.0);
    }
     40% {
         transform: scale(1.0);
         -webkit-transform: scale(1.0);
    }
}
 .spinner2 {
     width: 120px;
     text-align: center;
     display: none;
}
 .spinner2>div {
     width: 10px;
     height: 10px;
    /*background-color: white;
     */
     border-radius: 100%;
     display: inline-block;
     -webkit-animation: bounce 1.4s infinite ease-in-out;
     animation: bounce 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .spinner2 .bounce1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
}
 .spinner2 .bounce2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
}
 @-webkit-keyframes bounce {
     0%, 80%, 100% {
         -webkit-transform: scale(0.0) 
    }
     40% {
         -webkit-transform: scale(1.0) 
    }
}
 @keyframes bounce {
     0%, 80%, 100% {
         transform: scale(0.0);
         -webkit-transform: scale(0.0);
    }
     40% {
         transform: scale(1.0);
         -webkit-transform: scale(1.0);
    }
}
.loader {
     margin-top: 0px;
     font-size: 90px;
     text-indent: -9999em;
     overflow: hidden;
     width: 1em;
     height: 1em;
     border-radius: 50%;
     position: relative;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation: load 1.7s infinite ease;
     animation: load 1.7s infinite ease;

     height: 4px;
     width: 100%;
     position: relative;
     overflow: hidden;
     background-color: #ddd;

}
 @-webkit-keyframes load6 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
     5%, 95% {
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
     10%, 59% {
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
    }
     20% {
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
    }
     38% {
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
}
 @keyframes load6 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
     5%, 95% {
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
     10%, 59% {
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
    }
     20% {
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
    }
     38% {
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
         box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
}
.loaderGoals, .loaderGoalsGrey {
	display: none;
	width: 12px;
	height: 12px;
	border: 0.2rem solid white;
	border-bottom-color: transparent;
	border-radius: 50%;
	animation: 1s loader-goals linear infinite;
	position: relative;
}
.loaderGoalsGrey {
	border: 0.2rem solid #828282;
	border-bottom-color: transparent;
}
@keyframes loader-goals {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

 .loading2{
     width: 400px;
     height: 300px;
     border-radius: 10px;
     position: absolute;
     right: calc(50% - 200px);
     top: calc(50% - 220px);
     display: none;
}
 .contentoverlaypayu {
     position: fixed;
     width: calc(100% - 190px);
     height: 100%;
     margin-top: 0px;
     float: right;
     right: 0px;
     overflow-y: scroll;
     z-index: 10;
     background-color: rgba(0, 0, 0, 0.6);
}
 .loading2 h5 {
     margin-top: 100px;
     font-size: 16px;
}
 .centrar {
     margin-left: auto;
     margin-right: auto;
     display: block;
     text-align: center;
}
 .middle {
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .fontbranco {
     color: #ffffff;
}
 .recaptchatable {
     transform: scale(0.80);
     -webkit-transform: scale(0.80);
     transform-origin: 0 0;
     -webkit-transform-origin: 0 0;
}
 .popup_payu {
     width: 600px;
     height: 430px;
     margin-top: 90px;
     background-color: white;
     border-radius: 5px;
     display: none;
     overflow: hidden;
}
 .popup_payu .botsimnao {
     width: auto;
     padding: 10px 20px;
     height: auto;
     border-radius: 5px;
     font-weight: 700;
     font-size: 15px;
     font-family: "Lato";
}
 .botsimnao {
     width: auto;
     padding: 10px;
     height: auto;
     border-radius: 5px;
     font-weight: 700;
     font-size: 15px;
     font-family: "Lato";
}
 .ui-selectonemenu {
     z-index: 70 !important;
}
 .ui-datatable .ui-datatable-scrollable-body {
     min-height: 0%;
}
 .ui-datatable-scrollable-body {
     overflow: auto;
}
 .ui-datatable-scrollable .ui-datatable-scrollable-header, .ui-datatable-scrollable .ui-datatable-scrollable-footer {
     position: relative;
}
 .ui-datatable-scrollable-header, .ui-datatable-scrollable-footer {
     overflow: hidden;
     border: 0px none;
}
 .ui-datatable-scrollable .ui-datatable-scrollable-header, .ui-datatable-scrollable .ui-datatable-scrollable-footer {
     position: relative;
}
 .ui-datatable-scrollable-header, .ui-datatable-scrollable-footer {
     overflow: hidden;
     border: 0px none;
}
 .nav_flex {
     height: 80px;
     margin-top: 0px;
     background: #282c36;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}
 @media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active) {
     .nav_flex {
         height: 80px;
         margin-top: 0px;
         background: #282c36;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
    }
}
 .nav_flex_empleado {
     height: calc(100vh - 60px);
     width: 220px;
     margin-top: 0px;
     background: #282c36;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     position: fixed;
     left: 0px;
     top: 60px;
     border-bottom: 0px solid transparent !important;
     z-index: 99;
     
     box-sizing:border-box;
}

.nav_flex_empleado_scroll{
	overflow-y: auto;
    /* overflow-x: hidden; */
    height: calc(100vh - 290px);
    position: unset;
    padding-bottom: 60px !important;
}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
	
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/*html, body, #outer {
	  height:100%;
	  margin:0;
	  box-sizing:border-box;
	  }
	 
	.outer_menu {
	  display:flex; 
	  flex-direction:column;
	  }
	.image_menu {
	  width:100%;
	  }
	.inner_menu {
	  flex:1;
	  background:tomato;
	  overflow:auto; 
	  }
	   */
 .menu1 li.selected {
     background: #333844 !important;
     border-radius: 0;
     height: 84px;
     margin-top: -4px;
}
 nav .menu1 li:hover {
     background: #333844 !important;
}
 nav .menu1_empleados li:hover {
     background: #333844 !important;
}
 #pagina .row {
     width: calc(100% - 60px);
}
 .notificaciones {
     background: #3e4452 !important;
     height: 40px !important;
     margin-bottom: 0px !important;
}
 .logo_small {
     position: absolute;
     width: 200px;
     height: 40px;
     background-image: url("../images/flex/logo_flex_white.svg");
     background-size: auto 23px;
     background-repeat: no-repeat;
     left: 15px;
     background-position: left center;
}
 .submenu a {
     color: #777777 !important;
     font-family: "Monserrat", sans-serif !important;
     font-weight: 700 !important;
     font-size: 10px !important;
     margin-bottom: 0.25rem;
}
 .submenu a:hover, .submenu .selected {
     border-radius: 2px !important;
     color: white !important;
}
 .notificaciones .row {
     width: 100%;
}
 .notificaciones_empleado .row {
     width: 100%;
}

.display_block {
     display: block;
}
.d_inline_block {
	display: inline-block !important;
}
.displayFlex{
	display: flex !important;
}
.d_flex {
	display: flex !important;
}
.d_inline_flex {
	display: inline-flex !important;
}
.d_none {
	display: none !important;
}
.clear {
     clear: both;
}

 .datos_persona div {
     font-size: 11px;
}
 .bg_body3 {
     background-color: #282c36 !important;
}
 .login_0 {
     min-height: 100vh !important;
}

 .login_inner h4 {
     font-size: 17px !important;
     color: #08b0ba !important;
}
 .login_inner .bot_azul {
     float: none !important;
     width: 120px !important;
     padding: 15px !important;
     background: #08b0ba !important;
}
 .login_inner .bot_azul_remember {
     float: none !important;
     width: 140px !important;
     padding: 15px !important;
     background: #08b0ba !important;
}
 .linkedin .IN-widget {
     display: none !important;
}
 .forgot_password {
     float: none !important;
     text-align: center;
     margin-top: 10px !important;
     margin-bottom: 10px !important;
     text-decoration: none !important;
     color: #2d363c !important;
}
 .forgot_password:hover {
     color: #08b0ba !important;
}
 .forgot_password div.txtLink {
     font-size: 11px !important;
}

 .login_0 .login_cont {
    height: 375px;
    width: 100%;
}
 .div_allpage {
     width: calc(100% - 200px);
}
 .nav_flex_superadmin {
     height: 80px;
     margin-top: 0px;
     background: #282c36;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}
 @media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active) {
     .nav_flex_superadmin {
         height: 80px;
         margin-top: 0px;
         background: #282c36;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
    }
}
 .nav_flex_superadmin .row {
     width: calc(100% - 200px);
}
 .no_margin_right {
     margin-right: 0px !important;
}
 .language {
     margin-top: 5px;
     padding-right: 10px;
}
 .language .ui-selectonemenu {
     background-color: transparent !important;
     box-shadow: none;
}
 .language .ui-selectonemenu .ui-selectonemenu-label {
     color: red;
}
 .ui-overlaypanel span, .ui-overlaypanel span a {
     color: white;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 12px;
     background: none !important;
}
 .ui-overlaypanel {
     background: none repeat scroll 0 0 rgba(62, 68, 82, 1) 
}
 .submenu {
     background: #f1f1f1;
     padding: 0px 0;
     position: relative;
     width: 100%;
     top: 0px;
}
 .submenu .row {
     padding: 7px 0;
}
 #pagina section.row {
     background-color: white;
     border-radius: 2px;
     margin-top: 35px;
}
#pagina section.row.angular-iframe {
	width: 100%;
	margin-top: 60px !important;
	margin-bottom: 0 !important;
	padding: 0;
}
.angular-iframe-wrapper, .angular-iframe-wrapper-admin {
	background-color: #f0f0f0;
    height: calc(100vh - 58px);
}

.angular-iframe-wrapper iframe {
	height: calc(100vh - 58px);
	/*height: 100vh;*/
	border: none;
}
.angular-iframe-wrapper-admin iframe {
	min-height: 100%;
	border: none;
}

.angular-iframe-wrapper-admin-public iframe {
	min-height: 830px;
	border: none;
}

 .right0 {
     margin-right: 0px !Important;
}
 #panelCompany label {
     font-size: 12px;
     font-weight: 700;
}
 .company_name {
     float: left;
     font-family: OpenSansRegular;
     font-size: 14px;
     color: #333333;
     margin-top: 20px !important;
}
 .width_label_micuenta {
     width: 170px;
}
 .logo_company_micuenta {
     max-width: 250px;
     float: right;
     position: absolute;
     right: 20px;
     top: 0px;
}
 .left20 {
     margin-left: 20px !important;
}
 .company_name_label {
     margin-bottom: 40px;
     font-size: 15px !important;
}
 form#formCompany.left20 {
     margin: 0px 20px !important;
     width: calc(100% - 40px);
}
 .left30 {
     margin-left: 30px;
}
 .logoaccount table {
     border: 1px dashed rgb(190, 190, 190);
     border-radius: 5px;
}
 table.dash {
     border-collapse: collapse;
     border: none;
}
 table.dash tbody tr {
     min-height: 70px;
     margin-top: 5px;
     background: none;
}
 table.dash thead {
     background-color: #282c36;
}
 table.dash thead tr th {
     color: white !important;
}
 table.dash thead tr th:last-child {
     border-top-right-radius: 7px;
}
 table.dash thead tr th:first-child {
     border-top-left-radius: 7px;
}
 table.dash tbody tr.ui-datatable-even, table.dash tbody tr.ui-datatable-odd {
     border-left: 2px solid #ebebeb;
     border-right: 2px solid #ebebeb;
     border-bottom: 2px solid #ebebeb;
     width: calc(100% - 4px);
}
 table.dash tbody tr.ui-datatable-even:last-child, table.dash tbody tr.ui-datatable-odd:last-child {
     border-left: 2px solid #ebebeb;
     border-right: 2px solid #ebebeb;
     border-bottom: 2px solid #ebebeb;
     border-top: 0px solid #ebebeb;
     width: calc(100% - 4px);
}
 table.dash tbody tr.ui-datatable-even:first-child, table.dash tbody tr.ui-datatable-odd:first-child {
     border-left: 2px solid #ebebeb;
     border-right: 2px solid #ebebeb;
     border-bottom: 3px solid #ebebeb;
     width: calc(100% - 4px);
}
 table.dash.table_pid tbody tr {
     border-left: 2px solid #ebebeb;
     border-right: 2px solid #ebebeb;
     border-bottom: 2px solid #ebebeb;
}
 table.dash tbody tr td {
     padding: 0px 9px;
}
 td < .icon_type {
     width: 25px;
}
 .icon_type {
     width: 50px;
     height: 70px;
     background-size: 50px;
     background-repeat: no-repeat;
     background-position: center;
}
 .icon_type_p {
     width: 40px;
     height: 50px;
     background-size: 40px;
     background-repeat: no-repeat;
     background-position: center;
}
 .icon_type_container {
     width: 50px;
     height: auto;
}
 .textleft {
     text-align: left !important;
}
 .icon_trash {
     width: 40px;
     height: 70px;
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center;
     margin-left: calc(50% - 20px);
     background-image: url("../images/flex/icones/lixo.svg");
}
 .icon_trash2 {
     width: 35px;
     height: 40px;
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("../images/flex/icones/lixo.svg");
}
.icon_trash3 {
     width: 30px;
     height: 30px;
     background-image: url("../images/flex/icones/lixo.svg");
     background-size: 28px;
     background-repeat: no-repeat;
     background-position: center -1px;    
}
 .icon_draganddrop{
     width: 35px;
     height: 25px;
     background-size: 10px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("../images/flex/icones/gip_drag_drop.svg");
}
 .icon_prop_extrafield {
     width: 30%;
     height: 110px;
     margin: 0px 1.5%;
     background-size: 40px;
     background-repeat: no-repeat;
     background-position: center;
     border: 2px solid #cbcbcb !important;
     color: #cbcbcb !important;
     float: left;
     text-align: center;
}
.icon_prop_extrafield img.svg,
.icon_prop_extrafield svg {
	display: block;
    margin: 0px auto;
}
.icon_prop_extrafield svg path {
	fill: #CCC;
	stroke: #CCC;
}
 .icon_text_extrafield {
     background-image: url("../images/flex/icones/text_extra_field.svg");
}
.icon_list_extrafield {
     background-image: url("../images/flex/icones/list_extra_field.svg");
}
.icon_calendar_extrafield {
     background-image: url("../images/flex/icones/calendar_extra_field.svg");
}
.icon_trash2.mini:hover {
     cursor: pointer;
     background-image: url("../images/flex/icones/gip_drag_drop.svg");
}
 .icon_send_mail.mini {
     width: 35px;
     height: 25px;
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("../images/flex/icones/send_mail.svg");
}
 .icon_send_mail2.normal {
     background-image: url("https://s3-us-west-2.amazonaws.com/hcmacsendo/images/flex/send_icon2.png");
     background-size: 120px;
     width: 120px;
     height: 120px;
}
 .icon_download {
     width: 35px;
     height: 25px;
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("../images/flex/icones/download.svg");
}
 .icon_copy {
     width: 35px;
     height: 25px;
     background-size: 23px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("../images/flex/icones/generador_enc/duplicate.svg");
}
 .icon_trash2.mini2 {
     width: 30px;
     height: 20px;
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("../images/flex/icones/lixo.svg");
}
 .icon_person {
     width: 37.5px;
     height: 37.5px;
     background-size: 27.5px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("../images/flex/icones/person.svg");
     margin-top: 2px;
}
 .icon_circle_profile_default {
     width: 37.5px;
     height: 37.5px;
     background-size: 27.5px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("https://s3-us-west-2.amazonaws.com/hcmacsendo/images/profile_default.svg");
     margin-top: 2px;
}
 .icon_points_union {
     width: 37.5px;
     height: 37.5px;
     background-size: 27.5px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("https://s3-us-west-2.amazonaws.com/hcmacsendo/images/pointUnion.svg");
     margin-top: 2px;
}
 .icon_points_union span .ui-button {
     background-color: rgba(0, 0, 0, 0);
     border: 0px solid #1A2;
     height: 24px;
     width: 37px;
}
 .icon_points_union span .ui-button .ui-icon-triangle-1-s {
     display: none !important;
}
 .icon_for_menu_button {
     width: 37.5px;
     height: 37.5px;
     background-size: 27.5px;
     background-repeat: no-repeat;
     background-position: center;
     margin-top: 2px;
}
 .icon_for_menu_button span .ui-button {
     background-color: rgba(0, 0, 0, 0);
     border: 0px solid #1A2;
     height: 24px;
     width: 37px;
}
 .icon_for_menu_button span .ui-button .ui-icon-triangle-1-s {
     display: none !important;
}

.menuwhithAuto{
	width: initial !important;	
}

 .edit_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/edit.svg) no-repeat;
     background-size: 15px;
}
 .edit_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .save_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/save.svg) no-repeat;
     background-size: 15px;
}
 .save_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 a.save_menuItem:hover {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/save_hover.svg) no-repeat !important;
     background-size: 15px;
}
 .detail_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/detail_menuItem.svg) no-repeat;
     background-size: 15px;
}
 .detail_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .send_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/send_menuItem.svg) no-repeat;
     background-size: 15px;
}
 .send_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .padlock_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/padlock.svg) no-repeat;
     background-size: 15px;
}
 .padlock_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .trash_red_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/trash.svg) no-repeat;
     background-size: 15px;
}
 .trash_red_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .paperPlane_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/paperPlane.svg) no-repeat;
     background-size: 15px;
}
 .paperPlane_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .repeat_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/padlock.svg) no-repeat;
     background-size: 15px;
}
 .repeat_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .repeat_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/padlock.svg) no-repeat;
     background-size: 15px;
}
 .repeat_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .user_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/user.svg) no-repeat;
     background-size: 15px;
}
 .user_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .organizationChart_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/organizationChart.svg) no-repeat;
     background-size: 15px;
}
 .organizationChart_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .move_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/move.svg) no-repeat;
     background-size: 15px;
}
 .move_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .delete_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/delete.svg) no-repeat;
     background-size: 15px;
}
 .delete_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}

.restart_menuItem{
	background: url("../images/flex/icones/reiniciar.svg") no-repeat;
     background-size: 15px;
}

.restart_menuItem span{
	margin-left: 20px;
     font-size: 12px;
}

 .ok_menuItem{
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/ok.svg) no-repeat;
     background-size: 15px;
}
 .ok_menuItem span{
     margin-left: 20px;
     font-size: 12px;
}
 .eye_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/eye.svg) no-repeat;
     background-size: 15px;
}
 .eye_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .close_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/close.svg) no-repeat;
     background-size: 15px;
}
 .close_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .upload_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/upload.svg) no-repeat;
     background-size: 15px;
}
 .upload_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .table_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/table.svg) no-repeat;
     background-size: 15px;
}
 .table_menuItem span {
     margin-left: 20px;
     font-size: 12px;
}
 .excel_menuItem .ui-button-text-only span {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/excel.svg) no-repeat !important;
     background-size: 10px;
     padding-left: 20px;
}
 .trash_container {
     width: 35px;
     height: 40px;
     display: inline-block;
}
 #pageHome article {
     padding: 0px 20px;
}
 article {
     padding: 0px 20px !important;
}
 .container_next_to_icon {
     width: calc(100% - 180px);
}
 .big_icon_container {
     width: 170px;
     height: 170px;
     background-repeat: no-repeat;
     background-size: 170px;
}
 .normal_icon_container {
     width: 100px;
     height: 100px;
     background-repeat: no-repeat;
     background-size: 100px;
}
 .small_icon_container {
     width: 60px;
     height: 60px;
     background-repeat: no-repeat;
     background-size: 60px;
}
 .mini_icon_container {
     width: 35px;
     height: 30px;
     background-repeat: no-repeat;
     background-size: contain;
}
 .mini2_icon_container {
     width: 45px;
     height: 45px;
     background-repeat: no-repeat;
     background-size: 45px;
}
 .text_mini_icon_container {
     width: calc(100% - 40px);
     text-align: left;
}
 .icon_config {
     background-image: url("../images/flex/icones/config.svg");
}
 .icon_crear_eval {
     background-image: url("../images/flex/icones/crear_eval.svg");
}
 .icon_clima_eval {
     background-image: url("../images/flex/icones/clima_eval.svg");
}
 .icon_hourglass_eval {
     background-image: url("https://s3-us-west-2.amazonaws.com/hcmacsendo/images/hourglass.svg");
}
 .twenty.centrar {
     margin-left: calc(( 100% - 83.33333%)/2);
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.f-none {
	float: none !important;
}
 .float_center {
     float: right;
     position: relative;
     left: -50%;
    /* or right 50% */
     text-align: left;
}
 .float_center>.center_child {
     position: relative;
     left: 50%;
}
.f_none {
	float: none !important;
}
 .min-height60 {
     min-height: 60px;
}
 .right5 {
     margin-right: 5px;
}
 .right10 {
     margin-right: 10px;
}
 table.dash2 {
     border-collapse: collapse;
     border: none;
}
 table.dash2 tbody tr {
     padding: 9px 10px;
     background: none;
}
 table.dash2 tbody tr td {
     vertical-align: middle !important;
}
 table.dash2 thead {
     background-color: #282c36;
}
 table.dash2 thead tr th {
     color: white !important;
}
 table.dash2 thead tr th:last-child {
     border-top-right-radius: 5px;
}
 table.dash2 thead tr th:first-child {
     border-top-left-radius: 5px;
}
 table.dash2 tbody tr {
     border-left: 2px solid #ebebeb;
     border-right: 2px solid #ebebeb;
     border-bottom: 2px solid #ebebeb;
     width: calc(100% - 4px);
}
 table.dash3 {
     border-collapse: collapse;
     border: none;
}
 table.dash3 thead {
     background-color: #282c36;
}
 table.dash3 thead tr th {
     color: white !important;
}
 table.dash3 thead tr th:last-child {
     border-top-right-radius: 7px;
}
 table.dash3 thead tr th:first-child {
     border-top-left-radius: 7px;
}
 .font_azul_oscuro {
     color: #282c36 !important;
}
 .font600 {
     font-weight: 600 !important;
}
 .margintop7 {
     margin-top: 7px;
}
 .left10 {
     margin-left: 10px !important;
}
 .left15 {
     margin-left: 15px !important;
}
 input.checkAll, input.checkItem {
     border-radius: 2px;
     display: inline-block;
     height: 16px;
     width: 16px;
}
 div.ui-selectcheckboxmenu-items-wrapper {
     margin-top: -10px;
}
.paddingright0 {
     padding-right: 0px !important;
}
 .paddingright5 {
     padding-right: 5px;
}
 .paddingright10 {
     padding-right: 10px;
}
 .paddingright15 {
     padding-right: 15px;
}
 .paddingright20 {
     padding-right: 20px;
}
 .paddingright30 {
     padding-right: 30px;
}
 .paddingright50 {
     padding-right: 50px;
}
 .paddingleft20 {
     padding-left: 20px;
}
 .bottom20 {
     margin-bottom: 20px !important;
}
 .padding0 {
     padding: 0px !important;
}
.px-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.py-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
 div.ui-tabs-panels {
     padding: 0px 20px;
}
.modal_descripGoal div.ui-tabs-panels,
.modalAddActivityPID  div.ui-tabs-panels {
	padding: 0px 0px;
}
 .edit_icon {
     width: 30px;
     height: 30px;
     background-image: url("../images/flex/icones/edit.svg");
     background-size: 28px;
     background-repeat: no-repeat;
     background-position: center -1px;
}
 .check_icon {
	margin-left: 5px;
	margin-right: 5px;
     width: 25px;
     height: 25px;
     /*background-image: url("../images/flex/icones/check-symbol.svg");*/
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center -1px;
}
.check_icon.mini{
	margin-top: 1.5px;
	width: 22px;
    height: 22px;
}

.close_icon {
	margin-top: 2.5px;
	margin-left: 5px;
	margin-right: 5px;
     width: 20px;
     height: 20px;
     /*background-image: url("../images/flex/icones/close_icon.svg");*/
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: center -1px;
}

.close_icon.mini{
	margin-top: 4px;
	width: 17px;
    height: 17px;
    background-size: 17px;
}

 .font700 {
     font-weight: 600 !important;
}
 .from_address_name label {
     margin: 0px;
}
 .content_new {
     padding: 0px 20px;
}
 .lineheight14 {
     line-height: 14px;
}
 .lineheight14Div div {
     line-height: 14px;
}
 .lineheight18 {
     line-height: 18px;
}
 .lineheight150 {
     line-height: 150%;
}
 .lineheight120 {
     line-height: 120%;
}
 .edit_icon.mini {
     width: 25px;
     height: 25px;
     background-image: url("../images/flex/icones/edit2.svg");
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center -1px;
}
 .edit_icon.mini2 {
     width: 20px;
     height: 20px;
     background-image: url("../images/flex/icones/edit2.svg");
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: center -1px;
}
 .view_competences {
     width: 30px;
     height: 30px;
     background-image: url("../images/flex/icones/consulta.svg");
     background-size: 30px;
     background-repeat: no-repeat;
     background-position: center -1px;
     margin-top: 5px;
}
 .bottom0 {
     margin-bottom: 0px !important;
}
 .icon_save {
     width: 25px;
     height: 25px;
     background-image: url("../images/flex/icones/save_icon.svg");
     background-size: 22px;
     background-repeat: no-repeat;
     background-position: center;
}
 .container_recon {
     width: calc(100% - 90px);
}
 .icon_close {
     width: 25px;
     height: 25px;
     background-image: url("../images/flex/icones/close_icon.svg");
     background-size: 22px;
     background-repeat: no-repeat;
     background-position: center;
}
 .right30 {
     margin-right: 30px !important;
}
 .vermelho {
     background-color: #ea6153 !important;
}
 .fontsize7 {
     font-size: 7px !important;
}
 .fontsize8 {
     font-size: 8px !important;
}
 .fontsize9 {
     font-size: 9px !important;
}
 .fontsize10 {
     font-size: 10px !important;
}
 .fontsize11 {
     font-size: 11px !important;
}
 .fontsize12 {
     font-size: 12px !important;
}
 .fontsize13 {
     font-size: 13px !important;
}
 .fontsize14 {
     font-size: 14px !important;
}
 .fontsize15 {
     font-size: 15px !important;
}
 .fontsize16 {
     font-size: 16px !important;
}
 .fontsize18 {
     font-size: 18px !important;
}
 .fontsize20 {
     font-size: 20px !important;
}
 .fontsize25 {
     font-size: 25px !important;
}
 .fontsize28 {
     font-size: 28px !important;
}
 .fontsize30 {
     font-size: 30px !important;
}
 .fontsize36 {
     font-size: 36px !important;
}
.alert_popup {
     width: 100%;
     float: left;
     height: 80px;
     background-image: url("../images/flex/icones/alert_azul.svg");
     background-size: 80px;
     background-repeat: no-repeat;
     background-position: center;
}
 .title_cargos {
     top: 33px;
     position: relative;
     bottom: 20px;
}
 .margintop50 {
     margin-top: 50px;
}
 .no_hover {
     cursor: default !important 
}
 .no_hover:hover {
     color: #282c36 !important;
}
 .popup_ficha .ui-tabs-nav {
     width: 100%;
     border-bottom: 2px solid rgb(240, 240, 240);
}
 .minheight_tab {
     min-height: 330px;
     position: relative;
}
 .minheight200 {
     min-height: 200px;
}
 .minheight230 {
     min-height: 230px;
}
 .bot_bottom {
     position: absolute;
     right: 0px;
     bottom: 0px;
}
.bot_relation_employee{
	padding: 9px 11px !important;
}
 .circle {
     border-radius: 50%;
}
 .bottom5 {
     margin-bottom: 5px !important;
}
 .margin0 {
     margin: 0px !important;
}
 .margin_label {
     margin: 0px !important;
     margin-bottom: 5px !important;
}
 .bottom30 {
     margin-bottom: 30px !important;
}
 .right20 {
     margin-right: 20px;
}
 .right20_2 {
     margin-right: 20px !important;
}
 .bot_new_padding {
     padding: 8.5px !important;
     background-color: white;
}
 .bot_new_mini {
     font-family: work sans;
     color: #06379e !important;
     background: none repeat scroll 0 0 white;
     border: 2px solid #06379e;
     border-radius: 4px 4px 4px 4px;
     float: left;
     font-size: 11px !important;
     font-weight: normal;
     margin-right: 10px;
     padding: 2px 5px;
     text-decoration: none !important;
}
 .bot_new_mini:hover {
     border: 2px solid #000;
     color: #000 !important;
}



 .margintop2 {
     margin-top: 2px;
}
 .margintop5 {
     margin-top: 5px;
}
 .margintop30 {
     margin-top: 30px !important;
}
 #closeSession .tit_modal {
     color: #282c36 !important;
}
 .width500 {
     width: 500px !important;
     margin-left: -250px !important;
}
.modal_2.modalJobVacancy.width500 {
	margin-left: unset !important;
}
 .width600 {
     width: 600px !important;
}
 .right0 {
     margin-right: 0px !important;
}
 .paddingtop1 {
     padding-top: 1px !important;
}
 .paddingtop3 {
     padding-top: 3px;
}
 .paddingtop5 {
     padding-top: 5px !important;
}
 .paddingtop10 {
     padding-top: 10px !important;
}
 .paddingtop15 {
     padding-top: 15px;
}
 .paddingtop15_2 {
     padding-top: 15px !important;
}
 .paddingtop20 {
     padding-top: 20px !important;
}
 .paddingtop23 {
     padding-top: 23px !important;
}
 .paddingtop30{
     padding-top:30px;
}
 .paddingtop30_2{
     padding-top:30px !important;
}
 .paddingtop40{
     padding-top:40px !important;
}
 .paddingbottom10 {
     padding-bottom: 10px !important;
}
 .paddingbottom20 {
     padding-bottom: 20px !important;
}
 .paddingbottom30 {
     padding-bottom: 30px !important;
}
 .paddingbottom60 {
     padding-bottom: 60px !important;
}
 .margin-icon_trash {
     margin-top: -3px 
}
 .top {
     vertical-align: top !important;
}
 .margintop3 {
     margin-top: 3px !important;
}
 .width150 {
     width: 150px;
}
 .width250 {
     width: 250px;
}
 .s_input .ui-message-error {
     margin-bottom: 0px;
     margin-top: 0px;
}
 .s_input .ui-message-error-detail:after {
     left: calc(50% - 3px);
}
 .s_input .ui-message-error-detail {
     width: 100%;
     font-size: 11px;
}
 .input_campo_error .ui-message-error-detail {
     width: 100%;
     font-size: 10px;
     line-height: 100%;
     margin-top: 30px !important;
}
 .s_input_2 .ui-message-error-detail {
     width: 100%;
     font-size: 11px;
}
 .error_1 .ui-message-error {
     margin-bottom: 0px;
     margin-top: 5px;
}
 .error_1 .ui-message-error-detail:after {
     left: 20px;
}
 .error_1 .ui-message-error-detail {
     width: 100%;
}
 .no_border table {
     border: 0px solid white !important;
}
 .e_name {
     font-size: 12px !important;
     margin-bottom: 7px;
}
 .editor_correo iframe {
     height: 470px !important;
}
 .editor_correo textarea {
     height: 470px !important;
}
 .editor_correo .ui-editor.ui-widget-content {
     height: 530px !important;
}
 .help2 {
     float: right;
     margin-left: 5px;
     position: relative;
     display: block;
     width: 18px;
     height: 18px;
}
 .help2 .has-tip {
     width: 16px;
     height: 16px;
     margin-left: 0px;
}
 .mail_box {
     background: #f5f5f5;
     border: solid 1px #e5e1e1;
     width: 750px;
     height: 370px;
     padding: 0px;
     border-radius: 0px 0px 4px 4px;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(209, 200, 202, 0.7);
     -moz-box-shadow: 0px 0px 10px 0px rgba(209, 200, 202, 0.7);
     box-shadow: 0px 0px 10px 0px rgba(209, 200, 202, 0.7);
}
 .mail_box .bar {
     width: 100%;
     height: 15px;
     background-image: url("../images/flex/icones/mail_bar.svg");
     background-size: auto 13px;
     background-repeat: no-repeat;
     background-position: -15px 0px;
}
 .mail_box .logo {
     width: 300px;
     height: 30px;
     background-image: url(../images/flex/logoflex.svg);
     background-size: auto 30px;
     background-repeat: no-repeat;
     margin: 20px;
     display: inline-block;
     float: left;
}
 .mail_box .nr_mails {
     width: 130px;
     height: 130px;
     background-image: url(../images/flex/icones/send_icon.svg);
     background-size: 130px;
     display: inline-block;
     float: right;
     margin: 10px 20px;
     position: relative;
}
 .margintop15 {
     margin-top: 15px;
	margin-bottom: 15px;
}

 .mail_box .ui-message-error {
     margin-bottom: 0px !important;
     margin-top: 2px !important;
}
 .icon_mail_sent {
     width: 120px;
     height: 120px;
     background-image: url(../images/flex/icones/send_icon2.svg);
     background-size: 120px;
}
 .icon_envio {
     background-image: url(../images/flex/icones/send_icon3.svg);
}
 .dashb_footer .ui-paginator {
     margin: 10px 0px 0px 0px !important;
     float: left !important;
}
 button.bot_save_mini, button.bot_save_mini:active, button.bot_save_mini:focus {
     padding: 11px 12px !important;
     font-weight: 600 !important;
}
 .row_dashboard {
     background-color: transparent !important;
}
 .row_title_dashboard {
     position: relative;
/*     padding: 0px 0px 0px 0px;*/
     padding: 5px 20px 10px 20px;
     background-color: white;
     border-radius: 5px;
}
 .row_box_grafica {
     position: relative;
     width: 200px;
     background-color: white;
     border-radius: 5px;
     height: 200px;
}
 .row_box_grafica_emp {
     position: relative;
     width: 350px;
     border-radius: 5px;
     height: 190px;
     max-height: 250px;
     position: relative 
}
 .row_box_pend {
     position: relative;
     width: calc(( 100% - 700px)/2);
     height: 200px;
     background-color: white;
     border-radius: 5px;
     display: inline-block;
}
 .row_box_pend2 {
     position: relative;
     width: 270px;
     height: 200px;
     background-color: white;
     border-radius: 5px;
     display: inline-block;
}
 .row_bot_report {
     position: relative;
     width: 180px;
     height: 200px;
     background-color: white;
     border-radius: 5px;
     display: inline-block;
     float: right;
}
 .row_box_grafica2 {
     position: relative;
     width: 200px;
     background-color: white;
     border-radius: 5px;
     height: 230px;
}
 .row_box_pend_2 {
     position: relative;
     width: calc(( 100% - 630px)/2);
     height: 230px;
     background-color: white;
     border-radius: 5px;
     display: inline-block;
}
 .row_box_pend2_2 {
     position: relative;
     width: 200px;
     height: 230px;
     background-color: white;
     border-radius: 5px;
     display: inline-block;
}
 .row_bot_report2 {
     position: relative;
     width: 180px;
     height: 230px;
     background-color: white;
     border-radius: 5px;
     display: inline-block;
     float: right;
}
 .fontblanco {
     color: white !important;
}
 .fontblack {
     color: black !important;
}
.fontGrey {
	color: #777 !important;
}
 .donaDashboard {
     margin-top: 20px;
}
 .fontverde {
     color: #1abc9c !important;
}
 .margin_editar {
     margin-top: -3px;
     margin-left: 10px;
}
 .date input[type=text] {
     margin: 0px !important;
}
 .table_evaluators .ui-datatable-even {
     background-color: white;
}
 .table_evaluators .ui-datatable-odd {
     background-color: rgb(245, 245, 245);
}
 .table_evaluators tbody tr td {
     padding: 10px 5px !important;
}
 .eval_cat2 {
     width: 27px;
     height: 24px !important;
     background-size: 27px;
     background-repeat: no-repeat;
     background-position: 0px -4px;
     margin-top: -1px;
}
 .eval_cat3 {
     width: 15px;
     height: 15px !important;
     background-size: 15px;
     background-repeat: no-repeat;
     background-position: 0px 1px;
}
 .eval_cat2_mini {
     width: 25px;
     height: 22px !important;
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: 0px -3px;
     margin-top: -2px;
}
 .eval_cat3_mini {
     width: 20px;
     height: 20px;
     background-size: 20px;
     background-repeat: no-repeat;
     margin-top: -5px;
}
 .auto_eval {
     background-image: url("../images/flex/icones/comp/auto2.svg");
}
 .colaborador_eval {
     background-image: url("../images/flex/icones/comp/colaborador2.svg");
}
 .chefe_eval {
     background-image: url("../images/flex/icones/comp/chefe2.svg");
}
 .colega_eval {
     background-image: url("../images/flex/icones/comp/colega2.svg");
}
 .outro_eval {
     background-image: url("../images/flex/icones/comp/other2.svg");
}
 .table_relaciones .table_name_evaluation {
     border-collapse: collapse;
}
 .table_relaciones .table_competences {
     border: 0px !important;
}
 .table_relaciones tr {
     border-bottom: 2px solid rgb(240, 240, 240);
}
 .icon_progresso_eval_index_2 {
     width: 20px;
     height: 18px;
     background-image: url('../images/flex/icones/amp.svg');
     background-repeat: no-repeat;
     background-size: 20px;
}
 .icon_restart {
     width: 25px;
     height: 25px;
     background-image: url("../images/flex/icones/reiniciar.svg");
     background-size: 25px;
     background-color: transparent;
     border: none;
}
 .popup_ficha.mayor .ui-paginator.ui-paginator-bottom.ui-widget-header.ui-corner-bottom {
     float: left;
     margin-top: 10px;
}
 .padding_page {
     padding: 0px 20px;
     float: left;
}
 .config_content, .config_semaforo, .config_general {
     overflow: hidden;
}
 .height_auto {
     height: auto !important;
}
 .config_semaforo .ui-message-error {
     margin-top: 0px;
}
 .hide_important {
     display: none !important;
}
 .no_padding_bottom {
     padding-bottom: 0px !important;
}
 .fondo_metas {
     background-color: white;
     border-radius: 0px 0px 3px 3px;
     padding: 20px;
}
 .div_content_metas {
     width: calc(100% - 200px);
     float: right;
}
 .padding5{
     padding:5px;
}
 .padding10 {
     padding: 10px;
}
 .padding15 {
     padding: 15px;
}
 .padding15_2 {
     padding: 15px !important;
}
 .padding20 {
     padding: 20px;
}
 .padding20_2 {
     padding: 20px !important;
}
 .padding30 {
     padding: 30px;
}
 .padding30_2 {
     padding: 30px !important;
}
 .padding40 {
     padding: 40px;
}
 .metas_acor h3 {
     margin-bottom: 5px !important;
}
 .caps {
     text-transform: uppercase;
}
 .tabla_paginacion.hide_paginator .ui-datatable .ui-paginator:nth-child(2) {
     display: none;
}
 .tabla_paginacion.hide_paginator .ui-state-default{
     margin-left: 6px;
}
 .tabla_paginacion.hide_paginator .ui-paginator-pages {
     margin-top: 1px;
}
 .tabla_paginacion.hide_paginator2 .ui-state-default {
     margin-left: 6px;
}
 .tabla_paginacion.hide_paginator2 .ui-paginator-pages {
     margin-top: 1px;
}
 .accordion_div {
     padding: 10px;
     background: #f5f5f5 !important;
     cursor: pointer;
     width: 100%;
     position: relative;
     color: #777777 !important;
     font-size: 12px !important;
     font-weight: 600 !important;
     border-radius: 3px;
}
 .accordion_div span {
     display: block;
     float: right;
     height: 15px;
     width: 12px;
     background-image: url(../images/flex/icones/arrow.svg);
     background-position: center;
     background-repeat: no-repeat;
}
 .accordion_content {
     height: 0px;
     overflow: hidden;
}
 .bg_blanco {
     background-color: white;
}
.bg_transparent {
	background-color: transparent !important;
}
 .width80 {
     width: 80%;
}
 .fontcinzento {
     color: rgb(120, 120, 120);
}
 .tabla_record .ui-paginator {
     width: 100% !important;
}
 .footer_es .ui-paginator {
     padding: 3px 5px;
     background: none;
}
 .paginator_tabla_gigante .ui-paginator {
     float: left;
     margin-left: 20px;
     margin-top: 20px;
}
 .tabla_zigzag tbody tr {
     border: 2px solid #ebebeb;
}
/* .tabla_zigzag tbody tr:last-child {
     background: url(IMG_P/border_zigzag.jpg) repeat-x center bottom transparent;
     border-bottom: medium none !important;
}
*/
 .errors_table .ui-row-editor.ui-helper-clearfix {
     float: right !important;
}
 .errors_table {
     margin-bottom: 20px;
}
 .caja_wizard .organigrama2 {
     margin-top: 20px;
}
 .div_menu_empleado_foto {
     width: 220px;
     height: 150px;
}
 .div_menu_empleado_foto .div_foto {
     width: 140px;
     height: 140px;
     border-radius: 50%;
}
.mainWrapperEmployee {
    width: 100%;
    min-height: 100vh;
    display: block;
}
.template_empleado {
     width: calc(100% - 80px);
     float: right;
}
 .template_empleado_first {
     width: 700px;
     margin-left: calc(50% - 350px);
}
 .template_empleado_first .row {
     margin-top: 90px !important;
     width: 700px !important;
     min-width: 700px !important;
     clear: both;
     float: left;
}
 .template_empleado .row {
     margin-top: 90px !important;
}
 .gif_first_employee {
     width: 250px;
     height: 250px;
     background-image: url(../images/flex/gif_first_e.gif);
     background-size: 300px;
     background-position: center;
     background-repeat: no-repeat;
     border-radius: 50%;
}
 .gif_first_employee_company_logo {
     width: 100%;
     height: 250px;
     background-size: 300px;
     background-position: center;
     background-repeat: no-repeat;
     border-radius: 0%;
}
 .font300 {
     font-weight: 400;
}
 .font300_2 {
     font-weight: 300;
}
 .top0 {
     margin-top: 0px !important;
}
 .top0_2 {
     top: 0px !important;
}
 .left40 {
     margin-left: 40px !important;
}
 .table_evaluations_employee, .table_evaluations_employee2 {
     border: 0px solid transparent !important;
     border-collapse: collapse !important;
}
 .table_evaluations_employee tr {
     height: 70px !important;
     background-color: rgb(249, 249, 249) !important;
     border-bottom: 5px solid white !important;
}
 .table_evaluations_employee2 tr {
     background-color: white !important;
     border-bottom: 10px solid rgb(240, 240, 240, 0) ;
     float: left;
     position: relative !important;
     width: 100%;
}
 .table_evaluations_employee2 tr td {
     padding-top: 15px;
     padding-bottom: 35px;
}
 .table_evaluations_employee thead, .table_evaluations_employee2 thead {
     display: none !important;
}
.competencesTables .table_evaluations_employee .td_name {
    width: calc(100% - 40px);
}
.competencesTables .table_evaluations_employee .nombre_evaluador_box2 .nombre_evaluador {
    font-size: 0.8125rem !important;
    margin-top: 0px;
}
.competencesTables .table_evaluations_employee .td_relation {
	width: 26%;
}
.td_relation span {
    font-size: 0.7rem !important;
    margin-top: -2px;
}
.tabla_paginacion table.tableActivitiesEmployeePID tr {
	min-height: 130px;
	padding: 10px 15px;
    margin: 15px 0px;
    border-radius: 5px;
}
.tabla_paginacion table.tableActivitiesEmployeePID tr .line .progressBarPid {
	bottom: 10px !important;
	border-radius: 2px;
	display: inline-block;
	box-sizing: content-box;
}
.tabla_paginacion table.tableActivitiesEmployeePID tr:hover,
.tabla_paginacion table.tableActivitiesEmployeePID tr:active,
.tabla_paginacion table.tableActivitiesEmployeePID tr:focus {
/*   -webkit-box-shadow: 8px 7px 14px 2px rgba(219,219,219,1);
    -moz-box-shadow: 8px 7px 14px 2px rgba(219,219,219,1);
    box-shadow: 8px 7px 14px 2px rgba(219,219,219,1); */
 	-webkit-box-shadow: 1px 7px 18px 6px rgba(219,219,219,1);
	-moz-box-shadow: 1px 7px 18px 6px rgba(219,219,219,1);
	box-shadow: 1px 7px 18px 6px rgba(219,219,219,1); 
/*  	-webkit-box-shadow: 1px 7px 18px 6px rgba(194,190,194,1);
	-moz-box-shadow: 1px 7px 18px 6px rgba(194,190,194,1);
	box-shadow: 1px 7px 18px 6px rgba(194,190,194,1);
	transition: box-shadow 0.2s ease-in-out */;
}
.tabla_paginacion table.tableActivitiesEmployeePID tr .line .progressBarPid:nth-of-type(1) {
	left: 15px;
}
.tabla_paginacion table.tableActivitiesEmployeePID tr .line .progressBarPid:nth-of-type(2) {
	right: 15px;
}
.tabla_paginacion table.tableActivitiesEmployeePID tr .line .containerProgressBarBossPID {
	position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
    float: left;
}
.customPosProgressBarPID {
	right: 15px;
	left: unset !important;
}
.tabla_paginacion table.tableActivitiesEmployeePID tr .line .containerProgressBarBossPID .progressBarPid:nth-of-type(1) {
    left: 0px;
    bottom: 0px !important;
}
.left0 {
     margin-left: 0px !important;
}
 .fontcinzento5 {
     color: #777 !important;
}
 .fontcinzento130 {
     color: rgb(130, 130, 130) !important;
}
 .icon_concl {
     width: 35px;
     height: 35px;
     background-image: url('../images/flex/icones/check4.svg');
     background-size: 35px;
     background-position: center;
     background-repeat: no-repeat;
}
.panelPersonalMetas .leftOptionsPanel {
	width: 95%;
    margin: 0px 2.5%;
}
 .div_seguimiento {
     width: 250px;
     height: 190px;
     border-radius: 5px;
}
 .div_pid {
     width: 250px;
     height: 190px;
     border-radius: 5px;
}
 .div_jefe {
     width: 250px;
     height: auto;
     border-radius: 5px;
     background-color: #f1f1f1;
     overflow: hidden;

}
.div_jefe .twenty {
    width: 83.33333% !important;
}
 .div_jefe h5 {
     font-size: 15px !important;
     width: 90%;
     color: white !important;
     margin-left: 5%;
     text-align: center;
     font-weight: 700 !important;
     margin-bottom: 10px;
}
 .paddingtop0 {
     padding-top: 0px !important;
}
 .div_metas_emp {
     width: 100%;
     height: auto;
     display: inline-block;
     border-radius: 5px;
     padding: 20px;
     background-color: rgb(240, 240, 240);
}
 .div_metas_emp2 {
     width: 90%;
     height: auto;
     display: inline-block;
     border-radius: 5px;
     padding: 20px;
     background-color: rgb(240, 240, 240);
     margin-left: 5%;
}
 .div_metas_emp4 {
     display: inline-block;
     border-radius: 5px;
     padding: 20px;
     opacity: 0.2;
     width: 111%;
     margin: -20px;
     position: absolute;
     height: 90px;
     z-index: -10;
}
.div_metas_emp2 .tableMetasCol tr td {
	padding-bottom: 30px;
}
 .transBack {
     background-color: rgba(0, 0, 0, 0);
}
 .padding_zero {
     padding: 0px;
}
 .color_white {
     color: white;
}
.color_boldBlack {
	color: #333;
}
.color_lightBlack {
	color: #777;
}
 .bar_metas {
     height: 20px;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .bar_metas3 {
     height: 20px;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .bar_metas2 {
     height: 30px;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .bar_metas4 {
     height: 30px;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .label_progress {
     position: absolute;
     left: 5px;
     top: 0px;
     z-index: 10;
}
 .result_progress {
     position: absolute;
     right: 5px;
     top: 0px;
     z-index: 10;
}
 .label_progress2 {
     position: absolute;
     left: 5px;
     top: 10px;
     z-index: 10;
}
 .result_progress2 {
     position: absolute;
     right: 5px;
     top: 10px;
     z-index: 10;
}
 .div_metas_emp .table_goals .ui-datatable-footer {
     background: none !important;
     padding: 0px;
     margin-top: 10px;
     height: auto !important;
}
 .bar_total_emp {
     width: 100%;
     height: 30px;
     background-color: #5B5F69;
     position: relative;
     overflow: hidden;
}
 .pid_table td {
     width: 100%;
}
 .bg_cinza {
     background-color: rgb(240, 240, 240);
}
 .bg_pid {
     border-radius: 5px;
     padding: 20px;
}
 .imgaccordion {
     border-radius: 72px;
     max-width: 50px;
     height: 50px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}
 .imgaccordion-angular {
     border-radius: 72px;
     max-width: 50px;
     height: 50px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin-top: -10px;
     margin-bottom: 10px;
}
 .acordion_emp {
     display: inline-block;
     border-radius: 5px;
     background: #FFFFFF;
     padding: 10px 5px !important;
}
 .acordion_emp .ui-accordion-content {
     background: rgb(240, 240, 240) !important;
     padding: 10px 7px !important;
     margin: 10px 0px;
     border-radius: 5px;
}
 .acordion_emp .ui-icon-triangle-1-e {
     margin-top: 15px;
     margin-right: 10px;
     width: 16px;
}
 .acordion_emp .ui-icon-triangle-1-s {
     margin-top: 17px;
     margin-right: 10px;
     width: 16px;
     background-size: 16px;
}

/*acordeon de permisos nuevo*/
 .acordion_angular {
     display: inline-block;
     border-radius: 5px;
     background: white !important;
     padding: 10px 5px !important;
     border-bottom: 1px solid #EBEBEB;
     margin-bottom: 0px !important;
     margin-top: 10px !important;
}

.acordion_angular .ui-accordion-header{
	background: white !important;
	border-bottom: 1px solid #EBEBEB;
}

.acordion_angular .ui-state-active {
	border-bottom: 1px solid white !important;
}

 .acordion_angular .ui-accordion-content {
     background: white !important;
     padding: 7px 7px !important;
     margin: 00px 0px;
     border-radius: 5px;
     border-bottom: 1px solid #EBEBEB;
}
 .acordion_angular .ui-icon-triangle-1-e {
     margin-top: 15px;
     margin-right: 10px;
     width: 16px;
}
 .acordion_angular .ui-icon-triangle-1-s {
     margin-top: 17px;
     margin-right: 10px;
     width: 16px;
     background-size: 16px;
}
.colorblackacordion{
	color: #282C36 ;
}


 .acordion_emp2 .ui-icon-triangle-1-e {
     margin-top: 2px;
     margin-right: 2px;
     width: 13px;
}
 .acordion_emp2 .ui-icon-triangle-1-s {
     margin-top: 2px;
     margin-right: 2px;
     width: 13px;
}
 .container_encuesta {
     width: calc(100% - 270px);
     height: auto;
     overflow: visible;
     float: left;
}
 .row_encuesta {
     float: right;
     padding-left: 22px;
     margin-top: 90px;
}
 .container_encuesta_leyenda {
     width: 230px;
     height: auto;
     float: right;
     border-radius: 5px;
     overflow: hidden;
}
 .container_encuesta_leyenda .header {
     width: 100%;
     height: 30px;
     position: absolute;
     top: 0px;
     left: 0px;
     background-color: #282c36 !important;
}
 .div_descrip_enc {
     width: 70%;
     margin-left: 15%;
}
 .contentfull_enc_2 {
     width: 100%;
     height: auto;
     margin-bottom: 10px;
     border-radius: 5px;
     position: relative;
     overflow: visible;
     background-color: white;
}
 .modal_goal {
     width: 100%;
     height: auto;
     max-height: 58px;
     padding: 13px 20px;
     background-color: #f1f1f1;
     float: left;
}
.modal_goal p {
	overflow: hidden;
	word-break: break-all;
}
.modal_goal p.text-truncate:after {
	background-color: #f1f1f1;
}
 .promedio_evaluacion_2 {
     padding: 5px;
     color: white;
}
 .pop_metas_container {
     height: 270px;
     overflow-x: auto;
}
 #historico_linechart {
     width: 1000px;
}
 .caja_eval_metas {
     width: 70px;
     height: 50px;
     border-radius: 7px;
}
 .promedio_evaluacion_2 {
     width: 70px;
     height: 45px;
     border-radius: 7px;
}
 .result_metas_compare {
     width: 100px;
     height: 60px;
     overflow: hidden;
     margin-left: 10px;
     margin-right: 10px;
     float: left;
}
 .promedio_evaluacion_3 {
     width: 100%;
     height: 35px;
     border-radius: 5px;
     float: left;
}
 .metas_popup_seg_container {
     width: calc(100% - 50px);
     height: auto;
     display: inline-block;
     overflow-wrap: break-word !important;
}
 .metas_popup_seg_container .evaluator_title {
     width: 100%;
     height: auto;
}
 .bar_popup {
     width: calc(100% - 15px);
     height: 25px;
     background-color: #ebebeb;
     position: relative;
     overflow: hidden;
}
 .bar_popup .bar {
     position: absolute;
     height: 25px;
     width: 0px;
     top: 0px;
}
 .bar_popup .bar.right {
     right: 0px;
}
 .bar_popup .bar.left {
     left: 0px;
}
 .bar_popup .result_progress.right {
     position: absolute;
     right: 7px;
     top: 7px;
     z-index: 10;
}
 .bar_popup .result_progress.left {
     position: absolute;
     left: 7px;
     top: 7px;
     z-index: 10;
}
 .line_separator {
     width: 100%;
     height: 1px;
     background-color: rgb(220, 220, 220);
     margin-top: 20px;
}
 .leyenda_popup_metas .color1 {
     width: 15px;
     height: 15px;
     border-radius: 5px;
     background-color: rgb(223, 94, 53);
}
 .leyenda_popup_metas .color2 {
     width: 15px;
     height: 15px;
     border-radius: 5px;
     background-color: rgb(52, 152, 219);
}
 .foto_emp_popup {
     width: 40px;
     height: 40px;
     background-size: cover;
     background-repeat: no-repeat;
     border-radius: 50%;
}
 .caja_seguimiento_2 {
     width: calc(100% - 40px);
     background-color: #f1f1f1;
}
.popup_metas2 {
	width: 95% !important;
	max-width: 1050px;
	padding-bottom: 0px;
}
.popup_metas2 .pop_metas_container {
    padding: 10px 15px 0px;
    height: calc(75vh - 90px);
}
.popup_metas2 .scroll_popup_withoutBottomBtnPanel {
	height: calc(77vh - 90px);
	margin-bottom: 30px;
}
 .popup_metas3 {
     width: 95% !important;
     max-width: 750px;
     background-color: #FFF;
     padding-bottom: 30px;
     border-radius: 5px;
     position: relative;
}
.popup_metas3 .scroll_popup {
     height: calc(70vh - 90px);
     max-height: calc(75vh - 90px);
}
.popup_metas3 .containerTrackingSemaphore,
.popup_metas3 .containerTrackingSemaphore .box_semaforo_metas.innerTracking {
	width: 100%;
} 
 .popup_metas4 {
     width: 95% !important;
     max-width: 750px;
     height: auto !important;
     background-color: #FFF;
     padding-bottom: 0px;
     border-radius: 5px;
     position: relative;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     margin-left: unset;
}
.popup_metas5 {
     width: 95% !important;
     max-width: 750px;
     background-color: #FFF;
     padding-bottom: 0px;
     border-radius: 5px;
     position: relative;
     height: auto !important;
}
 .new_popup_1 {
     width: 95% !important;
     max-width: 450px;
     background-color: #FFF;
     padding-bottom: 0px;
     border-radius: 5px;
     position: relative;
     height: 300px !important;
}
 .new_popup_2{
     width: 500px !important;
     background-color: #FFF;
     padding-bottom: 0px;
     border-radius: 5px;
     position: relative;
     height: auto !important;
}
 .new_popup_2 .scroll_popup_parcial{
     max-height: 54vh !important;
     overflow: auto;
}
 .new_popup_3{
     width: 95% !important;
     max-width: 750px;
     background-color: #FFF;
     padding-bottom: 0px;
     border-radius: 5px;
     position: relative;
     height: auto !important;
}
 .new_popup_3 .scroll_popup_parcial{
     max-height: 70vh !important;
     overflow: auto;
}
.new_popup_3 .scroll_popup {
	max-height: calc(70vh - 90px) !important;
	overflow: auto;
}
 .popup_pid_detail {
     width: 750px !important;
     background-color: #FFF;
     padding-bottom: 0px;
     border-radius: 5px;
     position: relative;
     height: auto !important;
}
 .popup_pid_self_detail {
     width: 750px !important;
     background-color: #FFF;
     padding-bottom: 0px;
     border-radius: 5px;
     position: relative;
     height: auto !important;
}
 .popup_pid_track {
     width: 710px !important;
     background-color: #FFF;
     padding-bottom: 30px;
     border-radius: 5px;
     position: relative;
}
.tabs,
.modal_descripGoal .tabs {
	height: auto !important;
	margin-bottom: 0px !important;
	border: none !important;
	background-color: #FFF !important;
}
 .backgroundProgressBar {
     background-color: #DADADA;
}
 .popup_metas4 .scroll_popup {
     max-height: calc(73vh - 80px);
}
 .popup_metas4 .scroll_popup2 {
     max-height: 335px;
}
 .popup_metas4 .scroll_popup2 {
     max-height: 335px;
}
 .popup_metas5 .scroll_popup {
     max-height: 370px;
}
 .popup_metas5 .scroll_popup2 {
     max-height: 335px;
}
 .popup_metas5 .scroll_popup2 {
     max-height: 335px;
}
 .height_popup_emp_metas {
     max-height: 400px !important;
}
 .box_semaforo_metas {
     background-color: #f1f1f1;
     border-radius: 5px;
}
 .popup_metas3 .report_temp .ui-fileupload-choose {
     background: none !important;
     border: 2px solid #282c36;
     color: #282c36;
}
 .upload_evidencia .logoaccount .ui-fileupload-choose {
	display: flex;
	align-items: center;
    background: none !important;
    border: 2px solid #282c36;
    color: #282c36;
}
 .upload_evidencia .logoaccount .ui-fileupload-buttonbar .ui-state-default .ui-icon {
     background: url("../images/flex/icones/upload.svg");
     margin-top: -2px;
     margin-left: -2px;
     margin-right: 5px;
}
 .popup_metas3 .report_temp .ui-fileupload-buttonbar .ui-state-default .ui-icon {
     background: url("../images/flex/icones/upload.svg");
     margin-top: -2px;
     margin-left: -2px;
     margin-right: 5px;
}
 .upload_evidencia .ui-messages-error-summary {
     font-size: 12px;
     font-weight: 600;
}
 .upload_evidencia .ui-messages-error-detail {
     font-size: 13px;
     font-weight: 400;
}
 .pop_metas_emp {
     margin-left: -95px !important;
}
 .metas_alert_txt.alerta1 {
     padding: 5px 10px !important;
}
 .foto_dircto {
     height: 92px !important;
     margin-left: 0.2px;
}
 .div_metas_emp_container {
     width: calc(100% - 280px);
     float: right;
     margin-top: 30px;
}
.div_metas_emp_container .table_evaluations_employee2.tableGoals tr td {
    padding-bottom: 30px;
}
 .dash_emp {
     width: 100%;
     height: auto;
     background-color: white;
     margin-top: 60px;
}
 .mod_dash_emp {
     width: 110% !important;
     margin-left: -20px;
     padding-left: 20px;
}
 .template_empleado .row_dashboard {
     width: 100% !important;
     margin-top: 0px !important;
}
 .row_dashboard3 {
     width: calc(100% - 60px);
}
 .row_title_dashboard2 {
     padding: 10px;
     background-color: white;
     border-radius: 5px;
     width: calc(100% - 40px) !important;
     margin-left: 20px;
}
 .row_dashboard4 {
     width: calc(100% - 80px);
     margin-left: 40px;
}
 .icon_dash {
     width: 60px;
     height: 60px;
     background-image: url("../images/flex/icones/dash.svg");
     background-size: 60px;
     background-repeat: no-repeat;
}
 .dash_emp_cont {
     width: calc(( 100%/ 4) - 21px);
     height: auto;
     float: left;
     margin-left: 10px;
     margin-right: 10px;
     margin-bottom: 20px;
}
 .dash_emp_cont2 {
     width: auto;
     min-width: calc(( 100%/ 4));
     height: auto;
     float: left;
     margin-left: 10px;
     margin-right: 10px;
     margin-bottom: 20px;
}
 .dash_emp_cont_line {
     height: 40px;
     width: 1px;
     margin-top: 20px;
     background-color: rgb(220, 220, 220);
}
 .width_margin20 {
     width: calc(100% - 40px);
     margin-left: 20px;
}
 .nr_dash_emp {
     font-size: 45px;
}
 .tab_emp_dash ul {
     width: 100%;
     padding-left: 40px;
     background: white;
     border-top: 1px solid rgb(230, 230, 230);
     cursor: pointer;
}
 .tab_emp_dash ul li {
     width: auto;
     padding: 10px 30px;
     margin-top: 10px;
     float: left;
}
 .tab_emp_dash .ui-tabs-panel table {
     background-color: transparent;
     margin: 0px;
     border: 0px solid transparent;
}
 .tab_emp_dash .ui-tabs-panels {
     padding: 0px !important;
}
 .filter_hide {
     display: none 
}
 #filter-list {
     margin-bottom: 50px;
}
 .divider {
     width: 50%;
     height: 1.1px;
     background-color: rgb(210, 210, 210);
     margin-left: 25%;
     margin-top: 30px;
     margin-bottom: 40px;
}
 @media screen and (min-width: 1500px) {
     .dividerGreatResolution {
         margin-right: 25%;
    }
}
 .select_empleado .ui-icon-triangle-1-s {
     background-image: none !important;
}
 .icon_calendar {
     background-image: url("../images/flex/icones/calendar.svg");
     background-repeat: no-repeat;
}
 .relative {
     position: relative;
}
 .pid_table {
     width: 100%;
}
 .bot_sino_verde {
     color: #1abc9c;
     border: 2px solid;
     border-radius: 5px;
     border-color: #1abc9c;
     height: 50px !important;
     width: 50px !important;
}
 .colortext_verde {
     color: #1abc9c;
}
 .bot_sino_verde:hover {
     background-color: #1abc9c;
     color: white;
}
 .bot_sino_verde.bot_sino_active, .bot_sino_verde:hover {
     background-color: #1abc9c;
     color: white;
}
 .bot_sino_rojo {
     color: #e74c3c;
     border: 2px solid;
     border-radius: 5px;
     border-color: #e74c3c;
     height: 50px !important;
     width: 50px !important;
}
 .bot_sino_rojo.bot_sino_active, .bot_sino_rojo:hover {
     background-color: #e74c3c;
     color: white;
}
 .pending .bot_blanco5 {
     font-weight: 600;
}
 .font500 {
     font-weight: 500 !important;
}
 .comment_div {
     background-color: rgb(250, 250, 250);
     padding: 10px 20px;
     border-top: 4px solid rgb(245, 245, 245);
}
 .lato {
     font-family: "lato" !important;
}
 .box_div_enc {
     width: 100px;
}
 .box_div_enc2 {
     width: calc(100% - 120px);
}
 .linetop_enc {
     border-top: 1px solid rgb(240, 240, 240);
     padding-top: 10px;
}
.linetop_enc input[type="text"].singleCommentAffQuestion {
	width: 100%;
}
.linetop_enc .error {
	position: relative;
	top: 12px;
	margin-bottom: 20px;
	display: block;
	text-align: center;
}
 .linebottom_enc {
     border-bottom: 1px solid rgb(240, 240, 240);
     padding-bottom: 10px;
}
 .box_div_enc input {
     border: 2px solid rgb(220, 220, 220) !important;
}
.encuesta_responsive {
	margin-top: 70px;
}
 .menu_wizard2 div.active {
     color: white;
}
 .menu_wizard li.active_nr {
     color: white !important;
}
 .margin_boss_results {
     margin-top: 100px;
     margin-left: 20px;
     margin-right: 20px;
}
 .row_box_grafica_emp2 {
     position: relative;
     width: calc(100% - 360px);
     background-color: white;
     border-radius: 5px;
     height: 350px;
     float: left;
}
 .bar_results_pro {
     width: 100%;
     height: 10px;
     background-color: #ebebeb;
     position: relative;
}
 .bar_results_pro .bar_result {
     position: absolute;
     left: 0px;
     top: 0px;
     height: 10px;
}
 .tab_emp_dash_result ul, .tab_emp_dash_result2 ul {
     width: 100%;
     padding-left: 0px;
     background: white;
     cursor: pointer;
     border-radius: 5px;
}
 .tab_emp_dash_result ul li {
     width: auto;
     padding: 10px 30px;
     margin-top: 10px;
     float: left;
}
 .tab_emp_dash_result2 ul li a {
     padding: 10px 30px;
}
 .tab_emp_dash_result2 ul li {
     width: auto;
     margin-top: 10px;
     float: left;
}
 .bot_reporte_text {
     background-color: transparent;
     border: none;
}
 .others_table .ui-paginator {
     margin-top: 0px !important;
     float: left !important;
     width: auto !important;
}
 .others_table2 .ui-paginator {
     margin-top: 5px !important;
     float: left !important;
     width: auto !important;
}
 .table_popup_other .ui-paginator {
     margin-top: -10px !important;
     float: left !important;
     width: 100% !important;
     margin-bottom: 10px;
}
 .ui-selectmanycheckbox.montserrat td {
     margin: 9px 5px !important;
}
 .reveal-modal-welcome {
     width: 600px !important;
     margin-left: -300px !important;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
     border-radius: 10px !important;
}
 .gifalhada_container {
     width: 100%;
     height: 300px;
     background-color: white;
     border-radius: 10px;
}
 .gifalhada_maxima {
     width: 270px;
     height: 270px;
     background-image: url("../images/flex/DonePopup.gif");
     background-size: 270px;
     background-repeat: no-repeat;
}
 .leyenda_comp {
     opacity: 0;
     position: fixed;
     right: 20px;
     width: 230px;
}
 .box_result_emp {
     width: 300px;
     height: 100px;
     margin-left: 5px;
     margin-right: 5px;
     border-radius: 3px;
}
 .box_result_emp .box_circle {
     width: 100px;
     height: 100px;
}
 .box_result_emp .box_text_emp {
     width: 200px;
     height: auto;
     padding: 10px;
     border-left: 1px solid rgb(230, 230, 230);
}
 .box_result_emp .box_text_emp2 {
     width: 200px;
     height: auto;
     padding: 10px;
}
 .result_h1_emp {
     font-size: 30px !important;
     color: rgb(60, 60, 60) !important;
}
 .comp_h1_emp {
     font-size: 15px !important;
     color: rgb(60, 60, 60) !important;
     line-height: 120% !important;
     min-height: 39px;
}
 .text_verde {
     color: #bdd262 !important;
}
 .text_verde3 {
     color: #27ae60 !important;
}
 .text_rojo {
     color: #e46053 !important;
}
 .text_rojo1 {
     color: #EB5757 !important;
}
 .text_rojo1:hover {
     opacity: 0.8;
}
 .text_azul {
     color: #36bcc2 !important;
}
 .text_naranja {
     color: #f2972a !important;
}
 .text_amarillo {
     color: #ffd93b !important;
}
 .text_amarillo2 {
     color: #fed83b !important;
}
 .new_colors .text_verde {
     color: #9bb447 !important;
}
 .new_colors .text_rojo {
     color: #ce453f !important;
}
 .new_colors .text_azul {
     color: #36bcc2 !important;
}
 .new_colors .text_naranja {
     color: #f2972a !important;
}
 .new_colors .text_amarillo {
     color: #dab528 !important;
}
 .text_verde2 {
     color: #9bb447 !important;
}
 .text_rojo2 {
     color: #ce453f !important;
}
 .text_azul2 {
     color: #36bcc2 !important;
}
 .text_amarillo2 {
     color: #dab528 !important;
}
 .text_naranja2 {
     color: #f2972a !important;
}
 .new_colors .text_amarillo {
     color: #dab528 !important;
}
 .absolute {
     position: absolute;
}
 .comparacion_div {
     width: 100%;
     height: auto;
}
 .radar_comparacion {
     width: 450px;
     height: 400px;
     position: relative;
     overflow: visible;
}
 .radar_caja_legenda {
     position: absolute;
     width: 150px;
     min-height: 30px;
}
 .textright {
     text-align: right;
}
 .margintop0 {
     margin-top: 0px !important;
}
 .margintop80 {
     margin-top: 80px;
}
 .radar_comparacion .tooltip {
     display: block !important;
     margin-top: 30px;
     opacity: 1;
}
 .divleg_v {
     width: auto;
     height: 80px;
     margin-right: 50px;
}
 .divleg_v .caixa {
     width: 22px;
     height: 22px;
     border-radius: 5px;
}
 .b_color1 {
     background-color: #1bc3a2;
}
 .b_color2 {
     background-color: #34495e;
}
 .divleg_v .texto_leg {
     width: auto;
     height: auto;
     font-size: 11px;
     font-weight: 600;
     margin-left: 5px;
}
 .donaDashboard{
     margin-top:20px;
}
 .bar_comp_results {
     width: 100%;
     height: 15px;
     background-color: #ebebeb;
     margin-top: 2px;
}
 .bar_comp_results .bar {
     width: 0px;
     height: 15px;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .bar_comp_results2 {
     width: 100%;
     height: 15px;
     background-color: #ebebeb;
     margin-top: 2px;
}
 .bar_comp_results2 .bar {
     width: 0px;
     height: 15px;
     position: absolute;
     left: 0px;
     top: 0px;
}
.bar_comp_results_251 {
     width: 100%;
     height: 15px;
     background-color: #ebebeb;
     margin-top: 2px;
}
 .bar_comp_results_251 .bar {
     width: 0px;
     height: 15px;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .bar_culture_results {
     width: 100%;
     height: 15px;
     background-color: #ebebeb;
     margin-top: 2px;
}
 .bar_culture_results .bar {
     width: 0px;
     height: 15px;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .best_worst_comp {
     width: calc(( 100%/ 3) - 7px);
     height: 120px;
     border-radius: 5px;
     background-color: white;
}
 .best_worst_comp .icon_container {
     width: 120px;
     height: 120px;
     background-repeat: no-repeat;
     background-size: 70px;
     background-position: center;
}
 .best_worst_comp .text_container {
     width: calc(100% - 120px);
     height: 80px;
     margin-top: 20px;
     border-left: 1px solid rgb(230, 230, 230);
     padding: 10px 15px;
}
 .star_icon {
     background-image: url(../images/flex/icones/star.svg);
}
 .star_up_icon {
     background-image: url(../images/flex/icones/star_up.svg);
}
 .star_down_icon {
     background-image: url(../images/flex/icones/star_down.svg);
}
 .goal_icon {
     background-image: url(../images/flex/icones/goal.svg);
}
 .goal_up_icon {
     background-image: url(../images/flex/icones/goal_up.svg);
}
 .goal_down_icon {
     background-image: url(../images/flex/icones/goal_down.svg);
}
 .width_box_9_left {
     width: calc(100% - 310px);
}
 .width_box_9_right {
     width: 300px;
}
 .box_grid {
     width: calc(100% - 50px);
     height: 400px;
     position: relative;
     border: 1px solid #ebebeb;
     margin-left: 30px !important;
     margin-top: 20px;
     margin-bottom: 10px;
}
 .box_grid.findeter {
     width: calc(100% - 70px);
     margin-left: 50px !important;
}
 @media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active) {
     .box_grid.findeter {
         width: calc(102% - 70px);
         margin-left: 47px !important;
    }
}
 .nine_box_edit .box_grid .box {
     width: calc(100%/ 3);
     height: calc(399px/ 3);
     position: relative;
     border: 1px solid #ebebeb;
}

 .sixteen_box_edit .box_grid .box {
     width: calc(100%/ 4);
     height: calc(399px/ 4);
     position: relative;
     border: 1px solid #ebebeb;
}
 .box_grid .box.color1 {
     background-color: #f4c0bd;
}
 .box_grid .box.color2 {
     background-color: #f9e0dc;
}
 .box_grid .box.color3 {
     background-color: #fffbea;
}
 .box_grid .box.color4 {
     background-color: #f8ecd0;
}
 .box_grid .box.color5 {
     background-color: #e0eee0;
}
 .box_grid .box.color6 {
     background-color: #c2e0c8;
}

 .box_grid .box.color1 span {
     color: #902A2E;
}
 .box_grid .box.color2 span {
     color: #902A2E;
}
 .box_grid .box.color3 span {
     color: #D5A135;
}
 .box_grid .box.color4 span {
     color: #D5A135;
}
 .box_grid .box.color5 span {
     color: #78872E;
}
 .box_grid .box.color6 span {
     color: #78872E;
}

 .label_9box_vertical {
     width: 400px;
     text-align: right;
     margin-left: -400px !important;
     -ms-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     -ms-transform-origin: right top 0;
     -moz-transform-origin: right top 0;
     -webkit-transform-origin: right top 0;
     transform-origin: right top 0;
     margin-top: 20px;
}
 .left25 {
     margin-left: 25px;
}
 .circle_9box:hover .overlay {
     display: block;
}
 .circle_9box:hover .overlay2 {
     opacity: 1;
}
 .circle_9box:hover {
     z-index: 99;
}
 .circle_9box:hover+p.text_over2 {
     display: block 
}
 .text_over2 {
     position: absolute;
     width: 100px;
     font-size: 9px;
     line-height: 120%;
     text-align: center;
     font-weight: 500;
     margin-left: -50px;
     margin-bottom: -45px;
     display: none;
     left: 20px;
     z-index: 22;
}
 .width_box_9_right .foto {
     width: 60px;
     height: 60px;
     background-repeat: no-repeat;
     background-size: 55px;
     background-position: center;
}
 .width_box_9_right .box_text_emp {
     width: calc(100% - 70px);
     padding: 10px;
     border-left: 1px solid rgb(230, 230, 230);
}
 .emp_up_icon {
     background-image: url(../images/flex/icones/emp_up.svg);
}
 .emp_down_icon {
     background-image: url(../images/flex/icones/emp_down.svg);
}
 .border_radius_left {
     border-top-left-radius: 5px;
}
 .border_radius_right {
     border-top-right-radius: 5px;
}
 .noBorder {
     border: 0px solid #111 !important;
}
 .font_no_color {
     color: #777777 !important;
}
 .caja_icon_table_emp_result {
     width: 30px;
     height: 30px;
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center;
}
 .icon_result_emp_table {
     background-image: url(../images/flex/icones/icon_result_comp.svg);
}
 .icon_download_emp_table {
     background-image: url(../images/flex/icones/icon_download.svg);
}
/* --------- Encuesta --------- */
 .bg_encuesta_otras {
     background-color: #2e323e;
}
 .bg_encuesta_occ {
     background-color: rgb(245, 245, 245);
}
 .encuesta_container {
     width: 70%;
     height: auto;
     margin-left: 15%;
}
 .encuesta_container2 {
     width: 80%;
     height: auto;
     margin-left: 10%;
}
 .encuesta_box {
     width: 100%;
     padding: 0px 30px;
     height: auto;
     border-radius: 5px;
     background-color: white;
}
 .paddingRight10p {
     padding-right: 10%;
}
 .encuesta_box2 {
     width: 100%;
     padding: 30px;
     height: auto;
     border-radius: 5px;
     background-color: white;
}
 .encuesta_box3 {
     width: 74.5%;
     padding: 30px;
     height: auto;
     border-radius: 5px;
     background-color: white;
     min-height: 200px;
}
 .encuesta_box4 {
     width: 24.5%;
     padding-left: 30px;
     padding-right: 30px;
     padding-top: 27px;
     background-color: white;
     margin-right: 1%;
     border-radius: 5px;
     min-height: 200px;
}
 .logo_company_encuesta {
     width: 150px;
     height: 80px;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
}
 .border_top_encuesta2 {
     border-top: 6px solid #717995;
}
 .logo_acsendo_flex {
     width: 150px;
     height: 40px;
     background-image: url("../images/flex/logo_flex_white.svg");
     background-size: 150px;
     background-repeat: no-repeat;
     background-position: center;
}
 .width100 {
     width: 100% !important;
}
 .h1_enc {
     font-size: 23px !important;
     line-height: 140% !important;
     font-weight: 500 !important;
     text-align: left !important;
}
 .h2_enc {
     font-size: 16px !important;
     line-height: 150% !important;
     font-weight: 500 !important;
     text-align: left !important;
}
 .h3_enc {
     line-height: 150%;
}
 .h4_enc {
     font-size: 16px !important;
     font-weight: 600;
}
 .h5_enc {
     font-size: 14px !important;
     padding-top: 10px;
     font-weight: 500 !important;
     text-align: left !important;
}
 .h6_enc {
     font-weight: 600;
     line-height: 150%;
}
 .img_enc {
     /*width: 70%;*/
     height: 75px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
}
 .noclear {
     clear: none !important;
}
 .multiple_enc label {
     clear: none !important;
     margin-left: 10px;
     width: 80%;
     font-weight: 500;
}
 .multiple_enc td {
     padding-left: 0px;
}
 .width50px {
     width: 50px !important;
}
 .ui-picklist td {
     padding: 0px !important;
}
 #employeeNew .witdthEmployee {
     width: 600px !important;
     height: auto !important;
}
 .popup_editar_empleado.pesospop {
     margin-left: -140px !important;
}
 .popup_editar_empleado.mod_popup_width {
     width: 95% !important;
     max-width: 750px;
     margin-left: unset;
}
.popup_editar_empleado.newCompanyDlg {
	max-height: 90vh;
	overflow: hidden auto;
}
.modal_pnlPesos .goalTitle {
	width: 70.83333%;	
	white-space: normal;
	word-break: break-word;
}
.modal_pnlPesos .goalWeight {
	width: 20%;	
}
.modal_pnlPesos .ui-icon,
.goalsDuplicationModal .ui-icon {
	display: none !important;
}
.modal_pnlPesos .new_alert.total_weight_alert {
	padding: 0px 20px 10px;
}
.modal_pnlPesos {
	
}
 table tbody .ico_conf {
     background: url(../images/flex/icones/icon_conf.svg) no-repeat;
     width: 30px;
     height: 32px;
     background-position: center;
     display: block;
     position: relative;
     top: -3px;
     left: calc(50% - 15px);
}
 .modal_loading {
     background: none repeat scroll 0 0 white;
     border-radius: 5px 5px 5px 5px;
     left: 50% !important;
     margin-left: -60px;
     margin-top: -160px;
     overflow: hidden;
     position: fixed !important;
     top: 50% !important;
     width: 160px !important;
     z-index: 4000;
     padding-top: 20px;
     padding-bottom: 20px;
}
 .modal_loading img {
     width: 120px !important;
     height: auto !important;
}
 .row_title_dashboard ol {
     margin-left: 10px !important;
}
 .width_tab {
     width: calc(100% - 20px) !important;
}
 .acSlider2_2 {
     border: medium none;
     border-radius: 3px;
     color: #FFF;
     float: left;
     height: 0px;
     padding: 2px;
     position: relative;
     text-align: center;
     margin-bottom: 20px;
     margin-top: 10px;
}
 .company_mobile {
     display: none;
     width: 100%;
     background-color: white;
     float: left;
     padding: 7px;
     position: fixed;
     height: 50px;
     z-index: 20;
}
 .width_company_name {
     width: calc(100% - 60px);
}
 #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
     width: 25px;
     height: 22px;
     position: relative;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
}
 #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
     display: block;
     position: absolute;
     height: 3px;
     width: 100%;
     border-radius: 9px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
}
 #nav-icon3 span:nth-child(1) {
     top: 0px;
}
 #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
     top: 8px;
}
 #nav-icon3 span:nth-child(4) {
     top: 16px;
}
 #nav-icon3.open span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%;
}
 #nav-icon3.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 #nav-icon3.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 #nav-icon3.open span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50%;
}
 .menu_mobile {
     width: 100%;
     height: 0;
     position: fixed;
     margin-top: 80px;
     background-color: white;
     z-index: 30;
     overflow: hidden;
}
 .nav_flex_empleado_mobile {
     margin-top: 0px;
     width: 100%;
     height: auto;
     background-color: transparent;
     border: none;
     width: calc(100% - 40px);
     margin-left: 20px;
     margin-top: 30px;
}
 .nav_flex_empleado_mobile .menu_mobile_empleados li {
     width: 100%;
     height: auto;
     background-color: white;
     border-bottom: 2px solid rgb(240, 240, 240);
     float: left;
}
 .nav_flex_empleado_mobile .menu_mobile_empleados li.selected {
     border-radius: 0px;
     padding: 0px;
}
 .menu_mobile_empleados .ico1 {
     background-image: url(../images/flex/menu2/ico_dash.svg);
     background-repeat: no-repeat;
     background-size: 30px;
     background-position: 5px center;
}
 .menu_mobile_empleados .ico2 {
     background-image: url(../images/flex/menu2/ico_eval.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 5px center;
}
 .menu_mobile_empleados .ico5 {
     background-image: url(../images/flex/menu2/ico_eval.svg);
     background-repeat: no-repeat;
     background-size: 27px;
     background-position: 5px center;
}
 .menu_mobile_empleados .ico8 {
     background-image: url(../images/flex/menu2/ico_rep.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 8px center;
}
 .menu_mobile_empleados .ico10 {
     background-image: url(../images/flex/menu2/ico_acuerdos.svg);
     background-repeat: no-repeat;
     background-size: 29px;
     background-position: 5px center;
}
.menu_mobile_empleados .ico16 {
     background-image: url(../images/flex/menu2/feedback_icon.svg);
     background-repeat: no-repeat;
     background-size: 40px;
     background-position: 0px center;
}
.menu_mobile_empleados .ico22 {
	background-image: url(https://s3.amazonaws.com/hr.acsendo.com/assets/menu/plan_individual_desarrollo.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 0px center;
}
 .menu_mobile_empleados li .menu_txt {
     float: left;
     font-size: 13px !important;
     height: 50px;
     text-align: left;
     text-decoration: none;
     width: 100%;
     padding-left: 50px;
     color: rgb(50, 50, 50) !important;
     padding-top: 16px;
}
 .signup_container {
     width: 100%;
     height: calc(100vh);
     float: left;
     background-size: cover;
     position: absolute;
}
 .footer_signup {
     width: 100%;
     height: 30px;
     float: left;
     position: absolute;
     bottom: 0;
     font-family: "work sans";
     color: white;
     font-size: 12px;
     font-weight: 600;
     padding: 7px 20px;
}
 .signup1 {
     background-image: url(../images/flex/signup/1.jpg);
}
 .signup2 {
     background-image: url(../images/flex/signup/2.jpg);
}
 .signup3 {
     background-image: url(../images/flex/signup/3.jpg);
}
 .signup4 {
     background-image: url(../images/flex/signup/4.jpg);
}
 .signup5 {
     background-image: url(../images/flex/signup/5.jpg);
}
 .signup6 {
     background-image: url(../images/flex/signup/6.jpg);
}
 .signup1_perf {
     background-image: url(../images/performance/1.jpg);
}
 .signup_banorte {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/Banorte/Fondo.png);
}
 .overlay_signup {
     background: rgb(223, 94, 53);
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to left, rgb(223, 94, 53), #EBC08D);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to left, rgb(223, 94, 53), #EBC08D);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     opacity: 0.5;
     position: absolute;
     left: 0;
     top: 0px;
     width: 100%;
     height: 100%;
}
 .signup_container2 {
     position: absolute;
     left: 0;
     top: 0px;
     width: 100%;
     height: 100%;
}
 .box_signup {
     width: 700px;
     height: auto;
     float: left;
     margin-left: calc(50% - 350px);
     background-color: rgba(245, 245, 245, 0.9);
     margin-top: 70px;
     padding-bottom: 30px;
}
 .box_signup .logo_flex {
     width: 250px;
     height: 60px;
     background-image: url("../images/flex/logoflex.svg");
     background-repeat: no-repeat;
     background-position: center;
     background-size: 250px auto;
     margin-top: 30px;
     float: left;
     margin-left: calc(50% - 125px);
}
 .form_signup {
     width: 60%;
     float: left;
     margin-left: 20%;
     height: auto;
     margin-top: 50px;
}
 .form_signup .form_item {
     width: 100%;
}
 .form_signup .form_item label {
     font-family: 'Work Sans', sans-serif !important;
     font-size: 12px !important;
     color: rgb(70, 70, 70) !important;
     margin-bottom: 5px;
     margin-top: 5px;
     font-weight: 600 !important;
     text-transform: uppercase 
}
 .input_signup {
     font-family: 'Work Sans', sans-serif !important;
     background-color: transparent !important;
     border: 0px solid white !important;
     border-bottom: 2px solid rgb(160, 160, 160) !important;
     margin: 6px 0px 0px 0 !important;
     float: left;
}
 .input_signup:focus {
     border-bottom: 2px solid #1abc9c !important;
}
 .form_signup .form_item .ui-message-error {
     background: none !important;
     margin-top: -3px !important;
}
 .form_signup .form_item .ui-message-error-detail {
     background: transparent !important;
     color: #e74c3c !important;
     padding: 5px 0px !important;
     text-align: left;
     font-family: "Work Sans" !important;
     font-weight: 600;
}
 .form_signup .form_item .ui-message-info {
     background: none !important;
}
 .form_signup .form_item .ui-message-info {
     padding-top: 0px !important;
}
 .form_signup .form_item .ui-message-info-detail {
     background: transparent !important;
     color: #e74c3c !important;
     padding: 5px 0px !important;
     text-align: left;
     font-family: "Work Sans" !important;
     font-weight: 600;
}
 .form_signup .form_item .ui-password-panel-inline {
     display: none !important;
}
 .form_signup .form_item .ui-message-error-detail::after {
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
 .bot_signup {
     padding: 15px 20px;
     font-family: 'Work Sans', sans-serif !important;
     font-weight: 600;
     color: white;
     background-color: #08b0ba;
     border-radius: 5px;
     text-transform: uppercase;
     width: 150px;
     float: left;
     margin-left: calc(50% - 75px);
     margin-top: 50px;
}
 .bot_signup:hover {
     background-color: #2c3e50;
}
 .bot_signup.disabled {
     background-color: #cccccc;
}
 .bot_priv {
     color: black;
     margin-left: 20px;
}
 .bot_priv:hover {
     color: white;
}
 .font_signup {
     font-family: 'Work Sans';
}
 .font_WorkSans {
     font-family: 'Work Sans' !important;
}
 .bot_close_signup {
     width: 25px;
     height: 25px;
     background-image: url("../images/flex/icones/cerrar_pop2.svg");
     background-size: 25px;
     float: right;
}
 .bot_signup2 {
     padding: 7px 15px;
     font-family: 'Work Sans';
     font-weight: 600;
     color: #08b0ba;
     border: 3px solid #08b0ba;
     border-radius: 5px;
     text-transform: uppercase;
     float: right !important;
     margin-left: 20px;
}
 .submenu_superadmin {
     width: calc(100% - 200px) !important;
}
 .table_sa .ui-column-filter {
     width: calc(100% - 100px);
     margin-left: 50px;
     margin-right: 50px;
     margin-top: 5px;
     height: 30px;
}
 .table_sa .ui-selectonemenu {
     width: calc(100% - 100px) !important;
     margin-left: 50px;
     margin-right: 50px;
     margin-top: 5px;
}
 .div_allpage_admin {
     background-color: white;
     padding: 10px;
     border-radius: 5px;
}
 .overlay_sena {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0px;
     top: 0px;
     background-color: rgba(0, 0, 0, 0.2);
     display: none;
}
 .overlay_sena2 {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0px;
     top: 0px;
     background-color: rgba(0, 0, 0, 0.2);
     display: none;
}
 .pop_sena {
     width: 400px;
     height: 70px;
     position: absolute;
     left: calc(50% - 200px);
     top: 50px;
     background-color: white;
     border-radius: 5px;
     overflow: hidden;
}
 .error_sena {
     background-color: #e74c3c;
     width: 70px;
     height: 70px;
     background-image: url("../images/flex/icones/error_blanco.svg");
     background-size: 40px;
     background-position: center;
     background-repeat: no-repeat;
}
 .overlay_sena2 .pop_sena {
     height: 60px !important;
}
 .error_sena_text_container {
     width: calc(100% - 80px);
}
 .error_sena_text_container h1 {
     font-size: 18px !important;
     font-weight: 500 !important;
     color: #e74c3c !important;
}
 .error_sena_text_container h2 {
     font-size: 14px !important;
     font-weight: 500 !important;
     color: black !important;
     line-height: 150%;
     text-align: center;
     width: 100%;
}
 .left_box_new .paletas {
     width: 540px;
}
 .left_box_new .paleta_1, .paleta_2, .paleta_3, .paleta_4 {
     border: solid rgb(230, 230, 230) 2px;
     width: 210px;
     padding: 6px;
     height: 50px;
     margin: 8px 0 0 0;
     background: url(/images/flex/icones/check_inactive.svg) no-repeat 175px center rgb(250, 250, 250);
     background-size: 25px;
     border-radius: 5px;
     display: inline-block;
     margin-right: 20px;
}
 .left_box_new .color {
     width: 33px;
     height: 33px;
     float: left;
     border: solid 0px #cccccc;
     margin-right: 7px;
     border-radius: 5px;
     border: 2px solid white;
}
 .acordion_indicadores {
     width: 330px !important;
}
 .acordion_indicadores h3 {
     background-color: white !important;
     margin-bottom: 10px;
     padding: 15px;
}
 .acordion_indicadores.ui-accordion .ui-icon-triangle-1-e {
     display: none !important;
}
 .empty_dash {
     width: 100%;
     height: auto;
     float: left;
}
 #empty_dash {
     display: none;
}
 .empty_dash .icon_empty {
     width: 550px;
     height: 350px;
     margin-left: calc(50% - 275px);
     position: relative;
}
 .margin_right_relogio {
     right: 120px;
     position: absolute;
}
 .bottom60 {
     margin-bottom: 60px;
}
 .no_eval_msg {
     width: 700px;
     margin-left: calc(50% - 350px);
     text-align: center;
     font-size: 25px;
     margin-top: 30px;
}
 .width_90_climate {
     width: 90%;
     margin-left: 5%;
}
 .encuesta_puntajes_climate {
     float: left;
     margin-left: 0px;
     min-height: 65px;
     padding-bottom: 15px;
     width: 100%;
}
 .container_70px {
     width: 70px;
     height: auto;
}
 .encuesta_input_climate {
     width: 36px !important;
     height: 35px !important;
     border: solid 2px rgb(220, 220, 220) !important;
     border-radius: 3px;
     margin-left: 17px !important;
     box-shadow: inset 0px 0px 5px #dcdcb9;
     font-size: 18px;
     text-align: center;
     clear: none !important;
     margin-right: 17px !important;
     margin-left: 17px !important;
}
 .width140px {
     width: 140px;
}
 .height30 {
     height: 30px;
}
 .margin_left_no_se {
     margin-left: calc(50% - 17.5px);
}
 .padding_left10 {
     padding-left: 10px;
}
 .pregunta_climate {
     width: calc(100% - 150px);
}
 .encuesta_input2_climate, .encuesta_input2_climate:focus {
     width: 35px !important;
     height: 35px !important;
     border: solid 2px #dfdfe0 !important;
     border-radius: 3px !important;
     clear: none !important;
     background: url(/images/flex/icones/check_2.svg) no-repeat center #ffffff !important;
     background-size: 20px !important;
     margin-right: 17px !important;
     margin-left: 17px !important;
}
 .input_error_climate {
     width: 60px;
}
 .input_error_climate .ui-message-error-detail {
     font-size: 10px;
     padding: 5px;
}
 .climate_leyenda_fixed {
     width: 70%;
     top: 0px;
     margin-top: 0px !important;
     border-radius: 0px;
     position: fixed;
     z-index: 99;
     -webkit-box-shadow: 0px 3px 26px 1px rgba(0, 0, 0, 0.18);
     -moz-box-shadow: 0px 3px 26px 1px rgba(0, 0, 0, 0.18);
     box-shadow: 0px 3px 26px 1px rgba(0, 0, 0, 0.18);
}
 .medalla_container {
     width: calc(( 100%/ 4) - 10px);
     margin: 5px;
     padding: 10px;
     background-color: white;
     border: 3px solid rgb(230, 230, 230);
     border-radius: 5px;
}
 .divCompanyRecognition {
     margin-left: -5px;
     width: calc(100% + 10px);
     margin-top: 5px;
}
 .triangle_rec {
     width: 0;
     height: 0;
     border: 1em solid;
     font-size: 20px;
     position: absolute;
     border-color: rgb(230, 230, 230) transparent transparent rgb(230, 230, 230);
     left: 0px;
     top:0;
}
 .check_rec {
     width: 20px;
     height: 20px;
     background-image: url(/images/flex/icones/check_sel2.svg);
     background-size: 20px;
     position: absolute;
     left: 3px;
     top: 3px;
     background-repeat: no-repeat;
}
 .flecha_rec_right {
     width: 30px;
     height: 30px;
     background-image: url(/images/flex/icones/pagination_n.svg);
     background-size: 55px;
     background-position: center;
     float: right;
     margin-top: 80px;
}
 .flecha_rec_left {
     width: 30px;
     height: 30px;
     background-image: url(/images/flex/icones/pagination_p.svg);
     background-size: 55px;
     background-position: center;
     float: left;
     margin-top: 80px;
}
 .img_rec {
     width: 140px;
     height: auto;
     margin-top: 30px;
}
 .img_rec_2{
     margin-top: 20px;
     height: 80px;
     width: 90px;
}
 .numeros_medalla {
     position: absolute;
     top: 159px;
     left: calc(50% - 40px);
     width: 80px;
     text-align: center;
}
 .row_title_dashboard_rec {
     padding: 0px;
     width: calc(100% - 100px) !important;
     margin-left: 50px;
}
 .medalla_container_bot {
     width: calc(( 100%/ 4) - 10px);
     margin: 5px;
     padding: 10px;
     height: 290px;
     border: 3px dashed rgb(230, 230, 230);
     border-radius: 5px;
}
 .icon_send_rec {
     width: 120px;
     height: 140px;
     background-image: url(/images/flex/icones/enviar_rec.svg);
     background-repeat: no-repeat;
     background-size: 120px auto;
     background-repeat: no-repeat;
}
 .width_pop_rec {
     width: calc(100% - 60px);
     margin-left: 35px;
}
 .medallaBlock {
     width: calc(( 100%/ 4) - 1px);
     float: left;
     min-height: 180px;
}
 .fontsize10_2 {
     font-size: 10px !important;
}
 .numeros_medalla2 {
     position: absolute;
     top: 85px;
     width: 50px;
     left: calc(50% - 25px);
     text-align: center;
     font-size: 11px;
     color: black;
     text-shadow: none;
}
 .medalla_container_emp {
     width: calc(( 100%/ 4) - 10px);
     margin: 5px;
     padding: 10px;
     border: 3px solid white;
     border-radius: 5px;
     height: 290px;
     background-color: white;
}
 .img_rec2 {
     width: 120px;
     height: auto;
     margin-top: 0px;
}
 .img_rec3 {
     width: 150px;
     height: auto;
     margin-top: 0px;
}
 .numeros_medalla3 {
     width: 60px;
     left: calc(50% - 30px);
     top: 100px;
     position: absolute;
     font-weight: 600;
}
 .min_height40 {
     min-height: 40px;
}
 .bar_pid {
     width: 90%;
     height: 20px;
     background-color: #ebebeb;
     position: relative;
}
 .bar_pid .bar {
     height: 20px;
     position: absolute;
     top: 0px;
     left: 0px;
}
 .message_responsive {
     display: none;
}
 .box_evaluator_button {
     width: 100%;
     height: 40px;
     border-bottom: 2px solid #ebebeb;
     float: left;
}
 .table_performance {
     border: 0px solid white !important;
}
 .table_performance td {
     padding: 0px;
     float: left;
}
 .table_pesos_p thead tr th {
     font-size: 10px !important;
}
 .box_result_mapping {
     width: calc(( 100%/ 3) - 7px);
     height: 150px;
     border-radius: 3px;
}
 .box_result_mapping.middle_box {
     margin-left: 10px;
     margin-right: 10px;
}
 .box_result_mapping .box_circle {
     width: 150px;
     height: 150px;
}
 .box_result_mapping .box_text_emp {
     width: calc(100% - 170px);
     height: auto;
     padding: 10px;
     border-left: 1px solid rgb(230, 230, 230);
}
 .box_absolute_9box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
}
.nine_box_edit .container_9box {
     width: calc(100%/ 3);
     height: calc(100%/ 3);
     float: left;
     position: relative;
}

 .sixteen_box_edit .container_9box {
     width: calc(100%/ 4);
     height: calc(100%/ 4);
     float: left;
     position: relative;
}
 .label_9box_cuadrante_vertical {
     width: 400px;
     text-align: right;
     position: absolute;
     margin-left: -370px !important;
     -ms-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     -ms-transform-origin: right top 0;
     -moz-transform-origin: right top 0;
     -webkit-transform-origin: right top 0;
     transform-origin: right top 0;
     margin-top: 20px;
}
 .label_9box_cuadrante_vertical .label_cuadrantes {
     width: calc(100%/ 3);
     text-align: center;
     float: left;
}
 .label_9box_cuadrante_horizontal .label_cuadrantes {
     width: calc(100%/ 3);
     text-align: center;
     float: left;
}
 .label_axis_container {
     width: calc(100% - 90px);
     position: absolute;
     left: 60px;
     top: 25px;
}
 .label_axis_container2 {
     width: calc(100% - 90px);
     position: absolute;
     left: 60px;
     top: 450px;
}
.label_axis_container3 {
     width: calc(100% - 30px);
     position: absolute;
     left: 20px;
     top: 430px;
}

.nine_box_edit .label_axis_container .label_axis, .nine_box_edit .label_axis_container2 .label_axis, .nine_box_edit .label_axis_container3 .label_axis {
     margin-right: calc(( 100%/ 3) - 27px);
     width: 20px;
     float: left;
}
.sixteen_box_edit .label_axis_container .label_axis, .sixteen_box_edit .label_axis_container2 .label_axis, .sixteen_box_edit .label_axis_container3 .label_axis {
     margin-right: calc(( 100%/ 4) - 27px);
     width: 20px;
     float: left;
}

 .label_axis_container .label_axis_last, .label_axis_container .label_axis_last, .label_axis_container3 .label_axis_last {
     width: 20px;
     float: left;
}
 .label_axis_container_vertical {
     width: 20px;
     position: absolute;
     right: 15px;
     top: 40px;
     height: 400px;
}
 .label_axis_container_vertical2 {
     width: 20px;
     position: absolute;
     left: 50px;
     top: 35px;
     height: 400px;
}
 .label_axis_container_vertical3 {
     width: 20px;
     position: absolute;
     left: 5px;
     top: 15px;
     height: 400px;
}

 .label_axis_container_vertical3 {
     width: 20px;
     position: absolute;
     left: 5px;
     top: 15px;
     height: 400px;
}

 .nine_box_edit .label_axis_container_vertical .label_axis, .nine_box_edit .label_axis_container_vertical2 .label_axis, .nine_box_edit .label_axis_container_vertical3 .label_axis {
     margin-top: calc(( 400px/ 3) - 9px);
     float: left;
     width: 20px;
}
.sixteen_box_edit .label_axis_container_vertical .label_axis, .sixteen_box_edit .label_axis_container_vertical2 .label_axis, .sixteen_box_edit .label_axis_container_vertical3 .label_axis {
     margin-top: calc(( 400px/ 4) - 9px);
     float: left;
     width: 20px;
}
 .label_axis_container_vertical2 .label_axis_last {
     float: left;
     width: 20px;
}
 .label_axis_container_vertical .label_axis span, .label_axis_container_vertical2 .label_axis span, .label_axis_container_vertical3 .label_axis span {
     text-align: left;
}
 .font_rojo_9box {
     color: rgb(144, 42, 46);
}
 .font_verde_9box {
     color: rgb(120, 135, 46);
}
 .font_amarillo_9box {
     color: rgb(213, 161, 53);
}
 .container_9box_info {
     display: none;
}
 .c-previous {
     background-image: url("../images/flex/icones/pagination_p.svg");
}
 .c-next {
     background-image: url("../images/flex/icones/pagination_n.svg");
}
 .overlay_signup_perf {
     background: #3397d9;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to left, #3397d9, #45c0a3);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to left, #3397d9, #45c0a3);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     opacity: 0.3;
     position: absolute;
     left: 0;
     top: 0px;
     width: 100%;
     height: 100%;
}
 .box_signup .logo_occ {
     width: 200px;
     height: 110px;
     background-image: url("../images/performance/occ.png");
     background-repeat: no-repeat;
     background-position: center;
     background-size: 180px auto;
     margin-top: 30px;
     float: left;
     margin-left: calc(50% - 100px);
}
 .bot_signup_perf {
     padding: 15px 20px;
     font-family: 'Work Sans';
     font-weight: 600;
     color: white;
     background-color: #3397d9;
     border-radius: 5px;
     text-transform: uppercase;
     width: 150px;
     float: left;
     margin-left: calc(50% - 75px);
     margin-top: 50px;
}
 .bot_signup_perf:hover {
     background-color: #2c3e50;
}
 .container_next_to_icon .numero {
     width: 37px;
     height: 37px;
     border-radius: 50%;
}
 .container_next_to_icon .check {
     width: 23px;
     height: 23px;
     background-image: url("../images/flex/icones/check_sel.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     margin: 10px 7px;
}
 .error_semaf .ui-message-error {
     margin-bottom: 0px;
     margin-top: -5px;
}
 .error_semaf .ui-message-error-detail:after {
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) transparent;
}
 .toggler_estrgoal .ui-row-toggler {
     width: 30px;
     height: 30px;
     background-image: url("../images/flex/icones/consulta.svg");
     background-size: 30px;
     background-repeat: no-repeat;
     background-position: center -1px;
     margin-left: auto;
     margin-right: auto;
     display: block;
     text-align: center;
}
 .box_cart {
     width: 100%;
     height: auto;
     background-color: white;
     margin-top: 10px;
     border-radius: 5px;
}
 .box_cart.border_pending {
     border-left: 5px solid #1abc9c;
}
 .box_cart.border_cancel {
     border-left: 5px solid #e74c3c;
}
 .box_cart .info {
     width: calc(73% - 100px);
     float: left;
     height: calc(100%);
     padding: 20px;
}
 .box_cart .nr_reports {
     width: 26%;
     float: left;
     height: calc(100%);
     padding: 20px;
}
 .box_cart .info_cart_container {
     width: calc(49% + 100px);
     float: left;
     height: auto;
     border-right: 1px solid rgb(240, 240, 240);
}
 .box_cart .info_cart_container div:nth-child(even) {
     background-color: rgb(250, 250, 250);
}
 .box_cart .precio_cart {
     width: calc(20% + 40px);
     float: left;
     height: calc(100%);
     padding: 20px;
}
 .box_cart .line_v {
     width: 1px;
     height: calc(100% - 30px);
     margin-top: 15px;
     background-color: rgb(230, 230, 230);
}
 .box_cart .pagar_cart {
     width: calc(100% - 36% - 13% - 20% - 150px);
     height: 100%;
     background-color: white;
     border-left: 10px solid transparent;
}
 .box_cart .trash_div {
     width: 100px;
}
 .logo_occ_encuesta {
     width: 120px;
     height: 60px;
     background-image: url("../images/performance/occ.png");
     background-size: 120px;
     background-repeat: no-repeat;
     background-position: center;
}
 .border_top_encuesta_occ {
     border-top: 6px solid #0a87d6;
}
 .font_color_occ {
     color: #0a87d6 !important;
}
 .occ_leyenda_fixed {
     width: calc(70% - 40px);
     top: 0px;
     margin-top: 0px !important;
     border-radius: 0px;
     position: fixed;
     z-index: 99;
     -webkit-box-shadow: 0px 3px 26px 1px rgba(0, 0, 0, 0.18);
     -moz-box-shadow: 0px 3px 26px 1px rgba(0, 0, 0, 0.18);
     box-shadow: 0px 3px 26px 1px rgba(0, 0, 0, 0.18);
}
 .encuesta_puntajes_occ .encuesta_puntajes_inner li span:first-child {
     border-radius: 10px;
     background: #44bea1;
     color: white;
     padding: 0 6px;
     margin-right: 5px;
     font-size: 12px;
     float: none !important;
}
 .encuesta_puntajes_occ .encuesta_puntajes_inner {
     float: left;
     width: 100%;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-bottom: 0 !important;
}
 .encuesta_puntajes_occ .encuesta_puntajes_inner li {
     float: left;
     font-size: 11px;
     color: #000000;
     margin-right: 10px;
     text-align: center;
     font-weight: 500;
}
 .bot_azul_occ {
     background-color: #44bea1 !important;
}
 .container_margin20 {
     width: calc(100% - 40px);
     text-align: left;
     margin-left: 20px;
}
 .nr_day_menu {
     position: absolute;
     color: #ebebeb;
     left: 18px;
     width: 22px;
     top: 20px;
     text-align: center;
}
 .label_ind {
     width: 20%;
}
 .progress_bar_ind {
     width: 78%;
     height: 20px;
     background-color: #5B5F69 
}
 .bar_ind {
     height: 20px;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .ico_status_not_ok {
     width: 20px;
     height: 20px;
     background: url(../images/flex/icones/bolinha_error.svg) no-repeat scroll 0 0;
     display: block;
     float: none;
     margin: 0 auto;
}
 .ico_status_expired {
     width: 35px;
     height: 35px;
     background-image: url('../imagens/alert_expired.svg');
     background-size: 35px;
     background-position: center;
     background-repeat: no-repeat;
}


.menu_rep {
     width: 100%;
     height: 90px;
     background-color: white;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     border-bottom: 5px solid #e1e1e1;
}
 .menu_rep .bot {
     width: 130px;
     height: 100%;
     float: right;
     border-left: 2px solid #f1f1f1;
}
 .menu_rep .bot .icon_bot {
     width: 40px;
     height: 40px;
     background-repeat: no-repeat;
     background-size: 30px;
     background-position: center;
}
 .icon_checked {
     background-image: url("../images/flex/icones/checked_list.svg");
}
 .icon_unchecked {
     background-image: url("../images/flex/icones/unchecked_list.svg");
}
 a.bot_lista {
     color: rgb(100, 100, 100);
     cursor: pointer;
}
 .filtro {
     width: calc(100% - 130px);
     float: left;
}
 .box_1_4_rec {
     width: 300px;
     height: 200px;
     background-color: white;
     border-radius: 5px;
     display: inline-block !important;
     vertical-align: top;
}
 .box_1_4_rec2 {
     width: 300px;
     height: 200px;
     border-radius: 5px;
}
 .nr_rec {
     font-size: 95px;
     clear: both;
     font-weight: 200;
}
 .box20 {
     width: 21px;
     height: 21px !important;
     background-size: 21px;
     background-repeat: no-repeat;
}
 .box20.icon_edit {
     background-image: url("../images/flex/icones/edit.svg");
}
 .box20.icon_delete {
     background-image: url("../images/flex/icones/lixo.svg");
}
 .box20.icon_up2 {
     background-image: url("../images/flex/icones/generador_enc/move_up.svg");
}
 .box20.icon_down {
     background-image: url("../images/flex/icones/generador_enc/move_down.svg");
}
 .box20.icon_move {
     background-image: url("../images/flex/icones/generador_enc/move.svg");
}
 .box20.icon_copy {
     background-image: url("../images/flex/icones/generador_enc/duplicate.svg");
}
 .ui-button.no-button {
     background-color: transparent;
     border: none;
}
 .ui-button.no-button:hover {
     border: none;
}
 .multiplecheck table, .multiplecheck2 {
     border: none;
     margin-left: 10px;
}
 .multiplecheck table tr td label, .multiplecheck2 tr td label {
     margin: 0px;
     font-size: 12px;
     color: rgb(120, 120, 120);
     font-family: "Work Sans";
     font-weight: 600;
     text-align: left;
     text-transform: capitalize 
}
 .multiplecheck table tr td, .multiplecheck2 tr td, .multipleradio tr td {
     padding: 3px;
}
 .multipleradio tr td label {
     margin: 0px;
     font-size: 12px;
     color: rgb(120, 120, 120) !important;
     font-family: "Work Sans";
     font-weight: 600;
     text-align: left;
     text-transform: capitalize 
}
 .multiplecheck .twelve .margin-top3 {
     margin-top: 0px;
     margin-bottom: 10px;
}
 .row_admin {
     width: calc(100% - 60px);
}
 .menu_generador_enc {
     width: calc(100% - 20px);
     height: auto;
     float: right;
}
 .menu_generador_enc .bot_preg {
     width: 100%;
     height: auto;
     padding: 10px;
     background-color: white;
     border-radius: 5px;
     border: 2px solid #2e323e;
}
 .menu_gen_fixed {
     position: fixed;
     top: 0px;
     width: calc(20.83333% - 40px);
     margin-left: 20px;
}
 .popup_enc_gen {
     height: 500px !important;
     margin-left: -330px;
     width: 660px !important;
     border-radius: 5px 5px 5px 5px;
     left: 50% !important;
     z-index: 1010;
     overflow: hidden;
     background: #ffffff;
}
 .popup_enc_gen .ui-tabs-panels {
     padding: 0px;
}
 .popup_enc_gen .scroll_popup2 {
     padding: 0px 20px;
}
 .campos_extra {
     width: 100%;
     height: auto;
     border: 2px dashed rgb(240, 240, 240);
     background-color: rgb(250, 250, 250);
     padding: 10px;
     display: none;
}
 .add_campos {
     width: 100%;
     height: auto;
     border: 2px dashed rgb(240, 240, 240);
     background-color: rgb(250, 250, 250);
     padding: 10px;
}
 .dash22 table {
     border-collapse: collapse;
     border: none;
}
 .dash22 table tbody tr {
     padding: 9px 10px;
     background: none;
}
 .dash22 table tbody tr td {
     vertical-align: middle !important;
}
 .dash22 table thead {
     background-color: #282c36;
}
 .dash22 table thead tr th {
     color: white !important;
}
 .dash22 table thead tr th:last-child {
     border-top-right-radius: 7px;
}
 .dash22 table thead tr th:first-child {
     border-top-left-radius: 7px;
}
 .dash22 table tbody tr {
     border-left: 2px solid #ebebeb;
     border-right: 2px solid #ebebeb;
     border-bottom: 2px solid #ebebeb;
     width: calc(100% - 4px);
}
 .pop_move {
     width: 400px !important;
     height: 260px !important;
     position: absolute;
     left: calc(50% - 200px);
     top: 50px;
     background-color: white;
     border-radius: 5px;
     overflow: hidden;
}
 .color_black2 {
     color: black !important;
}
 .icon_rec_points {
     width: 140px;
     height: 140px;
     background-image: url(/images/flex/icones/medalla.svg);
     background-repeat: no-repeat;
     background-size: 140px auto;
     background-repeat: no-repeat;
}
 .rec_punt_span {
     margin-top: 50px;
     font-size: 40px;
}

 .left50 {
     margin-left: 50px;
}
 .medalla_container_rec {
     width: calc(( 100%/ 4) - 20px);
     height: 250px;
     background-color: white;
     border-radius: 5px;
     margin-left: 10px;
     margin-right: 10px;
     position: relative;
     cursor: pointer;
     margin-bottom: 10px;
}
 .medalla_container_rec .bar_info {
     width: 100%;
     height: 90px;
     position: absolute;
     bottom: 0px;
     left: 0px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     background-color: rgb(250, 250, 250);
     border-top: 2px solid rgb(230, 230, 230);
}
 .rec_more_info {
     width: 30px;
     height: 30px;
     position: absolute;
     right: 0px;
     bottom: 0px;
}
 .persons_rec .person_rec {
     width: 25px;
     height: 25px;
     border: 2px solid rgb(200, 200, 200);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     margin-left: 1px;
     margin-right: 1px;
     display: inline-block !important;
     border-radius: 50%;
}
 .persons_rec .person_rec_more {
     width: 25px;
     height: 25px;
     border: 2px solid rgb(200, 200, 200);
     background-image: url(/images/flex/icones/plus.svg);
     background-size: 15px;
     background-position: center;
     background-repeat: no-repeat;
     margin-left: 1px;
     margin-right: 1px;
     display: inline-block !important;
     border-radius: 50%;
     background-color: white;
}
 .over_medalla {
     position: absolute;
     bottom: 90px;
     left: 0px;
     width: 100%;
     height: 0%;
     -webkit-transition: all 1s;
    /* Safari */
     transition: all 1s;
     background-color: rgba(73, 80, 98, 0.4);
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
 .medalla_container_rec:hover .over_medalla {
     height: calc(100% - 90px);
}
 .medalla_container_rec .bar_info .bar_sep {
     width: 40%;
     margin-left: 30%;
     height: 1px;
     background-color: rgb(200, 200, 200);
     margin-top: 5px;
     margin-bottom: 10px;
}
 .popup_editar_evaluadores_emp4 {
     width: 550px !important;
     height: 450px !important;
}
 .persons_rec .person_rec2 {
     width: 30px;
     height: 30px;
     border: 2px solid rgb(200, 200, 200);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     margin-left: 0px;
     margin-right: 6px;
     display: inline-block !important;
     border-radius: 50%;
}
 .scroll_medallas {
     height: 260px;
     padding-left: 40px;
     padding-right: 40px;
     overflow: auto;
}
 .modal_cerrar3:hover {
     color: transparent !important;
}
 .modal_cerrar:hover {
     color: transparent !important;
}
 .comentario_container_medalla {
     width: calc(100% - 4px);
     padding: 10px;
     height: auto;
     float: left;
     background-color: rgb(248, 248, 248);
}
 .quote1 {
     width: 25px;
     height: 25px;
     background-image: url(/images/flex/icones/quote.svg);
     background-size: 25px;
     background-repeat: no-repeat;
}
 .quote2 {
     width: 25px;
     height: 25px;
     background-image: url(/images/flex/icones/quote1.svg);
     background-size: 25px;
     background-repeat: no-repeat;
     float: right;
}
 .quote_text {
     width: calc(100% - 80px);
     font-size: 12px;
     margin-left: 40px;
}
 .quote_date {
     float: right;
     font-size: 11px;
     color: rgb(130, 130, 130);
}
 .timeline {
     height: 100%;
     width: 3px;
     background-color: rgb(230, 230, 230);
}
 .foto_timeline {
     width: 20px;
     height: 20px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     border-radius: 50%;
}
 .timeline_container {
     height: 100%;
     position: absolute;
     width: 90px;
}
 .timeline_right {
     margin-left: 90px;
     width: calc(100% - 100px);
}
 .min_height100px {
     min-height: 100px;
}
 .timeline_point {
     width: 27px;
     height: 27px;
     border-radius: 50%;
     background-color: rgb(230, 230, 230);
     position: absolute;
     left: calc(50% - 13.5px);
     top: 15px;
     background-size: 17px;
     background-position: center;
     background-repeat: no-repeat;
}
 .med_rec {
     background-image: url(/images/flex/icones/medalla2.svg);
}
 .med_send {
     background-image: url(/images/flex/icones/send_rec_icon2.svg);
     background-size: 20px !important;
}
 .dashsuperadmn .ui-paginator {
     width: 100% !important;
     margin-top: 20px !important;
     float: left !important;
}
 .icon_person2 {
     width: 27.5px;
     height: 27.5px;
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("../images/flex/icones/person.svg");
     margin-top: 2px;
}
 .icon_config2 {
     width: 27.5px;
     height: 27.5px;
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("../images/flex/icones/config2.svg");
     margin-top: 2px;
}
 .scroll_popup_superadmin {
     height: 414px;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .box_input_superadmin {
     width: 100%;
     height: 70px;
     border-bottom: 2px solid #ebebeb;
     float: left;
}
 .popup_recordatorio_large {
     padding-bottom: 30px;
     width: 628px !important;
     margin-left: -314px !important;
     margin-top: -160px;
}
 .popup_recordatorio_large2 {
     padding-bottom: 30px;
     width: 95% !important;
     max-width: 750px;
     height: 80% !important;
}
 .popup_recordatorio_large3 {
     padding-bottom: 30px;
     width: 400px !important;
     height: auto;
     margin-left: -20%;
     margin-right: 10%;
     margin-top: -160px;
}
 .bg_pencil_input {
     background-image: url("../images/flex/icones/pencil.svg") !important;
     background-size: 15px !important;
     background-repeat: no-repeat !important;
     background-position: 7px 7px !important;
}
 .person_rec_cont {
     position: relative;
     float: left;
}
 .person_rec_cont span {
     position: absolute;
     left: 0px;
     top: 37px;
     display: none;
     width: 300px;
}
 .person_rec_cont:hover span {
     display: block;
}
 .no_margin_td table td label {
     margin-top: 0px;
}
 .bot_si_sure {
     width: 80px;
     padding: 12px;
     border-radius: 5px;
     background-color: #1abc9c;
     color: white;
     font-weight: 700;
     text-align: center;
}
 .bot_si_sure:hover {
     background-color: #16a085;
     color: white;
}
 .bot_no_sure {
     width: 80px;
     padding: 12px;
     border-radius: 5px;
     background-color: #e74c3c;
     color: white;
     font-weight: 700;
     text-align: center;
}
 .bot_no_sure:hover {
     background-color: #c0392b;
     color: white;
}
 .radio_evals .ui-chkbox-box {
     margin-top: 25px;
}
 thead .radio_evals .ui-chkbox-box {
     margin-top: 0px;
}
 .radio_vertical td:nth-child(odd) {
     float: left;
     clear: both;
     padding: 5px;
}
 .radio_vertical td label {
     font-family: work sans !important;
     font-weight: 600;
     color: rgb(90, 90, 90) !important;
}
 .radio_vertical td:nth-child(even) {
     padding: 2px;
     padding-left: 7px;
     padding-bottom: 13px;
}

table.table_with_filters {
	margin-bottom: 15px !important;
}

 table.table_with_filters thead tr th .ui-column-title {
     float: left;
     clear: both;
}
 table.table_with_filters thead tr th.th_mod .ui-column-title{
     float: initial !important;
     clear: initial !important;
}
 table.table_with_filters thead tr th .ui-column-filter {
     border-radius: 0px !important;
     margin-top: 5px;
     height: 27px;
}
 table.table_with_filters thead tr th .ui-selectonemenu {
     clear: both;
     float: left;
     width: 200px !important;
     margin-top: 5px;
}
 .overlay_results_comp {
     display: block !important;
}
 .box_competences_result_company {
     width: calc(( 100%/ 4) - 10px);
     height: auto;
     background-color: white;
     border-radius: 5px;
     margin: 5px;
     height: 100px;
     overflow: hidden;
     cursor: pointer;
}
 .box_competences_result_company .promedio_company {
     width: 100px;
     height: 100px;
     float: left;
}
 .box_competences_result_company .promedio_company h5 {
     font-size: 11px !important;
     text-transform: uppercase;
     margin-top: 5px;
     width: 100%;
     text-align: center;
     font-family: "work sans" !important;
     font-weight: 500 !important;
     color: rgb(100, 100, 100) !important;
}
 .box_competences_result_company .promedio_company h2 {
     font-size: 28px !important;
     text-transform: uppercase;
     margin-top: 15px;
     width: 100%;
     text-align: center;
     padding-top: 10px;
     font-family: "work sans" !important;
     font-weight: 400 !important;
     color: white !important;
}
 .box_competences_result_company .box_text_company {
     width: calc(100% - 110px);
     height: 100px;
     float: right;
}
 .grafica_comp_general {
     margin-left: calc(50% - 300px);
     width: 600px;
     height: 600px;
}
 .promedio_company.verde {
     background-color: #bdd261 !important;
}
 .promedio_company.azul {
     background-color: #5accd1 !important;
}
 .promedio_company.amarillo {
     background-color: #ffdd51 !important;
}
 .promedio_company.rojo {
}
 .companyNineBox .circle_9box .overlay {
     display: block;
}
 .photo_emp_mini {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 2px solid #025781;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     overflow: hidden;
}
 .table_result_company {
     width: 100%;
}
 .table_result_company .header_table {
     width: 100%;
     height: 80px;
     border: 2px solid rgb(230, 230, 230);
     border-bottom: 4px solid rgb(230, 230, 230);
}
 .table_result_company .header_table .depart_column {
     width: 200px;
     height: 78px;
     border-right: 2px solid rgb(230, 230, 230);
     background-color: white;
}
 .table_result_company .header_table .depart_column p {
     font-size: 12px;
     font-weight: 600;
     color: rgb(170, 170, 170);
     padding-left: 20px;
}
 .table_result_company .header_table .scroll_column {
     width: calc(100% - 200px);
     height: 78px;
     -webkit-box-shadow: inset 1px -1px 37px -37px rgba(0, 0, 0, 0.32);
     -moz-box-shadow: inset 1px -1px 37px -37px rgba(0, 0, 0, 0.32);
     box-shadow: inset 1px -1px 37px -37px rgba(0, 0, 0, 0.32);
     overflow: hidden;
     background-color: rgb(252, 252, 252);
}
 .table_result_company .header_table .scroll_column .column_container {
     width: auto;
}
 .table_result_company .header_table .scroll_column .column_container .column {
     width: 100px;
     height: 60px;
     border-right: 1px solid rgb(230, 230, 230);
}
 .table_result_company .header_table .scroll_column .column_container .column p {
     font-size: 10px;
     width: 100%;
     text-align: center;
     color: rgb(120, 120, 120);
     font-weight: 600;
     line-height: 120%;
     word-break: break-word;
}
 .table_result_company .table {
     width: 100%;
     height: auto;
     border: 2px solid rgb(230, 230, 230);
     background-color: white;
     float: left;
}
 .table_result_company .table .depart_column {
     width: 200px;
     height: auto;
     border-right: 2px solid rgb(230, 230, 230);
}
 .table_result_company .table .scroll_column {
     width: calc(100% - 200px);
     height: auto;
     overflow: hidden;
}
 .table_result_company .table .depart_column .line {
     width: 100%;
     height: 50px;
     border-bottom: 1px solid rgb(235, 235, 235);
     background-color: white;
     float: left;
}
 .table_result_company .table .depart_column .line p {
     font-size: 11px;
     color: rgb(60, 60, 60);
     font-weight: 500;
     padding-left: 10px;
     padding-right: 10px;
     line-height: 120%;
}
 .table_result_company .table .depart_column .line2 p {
     font-size: 11px;
     color: rgb(110, 110, 110);
     font-weight: 500;
     padding-left: 10px;
     padding-right: 10px;
     line-height: 120%;
}
 .table_result_company .table .depart_column .line2 {
     width: 100%;
     height: 30px;
     border-bottom: 1px solid rgb(235, 235, 235);
     background-color: rgb(250, 250, 250);
     float: left;
}
 .table_result_company .table .scroll_column .line {
     width: 100px;
     height: 50px;
     border-bottom: 1px solid rgb(235, 235, 235);
     border-right: 1px solid rgb(235, 235, 235);
     background-color: white;
     float: left;
}
 .table_result_company .table .scroll_column .line2 {
     width: 100px;
     height: 30px;
     border-bottom: 1px solid rgb(235, 235, 235);
     border-right: 1px solid rgb(235, 235, 235);
     background-color: rgb(250, 250, 250);
     float: left;
}
 .table_result_company .table .scroll_column .line p {
     font-size: 11px;
     color: rgb(110, 110, 110);
     font-weight: 500;
     width: 100%;
     text-align: center;
     line-height: 120%;
}
 .table_result_company .table .scroll_column .line2 p {
     font-size: 11px;
     color: rgb(110, 110, 110);
     font-weight: 500;
     width: 100%;
     text-align: center;
     line-height: 120%;
}
 .table_result_company .table .scroll_column .line.rojo {
     background-color: #EC8F86 !important;
}
 .table_result_company .table .scroll_column .line2.rojo {
     background-color: #f4bfba !important;
}
 .table_result_company .table .scroll_column .line.amarillo {
     background-color: #ffe062 !important;
}
 .table_result_company .table .scroll_column .line2.amarillo {
     background-color: #FFE889 !important;
}
 .table_result_company .table .scroll_column .line.naranja {
     background-color: #f2972a !important;
}
 .table_result_company .table .scroll_column .line2.naranja {
     background-color: #f5b669 !important;
}
 .table_result_company .table .scroll_column .line.verde {
     background-color: #bdd262 !important;
}
 .table_result_company .table .scroll_column .line2.verde {
     background-color: #d0df91 !important;
}
 .table_result_company .table .scroll_column .line.azul {
     background-color: #5ec9ce !important;
}

.logsTable .ui-datatable-tablewrapper {
	overflow: auto hidden;
}

.logsTable .ui-datatable-tablewrapper table  {
	overflow: hidden;
}

 .img_rec_2{
     margin-top: 20px;
     height: 80px;
     width: 90px;
}
 .numeros_medalla{
     position: absolute;
     top: 159px;
     left:calc(50% - 40px);
     width:80px;
     text-align: center;
}
 .table_result_company .table .scroll_column .line2.azul {
     background-color: #9adde0 !important;
}
 .scroll_container {
     width: 100%;
     height: 18px;
     background-color: rgb(240, 240, 240);
     float: left;
     border-bottom: 1px solid rgb(230, 230, 230);
}
 .scroll_container .btn-l {
     width: 18px;
     height: 17px;
     background-image: url(/images/flex/icones/pagination_p.svg);
     float: left;
     background-size: 17px;
     background-position: center;
     border-right: 1px solid rgb(230, 230, 230);
     background-color: rgb(250, 250, 250);
     cursor: pointer;
}
 .scroll_container .btn-r {
     width: 18px;
     height: 17px;
     background-image: url(/images/flex/icones/pagination_n.svg);
     float: right;
     background-size: 17px;
     background-position: center;
     border-left: 1px solid rgb(230, 230, 230);
     background-color: rgb(250, 250, 250);
     cursor: pointer;
}
 .intro_results {
     width: 100%;
     height: 200px;
     position: absolute;
     left: 0px;
     margin-top: -30px;
     -webkit-box-shadow: inset 0px 9px 29px -21px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: inset 0px 9px 29px -21px rgba(0, 0, 0, 0.75);
     box-shadow: inset 0px 9px 29px -21px rgba(0, 0, 0, 0.75);
     background-color: white;
     border-bottom: 2px solid rgb(230, 230, 230);
}
 .mini_line {
     width: 100px;
     height: 4px;
}
 table.table_filter_radio {
     width: auto !important;
     margin-top: -12px;
}
 table.table_filter_radio label {
     font-family: "montserrat";
     font-size: 11px !important;
     color: rgb(100, 100, 100) !important;
     font-weight: 500;
     padding-top: 0px;
}
 table.table_filter_radio tbody tr td {
     padding: 10px 5px !important;
}
 .metas_box_result_gen {
     width: calc(( 100%/ 3) - 10px);
     height: 350px;
     background-color: white;
     border-radius: 3px;
     margin: 5px;
}
 .metas_box_result_gen .title {
     width: 100%;
     height: 70px;
}
 .metas_box_result_gen .title p {
     font-size: 12px;
     color: black;
     padding: 10px 10px;
     width: 100%;
     text-align: center;
     font-weight: 600;
     line-height: 140%;
     padding-top: 15px;
     margin-bottom: 0px;
}
 .metas_box_result_gen .grafico {
     width: calc(100% - 40px);
     margin-left: 20px;
     height: 170px;
     background-color: white;
     position: relative;
     overflow: visible;
}
 .metas_box_result_gen .container_leyenda {
     width: calc(100% - 40px);
     margin-left: 20px;
     height: 15px;
     float: left;
     position: relative;
}
 .metas_box_result_gen .container_leyenda .box_container_result {
     height: 100%;
     text-align: center;
     color: rgb(90, 90, 90);
     padding-top: 5px;
     font-size: 10px;
     font-weight: 600;
     float: left;
}
 .metas_box_result_gen .grafico .baseline {
     width: 100%;
     position: absolute;
     border: 1px dashed rgb(240, 240, 240);
     bottom: 0px;
     left: 0px;
}
 .metas_box_result_gen .grafico .leyenda_goal_emp {
     width: 120px;
     height: auto;
     position: absolute;
     display: none;
     top: -20px;
}
 .metas_box_result_gen .grafico .bar_goal_emp:hover+.leyenda_goal_emp {
     display: block;
}
 .metas_box_result_gen .grafico .leyenda_goal_emp .name {
     font-size: 9px;
     text-align: center;
     line-height: 120%;
     font-weight: 500;
     color: black;
     margin-bottom: 3px;
     width: 100%;
}
 .metas_box_result_gen .grafico .leyenda_goal_emp .result {
     font-size: 11px;
     text-align: center;
     font-weight: 400;
     color: black;
     width: 100%;
}
 .metas_box_result_gen .grafico .baseline1 {
     width: 100%;
     position: absolute;
     border: 1px dashed rgb(240, 240, 240);
     bottom: calc(( 100%/ 3));
     left: 0px;
}
 .metas_box_result_gen .grafico .baseline2 {
     width: 100%;
     position: absolute;
     border: 1px dashed rgb(240, 240, 240);
     bottom: calc(( 100%/ 3)* 2);
     left: 0px;
}
 .metas_box_result_gen .grafico .baseline3 {
     width: 100%;
     position: absolute;
     border: 1px dashed rgb(240, 240, 240);
     bottom: 100%;
     left: 0px;
}
 .metas_box_result_gen .grafico .bar_goal_emp_container {
     height: 100%;
     position: relative;
}
 .metas_box_result_gen .grafico .bar_goal_emp {
     position: absolute;
     display: inline-block;
     bottom: 0px;
     opacity: 0.2;
}
 .metas_box_result_gen .grafico .bar_goal_emp:hover {
     opacity: 1;
}
 .metas_box_result_gen .grafico .bar_goal_emp_container .bar_goal_emp.size1 {
     width: 30px;
     margin-left: calc(50% - 15px);
}
 .metas_box_result_gen .grafico .bar_goal_emp_container .bar_goal_emp.size2 {
     width: 20px;
     margin-left: calc(50% - 10px);
}
 .metas_box_result_gen .grafico .bar_goal_emp_container .bar_goal_emp.size3 {
     width: 95%;
     margin-left: 2.5%;
}
 .metas_box_result_gen .separator {
     width: 50px;
     height: 2px;
     float: left;
     background-color: rgb(210, 210, 210);
     margin-left: calc(50% - 25px);
     margin-top: 10px;
     margin-bottom: 5px;
}
 .resultados_generales .tab_emp_dash_result ul {
     width: auto;
     background-color: transparent;
     padding-left: 0px;
}
 .resultados_generales .tab_emp_dash_result_gen ul li {
     width: auto;
     padding: 10px 60px;
     display: inline-block;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
}
 .resultados_generales .tab_emp_dash_result_gen ul li a {
     font-family: "work sans";
     font-weight: 600;
}
 .resultados_generales .tab_emp_dash_result_gen ul {
     width: 100%;
     text-align: center;
     margin-top: 15px;
}
 .goal_div_ind {
     width: 100%;
     height: 60px;
     background-color: white;
     border-radius: 3px;
     margin-bottom: 10px;
}
 .goal_div_ind.mini {
     width: calc(100% - 20px);
     height: 45px;
     margin-left: 20px;
}
 .goal_div_ind .foto_emp_goal {
     width: 45px;
     height: 45px;
     border-radius: 50%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     border: 2px solid rgb(250, 250, 250);
     margin: 7px 10px;
}
 .goal_div_ind .name_emp_goal {
     width: 300px;
     margin-top: 22px;
     margin-left: 10px;
}
 .goal_div_ind .name_emp_goal2 {
     width: 500px;
     margin-right: 5px;
     margin-left: 10px;
     float: left;
     font-size: 11px;
     font-weight: 500;
     line-height: 120%;
     color: rgb(90, 90, 90);
     max-height: 28px;
     overflow: hidden;
}
 .goal_div_ind .depart_emp_goal {
     width: 350px;
     margin-top: 22px;
     margin-left: 10px;
}
 .goal_div_ind .name_emp_goal span {
     font-size: 12px;
     font-weight: 600;
     color: black;
}
 .goal_div_ind .depart_emp_goal span {
     font-size: 12px;
     font-weight: 600;
     color: black;
}
 .goal_div_ind .bar_container_emp_goal {
     width: calc(100% - 480px);
     height: 25px;
     background-color: rgb(243, 243, 243);
     margin-top: 17.5px;
     position: relative;
     overflow: hidden 
}
 .goal_div_ind .bar_container_emp_goal .bar {
     height: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
}
 .goal_div_ind .bar_container_emp_goal2 {
     width: calc(100% - 590px);
     height: 15px;
     background-color: rgb(243, 243, 243);
     margin-top: 15px;
     position: relative;
     overflow: hidden;
}
 .goal_div_ind .bar_container_emp_goal2 .bar {
     height: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
}
 .goal_div_ind .result_emp_goal {
     width: 40px;
     height: auto;
     color: rgb(60, 60, 60);
     margin-top: 22px;
     font-weight: 500;
     font-size: 12px;
     margin-left: 20px;
}
 .goal_div_ind .result_emp_goal2 {
     width: 40px;
     height: auto;
     color: rgb(60, 60, 60);
     margin-top: 16px;
     font-weight: 500;
     font-size: 12px;
     margin-left: 20px;
}
/*
 #promedio_division_team svg .timer, #promedio_comp_division_team svg .timer, #promedio_metas_division_team svg .timer {
     display: none;
}
*/
 .linha_comparador_1{
     width: 70%;
     height: 4px;
     border-radius: 5px;
}
 .circle_9box2 {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     position: absolute;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     overflow: hidden;
}
 .text_result_comparador {
     font-size: 17px;
     font-weight: 600;
}
 .comp_bar1_color {
     background-color: #2c3e50;
}
 .comp_bar2_color {
     background-color: #01acff;
}
 .bar_comparador_container {
     width: calc(100% - 100px);
     height: 23px;
     border-radius: 3px;
     position: relative;
     background-color: rgb(245, 245, 245);
}
 .bar_comparador_container .bar {
     height: 23px;
}
 .bg_white_box {
     background-color: white;
}
 .goals_massive_container {
     width: calc(100% - 22px);
}
 .goals_massive_ul ul {
     float: left;
     margin-left: 0px;
}
 .radius5 {
     border-radius: 5px;
}
 .logoaccount.logoaccount2 .ui-fileupload-buttonbar .ui-fileupload-upload {
     display: none;
}
 .logoaccount.logoaccount2 .ui-fileupload-buttonbar .ui-fileupload-cancel {
     display: none;
}
 .logoaccount.logoaccount2 .ui-fileupload-buttonbar .ui-state-default .ui-icon {
     background-image: url("/images/flex/icones/upload.svg");
}
 .logoaccount.logoaccount2 .ui-fileupload-choose span {
     float: left;
     margin-right: 3px;
     padding-top: 0px;
}
 .gris {
     background-image: url("/images/flex/cuadro_gris.svg");
}
 .mix {
     position: relative;
}
 .mix:before {
     display: inline-block;
}
 .control {
     font-family: "montserrat";
     font-size: 11px !important;
     color: rgb(100, 100, 100) !important;
     font-weight: 500;
     padding-top: 0px;
     background-color: transparent;
     border: 0px solid transparent;
     text-transform: uppercase;
     margin-top: -10px;
}
 .mixitup-control-active {
     font-weight: 600;
}
 .intro_img1 {
     width: 300px;
     height: 200px;
     position: absolute;
     left: 0px;
     top: 0px;
     background-image: url("/images/flex/result_illustracion.svg");
     background-size: auto 140%;
     background-position: left bottom;
     background-repeat: no-repeat;
}
 .intro_img2 {
     width: 400px;
     height: 200px;
     position: absolute;
     right: 0px;
     top: 0px;
     background-image: url("/images/flex/result_illustracion2.svg");
     background-size: auto 90%;
     background-position: right top;
     background-repeat: no-repeat;
}
 .popup_rec_height{
     max-height:500px;
     overflow:auto;
     margin-bottom:20px;
}
 .popup_rec_height_2{
     max-height:82vh;
     overflow:auto;
}
 .menu_rep{
     width:100%;
     height:90px;
     background-color:white;
     border-top-left-radius:5px;
     border-top-right-radius:5px;
     border-bottom:5px solid #e1e1e1;
}
 .box_result_comp {
     width: 300px;
     height: 100px;
     margin-left: 5px;
     margin-right: 5px;
     border-radius: 3px;
}
 .box_result_comp .box_circle {
     width: 100px;
     height: 100px;
}
 .box_result_comp .box_text_emp {
     width: 200px;
     height: auto;
     padding: 10px;
     border-left: 1px solid rgb(230, 230, 230);
}
 .box_result_comp .box_text_emp2 {
     width: 200px;
     height: auto;
     padding: 10px;
}
 .line_intro_result {
     width: 100px;
     height: 5px;
     margin-left: calc(50% - 50px);
     float: left;
}
 .icon_report_emp.mayor {
     width: 80px;
     height: 80px;
     background-size: 80px;
}
 .resultados_generales .tab_emp_dash_result_gen ul .active {
     background-color: #f1f1f1;
}
 .box_text_company a {
     min-height: 40px;
     max-height: 50px;
     overflow: hidden;
}
 .box_competences_result_company:hover {
     -webkit-box-shadow: 0px -1px 34px -25px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0px -1px 34px -25px rgba(0, 0, 0, 0.75);
     box-shadow: 0px -1px 34px -25px rgba(0, 0, 0, 0.75);
}
 .strategic_goals_bar {
     background-color: rgb(250, 250, 250);
     border: 1.5px solid rgb(230, 230, 230);
     border-radius: 3px;
     position: relative;
}
 .pvtUi {
     width: 100%;
     float: left;
}
 .pvtUnused {
     background: transparent !important;
     float: left;
     width: 100%;
     margin-bottom: 30px;
}
 .pvtUnused li {
     background-color: white !important;
     width: calc(( 100%/ 4) - 6px) !important;
     height: 50px;
     margin: 3px;
     float: left;
     font-family: "Work Sans";
     font-weight: 500;
     font-size: 11px;
     border-radius: 5px;
     padding: 5px;
     background-image: url("../images/flex/icones/generador_enc/drag.svg") !important;
     background-size: 6px auto !important;
     background-repeat: no-repeat !important;
     background-position: 5px center !important;
     padding-left: 20px;
     line-height: 40px;
     cursor: drag;
}
 li.pvtPlaceholder {
     background-color: rgb(248, 248, 248) !important;
     background-image: none;
     border: 1px dashed rgb(230, 230, 230);
}
 .pvtUnused li span {
     display: inline-block;
     vertical-align: middle;
     line-height: normal;
}
 .pvtTriangle {
     margin-left: 5px;
     margin-top: -3px;
}
 .tr2 {
     background-color: white !important;
     width: calc(( 100%/ 3) - 20px);
     height: 230px;
     float: left;
     border-radius: 5px;
     margin-top: 10px;
     padding-left: 30px;
     padding-right: 30px;
}
 .tr3, .tr5 {
     width: calc(100%/ 3);
     height: 230px;
     float: left;
     margin-top: 10px;
     margin-left: 10px;
     background-color: rgb(250, 250, 250);
     border: 2px dashed rgb(230, 230, 230) !important;
}
 .tr3 li, .tr5 li {
     background-color: white !important;
     width: 90% !important;
     margin-left: 5%;
     margin-top: 10px;
     height: 50px;
     float: left;
     font-family: "Work Sans";
     font-weight: 500;
     font-size: 11px;
     border-radius: 5px;
     padding: 5px;
     background-image: url("../images/flex/icones/generador_enc/drag.svg") !important;
     background-size: 6px auto !important;
     background-repeat: no-repeat !important;
     background-position: 5px center !important;
     padding-left: 20px;
     line-height: 40px;
     cursor: drag;
}
 .pvtRendererArea {
     width: 100%;
     height: auto;
}
 .pvtRendererArea div {
     height: 600px !important;
}
 .pvtRendererArea div .c3 svg {
     margin-left: auto;
     margin-right: auto;
     display: block;
     text-align: center;
     margin-top: 40px;
}
 .pvtRendererArea div p {
     font-family: "Work Sans" !important;
     font-weight: 600 !important;
     width: 100%;
     margin-top: 30px;
     font-size: 16px;
     margin-bottom: 30px;
}
 .pvtRendererArea div .c3 text {
     font-family: "Work Sans";
     font-size: 11px;
}
 .c3-legend-item text {
     font-weight: 500;
}
 .c3-axis-x .tick text {
     font-size: 9px !important;
}
 .pvtTable {
     margin-top: 0px;
     width: 100%;
}
 .pvtTable thead {
     background-color: #282c36;
}
 .pvtTable thead tr th {
     color: white !important;
     font-family: "Work Sans";
}
 .pvtTable tbody tr th {
     font-family: "Work Sans";
}
 .pvtTable tr th:first-child {
     font-weight: 600 !important;
     padding-left: 20px;
}
 .pvtFilterBox {
     float: left;
     position: absolute;
     width: 250px;
     background-color: white;
     border-radius: 5px;
     -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.30);
     -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.30);
     box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.30);
     border: 2px solid rgb(230, 230, 230);
     margin-left: -20px;
     margin-top: 10px;
     max-height: 300px;
     overflow: auto;
     z-index: 99;
}
 .pvtFilterBox h4 span {
     font-size: 12px;
     font-family: "Work Sans";
     font-weight: 600;
     padding-left: 5px;
}
 .pvtFilterBox p {
     font-size: 11px;
     font-family: "Work Sans";
     font-weight: 300;
     padding-left: 5px;
}
 .pvtFilterBox input.pvtSearch {
     height: 25px;
}
 .pvtFilterBox label span {
     font-size: 10px;
     font-family: "Work Sans";
     font-weight: 400;
}
 .pvtCheckContainer {
     float: left;
}
 .tag_result {
     float: left;
     font-weight: 500;
     font-size: 10px;
     background-color: rgb(240, 240, 240);
     margin-right: 10px;
     padding: 4px;
     margin-bottom: 5px;
     border-radius: 3px;
}
 .strategic_goals_bar_part1 {
     width: 100px;
     height: 100%;
     position: absolute;
     border-right: 1.5px dashed rgb(230, 230, 230);
     background-color: rgb(253, 253, 253);
}
 .strategic_goals_bar_part2 {
     width: calc(100% - 210px);
     margin-left: 100px;
}
 .strategic_goals_bar_part3 {
     width: 100px;
     height: 100%;
     position: absolute;
     right: 0px;
     background-color: rgb(253, 253, 253);
     border-left: 1.5px dashed rgb(230, 230, 230);
}
 .bot_open_goals_div {
     width: 30px;
     height: 30px;
     position: absolute;
     right: 10px;
     margin-top: 12px;
     background-image: url(../images/flex/icones/arrow.svg);
     background-size: 12px;
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;
}
 .bot_close_goals_div {
     width: 30px;
     height: 30px;
     position: absolute;
     right: 10px;
     margin-top: 12px;
     background-image: url(../images/flex/icones/arrow_2.svg);
     background-size: 12px;
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;
}
 .goal_div_ind_box {
     height: 0px;
     overflow: hidden;
}
 .timeline_dash_metas {
     width: 100%;
     padding-bottom: 50px;
     padding-top: 30px;
     border-radius: 5px;
     float: left;
     margin-top: 10px;
     position: relative;
     background-color: white;
}
 .width_box_9_right .container_9box_info .itens {
     max-height: 414px;
     overflow: auto;
}
 .no_results_icon {
     width: 250px;
     height: 180px;
     margin-left: calc(50% - 125px);
     background-image: url("../images/flex/icones/noresult.svg");
     background-repeat: no-repeat;
     margin-top: 80px;
}

.no_results_employee_icon {
     width: 250px;
     height: 180px;
     margin-left: calc(50% - 125px);
     background-image: url("../images/flex/icones/noresult_employee.svg");
     background-repeat: no-repeat;
     margin-top: 80px;
}

 .container_metas_dash_status {
     width: 100%;
     height: 500px;
}
 .container_metas_dash_departamentos {
     width: calc(20% - 10px);
     height: 100%;
     background-color: rgb(248, 248, 248);
     border-radius: 3px;
     margin-right: 10px;
     float: left;
}
 .container_metas_dash_metas {
     width: 60%;
     height: 100%;
     background-color: rgb(248, 248, 248);
     border-radius: 3px;
     float: left;
}
 .container_metas_dash_metas .container_box_metas_dash, .container_metas_dash_departamentos .container_box_metas_dash {
     width: 100%;
     padding: 10px;
     margin-top: 20px;
     height: 380px;
     float: left;
     overflow: auto;
}
 .container_metas_dash_departamentos .container_box_metas_dash .box_departamento {
     width: 100%;
     float: left;
     margin-bottom: 5px;
     border-radius: 3px;
     height: auto;
     min-height: 40px;
     background-color: white;
     -webkit-box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.17);
     -moz-box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.17);
     box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.17);
     cursor: pointer;
}
 .container_metas_dash_departamentos .container_box_metas_dash .box_departamento span {
     font-size: 12px;
     font-weight: 600;
     padding: 12px 10px;
     float: left;
     line-height: 140%;
}
 .container_metas_dash_departamentos .container_box_metas_dash .box_departamento .foto_empleado{
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background-color: gray;
     margin: 10px;
     float: left;
}
 .container_metas_dash_departamentos .container_box_metas_dash .box_departamento .nombre_empleado{
     width: calc(100% - 50px);
     float: left;
}
 .container_metas_dash_departamentos .container_box_metas_dash .box_departamento .nombre_empleado span {
     padding-left: 0px !important;
     width: 100%;
}
 .table_creacion_metas, .table_evaluacion_metas {
     width: calc(100% - 20px);
     float: left;
     margin-left: 10px;
}
 .table_creacion_metas .table_head, .table_evaluacion_metas .table_head {
     width: 100%;
     padding-bottom: 5px;
     float: left;
     border-bottom: 2px solid rgb(230, 230, 230);
}
 .table_creacion_metas .table_head .table_head_field, .table_evaluacion_metas .table_head .table_head_field {
     float: left;
}
 .table_creacion_metas .table_head .table_head_field.field1 {
     width: 40%;
}
 .table_evaluacion_metas .table_head .table_head_field.field1 {
     width: 40%;
}
 .table_creacion_metas .table_head .table_head_field.field2, .table_creacion_metas .table_head .table_head_field.field3, .table_creacion_metas .table_head .table_head_field.field4 {
     width: 25%;
}
 .table_evaluacion_metas .table_head .table_head_field.field2, .table_evaluacion_metas .table_head .table_head_field.field3, .table_evaluacion_metas .table_head .table_head_field.field4 {
     width: 20%;
}
 .table_creacion_metas .table_head .table_head_field p, .table_evaluacion_metas .table_head .table_head_field p {
     width: 100%;
     padding-left: 5px;
     font-size: 12px;
     font-weight: 600;
     margin-bottom: 0px;
}
 .table_creacion_metas .table_body, .table_evaluacion_metas .table_body {
     width: 100%;
     max-height: 260px;
     float: left;
     overflow: auto;
     margin-top: 10px;
}
 .table_creacion_metas .table_body .table_line, .table_evaluacion_metas .table_body .table_line {
     width: 100%;
     height: auto;
     min-height: 30px;
     background-color: white;
     float: left;
     border-radius: 3px;
     -webkit-box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.1);
     margin-bottom: 10px;
}
 .table_creacion_metas .table_body .table_line .table_line_field, .table_evaluacion_metas .table_body .table_line .table_line_field {
     float: left;
}
 .table_creacion_metas .table_body .table_line .table_line_field.field1 {
     width: 40%;
}
 .table_evaluacion_metas .table_body .table_line .table_line_field.field1 {
     width: 40%;
}
 .table_creacion_metas .table_body .table_line .table_line_field.field2, .table_creacion_metas .table_body .table_line .table_line_field.field3, .table_creacion_metas .table_body .table_line .table_line_field.field4 {
     width: 25%;
}
 .table_evaluacion_metas .table_body .table_line .table_line_field.field2, .table_evaluacion_metas .table_body .table_line .table_line_field.field3, .table_evaluacion_metas .table_body .table_line .table_line_field.field4 {
     width: 20%;
}
 .table_creacion_metas .table_body .table_line .table_line_field.field1 p, .table_evaluacion_metas .table_body .table_line .table_line_field.field1 p {
     padding: 12px;
     font-size: 12px;
     font-weight: 600;
     margin-bottom: 0px;
}
 .table_creacion_metas .table_body .table_line .table_line_field.field2 p, .table_evaluacion_metas .table_body .table_line .table_line_field.field2 p, .table_evaluacion_metas .table_body .table_line .table_line_field.field3 p, .table_evaluacion_metas .table_body .table_line .table_line_field.field4 p {
     padding-top: 12px;
     text-align: center;
     font-size: 12px;
     font-weight: 400;
     margin-bottom: 0px;
     width: 100%;
}
 .icon_done_metas {
     background-image: url('../images/flex/icones/check4.svg');
     width: 25px;
     height: 25px;
     background-size: 25px;
     background-position: center;
     background-repeat: no-repeat;
     margin-top: 5px;
}
 .icon_undone_metas {
     background-image: url("../images/flex/icones/ico_cancel.svg");
     width: 25px;
     height: 25px;
     background-size: 22px;
     background-position: center;
     background-repeat: no-repeat;
     margin-top: 7px;
}
 .alert_metas_status {
     border-left: 4px solid #e74c3c;
}
 .alert_metas_status .foto_empleado {
     margin-left: 6px !important;
}
 .search_metas {
     width: calc(100% - 20px) !important;
     margin-left: 10px !important;
     border-radius: 5px !important;
     border: 1px solid rgb(220, 220, 220) !important;
     height: 30px !important;
     margin-top: 10px !important;
     float: left;
     padding-left: 10px !important;
     font-family: "Work Sans" !important;
     font-size: 12px !important;
}
 .search_metas_divider {
     width: 50px;
     height: 3px;
     background-color: rgb(220, 220, 220);
     margin-left: calc(50% - 25px);
     float: left;
     margin-top: 10px;
}
 .box_departamento:hover span, .box_departamento.sel span {
     padding: 10px 8px !important;
}
 .box_departamento:hover .foto_empleado, .box_departamento.sel .foto_empleado {
     margin-left: 8px !important;
     margin-top: 8px !important;
     margin-bottom: 8px !important;
}
 .alert_metas_dash {
     width: 100%;
     min-height: 50px;
     border: 3px solid #ffd93b;
     float: left;
     background-color: white;
     border-radius: 5px;
     -webkit-box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.1);
     position: relative;
}
 .alert_metas_dash .icon_alert {
     position: absolute;
     width: 50px;
     height: 100%;
     background-image: url("../images/flex/icones/alert_blanco2.svg");
     background-position: 9px;
     background-size: 30px;
     background-repeat: no-repeat;
     background-color: #ffd93b;
}
 .alert_metas_dash .text_alert_dash {
     width: calc(100% - 70px);
     margin-left: 60px;
     padding-top: 15px;
     padding-bottom: 15px;
     font-size: 13px;
     font-weight: 600;
     line-height: 130%;
}
 .calendar_dash_metas {
     width: 150px;
     height: 150px;
     background-image: url("../images/flex/icones/calendar.svg");
     background-repeat: no-repeat;
     background-size: 150px;
     margin-left: calc(50% - 75px);
     position: relative;
}
 .icon_calendar_empty {
     width: 50px;
     height: 50px;
     background-image: url("https://s3-us-west-2.amazonaws.com/hcmacsendo/images/calendarEmpty.svg");
     background-repeat: no-repeat;
     background-size: 48px;
     position: relative;
}
 .days_calendar {
     position: relative;
     top: -33px;
     font-size: 20px !important;
     color: #08b0ba;
     font-weight: 600;
     text-align: center;
     left: -1px;
}
 .days_calendar_text {
     position: relative;
     top: -40px;
     font-size: 11px !important;
     margin-left: calc(10% - 5px);
     color: #08b0ba;
     text-align: center;
}
 .calendar_dash_metas .days {
     font-size: 25px;
     width: 100%;
     margin-top: 62px;
     text-align: center;
     font-weight: 600;
}
 .calendar_dash_metas .days_label {
     font-size: 12px;
     width: 100%;
     margin-top: 3px;
     text-align: center;
     font-weight: 500;
}
 .graph_dash_metas {
     width: calc(100% - 270px - 270px - 180px - 30px);
     height: 200px;
     background-color: white;
     border-radius: 5px;
     display: inline-block;
     margin-left: 10px;
     margin-top: 10px;
}
 .graph_dash_metas .graph_container {
     width: calc(100% - 40px);
     height: 150px;
     margin-top: 20px;
     float: left;
     margin-left: 20px;
}
 .graph_dash_metas .graph_container .container_bar_metas {
     height: 100%;
     float: left;
}
 .graph_dash_metas .graph_container .container_bar_metas .bar_metas {
     height: calc(100% - 20px);
     width: 60%;
     max-width: 30px;
     background-color: rgb(250, 250, 250);
     float: left;
     position: relative;
}
 .graph_dash_metas .graph_container .container_bar_metas .bar_metas .bar {
     position: absolute;
     bottom: 0px;
     opacity: 0.6;
     width: 100%;
}
 .graph_dash_metas .graph_container .container_bar_metas .bar_metas .leyenda_metas_dash {
     position: absolute;
     margin-top: -20px;
     font-size: 9px;
     width: 100px;
     text-align: center;
     display: none;
     top: 0px;
     font-weight: 600;
     line-height: 140%;
     margin-left: calc(50% - 50px);
}
 .graph_dash_metas .graph_container .container_bar_metas .bar_metas:hover .bar {
     opacity: 1;
}
 .graph_dash_metas .graph_container .container_bar_metas .bar_metas:hover .leyenda_metas_dash {
     display: block;
}
 .graph_dash_metas .graph_container .container_bar_metas .leyenda_track {
     width: 100%;
     text-align: center;
     font-weight: 600;
     font-size: 10px;
     color: rgb(100, 100, 100);
     padding-top: 4px;
}
 .icon_comp_custom_emp {
     background-size: contain;
     width: 100%;
     background-position: center;
}
 .tableNormal1 tr td {
    /*display: flex;
    */
}
 .tableNormal1 tr td input {
     margin: 5px 20px 0px 5px;
}
 .abtn_pdf .btn_pdf {
     display: inline-block;
     text-decoration: underline;
     margin-left: 118px;
     padding-top: 18px;
     float: left;
}
 .abtn_pdf .btn_pdf img {
     width: 25px;
     float: left;
}
 .abtn_pdf .btn_pdf .text {
     color: #000;
     float: left;
     padding-top: 10px;
     padding-right: 10px;
     font-family: "Monserrat", sans-serif !important;
}
 .jefe_box .numero2 {
     font-size: 18px;
     color: #777777;
     text-align: center;
     clear: both;
     float: left;
     font-weight: 500;
     width: 110px;
}
 .box_shadow {
     -webkit-box-shadow: 2px 5px 25px -23px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 2px 5px 25px -23px rgba(0, 0, 0, 0.5);
     box-shadow: 2px 5px 25px -23px rgba(0, 0, 0, 0.5);
}
 .noti_dashmetas .ui-paginator {
     float: right !important;
     margin: 0px;
     width: auto;
     margin-right: 20px;
     margin-bottom: 20px;
     margin-top: 10px;
}
 .ui-outputlabel-rfi {
     display: none !important;
}
 .horizontal_scroll {
     overflow-y: auto;
}
 .column_toggle_fix {
     position: relative;
     top: 100px;
     left: 140px;
     z-index: 100;
}
 .tableLanguage {
     height: 85px;
}
 .tableLanguage div {
}
 .tableLanguage div:last-child {
     background: #f5f5f5;
     height: 59%;
     margin: auto;
     width: 62.5%;
     border-bottom: 3px solid #dbdbdb;
}
 .tabSelected {
     border-bottom: 3px solid #08b0ba;
     border-right: 2px solid #dbdbdb;
     color: #08b0ba;
     background: #f5f5f5;
     font-family: work sans;
     font-size: 13px !important;
     font-weight: normal;
     padding: 13.5px;
     margin-right: 10px;
     float: left;
     font-weight: 600;
     text-decoration: none !important;
     display: block;
}
 .tabUnselected {
     border-bottom: 3px solid #dbdbdb;
     border-right: 2px solid #dbdbdb;
     color: rgb(130, 130, 130);
     background: #f5f5f5;
     font-family: work sans;
     font-size: 13px !important;
     font-weight: normal;
     padding: 13.5px;
     margin-right: 10px;
     float: left;
     font-weight: 600;
     text-decoration: none !important;
     display: block;
}
 .languagebox {
     background: #dbdbdb !important;
}
 .contentNumericLabel label .ui-inputtextarea {
     width: 17%;
     height: 40px;
     padding-top: 10px;
     text-align: center;
}
.contentNumericLabel label .ui-inputtextarea::-webkit-outer-spin-button.
.contentNumericLabel label .ui-inputtextarea::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	margin: 0;
}
 .verde2 {
     background-color: #7CBB00 !important;
}
 .lineBorder {
     border: 1px solid #AAA;
     border-left: 0px;
     border-right: 0px;
     border-top: 0px;
}
 .contentPartialEvaluation.modContentPartial {
     min-height: 45px;
     padding: 15px 15px 15px 20px;
     background: #FAFAFA;
     border-radius: 5px;
     margin-bottom: 10px;
}
 .contentPartialEvaluation:last-child .lineBorder {
     border-bottom: 0px solid #AAA;
     margin-bottom: 10px;
     height: 35px;
}
 .label_title_pid {
     text-transform: none !important;
     font-size: 13px !important;
     font-weight: 700 !important;
}
 .label_title_pid_2 {
     text-transform: none !important;
     font-size: 15px !important;
     font-weight: 700 !important;
}
 .hide_table_header_track_accordion table {
     margin: 0px !important;
}
 .hide_table_header_track_accordion thead {
     display: none !important;
}
 .track_accordion>.ui-accordion-content {
     padding: 0px !important;
}
 .icon_calendar_2 {
     background-image: url("https://s3-us-west-2.amazonaws.com/hcmacsendo/images/calendar_2.svg");
     background-repeat: no-repeat;
}
 .icon_clock_red {
     background-image: url("https://s3-us-west-2.amazonaws.com/hcmacsendo/images/clock_red.svg");
     background-repeat: no-repeat;
}
 .borderradius5 {
     border-radius: 5px;
}
 .icon-plus {
     background-image: url(/images/flex/icones/plus.svg);
}
 .micro_icon_container {
     width: 15px;
     height: 15px;
     background-repeat: no-repeat;
     background-size: 15px;
}
 .addGoal {
     height: 200px;
     width: 300px;
}
 .addGoal .metric_addGoal {
     height: 200px;
     width: 300px;
}
 .addGoal .backColor_addGoalEmployee {
     position: absolute;
     opacity: 0.1;
}
 .addGoal .backColor_addGoal {
     position: absolute;
     opacity: 0.1;
}
 .addGoal .internal_addGoal {
     cursor: pointer;
     position: absolute;
     border: 2px;
     border-style: dashed;
}
 .icon-paper-plane {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/paper-plane.svg);
}
 .textTransformNone {
     text-transform: none !important;
}
 .textTransformNone label {
     text-transform: none !important;
}
 .textTransformLowercase {
     text-transform: lowercase !important;
}
 .textTransformUppercase {
     text-transform: uppercase !important;
}
 .trackingPeriodicityChk {
     border: 0px !important;
}
 .trackingPeriodicityChk tbody > tr > td > label{
     margin: 0px !important;
}
 .popup_edit_track_mail_template {
    width: 770px !important;
    background-color: #FFF;
    padding-bottom: 30px;
    border-radius: 5px;
    position: relative;
    top: 5vh !important;
    left: 50% !important;
}
 .editor_correo_track_mail_template .ui-editor.ui-widget-content {
     height: 370px !important;
}
 .editor_correo_track_mail_template>.ui-widget-content>iframe {
     height: 85% !important;
}
 .table_mod .ui-datatable .ui-paginator {
     width: auto !important;
}

.ui-datatable-header{ 
	background: #ffffff !important;
} 

.ui-datatable{
	border-color: white !important;
	padding-top: 15px !important;
}

 .table_mod .ui-datatable table tbody {
     border-left: 2px solid #ebebeb;
     border-right: 2px solid #ebebeb;
     border-bottom: 2px solid #ebebeb;
}
 .employeePhoto {
     cursor: pointer;
     position: relative;
     border: 2px;
     border-style: dashed;
     width: 120px;
     height: 140px;
}
 .backColor_addEmployee {
     width: 120px;
     height: 140px;
     position: absolute;
     z-index: -1000;
     opacity: 0.1;
     margin: -2px;
}
 .imageUpload {
     border: 0px solid #000 !important;
     width: 80px;
     height: 80px;
     margin: 15px 20px !important;
}
 .border0 {
     border: 0px !important;
}
 .icon_leaders {
     background-image: url("/resources/reports/images/user-chief.png");
     background-repeat: no-repeat;
}
 .icon_collaborators {
     background-image: url("/resources/reports/images/user-employee.png");
     background-repeat: no-repeat;
}
 .boton_red {
     color: #E46053 !important;
     border-color: #E46053 !important;
}
 .boton_red:hover {
     color: #A41003 !important;
     border-color: #A41003 !important;
}
 .font_label11 * {
     font-size: 11px !important;
     margin-bottom: 0px;
}
 .image_changed {
     position: relative;
     z-index: 1;
     height: 90px;
     width: 90px;
     margin: 10px auto;
}
 .border_radius5p {
     border-radius: 5% !important;
}
 .height80 {
     height: 80px !important;
}
 .height80p {
     height: 80% !important;
}
 .backgroundSearch {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/search.svg) !important;
     background-size: 15px !important;
     background-repeat: no-repeat !important;
     padding-left: 30px !important;
     background-position: 5px !important;
}
 .backgroundSearch_autoComplete input {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/search.svg) !important;
     background-size: 15px !important;
     background-repeat: no-repeat !important;
     padding-left: 30px !important;
     background-position: 5px !important;
}
 .backgroundSearchLogs {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/search.svg) !important;
     background-size: 15px !important;
     background-repeat: no-repeat !important;
     padding-left: 30px !important;
     background-position: 5px !important;
     position: absolute;
     top: 37px;
     left: 10px;
}
 .mod_placeholder::placeholder {
     font-size: 11px !important;
}
 [id*=mod_points_menu] {
     width: auto !important;
}
 .mod_tooltip {
     position: relative;
     display: inline-block;
}
 .mod_tooltip .mod_tooltiptext {
     visibility: hidden;
     width: 100px;
     position: absolute;
     z-index: 1;
     top: -39px;
     left: -45px;
}
 .mod_tooltip .mod_tooltiptext .mod_tooltip_text {
     width: 100%;
     background-color: black;
     color: #fff;
     text-align: center;
     padding: 5px 0;
     font-size: 10px;
     font-family: Open Sans, sans-serif;
     border-radius: 6px;
}
 .mod_tooltip .mod_tooltip_arrow {
     position: relative;
     color: #000;
     z-index: 100;
     font-size: 32px;
     text-align: center;
     width: 100%;
     float: left;
     margin-top: -12px;
}
 .mod_tooltip:hover .mod_tooltiptext {
     visibility: visible;
}
 .line_division_gray {
     border-bottom: solid;
     border-width: 1px;
     margin-left: 20px;
     margin-right: 20px;
     color: #d2d2d2;
     border-color: #d2d2d2;
}
 .line_vertical_division_gray {
     width: 1px;
     margin-left: 10px;
     margin-right: 10px;
     background: #F1F1F1;
     height: calc(100% - 10px);
}
 .widthAuto {
     width: auto !important;
}
 .spacing_right_footer_table {
     position: relative;
     height: 50px;
     background: #F5F5F5;
     float: left;
     bottom: 0px;
     width: 100%;
     top: -80px;
     margin-bottom: -50px;
     z-index: -1;
     border-bottom: solid 1px #E6E6E6;
     border-left: solid 1px #E6E6E6;
     border-right: solid 1px #E6E6E6;
     border-top: 0;
     border-radius: 0 0 3px 3px;
}
 .mod_data_table th {
     min-width: 130px;
}
 .mod_data_table th:first-of-type {
     min-width: 0px;
}
 .signboard .signboard_color_opacity {
     height: 30px;
     width: auto;
     opacity: 0.05;
     border-radius: 5px;
}
 .signboard .signboard_text {
     width: 100%;
     text-align: center;
     position: relative;
     top: -21px;
}
 .signboard .label_competentce_autoresult {
     width: 100%;
     text-align: center;
     position: relative;
     opacity: 1!important;
}


 .backgroundSearch {
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/search.svg) !important;
     background-size: 15px !important;
     background-repeat: no-repeat !important;
     padding-left: 30px !important;
     background-position: 5px !important;
}
 .animationCollapse {
     padding-top: 10px;
    /* overflow set to hidden to hide the expanded text */
     overflow: hidden;
    /* all style changes will ease-in-out for 1s */
     -moz-transition: max-height 1s ease-in-out;
     -ms-transition: max-height 1s ease-in-out;
     -o-transition: max-height 1s ease-in-out;
     -webkit-transition: max-height 1s ease-in-out;
     transition: max-height 1s;
}
 .transition {
     transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
     -webkit-transition: opacity 0.3s;
}
 .addGoalTrack .back {
     position: absolute;
     width: 100%;
     height: 100%;
     opacity: 0.2;
     z-index: -1;
}
 .height45 {
     height: 45px;
}
 .paddingTop17 {
     padding-top: 17px !important;
}
 .margin10Auto {
     margin: 5px auto !important;
}
 .icon_points_union_mod {
     height: 20px;
}
 .padding_lat10 {
     padding: 0px 10px 0px 10px !important;
}
 .panel_gray {
     display: block;
     margin: -10px;
     padding: 22px;
     border: 1px solid #e6e6e6;
     background: #fafafa;
}
 .marginTop-23 {
     margin-top: -23px;
}
 .placeHolder::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: pink;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: pink;
}
 :-ms-input-placeholder {
    /* IE 10+ */
     color: pink;
}
 :-moz-placeholder {
    /* Firefox 18- */
     color: pink;
}
 input:-ms-input-placeholder {
     color: #d3d7cf;
}
 .fontWorkSans {
     font-family: Work Sans, sans-serif;
}
 .fontWorkSansDiv div {
     font-family: Work Sans, sans-serif;
}
 .fontWorkSansLabel label {
     font-family: Work Sans, sans-serif;
}
 .paddingbottom0 {
     padding-bottom: 0px;
}
 .paddingbottom0_2 {
     padding-bottom: 0px !important;
}
 .width810 {
     width: 810px !important 
}
 .overflow_metas_popup {
     width: 100%;
     max-height: 70vh;
     overflow: auto;
     padding-right: 20px;
}
 .overflow_metas_popup_maxh50vh {
     width: 100%;
     max-height: 50vh;
     overflow: auto;
     padding-right: 20px;
}
 .box_gray {
     background: #FAFAFA;
     padding: 20px;
}
 .table_new1 {
     border: 0px solid #000;
     background: #FAFAFA;
}
 .table_new1 thead {
     background: none;
}
 .table_new1 thead tr td {
     padding-left: 10px;
     padding-bottom: 6px;
     font-size: 11px;
     font-weight: 600;
     font-family: Work Sans, sans-serif;
}
 .table_new1 tbody tr td input {
     font-size: 11px !important;
}
 .table_new1 tbody tr td input::-webkit-input-placeholder {
     font-size: 11px !important;
}
 .table_new1 tbody tr td input:-moz-placeholder {
     font-size: 11px !important;
}
 .table_new1 tbody tr td input:-ms-input-placeholder {
     font-size: 11px !important;
}
 .td_lcs_check_mod {
     padding-top: 20px;
}
 .td_lcs_check_mod .lcs_wrap {
     text-align: center !important;
     display: flex;
     justify-content: center;
}
 .td_lcs_check_mod .lcs_switch {
     width: 25px;
     height: 14px;
}
 .td_lcs_check_mod .lcs_on {
     background: #08B78D !important;
}
 .td_lcs_check_mod .lcs_off {
     background: #CCCCCC !important;
}
 .td_lcs_check_mod .lcs_label_off {
     opacity: 0 !important;
}
 .td_lcs_check_mod .lcs_off .lcs_cursor {
     height: 12px;
     width: 12px;
     top: 1px;
     margin-left: -4px;
}
 .td_lcs_check_mod .lcs_label_on {
     opacity: 0 !important;
}
 .td_lcs_check_mod .lcs_on .lcs_cursor {
     height: 12px;
     width: 12px;
     top: 1px;
     margin-left: -26px;
}
.goalNonLinealLimitsPanel .conversionChart {
	width: 260px !important;
	min-height: 200px;
}
.conversionChart {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     width: 350px;
     height: auto;
     min-height: 200px;
     position: relative;
}
.conversionChart svg {
     width: 90%;
     height: 220px;
     margin: 0px auto;
     display: block;
}
.conversionChart path.slice {
     stroke-width: 2px;
}
.conversionChart polyline {
     opacity: .3;
     stroke: black;
     stroke-width: 2px;
     fill: none;
}
.progressConversionPnl .progessLegend div:nth-of-type(1) {
	width: 15px;
	min-width: 15px;
	height: 15px;
	border-radius: 3px;
}
.progressConversionPnl .progessLegend span:nth-of-type(1) {
	min-width: max-content;	
}
 [id*=mod_points_menu] {
     width: auto !important;
}
 [id$=mod_department_edit_panel], [id$=mod_jobname_edit_panel], [id$=mod_subId_edit_panel], [id$=mod_levelid_panel], [id$=mod_jobname_panel], [id$=mod_department_panel], [id$=mod_subId_panel], [id$=mod_bossname], [id$=gobjetivo_panel] {
     width: 343px;
}
 [id$=slcGoal_panel], [id$=slcComp_panel] {
     max-width: 655px !important;
}

 [id$=selectExtraField_panel] {
     max-width: 700px !important;
}

.spllitBot_azul2 {
	display: inline-block;
}
 [id$=department_edit] .ui-corner-right, [id$=jobname_edit] .ui-corner-right, [id$=mod_subId_edit] .ui-corner-right, [id$=mod_levelid] .ui-corner-right, [id$=mod_jobname] .ui-corner-right, [id$=mod_department] .ui-corner-right, [id$=mod_subId] .ui-corner-right, [id$=mod_bossname] .ui-corner-right {
     background: #FFF !important;
}
 .backgroundGray {
     background-color: #F9F9F9 !important;
}
 .backgroundGray2 {
     background-color: #FAFAFA !important;
}
 .backgroundGray3 {
     background: #F1F1F1;
}
 .backgroundWhite {
     background-color: #FFFFFF !important;
}
 .backgroundBlue {
     background-color: #1f2831 !important;
}
 .fontblanco {
     color: white !important;
}
 .fontGray {
     color: #777777 !important;
}
 .fontGray2 {
     color: #7C734D !important;
}
 .fontBlack {
     color: #333333 !important;
}
 .fontblack {
     color: black !important;
}
 .fontBlack2 {
     color: #333333 !important;
}
 .fontBlack3{
     color: #282C36 !important;
}
 .fontYellow {
     color: #FFD93B !important;
}
 .fontEmerald{
     color: #1d7385 !important;
}
 .fontWhite {
     color: #FFFFFF !important;
}
 .fontweight600 {
     font-weight: 600;
}
 .mod_colorTableTr tr {
     background-color: #F9F9F9 !important;
     border-bottom: 10px solid #FFF !important;
     border-radius: 10px 10px 20px 20px;
}
 .mod_include_form_data {
     margin-top: -25px;
}
 .mod_include_form_data div {
     font-weight: 400;
}
 .overflow_metas_popup {
     width: 100%;
     max-height: 70vh;
     overflow: auto;
     padding-right: 20px;
}
 .overflow_editEmployee_popup {
     width: 100%;
     max-height: 45vh;
     overflow: auto;
     padding-right: 20px;
}
 .overflow_editEmployee_popup2 {
     width: 100%;
     max-height: 65vh;
     overflow: auto;
}
 .blockColorSign {
     padding: 10px 20px;
     margin: auto;
     text-align: center;
}
 .blockColorSign .blockColorSign_text, .blockColorSign .blockColorSign_text span, .blockColorSign .blockColorSign_text label {
     font-family: Work Sans, sans-serif;
}
 .blockColorSign .blockColorSign_text {
     position: relative;
     height: 0px;
     top: -27px;
}
 .blockColorSign .blockColorSign_color {
     opacity: 0.2;
     position: relative;
     border-radius: 2px;
}
 .blockColorSign .blockColorSign_color.blockColorSign_tam40 {
     height: 40px;
}
 .blockColorButton {
     padding: 10px 20px;
     margin: auto;
     text-align: center;
}
 .blockColorButton .blockColorButton_text, .blockColorButton .blockColorButton_text span, .blockColorButton .blockColorButton_text label {
     font-family: Work Sans, sans-serif;
}
 .blockColorButton .blockColorButton_text {
     position: relative;
     height: 0px;
     top: -27px;
}
 .blockColorButton .blockColorButton_color {
     opacity: 0.2;
     position: relative;
     border-radius: 2px;
}
 .blockColorButton .blockColorButton_color:hover {
     cursor: pointer;
}
 .blockColorButton .blockColorButton_text:hover {
     cursor: pointer;
}
 .blockColorButton .blockColorButton_color.blockColorButton_tam40 {
     height: 40px;
}
 .buttonDisplayNoneInput .ui-fileupload-buttonbar {
     display: none;
}
 .new_blockRounded {
     width: 100%;
     display: inline-block;
     border-radius: 5px;
     padding: 20px;
}
.new_modal_rezise {
     float: left;
     padding: 10px 20px 10px;
     overflow: auto;
     width: 100%;
     max-height: 40vh;
}
.modal_pnlPesos .new_modal_rezise {
	min-height: calc(55vh - 115px);
	max-height: calc(60vh - 115px);
}
 .new_alert {
     padding-left: 20px;
     font-style: italic;
     font-size: 11px;
     color: #08b0ba;
     font-weight: 200;
     font-family: Open Sans, sans-serif;
}
 .pid_watss_info {
     background: #FAFAFA;
     margin: 25px 0px;
}
 .pid_watss_info div {
     font-family: work sans;
}
 .fontAwesomeGreen i {
     color: #BDD262;
}
 .fontAwesomeGreen {
     color: #BDD262;
}
 .icon_finish_ok {
     width: 80px;
     height: 80px;
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/ok_complete.svg);
     background-size: 80px;
}

.icon_next {
     width: 80px;
     height: 80px;
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/Next2.svg);
     background-size: 80px;
}

 .stepsCircle #header_stepsCircle {
     height: 90px;
     padding: 15px;
     background: #F1F1F1;
}
 .stepsCircle #employee_stepsCircle {
     display: inline-block;
     max-width: 50%;
     padding: 10px;
}
 .stepsCircle .icon_stepsCircle {
     border-radius: 50%;
     border: 2px solid #111;
     display: inline-block;
     float: left;
}
 .stepsCircle #image_stepsCircle {
     margin-left: auto;
     margin-right: auto;
     display: block;
     text-align: center;
     background-repeat: no-repeat;
     background-size: 35px;
     border-radius: 50%;
     height: 35px;
     width: 35px;
     float: left;
}
 .stepsCircle .employeeInfo_stepsCircle {
     display: inline-block;
     float: left;
     margin-top: 8px;
     margin-left: 10px;
     max-width: 85%;
}
 .stepsCircle #employeeName_stepsCircle {
     font-family: Work Sans, sans-serif;
     font-weight: 700;
     font-size: 14px;
     line-height: 16px;
     text-align: left;
     color: #000000;
}
 .stepsCircle #employeeJob_stepsCircle {
     font-family: Work Sans, sans-serif;
     font-size: 11px;
     line-height: 13px;
     text-align: left;
     color: #777777;
}
 .stepsCircle .contentStepsInd_stepsCircle {
     float: left;
     display: inline-block;
}
 .stepsCircle .overText_stepsCircle {
     text-align: center;
     font-family: Work Sans, sans-serif;
     font-size: 11px;
     line-height: 13px;
     max-width: 80px;
     font-weight: 700;
     height: 0px;
     cursor: pointer;
}
 .stepsCircle .underText_stepsCircle {
     text-align: center;
     font-family: Work Sans, sans-serif;
     font-size: 11px;
     line-height: 13px;
     font-weight: 700;
     padding: 0px 5px;
     position: relative;
     z-index: 90;
     left: -45%;
     cursor: pointer;
     top: 30px;
     min-width: 200px;
     white-space: nowrap;
}
 .stepsCircle .iconStep_stepsCircle {
     text-align: center;
     height: 25px;
     width: 25px;
     line-height: 1.8;
     margin: auto;
     border-radius: 50%;
     cursor: pointer;
     z-index: 100;
     float: left;
     font-weight: 600;
}
 .stepsCircle .iconStep_stepsCircle.complete {
     color: white;
     padding: 10px;
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/check.svg);
     background-size: 15px;
     background-repeat: no-repeat;
     font-size: 0px;
     background-position: 5px;
}
 .stepsCircle .iconStep_stepsCircle.incomplete {
     background: #CCCCCC;
     color: white;
}
 .stepsCircle .iconStep_stepsCircle.incomplete.conf1 {
     background: #CCCCCC;
}
 .stepsCircle .iconStep_stepsCircle.incomplete1.conf2 {
     background: #CCCCCC;
}
 .stepsCircle .iconStep_stepsCircle.active {
     color: white;
}
 .stepsCircle .areaSteps_stepsCircle {
     overflow: auto;
     max-height: 50vh;
}
 .stepsCircle #contentSteps_stepsCircle{
     display: inline-block;
}
 .stepsCircle .iconStep_stepsCircle.complete_active {
     font-size: 0px;
}
 .stepsCircle .containIcon_stepsCircle {
     padding: 5px 0px;
     display: block;
     z-index: 100;
}
 .stepsCircle .iconStep_stepsContentBar {
     height: 0px;
     width: 100%;
     z-index: 1;
     position: relative;
     top: 4px;
}
 .stepsCircle .iconStep_stepsBar {
     width: 88%;
     height: 5px;
     top: 10px;
     position: relative;
     z-index: 1;
     right: -12%;
}
 .stepsCircle .buttonsSteps_stepsCircle {
     padding: 10px;
     display: inline-block;
     width: 100%;
}
 .cursorDefault {
     cursor: default !important;
}
 .backgroundOrangeAcsendo {
     background: #08b0ba;
}
 .cursorPointer {
     cursor: pointer;
}
 .twoButtonOptionTab {
     position: relative;
     top: -50px;
     height: 0px;
     right: 12px;
}
 .twoButtonOptionTab div {
     float: left;
     padding: 5px;
     min-width: 90px;
     height: 30px;
     line-height: 20px;
     text-align: center;
}
 .twoButtonOptionTab div.buttonLeft {
     border-radius: 5px 0px 0px 5px;
}
 .twoButtonOptionTab div.buttonRight {
     border-radius: 0px 5px 5px 0px;
}
 .center_vertical {
     display: flex;
     justify-content: center;
     align-items: center;
}
.center_vertical2 {
     display: inline-flex;
     justify-content: center;
     align-items: center;
}
 .new_header_editar_empleado {
     padding: 15px 20px;
     font-size: 18px;
     color: #FFF;
     overflow: hidden;
     width: 100%;
     background: #3E4452;
     height: 140px;
}
 .new_header_editar_empleado .new_image_evaluador_enc {
     width: 35px;
     height: 35px;
     background-size: cover;
     background-position: center;
     border-radius: 50%;
}
 .new_header_editar_empleado .container_info {
     padding-top: 15px;
}
 .new_header_editar_empleado .name_employee {
     font-weight: 600;
     font-size: 14px;
     text-align: center;
     color: #FFFFFF;
     padding: 10px 0px 3px 0px;
}
 .new_header_editar_empleado .job_employee {
     font-size: 11px;
     text-align: center;
     color: #FFFFFF;
     padding: 2px 0px 30px 0px;
}
 .new_tittle_subtittle_1 .new_tittle {
     font-size: 11px;
     font-weight: 600;
     color: #111111;
}
 .new_tittle_subtittle_1 .new_subtittle {
     font-size: 11px;
     font-weight: 300;
     color: #777777;
}
 .new_table_activity .new_container_activity {
	position: relative;
     display: inline-block;
     background: #FFFFFF;
     width: 100%;
     padding: 20px 15px 10px;
     border-style: solid;
     border-width: 0px;
     border-left-width: 5px;
     border-radius: 5px;
     margin: 5px 0px;
}
 .new_table_activity .new_container_activity_angular {
	position: relative;
     display: inline-block;
     background: #FFFFFF;
     width: 100%;
     padding: 0px 15px 10px;
     border-style: solid;
     border-width: 0px;
     border-left-width: 5px;
     border-radius: 5px;
     margin: 5px 0px;
}
.new_table_activity .new_container_activity:hover,
.new_table_activity .new_container_activity:active,
.new_table_activity .new_container_activity:focus {
 	-webkit-box-shadow: 1px 7px 18px 6px rgba(219,219,219,1);
	-moz-box-shadow: 1px 7px 18px 6px rgba(219,219,219,1);
	box-shadow: 1px 7px 18px 6px rgba(219,219,219,1); 
	transition: all 0.2s ease-in;
}
 .borderLeftColor1 {
     display: inline-block;
     background: #FFFFFF;
     width: 100%;
     padding: 10px 15px;
     border-style: solid;
     border-width: 0px;
     border-left-width: 5px;
     border-radius: 5px;
     margin: 5px 0px;
}
.new_table_activity .line {
     display: inline-block;
     width: 100%;
     margin: 5px 0px;
}
 .new_table_activity .line.btnsManagePidActivity {
 	width: auto;
 	position: absolute;
 	top: 18px;
 	right: 20px;
 }
 .borderColorGreen {
     border-color: #BDD262;
}
 .borderColorOrange {
     border-color: #08b0ba;
}
 .borderColorWhite {
     border-color: #FFFFFF;
}
 .borderColorGray {
     border-color: #777777;
}
 .borderColorGray2 {
     border-color: #F1F1F1;
}
 .backgroundOrange {
     background: #08b0ba;
}
 .backgroundGreen {
     background: #BDD262;
}
 .fontOrange {
     color: #08b0ba;
}
 .fontGreen {
     color: #BDD262;
}
 .titulo1fillform {
     color: #08b0ba;
     font-family: "work sans" !important;
     font-size: 20px !important;
     font-weight: 600 !important;
     clear: both;
     text-align: left;
     float: left !important;
}
 .subtitulo1fillform {
     font-family: "work sans" !important;
     font-size: 15px !important;
     font-weight: 600 !important;
     text-align: left;
     float: left !important;
}
 .descripcion1fillform {
     font-family: "work sans" !important;
     font-size: 14px !important;
     line-height: 150%;
     font-weight: 400 !important;
     text-align: left;
     float: left !important;
}
 .factor1fillform {
     color: #08b0ba;
     font-family: "work sans" !important;
     font-size: 15px !important;
     line-height: 150%;
     font-weight: 600 !important;
     text-align: left;
     float: left !important;
}
 .titulo2fillform {
     font-family: "work sans" !important;
     font-size: 20px !important;
     font-weight: 600 !important;
     text-align: left;
     float: left !important;
}
 .subtitulo2FillForm {
     font-family: "work sans" !important;
     font-size: 14px !important;
     font-weight: 600 !important;
     text-align: left;
     float: left !important;
}
 .descripcionboldfillform {
     font-family: "work sans" !important;
     font-weight: 500 !important;
     font-size: 14px !important;
     line-height: 150%;
     text-align: left;
     float: left !important;
}
 .barTitle_calGoal {
     background: #fefefe;
     display: inline-flex;
     width: calc(100% + 22px);
     float: right;
     padding-left: 42px;
     margin-bottom: 40px;
     margin-top: 60px;
}
 .barTitle_calGoal .sec {
     float: left;
     margin: 20px 5px 10px 5px;
     display: inline-block;
}
 .barTitle_calGoal .tittle_1 {
     font-size: 25px;
     font-weight: 600;
}
 .barTitle_calGoal .subtitle_1 {
     font-size: 11px;
     font-weight: 600;
     float: left;
     margin: 10px 5px 5px 5px;
}
 .width_icon_20 {
     width: 20px;
     height: 20px;
     background-size: 20px;
     border-style: solid;
     border-width: 1px;
}
 .borderDashedColor1 {
     border-width: 2px;
     border-style: dashed;
}
 .text_with_ellipsis {
     text-overflow: ellipsis;
     overflow: hidden;
}
 .download_evidence_boss {
     cursor: pointer;
}
 .download_evidence_collaborator {
     cursor: pointer;
}
 .listCircle {
     display: inline-block;
     width: 100%;
}
 .listCircle .textFrontCircle {
     padding: 10px 0px 10px 10px;
     float: left;
}
 .newTable_aprobation {
     display: inline-block;
     padding: 10px;
}
 .newTable_aprobation .newTable_aprobation_header {
}
 .newTable_aprobation .newTable_aprobation_body {
     width: 100%;
     float: left;
     display: inline-block;
}
 .newTable_aprobation .newTable_aprobation_tr {
     width: 100%;
     float: left;
     display: inline-block;
}
 .newTable_aprobation .newTable_aprobation_cont_activities {
     width: 70%;
     float: left;
     display: inline-block;
}
 .newTable_aprobation .newTable_aprobation_employee {
     width: 30%;
     float: left;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 10px;
     min-height: 85px;
     border: solid #EBEBEB 1px;
}
 .newTable_aprobation .newTable_aprobation_employee .imgEmployee {
     width: 35px;
     height: 35px;
     background-size: 33px;
     border: solid #F1F1F1 1px;
     border-radius: 50%;
}
 .newTable_aprobation .newTable_aprobation_activities {
     width: 100%;
     float: left;
     padding: 10px;
     min-height: 85px;
     border: solid #EBEBEB 1px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: -22px;
}
 @media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active) {
     .mar_top1 {
         margin-top: -29px;
    }
}
 .mar_top2 {
     width: 70%;
     margin-left: 14%;
     margin-top: -30px;
}
 .td_lcs_check_mod.color_lcs1 .lcs_on{
     background: #08B78D !important;
}

 .td_lcs_check_mod .lcs_off{
     background: #CCCCCC !important;
}
 @media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active) {
     .mar_top2 {
         margin-top: -5px;
         width: 70%;
         margin-left: 14%;
    }
}
 @media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active) {
     .barr_evi tr {
         display: inline-block;
        /*width: 100%;
        */
    }
}
 .barTitle_calGoal {
     background: #fefefe;
     display: inline-flex;
     width: calc(100% + 22px);
     float: right;
     padding-left: 42px;
     margin-bottom: 40px;
     margin-top: 60px;
}
 .barTitle_calGoal .sec {
     float: left;
     margin: 20px 5px 10px 5px;
     display: inline-block;
}
 .barTitle_calGoal .tittle_1 {
     font-size: 25px;
     font-weight: 600;
}
 .barTitle_calGoal .subtitle_1 {
     font-size: 11px;
     font-weight: 600;
     float: left;
     margin: 10px 5px 5px 5px;
}
 .width_icon_20 {
     width: 20px;
     height: 20px;
     background-size: 20px;
     border-style: solid;
     border-width: 1px;
}
 .borderDashedColor1 {
     border-width: 2px;
     border-style: dashed;
}
 .text_with_ellipsis {
     text-overflow: ellipsis;
     overflow: hidden;
}
 .download_evidence_boss {
     cursor: pointer;
}
 .download_evidence_collaborator {
     cursor: pointer;
}
 .circleColor {
     background-color: black;
     border-radius: 50%;
     width: 17px;
     text-align: center;
     color: white;
     margin-left: 5px;
     float: left;
     height: 17px;
     font-size: 10px;
}
 .backgroundSemaphore_azul {
     background-color: #36bcc2 !important;
}
 .backgroundSemaphore_verde {
     background-color: #bdd262 !important;
}
 .backgroundSemaphore_naranja {
     background-color: #f2972a !important;
}
 .backgroundSemaphore_amarillo {
     background-color: #ffd93b !important 
}
 .backgroundSemaphore_rojo {
     background-color: #e46053 !important;
}
 .resultCircle_semaphore {
     height: 35px;
     margin-top: 3%;
}
 .resultCircle_semaphore .resultCircle_semaphore_color {
     height: 35px;
     width: 65px;
     opacity: 0.2;
     border-radius: 50px;
}
 .resultCircle_semaphore .resultCircle_semaphore_text {
     position: relative;
     top: -34px;
}
 .trTitleComp {
     height: 10px !important;
     background: #FFFFFF !important;
     border: none !important;
}
 .trTitleComp td {
     text-align: left !important;
}
 .mod_points_fonts span {
     font-family: Work Sans, sans-serif;
     font-size: 12px;
}
 .divTable_competences {
     display: inline-block;
}
 .divTable_competences .divTable_head {
     display: inline-block;
     width: 100%;
     padding: 10px;
}
 .divTable_competences .divTable_head .divTable_tr {
     display: inline-block;
     width: 100%;
     padding: 10px;
}
 .divTable_competences .divTable_head .divTable_tr .divTable_td {
     float: left;
}
 .divTable_competences .divTable_body {
     display: inline-block;
     width: 100%;
     padding: 10px;
}
 .divTable_competences .divTable_body .divTable_tr {
     display: inline-block;
     width: 100%;
     border-radius: 5px;
     padding: 10px;
     margin-bottom: 5px;
     background: #FAFAFA;
}
 .divTable_competences .divTable_body .divTable_tr .divTable_td {
     float: left;
}
 .border_employee_por_evaluar {
     border-left: 4px solid #08b0ba;
}
 .border_employee_evaluado {
     border-left: 4px solid #BDD262;
}
 .border_top_sec {
     border-radius: 5px;
     border: 0px;
     border-top-style: solid;
     border-top-width: 4px;
}
 .new_warning_alert {
     display: inline-block;
     border-width: 2px;
     border-style: solid;
     border-radius: 5px;
     padding: 10px;
}
 .new_warning_alert.new_warning_yellow {
     background: #FDF6DB;
     border-color: #F1C40F;
}
 .new_warning_alert.new_warning_yellow .new_warning_icon {
     color: #FFD93B;
}
 .new_warning_alert.new_warning_yellow .new_warning_text {
     color: #7C734D;
}
 .new_warning_alert.new_warning_yellow .new_warning_close {
     color: #7C734D;
}
 .new_warning_alert .new_warning_icon {
     float: left;
     font-size: 20px;
}
 .new_warning_alert .new_warning_text {
     float: left;
     font-size: 12px;
     margin: 4px 0px 0px 10px;
}
 .new_warning_alert .new_warning_close {
     float: right;
     margin-left: 10px;
     font-size: 20px;
     cursor: pointer;
}
 .num_circle {
     border-radius: 50%;
     width: 30px;
     min-width: 30px;
     height: 30px;
     text-align: center;
     padding-top: 7px;
     color: #FFFFFF;
     font-weight: 600;
}
 .newTable_calibration_over {
     max-height: 72vh;
     overflow: auto;
}
 .newTable_calibration {
     display: inline-block;
}
 .newTable_calibration ul li ul, .newTable_calibration ul li ol {
     margin: 0px;
}
 .newTable_calibration_columnsRepeat .ui-datalist-data {
     display: inline-block;
}
 .newTable_calibration .newTable_calibration_tr .newTable_calibration_td {
     display: inline-block;
     float: left;
     padding-left: 10px;
     width: 100%;
     min-height: 95px;
}
 .newTable_calibration_td.newTable_calibration_head.mod {
     position: relative;
     background: rgb(255, 255, 255);
     z-index: 999;
}
 .newTable_calibration .newTable_calibration_tr .newTable_calibration_td_add {
     display: inline-block;
     float: left;
     padding-left: 10px;
     width: 100%;
     min-height: 95px;
}
 .newTable_calibration .newTable_calibration_tr .ui-datalist-data {
     width: 100%;
}
 .newTable_calibration .newTable_calibration_column1 {
     display: inline-block;
     float: left;
}
 .newTable_calibration .newTable_calibration_column1 .newTable_calibration_tr {
     display: inline-block;
     float: left;
     width: 250px;
     margin-bottom: 20px;
}
 .newTable_calibration .newTable_calibration_columnsRepeat {
     display: inline-block;
     float: left;
}
 .newTable_calibration .newTable_calibration_columnsRepeat>div>div>ul>li {
     display: inline-block;
     float: left;
}
 .newTable_calibration .newTable_calibration_columnsRepeat .newTable_calibration_tr {
     display: inline-block;
     float: left;
     width: 250px;
     margin-bottom: 20px;
}
 .newTable_calibration .newTable_calibration_columnsAdd {
     display: inline-block;
     float: left;
}
 .newTable_calibration .newTable_calibration_columnsAdd .newTable_calibration_tr {
     display: inline-block;
     float: left;
     width: 250px;
}
 .stepsCircle .underText_stepsCircle{
     text-align: center;
     font-family: Work Sans, sans-serif;
     font-size: 11px;
     line-height: 13px;
     font-weight: 700;
     padding: 0px 5px;
     position: relative;
     z-index: 80;
     left: -45%;
     cursor: pointer;
     top: 30px;
     min-width: 200px;
     white-space: nowrap;
}
 .stepsCircle .iconStep_stepsCircle{
     text-align: center;
     height: 25px;
     width: 25px;
     line-height: 2;
     margin: auto;
     border-radius: 50%;
     cursor: pointer;
     z-index: 100;
     float: left;
}
 .stepsCircle .iconStep_stepsCircle.complete{
     color: white;
     padding: 10px;
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/check.svg);
     background-size: 17px;
     background-repeat: no-repeat;
     font-size: 0px;
     background-position: 4px;
}
 .image_employeeTable {
     width: 20px;
     height: 20px;
     background-size: 20px;
     background-position: center;
     border-radius: 50%;
}
 [id*=selectCol] table {
     width: 100%;
}
 .employeeTable {
     display: inline-block;
     font-family: Work sans;
}
 .employeeTable .employeeTable_image {
     display: inline-block;
     float: left;
     width: 100%;
}
 .employeeTable .employeeTable_name {
     display: inline-block;
     float: left;
     width: 100%;
     color: #333333;
     font-size: 11px;
     font-weight: 600;
     margin-top: 5px;
}
 .employeeTable .employeeTable_name div {
     display: inline-block;
     float: left;
     color: #333333;
     font-size: 11px;
     font-weight: 600;
     margin-top: 5px;
     margin-left: 5px;
     text-align: center;
     white-space: nowrap;
}
 .employeeTable .employeeTable_name .fa {
     color: #CCCCCC;
     cursor: pointer;
}
 .employeeTable .employeeTable_bar {
     display: inline-block;
     float: left;
     width: 90%;
     margin: 5px 0% 0% 0%;
}
 .employeeTable .employeeTable_bar .et_bar {
     background: #F5F5F5;
     width: 80%;
     float: left;
     height: 10px;
     border-radius: 3px;
}
 .employeeTable .employeeTable_bar .et_bar_color {
     float: left;
     border-radius: 3px;
     height: 10px;
}
 .employeeTable .employeeTable_bar .et_bar_value {
     float: left;
     margin-left: 5px;
     width: 5%;
     font-size: 11px;
     color: #777777;
     font-weight: 700;
}
 .textEllipsis {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .titulo1fillform {
     color: #08b0ba;
     font-family: "work sans" !important;
     font-size: 20px !important;
     font-weight: 600 !important;
     clear: both;
     text-align: left;
     float: left !important;
}
 .subtitulo1fillform {
     font-family: "work sans" !important;
     font-size: 15px !important;
     font-weight: 600 !important;
     text-align: left;
     float: left !important;
}
 .descripcion1fillform {
     font-family: "work sans" !important;
     font-size: 14px !important;
     line-height: 150%;
     font-weight: 400 !important;
     text-align: left;
     float: left !important;
}
 .factor1fillform {
     color: #08b0ba;
     font-family: "work sans" !important;
     font-size: 15px !important;
     line-height: 150%;
     font-weight: 600 !important;
     text-align: left;
     float: left !important;
}
 .titulo2fillform {
     font-family: "work sans" !important;
     font-size: 20px !important;
     font-weight: 600 !important;
     text-align: left;
     float: left !important;
}
 .subtitulo2FillForm {
     font-family: "work sans" !important;
     font-size: 14px !important;
     font-weight: 600 !important;
     text-align: left;
     float: left !important;
}
 .descripcionboldfillform {
     font-family: "work sans" !important;
     font-weight: 500 !important;
     font-size: 14px !important;
     line-height: 150%;
     text-align: left;
     float: left !important;
}
 .barTitle_calGoal {
     background: #fefefe;
     display: inline-flex;
     width: calc(100% + 22px);
     float: right;
     padding-left: 42px;
     margin-bottom: 40px;
     margin-top: -20px;
}
 .barTitle_calGoal .sec {
     float: left;
     margin: 20px 5px 10px 5px;
     display: inline-block;
}
 .barTitle_calGoal .tittle_1 {
     font-size: 25px;
     font-weight: 600;
}
 .barTitle_calGoal .subtitle_1 {
     font-size: 11px;
     font-weight: 600;
     float: left;
     margin: 10px 5px 5px 5px;
}
 .width_icon_20 {
     width: 20px;
     height: 20px;
     background-size: 20px;
     border-style: solid;
     border-width: 1px;
}
 .borderDashedColor1 {
     border-width: 2px;
     border-style: dashed;
}
 .text_with_ellipsis {
     text-overflow: ellipsis;
     overflow: hidden;
}
 .download_evidence_boss {
     cursor: pointer;
}
 .download_evidence_collaborator {
     cursor: pointer;
}
 .squareColor {
     display: inline-block;
     height: 35px;
     width: 35px;
}
 .squareColor .squareColor_figure {
     width: 35px;
     height: 35px;
     border-radius: 7px;
     opacity: 0.1;
}
 .squareColor .squareColor_text {
     width: 35px;
     text-align: center;
     font-weight: 600;
     line-height: 35px;
     height: 35px;
     position: relative;
     top: -35px;
}
 .breakWord {
     overflow-wrap: break-word !important;
}
 .boxInput {
     border-bottom: 1px solid #EBEBEB;
     display: inline-block;
     padding: 30px !important 
}
 .new_input table tbody tr td {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 10px;
     border-radius: 5px;
}
 .new_input table tbody tr td.new_borderInput {
     border-style: solid;
     border-width: 0px;
     border-left-width: 4px;
     border-radius: 3px;
}
 .new_input table tbody tr td input {
     float: left;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0px 0px 0px 0px !important;
}
 .new_input table tbody tr td label {
     float: left !important;
     margin: 0px 0px 0px 15px !important;
}
 .new_panelHead {
     /*background: #3E4452;*/
     background: #ffffff;
     height: 100px;
}
 .new_captcha {
     display: inline-block;
}
 .new_radar_tooltip {
     cursor: pointer;
}
 .new_panelHead .new_panelHead_title {
     color: #171819;
     margin-top: 40px !important;
     margin-left: 20px !important;
}
 .new_radar_tooltip .new_radar_tooltiptext {
     visibility: hidden;
     width: 70px;
     background-color: #FAFAFA;
     border: 1px solid #555555;
     color: #555555;
     text-align: center;
     border-radius: 6px;
     padding: 5px 0;
     position: absolute;
     z-index: 1;
     bottom: 125%;
     left: 75%;
     margin-left: -60px;
     opacity: 0;
     transition: opacity 0.3s;
     display: inline-block;
     height: 43px;
}
 .new_radar_tooltip .divContent {     
     display: inline-block;
     width: 100%;
     margin-top: 3px;
}
 .new_radar_tooltip .divline1, .new_radar_tooltip .divline2 {
     display: inline-block;
     float: left;
     width: 100%;
     clear: both;
}
 .new_radar_tooltip .divColor1, .new_radar_tooltip .divColor2 {
     width: 9px;
     height: 9px;
     margin-left: 10px;
     float: left;
     border-radius: 2px;
}
 .new_radar_tooltip .divText1, .new_radar_tooltip .divText2 {
     font-size: 9px;
     text-align: left;
     margin-left: 23px;
     margin-top: -3px;
}
 .new_radar_tooltip .new_radar_tooltiptext::after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: #555 transparent transparent transparent;
}
 .new_radar_tooltip:hover .new_radar_tooltiptext {
     visibility: visible;
     opacity: 1;
}
 .new_containt_modal {
     background: #FFF;
     padding: 1px;
}
 .new_containt_modal .goalsList {
     display: inline-block;
     width: 100%;
     overflow: auto;
}
 .new_containt_modal .goalsList li {
     background: #FFF;
     padding: 15px;
     border-radius: 5px;
     display: inline-block;
     width: 100%;
     margin: 5px 0px;
}
 .new_containt_modal .goalsList li div {
     float: left;
     display: inline-block;
     margin-left: 10px;
     font-size: 12px;
}
 .new_panelHead .new_panelHead_buttonRight {
     margin-top: 30px !important;
     margin-right: 20px !important;
}
 .new_panelHead_2 {
     background: #3E4452;
     height: 150px;
}
 .new_panelHead_2 .new_panelHead_title {
     color: #FFFFFF;
     margin-top: 60px !important;
     margin-left: 40px !important;
}
 .new_panelHead_2 .new_panelHead_image {
     margin-top: 25px !important;
     margin-left: 40px !important;
}
 .new_panelHead_2 .new_panelHead_image .upload_image2 {
     background: #FFF;
}
 .new_panelHead_2 .new_panelHead_title2 {
     display: inline-block;
     margin-top: 45px;
     margin-left: 25px;
     max-width: 65%;
}
 .new_panelHead_2 .new_panelHead_title2 .new_panelHead_sub {
     margin-bottom: 15px;
     display: inline-block;
}
 .new_panelHead_2 .new_panelHead_title2 .new_panelHead_sub .new_panelHead_sub1, .new_panelHead_2 .new_panelHead_title2 .new_panelHead_sub .new_panelHead_sub1 a{
     color: #9EA1A8;
     font-size: 11px;
     font-weight: 600;
     float: left;
}
 .new_panelHead_2 .new_panelHead_title2 .new_panelHead_sub .new_panelHead_sub2 {
     color: #777777;
     font-size: 11px;
     font-weight: 600;
     float: left;
     margin-left: 10px;
}
 .new_panelHead_2 .new_panelHead_title2 .new_panelHead_sub .new_panelHead_sub3 {
     color: #FFFFFF;
     font-size: 11px;
     float: left;
     margin-left: 10px;
}
 .new_panelHead_2 .new_panelHead_title2 .new_panelHead_tit, .new_panelHead_2 .new_panelHead_title2 .new_panelHead_tit div {
     font-size: 20px;
     color: #FFFFFF;
     font-weight: 500;
}
 .new_panelHead_2 .new_panelHead_buttonRight {
     margin-top: 50px !important;
     margin-right: 20px !important;
}
 .mod_tabs_1 {
     height: auto !important;
     margin-bottom: 0px;
     background-color: #FFFFFF !important;
}
 .mod_tabs_1 .ui-tabs-nav {
     width: 100%;
     -webkit-box-shadow: 0px 6px 20px -7px rgba(0, 0, 0, 0.26);
     -moz-box-shadow: 0px 6px 20px -7px rgba(0, 0, 0, 0.26);
     box-shadow: 0px 6px 20px -7px rgba(0, 0, 0, 0.26);
}
 .mod_tabs_1 .ui-tabs-panel {
     padding: 0px;
}
 .mod_tabs_1 .ui-tabs-panels {
     padding: 0px;
}

 .dashed_box {
     height: 40px;
     border-radius: 5px;
     border-width: 2px;
     border-style: dashed;
     margin: 10px;
}
 .dashed_box .back_dashed_box {
     height: 36px;
     opacity: 0.25;
}
 .dashed_box .text_dashed_box {
     position: relative;
     height: 40px;
     margin-top: -38px;
     padding-top: 14px;
}
 .dashed_box_2 {
     height: 170px;
     border-radius: 5px;
     border-width: 2px;
     border-style: dashed;
     width: 270px;
}
 .dashed_box_2 .back_dashed_box {
     height: 167px;
     opacity: 0.25;
}
 .dashed_box_2 .text_dashed_box {
     position: relative;
     height: 170px;
     margin-top: -101px;
     padding-top: 130px;
}
 .dashed_box_2 .image_dashed_box {
     position: relative;
     height: 65px;
     width: 65px;
     background-size: 65px;
     margin-top: -133px;
     margin-left: 100px;
}
 .dashed_box_3{
     height: 170px;
     border-radius: 5px;
     border-width: 2px;
     border-style: dashed;
     width: 300px;
}
 .dashed_box_3 .back_dashed_box{
     height: 167px;
     opacity: 0.25;
}
 .dashed_box_3 .text_dashed_box{
     position: relative;
     height: 170px;
     margin-top: -110px;
     padding-top: 130px;
}
 .dashed_box_3 .image_dashed_box{
     position: relative;
     height: 65px;
     width: 65px;
     background-size: 65px;
     margin-top: -133px;
     margin-left: 113px;
}
 .dashed_box_4 {
     height: 80px;
     border-radius: 5px;
     border-width: 2px;
     border-style: dashed;
     width: 100%;
}
 .dashed_box_4 .back_dashed_box {
     height: 77px;
     opacity: 0.25;
}
 .dashed_box_4 .text_dashed_box {
     position: relative;
     height: 80px;
     margin-top: -39px;
     padding-top: 50px;
}
 .dashed_box_4 .iconAwesome_dashed_box {
     position: relative;
     height: 20px;
     width: 20px;
     font-size: 20px;
     margin-top: -60px;
}
 .dashed_box_5 {
     height: 140px;
     border-radius: 5px;
     border-width: 2px;
     border-style: dashed;
}
 .dashed_box_5 .back_dashed_box {
     height: 137px;
     opacity: 0.25;
}
 .dashed_box_5 .text_dashed_box {
     position: relative;
     height: 137px;
     margin-top: -97px;
     padding-top: 115px;
}
 .dashed_box_5 .image_dashed_box {
     position: relative;
     height: 80px;
     width: 80px;
     background-size: 65px;
     margin-top: -125px;     
     background: #FFFFFF;
}
 .height330 {
     height: 330px;
}
 .height270 {
     height: 270px;
}
 .new_table_goals {
     display: inline-block;
}
 .new_table_goals table {
     border-color: rgba(0, 0, 0, 0);
     display: inline-block;
}
 .new_table_goals table thead {
     background: #EFEFEF;
     width: 100%;
     float: left;
}
 .new_table_goals table thead span {
     text-align: left;
     float: left;
}
 .new_table_goals table tbody {
     display: inline-block;
     width: 100%;
}
 .new_table_goals table tbody tr {
     background: #FAFAFA;
     margin-bottom: 5px;
     margin-top: 5px;
     display: inline-block;
     width: 100%;
}
 .new_table_goals table tbody tr td {
     text-align: left !important;
}
 .margintop30m {
     margin-top: -30px;
}

 .new_list_item .contentExt_new_list_item {
     float: left;
     width: 100%;
     border-top: 1px solid #EBEBEB;     
}
 .new_list_item .content_new_list_item {
     float: left;
     margin-bottom: 18px;
}
 .new_list_item .content2_new_list_item {
     float: left;
     width: 48%;
     padding-left: 1%;
     margin-bottom: 10px;
}
.new_list_item .contentExt_new_list_item table {
    border: none;
}
.new_list_item .contentExt_new_list_item table tr td {
	text-align: left !important;
}
 .new_list_item .content2_new_list_item:FIRST-CHILD {
     padding-left: 0% !important;
}
 .new_list_item .label_new_list_item {
     float: left;
     font-weight: 600;
     font-size: 12px;
     margin-bottom: 5px;
     color: #333333;
     text-transform: uppercase;
}
 .new_list_item .value_new_list_item {
     float: left;
     font-size: 12px;
     color: #777777;
}
 .new_list_item .input_new_list_item {
     float: left;
     min-width: 40%;
}
 .new_list_item .content2_new_list_item .input_new_list_item {
     min-width: 83%;
}
 .new_list_item .input_new_list_item input {
     font-size: 12px !important;
     color: #333333;
}
 .new_list_item .input_new_list_item_2 {
     float: left;
     min-width: 40%;
}
 .new_list_item .content2_new_list_item .input_new_list_item_2 {
     min-width: 83%;
}
 .new_list_item .content2_new_list_item .input_new_list_item_3 {
     min-width: 100%;
}
 .new_list_item .content_new_list_item .input_new_list_item .ui-state-disabled,
 .new_list_item .content2_new_list_item .input_new_list_item_3 .ui-state-disabled {
     background: #F1F1F1;
}
 .new_list_item .iconAwesome_new_list_item {
     width: 50px;
     height: 50px;
     background: #F5F5F5;
}
 .new_list_item .iconAwesome_new_list_item i {
     margin-top: 16px;
     font-size: 20px;
}
 .new_list_item .input_new_list_item_2 input {
     font-size: 12px !important;
     color: #333333;
}

 .new_list_item .content_sec_new_list_item .sec_new_list_item {
     border-bottom: 1px solid #EBEBEB;
     margin-bottom: 30px;
}
 .new_list_item .content_sec_new_list_item .sec_new_list_item:LAST-CHILD {
     border-bottom: 0px solid #EBEBEB;
     margin-bottom: 0px;
}
 .new_list_item .content_sec_new_list_item .sec_new_list_item .last_sec {
     margin-bottom: 30px;
}
 .new_list_item .content_sec_new_list_item .sec_new_list_item:LAST-CHILD .last_sec {
     margin-bottom: 0px;
}
.new_list_item .contentExt_new_list_item.fileUploader .fileUploadLogoNewCompany {
	width: 1px;
	height: 1px;
	position: absolute;
	top: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
.new_list_item .contentExt_new_list_item.fileUploader {
    height: auto;
    position: relative;
    display: inline-block;
    line-height: 27px;
}
.new_list_item .contentExt_new_list_item.fileUploader label {
	text-transform: capitalize;
}
.new_list_item .contentExt_new_list_item.fileUploader .btnSelectFile {
	border: 1px solid #C4C4C4;
	padding: 5px 10px;
	border-radius: 2px;
	color: #333;
	cursor: pointer;
}
.new_list_item .contentExt_new_list_item.fileUploader .selectedFileNameText {
	text-transform: none;
	color: #999;
}
.input_new_list_item.logsSearch {
	max-width: 335px;
}

 .employee_edit_photo{
     z-index: 20; 
     position: relative;
     padding: 33px;
}

 .width52p {
     width: 52% !important;
}
 .splitBot_azul2 {
     display: inline-block;
}
 .splitBot_azul2 .ui-button-text-only {
     border: 0px !important;
     color: white !important;
     text-decoration: none !important;
     font-family: work sans, sans-serif;
     border-radius: 5px 0px 0px 5px;
     font-weight: 600;
     display: block;
}
 .splitBot_azul2 .ui-splitbutton-menubutton {
     border-left-width: 1px;
     text-decoration: none !important;
     border-radius: 0px 5px 5px 0px;
     font-weight: 600;
     text-decoration: none !important;
     display: block;
     border-left-color: rgba(255, 255, 255, 0.3);
     border-left-style: solid;
     border-right-width: 0px;
     border-top-width: 0px;
     border-bottom-width: 0px;
     padding-top: 15px;
}
 .splitBot_azul2 button .ui-icon-triangle-1-s {
     border-top: 6px solid #FFF !important;
}
 .new_panelHead_buttonRight .splitBot_azul2 button:HOVER {
     opacity: 0.75;
}
.containerBtnLabelsOptions .splitBot_azul2 .ui-button-text-only {
	text-transform: capitalize;
}
 [id*=separatorMenuitem] li.ui-separator.ui-state-default {
     background: #EFEFEF;
     padding: 1px 
}
 .separatorDiv {
     background: #f1f1f1;
     width: 100%;
     height: 30px;
}
 .separatorDiv2 {
     background: #f1f1f1;
     width: 100%;
     height: 40px;
}
 .bot_darkBlue2 {
     border: 2px solid #fff;
     border-radius: 5px;
     background: #3E4452;
     color: #FFFFFF;
     font-size: 13px !important;
     padding: 15px;
     margin-right: 10px;
     font-weight: 600;
}
 .bot_darkBlue2:hover {
     border: 2px solid #535353;
     color: #535353;
     background: #FEFEFE;
     display: block;
}
 .buttonAwesome {
     height: 20px;
     width: 20px;
}
 .buttonAwesome a {
     height: 20px;
     width: 20px;
}
 .buttonAwesome a i {
     font-size: 15px;
}
 .fontGrayFirstBlack:FIRST-CHILD .fontGrayFirstBlack_text {
     color: #333333;
}
 .fontGrayFirstBlack .fontGrayFirstBlack_text {
     color: #777777;
}
 .new_table_accordion {
     display: inline-block;
     width: 100%;
     padding: 15px 30px;
}
 .new_table_accordion * {
     font-size: 12px;
     font-family: Work Sans, sans-serif;
}
 .new_table_accordion .new_table_accordion_head {
     width: 100%;
     display: inline-block;
}
 .new_table_accordion .new_table_accordion_head .new_table_accordion_tr {
     background: #FAFAFA;
}
 .new_table_accordion .new_table_accordion_body {
     width: 100%;
     display: inline-block;
}
 .new_table_accordion .new_table_accordion_tr {
     width: 100%;
     display: inline-block;
     padding: 10px 15px;
     border: 1px solid #EBEBEB;
     margin-top: -4px;
}
 .new_table_accordion .new_table_accordion_body .new_table_accordion_tr {
     background: #FFFFFF;
}
 .new_table_accordion .new_table_accordion_td {
     float: left;
     padding: 5px;
     display: inline-block;
}
 .new_table_accordion .new_table_accordion_arrow {
     float: left;
     padding: 5px;
     display: inline-block;
}
 .new_table_accordion .new_table_accordion_content {
     width: 100%;
     float: left;
     display: inline-block;
}
 .new_table_accordion .new_table_accordion_content_tr {
     width: 98.5%;
     display: inline-block;
     margin-left: 0.8%;
     padding: 10px 15px;
     border: 1px solid #EBEBEB;
     margin-top: -4px;
     background: #FAFAFA;
}
 .new_table_accordion .new_table_accordion_content_td {
     float: left;
     padding: 5px;
     display: inline-block;
}

 .new_table_prime thead {
     background-color: #EBEBEB;
}
 .new_table_prime thead tr th span {
     font-family: Work Sans, sans-serif;
     font-weight: 600;
     font-size: 12px;
     color: #333;
}
 .new_table_prime thead tr{
     width: 100%;
}
 .new_table_prime tbody tr td .new_table_prime_text {
     color: #777777 !important;
     font-size: 11px;
     padding-top: 10px;
}
 .new_table_prime .new_table_prime_column1 .new_table_prime_text1, .new_table_prime_text1 {
     color: #333333 !important;
     font-weight: 600 !important;
     font-size: 11px;
}
 .new_table_prime_2{
     border: 1px solid #BEBEBE;
}
 .new_table_prime_2 * {
     font-family: Work Sans, sans-serif;
}
 .new_table_prime_2 thead th{
     padding: 15px 25px;
}
 .new_table_prime_2.mod_padding thead th{
     padding: 15px;
}
 .new_table_prime_2 thead th span,
 .new_table_prime_2 tr.tableHeaders th {
     font-size: 12px;
     font-weight: 600;
     color: #333333;
}
 .new_table_prime_2 tbody td {
     border-style: solid !important;
     border-color: #EBEBEB !important;
     border-width: 1px 0px 1px 0px !important;
     padding: 25px;
     vertical-align: middle;
}
.new_table_prime_2 tr.tableHeaders {
	background-color: #f1f1f1;
}
.new_table_prime_2 tr.tableHeaders th {
	text-transform: uppercase;
}
 .new_table_div * {
     font-family: Work Sans, sans-serif !important;
}
 .new_table_div .new_table_div_body{
     display: inline-block;
     float: left;
}
 .new_table_div .new_table_div_tr_1{
     display: inline-block;
     float: left;
     background: #FAFAFA;
     width: 100%;
     padding: 15px 20px;
     border: 1px solid #EBEBEB;
}
 .new_table_div .new_table_div_tr_2{
     display: inline-block;
     float: left;
     border: 1px solid #EBEBEB;
     padding: 20px;
     width: 100%;
}
 .new_table_div .new_table_div_td_1{
     display: inline-block;
     float: left;
}
 .new_table_div .new_table_div_td_2{
     display: inline-block;
     float: left;
     width: 100%;
}
 .new_border_image {
     border-radius: 50%;
     border-width: 2px;
     border-style: solid;
     display: inline-block;
     overflow: hidden;
}
 .new_list_gray {
     display: inline-block;
     width: 100%;
}
 .new_list_gray .new_list_gray_content {
     display: inline-block;
     width: 100%;
     float: left;
     background: #FAFAFA;
     padding: 20px 30px;
     margin-bottom: 10px;
}
 .textdecorationunderline {
     text-decoration: underline;
}
 .box_div {
     padding: 15px;
     border: 1px solid #CCCCCC;
     margin-top: 10px;
     min-height: 120px;
     font-size: 12px;
     color: #777777;
     line-height: 14px;
}
 .white_box_goals{
     background: #FFFFFF;
     display: inline-block;
     margin-top: 30px;
     width: 100%;
     padding: 20px;
     border-radius: 5px;
}
 .new_box {
     padding: 20px;
     border: 1px solid #EBEBEB;
}
 .mod_select_radio_checkbox table{
     border: 0px;
}
 .mod_select_radio_checkbox .ui-radiobutton {
     width: 16px;
     height: 16px;
     border-radius: 1px;
     border: solid 0px #999999;
}
 .mod_select_radio_checkbox .ui-radiobutton .ui-state-default {
     border-radius: 2px;
     height: 14px;
     width: 14px;
     border: solid 1px #999999;
}
 .mod_select_radio_checkbox .ui-radiobutton .ui-state-active {
     width: 14px;
     height: 14px;
     border: solid 0px #cccccc;
     border-radius: 2px;
     margin: 0px;
     background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/checkbox_ok.svg);
     background-size: 12px;
     background-repeat: no-repeat;
     background-position: 1px 2px;
}
 .mod_select_radio_checkbox .ui-icon {
     height: 13px;
     width: 13px;
}
 .mod_select_radio_checkbox label{
     padding-top: 0px;
     text-transform: none;
     font-size: 11px;
     color: #333333 !important;
}
 .new_table_goals table tbody tr td{
     text-align: left !important;
}
 .zindex10{
     z-index: 10;
}
 .tabs_2{
     display: inline-block;
}
 .tabs_2 .ui-tabmenu-nav{
     float: left;
     display: inline-block;
}
 .tabs_2 .ui-tabmenu-nav .ui-tabmenuitem{
     display: inline-block;
     float: left;
     margin-left: 20px;
}
 .tabs_2 .ui-tabmenu-nav .ui-tabmenuitem span{
     font-family: Work Sans, sans-serif;
     font-size: 12px;
     color: #777777;
     font-weight: 600;
}
 .tabs_2 .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
     padding: 5px 10px;
     margin-top: -5px;
     border-radius: 4px;
}
 .tabs_2 .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active span{
     color: #FFFFFF;
     font-weight: 600;
}
 .tabs_2 .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active:hover{
     opacity: 0.8;
}
 .tabs_2 .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active span:hover{
     color: #F1F1F1;
}

 .new_table_prime thead{
     background-color: #EBEBEB;
}
 .new_table_prime thead tr th span{
     font-family: Work Sans, sans-serif;
     font-weight: 600;
     font-size: 12px;
     color: #333;
}
 .new_table_prime tbody tr td .new_table_prime_text{
     color: #777777 !important;
     font-size: 11px;
     padding-top: 10px;
}
 .new_table_prime .new_table_prime_column1 .new_table_prime_text1{
     color: #333333 !important;
     font-weight: 600 !important;
     font-size: 11px;
}
 .new_table_prime.new_table_prime_mod1 tbody tr td{
     height: 65px;
     border-color: #EBEBEB;
     border-style: solid;
     border-width: 0px;
     border-bottom-width: 1px;
}
.new_table_prime.new_table_prime_mod10 tbody tr td,
.tableEmployeesRequest .new_table_prime.new_table_prime_mod10 tbody tr td {
     height: auto;
     border-color: #EBEBEB;
     border-style: solid;
     border-width: 0px;
     border-bottom-width: 1px;
}
.tableEmployeesRequest .new_table_prime.new_table_prime_mod10 tbody tr td {
	vertical-align: middle;
}
 .new_table_prime.new_table_prime_mod2 tbody tr{
     border-color: #EBEBEB;
     border-style: solid;
     border-width: 0px;
     border-bottom-width: 1px;
     display: flex;
     align-items: center;
}
 .new_table_prime.new_table_prime_mod2 tr{

     width: 100%; 
     margin-bottom: 10px;	    
    display: inline-block;
}
 .new_table_prime.new_table_prime_mod2 tbody tr td{
     min-height: 65px;
}
 .new_table_prime.new_table_prime_mod1 tbody tr td > *{
     margin-top: 14px;
     font-size: 14px;
     color: #282C36;
}
 .new_table_prime.new_table_prime_mod1 .ui-datatable-empty-message td{
     padding-top: 20px;
     font-size: 13px;
     color: #333333 !important;
}

 .new_table_prime.new_table_prime_mod2 .ui-datatable-empty-message td{
    width: 100%;
	min-height: auto;
}
 .new_table_prime.new_table_prime_mod1 tr:hover{
   /*  background-color: #FBFBFB;*/
}
.bestYellow_medalls{
     background-color: #fcf4db !important;
}
 .bestYellow_medalls .text_name_medalls{
}
 .gold_medall {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/gold.svg);
     height: 25px;
     width: 20px;
     background-size: 18px;
     background-repeat: no-repeat;
}
 .silver_medall {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/silver.svg);
     height: 25px;
     width: 20px;
     background-size: 18px;
     background-repeat: no-repeat;
}
 .tdBorderRight{
     border-color: #EBEBEB;
     border-style: solid;
     border-width: 0px;
     border-right-width: 1px !important;
}
 .bronze_medall {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/bronze.svg);
     height: 25px;
     width: 20px;
     background-size: 18px;
     background-repeat: no-repeat;
}
 .table_simple{
     display: inline-block;
     float: left;
     width: 100%;
}
 .table_simple .table_simple_body{
     display: inline-block;
     float: left;
     width: 100%;
}
 .table_simple .table_simple_body .table_simple_tr{
     display: inline-block;
     float: left;
     width: 100%;
     border: 1px solid #EBEBEB;
}
 .table_simple .table_simple_body .table_simple_tr:hover{
     background-color: #FBFBFB;
}
 .table_simple .table_simple_body .table_simple_tr .table_simple_td{
     display: inline-block;
     float: left;
}
 .gray_image_medal img{
     filter: url('#grayscale');
    /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
    /* Para cuando es estandar funcione en todos */
     filter: Gray();
    /* IE4-8 and 9 */
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .gray_image_medal img:hover {
     -webkit-filter: grayscale(80%);
     -moz-filter: grayscale(80%);
     -ms-filter: grayscale(80%);
     -o-filter: grayscale(80%);
     filter: grayscale(80%);
    /* Para cuando es estandar funcione en todos */
     filter: Gray();
    /* IE4-8 and 9 */
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .new_medal_block,
  .new_medal_block2{
     width: 31%;
     float: left;
     background: #FAFAFA;
     margin: 10px;
     padding: 0px;
     height: 100px;
     border-radius: 5px;
     border: 2px solid #FAFAFA;
}

.new_medal_block2{
     margin: 1% 2%;
     height: 145px;
}

.new_medal_block2:hover {
	background-color: #EAEAEA;
	border: 2px solid #08b0ba;
}

.new_medal_block2:hover img {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	filter: grayscale(0%);
}
.new_medal_block .contentMedal,
.new_medal_block2 .contentMedal {
	position: relative; 
	top: 50%;
	-webkit-transform: translateY(-85%);
	-moz-transform: translateY(-85%);
	-ms-transform: translateY(-85%);
	-o-transform: translateY(-85%);
	transform: translateY(-85%);
}
.new_medal_block .contentMedal .medalTitle,
.new_medal_block2 .contentMedal .medalTitle{
	line-height: 10px;
    padding: 0px 5px;
}
.new_medal_block .contentMedal .medalCategory,
.new_medal_block2 .contentMedal .medalCategory {
	line-height: 10px;
    padding: 0px 5px;
    margin-top: 3px;
}

.new_modal_directory,
.formHisSecond .new_modal_directory {
	position: relative;
    width: 100%;
    float: left;
    background: white;
    margin: 10px;
    padding: 0px 15px;
    min-height: 275px;
    max-height: 280px;
    border-radius: 7px;
    border: 2px solid #FAFAFA;
}
.new_modal_directory .employeePosDirectory {
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;	
}
.new_modal_directory .employeeNameDirectory {
	font-size: 1rem;
	line-height: 1.1rem;
}
.new_modal_directory .userFooterDirectory {
	height: auto;
    padding: 9px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #f3f3f3 !important;
    border: 2px solid #D4D4D4;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    font-family: 'Work Sans', sans-seirf;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.formHisSecond .new_modal_directory {
	font-family: 'Work Sans', sans-serif;
	font-size: 1.1rem;
	color: #333;
	width: 85%;
	max-width: 90%;
	margin: 0px 5% 35px;
	-webkit-box-shadow: 1px 3px 12px 5px rgba(207,207,207,0.5);
	-moz-box-shadow: 1px 3px 12px 5px rgba(207,207,207,0.5);
	box-shadow: 1px 3px 12px 5px rgba(207,207,207,0.5);
	cursor: pointer;
}
.formHisSecond table {
	width: 100%;
}
.formHisSecond table tr td {
	padding: 0px;
}

.new_medal_inac img {
     border: 0 !important;
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
}
 .new_medal_inac img:hover {
     -webkit-filter: grayscale(0%);
     -moz-filter: grayscale(0%);
     -ms-filter: grayscale(0%);
     -o-filter: grayscale(0%);
     filter: grayscale(0%);
     cursor: pointer;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .new_medal_inac img {
         opacity: 0.4;
    }
     .new_medal_inac img:hover {
         opacity: 1;
    }
}
 .new_medal_select{
     border: 1px solid #BDD262;
}
 .corner_medal_container{
     position: relative;
     height: 0px;
}
 .corner_medal_select{
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 20px;
     border-top: solid 10px #BDD262;
     border-left: solid 10px #BDD262;
     border-right: solid 10px transparent;
     border-bottom: solid 10px transparent;
     border-radius: 15px 0px 100px 0px;
}
 .corner_medal_text{
     height: 0px;
     position: relative;
     top: -17px;
     font-size: 8px;
     left: 2px;
     color: #FFFFFF;
     font-weight: 600;
}
 .box_medal{
     background: #FAFAFA;
     padding: 20px;
     border-radius: 5px;
}
 .loader_2 {
     height: 4px;
     width: 100%;
     position: relative;
     overflow: hidden;
     background-color: #ddd;
}
 .loader_2:before{
     display: block;
     position: absolute;
     content: "";
     left: -200px;
     width: 200px;
     height: 4px;
     animation: loading 2s linear infinite;
}
 @keyframes loading {
     from {
        left: -200px;
         width: 30%;
    }
     50% {
        width: 30%;
    }
     70% {
        width: 70%;
    }
     80% {
         left: 50%;
    }
     95% {
        left: 120%;
    }
     to {
        left: 100%;
    }
}
 .tabIconNumeric .icon_tabIconNumeric{
     width: 20px;
     height: 20px;
     color: #FFF;
     display: inline-block;
     background: #777777;
     border-radius: 50%;
     top: 9px;
     position: relative;
     text-indent: 0px;
     margin-right: 5px;
}
 .tabIconNumeric{
     height: 60px !important;
}
 .tabIconNumeric ul{
     width: 100%;
     margin-top: 11px;
}
 .tabIconNumeric ul li a{
     padding-bottom: 6px;
}
 .tabIconNumeric .ui-menuitem-text{
     font-size: 13px;
}
 .tabIconNumeric .icon_tabIconNumeric div{
     position: relative;
     top: -10px;
     font-size: 10px;
}
 .tabIconNumeric .ui-state-active .icon_tabIconNumeric{
     width: 20px;
     height: 20px;
     color: #FFF;
     display: inline-block;
     border-radius: 50%;
     top: 9px;
     position: relative;
     text-indent: 0px;
     margin-right: 5px;
}
 [id*=separatorMenuitem_menu] {
     width: auto !important;
}
 .button_relief:active{
     background-color: #08b0ba;
     box-shadow: 0 1px #666;
     transform: translateY(4px);
}
 .button_relief:hover{
     background: #08b0ba;
}
 .button_relief{
     background: #08b0ba;
     padding: 10px 20px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     border-radius: 5px;
     border-color: #08b0ba;
     text-transform: uppercase;
     font-weight: 600;
     min-width: 80px;
     float: left;
     font-size: 20px !important;
}
 .new_list_item .list_curriculum{
     padding: 0px 10px;
} 
 .new_list_item .list_curriculum .list_curriculum_title{
     font-weight: 600;
     font-size: 12px !important;
     text-align: left;
    float: left !important;    
}

 .new_list_item .list_curriculum .list_curriculum_value{
     text-align: left;
    float: left !important;   
    text-align: left;
    margin-top: 5px;
    font-size: 11px !important;
    width: 100%;            
}
.download_menuItem {
    background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/download.svg) no-repeat;
    background-size: 15px;
}
 .download_menuItem span {
   margin-left: 20px;
    font-size: 12px;
}
 .trashRed_menuItem {
     background: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/trashRed.svg) no-repeat;
    background-size: 15px;
}

.trashRed_menuItem span {

     margin-left: 20px;
     font-size: 12px;
}

.restorePass{
	display: inline-block;
	border-radius: 5px;
	padding: 30px !important;
	max-width: 600px;
	width: 100%;
	left: 20%;
}

.collaborators_count{
	background-color:black; 
	border-radius: 50%; 
	width: 20px; 
	text-align: center; 
	color: white; 
	margin-left: 3px ;
	float:left;
	left: 20%;
}

.newNineBox_contentExt{
     display: inline-block;
    width: 100%;    
    height: 590px;
    border-radius: 10px;
    margin: 20px 0px;
    padding: 5px;   
}


.newNineBox{
     display: inline-block;
    width: 100%;
    float: left;
    height: 550px;
}

.newNineBox .newNineBox_content{
     width: 75%;
     position: relative;
    padding: 20px;
    background-color: white;
    border-radius: 5px;
    margin-top: 10px !important;
    text-align: left;
    float: left !important;
    display: inline-block;
    height: 560px;
}

.newNineBox .newNineBox_axisX{
     width: calc(100% - 70px);
    position: absolute;
    left: 60px;
    top: 470px;
}

.newNineBox .newNineBox_rangeX{    
    width: 20px;
    float: left;
}
.newNineBox .newNineBox_rangeX:LAST-CHILD{   
    width: auto;
    float: left;
}

.newNineBox .newNineBox_axisY{
    width: 20px;
    position: absolute;
    left: 50px;
    top: 35px;
    height: 435px;
}
.newNineBox .newNineBox_rangeY{    
    float: left;
    width: 20px;
}
.newNineBox .newNineBox_rangeY:FIRST-CHILD{    
    float: left;
    width: 20px;    
}

.newNineBox .newNineBox_range_num{
    font-family: work sans !important;
    font-weight: 500 !important;
    color: rgb(120,120,120);
    font-size: 10px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}

.newNineBox .newNineBox_titleX{
    width: calc(100% - 50px);
    top: 500px;
    position: absolute;
    left: 50px; 
}
.newNineBox .newNineBox_titleY{
    width: 450px;
    text-align: right;
    margin-left: -450px !important;
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: rigth top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    margin-top: 7px;
    float: left !important;
}
.newNineBox .newNineBox_title_text{
    width: 100% !important;
    position: relative;
    font-family: work sans !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center; 
}


.newNineBox .newNineBox_nameRangeX{
    width: calc(100% - 75px);
    position: absolute;
    top: 475px;
    left: 60px;    
}
.newNineBox .newNineBox_contNameRangeX{    
    text-align: center;
    float: left; 
}
.newNineBox .newNineBox_nameRangeY{
    width: 435px;
    text-align: right;
    position: absolute;
    margin-left: -405px !important;
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: rigth top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;    
    float: left !important;
    margin-top: 15px;
}
.newNineBox .newNineBox_contNameRangeY{ 
    text-align: center;
    float: left;  
}
.newNineBox .newNineBox_nameRange_text{
    font-family: work sans !important;
    font-weight: 500 !important; 
    text-transform: uppercase;
    font-size: 11px !important;
    color: #282c36 !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}

.newNineBox .newNineBox_box{
    position: absolute;
    width: calc(100% - 70px);
    top: 39px;
    height: 427px;
    left: 70px;
    padding-right: 25px;
    display: inline-block;
}
.newNineBox .newNineBox_miniBox{   
     float: left;
     width: 100%;
     border: 1px solid #ebebeb;
     cursor: pointer;
}
.newNineBox .newNineBox_miniBox.selectable{  
     border: 2px solid #08b78d !important;
}
    
.newNineBox .newNineBox_miniBox_text{
     text-align: center;
    padding-top: 20px;
    font-family: work sans;    
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    
}

.newNineBox .newNineBox_contentInfo{
    width: 24%;
    margin-left: 1%;
    display: inline-block;
    height: 560px;
    position: relative;
    padding: 10px;
    background-color: white;
    border-radius: 5px;
    margin-top: 10px !important;
    text-align: left;
    float: left !important;
    overflow: auto;
}

.newNineBox .newNineBox_infoBox{
    display: none;
    margin-top: 30px;
    padding: 5px
}

.newNineBox .newNineBox_titleInfoBox{
    text-align: center;
}

.newNineBox .newNineBox_descInfoBox{
    text-align: left;
	margin-top: 20px;
    font-size: 12px;
}

.newNineBox .newNineBox_textInfoBox{
    margin-top: 20px;
    font-size: 13px;
    font-family: work sans !important;
}

.newNineBox .newNineBox_infoBoxInitial{ 
    font-family: work sans !important;
    font-size: 13px !important;
    text-align: center;
    padding: 5px;
    margin-top: 25px;
}

.newNineBox .newNineBox_data{
     width: calc(100% - 26px);    
    position: absolute;
}

.newNineBox .newNineBox_contentCircleData{
    width: 100%;
    height: 0px;
    position: relative;
}
.newNineBox .newNineBox_circleData{
    width: 35px;
    height: 35px;
    background: rgba(8,183,141,0.7);
    border-radius: 50%;
    border: 2px solid #08b78d;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 10px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    background-repeat: no-repeat;
}

.newNineBox .newNineBox_circleData_contentToolTip{
	display: none;
}
.newNineBox .newNineBox_circleData_trianguleToolTip{
	position: absolute;
    left: 6px;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 15px solid #111;	
}
.newNineBox .newNineBox_circleData_ToolTip{
	position: absolute;
    width: 100px;
    margin-left: -55px;
    margin-bottom: -45px;
    left: 20px;
    margin-top: 18px;
    background: #000;
    padding: 5px;
    border-radius: 5px;
    z-index: 100;
}
.newNineBox .newNineBox_circleData_ToolTip_name{
	font-size: 10px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
    color: #FFF;
    margin-top: 5px;	
}
.newNineBox .newNineBox_circleData_ToolTip_nameX_title{
	font-size: 8px;
	text-align: left;
	font-weight: 600;
	color: #FFF;
	float: left;
}
.newNineBox .newNineBox_circleData_ToolTip_nameX_value{
	font-size: 8px;
    text-align: left;
    color: #FFF;
    float: left;
    margin-left: 5px;
}

.newNineBox .newNineBox_infoBox_list{
    margin-bottom: 7px;
    display: inline-block;
    float: left;
    width: 100%;
    background: #FAFAFA;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
}

.newNineBox .newNineBox_infoBox_list_name{
    font-size: 12px;
    font-weight: 600;
    float: left;
}

.newNineBox .newNineBox_infoBox_list i{
	font-size: 12px;
    font-weight: 600;
    float: right;    
}


.newNineBox .newNineBox_infoBox_listDesc{
    display: none;
    float: left;
    margin-left: 5px;
}

.newNineBox .newNineBox_infoBox_lineDesc{
    display: inline-block;
    float: left;
    padding: 5px 11px;
    clear: both;
}

.newNineBox .newNineBox_infoBox_lineDescTitle{
	color: #111;
    font-size: 10px;
    text-align: left;
    font-weight: 600;    
    float: left;
}

.newNineBox .newNineBox_infoBox_lineDescValue{
	color: #111;
    font-size: 10px;
    text-align: left;
    margin-left: 5px;    
    float: left;
}

.newNineBox .newNineBox_infoBox_photo{
	display: none;
    width: 35px;
    height: 35px;
    float: left;
    margin-left: 15px;	
}

.newNineBox .newNineBox_infoBox_circleData{
	width: 35px;
    height: 35px;
    background: #08b78d;
    border-radius: 50%;
    border: 2px solid #08b78d;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 8px;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    background-repeat: no-repeat;
}

 .new_msg_1{	
					   
	border-radius: 5px;
}

 .new_msg_1 .new_msg_back{
	position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.25;    
}
 
 .new_msg_1 .new_msg_contentRel{
	position: relative;
    height: 100%;
    width: 100%;
}
 
 .new_msg_1 .new_msg_content{
	display: inline-block;
    width: 100%;
    height: 100%;
    padding: 20px;
}

 .new_msg_1 .new_msg_title{	
    font-weight: 600;
    font-size: 16px;
}

 .new_msg_1 .new_msg_text{
	margin-top: 10px;
    font-size: 14px;
    color: #282C36;
    line-height: 32px;
}

 .new_msg_1 .new_msg_button{
	margin-top: 10px;
}

.ui-datepicker-month{
	float: left;
	width: auto;
}

.ui-datepicker-year{
	float: left;
	width: auto;
	margin-left: 5px;
}

.ui-datepicker-title{  
	width: -moz-max-content; 
}

.header_twentyfour .ui-column-title{
	width: 100%;
}

.hvprofile{
	display: initial;
}

.dialog_height{
	height: 550px !important;
}

@-moz-document url-prefix() {
  .imgwidth {
    x: 60;
  } 
}

/*div que contiene ul*/
.recognitionautocomplete .ui-autocomplete {
    zoom: 1;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    display: inline-block;
}

/*ul*/
.recognitionautocomplete .ui-autocomplete-multiple-container {
	box-shadow: none;
    clear: left;
    cursor: text;
    list-style-type: none;
    margin: 0;
    min-height: 1px;
    overflow: hidden;
    width: 640px;
}

/*list item*/
.recognitionautocomplete .ui-autocomplete-token {
    cursor: default;
    float: left;
    overflow: hidden;
    padding: 1px 3px;
    white-space: nowrap;
    position: relative;
    margin: 2px;
}

/*list item input*/
.recognitionautocomplete .ui-autocomplete-input-token {
    float: left;
    list-style-type: none;
    margin: 1px;
    padding: 0;
}

.recognitionautocomplete .ui-autocomplete-input-token input {
    border: 0 none;
    width: 140px;
    outline: medium none;
    background-color: transparent;
    margin: 0px;
    height: auto;
}

.recognitionautocomplete .ui-widget :active{
	outline: none;
}

.recognitionautocomplete .ui-widget :focus{
	border: none !important;
}

.recognitionautocomplete .ui-autocomplete-multiple-container.ui-inputfield {
	width: 100%;
	max-width: 100%;
    padding: 0;
}

.recognitionautocomplete .ui-inputfield {
    margin: 0;
    outline: medium none;
    padding: 4px;
    font-weight: normal;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.recognitionautocomplete .ui-inputfield, .recognitionautocomplete .ui-widget-content .ui-inputfield, .recognitionautocomplete .ui-widget-header .ui-inputfield {
	background: #ffffff;
	color: #222222;
}

.recognitionautocomplete .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #f1f1f1;
	font-weight: normal;
	color: #363636;
}

.recognitionautocomplete .ui-widget {
	font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-size: 1em;
}

.recognitionautocomplete .ui-autocomplete-token-icon {
    margin-top: -4px;
    position: absolute;
    right: 0.2em;
    top: 50%;
    cursor: pointer;
}


.recognitionautocomplete .ui-icon {
    display: block;
    vertical-align: baseline;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.recognitionautocomplete .ui-icon {
    width: 16px;
    height: 16px;
}

.recognitionautocomplete .ui-state-active .ui-icon {
	background-image: url("../images/ico_cerrar2.png"); 
	background-size: inherit;
}

.recognitionautocomplete .ui-autocomplete-token-label {
    display: block;
    padding: 0em 2.1em 0em 0.5em;
 
}   
.fa-check-circle {
	color: #BDD262;
}

.fa-clock {
	color: #666666;
}


.table_no_head_background {
	border: 0px solid transparent !important;
	border-collapse: collapse !important;
}

.table_no_head_background thead {
	background: none;
	font-style: bold;
}

.table_no_head_background tbody {
	border-collapse: collapse !important;
}

.table_no_head_background tbody tr {
    height: 70px !important;
    background-color: rgb(249, 249, 249) !important;
    border-bottom: 5px solid white !important;
}


/* IE10+ CSS styles go here */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.new_input table tbody tr td {
		display: block !important;
	}
	
	.new_input table tbody tr td input {
	    float: none;
	    display: inline-block !important;
	}
	
	.new_input table tbody tr td label {
	    float: none !important;
	    display: inline-block !important;
	}
}

.weightstyle div.ui-cell-editor-input{
	width: 100px;
}

.styleHoursTime{
	font-weight: 600 !important;
	font-size: 3.5rem !important;
	margin-right: 0.5rem !important;
	/* font-family: Comic Sans MS !important; */
	font-family: Work Sans, sans-serif;
	line-height: 1 !important;
	color: #383847 !important;
 	display: inline-block;
}
.styleHoursTime.minutes, .styleHoursTime.seconds {
	width: 80px;	
}
#recMoreInfoRequ .popup_editar_evaluadores_request {
    width: 600px !important;
    height: 550px !important;
    background-color: #FFF;
    overflow: hidden auto;
    position: relative;
    margin-left: -230px !important;
    padding-bottom: 40px;
    overflow-y: auto;
}

#recMoreInfoRequ .popup_editar_evaluadores_request.h-auto {
	height: auto !important;
}

.labelDateMedal {
	font-weight: normal;
	
}
.labelDateMedal span {
	/* color: #777; */
}

.labelDateMedal span:nth-child(1){
	font-weight: 800;
}

/* Estilos Modal Envio Nueva Medalla */
.upload_evidencia .fileNameLabel {
	position: relative;
	top: 10px;
}

.autoevaluado_cajagris {
    height: auto;
    width: 100%;
    background-color: #f8f8f8;
    border-radius: 5px;
    border: solid 1px #f2f2f2;
    padding: 10px;
    margin-right: 20px;
    margin-top: 6%;
    line-height: 20px;
}

.cargo_evaluador2 {
    font-family: OpenSansRegular;
    font-size: 13px;
    color: #666666;
    
}

/* Modal Revision Aprobacion Medallas - Reconocimiento */
.popup_editar_evaluadores_request .formText {
	width: 100%;
	padding: 0px 40px;
}
.marginbottomMinus5{
	margin-bottom: -5pc !important;
}
.icon_company_emp_directory {
    background-image: url(https://s3-us-west-2.amazonaws.com/hcmacsendo/images/directoryEmployee.svg);
    width: 60px;
    height: 60px;
    background-size: 60px;
    background-repeat: no-repeat;
}
table.ui-datagrid-data{
	background: #efefef;
	border: none;
}
.tabla_paginacion.paginatorGrid .ui-paginator  {
     background: transparent !important;
     float: none !important;
     clear: both;
}
.employee_directory td {
	width: 25% !important;
}

/* Estilos estado evaluacion Competencias - Botones y Tabla */
.evaStateComponentsBtns {
	padding: 0px 20px;
	margin-top: 80px;
}
.evaStateComponentsBtns .bot_blanco5 {
	padding: 10px 20px !important;
	margin-right: 0px;
	border: 2px solid #282c36;
	border-radius: 5px;
	color: #282c36;
}
.evaStateComponentsBtns .bot_gris2 {
	border: solid 2px #cccccc;
	padding: 10px 20px;
}
.evaStateComponentsBtns .exportar_exl {
	background: none !important;
	height: auto;
	padding: 10px 20px;
	border: 2px solid #282c36;
	border-radius: 5px;
}
.input_job_department{
	max-width: 100%;
	width: 320px !important;
}


/* Estilos estado evaluacion Competencias - Botones y Tabla */
.evaStateComponentsBtns {
	padding: 0px 20px;
	margin-top: 80px;
}
.evaStateComponentsBtns .bot_blanco5 {
	padding: 10px 20px !important;
	margin-right: 0px;
	border: 2px solid #282c36;
	border-radius: 5px;
	color: #282c36;
}
.evaStateComponentsBtns .bot_gris2 {
	border: solid 2px #cccccc;
	padding: 10px 20px;
}
.evaStateComponentsBtns .exportar_exl {
	background: none !important;
	height: auto;
	padding: 10px 20px;
	border: 2px solid #282c36;
	border-radius: 5px;
}
.input_job_department{
	max-width: 100%;
	width: 320px !important;
}
.succession_plan_margin.new_list_item .label_new_list_item{
	margin-top: -5px !important;
}


/* Estilos Organigrama Empleado  */
.containerTabsDirectory ul {
	z-index: 10;
    -webkit-box-shadow: 2px 6px 12px 0px rgba(235,235,235,0.6);
   	-moz-box-shadow: 2px 6px 12px 0px rgba(235,235,235,0.6);
    box-shadow: 2px 6px 12px 0px rgba(235,235,235,0.6);
}

/* Agregar componente creacion reportes por empresa */
.wrapperAddComponents label {
	text-transform: none;
	font-size: 16px;
}
.addComponentsContainer * {
	box-sizing: border-box;
}
.addComponentsContainer {
	background-color: #FAFAFA;
	border: 1px solid #D4D4D4;
	border-radius: 5px;
	padding: 30px 13px;
}
.addComponentsContainer .innerContainerComp.btnAddNewComponent {
	border-top: none !important;
}
.addComponentsContainer .innerContainerComp.btnAddNewComponent img {
	width: 70px;
	height: 70px;
	margin: 0px auto;
}
.btnAddNewComponent .infoBtnAddNewComponent {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-55%);
	-moz-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	-o-transform: translateY(-55%);
	transform: translateY(-55%);
}
.addComponentsContainer .innerContainerComp,
.addCompntsModal .innerContainerComp {
	position: relative;
	height: 255px;
    min-height: 250px;
    padding: 10px;
    margin: 0px 1% 30px;
    width: 31% !important;
   	-webkit-box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.25);
   	-moz-box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
.addComponentsContainer .innerContainerComp p,
.addCompntsModal .innerContainerComp p {
	font-family: 'Work Sans', verdana;
	font-size: 12px;
	line-height: 17px;
}
.addComponentsContainer .innerContainerComp p span,
.addCompntsModal .innerContainerComp p span {
	font-size: 13.5px;
}
.addComponentsContainer .innerContainerComp.added,
.addCompntsModal .innerContainerComp.added {
	border-top: 6px solid #08b0ba;
}
.addComponentsContainer .innerContainerComp.toAdd,
.addCompntsModal .innerContainerComp.toAdd {
	border-top: 6px solid #8C8C8C;
}
.btnRmvComponent {
	position: absolute;
	bottom: 0px;
	left:0px;
	padding: 8px 0px;
	background-color: #08b0ba;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #08b0ba;
	cursor: pointer;
}
.btnAddComponent {
	position: absolute;
	bottom: 0px;
	left:0px;
	padding: 8px 0px;
	background-color: #F1F1F1;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #D1D1D1;
	cursor: pointer;
}

/* Modal Agregar componentes Reportes - SuperAdmin Flex */
.addCompntReportModal {
	width: 90% !important;
	max-width: 90%;
	height: auto !important;
    max-height: 90vh;
	left: 50% !important;
	top: 15% !important;
	margin: 0 !important;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.addCompntReportModal .ui-dialog-titlebar {
	display: block !important;
	height: 46px;
	width: 100%;
	background-color: #08b0ba;
	color: #FFF;
	padding: 10px 20px;
}
.addCompntReportModal .ui-dialog-titlebar .ui-dialog-title {
	position: relative;
	top: 5px;
	display: inline-block;
	cursor: default;
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0.5px;
}
.addCompntReportModal .ui-dialog-titlebar a {
	width: 15px;
	height: 15px;
	background-image: url(../images/flex/icones/cerrar_pop.svg);
	background-size: cover;
	color: white;
    display: inline-block;
    text-align: center;
    float: right;
    margin-top: 5px;
}
.searchFilterCompntsReports h5 {
	font-family: 'Work Sans', Sans-serif !important;
	color: #08b0ba !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px;
	margin-top: 0px;
}
.searchFilterCompntsReports select {
	background-color: #FFF;
	height: 32px;
}
.addCompntsModal {
    overflow: hidden scroll;
    height: calc(65vh - 144px); 
}

.containerCompntDetail p {
	font-size: 17px;
}
.containerCompntDetail p span {
	font-size: 14px;
}

/* Media Queries Agregar componentes Reportes - Super Admin Flex */

@media only screen and (min-width: 1200px) {
	.addComponentsContainer .innerContainerComp,
	.addCompntsModal .innerContainerComp {
	    height: 265px;
    	min-height: 260px;
	}
}

@media only screen and (max-width: 1200px) {
	.responsiveDashboard {
	    width: auto;
	    display: grid;
	    grid-template-columns: repeat(3 ,200px);
	}
	.responsivefollows{
		width: auto !important;
	}
	.responsiveTabs{
		display: flex;
        flex-direction: column;
        align-items: center;
	}
	.ml{
		margin-left: 30px !important;
	}
	.ml2{
		margin-left: 50px !important;
	}
	.pl50{
		padding-left: 50px;
	}
	.pr66{
		padding-right: 66px;
	}
	.steps{
		width: 160px !important;
	}
	.tabsredencion{
		    float: none;
		    margin-left: 0px;
		    display: contents;
	}
	.widthname{
		width: 86px;
	}
	.widthdate{
		width: 95px !important;
	}
	.widthactivities{
		width: 5% !important;
	}
	.w105{
		width: 105px;
	}
	.w120{
		width: 120px;
	}
	.pl5{
		padding-left: 5px !important;
	}
}
@media only screen and (max-width: 1400px) {
	.pr0{
		padding-right: 0px;
	}
	.pl0{
		padding-left: 0px;
	}
}

@media only screen and (min-width: 1350px) {
	.addComponentsContainer .innerContainerComp,
	.addCompntsModal .innerContainerComp {
		width: 23% !important;
	}	
	
}
@media only screen and (min-width: 1900px) {
	.addComponentsContainer .innerContainerComp,
	.addCompntsModal .innerContainerComp {
		height: 275px;
	}
}
@media only screen and (max-width: 800px) {
	.img_error500 {
		display: none !important;
	}
	
	.go_to_blog {
		margin-top: 20px;
	}
}

.img_error500 {
	display: inherit;
}  

.marginbottomMinus5{
	margin-bottom: -5px !important;
}


/* Estilos adicionales pestaña Resultados */
.containerPerfoResult,
.containerPerfoResult svg {
	max-height: inherit;
}

.new_table_goals .ui-paginator{
	float: right;
	width: auto;
	margin: 0;
}

.wizard_tab{
	float: left;
    height: 66px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 110px;
}

/**
Clase para modicar HTML Editor
*/
.editor_correo_goals iframe {
     height: 500px !important;
}
.editor_correo_goals textarea {
     height: 500px !important;
}
.editor_correo_goals .ui-editor.ui-widget-content {
     height: 530px !important;
}
/* Estilos para Funcionalidad Seleccionar todos las filas de una tabla */
.selectTableRows a {
	line-height: 18px;
}

/* Estilos que se encontraban en bossResults.xhtml: Inicio */

#contenedor {
	width: 100%;
}

.generar, .generar:before, .generar:after {
	background: #4A5061;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 5px;
	height: 10px;
}

.generar:before, .generar:after {
	position: absolute;
	top: 0;
	content: '';
}

.generar:before {
	left: -10px;
}

.generar {
	float: left;
	position: relative;
	margin: 10px 0px 0px 0px;
	-webkit-animation-delay: 0.04s;
	animation-delay: 0.04s;
}

.generar:after {
	left: 10px;
	-webkit-animation-delay: 0.08s;
	animation-delay: 0.08s;
}

@
-webkit-keyframes load1 { 
	0%, 80%, 100% {
		box-shadow: 0 0 #E05C2A;
		height: 15px;
	}

	40%{
		box-shadow: 0 -15px #E05C2A;
		height: 5px;
	}
}

@
keyframes load1 { 
	0%, 80%, 100% {
		box-shadow: 0 0 #E05C2A;
		height: 10px;
	}

	40%{
		box-shadow: 0 -15px #E05C2A;    
		height: 5px;
	}
}

.textGenerando {
	float: left;
	padding-left: 20px;
}

/* Estilos que se encontraban en bossResults.xhtml: Fin */
 
/*Estilos para icono de ayuda para titulos*/
.tooltip_icon{
	width: 14px;
	height: 14px;
}
.margin_left_inverse21{
	margin-left: -21px !important;
}

/* Estilo para visualizar imagen cuando no esta el organigrama */
.no_results_org_chart {
     margin: 100px auto 0px;
}

/* Estilo para visualizar logo de forma horizontal en encuestas */
.header_form_surveys {
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	width: 100%;
}

iframe {
    border: none;
}

.recognition_general_hidden {
	margin-left: -15px;
	visibility: hidden;
	width: 0px !important;
}

.not-float table {
    float: inherit !important;
    margin: 0 auto;
}

.paddingright200 {
	padding-right: 200px;
}
.paddingleft200 {
	padding-left: 200px;
}
.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.align_items_baseline {
    align-items: baseline;
}
.bordernone {
	border: none !important;
}
.bgwhite thead {
	background-color: white !important;
}
.border_green {
    border-left: 2px solid #BDD262 !important;
    padding-left: 10px !important;
}

.border_gray {
    border-left: 2px solid #A8A8A8 !important;
    padding-left: 10px !important;
}

.border_red {
    border-left: 2px solid red !important;
    padding-left: 10px !important;
}

.flex_column {
    flex-direction: column;
}

.panelGrayOverlay{
	background: rgb(240,240,240);
	box-shadow: 5px;
}
.buttonPanelOverlay{
	background: transparent;
	border:none;
}

.transform-lowercase{
	text-transform: lowercase !important;
}

.transform-lowercase::first-letter {
	text-transform: capitalize;
}

.border-radius-0
{
	border-radius: 0px !important;
}
.breadcumb-link:hover {
    color: #4b22f4 !important;
    text-decoration: underline;
}
/* botones crehana DS */
.primary-button {
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 2px solid #4B22F4;
    background: #4B22F4;
    color: #FFF;
    height: 36px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins';
}
.primary-button:hover {
    background: #6F4EF6;
    color: #FFF;
    border: 2px solid #6F4EF6;
}
.primary-button:active {
    background: #4B22F4;
    color: #FFF;
    border: 2px solid #4B22F4;
}
.inverse-button {
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 2px solid #4B22F4;
    background: #FFF;
    color: #4B22F4;
    height: 36px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins';
}
.inverse-button:hover {
    background: #6F4EF6;
    color: #FFF;
    border: 2px solid #6F4EF6;
}
.inverse-button:active {
    background: #3417AA;
    color: #FFF;
    border: 2px solid #3417AA;
}
.configuration-button {
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #BBBCBF;
    color: #0F1019;
    height: 36px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins';
}
.configuration-button:hover {
    color: #4B22F4;
    border: 1px solid #4B22F4;
}
.configuration-button:active {
    color: #FFF;
    background: #4B22F4;
    border: 1px solid #4B22F4;
}
/* tabs navegación crehana DS */
.ds-tabs-wrapper ul {
    width: 100%;
    display: flex;
}
.ds-tab {
    background: #FFF !important;
    font-family: 'Poppins';
	font-weight: 600;
    color: #73757A;
    height: 40px;
    padding: 10px 16px;
}
.ds-tab span {
    font-size: 14px;
}
.ds-tab:hover {
    color: #73757A !important;
}
.ds-tab.ds-tab-selected {
    color: #4B22F4 !important;
    border-bottom: 2px solid #4B22F4;
}
.overlay-gray-popup-header{
      background: rgba(0, 0, 0, .32);
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%
}
/* segmented control crehana ds */
.ds-segmented-control-wrapper {
    border: 1.5px solid #4B22F4;
    border-radius: 10px;
}
.ds-segmented-control-wrapper ul {
    width: 100%;
    display: flex;
}
.ds-segmented-control {
    background: #FFF !important;
    font-family: 'Poppins';
	font-weight: 600;
    color: #4B22F4;
    padding: 10px 16px;
    border-radius: 8px !important;
}
.ds-segmented-control span {
    font-size: 14px;
}
.ds-segmented-control:hover {
    color: #FFF !important;
    background: #6F4EF6 !important;
}
.ds-segmented-control:active {
    color: #FFF !important;
    background: #4B22F4 !important;
}
.ds-segmented-control.ds-segmented-control-selected {
    color: #FFF !important;
    background: #4B22F4 !important;
}