/**@import url('https://fonts.googleapis.com/css?family=Open+Sans');**/
/*@import url('https://fonts.googleapis.com/css?family=Heebo');*/

*{
	padding: 0;
	margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.clearPds{
  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;
          font-family: inherit; 
          font-size: inherit;
}
/*Estilo del scroll en chrome*/
::-webkit-scrollbar
{
  width: 4px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
}

::-webkit-scrollbar-thumb
{
  border-radius: 5px;
  background: #d8d8d8;
}
.fs75{
  font-size: .70em !important;
}

body{
	font-size: 16.5px;
	background: rgb(249, 249, 249);
  font-family: "Lucida Bright", Georgia, serif;
  /*font-family: 'Heebo', sans-serif;*/
  text-align: center;
}
button{
	/*font-family: 'Open Sans', sans-serif;*/
  font-family: "Lucida Bright", Georgia, serif;
}
.family{
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: "Lucida Bright", Georgia, serif;
}
a{
	text-decoration: none;
}
input{
	border: 0;
}
input, select:focus{
	outline: none;
}

/*Utilidades*/
.dnone{
  display: none !important;
}
.ocultar{
  position: relative;
}
.t_center{
  text-align: center !important;
}
.t_left{
  text-align: left !important;
}
.t_justifi{
  text-align: justify !important;
}
.t_right{
  text-align: right !important;
}
.separador{
  padding: 1em 0;
}
.separador_m{
  padding: .5em 0;
}
.separado_load{
  padding: 4em 0;
}
.p_relative{
  position: relative;
}
.posFixed{
  position: fixed;
}
.bd_red{
  border: 2px solid #f99292 !important;
}
.bold{
  font-weight: bolder;
}
.wd_80{
  width: 80%;
  margin: 0 auto;
  display: block;
  position: relative;
}
.ft_auto{
  font-size: inherit !important;
}
.cont_details_pas{
  margin-top: 1em;
  min-height: 350px;
}
.card_white{
  position: relative;
  display: block;
  padding: 1em 0;
  border-radius: 20px;
  border:1px solid gainsboro;
  background: white;
  box-shadow: 0px 2px 3px black;
}
.perfil_pass{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.item_crd_pas{
  position: relative;
  max-width: 70%;
  margin: .5em auto;
  text-align: left;
  overflow: hidden;
}
.anal_secc{
  position: relative;
  display: block;
  max-width: 1000px;
  margin: 2em auto;
}
.wd_95{
  width: 95%;
  margin:0 auto;
}
.card_wd{
  display: block;
  position: relative;
  background: rgba(4, 4, 4, .6);
  border-radius: 8px;
  box-shadow: 2px 2px 10px #0e0e0e;
}
.cont_titl{
  position: relative;
  display: block;
  padding: .5em;
  padding-left: 1em;
  text-align: left;
}
.icn_titl{
  display: inline-block;
  font-size: 1.5em;
}
.tt_sec{
  display: inline-block;
  font-weight: bold;
  padding-left: .5em;
  vertical-align: text-bottom;
  text-transform: uppercase;
  color: #878a9b;
}
.num_titl_flt{
  position: absolute;
  right: 1em;
  top: .5em;
  font-size: 1.2em;
  color: gray;
}
.tabla_das{
  width: 95%;
  margin: 0 auto;
  text-align: left;
  border: none;
  border-collapse: collapse;
}
.coldas{
  padding: 0.6em 0.5em;
  color: #8cb5d5;
  border-bottom: 1px solid #efefef;
  background: #000000;
  font-size: .8em;
  text-transform: uppercase;
}
.rowdas{
  padding: .5em;
  border-bottom: 1px solid #efefef;
  color: white;
  font-size: .95em;
  cursor: pointer;
}
.rowdas:hover{
  background: black;
}
.enlace_more{
  position: relative;
  display: block !important;
  padding: 0.7em 0;
  text-align: center;
  color: #5590c1;
  text-transform: uppercase;
  background: black;
  font-size: .85em;
}
.enlace_more:hover{
  text-decoration: underline;
}
.is_ok_acc{
  position: relative;
  display: inline-block;
  padding: .2em .5em; 
  background: #b4fbc0;
  color: #397944;
  border-radius: 12px;
}
.is_fail_acc{
  position: relative;
  display: inline-block;
  padding: .2em .5em; 
  background: #ffdddd;
  color: #e41a1a;
  border-radius: 12px;
}
.strg{
  display: inline-block;
  font-size: .85em;
  float: left;
}
.sm_inp{
  border: 1px solid gainsboro;
  padding: .3em;
  width: 225px;
}
.sned_info_ex{
  display: block;
  width: 235px;
  margin: 0 auto;
  padding: .1em;
}
.inl_text{
  display: inline-block;
  float: right;
  font-size: .85em;
  color: #6b6b6b;
}
.busc_pass{
  position: relative;
  display: block;
  width: 100%;
  border-radius: 20px;
  padding: .8em 2em;
  border: 1px solid #d2d2d2;
}
.pl-3{
  padding-left: 3em;
}
.busc_pass:focus{
  box-shadow: 0px 2px 3px #183957;
}
.cont-rg-snip{
  position: absolute;
  right: 0.8em;
  top: -.1em;
  z-index: 20;
}
.cont-busc-sipp{
  position: absolute;
  left: 0.8em;
  top: 0em;
  z-index: 20;
}
.cont-lb-sipp{
  position: absolute;
  left: .8em;
  top: .3em;
  z-index: 20;
}
.cont_spinner{
  position: absolute;
  left: .8em;
  top: .65em;
  z-index: 20;
}
.col12{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 10%;
}
.col32{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 32%;
}
.alert{
  color: #ff4e24;
  font-size: .9em;
  margin-top: .5em
}
.inp_p_d{
  padding: .5em 1.5em !important;
  width: 90% !important;
}
.footer{
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(249, 249, 249);
  text-align: center;
}
.derechos{
  display: inline-block;
  font-size: .7em;
  padding: .5em;
}
.derechos::before{
  content: "© ";
}
.cabecera{
  background: #ffffff;
  position: fixed;
  box-shadow: 0px 1px 5px #171717;
  height: 60px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
  text-align: left;
}
.cabeceraContent{
  max-width: 1100px;
  padding: .5em;
  margin:0 auto;
}
.contentLogo{
  display: inline-block;
}
.logo{
  width: 48px;
}
.titulo{
	font-size: 1.3em;
    display: inline-block;
    vertical-align: top;
    margin-top: .5em;
    color: white;
}
.foto_logo{
  width: 42px;
    margin-top: 1px;
    margin-right: 1em;
    padding-right: 1em;
    border-right: 1px solid #8a8a8a;
}
.contenPrincipal{
  margin: 0 auto;
  text-align: center;
  transition: 1s;
}
.content_login{
  padding: 1em;
  max-width: 500px;
  border: 1px solid #8f908b;
  box-shadow: 2px 2px 10px #303030;
  background: rgb(137 137 137 / 30%);
  margin: 0 auto;
}
.btn_login{
  display: inline-block;
  width: 61%;
  height: 2.6em;
  text-align: center;
  line-height: 2.5em;
  background: #31a4d2;
  color: white;
  text-shadow: 1px 0px 3px #adadad;
  font-size: .85em;
  font-weight: bold;
  border-radius: 20px;
  font-family: unset;
  cursor: pointer;
  box-shadow: 0.1em 0.1em 0.5em #154d87;
  text-decoration: none;
  border: none;
  text-shadow: 1px 1px 1px #707070;
}
.btn_login:focus{
  outline: none;
}
.btn_login:hover{
  background: #335d6e;
}
.titul_login{
  padding: 1em .5em;
  color: #141e56;
}
.form_login{
  position: relative;
}
.inp_login{
  padding: .9em 2em;
  display: block;
  width: 50%;
  background: #ffffff;
  margin: .2em auto;
  border-radius: 20px;
  border: 1px solid #d6d6d6;
}
.inp_login:focus{
  outline: none;
}
.cont_btns_apl{
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.itm_aps_m{
  position: relative;
  display: inline-block;
  border: 0;
  background: transparent;
  padding: .5em 1em;
  margin-top: .8em;
  transition: .1s;
}
.btn-show-pass{
  position: absolute;
  top: 0.4em;
  right: 6.4em;
  padding: 0.4em;
  border-radius: 50%;
  transition: .2s;
  cursor: pointer;
  border:0;
  background: transparent;
  color: gray;
}
.btn-show-pass:hover{
  background: gainsboro;
  color: black;
}
.icn-act{
  color: #01b1f5;
}
.btn-show-pass:active{
  background: #f5f3f3;
}
.itm_aps_m:active{
  transform: translateY(2px);
  background: gainsboro;
}
.itm_aps_m:focus{
  border: 1px solid black;
  border-radius: 5px;
}
.itm_aps_m:hover{
  background: #f4f4f4;
  border-radius: 3px;
}
.icn_dwn{
  font-size: 1.5em;
  vertical-align: bottom;
  color: gray;
  margin-left: .3em;
}
.icn_btn_apss{
  font-size: 1.5em;
}
.txt_tb_item{
  font-size: 1.1em;
  margin-left: .3em;
}
.cont_dsds{
  position: absolute;
  top: 4em;
  background: white;
  box-shadow: 0px 2px 10px grey;
  padding: 1em;
  border-radius: 5px;
  animation: fadeIn .1s 1;
}
.list_app_s{
  margin: 0 auto;
  margin-top: .8em;
  text-align: center;
  list-style: none;
}
.item_app_s {
  position: relative;
  display: inline-block !important;
  font-size: .8em;
  font-weight: bold;
  color: #8d8c8c;
  transition: .3s;
  cursor: pointer;
  vertical-align: top;
  width: 90px;
  height: 80px;
  margin: .5em;
  border-radius: 5px;
  border: 1px solid white;
}
.clr_hg{
  height: auto !important;
}
.item_app_s:hover{
  background: white;
  border: 1px solid #9fcdf3;
  color: #169ace;
  transition: .2s;
}
.active_link{
  color: #169ace;
  transition: .2s;
  border: 1px solid #9fcdf3;
}
.img_mn_tb{
  width: 32px;
  display: block;
  margin: 0 auto;
  margin-top: 1.2em;
}
.icon_Sa{
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  font-size: 1.3em;
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  text-align: center;
  border-radius: 50%;
  margin-top: .3em;
  color: #989898;
}
.icon_menu_uni{
    display: none !important;
    position: absolute !important;
    font-size: 1.5em;
    color: #fafafa;
    display: none;
    left: 1em;
    top: .5em;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    border-radius: 50%;
}
.user_opc{
  position: absolute;
  right: 1em;
  top: 0.65em;
}
.list_p{
  display: inline-block;
  margin-right: .3em;
  padding-right: .5em;
  cursor: pointer;
}
.icon_Sa{
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  font-size: 1.3em;
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  text-align: center;
  border-radius: 50%;
  margin-top: .3em;
  color: #d1d1d1;
}
.nmbre{
  font-size: .8em;
  color: #7da5fc;
  border-right: 1px solid #f3f3f3;
  padding-right: 1em;
  vertical-align: bottom;
  padding: .5em;
  font-weight: bold;
}
.cont_image{
  text-align: center;
  margin: 0 auto;
  margin-top: 2em;
}
.img_login{
  margin-top: 1.3em;
  width: 180px;
}
.contentLogo_p{
  position: absolute;
  left: 3em;
  top: 1.1em;
}
.cont_icn_ayd{
  position: absolute;
  left: 11.3em;
  top: .6em;
  padding-left: .2em;
  border-left: 1px solid gainsboro;
}
.sitios_cont{
  position: fixed;
  top: 4em;
  left: 4em;
  width: 280px;
  background: white;
  padding: 1em;
  border: 1px solid gainsboro;
  box-shadow: 3px 2px 5px black;
  z-index: 4000;
}
.clrs{
  right: -.3em !important;
}
.icn_salt{
  position: absolute;
  right: 1.2em;
  top: .8em;
  vertical-align: middle;
  font-size: .8em;
  color: #565656;
  padding: .3em;
  border-radius: 50%;
}
.icon_sit_ay{
  position: fixed !important;
  left: 1em;
  top: 1em;
  font-size: 1.2em;
  color: white;
}
.icnnc_s_y{
  position: absolute;
  font-size: 1.3em;
  right: .5em;
  top: .5em;
}
.icn_salt:hover{
  color: black;
  background: #ececec;
}
.cin_help{
  display: inline-block;
  font-size: 1.2em;
  width: 33px;
  height: 33px;
  line-height: 33px !important;
  text-align: center;
  border-radius: 50%;
  padding: .2em;
  cursor: pointer;
  color: #929292;
  vertical-align: middle;
}
.cin_help:hover{
  background: #f1f1f1;
}
.logo{
  width: 120px;
}
.main_cont{
  margin-top: 3em;
  padding: 1em;
}
.informacion{
  display: block;
  max-width: 1200px;
  padding: 1em;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.contenedor_perfil{
  position: relative;
  display: block;
  max-width: 900px;
  padding: 1em;
  position: relative;
  margin: 1em auto;
  text-align: center;
  background: white;
  box-shadow: 0px 0px 3px gray;
  min-height: 500px;
}
.cotizador-cont{
    display: block;
    padding: 3em 0;
    position: relative;
    margin: 0 auto;
}
.tb_cards{
  width:100%;
  margin: 0 auto;
  text-align: left;
  font-size: .8em;
  border: none;
  border-collapse: collapse;
}
.fl_cards{
  background: white;
  border-bottom: 2px solid #ebebeb;
}
.fl_itm{
  padding: .8em 0;
  cursor: pointer;
  transition: .3s;
  color: #000000;
  font-size: 1.1em;
}
.cl_cards{
  padding: 1em .5em;
  font-weight: bold;
  color: #6f6f6f;
  border-bottom: 1px solid #e8e0e0;
}
.tt_ec_crds{
  display: block;
  padding: .5em;
  border-bottom: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
}
.tabla{
  width:100%;
  margin: 0 auto;
  text-align: left;
  font-size: .8em;
  border: none;
  border-collapse: collapse;
}
.tabla_co{
  width: 93%;
  margin: 0 auto;
  text-align: left;
  font-size: .8em;
  border: none;
  border-collapse: collapse;
}
.coltabla{
  padding: 1.5em .5em;
  width: 150px;
  font-weight: bold;
  color: #787676;
  font-size: .9em;
  border-bottom: 1px solid #e8e0e0;
}
.filatabla{
  max-width: 100px;
  padding: .2em 0em 1em 1.3em;
  cursor: pointer;
  transition: .3s;
  color: gray;
  overflow: hidden;
}
.fila_tab{
  background: white;
  font-size: .78em;
  border-bottom: 2px solid #ebebeb;
}
.fila_tab:hover{
  background: #f0f0f0;
}
.ts{
  font-size: .78em;
  color: #6c6868;
  margin-right: .3em;
  vertical-align: text-top;
}
.nmbs{
    font-weight: bold;
    color: #505050;
}
.t_principal{
  background: #ebebeb;
  border-bottom: 3px solid #e7e7e7;
}
.tools{
  padding: 1em;
  height: 50px;
  position: relative;
}
.bntadd{
  position: absolute !important;
  right: 0;
  top: 1.5em;
  padding: .25em 2.5em;
  background: #00b7ff;
  border-radius: 20px;
  margin-right: 1em;
  margin-top: .3em;
  color: white;
  font-weight: bold;
}
.icon_btn{
  font-size: .8em;
  vertical-align: middle;
  font-style:normal !important;
}
.text_ico{
  margin-left: .3em;
  font-size: .65em;
}
.titu_sub{
  position: absolute;
  top: 1em;
  left: .5em;
  font-size: 1.5em;
  font-weight: bold;
  color: white;
  text-shadow: 2px 3px 3px #2b2b2b;
}
.listacciones{
  width: 100%;
  list-style: none;
}
.item_Acc{
  display: inline-block !important;
  font-size: 1.2em;
  margin-right: .5em;
  padding: .6em;
  background: #d8d8d8;
  border-radius: 50%;
  color: #6f6c6c;
}
.modal_opa{
  position: fixed;
  top: 0;
  background: rgba(13, 13, 13, 0.6);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 499;
  overflow-y: auto;
}
.modal_opa_cot{
  position: fixed;
  top: 0;
  background: rgba(243, 243, 243, .6);
  right: 0;
  left: 0;
  z-index: 300;
  overflow-y: auto;
}
.bigModal{
  max-width: 1100px !important;
  min-height: 600px;
  margin-top: 2em !important;
  border-radius: 20px;
}
.middleModal{
  max-width: 1050px !important;
  margin: 0 auto;
}
.lb_form_tar{
  display: block;
  font-size: .75em;
  font-weight: bold;
  padding: .2em;
  text-align: left;
}
.slc_crd{
  display: block;
  width: 96.8%;
  position: relative;
  padding: .5em .4em;
  font-size: .9em;
  padding-left: 1em;
  border: 1px solid gainsboro;
}
.inp_crd{
  display: block;
  width: 92%;
  position: relative;
  padding: .6em .4em;
  font-size: .9em;
  padding-left: 1em;
  border: 1px solid gainsboro;
}
.area_com{
  position: relative;
  display: block;
  width: 92%;
  padding: .6em .4em;
  font-size: .9em;
  min-height: 70px;
  padding-left: 1em;
  border: 1px solid gainsboro;
  font-family: sans-serif;
}
.btn_more_file{
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  color: #2196f3;
  padding: 0.2em 0;
  cursor: pointer;
}
.cont_inp{
  position: relative;
  display: block;
  padding: 0.3em;
  border: 1px solid #e3d48d;
  overflow: hidden;
  margin: 0.2em 0;
}
.lb_file{
  position: relative;
  display: block;
  font-size: .85em;
  padding: 0.2em 0;
  font-weight: bold;
  text-align: left;
}
.pliego{
  border: 1px solid #dcdbdb;
  padding: .5em;
}
.content_modal{
  position: relative;
  display: block;
  max-width: 850px;
  margin: 0 auto;
  background: white;
  margin-top: 2em;
  box-shadow: -2px 3px 10px #0d0d0d;
  margin-bottom: 3em;
}
.itm_img_ag{
  position: relative;
  display: inline-block;
  width: 22%;
  margin:.2em 0;
  vertical-align: top;
}
.icnm_dwn{
  position: absolute;
  right: 2.5em;
  top: -1.2em;
  font-size: .75em;
  width: 15px;
  height: 15px;
  background: white;
  border-radius: 50%;
  line-height: 15px !important;
}
.is_disabled{
  pointer-events: none;
  opacity: .5;
}
.inp_fail{
  background: #ffffff !important;
  border: 1px solid #ff2717 !important;
}
.inp_yes{
  background: #ffffff !important;
  border-bottom: 1px solid #52b3ff !important;
}
.text-ley{
  font-size: .75em;
  color: #b30a0a;
  background: #eddfdf;
  padding: 0.3em;
}
.icnm_ag{
  position: absolute;
  right: .9em;
  top: -1.2em;
  font-size: .75em;
  width: 15px;
  height: 15px;
  background: white;
  border-radius: 50%;
  line-height: 15px !important;
}
.icnm_ag:hover, .icnm_dwn:hover{
  background: #dedede;
}
.content_modal_E{
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  background: white;
  margin-top: 2em;
  border: 1px solid #ececec;
  box-shadow: -2px 3px 10px #dedede;
}
.closed{
  padding: .5em;
  font-size: 1.5em;
  position: absolute;
  right: .2em;
  top: .2em;
  color: #d2d1d1;
  cursor: pointer;
  z-index: 300;
}
.closed:hover{
    color: gray;
}
.titu_mod{
  text-transform: uppercase;
  padding: 1em;
  font-size: .8em;
  text-align: center;
  font-weight: 400;
  color: gray;
  border-bottom: 1px solid #f3f2f2;
}
.coltwo{
  vertical-align: top;
  width: 49%;
  display: inline-block;
  position: relative;
}
.col2{
  vertical-align: top;
  width: 45%;
  display: inline-block;
  margin-left: 1em;
  position: relative;
}
.col25{
  vertical-align: top;
  width: 25%;
  display: inline-block;
  position: relative;
}
.mg_right_y{
  margin-right: 1.3em !important;
}
.sb_tg_p{
  position: absolute;
  right: .1em;
  top: .6em;
}
.wd_0{
  vertical-align: top;
  width: 5%;
  display: inline-block;
  position: relative;
}
.col2_m{
    vertical-align: top;
    width: 40%;
    display: inline-block;
    margin-left: 1em;
    position: relative;
}
.col3{
    width: 25%;
    display: inline-block;
    margin-left: 1em;
    vertical-align: top;
}
.col4{
    width: 21%;
    display: inline-block;
    margin-right: 1em;
    vertical-align: top;
}
.col5{
    width: 14%;
    display: inline-block;
    margin-left: 1em;
    vertical-align: top;
}
.colten{
  vertical-align: text-bottom;
  width: 12%;
  display: inline-block;
  margin-right: .8em;
}
.colsmall{
  width: 5%;
}
.nopay{
  color: #ff6f70;
}
.tx_bsline{
  vertical-align: middle !important;
  margin-top: .1em !important;
}
.txt_sub_cu{
  vertical-align: top !important;
  margin-top: .23em !important;
}
.label{
  font-size: .7em;
  color: gray;
  display: block;
  text-align: left;
  padding: .5em;
  padding-left: 1em;
}
.inp_form{
  border: 0;
  background: #f3f3f3;
  padding: .7em;
  padding-left: 2em;
  width:80%;
  border-radius: 20px;
  display: block;
  margin: 0 auto;
  color: #312f2f;
}
.inp_form:focus{
  color: #495057;
  background-color: #fff;
  border-color: #a1ccfb;
  outline: 0;
  box-shadow: 0 0 0 0.16rem rgba(9, 128, 255, 0.30);
}
.rgh{
  right: -1.5em !important;
}
.bntadd_Save{
  display: inline-block;
  padding: .25em 2.5em;
  background: #00b7ff;
  border-radius: 20px;
  margin-right: 1em;
  margin-top: .3em;
  color: white;
  font-weight: bold;
  border: 0;
}
.mensaje{
  position: fixed;
  bottom: 5em;
  right: 4em;
  z-index: 1000;
  padding: 1em 4em;
  background: #e8e8e8;
  border: 1px solid #e2e2e2;
  box-shadow: 1px 2px 10px #8e8e8e;
}
.showmensaje{
  font-size: .8em;
  color: #18AAD4;
  font-weight: bold;
  display: inline-block;
}
.iconflot{
  position: absolute;
  left: 1em;
  font-size: 1.2em;
  text-align: center;
  color: #dee50c;
}
.titu_cot{
  position: fixed;
  top: 5em;
  left: 25%;
  max-width: 320px;
  background: #eaeaea;
  padding: .6em .5em;
  border-radius: 50px;
  margin: 0 auto;
  color: #7f7b7b;
  z-index: 200;
  font-size: .9em;
}
.sp_medio{
  width: 100%;
  position: relative;
}
.inptMatr{
  display: inline-block;
  width: 25% !important;
}
.inpttpA{
  display: inline-block;
  width: 15% !important;
}
.inptClient{
  display: inline-block;
  width: 50% !important;
}
.label_cot{
  font-size: .6em;
  color: white;
  display: block;
  background: rgba(0, 0, 0, .3);
  border-radius: 20px;
  text-align: left;
  padding: .2em;
  padding-left: 1em;
  text-transform: uppercase;
  font-weight: bolder;
}
.label_cotbla{
  font-size: .6em;
  color: white;
  background: rgba(70, 70, 70, .5);
  border-radius: 20px;
  color: white;
  display: block;
  text-align: left;
  padding: .2em;
  padding-left: 1em;
  text-transform: uppercase;
  font-weight: bolder;
}
.label_inlene{
  font-size: .6em;
  color: white;
  display: inline-block;
  text-align: right;
  padding: .2em;
  padding-right: 1em;
  text-transform: uppercase;
  font-weight: bolder;
}
.inpt_coti{
  width: 90%;
  padding: .4em .5em;
  padding-left: 1.5em;
  margin: .1em;
  color: #b8afaf;
  font-size: .7em;
  font-weight: bold;
  border: 1px solid #f2f2f2;
}
.tag_muestra{
  padding: .4em .5em;
  margin: .1em;
  color: #1a1c1b;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid #f2f2f2;
  text-align: center;
}
.float_tag{
  position: absolute;
  color: white;
  left: 2em;
  top: -2em;
}
.btn_clear{
  position: absolute;
  left: 8em;
  top: -2.8em;
  background: #fc8d8d;
  color: white;
  padding: .3em 2em;
  border-radius: 20px;
  font-size: .7em;
  font-weight: bold;
  cursor: pointer;
}
.select_inp{
  background: lightgrey;
  color: gray;
}
.btn_clear:hover{
  background: #fa5959;
}
.inp_icon{
  position: relative;
  display: inline-block;
}
.icon_f_inp{
  position: absolute;
  left: -.6em;
  top: 1.12em;
  background: #eee9e9;
  padding: .26em;
  color: #7c7c7c;
}
.sp_medio{
  padding: .1em 0em;
}
.subti_coti{
  padding: .2em;
  font-size: .8em;
  color: white;
  font-weight: bolder;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: .1em;
}
.subti_coti_negr{
  padding: .2em;
  font-size: .8em;
  color: black;
  font-weight: bolder;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: .1em;
}
.prueba{
  background: white;
}
.wdt_70{
  width: 70% !important;
}
.lb_linea{
    display: inline-block;
    font-size: .7em;
    font-weight: bold;
    width: 60px;
}
.inp_linea{
  background: #f4f4f4;
  width: 50%;
  padding: .3em .5em;
  margin-left: .5em;
  text-align: center;
  font-weight: bold;
  color: #9b9696;
}
.redond{
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: .5em;
  line-height: 15px;
  text-align: center;
  background: #e3e3e3;
  color: #6e6a6a;
  border-radius: 50%;
  float: left;
  margin-left: 2.5em;
  margin-top: .3em;
}
.operacion{
  display: inline-block;
  margin-left: .2em;
  font-size: .7em;
  color: gray;
}
.time_ope{
  display: inline-block;
  margin-left: .2em;
  font-size: .7em;
  color: gray;
  width: 80px;
  text-align: left;
}
.total{
  display: inline-block;
  margin-left: .2em;
  font-size: .7em;
  background: #12c1d1;
  color: white;
  padding: .2em;
  border-radius: 20px;
}
.bd_gray{
  border: 1px solid #e5e4e4;
  box-shadow: 1px 3px 5px #d9d9d9;
}
.div_modi{
  background: #f4f4f4;
}
.lb_tit_la{
  font-size: .7em;
  font-weight: bold;
  color: gray;
}
.wd_100{
  max-width: 98% !important;
}
.inp_modi{
  width: 95%;
  padding: .4em 0em;
  padding-left: .5em;
  margin: .1em;
  color: #b8afaf;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  border: 1px solid #f2f2f2;
}
.inp_li{
  background: #ffffff;
  width: 50%;
  padding: .3em .5em;
  margin-left: .5em;
  text-align: center;
  font-size: .68em;
  color: #9b9696;
}
.cont_cotizacion{
  margin-top: 1em;
  background: rgba(0, 0, 0, .5);
}
.menu_appMovil{
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 3.9em;
    width: 70%;
    z-index: 1500;
    background: white;
    border-right: 1px solid #f0f0f0;
}
.item_app_m{
  display: block !important;
  padding: .5em 1em;
  padding-left: 2.5em;
  height: 38px;
  color: #948e8e;
  line-height: 35px;
  transition: .3s;
}
.act_m{
    color: #6eb1e9 !important;
    border-top: 3px solid #68baff;
}
.icon_menu_m{
  font-size: 1.3em;
}
.fondo_main{
  background: url('/../img/login.jpg') !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center;
}
.fondo_intern{
  background: url('/../img/CABINA 2.jpg') !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.fondo_log{
  background: url('/../img/login.jpg') !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.comp_foto{
  background-repeat: no-repeat !important;
}
.buscador_cont{
  display: block;
  max-width: 400px;
  position: relative;
  margin: 0 auto;
}
.inp_find{
  padding: .5em 2em;
  width: 90%;
  border-radius: 20px;
  outline: none;
  padding-left: 3em;
}
.icon_search{
  position: absolute;
  left: 1.9em;
  top: .4em;
  color: gray;
}
.item_radio{
  background: white;
  position: relative;
  text-align: left;
  padding: .1em;
  margin: .1em;
  cursor: pointer;
}
.item_radio:hover .icon_hab{
  background: #B0B0B0;
  color: white;
  transition: .3s;
}
.item_radio:hover .text_acordion{
  color: #979292;
  transition: .3s;
}
.icon_hab{
  display: inline-block;
  font-size: 1.1em;
  padding: .1em;
  border-radius: 50%;
  background: #f2f2f2;
  color: lightgrey;
  margin-left: 3em;
  vertical-align: text-bottom;
}
.text_acordion{
  padding: .3em;
  display: inline-block;
  color: #b4b2b2;
  margin-left: 2em;
  font-size: .8em;
}
.icon_active{
  background: #2aadea;
  color: white;
}
.ser_selected{
  color: #3d3d3d;
}
.content_serivicio{
  display: block;
  background: #f6f6f6;
  box-shadow: 3px 4px 6px #b6b6b6;
  max-width: 90%;
  margin: 0 auto;
}
.item_presu{
  display: block;
  position: relative;
}
.icon_ex{
  position: absolute;
  right: 1em;
  top: .3em;
  cursor: pointer;
  padding: .1em;
  font-size: .8em;
  border-radius: 50%;
  background: #e1e1e1;
  color: #3f3c3c;
}
.titl_presu{
  display: inline-block;
  width: 25%;
  text-align: left;
  font-size: .65em;
  padding: .4em .3em;
}
.total_presu{
  display: inline-block;
  font-size: .65em;
  width: 30%;
}
.inp_opcional{
  font-size: .65em;
  color: gray;
  display: inline-block;
  margin-left: .5em;
  width: 28%;
  border: 1px solid #86dddb;
  padding: .5em;
  border-radius: 20px;
  margin-bottom: .5em;
  resize: none;
}
.cont_btn_imp{
  padding: 1em 2em;
  background: #f4f4f4;
  box-shadow: 3px 2px 5px #b6aa70;
  border-bottom: 3px solid #1290ac;
}
.btn_save_im{
    display: inline-block;
    padding: .35em 1.5em;
    border: 0;
    outline: none;
    background: #2aadea;
    color: white;
    margin-right: 1em;
    border-radius: 3px;
    box-shadow: 2px 3px 4px #9f9f9f;
}
.btn_impre_im{
    display: inline-block;
    padding: .35em 1.5em;
    border: 0;
    outline: none;
    background: #ff6e50;
    color: white;
    margin-right: 1em;
    border-radius: 3px;
    box-shadow: 2px 3px 4px #9f9f9f;
}
.h_730{
  max-height: 930px;
  position: relative;
}
.mar_aqua{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../img/aqua.png);
  background-position: bottom;
  background-position-y: 93%;
  background-repeat: no-repeat;
  background-size: 60%;
  opacity: .2;
  z-index: 100;
}
.logo_imp{
  width: 50%;
  padding: .8em 1em;
  padding-bottom: .3em;
}
.list_info_imp{
  padding: 1em;
  margin-top: .5em;
}
.item_info_impresion{
  list-style: none;
  font-size: .8em;
  text-align: left;
  padding: .1em;
}
.clss_head{
  position: relative;
  padding: .5em;
}
.cont_folio{
  position: absolute;
  bottom: 0em;
  left: .3em;
  background: white;
  padding: .2em;
}
.folio{
  font-size: .9em;
  color: #393333;
  font-weight: bold;
}
.inp_folio{
  width: 80px;
  border: 1px solid #e3e3e3;
  padding: .4em;
  font-size: .8em;
  font-weight: bold;
  color: #605e5e;
}
.nb_imp{
  font-weight: bold;
  font-size: 1em; 
}
.col_g{
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.col_s{
  display: inline-block;
  width: 40%;
  vertical-align: top;
}
.inp_imp{
  width: 60%;
  background: #f8f8f8;
  padding: .3em .5em;
  color: gray;
}
.inp_imp_sec{
  width: 50%;
  background: #f8f8f8;
  padding: .3em .5em;
  color: gray;
}
.lb_imp_cli{
  font-size: .7em;
  color: #373434;
  width: 35%;
  display: inline-block;
  font-weight: bold;
  text-align: left;
}
.col3_m{
  width: 28%;
  display: inline-block;
  vertical-align: top;
}
.cont_imp_text{
  display: inherit;
  font-size: .7em;
  color: gray;
  padding: .2em;
}
.info_client_imp{
  border: 1px solid #dddddd;
  max-width: 90%;
  margin: .6em auto;
  padding: .5em;
}
.t_cabecera_imp{
    background: #58a6c2;
    border-bottom: 3px solid #e5e5e5;
    text-align: center;
}
.ele_head_imp{
  padding: .8em .5em;
  padding-bottom: 1.3em;
  color: #ffffff;
  font-size: .8em;
}
.text-ar{
  white-space: pre-wrap;
}
.filatab_imp{
  padding: .4em 0em .2em .5em;
  cursor: pointer;
  transition: .3s;
  color: #000000;
  font-size: 1em;
  text-align: center;
}
.filatab_imp_t{
  padding: .4em 0em .2em .5em;
  cursor: pointer;
  transition: .3s;
  color: #3f3838;
  font-weight: bold;
  text-align: center;
  background: #eceaea;
  color: #13969b;
  font-size: .9em;
}
.bk_total{
  background: #dbdbdb;
}
.titul_coti_imp{
  background: #f4f4f4;
  padding: .3em;
  margin-bottom: .5em;
}
.cl_tt{
  color: #2994ff;
}
.text_footer{
  font-size: .65em;
  color: gray;
  max-width: 500px;
  padding: 1em;
  margin: 1em auto;
}
.lis_cn_new{
  display: block;
  position: relative;
  padding: .3em;
}
.item_mas{
  padding: .4em 1.5em;
  font-size: .6em;
  color: #605e5e;
  font-weight: bolder;
  border-radius: 20px;
  background: #e1e1e1;
  display: inline-block;
  box-shadow: 1px 2px 3px #d3d1d1;
  cursor: pointer;
}
.item_mas:hover{
  background: #d7d7d7;
}
.inl_btn_a{
  position: relative;
  display: inline;
}
.icon_add_pre{
  font-size: 1.3em;
  vertical-align: middle;
  padding-right: .1em;
}
.cl3_p{
  display: inline-block;
  width: 29%;
  text-align: center;
  font-size: .7em;
  color: black;
  font-weight: bold;
  padding: .2em;
  vertical-align: top;
}
.err_secc{
  background: #ef9b9b !important;
}
.active_section{

}
.footer_imp{
  position: absolute;
  bottom: 0;
}
.btns_imp{
  position: fixed;
  right: 0;
  top: 40%;
  padding: 1em;
}
.selec_fix_im{
  position: fixed;
  right: 0;
  top: 25%;
  padding: 1em;
}
.inp_add{
  display: inline-block;
  padding: .3em 2em;
  background: #f7f7f7;
  color: black;
  border-radius: 20px;
}
.btn_imprimir{
  list-style: none;
  padding: .4em 2em;
  background: #1aa2a8;
  border-radius: 20px;
  color: white;
  font-size: .8em;
  font-weight: bold;
  margin: .2em;
  cursor: pointer;
  display: block !important;
  margin-top: .3em;
}
.btn_imprimir:hover{
  background: #1F8F94;
}
.btn_imprimir_c{
  list-style: none;
  padding: .4em 2em;
  background: #2196F3;
  border-radius: 20px;
  color: white;
  font-size: .8em;
  font-weight: bold;
  margin: .2em;
  cursor: pointer;
}
.wd_200{
  width: 350px;
  text-align: center;
}
.float_mail{
  position: absolute;
  width: 300px;
  right: 12em;
  top: 10%;
  padding: 1em;
  background: white;
  box-shadow: 2px 1px 15px #474141;
  z-index: 3000;
}
.sm_btn_flt{
  position: absolute;
  right: 0;
  top: .2em;
  font-size: .65em;
}
.text_correo{
  padding: .8em;
  width: 85%;
  height: 80px;
  margin: 0 auto;
  border: 0;
  background: #f3f3f3;
  resize: none;
  color: #353232;
  font-family: inherit;
  outline: none;
}
.contenedor_filtros{
  position: relative;
  display: block;
  max-width: 1000px;
  margin: 0 auto;
  padding: .3em;
  margin-bottom: 1em;
  background: white;
  box-shadow: 3px 4px 5px #282222;
  padding-bottom: 2em;
}
.advertencia{
  font-size: .75em;
  color: #44bbea;
  text-align: center;
  transition: .3s;
  text-shadow: 1px 1px 1px #ffffff;
}
.btn_flt_search{
  position: absolute !important;
  font-size: .8em;
  color: white;
  background: #0f9dff;
  bottom: -.5em;
  left: 43%;
  padding: .3em 1.5em;
  border-radius: 20px;
  list-style: none;
}
.btn_flt_ecxel{
  position: absolute !important;
  font-size: .8em;
  color: #7b7b7b;
  background: #e8e8e8;
  bottom: -.5em;
  left: 53%;
  padding: .3em 1.5em;
  border-radius: 20px;
  list-style: none;
}
.btn_flt_close{
  position: absolute !important;
  font-size: .8em;
  color: #7b7b7b;
  background: #e8e8e8;
  bottom: -.5em;
  left: 62%;
  padding: .5em 1.5em;
  border-radius: 20px;
  list-style: none;
}
.abs{
  position: absolute !important;
}
.btn_flt_search:hover{
  background: #1988d5;
  box-shadow: 2px 3px 4px #8d8d8d;
  font-weight: bolder;
  transition: .1s;
  cursor: pointer;
}
.wd_tab{
  width: 600px;
}
.btn_flt_ecxel:hover{
  color: #68bf9e;
  background: #eeeeee;
  box-shadow: 2px 3px 4px #8d8d8d;
  font-weight: bolder;
  cursor: pointer;
}
.titul_presupuesto{
  display: block;
  font-size: .9em;
  font-weight: bolder;
  text-align: center;
  padding: .3em;
  padding-bottom: .8em;
  color: gray;
  background: #f8f8f8;
}
.inp_pres{
  background: #ffffff;
  padding: .3em 1em;
  margin: .3em;
  border: 1px solid #e7e7e7;
  box-shadow: 1px 2px 3px silver;
}
.col6_p{
  width: 12%;
  display: inline-block;
  margin-right: 2em;
  vertical-align: top;
}
.col4_p{
  width: 20%;
  display: inline-block;
  margin-right: 2em;
  vertical-align: top;
}
.col5_p{
  width: 15%;
  display: inline-block;
  margin-right: 2em;
  vertical-align: top;
}
.st_active{
  background: #51a8ff;
  color: white;
}
.form_extras{
  max-width: 500px;
  margin: 0 auto;
}
.fs_8{
  font-size: .8em;
}
.t_statics{
  padding: 1em;
  background: rgba(0, 0, 0, .6);
  color: white;
}
.inp_tarifas{
  padding: .8em 2em;
  width: 80%;
  border-radius: 20px;
  outline: none;
  color: #636568;
  padding-left: 3em;
  margin: .2em;
}
.btn_update{
    display: inline-block;
    font-size: .8em;
    color: white;
    background: #0f9dff;
    padding: .4em 2em;
    border-radius: 20px;
    list-style: none;
    border: 0;
    outline: none;
}
.btn_update:hover{
  font-weight: bold;
}
.sv_nc{
  padding: .4em;
  width: 100%;
}
.inp_cat{
  width: 88%;
  margin: 0;
  min-height: 50px;
  padding: .4em 1em;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
}
.cat_div{
  display: inline-block;
  width: 40%;
  vertical-align: top;
}
.cat_ti{
  display: inline-block;
  width: 15%;
}
.pd13{
  padding: 1.3em 0 !important;
}
.inp_canti{
  width: 60%;
  padding: .4em 1em;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
}
.reci{
  margin-left: .5em;
  vertical-align: sub;
}
.tit_pres{
  font-size: .7em;
  margin-top: .3em;
  font-weight: bolder;
  padding: .2em;
}
.left_ti{
  font-size: .7em;
  color: gray;
}
.center_cat{
  font-size: .7em;
  color: gray;
}
.right_cat{
  font-size: .7em;
}
.ps_relative{
  position: relative;
}
.col6{
  display: inline-block;
  vertical-align: sub;
  width: 15%;
  margin-right: .5em;
}
.col7{
  display: inline-block;
  vertical-align: sub;
  width: 13%;
  margin-right: .5em;
}
.cnt_se_leng{
  position: absolute;
  top: -3.6em;
  right: 5em;
}
.cnt_se_pago{
  position: absolute;
  top: -3.6em;
  right: 11.1em;
}
.cnt_se_mon{
  position: absolute;
  top: -3.6em;
  right: 0em;
}
.moneda_clas{
  background: white;
  padding: .1em .5em;
}
.salida_clas{
  background: white;
  padding: .2em 1em;
  color: gray;
  margin: .5em 0;
  margin-right: 1.38em;
}
.idioma_clas{
  background: white;
  padding: .1em .5em;
}
.col_t{
  padding: .4em 2em;
  background: #58a6c2;
  color: #ffffff;
  font-size: .9em;
}
.f_tabla{
  padding: .5em 2em;
  color: #5c5454;
}
.datos_coti{
  padding: .8em 1em;
}
.aviso_pres{
  margin-top: .8em;
  margin-bottom:.8em;
  padding: .3em;
}
.avis_1{
  font-weight: bolder;
  color: #4d4b4b;
  padding: .0em;
  font-size: .65em;
}
.aviso3{
  color: blue;
  padding: .2em;
  font-size: .7em;
}
.aviso_4{
  font-size: .60em;
  color: #ff4949;
  padding: .5em;
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
}
.conten_coti_num{
  padding: .5em;
  background: #1aa2a8;
  border-radius: 50%;
  color: white;
  width: 200px;
  margin: 0 auto;
  margin-top: 2.5em;
}
.cuanto_inp{
  width: 50%;
  margin: 0 auto;
  padding: .4em 1em;
  background: #f3f3f3;
  border-radius: 20px;
  margin-bottom: .3em;
}
.label_fbo{
  font-size: .7em;
  color: gray;
  display: block;
  text-align: center;
  padding: .2em .5em;
}
.section_fbo_f{
  background: #e7e7e7;
}
.ti_fbo_form{
  font-size: .9em;
  font-weight: bold;
  padding: 1em;
}
.tit_fact{
  font-size: 1em;
  margin-top: .5em;
}
.scond_text{
  font-size: .9em;
  color: gray;
}
.titu_coti_fac{
  padding: .3em;
  border-top: double #58a6c2;
  border-bottom: double #58a6c2;
  font-size: 1.3em;
  font-weight: bolder;
}
.list_dt{
  list-style: none;
}
.item_dt_fac{
  font-size: .7em;
  margin: .4em 0;
  vertical-align: top;
}
.titu_fac{
  display: inline-block;
  width: 100px;
}
.text_fac{
  display: inline-block;
}
.list_t_fac{
  background: #58a6c2;
  color: white;
  font-weight: bold;
  max-width: 280px;
  margin-left: 2em;
}
.list_t_fac_Tex{
  max-width: 280px;
  margin-left: 2em;
  background: #f2f2f2;
  color: #818181;
}
.item_fe_fac{
  display: inline-block;
  width: 100px;
  vertical-align: top;
  font-size: .8em;
}
.logo_imp_fac{
  width: 40%;
  padding: .5em 0em;
  margin-left: 1em;
}
.flio_negrita{
  font-weight: bold;
  color: black;
  font-size: 1em;
}
.cont_cabecera_fac{
  margin-bottom: .8em;
}
.tabla_r{
  width: 89%;
  margin: 0 auto;
  text-align: left;
  font-size: .8em;
  border: none;
  border-collapse: collapse;
}
.leyenda{
  max-width: 350px;
  margin: 0 auto;
  padding: 3em;
  color: #605a5a;
  text-align: justify;
}
.text_alert{
  font-size: .7em;
  max-width: 400px;
  padding: 1em;
  color: gray;
  margin: 0 auto;
}
.tit_cot_pagada{
  font-size: .8em;
  padding: 1em;
  padding-left: 3.5em;
  background: #e5e5e5;
  text-transform: uppercase;
  margin-bottom: 2em;
}
.is_pdf{
  background: #db5353;
  color: #ffffff;
}
.con_head_fac{
  border-bottom: double;
  max-width: 88.8%;
  margin: 1em auto;
  margin-right: 3em;
  padding-bottom: .5em;
  border-bottom-width: 5px;
}
.cont_logo_f{
  display: inline-block;
  vertical-align: top;
  width: 40%; 
  text-align: left;
  margin-left: -2em;
}
.islan_da{
  display: inline-block;
  vertical-align: top;
  margin-top: .5em;
  width: 30%;
}
.folio_fact_f{
  display: inline-block;
  vertical-align: top;
  margin-top: .5em;
  width: 20%;
  margin-left: 2em;
}
.img_factura{
  width: 90%;
  display: inline-block;
}
.tit_fact_t{
  font-size: .7em;
}
.scond_text_t{
  font-size: .7em;
  color: #2b2525;
}
.tag_f_f{
  font-size: .9em;
  color: #6a6464;
  border-bottom: double;
  margin-bottom: .5em;
}
.fol_negr{
  color: #ff6a6a;
  padding: .3em;
}
.item_ta_fa{
  list-style: none;
}
.color_t{
  display: inline-block;
  background: #58a6c2;
  padding: .2em;
  color: white;
  text-align: center;
  width: 120px;
  font-size: .65em;
}
.mg_left{
  margin-left: 1.5em;
}
.pdg_lf5{
  padding-left: .5em;
}
.mg_1_5{
  margin-left: 1.5em;
}
.mg_right{
  margin-right: 0 !important;
}
.mgrg1{
  margin-right: 1em !important;
}
.txt_t{
  display: inline-block;
  font-size: .67em;
  color: #232020;
  border-top: 1px solid #e1e1e1;
}
.totl_pa{
  font-weight: bolder;
  font-size: .8em;
}
.clss_table_Fac{
  margin: 1em auto;
}
.conte_firma{
  margin-top: 2em;
}
.firma_caja{
  font-family: 'Script MT Bold', serif;
  display: block;
  max-width: 300px;
  margin: 0 auto;
  padding: .1em;
  font-size: .8em;
  font-weight: bold;
  border-top: 1px solid #6a6363;
}
.section_price{
  width: 88%;
  margin: 0 auto;
  margin-top:.6em;
}
.lb_lit{
  font-size: .7em;
  font-weight: bold;
}
.conte_letr_to{
  
}
._total_primario{
  font-size: .63em;
  text-align: right;
  border-bottom: 1px solid gray;
}
.total_iva_tag{
  font-size: .63em;
  text-align: right;
}
.item_letr_tot{
  display: inline-block;
  text-align: center;
  width: 65%;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .77em;
}
.item_pre_tot{
  font-size: .77em;
  display: inline-block;
  text-align: right;
  width: 33.5%;
  font-weight: bolder;
}
.pyms_empres{
  font-size: .6em;
  padding: .1em;
  list-style: none;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  width: 88%;
  margin: .2em auto;
}
.expect_Text{
  width: 50%;
  display: inline-block;
  padding: .3em;
  text-align: center;
}
.head_res{
  font-size: .9em;
  padding: 1em;
  padding-left: 3.5em;
  background: #e5e5e5;
  text-transform: uppercase;
  margin-bottom: 2em;
  font-weight: bolder;
}
.head_res_v{
  padding: 1em;
  padding-left: 3.5em;
  text-transform: uppercase;
  font-weight: bolder;
  color: gray;
}
.list_herramientas{
  max-width: 500px;
  background: #E9E9E9;
  margin: .5em auto;
}
.list_herramientas_v{
  max-width: 500px;
  background: #f2f2f2;
  margin: .5em auto;
  border-radius: 20px;
}
.item_herraminetas{
  display: inline-block;
  text-align: center;
  font-weight: bold;
  color: gray;
  font-size: .8em;
  padding: .4em 3em;
  cursor:pointer;
}
.item_herraminetas:hover{
  text-decoration: underline;
}
.color_e{
  color: #2bd988;
}
.color_p{
  color: #ff4242de;
}
.tabla_re{
  width: 88%;
  margin: 0 auto;
  text-align: left;
  font-size: .75em;
  border: none;
  border-collapse: collapse;
}
.cabecera_rep{
  background: #ebebeb;
  border-bottom: 3px solid #e7e7e7;
}
.cabecera_rep_v{
  background: #f2f2f2;
  border-bottom: 3px solid #e0e0e0;
}
.head_rep{
  padding: 1em .5em;
  /* width: 150px; */
  font-weight: bold;
  color: #787676;
  font-size: .75em;
  border-bottom: 1px solid #e8e0e0;
}
.fila_rep{
  background: white;
  font-size: .75em;
  border-bottom: 2px solid #ebebeb;
  padding: .8em;
}
.fila_rep_v{
  background: white;
  font-size: .75em;
  border-bottom: 2px solid #f6f6f6;
  padding: .8em;
  color: gray;
  font-weight: lighter;
}
.wd_repo{
  max-width: 98% !important;
}
.contenedor_reporte{
  position: relative;
  height: 700px;
  margin: 2em;
  overflow-y: scroll;
}
.inp_find{
  background: #ffffff;
  width: 100%;
  padding: .3em 1em;
  margin: .3em;
  border: 1px solid #e7e7e7;
  box-shadow: 1px 2px 3px silver;
}
.informacion_aer{
  display: block;
  max-width: 1100px;
  padding: 1em;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.coltabla_aer{
  padding: 1.5em .4em;
  font-weight: bold;
  color: #787676;
  font-size: .9em;
  border-bottom: 1px solid #e8e0e0;
}
.tt_gen{
  color: #494b4b;
  font-size: 1.2em;
  vertical-align: middle;
}
.txt_dtll{
  display: inline-block;
  font-size: .8em;
  color: gray;
  margin-right: 1em;
}
.lb_sv{
  font-size: .7em;
  color: gray;
  display: inline-block;
  padding: .5em;
  padding-left: 1em;
  margin-right: .8em;
}
.svaeFile{
  display: inline-block;
  vertical-align: sub;
}
.cnt_se_car{
  position: absolute;
  top: -3.6em;
  right: 19.5em;
  width: 100px;
}
.cnt_se_otr{
  position: absolute;
  top: -3.6em;
  right: 26.7em;
  width: 100px;
}
.cnt_se_arp{
  position: absolute;
  top: -3.6em;
  right: 34em;
  width: 100px;
}
.cnt_searching{
  max-width: 500px;
  margin: .5em auto;
}
.regresar_icon{
  position: absolute;
  left: .8em;
  top: .8em;
  font-size: 1.5em;
  color: #8b8e91;
}
.regresar_icon:hover{
  color: #2196F3;
}







/*CSS DE LA APP DE VUELOS*/


.cont_aplicicones{
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  padding: 1em;
}
.item_app{
  display: inline-block !important;
  border: 1px solid #000000;
  background: rgba(4, 4, 4, .2);
  border: 1px solid #5d5d5d;
  box-shadow: 2px 2px 10px #0e0e0e;
}
.item_app:hover{
  font-weight: bolder;
  transition:.2s;
  box-shadow: 3px 2px 5px #121212;
}
.cont_img_app{
  max-width: 200px;
  height: 200px;
  margin: .5em auto;
  border-radius: 50%;
  background: #ececec;
  text-align: center;
}
.img_app{
  width: 50%;
  margin-top: 3em;
}
.enlace_app{
  padding: 1em;
  display: block;
  color: #ffffff;
  text-shadow: 2px 2px 2px black;
  font-size: 1.1em;
}
.titul_app{
  font-size: 2em;
  text-align: center;
  padding: 1em;
  color: white;
  background: rgba(0, 0, 0, .5);
  text-shadow: 3px 3px 3px #282828;
}
.fondo_vuelos{
  background: url('../img/CABINA 1.jpg') !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.cont_swt{
  max-width: 400px;
  background: white;
  margin: 0 auto;
}
.item_swt{
  display: inline-block;
  width: 50%;
  text-align: center;
  color: gray;
  padding: .6em 0;
  font-size: .8em;
  text-transform: uppercase;
}
.item_swt:hover{
  font-weight: bold;
}
.active_swt{
  background: #f4f4f4;
  color: #31aee7;
  font-weight: bold;
}
.t_vuelos{
  background: #f4f4f4;
  border-bottom: 3px solid #e9e9e9;
}
.colvuelos{
  padding: 1em .5em;
  width: 150px;
  font-weight: bold;
  color: #3d5f6e;
  font-size: .9em;
  border-bottom: 1px solid #fafafa;
  text-align: center;
}
.filavuelos{
  position: relative;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  color: gray;
}
.status_a{
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #40db84;
  border-radius: 50%;
  box-shadow: 1px 1px 2px #dbdbdb;
  margin-top: .5em;
}
.red_t{
  background: #f07c7c !important;
}
.sep_air{
  margin-right: .3em;
}
.t_red{
  color: #f07c7c !important;
}
.t_orange{
  color: #ff9a1d !important;
}
.t_green{
  color: #44d98e !important;
}
.t_blue{
  color: #579fbf !important;
}
.t_brown{
  color: #bfa95b !important;
}
.brown_t{
  background: #bfa95b !important;
}
.blue_t{
  background: #579fbf !important;
}
.isMy{
    font-weight: bold !important;
    color: #31aee7;
}
.orange_t{
  background: #ff9a1d !important;
}
.txt_reg_v{
  display: inline-block;
}
.txt_reg_v:hover{
  transition: .2s;
  color: #673ab7;
}
.img_flt_btn{
  position: absolute;
  z-index: 15;
  width: 350px;
  left: 7.5em;
  top: -8em;
  background: #f4f4f4;
  box-shadow: 2px 2px 5px #a1a1a1;
  padding: 1em;
}
.btn_matri{
  background: #31aee7;
  font-size: 1.1em;
  color: white;
  padding: .2em 1em;
  border-radius: 20px;
  border: 0;
  outline: none;
  font-family: inherit;
  cursor: pointer;
}
.btn_matri:hover{
  box-shadow: 1px 2px 3px #8f8b8b;
}
.add_vuelo{
  position: absolute !important;
  top: 1em;
  right: .5em;
  text-align:center;
  width: 45px;
  height: 45px;
  font-size: 1.4em;
  line-height: 45px !important;
  border-radius: 50%;
  background: #31aee7;
  color: white;
  box-shadow: 2px 2px 10px #161515;
}
.col3_rt{
  display: inline-block;
  padding: .3em;
  border: 1px solid #e9e9e9;
}
.isView:hover{
  font-weight: bold;
  transition: .1s;
  transform: scale(1.1);
  background: #ececec;
}
.wd_row{
  width: 400px;
}
.act_rt{
  color: #25d170;
  font-weight: bold;
  text-shadow: 1px 1px 1px white;
}
.col1_rt{
  display: block;
  padding: .1em;
}
.tit_vtn{
  background: #26b8f8;
  color: white;
  font-weight: bold;
  font-size: .75em;
  text-transform: uppercase;
  padding: .8em;
  box-shadow:0px 2px 1px #b4b4b4;
}
.wd_vuelo{
  max-width: 80%;
}
.md_sepa{
  max-width: 1100px;
  margin: 0 auto;
  padding: .3em;
}
.in_vuelo{
  text-align: center;
  border: 0;
  background: #f6f6f6;
  padding: .5em;
  padding-left: .8em;
  width: 95%;
  border-radius: 20px;
  display: block;
  margin: 0 auto;
  color: gray;
}
.label_v{
  font-size: .65em;
  color: #878686;
  display: block;
  text-align: center;
  padding: .2em;
  padding-left: 1.5em;
}
.sensible_inp{
  background: #ececec;
}
.bk_secc{
  background: #e5e5e5;
}
.found{
  padding: .6em 1em;
  position: relative;
  text-align: left;
  background: #f0f0f0;
  box-shadow: 0px 1px 2px #d7d7d7;
}
.titul_doc{
  font-size: .8em;
  display: inline-block;
}
.flt_lf_t_dc{
  position: absolute;
  top: .5em;
  left: 1em;
}
.icon_doc{
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  padding: .3em;
  background: #00b7ff;
  font-size: .8em;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  vertical-align: middle;
}
.icon_doc:hover{
  background: #2da6db;
}
.cont_docs{
  padding: 1em .2em;
}
.item_down{
  position: relative;
  vertical-align: top;
  display: inline;
  text-decoration: none;
  color: #39b2e1;
  font-size: .65em;
  max-width: 100px;
  white-space: nowrap;
  overflow:hidden;
  padding: .2em 1em;
}
.cnt_item{
  position: relative;
  vertical-align: top;
  display: inline-block;
  min-width: 80px;
  margin: .2em;
}
.elmi_fil{
  position: absolute;
  right: 1em;
  top: .2em;
  padding: .1em;
  background: #e5e5e5;
  border-radius: 50%;
  z-index: 1000;
  font-size: .75em;
}
.elmi_fil:hover{
  background: #DBDBDB;
  color: gray;
}
.ext_fil{
  right: auto;
  left: 1em;
  top: .1em;
}
.item_down:hover{
  font-weight: bold;
  text-decoration: underline;
}
.teti_m2{
  font-size: .8em;
  color: #2c2a2a;
  text-align: center;
  padding: .4em;
}
.closed_m2{
  padding: .3em;
  font-size: 1em;
  position: absolute;
  right: .2em;
  top: .2em;
  color: #d2d1d1;
  cursor: pointer;
  z-index: 300;
}
.closed_m2:hover{
  color: black;
}
.modal_addfile{
  position: absolute;
  max-width: 350px;
  left: 0em;
  top: 2em;
  padding: 1em;
  background: #f6f6f6;
  box-shadow: 3px 3px 2px #dfdfdf;
  z-index: 1300;
}
.modal_edit{
  position: absolute;
  max-width: 350px;
  left: 35%;
  top: 3em;
  padding: 1em;
  background: white;
  box-shadow: 0px 0px 10px #dfdfdf;
  z-index: 1300;
}
.cont_coment_doc{
  position: absolute;
  width: 300px;
  right: 0;
  top: 3em;
  padding: 1em;
  background: #f6f6f6;
  box-shadow: -3px 3px 2px #dfdfdf;
  z-index: 1300;
}
.comm_aer{
  display:block;
  width: 90%;
  margin:.5em auto;
  resize: none;
  border: 0;
  padding: 1em;
  border: 1px solid #d8d6d6;
  font-family: inherit;
  height: 100px;
}
.yescoment{
  background: #00b7ff !important;
  color: white !important;
}
.inp_file{
  margin-top: 1em;
  width: 70%;
  font-size: .8em;
  color: #bebcbc;
  padding: 2em;
  background: #fafafa;
  border: 1px dashed #bec0c0;
}
.subir_file{
  background: #00b7ff;
  border: 0;
  padding: .4em 1.5em;
  border-radius: 20px;
  color: white;
  font-size: .7em;
  font-weight: bold;
  box-shadow: 1px 2px 3px #999999;
  outline: none;
}
.btn_file{
  background: #ff805b;
  font-size: 1.1em;
  color: white;
  padding: .2em 1em;
  border-radius: 20px;
  border: 0;
  outline: none;
  font-family: inherit;
  cursor: pointer;
}
.btn_file:hover{
  background: #fe6335;
}
.hg_file{
  max-width: 60% !important;
  min-height: 400px;
  overflow-y: auto;
}
.p_vacio{
  font-size: .8em;
  color: #979797;
}
.conte_show{
  position: relative;
  padding: 1em;
  margin-top: 3em;
  margin-bottom: 1em;
}
.tb_show{
  table-layout: fixed;
  width: 95%;
  margin: 0 auto;
  text-align: left;
  font-size: .7em;
  border: none;
  border-collapse: collapse;
}
.file_show{
  background: #f4f4f4;
}
.colshow{
  padding: .8em .3em;
  font-weight: bold;
  color: #3d5f6e;
  font-size: .9em;
  border-bottom: 1px solid #fafafa;
  text-align: center;
}
.file_sh{
  cursor: pointer;
  text-align: center;
  font-size: .9em;
  transition: .3s;
  padding: .5em;
  color: gray;
  overflow: hidden;
  border: 1px solid #f0f0f0;
}
.registr_ft{
  position: absolute;
  top: -2.3em;
  left: 2.24em;
  padding: .6em 1em;
  font-size: .75em;
  background: #f4f4f4;
  color: #5a5a5a;
  font-weight: bolder;
}
.send_doc_ft{
  position: absolute !important;
  top: -1.3em;
  left: 13.1em;
  font-size: .75em;
  background: #f4f4f4;
  font-weight: bolder;
  border-radius: 20px;
  background: #2ca1b3;
  color: white;
  padding: .1em 1em;
  cursor: pointer;
}.send_doc_ft:hover{
  font-weight: bold;
}
.eta_ft{
  position: absolute;
  top: -1.3em;
  left: 8.3em;
  padding: .6em 1em;
  font-size: .75em;
  background: #f4f4f4;
  color: #5a5a5a;
  font-weight: bolder;
}
.track_ft{
  position: absolute !important;
  bottom: -1.3em;
  left: 3.2em;
  padding: .6em 1em;
  font-size: .65em;
  background: #efefef;
  color: #a2a2a2;
  border-radius: 5px;
  font-weight: bolder;
  cursor: pointer;
}
.track_ft:hover{
  color: black;
}
.f_2{
  font-size: 1.2em !important;
}
.contendor_deta{
  margin: .2em 0;
}
.cont_im{
  display: inline-block;
  width: 20%;
  vertical-align: top;
}
.logo_deta_vu{
  width: 50%;
}
.cont_secon_h{
  display: inline-block;
  width: 70%;
  vertical-align: top;
}
.wd_show{
  width: 90%;
  margin: 0 auto;
}
.text_gr{
  font-size: .8em;
  text-transform: uppercase;
  color: #234B78;
}
.text_gra{
  font-size: .9em;
  font-weight: bolder;
  color: #17acc2;
}
.text_sma{
  font-size: .7em;
  color: #1cb9d1;
}
.code{
  color: #1cb9d1;
}
.estacio_te{
  font-size: .9em;
  font-weight: bolder;
  color: #1286bc;
}
.txt_sm{
  font-size: .7em;
  color: #fc8f66;
}
.aero_cmp{
  display: inline-block;
  font-size: .75em;
  font-weight: bolder;
  color: #F46935;
  max-width: 200px;
}
.time_txt{
  font-size: .9em;
  color: #3f96ff;
  padding: .3em;
}
.time_et{
  font-size: .8em;
  font-weight: bolder;
  color: #3a748f;
}
.cont_progress{
  position: relative;
  padding: 1em;
}
.progress_cont{
  position: relative;
  height: 2px;
  width: 80%;
  margin: .3em auto;
  background: #e5e5e5;
}
.progress_barra{
  position: relative;
  width: 2.2%;
  height: 2px;
  background: #19fc54;
  transition: .4s;
}
.icon_init-v{
  position: absolute;
  left: -.1em;
  top: -.25em;
  padding: .3em;
  border-radius: 50%;
  background: #59d77a;
}
.progre_icon{
  position: absolute;
  right: -.1em;
  top: -.44em;
  font-size: 1.5em;
  color: #12e74a;
  transform: rotate(90deg);
}
.txt_resl{
  font-size: .7em;
  color: gray;
}
.txt_trs{
  font-size: .68em;
  color: #aeacac;
}
.cont_agente{
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.inp_agente{
  border: 1px solid #e9e9e9;
  padding: .5em 2em;
  color: #665e5e;
}
.list_dtail{
  background: #f3f3f3;
  color: gray;
  padding: .2em;
  position: relative;
  list-style: none;
  margin-top: .2em;
  border-bottom: 1px solid #ececec;
}
.item_det{
  display: inline-block;
  padding: .4em 1em;
  border-radius: 20px;
  font-size: .7em;
  color: gray;
}
._reslt{
  background: #d8d8d8;
  font-size: 1em;
  margin-left: .5em;
  padding: .2em .9em;
  color: black;
  border-radius: 20px;
}
.cnt_aero{
  width: 100%;
  margin: 0 auto;
  padding: .5em;
}
.cnt_rt{
  position: relative;
  border: 1px solid #f0f0f0;
  padding: .5em;
  margin: .5em .5em;
  background: #f6f6f6;
}
.subt_text{
  font-size: .7em;
  font-weight: bold;
  padding: .5em;
  color: #717070;
}
.txt_desc{
  display: block;
  width: 95%;
  height: 60px;
  border: 1px solid #e8e8e8;
  padding: .5em .9em;
  font-size: .75em;
  resize: none;
  outline: none;
}
.col3_v{
  width: 30%;
  display: inline-block;
  vertical-align: top;
}
.tm_v{
  display: inline-block;
  width: 55%;
  border: 1px solid #e0e0e0;
  padding: .2em .1em;
}
/*Estilos documento cierre*/
.circle_brd_d{
  position: relative;
  display: block;
  width: 90%;
  margin: 0 auto;
  border: 3px solid black;
  border-radius: 23px;
  overflow: hidden;
}
.ovehiden{
  overflow: hidden;
}
.brd_d_btm{
  border-bottom: 2px solid black;
}
.sml_txt_c{
  font-size: .7em;
  display: block;
  position: relative;
  margin-top: -.5em;
}
.tt_crr_pl{
  display: block;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.bbtmno{
  border-bottom: none !important;
}
.inpt_f_wd{
  font-size: .75em;
  padding: 0 0 0 1em;
  width: 98.1% !important;
  margin-left: -.1em;
}
.bd_left{
  border-left: 2px solid black;
}
.text_le_crr{
  display: block;
  font-size: .7em;
  font-weight: bold;
  text-align: left;
  padding-left: 4em;
  margin-top: 2em;
  margin-bottom: .3em;
}
.doc_down_alt{
  position: relative;
  display: block;
  height: 515px;
}





.tm_term{
  display: inline-block;
  width: 100%;
  border: 1px solid #e0e0e0;
  padding: .2em .1em;
  font-size: .8em;
}
.check_t{
  display: inline-block;
  width: 35%;
  border: 0;
  font-size: .6em;
  background: #35d36b;
  padding: .5em 0em;
  color: white;
  border-radius: 20px;
  box-shadow: 1px 1px 2px #919191;
  outline: none;
}
.rutas_v{
  vertical-align: top;
  display: inline-block;
  width: 50%;
}
.pasa_v{
  vertical-align: top;
  display: inline-block;
  width: 45%;
}
.item_r{
  display: inline-block;
  list-style: none;
  font-size: .7em;
  padding: .2em .5em;
  border: 1px solid #ececec;
}
.nmb_v{
  display: inline-block;
  width: 38%;
  height: 30px;
  padding: .3em .2em;
  border: 1px solid #dbdbdb;
}
.iconDocs{
  font-size: 1.1em;
  padding: .1em;
}
.fileCont{
  background: #d8d8d8;
  padding: .3em .8em;
  color: #818182;
  border-radius: 20px;
}
.fileCont:hover{
  font-weight: bolder;
}
.item_docs_b{
  font-size: .7em;
  text-align: left;
  color: #55b8c2;
  padding: .1em;
}
.item_pgd{
  display: inline-block !important;
  font-size: 1em;
  margin-right: .5em;
  padding: .6em;
  border-radius: 50%;
  color: #706363;
}
.pgdo_t{
  background:#67cf82;
}
.pgdo_f{
  background: #ee7070;
}
.add_ruta{
  position: absolute !important;
  left: 0;
  top: .5em;
  padding: .5em;
  background: #d8d8d8;
  border-radius: 50%;
  font-size: 1.1em;
}
.btn_doc_cli{
  background: #fc6a53;
  font-size: 1.1em;
  color: #ffffff;
  padding: .2em 1em;
  border-radius: 5px;
  border: 0;
  outline: none;
  font-family: inherit;
  cursor: pointer;
}
.btn_doc_mat{
  background: #C54747;
  font-size: 1.1em;
  color: #ffffff;
  padding: .2em 1em;
  border-radius: 5px;
  border: 0;
  outline: none;
  font-family: inherit;
  cursor: pointer;
}
.cnt_principal{
  display: block;
  max-width: 1100px;
  padding: 1em;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.cont_vigencia{
  margin-top: .8em;
  padding: .4em;
}
.tag_ggrp{
  position: absolute;
  left: 1em;
  font-size: .7em;
  color: gray;
}
.inp_wht{
  padding: .3em 1em;
  background: white;
  width: 200px;
  border: 1px solid #d9d9d9;
  color: #706a6a;
}
.inp_vig{
  padding: .3em 1em;
  background: #e7e7e7;
  width: 200px;
  border: 1px solid #d9d9d9;
  color: #706a6a;
}
.inp_age{
  padding: .1em;
  background: #e7e7e7;
  width: 50px;
  color: #706a6a;
}
.info{
  padding: 1em;
  color: gray;
  font-size: .6em;
}
.barraFile{
  position: relative;
  width: 0%;
  height: 2px;
  background: #00b7ff;
  transition: .4s;
}
.pgdo_o{
  background: #ff9f4d;
}
.isView{
  font-weight: bold !important;
}
.list_opc{
  position: absolute;
  right: 5em;
  top: -1.4em;
}
.item_her{
  font-size: .75em;
  display: inline-block;
  color: gray;
  margin-right: .3em;
  padding: .1em 1em;
  cursor: pointer;
  background: #f2f2f2;
}
.item_her:hover{
  font-weight: bolder;
}
.item_manual{
  font-size: .73em;
  display: inline-block;
  color: white;
  margin-right: .3em;
  padding: .2em 1em;
  cursor: pointer;
  background: #44d98e;
  border-radius: 20px;
}
.item_manual:hover{
  background: #34e089;
}
.atrasbtn{
  position: absolute;
  left: .5em;
  top: .5em;
  font-size: 1.3em;
  color: #e0e0e0;
  cursor: pointer;
}
.atrasbtn_gr{
  position: absolute;
  left: .5em;
  top: .1em;
  font-size: 1.3em;
  color: gray;
  cursor: pointer;
}
.atrasbtn:hover{
  color: white;
}
.atrasbtn_gr:hover{
  color: black;
}
.status_escala{
  position: absolute;
  right: 3.6em;
  display: inline-block;
  font-size: .8em;
  color: #f56e35;
  font-weight: bold;
}
.isAct{
  color: #3ae27c;
}
.hora_sur{
  font-size: 1.2em;
  color: #17acc2;
  position: absolute;
  bottom: .5em;
  right: 1em;
  font-weight: bold;
}
.text_cl_doc{
  font-size: .7em;
  padding: .5em;
  text-align: left;
  color: gray;
}
.cont_docs_clientes{
  padding: .5em 0em;
  background: #fafafa;
}
.vencido{
  color: red !important;
}
.transp{
  opacity: 0;
}
.lb_search{
  font-size: .7em;
  color: #ffffff;
  text-align: left;
  letter-spacing: .5px;
  text-shadow: 1px 1px 1px black;
}
.inp_search{
  padding: .5em .7em;
  width: 100%;
  border-radius: 14px;
  border-bottom: 1px solid #e4e4e4;
  font-size: .8em;
  color: gray;
  text-align: center;
}
.inp_search_dt{
  padding: .5em .7em;
  width: 85%;
  border-radius: 14px;
  border-bottom: 1px solid #e4e4e4;
  font-size: .8em;
  color: gray;
  text-align: center;
}
.inp_search:hover{
  border-bottom: 1px solid #ffc1af;
}
.inp_search:focus{
  border-bottom: 1px solid #FD9F84;
}
.bt_search{
  display: inline-block !important;
  font-size: 1em;
  margin-left: .5em;
  padding: .6em;
  background: #ffffff;
  border-radius: 50%;
  color: #ff805b;
  vertical-align: middle;
  border-bottom: 1px solid #4a3e3e;
  box-shadow: 1px 1px 2px #1b1919;
}
.rutas_f{
  position: absolute;
  top: -1em;
  left: 1em;
}
.item_f{
  display: inline-block;
  font-size: .8em;
  color: #41d3aa;
  margin-right: .5em;
  padding: .3em .5em;
  background: #ffffff;
  border-radius: 20px;
  font-weight: bold;
}
.txt_zulu{
  color: #35d36b;
}
.titleesc{
  text-align: center;
  padding: .4em;
  font-size: .9em;
  font-weight: bold;
  color: #525354;
}
.btn_veri{
  position: absolute !important;
  bottom: -1em;
  right: 15%;
  padding: .35em 2.5em;
  background: #00b7ff;
  border-radius: 20px;
  margin-right: 1em;
  margin-top: .3em;
  color: white;
  font-weight: bold;
  border: 0;
  outline: none;
  box-shadow: 2px 2px 3px #a2a2a2;
}
.espa{
  padding: .5em;
}
.cont_config{
  max-width: 600px;
  margin: 1em auto;
  padding: 2em;
  box-shadow: 5px 5px 7px #d7d7d7;
}
.sv_conf{
  display: inline-block;
  padding: .45em 2.5em;
  background: #00b7ff;
  border-radius: 20px;
  margin-right: 1em;
  margin-top: .3em;
  color: white;
  font-weight: bold;
  outline: none;
  border: 0;
  border-bottom: 1px solid #40a2c9;
  box-shadow: 2px 3px 3px #cdcdcd;
}
.dinamic{
  background: #fafafa !important;
  border: 1px solid #97d8f4;
}
.dinamic:focus{
  box-shadow: 1px 1px 2px #26b8f8;
}
.avion_s{
  font-size: 2em;
  color: #00ff93;
}
.item_dt{
  display: inline-block;
  position: relative;
  padding: .3em .9em;
  border-radius: 20px;
  background: #f4f4f4;
  font-size: .75em;
  font-weight: bold;
  color: #717171;
}
.content_webs{
  position: fixed;
  top: 4em;
  left: .5em;
  padding: 1em;
  overflow: hidden;
  transition: 1s;
  z-index: 510;
}
.calc_cnt{
  position: fixed;
  width: 400px;
  height: auto;
  top: 4em;
  right: .5em;
  padding: 1em;
  transition: 1s;
  z-index: 2000;
}
.btncls{
  position: fixed !important;
  top: 6em;
  right: 3em;
}
.weblink{
  position: relative;
  text-align: left;
  border-bottom: 1px solid gainsboro;
  padding: .2em 0;
}
.sdsf{
  vertical-align: bottom !important;
}
.not_found{
  text-align: center;
  background: #f4f4f4;
  font-size: 1.2em;
}
._link_website{
  font-size: .9em;
  padding: .2em 1em;
  color: black;
}
._link_website:hover{
  color: #31aee7;
  color: black;
  font-weight: bold;
}
.tag_titl{
  position: relative;
  font-size: .9em;
  display: block;
  padding: .3em 0;
  color: black;
  border-radius: 20px;
  z-index: 301;
  font-weight: bold;
}
.tag_calc{
  font-size: .8em;
  display: block;
  padding: .3em 1em;
  color: #797979;
  border-radius: 20px;
  background: #e0e0e0;
  cursor: pointer;
  z-index: 301;
}
.pls_siti{
  position: absolute;
  right: 0em;
  padding: .2em;
  background: #31aee7;
  border-radius: 50%;
  color: white;
}
.pls_siti:hover{
  background: #2196f3;
}
.w_modal_foto{
  width: 500px;
  height: 500px;
  overflow: unset;
}
.nm_foto_perfil{
  position: absolute;
  top: .5em;
  left: .5em;
  color: white;
  background: rgba(97, 97, 97, 0.4);
  padding: .4em 2em;
  border-radius: 20px;
  z-index: 100;
}
.tag_titl:hover{
  color: black;
}
.addHeight{
  height: 10px;
  transition: 1s;
}
.tit_esc{
  text-transform: uppercase;
  display: inline-block;
  padding: .2em 2em;
  border-right: 1px solid #6ecaee;
  margin: .5em;
  font-size: .85em;
  font-weight: lighter;
}
.cnt{
  background: #00b7ff;
  color: white;
}
.cmp{
  padding: .2em 3em;
  font-size: .96em;
}
.cnt_manualtime{
  position: absolute;
  left: 35%;
  top: 1em;
  width: 400px;
  background: #eaeaea;
  z-index: 2000;
  box-shadow: 5px 5px 10px #292828;
  padding: .5em 0;
}
.nm_btn{
  font-size: .75em;
  font-weight: bold;
  text-transform: uppercase;
  margin-left: .5em;
  color: #535353;
  vertical-align: text-top;
  margin-top: .2em;
  display: inline-block;
}
.contenedor_preview_img{
  position: relative;
  display: block;
  width: 85%;
  margin: 1em auto;
}
.con_btn_img{
  position: relative;
  display: block;
  max-width: 90%;
  background: #dfdfdf;
  border-radius: 20px;
  margin: 0 auto;
  padding: .3em 0;
  cursor: pointer;
}
.con_btn_img:hover{
  background: #dbdbdb;
  box-shadow: 0px 2px 3px #cecece;
}
.img_preview{
  display: inline-block;
  width: 100px;
  vertical-align: top;
  margin: .3em;
}
.cnt_mailEmpr{
  position: absolute;
  left: 25%;
  top: 1em;
  width: 500px;
  background: #eaeaea;
  z-index: 2100;
  box-shadow: 5px 5px 10px #292828;
  padding: .5em 0;
}
.cnt_mailDocs{
  position: absolute;
  left: 1%;
  top: 1em;
  width: 400px;
  background: #eaeaea;
  z-index: 2100;
  box-shadow: 5px 5px 10px #292828;
  padding: .5em 0;
}
.btn_Actualizar{
  font-size: .8em;
  padding: .2em 1em;
  background: #e0e0e0;
  box-shadow: 2px 1px 5px #b7b7b7;
  border-radius: 20px;
  color: #838282;
  cursor: pointer;
}
.btn_Actualizar:hover{
  font-weight: bolder;
}
.sdsdf{
  font-size: .85em;
  color: white;
  text-shadow: 2px 2px 2px #121212;
}
.cargo_aer{
  position: absolute;
  top: 1.9em;
  right: 0;
}
.tag_aer{
  display: inline-block;
  font-size: .7em;
  background: #f4f4f4;
  color: #1bb8ff;
  border-radius: 20px;
  padding: .1em 1em;
  margin-left: .8em;
}
.btn_add_docs{
  font-size: .7em;
  padding: .3em 1.5em;
  border-radius: 20px;
  background: #2994ff;
  box-shadow: 1px 2px 3px #e0e0e0;
  border: 0;
  color: white;
  outline: none;
  margin: .3em 0;
}
.btn_add_docs:hover{
  font-weight: bolder;
}
.age_green{
  color: #3fe29d;
  font-weight: bold;
}
.colL{
  display: inline-block;
  vertical-align: top;
  width: 60%;
  padding: .5em;
}
.col_btn{
  display: inline-block;
  vertical-align: top;
  width: 30%;
}
.label_v_ag{
  font-size: .65em;
  color: #878686;
  display: inline-block;
  text-align: left;
  padding: .5em;
  padding-left: 1.5em;
}
.inp_airways{
  background: #f6f6f6;
  padding: .5em;
  padding-left: .8em;
  width: 80%;
  border-radius: 20px;
  display: inline-block;
  margin: 0 auto;
  color: gray;
}
.item_hab{
  display: inline-block;
  font-size: .8em;
  padding: .3em .8em;
  border: 1px solid #e2e2e2;
  color: gray;
  margin: .5em;
  border-radius: 20px;
  cursor: pointer;
}
.item_hab:hover{
  font-weight: bolder;
}
.item_ac{
  background: #4ed477;
  color: white;
}
.tx_ae{
  padding: 1em;
  font-size: 1em;
  text-align: center;
}
.ts_fre{
  background: #f2f2f2;
  color: gray;
  font-size: .9em;
}
.cl_edit{
  background: #31e7a4;
}
.cnt_btn{
  height: 30px;
}
.cl_green{
  color: #44cf7b;
}
.btnAddCl{
  position: absolute !important;
  top: .5em;
  left: 6em;
  background: #089bdb;
  box-shadow: 1px 1px 2px #5b5b5b;
  border-radius: 20px;
  font-size: .8em;
  padding: .2em .8em;
  color: white;
}
.btnAddAr{
  position: absolute !important;
  top: .5em;
  left: 12em;
  background: #089bdb;
  box-shadow: 1px 1px 2px #5b5b5b;
  border-radius: 20px;
  font-size: .8em;
  padding: .2em .8em;
  color: white;
}
.btnClear{
  position: absolute !important;
  top: .5em;
  left: .5em;
  background: #089bdb;
  box-shadow: 1px 1px 2px #5b5b5b;
  border-radius: 20px;
  font-size: .8em;
  padding: .2em .8em;
  color: white;
}
.btnCalc{
    position: absolute !important;
    top: .5em;
    right: 10em;
    background: #089bdb;
    box-shadow: 1px 1px 2px #5b5b5b;
    border-radius: 20px;
    font-size: .8em;
    padding: .2em .8em;
    color: white;
}
.collLarge{
  width: 40%;
}
.nm_rol{
  text-align: right;
  font-size: .8em;
  color: #797979;
}
.mx_200{
  max-width: 100px;
  margin-top: 1em;
  border: 1px solid #e4e4e4;
}
.time_cad{
  font-size: .8em;
  color: gray;
  padding: .5em;
}
.cont_est_gray{
  max-width: 90%;
  padding: .1em .6em;
}
.btn_mod{
  display: inline-block;
  padding: .3em 1.5em;
  background: #0b96cd;
  border-radius: 20px;
  color: white;
  font-weight: bold;
  border: 0;
  outline: none;
  margin: .6em;
  font-size: .7em;
}
.list_empre{
  background: #f9f9f9;
  color: gray;
  padding: .2em;
  position: relative;
  font-size: .9em;
  list-style: none;
  width: 95%;
  margin: 0 auto;
}
.esti_ag{
  padding: .5em;
  font-size: .6em;
  color: gray;
}
.cont_calc{
  position: absolute;
  right: 1em;
  top: 3em;
  width: 400px;
  border: 1px solid #e8e8e8;
  background: white;
  box-shadow: 2px 3px 2px #a4a4a4;
}

.tit_clc{
  font-size: .85em;
  font-weight: bold;
  padding: 1em;
}
.txt_calc{
  display: block;
  font-size: .7em;
  font-weight: bold;
  padding: .1em;
  color: gray;
}
.slc_calc{
  display: inline-block !important;
  border: 0;
  background: #f9f9f9;
  font-size: .7em;
  color: #b3b3b3;
  border-radius: 20px;
  padding: .8em 1em;
  outline: none;
  width: 50px;
}
.entr{
  background: white;
  border: 1px solid #a9e4ff;
  width: 90px;
}
.time_clc{
  display: inline-block;
  padding: .5em;
  color: gray;
  border-radius: 20px;
  background: #f9f9f9;
  width: 50%;
  text-align: center;
}
.outpud_clac{
  display: inline-block;
  padding: .5em;
  color: #2ebfff;
  border-radius: 20px;
  width: 50%;
  text-align: center;
}
.text_mens{
  color: #2cd0df;
  font-size: .8em;
  background: rgba(11, 11, 11, 0.9);
  padding: .2em;
  border-radius: 20px;
  font-weight: bold;
  transition: .5s;
  margin-bottom: 1em;
}
.wdt_rmks{
  width: 200px;
}
.wd80{
  max-width: 80% !important;
  margin: 0 auto;
}
.con_lenght{
  text-align: center;
  text-shadow: 2px 2px 2px #000000;
}
.txt_lenght{
  display: inline-block;
  padding: 0 .5em;
  font-size: 1.3em;
  margin-top: .5em;
  color: white;
}
.numero_lenght{
  display: inline-block;
  padding: 0 .5em;
  font-size: 1.3em;
  margin-top: .5em;
  color: white;
}
.btn_sjrs{
  max-width: 40px;
  height: 15px;
  line-height: 15px;
  margin: 0 auto;
  /* background: #0cbf8d; */
  font-size: 1.1em;
  color: #5a5959;
  padding: .2em 1em;
  border-radius: 20px;
  border: 0;
  outline: none;
  font-family: inherit;
  cursor: pointer;
}
.btn_sjrs:hover{
  box-shadow: 1px 2px 3px #8f8b8b;
}
.cont_psj_esc{
  display: inline-block;
}
.con_titl_esc{
  background: #eeeeee;
  padding: .2em;
}
.text_psj{
  display: inline-block;
  color: gray;
  font-size: .8em;
}
.tb_pasa{
  table-layout: fixed;
  width: 95%;
  margin: 0 auto;
  text-align: left;
  font-size: .7em;
  border: none;
  border-collapse: collapse;
}
.head_t_p{
  color: #adadad;
  font-size: .9em;
}
.colpas{
  padding: .5em;
}
.file_pasaj{
  cursor: pointer;
  text-align: left;
  font-size: .9em;
  transition: .3s;
  padding: .1em;
  color: gray;
  overflow: hidden;
  background: #f3f3f3;
  box-shadow: 1px 2px 2px #ececec;
  padding-left: .8em;
}
.md_sort{
  display: block;
  max-width: 500px !important;
}
.form_crd{
  margin: 0 auto;
  position: relative;
  display: block;
  width: 95%;
  overflow: hidden;
}
.main_modal{
  position: relative;
}
.cont_add{
  position: absolute;
  background: white;
  width: 560px;
  left: 0;
  top: 5em;
  z-index: 10;
  box-shadow: 2px 2px 5px #969696;
}
.cont_pasajeros_mas{
  position: relative;
  padding: 1em;
  min-height: 300px;
}
.cont_lf_img{
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.cont_info_in{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 85%;
  padding-left: 0.5em;
}
.img_crd_cl{
  width: 32px;
}
.tp_crd{
  position: relative;
  font-size: .85em;
  color: gray;
}
.btn_crd_t{
  position: relative;
  display: inline-block;
  padding: 0.3em;
  background: transparent;
  border: 0;
  border: 1px solid #795548;
  border-radius: 5px;
  color: brown;
}
.tg_file_i{
  position: relative;
  display: block;
  font-size: .8em;
  color: #2196f3;
}
.icon_flt_R{
  position: absolute;
  top: .5em;
  right: 1em;
  display: inline-block;
  width: 20px;
  line-height: 20px !important;
  text-align: center;
  height: 20px;
  font-size: 1.1em;
  background: #dadada;
  color: #716c6c;
  border-radius: 50%;
  vertical-align: sub;
}
.mr_top{
  top: 2.2em !important;
}
.back_rcdr{
  padding-left: .8em !important;
  border: 1px solid #e2e2e2;
}
.icon_delete{
  display: inline-block;
  width: 15px;
  line-height: 15px !important;
  text-align: center;
  height: 15px;
  font-size: 1.1em;
  background: #dadada;
  color: #716c6c;
  border-radius: 50%;
  vertical-align: sub;
}
.icon_delete:hover, .icon_flt_R:hover{
  background: #CBCACA;
}
.bk_light{
  background: #f1f1f1;
}
.olvidar{
  border: 1px solid #e6e6e6;
  background: #fdfdfd;
}
.cont_docsgener{
  position: absolute;
  top: .5em;
  left: 2.5em;
  width: 90%;
  text-align: left;
}
.item_docs_gen{
  display: inline-block;
  padding: .2em 1em;
  font-size: .75em;
  color: #868686;
  border-radius: 20px;
  background: #f5f5f5;
  cursor: pointer;
  box-shadow: 1px 2px 4px #d4d4d4;
}
.item_docs_gen:hover{
  font-weight: bold;
}
.drawMap{
  position: absolute !important;
  bottom: -1.3em;
  left: 12.2em;
  padding: .6em 1em;
  font-size: .65em;
  background: #efefef;
  color: #a2a2a2;
  font-weight: bolder;
  border-radius: 5px;
  cursor: pointer;
}
.drawMap:hover{
  color: black;
}
.act_map_tg{
  background: #2196F3;
  color: white;
}
.act_map_tg:hover{
  background: #2196F3;
  color: white;
}
.icon_fi{
  font-size: 1.1em;
  display: inline-block;
  padding: .1em;
}
.txt_docs_gen{
  display: inline-block;
  margin-left: .3em;
}
.horizontal{
  max-width: 80%;
  position: relative;
  margin-bottom: 4em;
}
.img_manifest{
  display: inline-block;
  width: 250px;
}
.txt_mani{
  display: block;
  font-size: 1.5em;
  padding: .3em;
  text-align: right;
}
.subTitle{
  display: inline-block;
  padding: .2em;
}
.item_pas_crew{
  margin: .7em auto;
}
.txt_doc{
  display: inline-block;
  margin-left: .3em;
  font-size: .8em;
}
.txtTitle, .txt_nor{
  display: inline-block;
  font-size: .7em;
}
.txtTitle{
  width: 90px;
  text-align: right;
}
.txtTitle_ta{
  display: inline-block;
  font-size: .7em;
  width: 110px;
  text-align: left;
}
.txt_large_ta{
  width: 140px;
}
.m_left3{
  margin-left: 3em;
}
.m_left5{
  margin-left: 5em;
}
.m_left38{
  margin-left: 3.8em;
}
.col30{
  width: 30%;
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
}
.cen_ver{
  margin-top: 1.5em;
}
.img_dec{
  display: inline-block;
  width: 65px;
  margin-left: 1em;
  margin-top: -.5em;
}
.tidecla{
  font-size: .85em;
}
.txt_decl{
  font-size: .75em;
}
.subtdec{
  font-size: .7em;
}
.txt_dec{
  font-size: .7em;
}
.rayys_tag{
  font-size: .7em;
  padding: .4em .4em;
  padding-top: 1.1em;
  padding-bottom: .5em;
  border-bottom: double;
  border-bottom-width: 4px;
}
.col1_4{
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 35%;
}
.col3_4{
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 60%;
}
.col20 {
    vertical-align: top;
    width: 40%;
    display: inline-block;
    margin-left: 1em;
    position: relative;
}
.marginleft{
  margin-left: 1.3em;
}
.wd96{
  width: 96%;
}
.cont_tablas{
  font-size: .7em;
  max-width: 700px;
  margin: .5em auto;
}
.tb_decla{
  width: 100%;
  border-collapse: collapse;
}
.txt_tab_2{
  font-weight: normal;
}
.coldecl{
  border: 1px solid #252525;
  padding: .2em 0;
  padding-left: .5em;
}
.fila_decl{
  border: 1px solid #252525;
  padding: .1em 0;
  padding-left: .9em;
}
.frm_pilot{
  font-size: .8em;
  padding: .4em .4em;
  padding-top: .5em;
  padding-bottom: .5em;
  border-top: double;
  border-top-width: 3px;
}
.shorttxt{
  display: inline-block;
  width: 60px;
}
.tabla_main{
  text-align: left;
}
.cab_decla{
  text-align: left;
}
.tx_hec_ha{
  display: inline-block;
  margin-left: .4em;
  font-size: .9em;
  color: blue;
}
.cont_doc_han{
  display: block;
  max-width: 90%;
  margin: 0 auto;
}
.fexha_hand{
  margin-top: 0em;
  padding-right: 1.2em;
  text-align: right;
}
.pd_r_1{
  padding-right: .8em;
}
.col_med{
  width: 9%;
}
.txt_handl{
  display: inline-block;
  font-size: .9em;
}
.txt_handling{
  font-size: .85em;
  display: inline-block;
}
.txt_docs{
  font-size: .95em;
  font-weight: bold;
  background: white;
  padding: .3em 1em;
}
.cont_hand{
  border-top: 1px dashed black;
  border-top-style: dashed;
  margin: .1em auto;
  max-width: 90%;
}
.mg_left{
  margin-left: 0 !important;
}
.mg_left18{
  margin-left: 1.8em;
}
.hand_tit{
  font-size: .74em;
  font-weight: bold;
  text-transform: uppercase;
}
.table_hand{
  width: 90%;
  margin: 0 auto;
  font-size: .68em;
  color: #14a0b5;
}
.colhand{
    padding: .2em 0;
    padding-left: .5em;
    background: #f9f9f9;
}
.fila_hand {
    padding: .1em 0;
    padding-left: .9em;
    background: #f9f9f9;
}
.doc_handl{
  font-size: .82em;
  color: #50a7d0;
  background: #f9f9f9;
  padding-left: .3em;
}
.txt_radio{
  font-size: .8em;
  font-weight: bold;
  display: inline-block;
}
.txt_handl_rmk{
  font-size: .82em;
  display: inline-block;
  color: #50a7d0;
}
.fuel_inp{
  width: 40px;
  border: 0;
  background: white;
  padding: .2em .3em;
}
.lts{
  font-size: .7em;
  font-weight: bold;
}
.doc_inline{
  display: block;
  width: 100%;
  padding: .1em;
  background: white;
  color: #50a7d0;
  border: 0;
  outline: none;
  font-family: inherit;
  height: auto;
}
.item_fecha{
  display: inline-block;
  border: 1px solid #545454;
  padding: .1em .3em;
  font-size: .7em;
}
.item_fecha_sma{
  display: inline-block;
  border: 1px solid #545454;
  padding: 0em .3em;
  font-size: .6em;
}
.cont_hed_pl{
  margin-top: .4em;
}
.tit_plan{
  display: block;
  font-size: 1.2em;
}
.sub_plan{
  display: block;
  font-size: .9em;
}
.txt_mail_pl{
  font-size: .7em;
  padding: .5em;
  display: block;
  color: red;
}
.cont_plan{
  max-width: 90%;
  margin: 0 auto;
  background: #e6e6e6;
  border: 2px solid black;
}
.caja_div_plan{
  position: relative;
  display: block;
  border-bottom: 2px solid black;
}
.txt_shor{
  display: inline-block;
  font-size: .45em;
  padding: .1em 1em;
}
.cont_fepl{
  position: absolute;
  top: -.54em;
  left: 0;
}
.cont_fe_pl{
  margin-top: .5em;
  margin-bottom: .1em;
}
.bk_white{
  background: white;
}

/* CSS CORRESPONDIENTE AL DOCUMENTO 4 el mas dificil de maquetar */

.col1_6{
  display: inline-block;
  width: 15%;
  vertical-align: top;
}
.col4_6{
  display: inline-block;
  width: 60%;
  vertical-align: top;
}
.col31{
  display: inline-block;
  width: 31.4%;
  vertical-align: top;
}
.mg_l1{
  margin-left: 1em;
}
.wd_90{
  width: 90%;
}
.col40{
  display: inline-block;
  width: 40%;
  vertical-align: top;
}
.col55{
  display: inline-block;
  width: 55%;
  vertical-align: top;
}
.col66{
  display: inline-block;
  width: 66%;
  vertical-align: top;
}
.lb_plan{
  display: block;
  font-size: .55em;
}
.lb_plan_sh{
  display: block;
  font-size: .55em;
}
.bl_plan{
  display: block;
  width: 99.8%;
  background: white;
  outline: none;
  border: 1px solid black;
}
.pd_right{
  padding: 0 0 0 3.5em;
  width: 92.7%;
}
.pd_special{
  padding: 0 0 0 6.3em;
  width: 85%;
}
.cont_imgpic{
  text-align: left;
}
.fl_1{
  display: inline-block;
  width: 30px;
  padding: .1em;
  background: white;
  margin-left: -.6em;
}
.ffplan{
  display: inline-block;
  font-size: .65em;
  font-weight: bold;
  vertical-align: top;
  padding-top: .24em;
}
.flfat{
  width: 35px;
  padding: .2em;
  margin-top: .3em;
}
.flri{
  width: 17px;
  vertical-align: text-top;
  margin-top: .3em;
}
.spacepl{
  height: 25px;
  border-bottom: 2px solid black;
  width: 150px;
}
.lidt_cuadr{
  padding: 0;
  margin: 0;
}
.item_cuadr{
  display: inline-block;
  position: relative;
  width: 18px;
  background: white;
  border: 1px solid black;
  outline: none;
  margin: -.1em;
  text-align: center;
}
.ex_base{
  top: .7em !important;
  right: 2.4em !important;
  width: 100px !important;
}
.bd_none{
  border: 0;
  background: transparent;
}
.col2_mx{
  vertical-align: top;
  width: 47%;
  margin-left: .2em;
  display: inline-block;
  position: relative;
}
.col50{
  vertical-align: top;
  width: 50%;
  display: inline-block;
  margin-left: 1em;
  position: relative;
}
.col1_8{
  vertical-align: top;
  width: 12%;
  display: inline-block;
  position: relative;
}
.cont_abs{
  position: absolute;
  left: 0;
  top: .5em;
}
.icon_4{
  display: inline-block;
  width: 35px;
  padding: .4em .2em;
  background: white;
}
.fpl_icon{
  display: inline-block;
  padding: .2em .4em;
  background: white;
  font-size: 0.7em;
  font-weight: bold;
}
.fl_ray{
  display: inline-block;
  width: 12px;
  padding: .1em;
  vertical-align: super;
  background: white;
}
.flabs{
  position: absolute;
  right: -2.5em;
  top: 1.2em;
  width: 35px;
  padding: .4em .2em;
  background: white;
}
.fl_ray_do{
  display: inline-block;
  width: 12px;
  padding: .1em;
  vertical-align: sub;
  background: white;
}
.diag_pln{
  font-size: .9em;
  display: inline-block;
  padding: .1em .2em;
  transform: rotate(16deg);
}
.wd90{
  width: 90%;
}
.mg_round{
  margin-top: 1.5em;
  margin-left: -2.7em;
}
.img_cerca_plan{
  width: 35px;
  padding: .4em .2em;
  margin-top: 1em;
  background: white;
}
.col1_5{
  display: inline-block;
  width: 17%;
  vertical-align: top;
}
.col8_9{
  display: inline-block;
  width: 83%;
  vertical-align: top;
}
.col1_10{
  display: inline-block;
  width: 10%;
  vertical-align: top;
}
.col1_9{
  display: inline-block;
  width: 16%;
  vertical-align: top;
}
.img_row{
  width: 30px;
  padding: .2em .2em;
  background: white;
}
.wd70{
  width: 70%;
}
.wd60{
  width: 60%;
}
.col45{
  width: 45%;
  display: inline-block;
  vertical-align: top;
}
.pd0{
  padding: 0;
}
.txt_sobre{
  position: absolute;
  left: .3em;
  top: 0;
  font-size: .85em;
  font-weight: bold;
}
.img_wd100{
  top: 0 !important;
  width: 100px !important;
}
.abs_im{
  position: absolute;
  top: -1em;
  width: 80px;
}
.txt_ltr{
  padding: 0 .4em;
  background: white;
  font-weight: bold;
  font-size: .6em;
  vertical-align: text-top;
}
.txt_ltr_bld{
  position: relative;
  display: inline-block;
  width: 15px;
  background: white;
  font-weight: bold;
  font-size: .55em;
  border: 1px solid black;
  vertical-align: text-bottom;
  margin-top: -.9em;
  text-align: center;
  cursor: pointer;
}
.icon_palomit{
  position: absolute;
  left: -.3em;
  top: -.2em;
  font-size: 4.2em;
}
.sp_space{
  padding: .7em 0;
}
.in_line{
  display: inline-block;
  width: 200px;
}
.txt_final{
  background: white;
  border: 0;
  padding: .3em 0;
  outline: none;
  width: 99%;
}
.bdpx{
  border-right: 2px solid black;
  height: 35px;
}
.area_ex{
  height: 70px;
  text-align: left;
  font-size: .7em;
  text-align: left;
  resize: none;
}
.in_new{
  padding: .3em;
  font-size: .8em;
  text-align-last: center;
  text-align: center;
  color: #25a3fb;
}
.txt_docs_ad{
  font-size: .8em;
  color: gray;
  font-weight: bold;
  display: inline-block;
  padding: .3em;
  vertical-align: middle;
}
.list_docs{
  display: inline-block;
  list-style: none;
}
.item_docs{
  display: inline-block;
  font-size: .7em;
  margin: 0 .3em;
}
.docs_sel{
  vertical-align: super;
  padding: .3em;
}
._fltinp{
  position: absolute;
  right: 2em;
  top: 0;
  width: 300px;
}
.bd_0{
  border-left: 0;
  background: transparent;
}
.mg_1{
  margin-right: 1em;
}
.vt_bottom{
  vertical-align: bottom !important;
}
.pd_l{
  padding-left: .3em;
}
.btn_m{
  border-radius: 20px;
  background: #23bbd2;
  color: white;
  padding: .1em 1em;
}
.full_inp{
  display: block !important;
  width: 95%;
}
.areaMejor{
  background: white;
  border: 1px solid #a9e4ff;
}
.txt_agregar{
  font-size: .65em;
  display: inline-block;
  padding: .2em .9em;
  background: #1b98bd;
  border-radius: 5px;
  color: white;
}
.crt_inp{
  background: #ffffff;
  padding: .5em 0;
  border-radius: 16px;
  padding-left: .5em;
  color: gray;
  font-size: .8em;
  border: 1px solid #10ddfb;
}
.abs_btn{
  position: absolute;
  top: 1.8em;
  right: -2.5em;
  cursor: pointer;
}
.abs_btn:hover{
  font-weight: bold;
}
.cont_agnt{
  padding: .5em;
  background: #f9f9f9;
  font-size: .6em;
  margin-top: .5em;
  color: #15b4d6;
}
.txt_nm_age{
  position: relative;
  max-width: 80%;
  margin: 0 auto;
  text-align: left;
}
.clos_ag{
  position: absolute;
  right: .5em;
  top: .1em;
  font-size: 1.3em;
}
.ls_none{
  list-style: none;
}
.clos_ag:hover{
  color: blue;
}
.img_dec_m{
  display: inline-block;
  width: 230px;
  margin-left: 1em;
  margin-top: -.1em;
}
.docs_mail_se{
  padding: 1em;
  font-size: .85em;
}
.btn_disabled{
  background: #e0e0e0;
  pointer-events: none;
  color: #42a2c5;
}
.btnYes{
  background: #28bbe8;
  color: white;
  transition: .5s;
}
.short_text{
  width: 100px;
  display: inline-block;
  overflow: scroll;
}
.foto_per{
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #e4e4e4;
  box-shadow: 0px 0px 5px #b3b3b3;
  overflow: hidden;
}
.txt_foto_null{
  line-height: 50px;
}
.icon_add_foto{
  position: absolute !important;
  bottom: .5em;
  right: .3em;
  display: inline-block;
  border-radius: 50%;
  background: #31aee7;
  color: white;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.btn_addimg{
  display: inline-block;
  float: left;
  background: #d8d8d8;
  padding: .6em 1em;
  border-radius: 20px;
  color: #656363;
  box-shadow: 0px 2px 5px #c1c1c1;
}
.cont_edit_perf{
  background: white;
  padding: 1em 2em;
  margin-top: 2em;
  -webkit-transition: .4s;
     -moz-transition: .4s;
      -ms-transition: .4s;
       -o-transition: .4s;
          transition: .4s;
}
.list_opc_ed{
  overflow: hidden;
  padding: .5em;
}
.btn_add_save{
  display: inline-block;
  float: right;
  padding: .4em 1em;
  border-radius: 20px;
  cursor: pointer;
}
.active_btn{
  background: #01b1f5;
  color: white;
}
.carge_porc{
  position: relative;
  display: inline-block;
  font-size: 1.6em;
  border-radius: 50%;
  color: #0cb2ff;
  font-weight: lighter;
}
.carge_porc:after{
  content: '%';
  font-size: .5em;
  margin-left: .1em;
}
.carge_porc:before{
  content: 'Subiendo...';
  position: absolute;
  top: -.9em;
  left: -0em;
  font-size: .45em;
  color: #a7a4a4;
}
.icon_btn_se{
  font-size: 1em;
  margin-left: .4em;
  position: absolute;
  top: .88em;
}
.txt_btn{
  font-size: 1em;
  margin-right: .4em;
}
.entrado{
  background: #68d2ea;
  color: white;
  pointer-events: none;
}
.img_edit_ins{
  position: relative;
  display: inline-block;
  max-width: 150px;
  padding: 1em;
}
.icon_addimg{
  top: 33%;
  position: absolute !important;
  padding: 1em;
  border-radius: 50%;
  background: #fe5f55;
  z-index: 100;
  color: #f7f7f7;
  box-shadow: 2px 2px 2px #828282;
  right: 15%;
}
.icon_addimg:hover{
  transition: .4s;
  background: #EC4B41;
}
.inp_file_img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.icn_btn{
  display: inline-block;
  font-size: .7em;
  padding: .2em;
  margin-left: .1em;
}
.tx_btn{
  font-size: .8em;
  display: inline-block;
}
.img_client_item{
  width: 85px;
  height: 55px;
}
.cnt_img_v{
  position: absolute;
  left: -2em;
  width: 80px;
  height: 80px;
  top: 30%;
  border-radius: 50%;
  border: 8px solid white;
  box-shadow: -8px 0px 10px #797878;
  overflow: hidden;
  transition: .4s;
}
.cnt_img_v:hover{
  width: 250px;
  height: 143px;
  border-radius: 0;
  overflow: hidden;
  top: 0;
  z-index: 1000;
}
.img_perf_v{
  width: 110px;
  height: 80px;
}
.img_perf_v:hover{
  width: 250px;
  height: 143px;
}
.btn_com_doc{
  display: inline-block;
  position: absolute !important;
  right: 4em;
  font-size: .8em;
  padding: .15em 1.5em;
  background: #ffffff;
  color: #00b7ff;
  border-radius: 20px;
  box-shadow: 0px 0px 3px #e6e6e6;
  transition: .2s;
}
.btn_com_doc:hover{
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0px 0px 5px #e6e6e6;
}
.lg_helt{
  display: inline-block;
  width: 120px;
}
.img_avio_he{
  display: inline-block;
  width: 150px;
}
.tt_he{
  font-size: .9em;
  display: block;
}
.bld_sub{
  font-size: .75em;
}
.tt_hel_tre{
  font-size: 1em;
}
.bd_btm{
  display: block;
  padding-bottom: .1em;
  border-bottom: 2px solid black;
}
.bd_btm1{
  border-bottom: 1px solid black;
}
.bd_gen1{
  border: 1px solid black;
}
.txt_hlt_seg{
  display: block;
  font-size: .7em;
  border-bottom: 1px dotted gray;
  padding: .3em;
}
.txt_hlt_srt{
  display: inline-block;
  font-size: .7em;
  border-bottom: 1px dotted gray;
}
.col2_3{
  vertical-align: top;
  display: inline-block;
  width: 70%
}
.col1_3{
  vertical-align: top;
  display: inline-block;
  width: 28%;
}
.txshrt{
  font-size: .7em;
  vertical-align: inherit;
}
.txtmed{
  font-size: .72em;
}
.mg_menos{
  margin-left: -.16em !important;
}
.cont_tablas_hea{
  border: 1px solid black;
  border-top: none;
  min-height: 380px;
  margin-top: .3em;
}
.mg_left2{
  margin-left: 2em;
}
.tb_healt{
  width: 100%;
  border-collapse: collapse;
  font-size: .62em;
  margin-bottom: .2em;
}
.charge_cuad{
  font-weight: bold;
  text-align: center;
  border: 1px solid gray;
  margin: .3em 0;
}
.line_down{
  width: 40px;
  display: inline-block;
  margin-left: .5em;
  height: 9px;
  padding-bottom: .2em;
  border-bottom: 1px solid #151414;
}
.txt_leyend{
  text-align: left;
  font-size: .71em;
}
.space_escrib{
  padding: .7em 0em;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
}
.bd_top{
  border-top: 1px dotted gray;
  font-size: .65em;
  margin-top: 1.8em;
}
.bd_rg1{
  border-right: 1px solid gray;
}
.txt_min{
  text-align: left;
  font-size: .65em;
}
.final_gran{
  text-align: left;
  font-size: .83em;
  padding: .2em;
  border-top: 2px solid #d0cece;
}
.inp_edit_he{
  width: 50px;
  outline: none;
  text-align: center;
  font-size: .7em;
}
.inp_edit_cr{
  display: block;
  width: 70%;
  outline: none;
  text-align: left;
  font-size: .7em;
  margin-bottom: 0.3em;
}
.large_he{
  display: inline-block;
  border: 0;
  outline: none;
  font-size: 1.6em;
  font-weight: bold;
  width: 100%;
  text-align: center;
  resize: none;
  font-family: inherit;
  padding-top: .8em;
}
.cor_he{
  display: inline-block;
  border: 0;
  outline: none;
  font-size: .7em;
  font-weight: bold;
  width: 93%;
  text-align: center;
  resize: none;
  font-family: inherit;
  padding: .5em;
  height: 70px;
}
.place_he{
  border: 1px solid gray;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding: .1em;
}
.txt_lug{
  border: 1px solid gray;
  font-size: .7em;
  text-align: center;
  padding: .1em;
}
.hg_full{
  position: relative;
  min-height: 380px;
}
.bot_pos{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}
.col75{
  display: inline-block;
  vertical-align: top;
  width: 78%;
}
.colveinte{
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
.btn_detail{
  padding: .2em 1em;
  border: 0;
  background: #eaeaea;
  color: #6d6b6b;
  border-radius: 20px;
  font-family: inherit;
  outline: none;
  font-size: 1.1em;
  box-shadow: 0px 0px 3px #a0a0a0;
  cursor: pointer;
}
.btn_detail:hover{
  background: #d6d4d4;
}
.p_detalle_vuel{
  position: absolute;
  right: 0;
  padding: 1em 0em;
  background: white;
  z-index: 100;
  height: auto;
}
.btn_bk{
  background: #e2e2e2;
  color: #7b7a7a;
}
.tiene{
  background: red;
  color: white;
}
.tiene:hover{
  background: #f07c7c;
}
.qulit_img{
  width: 70%;
}
.txt_qulity{
  padding: .3em;
  margin-right: 1em;
}
.cont_sombr{
  max-width: 400px;
  margin: 0 auto;
  box-shadow: -10px 10px 10px #d6d6d6;
  background: #f5f5f5;
  padding: .3em; 
}
.txt_Det_quali{
  font-size: .8em;
  text-align: left;
  font-weight: bold;
}
.rect_dis{
  font-size: 1.3em;
  text-align: right;
  font-weight: bold;
  padding: .3em;
  padding-right: 3em;
  background: #dbe4ff;
  width: 85%;
  margin: 0 auto;
  margin-top: .5em;
  border: 5px solid #f7f7f7;
  border-radius: 10px;
}
.wd_90{
  width: 90%;
  margin: 0 auto;
}
.text_norm_quality{
  font-size: .95em;
  text-align: left !important;
}
.divisorln{
  border: 1px solid #7b7b7b;
  font-size: .9em;
  padding: .2em;
  text-align: left;
}
.file_qual{
  border: 1px solid gray;
  text-align: left;
  padding-left: 1em;
  font-size: .75em;
}
.wd_ms{
  width: 250px;
}
.tbl_qual{
  border-collapse: collapse;
  width: 100%;
  margin-top: .5em;
}
.bck_tab{
  background: #dbe4ff;
  height: 30px;
  font-size: .79em;
}
.cuadri_qual{
  display: inline-block;
  width: 30px;
  height: 15px;
  background: #efefef;
  border: 1px solid #545252;
  vertical-align: middle;
}
.txt_q_rd{
  display: inline-block;
  font-size: .8em;
}
.txt_qual_cu{
  display: inline-block;
  font-size: .9em;
}
.sp_3{
  padding: .8em 0;
}
.cont_d_c{
  font-size: 19px;
  text-align: left;
  padding: 1em 0;
  max-width: 500px;
  margin-left: 1em;
  line-height: 30px;
}
.lgo_d_pay{
  width: 240px;
}
.rayitas_qual{
  display: inline-block;
  width: 55%;
  border-bottom: 2px dotted #b4c0e6;
  margin-left: .3em;
}
.rayitas_p{
  display: inline-block;
  border-bottom: 2px dotted #b4c0e6;
  margin-left: .3em;
}
.inp_line_btm{
  position: relative;
  display: inline-block;
  border: 0;
  padding: .3em 0;
  background: transparent;
  border-bottom: 1px solid black;
  text-align: center;
}
.exp_mar{
  background: gainsboro;
  text-align: left;
  padding-left: 1.5em;
}
.cont_file_pay{
  position: relative;
  border: 1px solid gainsboro;
  display: block;
  width: 91%;
  margin: 0 auto;
  position: relative;
}
.submd_intr{
  position: absolute;
  left: -8em;
  width: 250px;
  background: white;
  box-shadow: 2px 1px 15px #474141;
  padding: 1em;
  top: -6em;
  font-size: .85em;
}
.closed_intr{
  position: absolute;
  right: .2em;
  top: .1em;
  padding: .5em;
  cursor: pointer;
}
.cont_l_crd{
  width: 80%;
  margin: 0 auto;
}
.text_t_cr{
  font-size: .75em;
}
.itm_crds{
  position: relative;
  font-size: .75em;
  text-align: left;
  color: #020202;
  padding: .3em .1em;
  list-style: none;
  margin: .2em 0;
}
.link{
  font-size: .8em;
}
.link_down{
  display: inline-block;
  font-size: .75em;
  color: #2196f3;
  cursor: pointer;
}
.link_down:hover{
  text-decoration: underline;
}
.r_w25{
  width: 25%;
}
.r_w85{
  width: 85%;
}
.r_w88{
  width: 88.3%;
}
.r_w64{
  width: 64%;
}
.r_w67{
  width: 67%;
}
.r_w60{
  width: 60%;
}
.r_w55{
  width: 55%;
}
.r_w50{
  width: 50%;
}
.r_w65{
  width: 65.3%;
}
.r_w66{
  width: 66%;
}
.r_w70{
  width: 70%;
}
.r_w69{
  width: 69%;
}
.r_w68{
  width: 68.7%;
}
.r_w63{
  width: 63%;
}
.r_w10{
  width: 10%;
}
.r_w15{
  width: 15%;
}
.r_w93{
  width: 93%;
}
.mgl_0{
  margin-left: 0;
}
.pd5{
  padding: .5em;
}
.text_l_py{
  font-size: 1.18em;
}
.txt_inl{
  font-size: 1.1em;
  font-weight: bold !important;
}
.inp_inl{
  display: inline;
  border: 0;
  background: transparent;
  padding: .2em 0;
  border-bottom: 1.5px dotted black;
  text-align: center;
}
.ry_wd_qual{
  padding: .8em 0;
  border-bottom: 1.5px dotted #b4c0e6;
}
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 80px;
  margin-bottom: 10px;
  padding-top: .1em;
  cursor: pointer;
  font-size: .9em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 40px;
  background-color: #fff;
  border: 1px solid gray;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 17px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.clblue{
  color: #23bbd2;
  font-size: .9em;
}
.qual_inp{
  padding: .5em 0em;
  width: 95%;
  color: #373636;
  font-size: 1em;
}
.bk_yell{
  background: #79710a;
  color: #fded3e;
}
.img_agent{
  width: 50px;
  margin: .5em;
  transition: .3s;
}
.img_agent:hover{
  width: 250px;
}
.colors_barra{
  position: fixed;
  bottom: 0;
  left: 10em;
  right: 10em;
  height: 25px;
  background: white;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
}
.itemcolors{
  display: inline-block;
  margin-right: 1em;
}
.cdrt_color{
  display: inline-block;
  width: 10px;
  height: 10px;
}
.explicacion_clr{
  display: inline-block;
  font-size: .8em;
  margin-left: .2em;
}
.bk_nopay{
  background: #ff6f70;
}
.btn_sav_rmk{
  display: inline-block;
  font-size: .75em;
  padding: .3em 1em;
  background: #2196F3;
  color: white;
  border-radius: 20px;
  margin-left: 1em;
  margin-top: .3em;
  cursor: pointer;
}
.iva_true{
  background: #55ef7d;
}
.iva_false{
  background: transparent;
}
.iva_false:hover{
  background: #dadada;
  color: #45a45e;
}
.wdt_lis{
  width: 200px !important;
}
.contenedor_camb_img{
  position: fixed;
  right: 3em;
  bottom: 2em;
}
.cmb_fond_btn{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px !important;
  border-radius: 50%;
  background: #2196F3;
  color: white;
  font-size: 1.4em;
  text-transform: uppercase;
  cursor: pointer;
  opacity: .6;
  transition: .3s;
  margin-right: .3em;
}
.btn_subir_f{
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  border-radius: 50%;
  background: #2196F3;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s;
  margin-right: .3em;
}
.btn_subir_f:hover{
  background: #00bcd4;
}
.btn_canc_f{
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  border-radius: 50%;
  background: #959595;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s;
}
.btn_canc_f:hover{
  background: #6e6b6b;
}
.selct_file{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.cmb_fond_btn:hover{
  opacity: 1;
}
.txt_porcentaje{
  display: inline-block;
  font-size: .8em;
  color: white;
  border-radius: 20px;
  padding: .4em 2.5em;
  background: #262626;
  vertical-align: top;
  margin-top: 1em;
  margin-right: .6em;
}
.link_ap{
  font-weight: bold;
  color: #2196F3 !important;
  cursor: pointer;
}
.link_ap:hover{
  text-decoration: underline;
}
.img_small_tab{
  display: inline-block;
  margin-top: .3em;
  width: 32px;
  border-radius: 50%;
  margin-left: .8em;
}
.cont_img_us{
  position: relative;
  display: inline-block;
}
.nm_perfil{
  display: inline-block;
  padding: .2em;
  font-size: 1.2em;
  vertical-align: top;
  margin-top: .8em;
  margin-left: .5em;
  color: #03A9F4;
}
.nm_perfil:hover{
  text-decoration: underline;
}
.coltabla_auto{
  padding: 1em;
  font-weight: bold;
  color: #787676;
  font-size: .9em;
  border-bottom: 1px solid #e8e0e0;
}
.icon_add_perf{
  position: absolute;
  bottom: 0em;
  right: 1.5em;
  width: 20px;
  height: 20px;
  line-height: 20px !important;
  text-align: center;
  background: #31aee7;
  color: white;
  border-radius: 50%;
}
.icon_add_perf:hover{
  background: #4084ba;
}
.btn_addimg_us{
  display: inline-block;
  float: left;
  background: #00BCD4;
  margin-top: .5em;
  padding: .3em 1em;
  border-radius: 20px;
  color: #ffffff;
  box-shadow: 0px 2px 5px #c1c1c1;
  font-size: .9em;
}
.txt_inp_f{
  vertical-align: middle;
  font-size: .85em;
  color: white;
  font-weight: normal;
  margin-left: .3em;
}
.titul_mod{
  position: absolute;
  left: 1.5em;
  top: -1.5em;
  font-size: .85em;
  font-weight: bold;
  color: #556080;
}
.list_p{
  display: inline-block;
  margin-right: .3em;
  cursor: pointer;
}
.img_user{
  margin-top: .3em;
  width: 32px;
  border-radius: 50%;
}
.icon_salir{
  position: relative;
}
.icon_salir:after{
    content: '';
    position: absolute;
    left: -.6em;
    top: -1em;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #c6c6c6;
    clear: both;
}
.ft_ds{
  display: inline-block;
}
.menu_salir {
  position: fixed;
  right: 3em;
  width: 200px;
  height: auto;
  top: 4em;
  padding: .5em;
  background: white;
  box-shadow: 3px 3px 5px #696767;
  border-bottom: 1px solid #d4d3d3;
  overflow: hidden;
  z-index: 1500;
}
.item_opc_salir {
  display: block !important;
  padding: .5em;
  text-decoration: none;
  text-align: right;
  color: gray;
  transition: .2s;
}
.item_opc_salir:hover{
  background: #f4f4f4;
}
.link_text {
  display: inline-block;
  font-size: .8em;
  color: #959292;
  padding: .4em;
  padding-right: 1em;
  font-weight: bold;
}
.perfil_foto{
  width: 200px;
  height: 200px;
  border-radius: 50%;
  transition: .2s;
}
.perfil_foto:hover{
  transform: scale(.9);
}
.tt_nm_perfil{
  display: block;
  padding-top: .5em;
  font-size: 1.3em;
}
.rol_perf{
  display: block;
  font-size: .9em;
  padding-bottom: 1em;
  color: #636060;
}
.list_inf_perf{
  list-style: none;
  max-width: 300px;
  margin: 0 auto;
}
.sub_ti_per{
  width: 100px;
  display: inline-block;
  text-align: left;
  font-size: .9em;
}
.inf_perf{
  display: inline-block;
  font-size: .9em;
  width: 150px;
  text-align: left;
  color: gray;
}
.cont_img_perfil{
  position: relative;
  display: inline-block;
}
.icon_pfht_prf{
  position: absolute !important;
  display: inline-block;
  bottom: 2em;
  right: .5em;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  text-align: center;
  background: #2196F3;
  border-radius: 50%;
  box-shadow: 0px 3px 3px #9e9e9e;
  color: white;
  transition: .2s;
}
.icon_pfht_prf:hover{
  background: #03A9F4;
}
.text_cargando_table{
  font-size: .8em;
  padding: .6em;
  background: white;
  color: gray;
}
.pgin_con{
  position: absolute;
  left: 8em;
  top: 1.8em;
  background: rgba(90, 90, 90, .5);
  padding: 0 .5em;
  border-radius: 20px;
}
.pgin_con_left{
  position: absolute;
  right: 0;
  top: 1.8em;
  background: rgba(90, 90, 90, .5);
  padding: 0 .5em;
  border-radius: 20px;
}
.txt_pag{
  display: inline-block;
  font-size: .8em;
  color: white;
  margin-right: .5em;
}
.numpag{
  display: inline-block;
  font-size: .8em;
  color: white;
  margin-right: .5em;
}
.segui{
  display: inline-block;
  margin-left: .5em;
  font-size: .8em;
  font-weight: normal;
}
.map_body{
  max-width: 100%;
  height: 600px;
  border-radius: 20px;
  background: white;
}
.nm_tag_map{
  display: inline-block;
  padding: .5em 3em;
  font-size: .85em;
  background: #f9f9f9;
  color: #2196f3;
  font-weight: bold;
  border-radius: 20px;
}
.iata_pop{
  display: inline-block;
  font-weight: bold;
  font-size: .9em;
  padding: .2em;
}
.icon_map_all{
  position: absolute !important;
  top: 1em;
  left: 16em;
  width: 30px;
  background: white;
  padding: .5em;
  border-radius: 50%;
  box-shadow: 0px 2px 5px #676666;
}
.icon_fl{
  position: absolute !important;
  top: 2em;
  left: 35em;
  background: #d24f4f;
  color: white;
  font-size: .8em;
  padding: .5em 1em;
  border-radius: 20px;
  box-shadow: 0px 2px 5px #676666;
}
.icon_fl:hover{
  background: #de1818;
  font-weight: bold;
  cursor: pointer;
}
.icon_substr{
  position: absolute !important;
  top: 2em;
  left: 28em;
  font-size: .8em;
  background: white;
  padding: .5em 1em;
  border-radius: 20px;
  box-shadow: 0px 2px 5px #676666;
}
.icon_substr:hover, .icon_map_all:hover{
  background: #e8e8e8;
  font-weight: bold;
  cursor: pointer;
}
.icn_back{
  position: absolute;
  font-size: 2em;
  color: whitesmoke;
  top: 50%;
  left: -3em;
  cursor: pointer;
  border: 0;
  background: transparent;
}
.icn_next{
  position: absolute;
  font-size: 2em;
  color: whitesmoke;
  top: 50%;
  right: -3em;
  cursor: pointer;
  border: 0;
  background: transparent;
}
.icn_back:active, .icn_next:active{
  transform: translateY(2px);
}
.cont_all_rut{
  position: absolute;
  top: -1.65em;
  left: 0;
  right: 0;
  text-align: center;
}
.tab_escs{
  position: relative;
  display: inline-block;
  padding: .3em 1.5em;
  background: whitesmoke;
  border-radius: 30px;
  border: 0;
  font-size: .75em;
  border: 2px solid transparent;
}
.tab_escs:hover{
  border: 2px solid #88c6f7;
}
.tab_escs:active{
  transform: translateY(2px);
}
.atc_tb_b{
  border: 2px solid #88c6f7 !important;
}
.cont_map_esc{
  height: 350px;
  border-radius: 0 0 20px 20px;
}
.list_flt_scl{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.item_flout{
  display: inline-block;
  font-size: .8em;
  padding: .3em 2em;
  background: white;
  box-shadow: 0px 2px 3px grey;
  border-radius: 20px;
  margin: .5em;
  color: #373737;
}
.my_sml{
  margin-left: .2em;
  font-size: .65em;
  color: gray;
}
.ley_bttom{
  position: absolute;
  bottom: -.5em;
  right: 8em;
  font-size: .7em;
  color: #fb6060;
  font-weight: bold;
}
.cl_red{
  border:1px solid red;
  color: red;
}
.cl_red:focus{
  border:1px solid red;
  color: red;
}
.cont_inp_din{
  position: relative;
  display: inline-block;
  margin: 1.2em 1em;
}
.fadeO{
  opacity: 0;
}
.inp_sml_co{
  display: inline-block;
  background: #f3f3f3;
  box-shadow: 0px 1px 2px #ececec;
  padding: .3em .8em;
  width: 100px;
  border-radius: 50px;
}
.sml_lb{
  position: absolute;
  top: -1.5em;
  left: .5em;
  display: inline-block;
  font-size: .9em;
  font-weight: bold;
  color: #2196F3;
}
.in_bk{
  position: relative;
  display: inline-block;
  margin-left: -.5em;
}
.img_mani{
  position: relative;
}
.abs_im_r{
  position: absolute;
  width: 160px;
  right: 0;
  top: .1em;
}
.cont_sl_img{
  position: absolute;
  left: -1.5em;
  top: 1em;
}
.cont_sl_img_r{
  position: absolute;
  right: -1.5em;
  top: 1em;
}
.icon_edt_ft{
  position: relative;
  color: #bdbdbd;
  font-size: .9em;
}
.icon_edt_ft:hover{
  color: black;
}
.fl_plna_mx{
  position: ;
}
.txt_pctj{
  font-size: .75em;
  display: block;
  color: gray;
}
.bt_sm{
  display: block !important;
  width: 15px;
  height: 15px;
  line-height: 15px !important;
  text-align: center;
  margin: .5em 0;
}
.flt_r_btns{
  position: absolute;
  top: 2em;
  right: 4em;
}
.ading_via{
  display: inline-block;
  margin: 0 .3em;
  padding: .6em 2em;
  background: #168ee4;
  box-shadow: 0px 2px 5px #333232;
  color: white;
  border-radius: 20px;
  font-size: .7em;
}
.shorwind{
  max-width: 500px !important;
  height: auto !important;
}

/* estilo para el marcador personalizado */
.customMarker {
  position: absolute;
  cursor: pointer;
  margin-left: -1em;
  margin-top: -5px;
}
.customMarkerD {
  position: absolute;
  cursor: pointer;
  margin-left: -1em;
  margin-top: 0px;
}
.titul_via{
  display: block;
  background: #187b8a;
  font-size: .3em;
  font-weight: lighter;
  color: white;
  width: 12px;
  height: 4px;
  line-height: 4px;
  border-radius: 5px;
}
.dist_via{
  display: block;
  color: #187b8a;
  text-align: center;
  width: 12px;
  height: 4px;
  line-height: 4px;
  font-weight: bold;
  font-size: .3em;
}
.distan_via{
  position: relative;
  display: block;
  color: #187b8a;
  text-align: center;
  width: 12px;
  height: 4px;
  line-height: 4px;
  font-weight: bold;
  font-size: .3em;
}
.distan_via:hover p.titul_dist_v{
  display: block;
}
.titul_dist_v{
  position: absolute;
  top: -10em;
  display: none;
  background: #2196f3;
  font-size: .3em;
  font-weight: lighter;
  color: white;
  width: auto;
  height: 4px;
  padding: 0 1.5em;
  padding-bottom: -2em;
  line-height: 4px !important;
  border-radius: 5px;
}
.customMarkerImg{
  position: absolute;
  cursor: pointer;
  margin-left: -5px;
  margin-top: -5px;
}
.icon_mrker_r{
  display: block;
  width: 6px;
  height: 6px;
}
.leyen_via{
  display: block;
  color: #187b8a;
  text-align: center;
  width: 15px;
  height: 5px;
  margin-left: -5px;
  line-height: 5px;
  font-weight: bold;
  font-size: .35em;
}
.p_realtive{
  position: relative;
}
.cont_switches{
  position: absolute;
  left: 1em;
  bottom: .4em;
  background: white;
  box-shadow: 0px 1px 3px gainsboro;
  border-radius: 14px;
  padding: .4em 1em;
  z-index: 1500;
  font-size: .8em;
}
.cont_sl_m{
  position: absolute;
  left: 1em;
  bottom: 3.4em;
  background: white;
  box-shadow: 0px 1px 3px gainsboro;
  border-radius: 14px;
  padding: .4em 1em;
  z-index: 1500;
  font-size: .8em;
}
.inp_ck{
  display: inline-block;
  vertical-align: middle;
  margin-left: .2em;
}
.lb_ck:hover{
  color: #2196f3;
  font-weight: bold; 
}
.inp_incomplate{
  border: 1px solid #F44336 !important;
  background: #fff6f6 !important;
}



/* Estilos para el chat privado */
.cont_mensajes{
  position: fixed;
  bottom: 0;
  right: 5em;
  width: 900px;
  height: 5px;
}
.itm_controls_msj{
  position: absolute;
  left: -1.4em;
  bottom: -.2em;
  border-radius: 8px 8px 0px 0px;
  text-align: left;
}
.ic_cntr{
  position: relative;
  display: inline-block;
  margin-right: .2em;
  padding: .5em;
  font-size: 1.2em;
  transition: .2s;
  border-radius: 8px;
  background: #e8e8e8;
  color: #626263;
  margin-bottom: -.3em;
}
.fdeNwes{
  position: absolute;
  right: .8em;
  top: .1em;
  width: 13px;
  height: 13px;
  line-height: 12px !important;
  text-align: center;
  background: #2196f3;
  color: white;
  font-size: .7em;
  padding: .1em;
  border-radius: 50%;
}
.conten_chat_all{
  position: relative;
  display: block;
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 2em;
  border-radius: 10px;
  text-align: center;
}
.col_convrs{
  display: inline-block;
  position: relative;
  width: 27%;
  height: 500px;
  overflow-y: scroll;
  vertical-align: top;
  background: #f3f3f3;
  border-radius: 10px 0 0 10px;
  text-align: left;
}
.col_mensajes{
  display: inline-block;
  position: relative;
  width: 68%;
  height: 500px;
  overflow-y: scroll;
  padding: 1em;
  vertical-align: top;
  background: #f7f7f7;
  border-left: 1px solid #efefef;
  box-shadow: -10px 0px 10px #ececec;
  border-radius: 0 10px 10px 0;
  text-align: left;
}
.cont_redct_ms{
  position: absolute;
  left: 5em;
  bottom: 1em;
  right: 5em;
  height: 40px;
  border-radius: 20px;
  padding-left: 1em;
  margin-top: .5em;
  background: white;
  box-shadow: 0px 2px 10px #e4e4e4;
}
.cont_mensaje_chat{
  position: relative;
  height: 410px;
  overflow: scroll;
  margin: .2em auto;
}
.srch_mss{
  position: absolute;
  top: 1em;
  left: 1em;
  right: 1em;
  box-shadow: 0px 3px 5px #828282;
  background: white;
  border-radius: 20px;
  padding: 1em;
  z-index: 200;
}
.cnt_inp_bs{
  display: block;
  position: relative;
}
.bsc_search{
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  border-radius: 20px;
  border: 1px solid #efefef;
  outline: none;
  padding-left: 2em;
  color: #8c8c8c;
}
.icon_sh_bs{
  position: absolute;
  z-index: 30;
  left: .8em;
  top: .6em;
  color: #01b1f5;
}
.cnt_load_bs{
  position: absolute;
  z-index: 30;
  right: .8em;
  top: .6em;
}
.cerr_bsc{
  position: absolute !important;
  right: -.1em;
  top: -.9em;
  padding: .5em;
  background: #03a9f4;
  box-shadow: 0px 2px 3px #a59f9f;
  color: white;
  border-radius: 50%;
}
.item_srch{
  display: block !important;
  padding: .2em .8em;
  background: #f7f7f7;
  border-radius: 20px;
  margin: .2em 0;
}
.item_srch:hover{
  background: #ececec;
}
.ft_search{
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: .4em;
}
.vt_spr{
  vertical-align: super;
}
.bk_act_bs{
  background: #f5f5f5;
}
.txt_serch_nm{
  display: inline-block;
  font-size: .85em;
  font-weight: bold;
  color: gray;
  vertical-align: super;
}
.lis_rest{
  max-height: 150px;
  overflow-y: scroll;
}
.hed_mesn{
  padding-left: 1em;
}
.cnt_sub_msj{
  display: block;
  width: 180px;
  background: #e8e8e8;
  box-shadow: 0px 2px 3px #cecccc;
  margin-bottom: .5em;
}
.itm_sub_cht{
  position: relative;
  list-style: none;
  display: block !important;
  font-size: .9em;
  color: #5f5d5d;
  font-weight: bold;
  transition: .2s;
}
.size_files{
  position: absolute;
  left: 0;
  top: .5em;
  font-size: .7em;
  color: gray;
}
.info_limit{
  position: absolute;
  right: 0;
  top: .5em;
  font-size: .7em;
  color: red;
}
.text_avis_y{
  font-size: .7em;
  color: gray;
  padding: .2em;
}
.itm_sub_cht:hover{
  background: gainsboro;
  cursor: pointer;
}
.resendMsj{
  padding: .2em;
  border-radius: 50%;
  margin-left: .2em;
  color: #f34242;
}
.send_fail{
  padding: .2em;
  border-radius: 50%;
  margin-left: .2em;
  color: #b9b8b8;
  border-radius: 50%;
}
.tt_mjs_ch{
  position: relative;
  display: block;
  padding: .9em 1em;
  padding-top: 0;
  font-size: 1.5em;
  font-weight: bold;
}
.cn_add_cht{
  position: absolute !important;
  right: 1em;
  top: .4em;
  width: 28px;
  height: 28px;
  line-height: 28px !important;
  background: #2196F3;
  font-size: .7em;
  color: white;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 2px 3px #b9b7b7;
}
.cn_add_cht:hover{
  background: #37a6ff;
  box-shadow: 0px 3px 4px #b9b7b7;
}
.vacioConvers{
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  margin-top: 10em;
  text-align: center;
}
.iconcnv{
  display: inline-block;
  font-size: 1.5em;
  width: 50px;
  height: 50px;
  background: #e6e6e6;
  border-radius: 50%;
  line-height: 50px !important;
  text-align: center;
  box-shadow: 0px 3px 5px #cccccc;
  color: #2196f3;
}
.act_cht{
  background: #e5e5e5 !important;
  border-radius: 30px;
}
.slt_txn{
  padding: 1.2em;
  color: #b5b5b5;
}
.send_fail:hover{
  color: #03a9f4;
}
.txt_nm_sub{
  position: relative;
  display: block;
  padding: .4em 1em;
}
.nm_intern{
  position: absolute;
  right: .5em;
  top: .5em;
  width: 15px;
  height: 15px;
  line-height: 15px !important;
  text-align: center;
  background: #2196f3;
  color: white;
  font-size: .8em;
  padding: .1em;
  border-radius: 50%;
}
.ic_cntr:hover{
  color: black;
  background: gainsboro;
}
.minChat{
  bottom: -19.7em !important;
}
.item_chat_modal{
  position: absolute;
  right: 0;
  bottom: 0;
  height: 350px;
  width: 285px;
  background: #f2f2f2;
  box-shadow: 0px 0px 5px #424242;
  border-radius: 10px 10px 0 0;
  border: 1px solid gainsboro;
}
.md_cha1{
  right: 18.5em !important;
}
.md_cha2{
  right: 37em !important;
}
.cont_test{
  display: block;
  background: white;
  min-height: 400px;
  max-width: 600px;
  margin: 0 auto;
}
.sendNotificationMovil{
  display: block;
  width: 80%;
  border: 0;
  padding: .8em 0;
  background: #2196F3;
  box-shadow: 0px 3px 5px #dedede;
  border-radius: 20px;
  color: white;
  font-size: .9em;
  margin: 0 auto;
  outline: none;
}
.sendNotificationMovil:hover{
  background: #03a9f4;
}
.head_chat{
  position: relative;
  display: block;
  height: 33px;
  background: #e8e8e8;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 3px 3px #e1e1e1;
  border-top: 1px solid #dddddd;
  transition: .2s;
  text-align: left;
}
.head_chat:hover{
  background: gainsboro;
  cursor: default;
}
.perf_chat{
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-left: 1em;
  vertical-align: top;
  margin-top: .25em;
}
.nom_chat{
  position: relative;
  display: inline-block;
  font-size: .8em;
  color: #504c4a;
  margin-left: .5em;
  padding: .3em;
  margin-top: .35em;
}
.icon_cer{
  position: absolute;
  right: .8em;
  top: .5em;
  color: #504c4a;
  width: 20px;
  font-size: 8em;
  height: 20px;
  line-height: 20px !important;
  text-align: center;
  border-radius: 50%;
  font-size: 1em;
  transition: .2s;
}
.icon_cer:hover{
  background: #cecece;
}
.content_mensajes_chat{
  position: relative;
  height: 270px;
  background: #f0fbff;
  margin-top: 2px;
  overflow: scroll;
  padding-top: .5em;
}
.itme_mensaje_rc{
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: .2em 0;
  list-style: none;
  text-align: left;
}
.itme_mensaje_emc{
  position: relative;
  text-align: right;
  width: 90%;
  margin: 0 auto;
  padding: .2em 0;
  list-style: none;
}
.ft_msj{
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  box-shadow: 0px 2px 3px gainsboro;
}
.mensaje_rceptor{
  display: inline-block;
  color: #6d6a6a;
  font-size: .8em;
  margin-left: .5em;
  background: #e7e7e7;
  padding: .5em 1em;
  border-radius: 20px;
  box-shadow: 0px 2px 3px gainsboro;
  max-width: 70%;
  vertical-align: middle;
}
.mensaje_emisor{
  display: inline-block;
  color: #527892;
  font-size: .8em;
  margin-left: .5em;
  background: #d4ecff;
  padding: .5em 1em;
  font-weight: bold;
  border-radius: 20px;
  box-shadow: 0px 2px 3px gainsboro;
  max-width: 70%;
  text-align: left;
}
.awtBk{
  background: #add5f5 !important;
}
.no_mmsge{
  position: relative;
  text-align: left;
  max-width: 80%;
  margin: 0 auto;
  font-size: .85em;
  color: gray;
  padding: 2em;
}
.visto_msj{
  font-size: .85em;
  color: #9c9c9c;
  text-align: right;
  margin-right: 0.9em;
  padding: .8em 0;
}
.notiffi_mesnj{
  position: absolute;
  left: 6%;
  top: -1em;
  width: 18px;
  height: 18px;
  line-height: 18px !important;
  border-radius: 50%;
  text-align: center;
  background: #2196f3;
  box-shadow: 0px 3px 3px #b1b1b1;
  color: white;
}
.cont_inpt{
  position: relative;
  display: block;
  background: white;
  border-top: 1px solid #e8e8e8;
}
.inp_chat{
  background: white;
  outline: none;
  border: 0;
  padding: .8em 2em;
  width: 80%;
}
.icon_send_chat{
  position: absolute !important;
  right: .5em;
  top: .5em;
  background: #dadada;
  color: white;
  width: 15px;
  height: 15px;
  line-height: 15px !important;
  border-radius: 50px;
  padding: .4em;
  box-shadow: 0px 2px 5px #dedede;
  text-align: center;
}
.modal_mensa{
  position: fixed;
  right: 10em;
  width: 350px;
  height: 380px;
  top: 4.5em;
  background: #f3f3f3;
  box-shadow: 0px 0px 10px #c4c4c4;
  border-bottom: 1px solid #d4d3d3;
  overflow: hidden;
}
.list_msj_m{
  position: relative;
  display: block;
  padding: .5em 0em;
  height: 300px;
  overflow-y: auto;
}
.txt_not_all{
  font-size: .8em;
  padding: 0;
  color: #03A9F4;
  font-weight: bold;
  line-height: 25px;
}
.enlace_mensaje{
  position: relative;
  display: block !important;
  background: #f3f3f3;
  padding: .3em 1.8em;
  margin: .1em 0;
}
.enlace_mensaje:hover{
  background: #e2e2e2;
  cursor: pointer;
}
.msj_hed{
  border-bottom: 1px solid #f3f3f3;
}
.img_itm_msj{
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  vertical-align: super;
}
.cont_txt_msj{
  display: inline-block;
  margin-left: .8em;
  width: 65%;
  vertical-align: super;
}
.ttl_msj_item{
  font-size: .8em;
  color: #5a5a5a;
}
.txt_cont_msj{
  font-size: .75em;
  color: gray;
}
.num_date_msj{
  position: absolute;
  right: 1.8em;
  top: .3em;
  text-align: center;
}
.num_msj_i{
  width: 15px;
  height: 15px;
  line-height: 15px !important;
  background: #2196F3;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  font-size: .6em;
  padding: .1em;
  color: white;
  font-weight: bold;
}
.exMsj{
  background:#e2e2e2 !important;
}
.date_msj_i{
  display: block;
  font-size: .75em;
  color: #afa9a9;
  padding: .2em;
}
.cont_num_dash{
  display: block;
  margin-bottom: 3em;
}
.mg_anul{
  margin-right: .2em;
}
.con_back_cht{
  font-size: 2em;
  padding: .1em;
  color: grey;
  vertical-align: top;
  margin-right: .3em;
}
.not_prin_e{
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  padding: 1em 0;
}
.notifi_icon{
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  font-size: 1.2em;
  width: 33px;
  height: 33px;
  line-height: 33px !important;
  text-align: center;
  border-radius: 50%;
  padding: .2em;
  color: #929292;
  margin-right: 1em;
  transition: .1s;
  margin-top: .2em;
}
.notifi_icon:hover{
  background: #f1f1f1;
}
.cont_tit_noti{
  position: relative;
  display: block;
  text-align: center;
}
.txt_m_noti{
  padding: .5em;
  font-weight: bold;
}
.view_all_noti{
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25px;
  background: #f9f9f9;
}
.flot_noti_count{
  position: absolute;
  display: inline-block;
  line-height: 5px;
  top: .1em;
  right: .7em;
  width: 12px;
  height: 12px;
  line-height: 9px;
  padding: .2em;
  color: #ffffff;
  background: #00b7ff;
  box-shadow: 0px 2px 3px #6f6b6b;
  text-align: center;
  border-radius: 50%;
  font-size: .6em;
}
.cnt_lodt{
  margin-top: 8em;
  text-align: center;
}
.cont_user_cht{
  position: fixed;
  right: -19em;
  top: 0;
  bottom: 0;
  width: 300px;
  background: white;
  transition: .3s;
  border-left: 1px solid #d4d4d4;
}
.shw_usr{
  right: 0em;
}
.list_srs_cht{
  position: relative;
  width: 90%;
  margin: 0 auto;
  height: 350px;
  overflow-y: scroll;
}
.ic_usrs_msj{
  position: fixed;
  bottom: .2em;
  right: .2em;
  padding: .6em;
  border-radius: 50%;
  background: white;
  color: #2196F3;
}
.ex_usrs_sel{
  position: absolute;
  left: .6em;
  top: 3.5em;
  font-size: 1.3em;
  border-radius: 50%;
  background: white;
  color: #b9b9b9;
}
.ex_usrs_sel:hover{
  background: #fbfbfb;
  color: black;
}
.tt_selct_us{
  font-size: 1.2em;
  padding: 1em;
  font-weight: bold;
  color: #4a4747;
  margin-top: 6em;
}
.img_user_cht{
  display: inline-block;
  margin-top: .3em;
  width: 27px;
  border-radius: 50%;
  vertical-align: text-bottom;
  margin-right: .7em;
}
.nom_user_chat{
  display: inline-block;
  font-size: .8em;
  color: #4e4c4c;
  width: 170px;
}
.nom_user_chat:hover{
  text-decoration: underline;
  color: #03a9f4;
}
.icn_send{
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 23px !important;
  background: #2196f3;
  box-shadow: 0px 2px 3px #929292;
  color: #ffffff;
  border-radius: 50%;
  margin-left: .6em;
  font-size: .8em;
  vertical-align: bottom;
  text-align: center;
}
.icn_send:hover{
  background: #1a7bc7;
  cursor: pointer;
}
.next_btn{
  background: #03A9F4 !important;
  color: white !important;
}
.head_map_clint{
  position: absolute;
  left: 2em;
  top: .5em;
  text-align: left;
  z-index: 100;
}
.cont_mapa{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.img_map_av{
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid white;
  box-shadow: 0px 2px 3px gainsboro;
  margin-top: .2em;
}
.cont_info_mp{
  display: inline-block;
  margin-left: .5em;
  background: white;
  box-shadow: 0px 2px 3px gainsboro;
  border-radius: 50px;
  padding: .5em 1em;
  vertical-align: top;
  margin-top: .2em;
  font-size: .9em;
}
.ttl_mp_hd{
  font-size: .75em;
  color: #292727;
  padding: .3em 0;
}
.aers_mp{
  position: relative;
  display: inline-block;
  padding: .4em .8em;
  font-size: .65em;
  font-weight: bold;
  color: #656565;
  background: #f3f3f3;
  border-radius: 20px;
  margin: 0 .4em;
  cursor: pointer;
}
.cont_tootl{
  position: absolute;
  bottom: -5em;
  left: -3em;
  background: white;
  width: 150px;
  padding: .5em;
  border-radius: 10px;
  opacity: 0;
  transform: scale(.5);
  transition: .1s;
}
.aers_mp:hover .cont_tootl{
  opacity: 1;
  transform: scale(1);
}
.sl_tp_ar{
  position: absolute;
  font-size: .8em;
  width: 100px;
  top: -1.6em;
  right: 4em;
  background: #f3f3f3;
  border-radius: 5px;
  color: #5e6564;
}
.ck_pn_r{
  position: absolute;
  top: -1.6em;
  right: 1em;
}
.tlft_18{
  left: 19em;
}
.menu_movil{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  box-shadow: 0px -2px 3px #e3e3e3;
  z-index: 1500;
}
.list_mov{
  position: relative;
  text-align: center;
  height: 60px;
}
.item_mov{
  display: inline-block;
  padding: .5em 0em;
  width: 20%;
  color: #605b5b;
}
.icon_m_mov{
  font-size: 1.5em;
  padding: .2em 0;
}
.txt_m_mov{
  font-size: .61em;
  text-transform: uppercase;
  font-weight: bold;
}
.act_tab {
  background: #168ee4 !important;
  color: #bae9ff !important;
  font-weight: bold;
}
.mg_t_2{
  margin-top: 2em !important;
}




/*Modal de los premisos*/
.md_notifi{
  margin:0 auto;
  height: auto;
}
.md_notifi_perm{
  position: relative;
  margin:0 auto;
  padding-top: 2em;
  width: 90%;
  height: auto;
}
.mod_op_full{
  z-index: 1500;
  top: 0;
  background: rgba(132, 132, 132, 0.4);
}
.cont_img_permiso{
  display: block;
}
.img_permi{
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 2em 0;
}
.titul_permiso{
  display: block;
  text-align: center;
  font-size: 1.4em;
  padding: .5em 0;
  max-width: 80%;
  margin: 0 auto;
}
.text_sec_perm{
  text-align: center;
  max-width: 90%;
  color: #616060;
  margin: 0 auto;
  line-height: 26px;
}
.list_permis{
  width: 70%;
  background: #ececec;
  border-radius: 10px;
  margin: 2em auto;
  padding: 1.5em;
}
.btn_active_not{
  display: inline-block !important;
  padding: .6em 2em;
  border-radius: 20px;
  color: white;
  background: #2196F3;
  text-align:center;
  margin:.2em auto;
  font-weight: bold;
  cursor: pointer;
  transition: .2s;
}
.btn_active_not:hover{
  background: rgb(14, 132, 225);
}
.btn_none_not{
  display: inline-block !important;
  padding: .6em 2em;
  border-radius: 20px;
  color: gray;
  text-align:center;
  margin:.5em auto;
  cursor: pointer;
  transition: .2s;
}
.btn_none_not:hover{
  background: #dbdbdb;
  color: #484545;
}
.item_perm_av{
  position: relative;
  font-size: .95em;
  display: block;
  width: 70%;
  margin: .6em auto;
  color: #6d6d6d;
}
.item_perm_av:before{
  content: "";
  position: absolute;
  left: -2.5em;
  top: 0;
  width: 10px;
  height: 10px;
  background: #2196F3;
  border-radius: 50%;
  border: 4px solid white;
}
.tti_prems_c{
  display: block;
  font-size: .85em;
  font-weight: bold;
  text-transform: uppercase;
  width: 90%;
  margin: .5em auto;
}
.tt_red_pay{
  background: #e05e5e;
  font-size: 1.1em;
  padding: .3em 0;
  text-transform: uppercase;
  color: white;
  border-radius: 5px;
  margin-top: -.5em;
  z-index: 100;
  position: relative;
}







/*Aqui estaran los media-querys*/
@media only screen and (max-width: 1167px) {
  .cont_articulos{
    margin-left: 1em;
    margin:0 auto;
    background: transparent;
    border:0;
  }
  .coment-contq{
    margin:0 auto;
  }
  .articulo{
    background: white;
    border: 1px solid #e4e4e4;
  }
   .content_info_extra{
   display: none;
 }
 .content_info_extra_ap{
    display: none;
 }
 .titulo_comentarios{
    margin:0 auto;
 }
  .float_tag{
    left: -2em;
  }
  .btn_clear{
    left: 2em;
  }
  .titu_cot{
    left: 20% !important;
  }

}
@media only screen and (max-width: 967px) {
  .conten_chat_all{
    margin-top: 4em;
  }
  .titu_cot{
    left: 5% !important;
  }
  .cont_cotizacion{
    margin-top: 3em;
  }
  .col_m_single{
    display: block;
    width: 100%;
    margin:1em auto;
  }
  .col_convrs{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-top: 1em;
    border-radius: 20px;
  }
  .hed_mesn{
    padding: .5em;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0px 2px 3px #dddddd;
  }
  .enlace_mensaje{
    padding: .7em 1em;
    margin: .1em 0;
  }
  .cnt_mov{
    display: block;
  }
  .col_mensajes{
    display: none;
    position: fixed;
    top: 0;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0em;
    z-index: 1800;
  }
  .isActMsj{
    display: block;
    animation: fadeIn .5s 1;
    padding: 0;
  }
  .cont_mensaje_chat{
    height: 470px;
    padding: 1.1em 0;
  }
}
@media only screen and (max-width: 750px) {
  .col2{
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  .contentLogo_p{
    left: 6em;
  }
  .list_app_s{
    display: none;
  }
  .icon_menu_uni{
    display: inline-block !important;
    color: #4f4c4c;
  }
  .img_preview{
    width: 100%;
  }
  .ocultar{
    display: none !important;
  }
  .cont_cotizacion{
    margin-top: 2.5em;
  }
  .wd_vuelo{
    max-width: 95% !important;
  }
  .con_back_cht{
    display: inline-block !important;
    margin-left:-.2em;
  }
  .con_back_cht:hover{
    background: gainsboro;
    border-radius: 50%;
    color: #525353;
    box-shadow: 0px 2px 3px #cdcdcd;
  }
}
@media only screen and (max-width: 480px) {
  .filavuelos{
    padding: 1.5em 0;
  }
  .cont_btns_apl{
    display: none;
  }
  .informacion{
    padding: .5em;
    padding-bottom: 5em;
  }
  .cont_icn_ayd{
    left: 3.3em;
  }
  .menu_movil{
    display: block;
  }
  .cont_redct_ms{
    left: 1em;
    right: 1em;
    box-shadow: 0px 2px 10px #b3b1b1;
  }
  .cabecera{
    z-index: 1500;
  }
  .menu_salir{
    right: .3em;
  }
  .bigModal{
    padding-bottom: 2em;
  }
  .contenedor_preview_img{
    width: 100%;
  }
  .icon_map_all, .contenedor_camb_img, .cont_docsgener{
    display: none;
  }
  .cnt_mailDocs, .cnt_manualtime, .cnt_mailEmpr {
    position: fixed;
    right: 0;
    width: auto;
    left: 0;
    bottom: 0;
    overflow-y: scroll;
    padding: 2em .5em;
  }
  .doc_handl{
    margin: .3em 0;
  }
  .add_ruta{
    top: auto;
  }
  .send_doc_ft{
    display: block !important;
    position: relative !important;
    left: auto;
    top: auto;
    padding: .5em 0;
    margin: 0 auto;
    margin-bottom: .3em;
    width: 85%;
  }
  .list_opc{
    display: block;
    position: relative;
    margin: 2.5em auto;
    left: auto;
    right: auto;
  }
  .item_her, .item_manual{
    padding: .6em 1em !important;
  }
  .cont_swt{
    margin-top: 4em;
  }
  .tm_term{
    padding: .8em .3em;
  }
  .check_t{
    width: 80%;
    padding: 1em .5em;
  }
  .cnt_btn{
    margin: .5em 0;
  }
  .conte_show{
    padding: 1em 0;
  }
  .subt_text{
    font-size: .9em;
    color: #2f2d2d;
  }
  .modal_mensa{
    width: auto;
    height: auto;
    right: 0;
    left: 0;
    bottom: 0;
    top: 4em;
  }
  .icn_send{
    width: 28px;
    height: 28px;
    line-height: 28px !important;
  }
  .modal_opa{
    z-index: 1500;
  }
  .ocult_mov{
    display: none;
  }
  .tag_titl, .content_webs{
    z-index: 1000;
  }
  .calc_cnt{
    width: auto;
    right: 2%;
    padding: 0;
    left: 2%;
    top: 5em;
  }
  .cont_calc{
    right: 0;
    left: 0;
    top: 0em;
    width: 100%;
    height: 500px;
    padding-top: 3em;
  }
  .cont_image{
    max-width: 100px;
    height: 100px;
  }
  .img_login {
    margin-top: 1em;
    width: 100px;
  }
  .col6, .col4, .col5{
    width: 40%;    
  }
  .registr_ft{
    position: relative;
    display: block;
    left: auto;
    top: auto;
    width: 95%;
    margin: 0 auto;
    padding: .6em 0;
  }
  .cont_sl_m, .cont_switches, .cnt_img_v, .list_flt_scl{
    display: none;
  }
  .list_dt{
    text-align: left;
    width: 95%;
    margin: 0 auto;
    margin-top: 2em;
  }
  .item_dt{
    margin: .3em 0;
  }
  .track_ft, .drawMap{
    bottom: -1.6em;
  }
  .cnt_manualtime{
    left: 0;
    right: 0;
  }
  .cnt_mailEmpr{
    left: 0;
    right: 0;
  }
  .wdt_rmks{
    width: 100px;
  }
  .mov_block{
    display: block !important;
  }
  .informacion_aer{
    padding: .5em;
    padding-bottom: 7em;
  }
  .sdsf{
    padding: 1em 0;
    text-align: center !important;
  }
  .col3, .col40{
    display: block;
    width: 90%;
    margin:0 auto;
  }
  .flt_r_btns{
    position: absolute;
    display: block;
    top: -1em;
    right: auto;
  }
  .comodin_aer{
    margin-top: 6em !important;
    padding-bottom: 0 !important;
  }
  .abs_btn{
    right: 1.5em;
  }
  .hgt{
    height: auto;
    padding: 1em 0;
    margin-top: 2em;
  }
  .item_det{
    display: block;
    text-align: left;
    padding-left: 2em;
    margin: .5em 0;
  }
  .cargo_aer {
      position: relative;
      display: block;
      padding: 2.5em;
  }
  .cont_aplicicones{
    width: 95%;
    padding: 0;
    margin: 2em auto;
  }
  .item_app{
    width: 42% !important;
    margin-left: 1.5em;
  }
  .status_escala{
    font-size: .7em;
    right: .5em;
    max-width: 90px;
  }
  .cont_img_app{
    width: 100px;
    height: 100px;
  }
  .img_app{
    width: 45%;
    margin-top: 2em;
  }
  .hg_file{
    max-width: 98% !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: .5em;
    min-height: 700px;
  }
  .content_modal{
    margin-top: .5em;
  }
  .notifi_icon{
    font-size: 1.4em;
    margin-top: .1em;
  }
  .tit_vtn{
    font-size: .9em;
  }
  .col5_p{
    width: 35%;
  }
  .inp_login{
    width: 80%;
    padding: 1.3em 2em;
    border-radius: 10px;
  }
  .btn_login{
    width: 95%;
    height: 3em;
    font-size: .85em;
    border-radius: 10px;
  }
  .cont_image {
    max-width: 120px;
    height: 120px;
    margin-top: 1em;
  }
  .img_login {
    margin-top: .5em;
    width: 140px;
    margin-left: -1em;
    padding-bottom: 2em;
  }
  .contenPrincipal{
    margin-top: 1em;
  }
  .cont_est_gray{
    padding: 1em;
  }
  .col7{
    width: 43%;
    text-align: center !important;
    padding: .2em;
  }
  .item_swt{
    width: 25%;
  }
  .colten{
    width: 30%;    
  }
  .icon_btn{
    display: none;
  }
  .col3_v{
    display: block;
    width: 95%;
    vertical-align: top;
  }
  .subir_file{
    display: block;
    width: 80%;
    padding: .8em;
    margin: 0 auto;
    margin-top: 1em;
    font-size: .8em;
  }
  .titu_cot{
    top: 6em;
    right: 0;
    left: auto;
    padding: .3em 1.5em;
    font-size: .75em;
    box-shadow: 2px 2px 5px #a6a3a3;
  }
  .col2{
    display: block;
    width: 100%;
  }
  .main_cont{
    padding: 0;
  }
  .cargo_aer{
    display: none;
    padding: 2.5em 0;
  }
  .cont-sub{
    margin: 3em 0;
  }
  .btn_veri{
    position: relative !important;
    display: inline-block;
    left: auto;
    right: auto;
    bottom: auto;
    width: 80%;
    padding: .8em 0;
  }
  .separador{
    padding: .4em 0;
  }
  .contentLogo_p {
    left: 4em;
    display: none;
  }
  .icon_menu_uni{
    left: .5em;
  }
  .user_opc{
    right: .5em;
  }
  .top_m{
    margin-top: 4em;
  }
  .label_cot{
    color: black;
  }
  .h_730{
    height: auto !important;
    max-height: initial;
  }
  .ele_head_imp{
    padding: 0 !important;
  }
  .btns_imp{
    position: fixed;
    right: 0;
    top: auto;
    bottom: 1em;
    padding: 1em;
  }
  .logo_imp_fac{
    display: none;
  }

}
@media only screen and (max-width: 320px) {
  .contentLogo_p {
    display: none;
  }
}

/************ Vista de impresion ***********/
@media print {
  * {
      -webkit-print-color-adjust: exact;
    }
    body{
      background: white !important;
    }
    .cabecera, .tag_calc, .sitios_cont, .pace, .cont_mensajes, .cotizador-cont, .ic_usrs_msj, .icon_edt_ft, .cmb_fond_btn, .selct_file, .mensaje, .content_webs, .tag_titl, .icon_delete, .colors_barra, .btn_sav_rmk{
      display: none !important;
    }
    .fondo_intern, .fondo_vuelos{
      background: white !important;
    }
    .modal_opa_cot{
      background: white;
      position: relative;
      box-shadow: none !important;
    }
    .main_cont{
      margin-top: -3.3em;
    }
    .cont_plan{
      overflow: hidden;
    }
    .clss_head{
      padding: 0 !important;
    }
    .content_modal{
      position: relative !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
      background: transparent !important;
      overflow: auto !important;
      box-shadow: none !important;
      width: 100%;
      max-width: 100%;
      border: none !important;
    }
    .h_730{
      height:auto !important;
      max-height: none !important;
    }
    .txtTitle_ta{
      font-weight: 400;
      color: black;
    }
    .closed{
      display: none;
    }
    .btns_imp, .selec_fix_im{
      display: none;
    }
    .float_mail{
      display: none;
    }
    .modal_opa{
      position: relative !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
      background: transparent !important;
      overflow: auto !important;
      box-shadow: none !important;
      width: 100%;
      max-width: 100%;
      border: none !important;
    }
    .informacion{
      display: none !important;
    }
}




.spinner_small{
  width: 11px;
  height: 11px;
  border: 3px solid #dddddd;
  border-top: 3px solid #2196f3;
  border-radius: 100%;
  display: inline-block;
  margin: auto;
  animation: spin .3s infinite linear;
}

@keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
        transform: rotate(360deg);
    }
}



/* Estilos correpondientes a la libreria Croppie */

.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(206, 206, 206, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
  /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: '↺';
}
.cr-rotate-r i:before {
  content: '↻';
}

/************ ANIMACIONES ***********/

.slideInUp {
  -webkit-animation:slideInUp .5s 1;
  animation:slideInUp .5s 1;
}
.slideOutDown {
  -webkit-animation:slideOutDown .5s 1;
  animation:slideOutDown .5s 1;
}
.slideOutLeft {
  -webkit-animation: .5s slideOutLeft 1;
  animation: .4s slideOutLeft 1;
}
.bounceInLeft {
  -webkit-animation:1s bounceInLeft 1;
  animation:.5s bounceInLeft 1;
}
.fadeIn {
  -webkit-animation:.5s fadeIn 1;
  animation:.5s fadeIn 1;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}




/*PRELOADS*/

.cssload-container {
  width: 100%;
  height: 22px;
  text-align: center;
}

.cssload-tube-tunnel {
  width: 22px;
  height: 22px;
  margin: 0 auto;
  border: 2px solid;
  border-radius: 50%;
  border-color: rgb(184,184,184);
  animation: cssload-scale 765ms infinite linear;
    -o-animation: cssload-scale 765ms infinite linear;
    -ms-animation: cssload-scale 765ms infinite linear;
    -webkit-animation: cssload-scale 765ms infinite linear;
    -moz-animation: cssload-scale 765ms infinite linear;
}



@keyframes cssload-scale {
  0% { transform: scale(0); transform: scale(0); }
  90% { transform: scale(0.7); transform: scale(0.7); }
  100% { transform: scale(1); transform: scale(1); }
}

@-o-keyframes cssload-scale {
  0% { -o-transform: scale(0); transform: scale(0); }
  90% { -o-transform: scale(0.7); transform: scale(0.7); }
  100% { -o-transform: scale(1); transform: scale(1); }
}

@-ms-keyframes cssload-scale {
  0% { -ms-transform: scale(0); transform: scale(0); }
  90% { -ms-transform: scale(0.7); transform: scale(0.7); }
  100% { -ms-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes cssload-scale {
  0% { -webkit-transform: scale(0); transform: scale(0); }
  90% { -webkit-transform: scale(0.7); transform: scale(0.7); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}

@-moz-keyframes cssload-scale {
  0% { -moz-transform: scale(0); transform: scale(0); }
  90% { -moz-transform: scale(0.7); transform: scale(0.7); }
  100% { -moz-transform: scale(1); transform: scale(1); }
}

/* awesomplete css*/

.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    position: relative;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
  border-radius: .3em;
  margin: .2em 0 0;
  background: hsla(0,0%,100%,.9);
  background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
  border: 1px solid rgba(0,0,0,.3);
  box-shadow: .05em .2em .6em rgba(0,0,0,.2);
  text-shadow: none;
}

@supports (transform: scale(0)) {
  .awesomplete > ul {
    transition: .3s cubic-bezier(.4,.2,.5,1.4);
    transform-origin: 1.43em -.43em;
  }
  
  .awesomplete > ul[hidden],
  .awesomplete > ul:empty {
    opacity: 0;
    transform: scale(0);
    display: block;
    transition-timing-function: ease;
  }
}

  /* Pointer */
  .awesomplete > ul:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    width: 0; height: 0;
    padding: .4em;
    background: white;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .awesomplete > ul > li {
    position: relative;
    padding: .2em .5em;
    cursor: pointer;
  }
  
  .awesomplete > ul > li:hover {
    background: hsl(200, 40%, 80%);
    color: black;
  }
  
  .awesomplete > ul > li[aria-selected="true"] {
    background: hsl(205, 40%, 40%);
    color: white;
  }
  
    .awesomplete mark {
      color: #47bae7;
    }
    
    .awesomplete li:hover mark {
      background: hsl(68, 100%, 41%);
    }
    
    .awesomplete li[aria-selected="true"] mark {
      background: hsl(86, 100%, 21%);
      color: inherit;
    }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation:.4s slideInUp 1;
  animation:.4s slideInUp 1;
}


/* TOOLTIPS CODE */

button[data-balloon] {
  overflow: visible;
   }

li[data-balloon] {
  overflow: visible;
  }

a[data-balloon] {
  overflow: visible;
  z-index: 1100; }

[data-balloon] {
  position: relative;
  cursor: pointer; }
  [data-balloon]:after {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    -moz-transition: all 0.18s ease-out 0.18s;
    -ms-transition: all 0.18s ease-out 0.18s;
    -o-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    font-family: sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-shadow: none !important;
    font-size: 12px !important;
    background: rgba(17, 17, 17, 0.9);
    border-radius: 20px;
    color: #fff;
    content: attr(data-balloon);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10; }
  [data-balloon]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    -moz-transition: all 0.18s ease-out 0.18s;
    -ms-transition: all 0.18s ease-out 0.18s;
    -o-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    content: '';
    position: absolute;
    z-index: 10; }
  [data-balloon]:hover:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:before, [data-balloon][data-balloon-visible]:after {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto; }
  [data-balloon].font-awesome:after {
    font-family: FontAwesome; }
  [data-balloon][data-balloon-break]:after {
    white-space: pre; }
  [data-balloon][data-balloon-blunt]:before, [data-balloon][data-balloon-blunt]:after {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }
  [data-balloon][data-balloon-pos="up"]:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 11px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up"]:before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up"]:hover:after, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:after {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon][data-balloon-pos="up"]:hover:before, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:before {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon][data-balloon-pos="up-left"]:after {
    bottom: 100%;
    left: 0;
    margin-bottom: 11px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up-left"]:before {
    bottom: 100%;
    left: 5px;
    margin-bottom: 5px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up-left"]:hover:after, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos="up-left"]:hover:before, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos="up-right"]:after {
    bottom: 100%;
    right: 0;
    margin-bottom: 11px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up-right"]:before {
    bottom: 100%;
    right: 5px;
    margin-bottom: 5px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up-right"]:hover:after, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos="up-right"]:hover:before, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='down']:after {
    left: 50%;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px); }
  [data-balloon][data-balloon-pos='down']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 50%;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px); }
  [data-balloon][data-balloon-pos='down']:hover:after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon][data-balloon-pos='down']:hover:before, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:before {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon][data-balloon-pos='down-left']:after {
    left: 0;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  [data-balloon][data-balloon-pos='down-left']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 5px;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  [data-balloon][data-balloon-pos='down-left']:hover:after, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='down-left']:hover:before, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='down-right']:after {
    right: 0;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  [data-balloon][data-balloon-pos='down-right']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    right: 5px;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  [data-balloon][data-balloon-pos='down-right']:hover:after, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='down-right']:hover:before, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='left']:after {
    margin-right: 11px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%); }
  [data-balloon][data-balloon-pos='left']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    margin-right: 5px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%); }
  [data-balloon][data-balloon-pos='left']:hover:after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:after {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  [data-balloon][data-balloon-pos='left']:hover:before, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:before {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  [data-balloon][data-balloon-pos='right']:after {
    left: 100%;
    margin-left: 11px;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -moz-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%); }
  [data-balloon][data-balloon-pos='right']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    left: 100%;
    margin-left: 5px;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -moz-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%); }
  [data-balloon][data-balloon-pos='right']:hover:after, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:after {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  [data-balloon][data-balloon-pos='right']:hover:before, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:before {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  [data-balloon][data-balloon-length='small']:after {
    white-space: normal;
    width: 80px; }
  [data-balloon][data-balloon-length='medium']:after {
    white-space: normal;
    width: 150px; }
  [data-balloon][data-balloon-length='large']:after {
    white-space: normal;
    width: 260px; }
  [data-balloon][data-balloon-length='xlarge']:after {
    white-space: normal;
    width: 380px; }
    @media screen and (max-width: 768px) {
      [data-balloon][data-balloon-length='xlarge']:after {
        white-space: normal;
        width: 90vw; } }
  [data-balloon][data-balloon-length='fit']:after {
    white-space: normal;
    width: 100%; }



/* Aqui iran los estilos para pace js */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #2196F3;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves
 *
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-radial-gradient(rgba(218, 218, 218, 0.2) 0, rgba(181, 174, 174, 0.3) 40%, rgba(208, 205, 205, 0.4) 50%, rgba(202, 201, 201, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(158, 154, 154, 0.2) 0, rgba(121, 116, 116, 0.3) 40%, rgba(142, 135, 135, 0.4) 50%, rgba(150, 144, 144, 0.5) 60%, rgba(58, 52, 52, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}
.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}
.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}
.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
  display: block;
}
.tools_n{
  padding: 1em;
  height: 15px;
  position: relative;
  border-bottom: 1px solid gainsboro;
  background: #efefef;
}
.titu_sub_n{
  position: absolute;
  top: .8em;
  left: 2em;
  font-size: .9em;
  font-weight: 700;
  color: black;
}
.pgin_con_left_n{
  position: absolute;
  right: 2em;
  top: .8em;
  background: rgb(245, 245, 245);
  padding: 0 .5em;
  border-radius: 20px;
}
.txt_pag_n{
  display: inline-block;
  font-size: .8em;
  color: #8c8c8c;
  margin-right: .5em;
}
.numpag_n{
  display: inline-block;
  font-size: .8em;
  color: #424040;
  margin-right: .5em; 
}
._ultim_re{
  position: relative;
  margin: 2em auto;
  overflow: hidden;
  height: 42px;
  transition: .4s;
}
.tt_news_p{
background: #efefef;
display: block !important;
padding: .8em;
text-align: left;
padding-left: 2.5em;
}
.cnn_news_p{
  position: absolute;
  right: 1em;
  font-size: 2em;
  color: #6f6c6c;
}
.hg_auto{
  height: auto !important;
}
.act_acrd{
  background:#d0d0d0;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?p0ypre');
  src:  url('../fonts/icomoon.eot?p0ypre#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?p0ypre') format('truetype'),
    url('../fonts/icomoon.woff?p0ypre') format('woff'),
    url('../fonts/icomoon.svg?p0ypre#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-forum:before {
  content: "\e913";
}
.icon-question_answer:before {
  content: "\e913";
}
.icon-chat_bubble:before {
  content: "\e914";
}
.icon-chat_bubble_outline:before {
  content: "\e915";
}
.icon-remove_done:before {
  content: "\e916";
}
.icon-camera:before {
  content: "\e912";
}
.icon-check:before {
  content: "\e917";
}
.icon-eye1:before {
  content: "\e918";
}
.icon-image:before {
  content: "\e911";
}
.icon-more-horizontal:before {
  content: "\e919";
}
.icon-x:before {
  content: "\e91a";
}
.icon-schedule:before {
  content: "\e8b5";
}
.icon-add:before {
  content: "\e145";
}
.icon-flight:before {
  content: "\e539";
}
.icon-arrow_back:before {
  content: "\e5c4";
}
.icon-arrow_downward:before {
  content: "\e5db";
}
.icon-arrow_drop_down:before {
  content: "\e5c5";
}
.icon-arrow_forward:before {
  content: "\e5c8";
}
.icon-close:before {
  content: "\e5cd";
}
.icon-confirmation_number:before {
  content: "\e638";
}
.icon-contact_mail:before {
  content: "\e0d0";
}
.icon-mode_edit:before {
  content: "\e254";
}
.icon-delete:before {
  content: "\e872";
}
.icon-device_hub:before {
  content: "\e335";
}
.icon-done:before {
  content: "\e876";
}
.icon-flight_land:before {
  content: "\e904";
}
.icon-flight_takeoff:before {
  content: "\e905";
}
.icon-print:before {
  content: "\e8ad";
}
.icon-local_shipping:before {
  content: "\e558";
}
.icon-menu:before {
  content: "\e5d2";
}
.icon-visibility:before {
  content: "\e8f4";
}
.icon-send:before {
  content: "\e163";
}
.icon-settings:before {
  content: "\e8b8";
}
.icon-vpn_key:before {
  content: "\e0da";
}
.icon-eye:before {
  content: "\e906";
}
.icon-power:before {
  content: "\e900";
}
.icon-edit:before {
  content: "\e901";
}
.icon-eye2:before {
  content: "\e907";
}
.icon-search:before {
  content: "\e902";
}
.icon-adobeacrobatreader:before {
  content: "\e90e";
  color: #ee3f24;
}
.icon-microsoftpowerpoint:before {
  content: "\e90f";
  color: #d24726;
}
.icon-microsoftword:before {
  content: "\e910";
  color: #2b579a;
}
.icon-microsoftexcel:before {
  content: "\e90d";
  color: #217346;
}
.icon-document-file-pdf:before {
  content: "\e90a";
}
.icon-envelope:before {
  content: "\e908";
}
.icon-file-excel:before {
  content: "\e90c";
}
.icon-file-pdf:before {
  content: "\e90b";
}
.icon-file:before {
  content: "\e90b";
}
.icon-file-format:before {
  content: "\e90b";
}
.icon-credit:before {
  content: "\e903";
}
.icon-mail:before {
  content: "\e909";
}




/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves
 *
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-radial-gradient(rgba(218, 218, 218, 0.2) 0, rgba(181, 174, 174, 0.3) 40%, rgba(208, 205, 205, 0.4) 50%, rgba(202, 201, 201, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(158, 154, 154, 0.2) 0, rgba(121, 116, 116, 0.3) 40%, rgba(142, 135, 135, 0.4) 50%, rgba(150, 144, 144, 0.5) 60%, rgba(58, 52, 52, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}
.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}
.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}
.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
  display: block;
}