/*
	media = only screen and (min-device-width: 480px) and (max-device-width: 767px)
	SMARTPHONE PORTRAIT	
*/

/*CLASES EXCLUISIVAS DE ESTE BREAKPOINT*/

.m_hidden_sl{
	display: none !important;
}
.m_hidden_sall{
	display: none !important;
}
.m_hidden_st{
	display: none !important;
}

.left_sl {
	float: left;
}
.right_sl {
	float: right;
}
.left_sl_2 {
	float: left !important;
}
.right_sl_2 {
	float: right !important;
}

.twentyfour_sl,.row .twentyfour_sl {
	width: 100% !important;
	position: relative;
}
.twentyfour_sall,.row .twentyfour_sall {
	width: 100% !important;
	position: relative;
}
.twelve_sl, .row .twelve_ls {
    width: 50% !important;
}

.marginleft15_sl{
	margin-left: 15px;
}


/*CLASES QUE CAMBIAN SEGUN EL BREAKPOINT*/

#company_id_nome,#company_id_foto,.nav_flex_empleado{
	display:none;
}
.notificaciones_empleado{
	background: #282c36 !important;
	height: 30px !important;
}
.notificaciones_empleado .row{
	height:30px;
}
.company_mobile{
	display:block;
	margin-top:30px;
}	
.row{
	min-height:0px;
}
.datos_persona .margintop10{
	margin-top:0px !important;
}
.datos_persona .nombre{
	margin-top:0px;
}
.datos_persona{
	margin-right:10px;
}
.dash_emp .left20{
	margin-left:10px !important;
}
.dash_emp .margintop20{
	margin-top:10px !important;
}
.dash_emp .margintop15{
	margin-top:10px;
}
.dash_emp .fontsize25{
	font-size: 20px !important;
}
.dash_emp_cont, .dash_emp_cont_line{
	display:none;
}
.dash_emp_cont2{
	display:none;
}
.template_empleado{
	width:100%;
	margin-top:20px;
}
.template_empleado_first .row{
	width:100% !important;
	min-width:0% !important;
}
.template_empleado_first {
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
}
.template_empleado_first h1{
	font-size:25px !important;
}
.template_empleado_first .twentythree{
	width:100% !important;
}
.template_empleado_first .twenty{
	width:100% !important;
}
.template_empleado_first .twelve{
	width:100% !important;
}
.tab_emp_dash ul li {
   	width: 100%;
   	padding: 7px 10px;
}
.tab_emp_dash ul li a, .tab_emp_dash_result ul li a{
	font-size:12px !important;
}
.tab_emp_dash_result ul li {
	width:100% !important;
	padding: 7px 10px !important;
}
#filter-list{
	padding-left:0px;
	margin-bottom: 30px;
}
.row_title_dashboard2{
	width: calc(100% - 40px) !important;
	margin-left: 20px !important;
  	padding: 10px;
}
.row_title_dashboard2 h2{
	text-align:center;
	font-size:14px !important;
}
.row_title_dashboard2 h2.bottom30{
	margin-bottom:20px !important;
}
.div_jefe,.div_seguimiento{
	width: 100% !important;
	height:auto;
}
.div_seguimiento h5{
	font-size:13px !important;
}
.div_seguimiento h2, .div_pid h2{
	font-size: 60px !important;
}
.div_jefe{
	margin-bottom:10px;
}
form.custom div.custom.dropdown a.current2 {
	color: white !important;
}
.current2 {
	padding-right: 0px !important;
}
footer.footer_empleado {
	width: 100% !important;
}
.icon_dash {
	width: 40px;
	height: 40px;
	background-size: 40px;
}
.menu_mobile {
	display: block;
}
.seventeen.columns.columnas {
	width: 100% !important;
}
#pagina .row {
	width: calc(100% - 40px);
}
.footer_empleado span {
	width: 100%;
	text-align: center;
}
p {
	font-size: 12px !important;
}

.login_0 {
	height: auto !important;
	min-width: 0px !important;
}

