body{
     padding-top: 0px !important;
}
.a_white{
     color: #fff;
}
.avatar2{
     position: relative;
     overflow: hidden;
     height: 45px;
     width: 45px;
     background-size: cover;
     background-position: top;
     background-repeat: no-repeat;
     z-index: 0;
     border-radius: 100%;
     margin: 0 auto;
     cursor: pointer;
}
.dropbtn {
     border: none;
     cursor: pointer;
     position: relative;
}
.dropdown {
     position: relative;
     display: inline-block;
}
.dropdown-content {
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 300px !important;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
}
.dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     line-height: 1.4;
}
.dropdown-content a:hover {background-color: rgba(0,0,0, .1);} /* #f1f1f1 */

.dropdown:hover .dropdown-content {
   display: block;
}
/*.dropdown:hover .dropbtn {
   background-color: #3e8e41;
}*/
.pos_ab{
     position: absolute;
     top: 27px;
     padding-left: 3px;
}
.flex_pipe {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     align-items: center;
     height: 100%;
     padding: 0px 20px;
}
.color_campana {
     color: #fff;
     font-size: 14px;
}
.format_mensaje{
     text-align: left;
     font-size: 11px;
     font-weight: 600;
     color: #4A494A;
}
/*stylos de los MENU´S*/
.stuck_container{
     background-color: #ffffff;
     position:fixed !important;
     width: 100%;
     height: 76px !important;
     display: flex;
     align-items: center;
     box-shadow: 2px 5px 5px -4px rgba(0,0,0,0.5);
}
.sub-menu-parent {
     display: flex;
     align-items: center;
     height: 100%;
}
.sub-menu {
     visibility: hidden;
     /* hides sub-menu */
     opacity: 0;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     /*transform: translateY(-2em);*/
     z-index: 4;
     /*transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;*/
     transition: all 0.1s;
}
.links_cv li a, .links_dv li a{
     font-weight: 100;
     padding-bottom: 8px;
}
.links_cv li a:hover{
     color: #006dd9;
}
.mgt_15{
     margin-top: 15px;
}
/*QUITAR ESTO PARA CUANDO CLIK EN PROGRAMAS NO HAGA NADA*/
/*.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:focus-within .sub-menu,*/
.sub-menu-parent:hover .sub-menu {
     visibility: visible;
     /* shows sub-menu */
     opacity: 1;
     z-index: 1;
     transform: translateY(0%);
     box-shadow: inset 0px 0.2px 0px rgba(73, 73, 73, 0.3);
     transition-delay: 0s, 0s, 0.3s;
     /* this removes the transition delay so the menu will be visible while the other styles transition */

}

.nav-menu-pipe .sin_leer a{
     padding: .9em 1em;
}

.nav-menu-pipe a {
     display: flex;
     padding: .9em 0em;
     text-decoration: none;
     font-size: 14px;
     align-items: center;
     transition: all 0.5s;
     font-weight: 500;
     font-family: 'Montserrat', sans-serif !important;
     color: black;
}

.a_menu_tv{
     background: red;
     height: 32px;
     padding: 0px 2.5vw !important;
     border-radius: 50px;
     font-weight: 900 !important;
     color:white !important;          
}

