*{margin:0;padding:0;}
html, body{font-family: 'Poppins', sans-serif;font-size:15px;background:#F2F5F8;}
/*** GENERALES ****/
h3{font-size:1.4rem;}
#preloader{width:100%;height:100vh;position:fixed;z-index:999;background:#fff;}
#preloader>img{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.wrapper{max-width: 1100px;margin:0 auto;}
.wrapper_xxs{max-width: 500px;margin:0 auto;}
.wrapper_xs{max-width: 800px;margin:0 auto;}
.wrapper_sm{max-width: 1000px;margin:0 auto;}
.wrapper_lg{max-width:1300px;margin:0 auto;}
.wrapper_xl{max-width:1400px;margin:0 auto;}
.wrapper_xll{max-width:1600px;margin:0 auto;}
.wrapper_full{max-width:100%;margin:0 auto;}
input[type="file"]{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
label[for="fileCSV"], label[for="fileDEP"], label[for="fileCSVs"] , label[for="fileIMG"], label[for="fileCSV2"], label[for="fileCSV3"], label[for="fileCSV4"]{font-size: 14px;color: #fff;background-color: #106BA0;display: inline-block;transition: all .5s;cursor: pointer;padding: 8.5px 40px !important;text-transform: uppercase;width: fit-content;text-align:center;border-radius:3px;}
.btn-action{background-color: #106BA0;color:#fff;}
.icon{margin: 0px 5px;}
.med_vertical{position: relative;top:55%;transform: translate(0,-50%);}
.med_horizontal{position: relative;top:15px;left:40%;}
.table_results{border: 1px solid rgba(0,0,0,0.1);border-collapse:collapse;padding:0px 10px;margin:0 auto;}
.table_results th{border: 1px solid rgba(0,0,0,0.1);border-collapse:collapse;padding:0px 10px;color:#fff;background:#333333;text-align:center;}
.table_results td{border: 1px solid rgba(0,0,0,0.1);border-collapse:collapse;padding:0px 10px;text-align: center;}
.container-style{width: 100%;position: relative;left: 50%;transform:translate(-50%,0);border:0px solid rgba(0,0,0,0.2);border-radius:5px;padding:20px 0px;margin:10px 0px 20px 0px;background:#fff;box-shadow: 0px 0px 20px 0px rgba(76,87,125,4%);-webkit-box-shadow: 0px 0px 20px 0px rgba(76,87,125,4%);-moz-box-shadow: 0px 0px 20px 0px rgba(76,87,125,4%);}
.container-style h3{margin-top: 10px;padding-bottom: 0px;font-size:1.2rem;}
.div_cham{margin-top:60px;border: 1px solid rgba(0,0,0,0.3);border-radius: 10px;padding-bottom:30px;-webkit-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);}
.rank1{border:1px solid #ffbf00;background-color: #ffbf00;color:#fff;padding:10px;text-align: center;}
.rank2{border:1px solid #e3e4e5;background-color: #e3e4e5;padding:10px;text-align: center;}
.rank3{border:1px solid #e6650e;background-color: #e6650e;padding:10px;text-align: center;}
.rank4{border:1px solid #252525;background-color: #252525;color:#fff;padding:10px;text-align: center;}
.disappear{display:none;}
#eli2{display: none;}
.selected{background:#ECECEC;}
#filtroDashAfil{position:absolute;right:1px;overflow:hidden;}
.icon-action{font-size:1rem;color:#4586BF;}
hr{margin-top:0.5rem;margin-bottom:0.5rem;}
.elhr{width:80%;height:1px;margin: 0 auto;}
.no_padding_sides{padding-right:0px;padding-left:0px;}
.no_padding_right{padding-right:0px;}
.no_padding_left{padding-left:0px;}
.padding_left_20{padding-left:20px;}
.padding_right_20{padding-right:20px;}
/*** COLORS ****/
.btn-green{color:#fff;background-color:#248547;}
.btn-close{display: none;position: absolute;right:-5px;top:-5px;border: 1px solid rgba(165,165,165,0.6);border-radius:50%;padding:2px 3px;background:#979B9B;color:#fff;transition:0.2s;-webkit-box-shadow: 0px 0px 44px -91px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 44px -91px rgba(0,0,0,0.75);box-shadow: 0px 0px 44px -91px rgba(0,0,0,0.75);}
.btn-close:hover{background:#7C7C7C;transition:0.2s;color:#fff;}
.green{color:#248547;}
.red{color:red;}
.blue{color:#106BA0;}
.white{color:#fff;}
.scroll_bar::-webkit-scrollbar{width:8px;}
.scroll_bar::-webkit-scrollbar-thumb{background:rgba(73,73,73,0.7);border-radius:5px;}
/*-----****** ALERTS *****----*/
.alert_danger{color:red;}
.alert_caution{color:#ea6923;}
.alert_ok{color:#12b328;}

.error-text{border: 1px solid red;}

#copy_mnsj{display:none;position:relative;width:200px;height:50px;border-radius:5px;left:50%;transform:translate(-50%,0);background:rgba(81,81,81,0.7);}
#copy_mnsj p{color:#fff;text-align:center;padding-top:12px;}
/****** FLOAT BUTTONS **********/
.btn_round_green{color:#fff;font-size:1.2rem;border:1px solid #03702b;background:#03702b;border-radius:50%;padding:4px 5px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;z-index:970;box-shadow: -1px 1px 14px -7px rgba(0,0,0,0.75);-webkit-box-shadow: -1px 1px 14px -7px rgba(0,0,0,0.75);-moz-box-shadow: -1px 1px 14px -7px rgba(0,0,0,0.75);}
.btn_round_green:hover{color:#fff;}
#btns_content{position:fixed;right:10px;top:68%;z-index:998;}
#btns_content > a{display:block;margin-top:10px;}
.float_btns{position:fixed;top:35%;z-index:800;right:-2px;}
#btn_up{position: fixed;bottom:-5px;right: 10px;border: 1px solid rgba(0,0,0,0.3);border-radius: 5px;padding: 10px 10px; background: rgba(0,0,0,0.8);color:#fff;display: none;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;z-index:970;}
#btn_up:hover{border: 1px solid rgba(0,0,0,0.3);background: rgba(0,0,0,1);color:#fff;color:#fff;}
/*#btn_support{position:fixed;top:80%;right:10px;color:#fff;font-size:1.5rem;border:1px solid #03702b;background:#03702b;border-radius:50%;padding:7px 8px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;z-index:970;box-shadow: -1px 1px 14px -7px rgba(0,0,0,0.75);-webkit-box-shadow: -1px 1px 14px -7px rgba(0,0,0,0.75);-moz-box-shadow: -1px 1px 14px -7px rgba(0,0,0,0.75);}*/

/****** LOADER *********/
#loader, #loader2, #loader3{display:none;position:absolute;top:45%;left:50%;transform: translate(-50%,-50%);}
#loader p{margin-top:20px;}
#loading{text-align:center;display:none;}
#loadok{text-align:center;}
/**** SESION ******/
#section_session{width: 100%;height: 100vh;}
#section_session > #content_login{position: relative;top:45%;transform:translate(0,-45%);width: 400px;}
#section_session form{background:#fff;border: 1px solid rgba(0,0,0,0.2);border-radius: 5px;padding:30px 30px;-webkit-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);}
#section_session .form-group{margin-bottom: 1.3rem;}
#section_session form h2{text-align: center;color:rgba(0,0,0,0.6);font-size:1.5rem;}
#section_session form button{margin:20px 0px 10px 0px;width: 100%;}
#section_session figure{text-align: center;}
#section_session figure img{width: 120px;}
#logo_app{padding-top: 15px;text-align:center;}
#logo_app img{width:130px;text-align:center;}
/****** MENU *******/
header{width:100%;height:40px;background:#3F8EBF;position:fixed;z-index:998;}
#logo_menu>img{position:absolute;margin:2px 0px 0px 2px;width:100px;}
#menu_top{float:right;margin-right:20px;transition: 0.3s;}
#menu_top>ul{margin:0px;padding:0px;margin-top:8px;transition: 0.3s}
#menu_top>ul>li{list-style:none;transition: 0.3s;display:inline-block;}
#menu_top>ul>li>a{color:#fff;text-decoration:none;padding:10px 0px;font-weight:bold;}
#menu_top>ul>li>a i{padding-right:6px;}
#menu_sec{position:absolute;left:50%;transform: translate(-50%,0);}
#menu_sec>li{list-style:none;padding:8px 5px;}
#menu_sec>li>a{text-decoration:none;color:#fff;padding:0px 10px;}
#content div{}
#menu{position:fixed;top:40px;background-color:#212121;width:50px;left:0px;height:100vh;float:left;transition:0.5s;z-index:997;}
#menu aside{position:fixed;}
#menu aside #menu_main{position:relative;text-align:left;}
#menu aside #menu_main>ul{margin:0px;padding:0px;}
#menu aside #menu_main>ul>li{list-style:none;}
.menu_title{opacity:0;display:none;}
.icon-flecha{float:right;display:none;font-size:0.8rem;margin:5px 5px 0px 0px;}
#menu aside #menu_main>ul>li a{display:block;color:#fff;text-decoration:none;padding:8px 0px 8px 12px;cursor:pointer;}
#menu aside #menu_main>ul>li a:hover{background:#fff;color:#252525;width:220px;}
/*#menu aside #menu_main>ul>li a:hover #menu{width:220px;transition:0.3s;}
#menu aside #menu_main>ul>li a:hover .menu_title{display:inline-block;opacity: 1;}
#menu aside #menu_main>ul>li a:hover .icon-flecha{display:inline-block;opacity:1;}*/
.icon-meu{padding-right:15px;}
.submenu{position:absolute;margin:0px;padding:0px;background:#494747;width:220px;transition:0.1s;visibility: hidden;opacity:0;}
.submenu>li{list-style:none;}
.submenu>li>a{font-size:0.9rem;padding:0px 0px;}
.submenu>li>a>span{margin-left:15px;}

.li_submenu a:hover ul{display:block;}

.menu_user{position:absolute;top:40px;right:0px;background:#494747;padding:8px 5px;text-align:center;width:135px;visibility: hidden;opacity:0;transition:0.2s;border-radius: 3px;   }
.menu_user>li{list-style:none;padding:5px 0px;display:inline-block;}
.menu_user>li>a{color:#fff;text-decoration:none;padding:5px 0px;font-size:0.9rem;}
#submenuuser:hover .menu_user{visibility:visible;opacity:1;transition:0.2s;}
/*********** CONTENT *********/
#contenedor{height:100%;max-width:92%;margin: 0 auto;padding-bottom:30px;}

/*** CARGA CSV ***/

#cargar{padding: 20px 0px;}
#cargar > div{text-align: center;}
#cargar h1{padding-bottom: 20px;}
.labels_title{padding-right: 20px;display: block;}
#selb{display:none;}
.col-enviar{padding: 0px 0px;}
/***** DIV PARA ULTIMO REGISTRO *¨****/
#ultimo{margin-bottom:30px;}
#nueva_campana{display:none;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
#nueva_campana > .wrapper{border-radius: 10px;padding:20px;background: #e1e1e1;margin-bottom:80px;}
#nueva_campana h1{text-align: center;padding-bottom:20px;}
#icon_close{position: relative;right: -40px;top:-35px;font-size: 1.2rem;float:right;border: 1px solid #000;border-radius: 20px;background: #000;color:#fff;}
.div_resultado p{text-align: center;}
#rango{margin-top:30px;}
#rango label{text-align: center;}
#container_reportes > h3{margin-top:70px;text-align: center;}
#content_table{display: none;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
#content_table img{position: relative;left:50%;transform:translate(0,-50%);}
.container-dash{border: 1px solid rgba(0,0,0,0.3);border-radius: 10px;padding:10px;margin-top: 20px;-webkit-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);}
.container-dash > h3{margin:0;margin-bottom:10px;}
#importCham2{position:absolute;top:-1000px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.margintop{margin-top:50px;}	
#icon-next{float: right;position: relative;top:160px;right: -30px;}
#icon-back{position: relative;top:160px;left: -20px;}
.icon-cham{border: 1px solid rgba(0,0,0,0.4);border-radius: 50%;padding: 10px;background: #fff;z-index:880;}
/********** ADMINISTRADOR DE USUARIOS *****/
#admin-users{width: 100%;height: 100%;position:absolute;}#admin-users > div{margin-top: 80px;}
#selectadmin{display: none;}
/***** FTD's **********/
#container2c, #container3c, #container4c, #container5c, #container6c, #container7c, #container8c, #container9c{display: none;}
.captionRow{display: none;}
#btn_more{width: 100%;text-align: center;padding-bottom: 25px;}
#btn_more i{color:#fff;font-weight: bold;}
/*********** CALENDARIO **************/
#calendar {max-width:85%;margin: 0 auto;padding:40px 0px;}
.fc .fc-button-primary{background-color:#106BA0;border-color: #106BA0;}
.fc-title{color:#fff;}
.fc-day-other {background-color: #e6e6e6;}
.fc-daygrid-day-number{color:#262626;}
.fc-col-header-cell-cushion{color:#262626;} 
/*** PAGINACION ****/
#paginacion{padding-bottom:30px;}
.page-item.active .page-link{background-color:#106BA0;border-color: #106BA0;color:#fff;}
/******** RANKING ***********/
.agente1,.agente2,.agente3{padding:40px 15px;border-radius: 10px;text-align:center;font-size:100px;display:block;vertical-align:bottom !important;}
.agente1{background:#ffbf00;height:250px;font-size:150px;}
.agente2{background:#ddd;height:200px;}
.agente3{background:#e6650e;height:200px;}
.agente1 img,.agente2 img,.agente3 img{background:#fff;width: 80px;margin:-90px auto 10px auto;padding:5px;display:block;border-radius:50%;}
.agente1 h3,.agente2 h3,.agente3 h3{color:#fff;font-size:2rem;margin-bottom:0;font-weight:bold;}
.agente1 h4,.agente2 h4,.agente3 h4{color:#fff;font-size:1.7rem;margin-bottom:0;font-weight:bold;}
.agente1 h5,.agente2 h5,.agente3 h5{padding-top:10px;color:#fff;font-size:1.5rem;margin-bottom:0;font-weight:bold;}
.txc, .txc img{text-align:center;}
.txc > img{padding-bottom:5px;width: 40%;}
/******* TAG EN REPORTE FTDS *******/
#seltags{width:150px;text-align:center;position:relative;left:50%;transform:translate(-50%,0);margin-bottom:15px;}
#btns_mkt a{margin:0px 5px;}
#logo_title{width:45px;}
/**************** WHATSAPP BITACORA *********/
#seldep,#selsta,#selinc,#selind,#selrol,#bono,#s1,#selprom{display:none;}
#mainDiv{padding-bottom:20px;margin:0px 40px 40px 40px;text-align:center;}
.mainDiv{padding-bottom:75px;margin:0px 40px 40px 40px;text-align:center;}
.wrapper_table{max-width:700px;margin:0 auto;}
.table th{font-size:0.9rem;}
/***************** TABLES *******/
table{font-size:0.8rem;}
.table{text-align:center;}
.table_width200{max-width:200px;margin:0 auto;}
.table_width300{max-width:300px;margin:0 auto;}
.table_width550{max-width:550px;margin:0 auto;}
.table_width800{max-width:800px;margin:0 auto;}
.table_width100{max-width:100%;margin:0 auto;}
.table_width800 th{font-size:0.7rem;}
.table_title_sm th{font-size:0.8rem;}
.thead_dark th {color: #fff;background-color: #C45151;border-color: #C45151;}
thead{border-bottom:1px #eee;}
tr{border:none;}
th{border:none;}
#table_umbral i{font-size:1rem;}
/********* CHART MAPA ***********/
.container_map{height: 680px;min-width: 310px;max-width: 1200px;margin: 0 auto;}
.loading {margin-top: 10em;text-align: center;color: gray;}
#selmap{margin-left:20px;}
#container_mapftds, #container_ciudades{margin-top:30px;}
#map_regs, #table_ciudades{display:none;}
#map_resgs{margin:0px;}
#conver_tag{}

/***** INDEX_ALT ******/
#backdash{background:#f7f7f7;width:100%;height:100%;}
#dashboard{padding-top:60px;padding-bottom:40px;}
#main_content{position:relative;background:#fff;}
#main_content>div{display:inline-block;}
.title_dashboardI>h1{font-size:1rem;color:#252525;margin-top:5px;}
.title_dashboard{margin-left:65px;}
.title_dashboard>h1{font-size:1rem;color:#252525;margin-top:5px;margin-bottom: 10px;}
#btns_dashboard{margin-top:10px;}
#secc_info_gral{margin-top:20px;}
.gray_light{color:rgba(0,0,0,0.5);padding-top:5px;}
.info_content{width:100%;height:120px;padding:0px 10px;margin-bottom:20px;background-color:#fff;border:1px solid #ededed;border-radius:5px;-webkit-box-shadow: 0px 0px 20px 0px rgba(76,87,125,4%);-moz-box-shadow: 0px 0px 20px 0px rgba(76,87,125,4%);box-shadow: 0px 0px 20px 0px rgba(76,87,125,4%);}
.info_content_a > div{color:#212529;transition:0.3s;}
.info_content_a:hover .info_content{background:rgba(50,148,236,0.7);color:#fff;transition:0.3s;}
.info_content div{display:inline-block;}
.info_content_icon{position: absolute;padding:25px 0px 0px 5px;}
.info_content_icon>i{font-size:2.3rem;}
.title_h4{float:right;padding:10px;}
.title_h4>h4{font-size:1.6rem;margin:0px;padding-top:10px;text-align:right;}
.title_h4>p{font-size:0.8rem;margin:0px;text-align:right;}
#info_charts{width:100%;height:100%;}
.chart_content{padding:30px 20px;margin-top: 10px;background-color:#fff;border:1px solid #ededed;border-radius:3px;-webkit-box-shadow: 0px 0px 20px 0px rgba(76,87,125,4%);-moz-box-shadow: 0px 0px 20px 0px rgba(76,87,125,4%);box-shadow: 0px 0px 20px 0px rgba(76,87,125,4%);}
.chart_content>h3{font-size:1.1rem;margin-bottom: 2px;}
.chart_content>p{font-size:0.8rem;color:#A9A9A9;}
#info_charts2{width:100%;height:100%;margin-top:20px;}
.text-content-icon{transition:0.3s;font-size:1.8rem;}
.text-content-icon i{border: 1px solid rgba(0, 0, 0, 0);border-radius: 5px;}
.text-content-text h5{transition: 0.3s;font-size:1rem;}
.btn_dash:hover .text-content-icon{padding-bottom:10px;transition:0.3s;font-size: 2rem;}
.btn_dash:hover .text-content-text h5{transition:0.3s;font-size: 0.8rem;}
.text-content{position:relative;top:50%;transform: translate(0,-50%);}
.text-content > div{display: block;}
	//**** BTNS ****/
	.btn-group-dash{}
	.btn-dash{display: inline-block;padding:25px;border:1px solid;}
/*====> CARDS <====*/
.card_content{padding:10px 20px;}
.title_card{font-size:1.1rem;margin-top: -10px;padding-bottom:20px;}
.card_content h4{font-size: 1.2rem;padding-top: 5px;}
.card_content h5{font-size: 1rem;padding-top: 5px;}
.card_content p{font-size:1rem;color:#a9a9a9}

/****** DESEMPEÑO AGENTES ******/
#desempeno{padding-bottom:40px;}
.agente_title{font-size:1.3rem;margin:0;}
.size_h4_1{font-size:1rem;}
.size_h4{font-size:1.2rem;}
.size_p{font-size:1.5rem;}
.sub_p{color:rgba(0,0,0,0.5);font-size: 0.9rem;}
/*** BOTONES EXPORTACION DATATABLE ****/
.dt-buttons{position:absolute;}
.dt-button{color:#fff;background-color:#106BA0;border-color:#106BA0;border: 1px solid transparent;border-radius:.25rem;padding:2px 15px;}

/*********** FORM FEEDBACK LLAMADA *********/
.clasificacion > input[type="radio"]{display:none;}
.clasificacion > label {color: dark;font-size: 1rem;}
.clasificacion {direction: rtl;unicode-bidi: bidi-override;}
.clasificacion > label:hover,
.clasificacion > label:hover ~ label{color: orange;}
.clasificacion > input[type="radio"]:checked ~ label{color: orange;}

/********** TICKET SOPORTE **********/
#prioridad_tickets{padding: 20px 50px;text-align:left;}
#prioridad_tickets p{margin:15px 0px;}
#prioridad_tickets ul li{list-style:none;display:block;}
#menu_btns li{list-style:none;display:inline-block;}
.ul_collapse a{text-decoration:none;}
.ul_collapse ul li{list-style:none;padding-top:10px;}

/************** PERMISOS **********/
#permisos{padding:30px;}
#permisos h3{text-align:center;}
#form_permisos{padding-top:20px;}
#form_permisos label > input{margin-right:10px;}

/******* CARGA EGRESOS *****/
#carga_egresos a h3{padding-top: 30px;color:#262626}
#carga_egresos a{text-decoration:none;}
#carga_egresos a:hover h3{color:#fff;text-decoration:none;}
#carga_egresos a:hover .container-style{background:rgba(50,148,236,0.7);transition:0.4s;}

/***** PACIENTES *****/
#info_paciente_modal p{color:#4D4D4D;line-height:15px;}

/***** SIGNUP *****
#form_alta{margin: 0 auto;width: 450px;top:40px;}*/

.qr_centrar img{margin: 0 auto;}


/*********** DATATABLE ******/
table.dataTable{z-index:999;position:relative;}
div.dataTables_wrapper div.dataTables_paginate{z-index:800;position:relative;}

/**** LISTAR FILES ******/
#form_inp li{display:inline-block;}

/****** CUESTIONARIO MODAL *****/
#modal_cuestionario p{font-size:0.9rem;color:#545454;}