.login_0 .login_cont {
    height: 375px;
    width: 100%;
    position: absolute;
    top: 43%;
    margin-top: -27%;
} 
.login_0 .login_cont .login_inner {
	width: 100% !important;
	padding: 20px;
	max-width: 360px;
}
.logo_login {
	margin-top: 30px;
	width: 200px;
}
.login_0 .login_cont .login_inner input {
	width: 100% !important;
}
.hide_responsive {
	display: none;
}
#formFoto {
	margin-left: calc(50% - 70px) !important;
}
#formHome {
	width: 100% !important;
	margin-left: 0px !important;
	margin-top: 30px !important;
}
#formHome .fourteen {
	width: 100% !important;
}
.div_pid {
	display: none;
}
.left_bar_responsive {
	width: 100%;
    display: flex;
    height: auto;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
}
.div_metas_emp_container {
	width: 100%;
	float: left;
}
#formPID .margintop40 {
	margin-top: 20px !important;
}
.div_metas_emp h2 {
	width: 100%;
	text-align: center;
}
.big_icon_container {
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	background-size: 150px;
}

.divider {
	margin-top: 0px;
	margin-bottom: 20px;
}
.ui-accordion h3, .accordion h3 {
	padding: 5px;
}
.ui-accordion h3 .two {
	width: 30px !important;
}
.imgaccordion {
	max-width: 30px;
	height: 30px;
}
.acordion_emp .ui-icon-triangle-1-e {
	margin-top: 8px;
	margin-right: 5px;
	width: 12px;
}
.acordion_emp .ui-icon-triangle-1-s {
	margin-top: 8px;
	margin-right: 5px;
	width: 12px;
	background-size: 12px;
}
.acordion_emp .nineteen {
	width: calc(100% - 50px) !important;
	margin-left: 0px !important;
	padding-left: 5px;
}
.ui-state-default .nombre_empleado_metas {
	font-size: 11px;
	margin-top: 0px;
}
.numero_actividades.fontsize11 {
	font-size: 9px !important;
}
.ui-state-active .nombre_empleado_metas {
	font-size: 11px !important;
	margin-top: 0px;
}
.image_evaluador {
	width: 30px !important;
	height: 30px !important;
}
table tbody tr td {
	padding: 5px 5px !important;
}
.td_name {
	width: calc(100% - 50px) !important
}
.td_relation {
	float: left !important;
}
.td_icon {
	width: 30px !important;
}
.nombre_evaluador_box2 .nombre_evaluador {
	font-size: 11px !important;
	margin-top: 0 !important;
}
.nombre_evaluador.margintop5 {
	font-size: 9px !important;
}
.td_relation {
	width: 100% !important;
}
.td_relation h5 {
	font-size: 10px !important;
	padding-top: 0px !important;
}
.td_relation .eval_cat2_mini {
	width: 20px;
	background-size: 20px;
}
.td_relation .margintop7 {
	margin-top: 0px !important;
}
.td_relation h5 {
	display: none;
}
.td_relation span {
	margin-top: -3px;
}
.div_metas_emp3 {
	padding: 7px !important;
	width: 95% !important;
	margin-left: unset;
	margin-top: 10px !important;
	border-top-width: 3px !important;
}
.div_metas_emp3 .fontsize16 {
	font-size: 14px !important;
}
.div_metas_emp3 .fontsize13 {
	font-size: 11px !important;
}
.div_metas_emp3 .fontsize15 {
	font-size: 13px !important;
}
.div_metas_emp2 {
	padding: 7px !important;
	width: 95% !important;
	margin-left: 2.5% !important;
	border-top-width: 3px !important;
}
.div_metas_emp2 .fontsize16 {
	font-size: 14px !important;
}
.div_metas_emp2 .fontsize13 {
	font-size: 11px !important;
}
.div_metas_emp2 .fontsize12 {
	font-size: 11px !important;
}
.div_metas_emp2 .fontsize15 {
	font-size: 13px !important;
}
.exportar_exl {
	display: none !important;
}
.div_metas_emp3 h2.bottom30 {
	margin-bottom: 10px !important;
}
.bot_new_4 {
	padding: 5px !important;
}
.td_type {
	display: none;
}
.table_evaluations_employee2 tr {
	border-bottom: 5px solid rgb(240, 240, 240) !important;
	padding-bottom: 30px;
}
.icon_trash2.mini {
	width: 20px;
	height: 20px;
	background-size: 20px;
}
.bot_relation_employee2 {
	padding: 5px !important;
	font-size: 11px !important;
	float: right;
}
.bot_relation_employee {
	font-size: 11px !important;
}
.bottom30 {
	margin-bottom: 20px !important;
}
.td_act {
	width: 47% !important;
}
#tab_emp6 {
	display: none;
}
.row_title_dashboard {
	padding: 5px !important;
}
.margin_boss_results {
	margin-top: 80px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.fontsize25 {
	font-size: 18px !important;
}
.icon_report_emp {
	width: 40px !important;
	height: 40px !important;
	background-size: 40px !important;
}
.fontsize25.margintop15 {
	margin-top: 5px !important;
}
.row_box_grafica_emp {
	width: 100%;
	height: auto;
}
.box_result_emp {
	width: 100% !important;
	height: 70px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 10px;
}
.box_result_emp .box_circle {
	width: 70px;
	height: 70px;
}
.box_result_emp .box_text_emp {
	padding: 0px 10px;
	width: calc(100% - 70px) !important;
}
.margin_boss_results #tab_emp4, .margin_boss_results #tab_emp3 {
	display: none;
}
.hide_tab_responsive {
	display: none;
}
.hide_responsive {
	display: none;
}
.result_h1_emp {
	font-size: 23px !important;
	line-height: 100% !important;
}
.bot_hide_responsive {
	display: none;
}
.best_worst_comp {
	width: 100% !important;
	margin-bottom: 5px !important;
}
.best_worst_comp .icon_container {
	width: 90px;
	height: 90px;
	background-size: 60px;
	margin-top: 10px;
}
.best_worst_comp .text_container {
	width: calc(100% - 100px);
}
.best_worst_comp.left10 {
	margin-left: 0px !important;
	margin-top: 5px;
}
.comp_h1_emp {
	font-size: 13px !important;
}
.width_box_9_left {
	width: 100% !important;
	height: 300px !important;
}
.box_grid {
	height: 240px !important;
}
.box_grid .box {
	height: calc(240px/ 3) !important;
}
.width_box_9_right {
	width: 100% !important;
	margin-left: 0px !important;
	margin-top: 10px !important;
}
.bot_relation_employee {
	font-size: 11px !important;
}
.row {
	min-width: 0px !important;
}
.empty_dash .icon_empty {
	width: 100%;
	margin-left: 0px;
	background-repeat: no-repeat;
	height: 250px;
	background-position: bottom;
}
.relogio {
	right: 22px !important;
}
.margin_right_relogio {
	right: 20px !important;
}
.relogio_ball {
	right: 66px !important;
}
.no_eval_msg {
	font-size: 18px;
	padding-left: 20px;
	padding-right: 20px;
}
.empty_dash .fontsize16 {
	font-size: 14px !important;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px !important;
}
.title_eval {
	border-bottom: 3px solid #ee9b00;
	font-size: 15px;
	margin: 7px 5px !important;
}
.ui-selectonemenu {
	z-index: 10 !important;
}
.div_metas_emp_container .table_goals .fontsize13 {
	font-size: 11px !important;
}
.table_evaluations_employee2 td {
	width: 100% !important;
}
.div_metas_emp {
	padding: 10px;
}
.div_metas_emp2 .ten {
	width: 100% !important;
}
.image_type {
	width: 40px !important;
	height: 40px !important;
	margin-top: 7px;
}
.table_climate_emp .center2 {
	width: auto !important;
}
.table_climate_emp .twenty {
	width: calc(100% - 50px) !important;
	margin-top: 5px;
}
.div_bot_pid {
	width: 100% !important;
	margin-bottom: 10px;
}
.row_title_dashboard_rec {
	width: calc(100% - 40px) !important;
	margin-left: 20px;
}
.medalla_container_emp {
	width: calc(( 100%/ 2)- 10px);
	height: 230px;
}
.medalla_container_bot {
	width: calc(( 100%/ 2)- 10px);
	height: 230px;
}
.img_rec2 {
	width: 90%;
}
.icon_send_rec {
	width: 90%;
	background-size: 100% auto;
	height: 100px;
}
.medalla_container_bot .fontsize14 {
	font-size: 12px !important;
}
.medalla_container_bot .fontsize13 {
	font-size: 11px !important;
}
.numeros_medalla3 {
	left: calc(50% - 30px);
	top: 77%;
	font-size: 11px;
}
.metas_alert_txt .fontsize13 {
	font-size: 11px !important;
	line-height: 150%;
}
.medalla_container_emp label {
	font-size: 11px !important;
}
.medalla_container_emp .image_evaluador_jefe {
	display: none;
}
.medalla_container_emp .text_mini_icon_container {
	width: 100% !important;
}
.medalla_container_emp .text_mini_icon_container .fontsize10 {
	font-size: 9px !important
}
.medalla_container_emp .text_mini_icon_container .fontsize11 {
	font-size: 10px !important
}
.container_encuesta_leyenda {
	display: none;
}
.container_encuesta {
	width: calc(100% - 20px);
	margin-left: 10px;
}
.contentfull_enc h2 {
	font-size: 15px !important;
	width: calc(100% - 20px) !important;
}
.div_descrip_enc {
	width: 90%;
	margin-left: 5%;
}
.div_descrip_enc p {
	font-size: 11px !important;
}
.numeros_3 {
	width: 100% !important;
}
.tit_encuesta {
	font-size: 15px !important;
	margin: 0px 0 !important;
}
.box_div_enc {
	width: 60px;
}
.box_div_enc2 {
	width: calc(100% - 60px);
}
.box_div_enc .twenty span {
	font-size: 10px !important;
}
.pregunta_p {
	font-size: 11px !important;
}
textarea {
	font-size: 11px;
}
.bot_azul, .bot_azul2 {
	font-size: 12px !important;
}
div.ui-tabs-panels {
	padding: 0px !important;
}
.day_track {
	margin-top: 66px !important;
}
.month_track {
	margin-top: 42px !important;
}
.scroll_popup {
	max-height: 70vh;
}
.tit_modal, .header_editar_empleado {
	font-size: 15px !important;
}
#editGoal .scroll_popup {
	width: 100%;
}
#formShowGoal ul li:nth-child(3) {
	display: none;
}
.metas_popup_seg_container {
	width: calc(100% - 5px);
}
.metas_popup_seg_container .fontsize12 {
	font-size: 10px !important;
}
.metas_popup_seg_container .fontsize13 {
	font-size: 11px !important;
}
.div_bot_pid .fontsize14 {
	font-size: 12px !important;
}
.tabs dd a, .tabs li a {
	padding: 0px 15px !important;
}
.medallaBlock {
	width: calc(( 100%/ 2));
	float: left !important;
	height: 150px;
}
.seven.box_semaforo_metas {
	width: 100% !important;
}
.popup_metas3 .sixteen {
	width: 100% !important;
	margin-left: 0px !important;
	margin-top: 20px;
}
.popup_metas3 .sixteen .twelve {
	width: 100% !important;
	margin-left: 0px !important;
}
.popup_metas3 .sixteen .ten {
	width: 100% !important;
	margin-left: 0px !important;
}
.popup_metas3 .scroll_popup {
	max-height: 60vh;
}
.encuesta_responsive {
	width: 100% !important;
}
input.labelauty+label {
	padding: 5px 10px !important;
}
.pregunta_p.eleven {
	width: 100% !important;
}
.pregunta_3 {
	float: left !important;
}
/* .modal_2 {
	height: 100vh !important;
	overflow: scroll !important;
} */
.encuesta_container {
	width: calc(100% - 20px) !important;
	margin-left: 10px !important;
}
.logo_company_encuesta {
	display: none;
}
.nombre_empresa_encuesta {
	font-size: 20px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	width: 100% !important;
	padding-left: 0px !important;
}
.encuesta_box {
	padding: 0px 20px !important;
}
.encuesta_box .fontsize14 {
	font-size: 11px !important;
}
.climate_leyenda_fixed {
	width: calc(100% - 20px) !important;
}
.climate_leyenda_fixed li {
	display: none;
}
.encuesta_box .tit_encuesta {
	margin-top: 10px !important;
	width: 100% !important;
}
.leyenda_climate li:nth-child(5) {
	margin-bottom: 10px;
}
.no_sabe2 {
	clear: both !important;
}
.evaluation_form {
	padding: 0px !important;
}
.encuesta_box .seventeen {
	margin-bottom: 10px !important;
}
.bienvenida {
	padding: 0px !important;
	width: 100% !important;
}
.encuesta_box2 {
	padding: 15px !important;
}
.encuesta_box2 .fontsize14 {
	font-size: 11px !important;
	text-align: left !important;
}
.encuesta_box2 span.paddingtop1 {
	font-size: 11px !important;
}
.encuesta_box2 .bot_azul {
	font-size: 12px !important;
	padding: 10px 25px 10px 10px !important;
}
.encuesta_box2 .ui-selectonemenu2 {
	width: 100% !important;
}
.parrafo2 {
	color: white !important;
	font-size: 9px !important;
}
.errormensaje {
	font-size: 12px !important;
}
.box_image_logo_empleados {
	display: none;
}
.gif_first_employee {
	width: 200px;
	height: 200px;
}
.width80 {
	width: 100%;
}
.m_error500{
	width: 100% !important;
}
.icon_medal_rec {
	width: 65px;
	height: 65px;
	background-size: 55px;
}
.icon_medal_send_rec {
	width: 65px;
	height: 65px;
	background-size: 55px;
}
.icon_medal_start_rec {
	width: 65px;
	height: 65px;
	background-size: 55px;
}