/*.a_menu{*/
/*     padding-bottom: 5px;*/
/*     font-weight: 100;*/
/*}*/
.sub-menu-li:hover{
     background: #fff;
     transition: all 0.5s;
}
.sub-menu-li:hover .a_menu{
     color: #000;
}
/*.a_menu:hover{*/
/*     color: #000;*/
/*     transition: all 0.5s;*/
/*}*/
.txt_aprendiendo{
     padding: 17px 0px;
     margin: 0px 20px;
     font-weight: 200;
     cursor: default;
     text-align: left;
     color: #838383;
     letter-spacing: 0.7px;
     font-size: 16px;
     border-bottom: 1px solid #E9E9E9;
     font-family: 'Open Sans' !important;
}
.name_users_text{
     font-weight: 900;
     text-transform: uppercase;
     max-width: 200px;
     color: #000000;
     font-family: 'Open Sans', sans-serif !important;
}
.cont_aprender{
     display: flex;
     justify-content: flex-start;
     align-items: center;
}
.cont_aprender>img{
     width: 52px;
     padding-right: 12px;
}
.cont_aprender>h5{
     font-size: 14px;
}
.respondio_coment{
     font-weight: 200;
     /*font-style: italic;*/
     font-size: 14px;
}
.items_texts>.titles_notif{
     margin-bottom: 0;
     color: #838383;
     font-weight: 600;
     font-size: 14px;
     font-family: 'Open Sans' !important;
     text-transform:none;
}
.titles_notif{
     margin-bottom: 0;
     color: #838383;
     font-weight: 600;
     font-size: 14px;
     font-family: 'Open Sans' !important;
     text-transform:none;
}
.items_pipe_leidas p{
      color: #838383;
}
.sub-menu {
     background: #FFF;
}
.content_menu_link{
     display: flex;
     cursor: pointer;
     align-items: center;
     z-index: 9;
}
.nav-menu-pipe{
     display: flex;
     justify-content: space-between;
     width: 95%;
     /*max-width: 1200px;*/
     margin: 0 auto;
}
.con_notificationes_v2 li.li{
     display: flex;
     align-items: center;
     justify-content: space-between;
     position:relative;
     transition: all .3s ease;
     padding-right:30px;
}

li.sin_leer:hover{
     background:#dbebff;
}

li.sin_leer:hover p{
     color:#005BAC;
}

/***********************************/

li.leida:hover{
     background:#dbebff;
}

li.leida p{
     color:#a7a7a7;
}

li.leida:hover p{
     color:#005BAC;
}

.leida .items_texts>.titles_notif{
     color:#005BAC;
}

.ti-money{
     width: 50px;
}

/***************************************/