.popup_editar_evaluadores_emp4{
    width: 95% !important;
    height: auto !important;
    top: 9% !important;
    overflow: auto;
    margin-top: 0px;
    max-height: 80vh;
}

.modalPopup {
    margin-left: unset;
}

.scroll_medallas{	
	padding-left: 20px;
	padding-right: 20px;	
}

.ui-growl {
    left: 3%;
    margin-left: 0px;
    width: 94%;
}

.ui-growl-item{	
    width: 100% !important;
    padding: 10px 5px !important;
}
.ui-growl-message, .ui-growl-message p, .ui-growl-message span{
	margin: 0 auto !important;
    float: none !important;
    clear: both;
    text-align: center;
}
.ui-growl-title {
    text-align: center;
}
.ui-growl-image{
	margin: 0 auto !important;
    float: none !important;
    clear: both;
}
.tab_emp_dash ul .active, .tab_emp_dash_result ul .active {	
	border-left-width: 5px;
    border-left-style: solid;
	border-bottom-width: 0px !important;
	border-bottom-style: solid !important;
}
.modal{
	width: unset;
	margin-left: usnet;
	margin-top: unset;
	max-height: 100%;
}
.modal_2,.popup_metas3,.popup_editar_evaluadores_emp,.popup_metas2,.popup_editar_empleado,.popup_metas4{
	width: unset;
	margin-left: unset;
	max-height: 92%;
	top: unset;
	margin-top:0px !important;
}
.popup_metas4 .scroll_popup {
   max-height: 70vh;
}
.divCompanyRecognition{
	height: 40vh !important;
}
.div_descrip_enc p{
	font-size:11px !important;
}
.modal_loading{
	width: 60% !important;
	margin-left: -30% !important;
}
.h5_enc{
font-size:11px !important;
}
.h1_enc{
	font-size:14px !important;
}
.h4_enc{
	font-size:12px !important;
}
.popup_rec_height_3 {
    max-height: 56vh;
    overflow: auto;
}