.fecha_regstr{
     order: 2;
     font-size: 10px;
     font-weight: 600;
     padding-right: 10px;
}
a.logo-ccdg{
     display: flex;
     align-items: center;
}
a.logo-ccdg>img{
     min-width: 240px;
     max-width: 240px;
}
.content-contact-and-user{
     display: flex;
     width: 100%;
    justify-content: flex-end;
}
.content_submenu_programas{
     display: flex;
     justify-content: space-between;
     width: 100%;
     max-width: 1240px;
     margin: 0 auto;
     padding: 30px 0 0;
     max-height: 342px;
}
.content_submenu_programas .items_menus{
     text-align: left;
     width: 320px;
     padding-left:10px;
}
.content_submenu_programas .items_menus a{
     padding: 4px 10px;
     line-height: 1.8;
     position: relative;
     max-width: 320px;
}
.content_submenu_programas .items_menus a:hover{
     color: #006dd9;
}
.text_tipo_program{
     font-weight: 900;
     position: relative;
     display: inline-flex;
     width: 90%;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.text_tipo_program:after{
     content: "";
     width: 100%;
     height: 2px;
     background: #eabe35;
     position: absolute;
     bottom: -4px;
     right: 0;
}
.text_modalidad_program{
     font-weight: 900;
     padding-top: 20px;
     padding-left: 15px;
     padding-bottom: 10px;
}
.nav-menu-pipe .link_ver_mas{
     color: #b5b3b3;
}
.content_submenu_programas .items_menus a:before {
   /* content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;*/
/*--adjust as necessary--*/
    /*color: #000;
    font-size: 18px;
    position: absolute;
    top: -3px;
    left: 25px;*/
}
.content_submenu_programas .items_menus a.link_ver_mas:before {
    content: "";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #b5b3b3;
    font-size: 18px;
    position: absolute;
    top: -1px;
    left: 25px;
}
.after_cursos:after{
     right: 70px;
     top:1px;
}
.content_submenu_programas .items_menus a.link_ver_mas:after {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #b5b3b3;
    position: absolute;
    top: 2px;
    right: 98px;
    font-size: 14px;
}
.text_progr_inhouse{
     max-width: 215px;
     padding-top: 20px;
     padding-left: 15px;
     padding-bottom: 15px;
     font-size: 14px;
}
.name_videoconf{
     max-width: 240px;
     padding-top: 10px;
     padding-bottom: 10px;
     font-style: italic;
     font-weight: 600;
     padding-left: 15px;
     font-size: 14px;
}
.fecha_video{
     padding-left: 15px;
     font-size: 14px;
}
.name_expositor{
     padding-left: 15px;
     font-size: 14px;
     padding-bottom: 10px;
}
.content_submenu_programas .items_menus a.btn_info_mas:before{
     content: "";
}
.content_submenu_programas .items_menus a.btn_info_mas{
     border: 1px solid #00c753;
     display: inline-block;
     border-radius: 20px;
     color: #00c753;
     line-height: 2.5;
     margin-bottom: 15px;
     font-weight: 900;
}
.content_submenu_programas .items_menus a.btn_info_mas:hover{
     border: 1px solid #00c753;
     background: #00c753;
     color: white;
}
.content_submenu_programas .items_menus a.ir_videoconf:before{
     content: "";
}
.content_submenu_programas .items_menus a.ir_videoconf{
     border: 1px solid #9a9a9a;
     display: inline-block;
     border-radius: 20px;
     color: #9a9a9a;
     line-height: 2.5;
     margin-bottom: 15px;
     font-weight: 900;
}
.content_submenu_programas .items_menus a.ir_videoconf:hover{
     background: #9a9a9a;
     color: white;
}
a.ir_videoconf_v3{
     border: 1px solid #006dd9;
     display: block;
     border-radius: 20px;
     color: #006dd9;
     line-height: 1;
     margin-bottom: 15px;
     font-weight: 900;
     margin: 15px;
     text-align: center;
     background:white;
}
a.ir_videoconf_v3:hover{
     background: #006dd9;
     color: white;
     border: 1px solid #006dd9;
}
a.ir_videoconf_v2{
     border: 1px solid #9a9a9a;
     display: block;
     border-radius: 20px;
     color: #9a9a9a;
     line-height: 1;
     margin-bottom: 15px;
     font-weight: 900;
     margin: 15px;
     text-align: center;
}
a.ir_videoconf_v2:hover{
     background: #9a9a9a;
     color: white;
}
.custome_contantanos{
     width: 255px;
     text-align: left;
     padding-bottom: 20px;
}
.custome_avatar{
     width: 300px;
     text-align: left;
     padding-bottom: 20px;
     border: 2px solid #1492E6;
}

a.link_contac i{
     line-height: 1;
}
a.link_contac{
     background-color: #54CC61;
     border-radius: 50%;
     margin: 10px;
     width: 40px;
     height: 40px;
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
}
a.link_contac:hover{
     color: #fff;
}
.users-icons-perfil{
     display: flex;
     align-items: center;
}
a.link_aula{
     border: 1px solid #1FACE8 ;
     background: #1FACE8 ;
     color: white;
     border-radius: 6px;
     margin: 10px 5px;
     padding: 7px 6px;
     font-family: 'Montserrat', sans-serif !important;
     font-size: 14px;
     width: max-content;
}
a.link_aula:hover{
     border: 1px solid #1FACE8;
     background: #1FACE8;
     color: white;
}
a.links_wtsp{
     display: flex;
     align-items: center;
     padding-left: 40px;
     padding-top: 3px;
}
a.links_wtsp img{
     padding-right: 10px;
}
.cont_text_atention{
     background: #006dd9;
     
     border-bottom: 1px solid #C9C9C9;
     background: #f9f9f9;
     color: #333333;
     padding-bottom: 10px;
}
.text_atention_client{
     font-size: 16px;
     font-weight: 900;
     padding-left: 20px;
     padding-top: 10px;
     position: relative;
     display: inline-flex;
}
.text_atention_client:after{
     content: "";
     width: 23px;
     height: 2px;
     background: #eabe35;
     position: absolute;
     bottom: -4px;
     right: 0;
}
.custome_contantanos>li>p{
     padding-left: 30px;
     padding-top: 5px;
     font-weight: 600;
}
.custome_contantanos>li>p:first-child{
     padding-top: 7px;
}
#style-3::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar{
	width: 6px;
	background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar-thumb{
	background-color: rgb(0, 89, 178);
}
div.cont_name_number>span{
     font-weight: 600;
     font-size: 15px;
}
.notificaciones_v2{
     border-radius: 50%;
     width: 19px;
     height: 19px;
     position: absolute;
     color: rgb(255, 255, 255) !important; 
     display: flex;      
     justify-content: center; 
     align-items: center;
     font-size: 11px;
     font-family: 'latoregular' !important;
}
.notif_movil{
     width: 15px;
     font-size: 10px;
     height: 15px;
}
/*animacion de ICONO de WTSP*/
.links_wtsp:hover .icon-wtsp {
     animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
     transform: translate3d(0, 0, 0);
     backface-visibility: hidden;
     perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
     transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
     transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
     transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
     transform: translate3d(4px, 0, 0);
  }
}
/*style menu movil*/
.rd-mobilepanel{
     background: white !important;
     height: auto;
     transition: all .3s ease;
}
.content_menu_movil{
     background: white;
     box-shadow: none;
     height: 55px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 10px;
     font-size: 20px;
}
/*.img_logo_movil{*/
/*     max-width: 150px;*/
/*}*/
.aula_virtual_burguer{
     color: #0059b2;
     display: flex;
     align-items: center;
}
#overlay-menu {
     position: fixed;
     background: #ffffff;
     height: 100%;
     width: 100%;
     z-index: 100; 
     right: -100%;
     box-shadow: inset 0px 0.2px 0px rgba(73, 73, 73, 0.3);
     transition: 0.35s;
}
#overlay-menu.open {
     right: 0%;
}
#menu-burger{
     position: relative;
     margin-left: 0px;
     width: 25px;
     height: 35px;
     background: #fff;
     border-radius: 50%;
     cursor: pointer;
     z-index: 200;
}
#menu-burger .menu-icon {
     display: block;
     height: 3px;
     width: 18px;
     background: #0059b2;
     position: absolute;
     top: 53%;
     left: 50%;
     margin-left: -10px;
     margin-top: -3px;
}
#menu-burger .menu-icon:after {
     content: '';
     display: block;
     height: 3px;
     width: 18px;
     background: #0059b2;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -9px;
     margin-top: -6px;
     transition: 0.35s;
}
#menu-burger .menu-icon:before {
     content: ' ';
     display: block;
     height: 3px;
     width: 18px;
     background: #0059b2;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -9px;
     margin-top: 4px;
     transition: 0.35s;
}
#menu-burger .menu-icon.open {
    background: #fff;
}
#menu-burger .menu-icon.open:before{
  transform: rotate(45deg);
  margin-top: -1px;
  background: #0059b2;
}

#menu-burger .menu-icon.open:after{
  transform: rotate(-45deg);
  margin-top: -1px;
  background: #0059b2;
}
#menu-burger.open {
    background: #fff;
}
/*---------------------------------------------*/
#menu_cel {
     position: fixed;
     background: #ffffff;
     height: 100%;
     width: 100%;
     z-index: 100; 
     right: -100%;
     box-shadow: inset 0px 0.2px 0px rgba(73, 73, 73, 0.3);
     transition: 0.35s;
}
#menu_cel.open {
     right: 0%;
}
/*---------------------------------------------*/
.icons_aulavirtual{
     font-size: 14px;
     /*width: 100px;*/
     height: 38px;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     /*border: 2px solid #1d5ba3;*/
    /*background-color: #1d5ba3;*/
}
#main-nav li{
     line-height: 13px;
     padding: 6px 3px;
}
.cd-signin{
     font-size: 13px;
     color: #ffffff;
     background: #1d5ba3;
    padding: 8px 0px;
    border-radius: 5px;
    display: flex;
    min-width: 110px;
    justify-content: center;
}
.ul_movil{
     color: #333333;
     text-align: left;
     overflow-y: auto;
     padding-bottom: 30px;
}
.ul_movil_02{
     padding: 30px 15px; 
     font-size: 17px; 
     font-family: 'Montserrat', sans-serif !important;
}
.ul_movil_02>li{
     padding-bottom: 7px;
}
.show_menu, .show_menu_02{
     padding: 5px;
     padding-top: 0px;
     padding-bottom: 10px;
}
header>section{
  position: relative;
  z-index: 999999;
}
.ul_movil a.menu_users_notif{
     justify-content: space-between;
     position: relative;
}
.menu_users_notif:after{
     position: absolute;
     content: "";
     width: 233px;
     height: 2px;
     background: #E9E9E9;
     bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
a.menu_users_notif{
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     position: relative;
     color: #0059b2;
     padding-top: 30px;
     padding-bottom: 15px;
     flex-direction: column;
}

.liculebra{
     padding-left: 18px !important;
     font-weight: 600;
     font-family: 'Open Sans', sans-serif !important;
     transition: all .3s ease;
}
.liculebra:hover{
     background: #e6e6e6;
}
.liculebra>a>svg, .liculebra>a>i{
     width: 40px;
}
.content_avatar_name_email{
     display: flex;
     justify-content: flex-start;
     align-items: center;
}

.sub_content_name_email{
     text-align: left;
     padding-left: 10px;
}
.sub_content_name_email>p:nth-child(2){
     color: #000000;
     font-family: 'Open Sans', sans-serif !important;
}
.text_perfil{
     padding: 6px 45px;
     border-radius: 5px;
     color: #2680EB;
     border: 1px solid #2680EB;
     margin-top: 7px;
     font-family: 'Lato', sans-serif !important;
     position: relative;
     transition: all 0.5s ease;
}
.text_perfil:after{
     position: absolute;
     bottom: 0;
     background: #E9E9E9;
     height: 2px;
     width: 100px;
}
.text_perfil:hover{
     color: #ffffff;
     background: #2680EB;
}
.login_extra{
     border: 0px !important;
}
a.notif_evaluaciones{
         display: flex;
}
.con_notificationes_v2>li.li>a{
     display: flex;
     align-items: center;
     padding: .9em 1em;
}
.con_notificationes_v2>li.li>div>a{
     display: flex;
     align-items: center;
     padding: .9em 1em;
     /*padding-left: 0px;*/
}
a.ir_videoconf_vivo{
     display: block;
     border-radius: 20px;
     color: white !important;
     text-align: center;
}
.links_dv, .links_cv, .links_cp, .links_dp{
     text-transform: uppercase;
}
/**************MIGA PAN****************/
.content_migapan{
     background: white;
     border-top: 1px solid #dbdbdb82;
}
.sub_contmigapan{
     max-width: 95%;
     margin: 0 auto;
     display: flex;
     padding: 3px 1em;
}
.links_migapan{
     font-size: 12px;
     color: #afb0b1;     
     display: flex;
     align-items: center;
     padding-right: 20px;
}
.links_migapan:hover{
     color: #0059b2;     
}
.links_migapan>i{
     padding: 0px 5px;
     font-size: 9px;
     color: #838383;
}
.migapan_active{
     color: #0059b2 !important;
}
.content_banners_index{
     display: flex;
     align-items: center;
     justify-content: center;

}
.content_banners_index img{
         width: 100%;
    height: 100%;
    margin-right: 15px;
}
.li_cursos_menu{
     display: flex;
     /*align-items: center;*/
}
.li_cursos_menu svg{
     width: 15px;
     margin-top: 10px;
}
.li_2dip{
     display: flex;
     flex-direction: column;
}
.sub-menu-li{
     padding: 0 15px;
     height: 76px;
}
/*.sub-menu:after{*/
/*     content: '';*/
/*    background: #ffffff;*/
/*    position: absolute;*/
/*    top: -8px;*/
/*    right: 23px;*/
/*    display: block;*/
/*    width: 0;*/
/*    height: 0;*/
/*     border-left: 15px solid transparent;*/
/*    border-right: 10px solid transparent;*/
/*    z-index: 1;*/
/*    border-bottom: 25px solid white;*/
/*    box-shadow: 4px 4px 1px -2px #1492E6;*/
/*    transform: rotate(-135deg);*/
/*}*/
.buscador{
     display: flex;
     align-items: center;
     justify-content: left;
     width: 100%;
     margin-left: 25px;
     transition: all .3s ease;
}
.buscador input{
     width: 301px;
    height: 40px;
    border-radius: 6px;
    outline: none;
    padding-left: 35px;
    font-size: 14px;
    border: 0px solid #BCE0FD;
    background-image: url(https://s3.amazonaws.com/archivos-comunes/2019/logo-cursos-landing/lupa_buscador.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 10px;
     background-color: #f1f2f6;
     transition: all .5s ease;
    
}
.buscador input:focus{
     box-shadow: 0 0 3px #0e90ff;
     background-color: #ffffff;
}
.svg_notificacion{
     margin-right: 35px;
}
.li_notif{
     position: relative;
     margin: 0 10px;
}
.box_notif{
     position: absolute;
     min-width: 403px;
     padding-top: 0px;
     right: -30px;
     background: #ffffff;
     max-height: 428px;
     margin-top: 15px;
     border: 1px solid #E4E4E4;
     display:none;

}
.box_notif:before{
     content: '';
     background: none;
     position: absolute;
     top: -15px;
     right: 23px;
     display: block;
     width: 0;
     height: 0;
     border-left: 20px solid transparent;
     border-right: 20px solid transparent;
     z-index: 1;
     border-bottom: 20px solid white;
}
.box_notif:after{
     content: '';
     background: none;
     position: absolute;
     top: -16px;
     right: 21px;
     display: block;
     width: 0;
     height: 0;
     border-left: 22px solid transparent;
     border-right: 22px solid transparent;
     z-index: -1;
     border-bottom: 22px solid #e4e4e4;
}

/*--------------------------------*/
.li_notif:hover .box_notif{
     display: flex;
     flex-direction: column;
}
.items_texts, .items_pipe_leidas{
     text-align: left;
     margin-left: 10px;
}
.items_texts p{
     color:#838383;
}
.li + .li{
     border:0px;
}
.metodo_pago_menu{
     display: flex;
     min-width: 211px;
}
.metodo_pago>a{
     color: #0059b2;
    font-weight: 900;
}
.link_sorteo{
     width: 100%;
     color: white;
     background: #099655;
     height: 35px;
     position: fixed;
     z-index: 999999;
     display: flex;
     align-items: center;
     justify-content: center;
     top: 65px;
     transition: all 0.3s ease;
}
.link_sorteo:hover{
     background: #1dab6a;
     cursor: pointer;
}
/**************MIGA PAN****************/

@media (max-width: 1235px){
     .sub-menu-li{
          padding: 0 10px;
     }
}
@media (max-width: 1040px){
     
     body {
         padding-top: 55px;
     }
     .custome_contantanos{
          color: #333333; 
          width: 100vw; 
          height: 100vh
     }
     a.links_wtsp{
          padding-bottom: 20px;
     }
     .avatar2{
          height: 35px;
          width: 35px;
          margin: 0 10px;
     }
     a.logo-ccdg>img{
          max-width: 155px;
          min-width: 150px;
     }
}
@media only screen and (device-width: 640px) and (orientation: landscape) {
      /* css rules */
     .content_wtsps_movils{
          overflow-y: auto;
          height: 200px
     }
}
.inhouse_desktop{
     display:flex !important;
}
.inhouse_movil{
     display:none !important;
}
@media only screen and (max-width:1170px){
     .inhouse_desktop{
          display:none !important;
     }
     
     .inhouse_movil{
          display:flex !important;
     }
     .buscador input{
          width:100px;
     }
}

@media screen and (max-width:1385px){
     .buscador input{
          width:180px;
     }
     .metodo_pago_menu{
          min-width:188px;
     }
}

@media (max-width: 1300px){
     .nav-menu-pipe a{
          font-size: 13px;
     }
}

@media (max-width:1140px){
     
}

 #livesearch2, #livesearch{
      color:black;
      /*margin-top: 18px;*/
      border-radius:0px 0px 10px 10px;
    border-top: 0px !important;
 }

.link_search{
    display: block !important;
    color: #2196F3;
    text-decoration: blink;
    padding: 0px !important;
    flex-direction: column;
}

/*.link_search:after{*/
/*   display:block;*/
/*   content:'';*/
/*   width:100%;*/
/*   height:1px;*/
/*   background:#b3b3b3;*/
/*}*/

.content_search:hover{
   background: #F2F2F2;
}
.content_search{
  display: flex;
  align-items: center;
   padding: 7px;
}

.link_search:focus .content_search{
     background: #cacaca;
}

.content_search img{
  width:30px;
  margin-right:10px;
  cursor:pointer;
}

.content_search label{
  text-transform:uppercase;
  cursor:pointer;
  font-weight:900;
}

.content_search p{
  margin:0px;
  padding:0px;
  text-transform: uppercase;
  text-align: left;
  font-size: 14px;
  font-family: 'Open Sans' !important;
}

.content_search strong{
  font-weight:900;
}

.block_search{
     position: absolute;
     top: 18px;
     background: white;
     display: flex;
     flex-direction: column;
}

.tag_search{
display: block;
padding: 5px;
font-size: 13px;
color: #000000;
background: #9bcdf9;
font-weight:900;
}

.formatee p{
   font-size:11px;
}

.buscador_cell{
     display:none;
}

@media (max-width:1040px){

     .content_menu_movil{
          position:relative;
     }

     .buscador{
          display: flex;
          margin-right: 10px;
          flex-direction: column;
          position: absolute;
          top: 6px;
          width: 301px;
          background: white;
          position: absolute;
          left: 0;
         right: 0;
         margin-left: auto;
         margin-right: auto;
          
     }
     .buscador input{
          width:100%;
     }
     #livesearch2{
          width: calc(100% + 190px);
          position: absolute;
          top: 47px;
          right: -189px;
          background: white;
          color:black;
     }

}