.content_mod_tabs_1 {
	overflow-x: auto; 
	overflow-y: hidden; 
}
.content_mod_tabs_1::-webkit-scrollbar {
    background: rgba(0,0,0,0);
}
.mod_tabs_1 .title_mod_tabs_1 {     
    padding: 0px;
    font-size: 16px !important;
}
.mod_tabs_1 .title_mod_tabs_1.mod1 {     
    padding: 20px 0px 0px 0px;
    margin-left: 15px;
}   

 .margintop_new_list_item {
 	margin-top: -30px;
}

.info_new_list_item{
	width: 100%;
    margin: 20px 0px 5px 0px;
} 
.info_new_list_item div {
    max-width: 90%;
}
.new_list_item .contentExt_new_list_item {     
     padding: 20px;
     width: 100% !important;
}
.new_list_item .label_new_list_item{
	width: 100% !important;
}
.new_list_item .content_new_list_item {     
     margin-top: 10px;
}
.new_list_item .input_new_list_item{
	width: 100%;
}
.employee_edit_photo{	
	width: 100%;	
	min-height: 150px;
}

.dashed_box_5 {     
     width: 100%;
}

.popup_metas3.popup_metas3_mod {
    width: 95% !important;
    margin-left: unset;
}

.new_list_item .content_sec_new_list_item .div_icon {
 	width: 10% !important;
 	margin-bottom: 20px;
}
.new_list_item .iconAwesome_new_list_item{
	margin: 0px;
}
.restorePass{
    width: 97%;  
}
.left_bar_data_responsive {
	display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-around;
}
.left_bar_responsive .div_pid {
    display: flex;
    height: 220px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.d_flex_pid_responsive {
	display: flex;
	flex-direction: column;
}
.width_pid_button_responsive {
	 width: 100% !important;
	 padding: 20px 0px;
}
.width_pid_bar_responsive {
	 width: 80% !important;
}
.width_pid_data_responsive{
	width: 20% !important;
}
.select_pid_responsive {
	width: 80% !important;
}