@media (max-width:600px){
     .buscador{
          display:none;
     }
     .buscador_cell{
          width: 100%;
          display: flex;
          justify-content: flex-end;
          transition: all .3s ease;
     }
     .buscador_cell>img{
          cursor:pointer;
          /*padding: 20px;*/
          margin-right: 5px;
     }
     .buscador_cell.inactive{
          display:none;
     }
     .buscador.view{
          display: flex;
          justify-content: flex-end;
          margin-right: 10px;
          flex-direction: column;
          position: absolute;
          width: calc(100% - 170px);
          background: white;
          left: -25px;
          right: 0;
          margin-right: auto;
          margin-left: auto;
          position: absolute;
     }
     .buscador.view input{
          width:100%;
     }
     #livesearch2{
          width: calc(100% + 190px);
          position: absolute;
          top: 43px;
          right: -113px;
          background: white;
     }
}

@media screen and (max-width: 400px){
     
     .cd-signin{
          min-width: 88px;
     }
     
     #menu-burger{
          margin-right: -8px;
     }
     
     a.logo-ccdg>img{
          margin-left: -4px;
     }
     
}

.titl_largo1{
     display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 21px);
}

.avatar_notif_02>span, .avatar_notif_02>i{
     color: #c7c7c7 !important;
}

.avatar_notif_02{
     height: 44px;
     width: 44px;
     border-radius: 50%;
     margin-right: 0px !important;
     background-color: #ffffff;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 1px solid #c9c9c9;
     margin-right:10px !important;
}

.vr_todo{
     background:#F8F9FB;
     color:#005BAC;
}

.subtitles_notif{
     text-transform:none;
}

.li a .items_texts{
     margin-left: 0px;
}

.con_notificationes_v2 li.sin_leer svg{
     margin-right:10px;
}

.btn_sin_leer{
     position: absolute;
     right: 19px;
     width: 8px;
     height: 8px;
     z-index: 20;
     border-radius: 100%;
     background: #2680EB;
     padding:2px;
     cursor:pointer;
}

.btn_sin_leer:hover:after{
     position: absolute;
     width: 160px;
     height: 35px;
     background: rgba(255, 255, 255, 0.7);
     border: 1px solid rgba(38, 128, 235, 0.7);
     top: -69px;
     content: 'Marcar como Leido';
     right: -49px;
     display: flex;
     justify-content: center;
     align-items: center;
     color: rgba(38, 128, 235, 1);
     font-size: 14px;
     border-radius: 5px;
     margin: 20px;
     transition: all 0.5s;
}

.btn_sin_leer:hover:before{
    content: '';
    background: none;
    position: absolute;
    top: -14px;
    right: -4px;
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 1;
    border-top: 11px solid rgba(38, 128, 235, 0.7);
    transition: all 0.5s;
}


.notf_leido:after{
     position: absolute;
     right: 19px;
     width: 8px;
     height: 8px;
     z-index: 20;
     border-radius: 100%;
     background: white;
     border:1px solid #c1c2c3;
     padding:2px;
     cursor:pointer;
     content:'';
}

.box_notif .li p{
     width:100% ;
}

.vr_todo a{
     color:#005BAC;
}

.close_lupa:after, .close_lupa:before{
     content: '';
    position: absolute;
    top: 20px;
    width: 14px;
    height: 3px;
    background-color: #DD3B3B;
    top: 10px;
    left: 6px;
}

.close_lupa:after{
     -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index:2;
}

.close_lupa:before{
     -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index:1;
}

.buscador .close_lupa{
     background: #f1f2f6;
    position: absolute;
    right: -35px;
    top: 10px;
    border-radius: 100%;
    z-index: 0;
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
}

.box_input_notif{
     width: 100%;
     position: absolute;
     height: 55px;
     top: 48px;
     background: white;
     left: 0px;
     display:none
}

.stuck_online{
     flex-direction: column;
     height: 108px !important;
     justify-content: center;
}
.stuck_offline .alert_seminario{
     display:none;
}

.alert_seminario.stuck_offline{
     display:none;
}

.stuck_online .block_search{
     top:51px;
}

.alert_seminario{
     width: 100%;
     height: 32px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #FF8B8B;
     color: white;
     font-family: 'Montserrat' !important;
     font-size: 13px;
}
.alert_seminario p{
     display: flex;
    justify-content: center;
    align-items: center;
}
.alert_seminario em{
    margin-left: 10px;
    margin-right: 10px;
}
.alert_seminario a{
     display: block;
     width: auto;
     padding: 5px 10px;
     margin: auto;
     font-weight: 600;
     background: white;
     border-radius: 4px;
     font-size: 13px;
     color: #FF8B8B;
}

.alert_seminario a:hover{
     background: #17769e;
    color: white;
}

.rd-mobilepanel .stuck_online{
     height: 32px !important;
}