html, body {
	font-weight: 300;
	/* font/body-regular-114 */
	font-family: Poppins !important	;
	font-style: normal !important	;
	font-weight: normal !important	;
	font-size: 14px !important	;
	line-height: 22px !important	;
	/* identical to box height, or 157% */
}
body{
	background: #F6F8FC;
}


a {
	text-shadow: none;
	color: #27364B;
}

/* nav inferior */
/*
.nav_boton_inferior{

    position: fixed;
    bottom: 88px;
    right: 140px;
}
.options_boton_inferior > div{
    z-index: 10;
    transition: allb450ms linear;
}
.check, .openButtom, .options_boton_inferior > div{
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: #004157d4;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
*/
div i{
    /*
    color: #041119;
    font-size: 24px;

     */
}
.openButtom{
    /*
    transform: rotate(0deg);
    transition: transform 450ms ease;
    z-index: 20;
    background-color: #004157;

     */
}
.check{
    /*
    opacity: 0;
    z-index: 30;
    */

}
.check:checked ~ .openButtom ~ .options_boton_inferior > div:first-child{
    /* margin-top: -180px;*/
}
.check:checked ~ .openButtom ~ .options_boton_inferior > div:nth-child(even){
    /*margin-top: -120px;*/
}
.check:checked ~ .openButtom ~ .options_boton_inferior > div:last-child{
    /*margin-top: -60px;*/
}

.check:checked ~ .openButtom ~ .options_boton_inferior{
    /*margin-top: -200px*/
}


.ver_movil{
    display: none;
}

.check:checked ~ .openButtom{
    transform: rotate(180deg);
}
.nav_boton_inferior_texto{
    right: 63px;
    position: absolute;
    display: none;
    background: #004157;
    color: #fff;
    padding: 10px;
    width: 200px;
    border-radius: 5px !important;
    text-align: center;


}

.div_buscador_css_movil{
    display: none;
}

.nav_boton_inferior svg{
    margin-top: 7px;
    width: 25px;
    height: 25px;
    color: #fff;
}

.capa_nav_boton_inferior_letra{
    color: #fff;
    font-size: 15px;
}

/* fin nav inferior */

#loading_web {

    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
}

#loading-image {
    position: absolute;
    top: 100px;
    left: 240px;
    z-index: 100;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
	border-radius: 10px !important;
	padding-left: 20px;
	/*padding-right: 5px;*/
}

.grouptitle svg {
    left: 0px !important;
}

#div_seleccionar_campos_grid{
    margin-left: 10px;
    float: left;
    font-size: 16px !important;
    /*margin-top: 5px;*/
    font-weight: bold;
}

#tab_1 .grouptitle.caption2 svg {
    left: -15px !important;
}


.faq-content-container .grouptitle svg {
    left: -14px !important;
}


.help-block{
    background-color: #fbe1e3;
    border-color: #fbe1e3;
    color: #e73d4a;
}

.icono_menu_lateral{
	height: 14.531693458557129px;
	width: 17.5px;
	background: transparent;
	color: white;
}
.icono{
	height: 14.531693458557129px;
	width: 17.5px;
	background: transparent;
	color: white;
    float: right;
    margin-top: 2px;
    margin-left: 10px;
}

.icono_blanco{
    height: 14.531693458557129px;
    width: 17.5px;
    background: transparent;
    color: white;
}

.icono_red{
    height: 24px;
    width: 24px;
    background: transparent;
    color: #660000;
    float: left;
    margin-left: 3px;
    margin-top: 3px;
}

.icono_red_sinmargen{
    height: 24px;
    width: 24px;
    background: transparent;
    color: #660000;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}

.icono_negro{
    height: 24px;
    width: 24px;
    background: transparent;
    color: #000;
    float: left;
    margin-left: 3px;
    margin-top: 3px;
}


.div-fichaclientes-oportunidades .icono_solo{
    margin-top:10px;
}

.icono_solo {
    height: 20.532px;
    width: 21.5px;
    background: transparent;
    color: #27364B;
}

.icono_solo_peque {
    height: 15px;
    width: 15px;
    background: transparent;
    color: #27364B;
}

.icono_solo_grande_azul {
    height: 28px;
    width: 28px;
    background: transparent;
    color: #FFF;
    background: #004157;
    border-radius: 5px !important;
}
.icono_solo_grande_blanco {
    height: 28px;
    width: 28px;
    background: transparent;
    color: #004157;
    background: #FFF;
    border-radius: 5px !important;
}

.icono_label{
    height: 28px;
    width: 28px;
    background: transparent !important;
    color: #004157;
    float:left;
}


.icono_34{
	width: 34px;
	height: 34px;
}

.texto_44{
	font-size: 44px;
	line-height: 40px;
}
.texto_20{
	font-size: 20px
}
.texto_16{
	font-size: 16px
}
.texto_14{
	font-size: 14px
}
.texto_12{
	font-size: 12px
}

.titulo{
    /* font/subtitle-medium-20 */
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    margin-top:15px !important;
    margin-bottom: 15px !important;
    margin-left:10px;
}

.separacion_izq_10{
	margin-right: 10px;
}
.separacion_der_10{
	margin-left: 10px;
}


/* color/body-fonts-gray */
.color_gray {color: #27364B !important;}
/* color/gray-70 */
.gray-70{color: #475569 !important; }
/* color/light-fonts-gray-60 */
.gray-70{color: #64748B !important; }
.gray-90{color: #1E2A3B !important; }
.main-red{color: #B01212;}
.main-blue{color: #4D82F3;}


/* Colores */
.green-20{background: #22D38C;}
.blue-20{background: #4D82F3;}
.yellow-20{background: #FFDE81;}
.red-20{background: #D83232;}
.indigo-20{background: #7A6DFF;}
.branding-blue{background: #B0A9FF;}
.purple-40{background: #A575B9;}
.rojo-40{background: #F4777F;}
.orange-40{background: #F47048;}


.Rectangle3{
	/* color/white */
	background: #FFFFFF;
	border-radius: 10px !important;

}


.main-red.titulo{
    /* font/subtitle-bold-20 */

    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin-left: 0px;
}


.input-group-addon {
    background-color: #F6F8FC;
    border: 0px ;
}


#div_menu_tour_superior {
    float: right;
    top: 46px;
    z-index: 9999;
    position: absolute;
    right: 25px;
    border: 0px solid #2f353b;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
    border-radius: 5px !important;
    height: auto;
    font-size: 12px;
    line-height: 18px;
    color: #27364B;
    list-style: none;
    padding: 7px;
    width: 24%;
}

.topayuda {
    /*width: 65px !important;*/

}
#porc_guia_inicio{
    float: right;
    margin-top: 16px;
    margin-right: 5px;
}
.texto_tour{
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #27364B;

    margin-left: 10px;
    margin-bottom: 10px;
}

.texto_tour_guia{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #27364B;
    margin: 0px 11px;
    margin-bottom: 10px;
    margin-left: 10px;

}

.texto_tour_guia_icono{
   float:left;
    margin-right:10px;
}

/**************************************************************************************************************************************/
/* boton google login y alta */
#customBtn {
    display: inline-block;
    background: white;
    color: #444;
    width: 190px;
    border-radius: 5px;
    border: thin solid #888;
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
}
#customBtn:hover {
    cursor: pointer;
}
span.label {
    font-family: serif;
    font-weight: normal;
}
span.icon {

    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
}
span.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 42px;
    padding-right: 42px;
    font-size: 14px;
    font-weight: bold;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: 'Roboto', sans-serif;
}



/**************************************************************************************************************************************/
/* PAGINA GENERICO */
.page-header-fixed .page-container {
	margin-top: 0px;
}
.page-container {
	padding: 0px ;
}
.page-sidebar-closed .page-content-wrapper .page-content {
    margin-left: 74px !important;
	margin-right: 20px !important;

}

.breadcrumb {
	margin-top: 25px;
    margin-bottom: 15px;
}

#info_grid_contratos{
    float: right;
    font-size: 10px;
    width: 30%;
}



.btn.blue-hoki:not(.btn-outline){
    color: #FFF;
    background-color: #004157;
    border-color: #004157;
}
.btn.blue-hoki:not(.btn-outline):hover {
    color: #FFF;
    background-color: #006182;
    border-color: #004157;
}




.btn.blue-soft:not(.btn-outline) {
    color: #FFF;
    background-color: #004157;
    border-color: #004157;
}
.btn.blue-soft:not(.btn-outline):hover {
    color: #FFF;
    background-color: #006182;
    border-color: #004157;
}

.btn.blue:not(.btn-outline){
    color: #FFF;
    background-color: #004157;
    border-color: #004157;
}
.btn.blue:not(.btn-outline):hover {
    color: #FFF;
    background-color: #006182;
    border-color: #004157;
}



.btn.green:not(.btn-outline){
    color: #FFF;
    background-color: #004157;
    border-color: #004157;
}
.btn.green:not(.btn-outline):hover{
    color: #FFF;
    background-color: #006182;
    border-color: #004157;
}


.btn.green-seagreen:not(.btn-outline) {
    color: #004157;
    background-color: #fff;
    border-color: #004157;
}


.btn.green-seagreen:not(.btn-outline):hover {
    color: #006182;
    background-color: #fff;
    border-color: #006182;
    /* font/body-regular-114 */
}

.btn.default:not(.btn-outline){
    color: #004157;
    background-color: #fff;
    border-color: #004157;
}
.btn.default:not(.btn-outline):hover{
    color: #FFF;
    background-color: #006182;
    border-color: #004157;
}

.btn.red:not(.btn-outline){
    color: #004157;
    background-color: #fff;
    border-color: #004157;
}
.btn.red:not(.btn-outline):hover{
    color: #006182;
    background-color: #fff;
    border-color: #006182;
}

.btn.red-haze:not(.btn-outline){
    /* color/cyan-100 */

    border: 1px solid #004157;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    align-items: center;
    /* color/cyan-100 */
    color: #004157;
}
.btn.grey-cascade:not(.btn-outline){
    /* color/cyan-100 */

    border: 1px solid #004157;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    align-items: center;
    /* color/cyan-100 */
    color: #004157;
}

.btn.grey-cascade:not(.btn-outline).active, .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline):hover, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle{
    background: #006182;
    color:#fff;
}

.btn.green-seagreen:not(.btn-outline) .icono{
	height: 14.531693458557129px;
	width: 17.5px;
	background: transparent;
	color: #004157;
}

.bs-select{
	border: 1px solid #004157;
	padding: 5px !important;
}


.portlet {
	margin-bottom: 15px;
}





.portlet.light.bordered {
    border: 0px solid #e7ecf1 !important;
    border-radius: 10px !important;

}

#div_cambiar_producto_gama .portlet.light.bordered{
    border: 1px solid #e7ecf1 !important;
    border-radius: 10px !important;
    margin-top: 10px;
    min-height: 250px;
}

#div_cambiar_producto_gama .caption span{
    margin-left: 0px;
}

.cambiar_producto_activo{
    background: #E8FCF1 !important;
    border: 1px solid #A5E1BF !important;
}

.cambiar_producto_noactivo{
    background: #FDE6E7 !important;
    border: 1px solid #FC9595 !important;
}

.cambiar_producto_bloqueado{
    background: #d7d7d7  !important;
}


#buscarV2.portlet.light{
    padding: 12px 20px 15px !important;
    margin-left:10px;
    margin-right:10px;
}

.portlet.light.bordered.actions{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.portlet.light {
    /*padding: 0px;*/
}

.portlet.light {
    padding: 0px 0px 15px !important;
}

.portlet.light > .portlet-title > .actions{
    margin-right: 10px;
}

/* FIN PAGINA GENERICO */


/**************************************************************************************************************************************/
/* INICIO MENU LATERAL IZQUIERDO  */

.divsendsuggestion{
    padding: 20px;
}

.page-sidebar{

	background-color: #004157;
}
.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
	color: #fff;
}
.page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {

	width: 74px !important;
}

#tourMenuPrincipal{
	margin-top: 173px;
}


/*lo de abrir y cerrar */
.icono_abrir_cerrar{
	position: absolute;
	left: 33%;
	right: 15%;
	top: 20px;
	bottom: 20%;
	border-radius: 0px;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
	color: #fff;
}

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
	background: #004157;
	color: #fff;
}

.icono_menu_lateral{
	height: 14.531693458557129px;
	width: 17.5px;
	background: #004157;
	color: white;
}
/*
.page-sidebar-menu .icono_menu_lateral{
	height: 14.531693458557129px;
	width: 17.5px;
	background: #004157;
	color: white;
}
*/
.page-sidebar-menu-closed .icono_menu_lateral{
	height: 14.531693458557129px;
	width: 17.5px;
	background: #004157;
	color: white;
	position: absolute;
	left: 33%;
}

/* FIN MENU LATERAL IZQUIERDO  */


/**************************************************************************************************************************************/
/* INICIO MENU SUPERIOR */
.page-header.navbar {
	background: #fff none repeat scroll 0 0;
	margin-left: -19px;
	width: 102%; /* LUIS REVISA ESTA MIERDA NO SE POR QUE HAY QUE PONERLO ... NO TIENE LOGICA NINGUNA */
}

.page-header.navbar .search-form {
	float: left;
}

.navbar-fixed-top {
	top: auto;
}
.navbar-fixed-bottom, .navbar-fixed-top {
	position: static;
}

.page-header.navbar .search-form.open {
    margin-left: 14px;
}
.page-header.navbar .search-form {
    margin-left: 14px;
}
.page-header.navbar .search-form .input-group {
	background: #F6F8FC;
	border-radius: 10px !important;
}

.page-head{
    position: relative;
}

.topcalendario{
    width: 25px;
    float: right;
    margin-top: 12px;
    position: relative;
    margin-right: 10px;
}
.topnuevo{
    width: 25px;
    float: right;
    margin-top: 12px;
    position: relative;
    margin-right: 10px;
}



/* FIN MENU SUPERIOR */



/**************************************************************************************************************************************/
/* ESCRITORIO */
.escritorio .Rectangle3 .icono_menu_lateral{
	background: #FFEBEB;
}

.escritorio .Rectangle3{

    padding: 25px;
    font-size: 16px;
    line-height: 24px;
}

.escritorio .Rectangle3.margen_izq{
    margin: 0px 10px 35px 0px;

}
.escritorio .Rectangle3.margen_der{
    margin: 0px 0px 35px 10px;
}





.escritorio .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.estadistica_escritorio .nav.nav-tabs{
    width: 100%;
    padding-left: 20px !important;
}

.portlet.light > .portlet-title > .nav-tabs > li > a{
    padding: 0px 13px 13px !important;
    /* font/body-regular-114 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* color/light-fonts-gray-60 */
    color: #64748B;
}

.escritorio .tab-content > .active{
    padding-left: 30px;
}
.tab-content > .active{
    margin-top:21px;
}

.tab-content > .active .portlet.light.bordered.actions{
    margin-left:-15px !important;
}


.tabbable-line > .nav-tabs > li.active {
    border-bottom: 2px solid #FC9595;
}
.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    background:0 0;
    border-bottom:2px solid #FC9595
}
.mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author{
    /* font/body-semi-bold-14 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* color/gray-70 */
    color: #475569;
}
.mt-comments .mt-comment .mt-comment-body .mt-comment-text{
    /* font/caption-regular-12 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* or 150% */
    /* color/light-fonts-gray-60 */
    color: #64748B;
}

.mt-comments .mt-comment{
    border-bottom: 1px solid #CBD4E1;
    padding-bottom: 5px;
}

.tasks-widget .task-list{
    margin-left: 23px;
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    /* color/body-fonts-gray */
    color: #27364B;
}

.task-content h4{
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */


    /* color/light-fonts-gray-60 */

    color: #64748B;
}

.titulo_actividadeS_escritorio{
    float: left;
    margin-top: -3px;
    margin-left: 5px;
}

.tasks-widget .task-list > li > .task-checkbox {
    float: right;
}
.tasks-widget .task-list > li > .task-title .task-title-sp{
    /* font/body-regular-114 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    /* color/body-fonts-gray */
    color: #27364B;
}

.tasks-widget .task-list > li > .task-title .task-title-sp-cliente{
    /* font/caption-regular-12 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;

}

.tasks-widget .task-list > li {

    border-bottom: 0px solid #F4F6F9;

}



/* FIN ESCRITORIO */

/**************************************************************************************************************************************/
/* GRID */

.aviso_sin_datos_grid{
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    /* identical to box height, or 125% */

    text-align: center;

    /* color/light-fonts-gray-60 */

    color: #64748B;

}


table.dataTable tr.heading > th {
	background-color: #FFF !important;
	/* font/body-regular-16 */
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px !important;
	line-height: 24px;
	/* identical to box height, or 150% */
	align-items: center;
	/* color/body-fonts-gray */
	color: #27364B;
	/* Inside Auto Layout */
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 0px 4px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #FFF !important;
	/* font/body-regular-16 */

	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	/* identical to box height, or 150% */
	align-items: center;
	/* color/gray-90 */
	color: #1E2A3B;
	/* Inside Auto Layout */
	flex: none;
	order: 1;
	flex-grow: 0;
	margin: 0px 8px;

}

.dataTables_filter {
    display: none;
}
.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0px solid #e7ecf1;
    margin: 0px 0 !important;
}
.theadgridtope{
    /* color/borders-white-40 */

    border: 1px solid #CBD4E1;
}

#theadgridtope .heading th{
    border-bottom: 1px solid #CBD4E1 !important;
}
.gradeA.odd td{
    border-bottom: 1px solid #CBD4E1 !important;
}
.gradeA.even td{
    border-bottom: 1px solid #CBD4E1 !important;
}
/* LA OTRA VISTA */
.disen_movil.portlet.light.portlet-fit.bordered.global_principal{
    /* color/background-white */

    background: #F6F8FC;
    border-radius: 10px !important;
    /* font/caption-regular-12 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;

}
.global_principal .cabecera{
    /* color/body-fonts-gray */

    color: #27364B !important;
    font-size: 16px !important;
    line-height: 24px !important;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 10px;
    /* color/borders-white-40 */

    border-bottom: 1px solid #CBD4E1;
    padding-bottom: 18px;
    /*padding-top: 18px;*/ /* QUITADO POR QUE EN LA VISTA VISTA EN LAS GRID QUEDABA MAL */
    margin-bottom: 16px;
}

.global_principal .caption-desc{
    /* font/caption-regular-12 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */

    color: #27364B !important;
    /* Inside Auto Layout */

    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 4px;

}
.global_principal .caption-desc .row{
    padding-bottom: 16px;
}


.badge_circulo_red{
    background: #FFEBEB;
}


.cabecera .badge_circulo {
    margin-right: 12px;
    padding-top: 8px;
    height: 40px;
    width: 40px;
    top: 10px;
    position: absolute;
    margin-left: 5px;
    padding-bottom: 0px !important;
}

.cabecera .badge_circulo_peque {
    margin-right: 12px;
    padding-top: 8px;
    height: 20px;
    width: 20px;
    top: 25px;
    position: absolute;
    padding-bottom: 0px !important;

}


.cabecera .cabecera_texto{
    padding-left: 55px;
    /* font/body-regular-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}

.show_escritorio .textos{
    /*margin-left: 17px;*/ /*quitado por la vista vista en la grid salia muy desplazado a la derecha */
}


.textos .icono_solo {
    float: left;
    margin-top: 0px;
    margin-right: 5px;
}


#buscarV2{
    padding-left: 60px;
    border-radius: 10px;

}

#tablegrid_cuentas_buscar {
    /* font/caption-regular-12 */
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    color: #64748B;
    background: white !important;
}


.tab_grid_vista{
    /* font/caption-regular-12 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */


    /* color/body-fonts-gray */

    color: #27364B;

    /* color/indigo-10 */

    background: #EDECFF;
    border-radius: 5px !important;
    margin:10px;
    padding: 6px;
}

.tab_grid_vista span{
    float:right;
}
.tab_grid_vista .icono_tab_grid_vista{
    float:left;
}



/* FIN GRID */

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




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

/*FORMULARIOS */
.form-control {

    /*border: 0px solid #c2cad8 !important;*/
    background: #F6F8FC !important;
    /*background: #D9E2F4 !important;*/
    /*background: #EEEEEE !important;*/
    /* color/borders-white-40 */
    border: 1px solid #CBD4E1;
    box-sizing: border-box;
    border-radius: 5px;
    padding-left:15px !important;
    border-radius: 5px !important;
    font-family: "Poppins", "verdana";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /*color: #64748B;*/
    color: #27364B;
    padding: 5px ;

}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field, .select2-container--bootstrap .select2-selection, .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection{
    /*background: #EEEEEE !important;*/
    background: #F6F8FC !important;
    border: 1px solid #CBD4E1 !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    padding-left:15px !important;
}

.control-Input .select2-selection{
    /*background: #EEEEEE !important;*/
    background: #F6F8FC !important;
    border: 1px solid #CBD4E1 !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    padding-left:15px !important;
}

.form .form-actions, .portlet-form .form-actions {
     border-top: 0px solid #e7ecf1;
}
.portlet.light > .portlet-title > .actions .btn-default {
    color: #fff;
}

.label.label-success {
    /* color/white-20 */
    /* font/body-regular-114 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    align-items: center;
    /* color/body-fonts-gray */
    color: #27364B;
    background: #F1F4F9 !important;
    border-radius: 5px !important;
    /* Inside Auto Layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 10px;
}



/* FIN FORMULARIOS */

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





/**************************************************************************************************************************************/
/* MODA */
.modal.container{
    /* color/white */
    background: #FFFFFF;
    border-radius: 10px !important;

}

.modal.container .modal-title{
    font-size: 18px;
    line-height: 28px;
    /* identical to box height, or 156% */
    font-weight: 600;
    align-items: center;
   color: #27364B;
}

.modal .modal-header {
    border-bottom: 1px solid #CBD4E1;

}


.modal .control-label{
    /* font/body-regular-114 */
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* color/body-fonts-gray */
    color: #27364B;
}



/* FIN MODA */
/**************************************************************************************************************************************/


/**************************************************************************************************************************************/
/* FICHA */


.texto-html2{
    max-height: 400px;
    overflow-y: scroll;
    border: 0px solid #e7ecf1;
    margin: 0px 0 !important;
    scrollbar-color: #C4C4C4 #F6F8FC;
    scrollbar-width: thin;
}

.disenyficha .portlet.light .form .form-body, .portlet.light .portlet-form .form-body {
    padding-left: 0;
    padding-right: 56px;
    padding-top: 0;
}

.portlet.light > .portlet-title > .caption {
    /* font/subtitle-medium-20 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */

    /* color/gray-90 */
    color: #1E2A3B !important;

    /* Inside Auto Layout */

    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 9px;
}

.caption span{
    float:left;
    margin-left: 12.75px;
}

.caption2{
    margin-top:31px;
    margin-left: 15px;
}

.caption2 span{
    float:left;
    margin-left: 12.75px;
    /* font/body-semi-bold-14 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* color/gray-90 */
    color: #1E2A3B;
}

.caption2 .name{
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */

    display: flex;
    align-items: center;

    /* color/body-fonts-gray */

    color: #27364B;
}


.nav-tabs {
    border-bottom: 1px solid #CBD4E1;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    border:0px;
    border-bottom: 2px solid #FC9595;
}
.nav-pills > li > a, .nav-tabs > li > a {
    /* font/body-regular-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

   /* color/gray-90 */

    color: #1E2A3B;

}

.ficha_campo{
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* color/body-fonts-gray */

    color: #27364B;

    margin-top: 21px;
    margin-bottom: 5px;

}


.disenyficha .caption-amas{
    /* font/body-semi-bold-14 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* color/body-fonts-gray */
    color: #27364B;
    margin-left: 0px !important;

}

.disenyficha .submenu_inferior .portlet.light.bordered{
    /* color/background-white */

    background: #F6F8FC;
    border-radius: 10px !important;

}

.submenu_inferior .portlet.light{
    padding: 12px 20px 3px;
}

.div_datos_row{
    border-bottom: 1px solid #CBD4E1;
    margin-top: 12px;
    height: 62px;
}

.div_datos_row:last-child{
    border-bottom: 0px;
}

.div_datos .div_datos_div_fecha{
    float: left;
    background: #D3E1FE;
    border-radius: 15px !important;
    margin-left: 18px;
    width: 39px;
    height: 48px;
    margin-left: 30px;
}

.div_datos_div_fecha_mes{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
    /* identical to box height, or 180% */

    display: flex;
    align-items: center;

    /* color/main-blue */

    color: #2563EB;
    margin-left: 10px;
    margin-top: 4px;

}

.div_datos_div_fecha_dia{
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */

    display: flex;
    align-items: center;

    /* color/blue-100 */

    color: #002987;
    margin-left: 10px;
    float:  left

}

.div_datos .div_datos_datos{
    float: left;
    margin-left: 25px;
}

.pie_circle{
    float: left;
    margin: 15px;
    /* font/caption-regular-12 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;

}


.img-circle.imagen_principal{
    max-height: 100px;max-width: 100px;float: left;margin-left: 36px;margin-top:20px
}
.badge_circulo.imagen_principal{
    width: 100px;
    height: 100px;
    font-size: 42px;
    padding-top: 38px;
}

.ficha_datos_principales{
    margin-left: 44px;
    margin-top: 91px;
    /* font/subtitle-medium-20 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* color/body-fonts-gray */
    color: #27364B;

}
.ficha_datos_principales .row{
    margin-bottom: 5px;
}

.ficha_datos_principales span{
    margin-left:10px;
}

/* FIN FICHA */
/**************************************************************************************************************************************/



/* CSS CIRCULAR */

.titulo_circle{
    /* font/body-regular-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */

    /* color/body-fonts-gray */

    color: #27364B;
}





.progress-circle {
    font-size: 20px;
    margin: 20px;
    position: relative; /* so that children can be absolutely positioned */
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: #F2E9E1;
    border-radius: 50% !important;
    line-height: 5em;
}

.progress-circle:after{
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50% !important;
    width: 4.3em;
    height: 4.3em;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    z-index: 2;
    /* font/body-semi-bold-16 */
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    color: #0F1A2A;
}
.left-half-clipper {
    /* a round circle */
    border-radius: 50% !important;
    width: 5em;
    height: 5em;
    position: absolute; /* needed for clipping */
    clip: rect(0, 5em, 5em, 2.5em) !important; /* clips the whole left half*/
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
    clip: rect(auto,auto,auto,auto) !important;
}
.value-bar {
    /*This is an overlayed square, that is made round with the border radius,
    then it is cut to display only the left half, then rotated clockwise
    to escape the outer clipping path.*/
    position: absolute; /*needed for clipping*/
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50% !important;
    border: 0.45em solid #53777A; /*The border is 0.35 but making it larger removes visual artifacts */
    /*background-color: #4D642D;*/ /* for debug */
    box-sizing: border-box;

}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
    /*Progress bar for the first 50%, filling the whole right half*/
    position: absolute; /*needed for clipping*/
    clip: rect(0, 5em, 5em, 2.5em) !important;
    background-color: #53777A;
    border-radius: 50% !important;
    width: 5em;
    height: 5em;
}


.color1 .value-bar {
    border: 0.45em solid #FC5A84 !important;
}
.color1 .first50-bar {
    background-color: #FC5A84 !important;
}
.color2 .value-bar {
    border: 0.45em solid #22D38C !important;
}
.color2 .first50-bar {
    background-color: #22D38C !important;
}

.color3 .value-bar {
    border: 0.45em solid #179AF0 !important;
}
.color3 .first50-bar {
    background-color: #179AF0 !important;
}



.progress-circle:not(.over50) .first50-bar{ display: none; }


/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }

/* FIN CSS CIRCULAR */


/**************************************************************************************************************/
/* lateral */
.div_lateral.portlet.light.bordered{
    padding: 20px !important;
    background: #FFFFFF;
    border-radius: 10px !important;
}


/************** OPORTUNIDADES */

.span_oportunidades_pre_cantidad{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 50px;
    line-height: 40px;
    /* identical to box height, or 80% */


    /* color/body-fonts-gray */

    color: #27364B;
    float: left;
}

.span_oportunidades_pre_texto{

    /* font/body-semi-bold-16 */
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    /* color/gray-70 */
    color: #475569;
    float: left;
    margin-left: 10px;

}


.titulo_zona{

}


.titulo_zona span{
    /* font/body-semi-bold-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/gray-90 */
    color: #1E2A3B;
    float: left;
    margin-left: 17px;
    margin-top: 4px;

}

.imagen_cliente{
    float:left;
    margin-top:15px;
}

.texto_cliente{
    /* font/body-semi-bold-16 */
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;
    float: left;
    margin-top: 14px;
    margin-left: 17px;
}

.badge_lateral{
    /* color/indigo-10 */
    background: #EDECFF !important;
    border-radius: 5px !important;
    /* Inside Auto Layout */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px !important;
    line-height: 18px;
    color: #27364B;
    margin-right: 14px;
    vertical-align: inherit !important;
    padding: 3px;
    height: auto !important;
    min-height: 25px;
    margin-bottom: 18px;

}


.badge_lateral svg{
    float:left;
    margin-top: 2px;
}
.badge_lateral span{
    float:right;
    margin-right: 5px;
}



/************* PRESUPUESTOS */

.form-control select {
  font-size: 20px;
}

.select2-results__option > .columnas_articulos {
    padding: 4px;
    border-bottom: 0px solid #337ab7 !important;
}

.select2-results__option > .columnas_articulos ~ .columnas_articulos {
    padding: 4px;
    border-bottom: 0px solid #337ab7 !important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    /* color/cyan-10 */
    background: #EAFAFF !important;
    border-radius: 5px !important;
    color: #27364B;
}



.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]:last-child {
    background: #FFF !important;
}

.fin_buscador_alta:hover{
    background: #B0A9FF !important;
}



#select2-codigo_articulo_search_buscar-results .texto1{
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    /* color/body-fonts-gray */
    color: #27364B;
}

#select2-codigo_articulo_search_buscar-results .texto2{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
    /* identical to box height, or 180% */
    /* color/light-fonts-gray-60 */
    color: #64748B;
    margin-top:3px;
}



#select2-codigo_articulo_search_buscar-results .texto3{

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #27364B;
    float: right;
    /*position: absolute;*/
    right: 0px;
    margin-right: 23px;
}










.lineas_articulos tr{
    /* font/body-regular-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    align-items: center;
    /* color/body-fonts-gray */

    color: #27364B;

    border-bottom: 1px solid #CBD4E1;
    margin-top:12px;
    margin-bottom: 14px;

}

.well{
    /* color/background-white */

    background: #F6F8FC;
    border-radius: 10px !important;
}


.col_lineas_especiales{
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* color/body-fonts-gray */
    color: #27364B;

}


/****************** LOGIN */
.div_login1{
    background: #004157;
    border-radius: unset !important;
    /*height: 100vh;*/
    min-height: 100%;
    min-height: 100vh;

}


.div_login2{

}

.login .logo{
    float: left;
    margin-left: 70px;
    margin-top: 70px;
}

.login h1{

    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 72px;
    line-height: 58px;
    /* or 81% */
    /* color/background-white */
    color: #F6F8FC;
    margin-left: 90px;
    margin-top:164px;
    max-height: 486px;

}



.login h2{

    /* font/subtitle-medium-20 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #F6F8FC;
    margin-left: 97px;
    margin-top:30px;



}

.login_texto1{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    /* identical to box height, or 111% */
    /* color/body-fonts-gray */
    color: #27364B;
    float:left;
    margin-top:160px;
}

.login_texto2{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    color: #27364B;
    margin-top: 20px;
    margin-bottom: 40px;
    float:left;
}

.login .content{
    width: 500px;
}

.login .content .form-control {
    /* color/background-white */
    background: #F6F8FC !important;
    border-radius: 5px !important;
    border:0px;
}

.form-group{
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* color/body-fonts-gray */
    color: #27364B;
}

.login .content .form-actions .btn{
    width: 100% !important;

}


.form-actions .row{
    float:right;
    margin-top: 20px;
}


.login .content .form-actions{
    border: 0px !important;
}

.boton_google{
    margin-bottom: 13px;
}

.separador{
    /*margin: 22px 60px;*/
    margin: 22px 0px;
    text-align: center;
}

.identificar_google{
    /* font/body-regular-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    display: flex;
    align-items: center;

    /* color/cyan-100 */

    color: #004157;
    /* color/cyan-100 */

    border: 1px solid #004157;
    box-sizing: border-box;
    border-radius: 5px;
}
.span_noestasregistrado{

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */
    /* color/light-fonts-gray-60 */
    color: #64748B;
    text-align: center;
}


/* ***************** alta */

.alta .div_login1 .logo{
    float:left;
    margin-left: 70px;
    margin-top: 70px;
}

.alta .div_login1 h1{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    /* or 121% */
    /* color/background-white */
    color: #F6F8FC;

}


.alta .div_login1 .texto_ayuda{
    float:left;
    margin-left: 70px;


    /* font/title-bold-24 */

    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height, or 150% */

    display: flex;
    align-items: center;

    color: #FFFFFF;

    margin: 20px 87px;
}

.alta .div_login1 .texto_ayuda svg{
    margin-left:10px;
}


.alta .div_login1 .texto_ayuda_2{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 31px;
    /* or 172% */
    /* color/white */
    color: #FFFFFF;
    margin: 20px 87px;
    width: 80%;
    float: left;

}


/****************** FORMULARIO DE ALTA */
.btn-success{
    /* color/background */
       background: #D6DBDF;
    /* color/lineal */
    border: 0.5px solid rgba(39, 40, 56, 0.52) !important;
    border-radius: 8px 0px 0px 8px !important;
    /* font/body-regular-114 */
    font-family: Poppins !important;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* color/text */
    color: #12263A;
}
.select2-container--bootstrap .select2-selection__clear {
    margin-right: 30px;
}

.formulario_div_1 .input-group-btn {
    padding-top: 4px;
    padding-left: 6px;
}

.control-Input {
    margin-top: 5px;
}



/************************************************************************/
/* KPI POR ZONA */



.estadisticas_escritorio_kpi .col-lg-6, .estadisticas_escritorio_kpi .col-md-6, .estadisticas_escritorio_kpi .col-sm-6, .estadisticas_escritorio_kpi .col-xs-12{
    padding-left: 0px !important;
    padding-right: 0px !important;
}



.estadisticas_kpi .Rectangle3{
    padding: 25px;
    font-size: 16px;
    line-height: 24px;
}





.estadisticas_kpi .Rectangle3 .texto_numero{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 44px;
    line-height: 40px;
    /* identical to box height, or 91% */
    /* color/body-fonts-gray */
    color: #27364B;
    float:left;
}


.estadisticas_kpi .Rectangle3 .texto_grande{
    /* font/body-semi-bold-14 */
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    /* color/gray-70 */
    color: #475569;
    float:left;
    margin-left: 80px;
    margin-top: -40px;
    /*width: 100%;*/
}


.estadisticas_kpi .Rectangle3 .texto_peque{
    /* font/caption-regular-12 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    /* color/white-50 */
    color: #94A3B8;

}




/************ presupuestos */
#fijo{
    background: #004157;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px 10px 0px 0px !important;
}

/*
#form_validate_grid_presupuestos{
    margin-bottom: 55px;
}
#form_validate_grid_facturas{
    margin-bottom: 55px;
}
*/


.boton_nueva_linea{
    margin-bottom: 20px;
}

/************ opciones empresa */
.opciones_empresa{
    margin-left: 24px;
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */

    /* color/body-fonts-gray */

    color: #27364B;
}

.opciones_empresa ul{
    margin-right:10px;
}

.opciones_empresa svg{
    float:left;
}
.opciones_empresa span{
    margin-left: 10px;
}

.faq-content-1 .faq-section{
    padding: 0px 10px !important;
    margin-bottom: 20px !important;
}

.faq-content-container .row{

margin-bottom: 25px;

}

.aviso_importacion{
    margin-left:45px;

    /* font/subtitle-medium-20 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */


    /* color/body-fonts-gray */

    color: #27364B;

}


/************* pago */

.div_pago{
    /* color/white */

    background: #FFFFFF;
    border-radius: 14px !important;
    margin-left:20px;
    min-height: 562px;
    /*border: 1px solid #fff !important;*/
}


.div_mas_popular_pago{
    border: 2px solid #00632B !important;
    box-sizing: border-box;
    border-radius: 14px !important;
}

.div_pago h3{
    /* font/body-semi-bold-16 */

    margin-left: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;
    padding-bottom: 15px;
    margin-left: 24px;

}

.div_pago .icono_pago{
    float:left;
}

.div_pago .texto_pago{

    float:left;
    margin-left: 8px;
    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* color/body-fonts-gray */
    color: #27364B;
    margin-top: -2px;

}

.div_pago .col-md-12 {
    margin-bottom: 15px;
    margin-left: 24px;
}

.div_pago .ribbon{
    margin-left: 36%;
    margin-top: -20px;
    /* color/main-green */

    background: #00632B;
    border-radius: 10px !important;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */


    /* color/white */

    color: #FFFFFF;
}

/********** buscador superior */

#div_buscador_principal{
    width: 300px;
    float:left;
    left: 0px;
    top: 36px;
    /* color/background-white */
    background: #F1F4F9;
    border-radius: 10px !important;
    z-index: 9999;
}






#div_buscador_principal .portlet.light{
    background: #F6F8FC !important;
    /* font/caption-regular-12 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    /* color/light-fonts-gray-60 */
    color: #64748B;
}


.result_busquedasuperior a {
    color: #27364B !important;
    font-size: 12px !important;
}

#div_buscador_principal h1{
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #27364B;
}

#div_buscador_principal .resul_nada{
    /* font/caption-regular-12 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    /* color/light-fonts-gray-60 */
    color: #FFFFFF;

}

.div_buscador_css{
    background: #F1F4F9;
    border-radius: 0px 0px 10px 10px !important;
    padding-bottom: 20px;
}

#div_negro{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9000;
    display: none;
    margin-left: -15px;
}

.page-header.navbar .search-form .input-group .form-control{
    width : 300px;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    /* color/body-fonts-gray */
    color: #27364B;

}







/* menu usuario */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu{
    /* color/white */
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .drop-user-data{
    /* color/white */
    /* font/body-semi-bold-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    /* color/body-fonts-gray */
    color: #27364B;
}



.menu_usuario{
    height: 75px;
    padding:10px 5px;

}

.menu_usuario_imagen{
    float: left;
}
.menu_usuario_imagen .badge_circulo{
    height: 50px;
    width: 50px;
}


.menu_usuario_tunombre{
    float: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */

    align-items: center;
    /* color/body-fonts-gray */
    color: #27364B;
    margin-left:14px;

}

.menu_usuario_tunombre2{
    float: left;
    /* font/body-regular-114 */
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    /* color/body-fonts-gray */
    color: #27364B;
    margin-left:14px;

}
.menu_usuario_tunombre3{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #2563EB;
    float:right;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu{
    width: 300px !important;
}

.drop-user-data .portlet{
    min-height: 20px;
}

.drop-user-data .portlet.sup{
    padding-top:21px !important;
    border-top: 1px solid #CBD4E1;
}
.drop-user-data .portlet.inf{
    padding-bottom:5px !important;
}


.dropdown-menu.dropdown-menu-default svg{
    float: left;
}

.dropdown-menu.dropdown-menu-default span{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    display: flex;
    align-items: center;

    /* color/body-fonts-gray */

    color: #27364B;
    float: left;
    margin-left: 12px;
}

.dropdown-menu.dropdown-menu-default .divider1{
    /* color/borders-white-40 */
    border-bottom: 1px solid #CBD4E1;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
    color:#2563EB !important;
    margin-top: -15px;
}



/* menu superior alta rapida */
#div_menu_alta_rapida{
    width: 138px;
    float: right;
    top: 46px;
    background: #F1F4F9;
    border-radius: 10px !important;
    z-index: 9999;
    position: absolute;
    right: 175px;
    border: 0px solid #2f353b;
    height: 27px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
    border-radius: 5px !important;
    height: 200px;

    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;
    list-style:none;
    padding: 12px 0;


}

#div_menu_alta_rapida ul{
    list-style: none;
    padding-left:10px;
}


#div_menu_alta_rapida ul li{
    margin-bottom: 8px;
}





/************* facturas */
#form_validate_grid_facturas{

}


/* inbox */
.div_inbox h2{
    /* font/title-bold-32 */
    margin-top: 35px;

    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    /* identical to box height, or 125% */
    /* color/body-fonts-gray */
    color: #27364B;
}

.div_inbox h3{
    /* font/subtitle-medium-20 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;
}



.div_inbox p{
    /* font/subtitle-regular-18 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    /* or 156% */
    /* color/body-fonts-gray */
    color: #27364B;
}

.div_inbox .aviso{
    /* color/white-20 */

    background: #F1F4F9;
    border-radius: 10px !important;
    padding: 10px;
    margin-top: 25px;
    /* font/subtitle-medium-18 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    /* or 156% */
    /* color/body-fonts-gray */
    color: #27364B;

}


#cabecera_inbox{
    margin-bottom: 15px;
    /* color/white */

    background: #FFFFFF;
    border-radius: 10px !important;
    padding: 10px !important;
}

.page-container-bg-solid .inbox .inbox-body, .page-container-bg-solid .inbox .inbox-sidebar{
    background: #F6F8FC !important;
}
.inbox .inbox-body, .inbox .inbox-sidebar{
    padding: 0px !important;
}

#div_datos_tabla_grid{
    /* color/white */

    background: #FFFFFF;
    border-radius: 10px !important;
    padding: 25px !important;
}

#div_datos_tabla_grid tr{
    background-color: #FFF !important;
    /* color/borders-white-40 */
    border: 1px solid #CBD4E1;
    box-sizing: border-box;
    border-radius: 5px !important;
    padding: 10px 8px;
}
.inbox .table-hover tbody tr:hover > td, .inbox .table-hover tbody tr:hover > th, .inbox .table-striped tbody > tr:nth-child(2n+1) > td, .inbox .table-striped tbody > tr:nth-child(2n+1) > th{
    background-color: #FFF !important;
}


#div_datos_tabla  .ver_tabla{

    margin-bottom: 8px;
    padding: 8px 0px !important;
    border: 1px solid #CBD4E1;
    box-sizing: border-box;
    border-radius: 5px !important;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;
}

.btn.btn-outline.blue{
    color: #004157;
    border-color: #051622;
    /* color/cyan-100 */

    border: 1px solid #004157;
    border-radius: 5px !important;
}


#cabecera_inbox_mensaje{
    /* color/white */

    background: #FFFFFF;
    border-radius: 10px !important;
    padding: 33px;
}


.div_info_inbox_mensaje_cabecera{
    margin-bottom: 19px;
}

.div_info_inbox_mensaje{
    /* font/body-regular-16 */

    font-family: Poppins;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    color: #27364B;

    margin-left: 10px;
    margin-right: 16px;
    margin-top: 17px;
}

.div_info_inbox_fichero_adjunto{
    margin-top:20px;
    /* font/body-regular-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */


    /* color/body-fonts-gray */

    color: #27364B;
    /* color/indigo-10 */

    background: #EDECFF;
    border-radius: 5px !important;
    width: 200px;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
}




/* calendario */

#calendar{
    margin-top: 20px;

}

.portlet.light.calendar.bordered{

    /*padding: 20px !important;*/
    border: 1px solid #e7ecf1 !important;

}


#calendar .btn.btn-primary.active{
    /* color/cyan-60 */
    background: #007EA8;
    /* color/cyan-60 */
    border: 1px solid #007EA8;
    box-sizing: border-box;
    border-radius: 5px !important;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */

    display: flex;
    align-items: center;

    /* color/white */

    color: #FFFFFF;
    margin-right: 10px;
}

#calendar .btn.btn-primary{
    background: white;
    /* color/cyan-100 */
    border: 1px solid #004157;
    box-sizing: border-box;
    border-radius: 5px !important;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    display: flex;
    align-items: center;
    /* color/cyan-100 */
    color: #004157;
    margin-right: 10px;

}


#calendar .fc-myCustomButton-button{
    /* color/cyan-100 */

    background: #004157 !important;
    color: #FFFFFF !important;
}


.fc-toolbar-chunk .btn-group{
    float:left;
    margin-left:20px;
    margin-right:20px;
}

.fc-toolbar-chunk .fc-today-button{
    float:left;
    background: white;
    /* color/cyan-100 */
    border: 1px solid #004157;
    box-sizing: border-box;
    border-radius: 5px !important;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    display: flex;
    align-items: center;
    /* color/cyan-100 */
    color: #004157;
    margin-right: 10px;
}

.fc-toolbar-title{
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    /* identical to box height, or 156% */
    /* color/body-fonts-gray */
    color: #27364B;
}

.fc .fc-toolbar.fc-header-toolbar{
    padding-bottom: 20px !important;
    border-bottom: 1px solid #CBD4E1;
}

.fc-col-header-cell.fc-day{
    border:0px !important;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/light-fonts-gray-60 */
    color: #64748B;
}

.fc-h-event .fc-event-title{
    color: #59665F;
}

.portlet.calendar .fc-event{
    /* color/green-10 */
    background: #E7E9EE;
    border: 1px solid #C2CCC7;
    box-sizing: border-box;
    border-radius: 5px !important;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    /* color/main-green */
    color: #0E552C;
}

.portlet.calendar .fc-event.Llamada{
    background: #E8FCF1;
    border: 1px solid #A5E1BF;
}
.Llamada > .fc-event-main > .fc-event-main-frame > .fc-event-title-container > .fc-event-title.fc-sticky{
    color: #00632B !important;
}

.portlet.calendar .fc-event.Reunion{
    background: #FDE6E7;
    border: 1px solid #FC9595;
}
.Reunion > .fc-event-main > .fc-event-main-frame > .fc-event-title-container > .fc-event-title.fc-sticky{
    color: #B01212 !important;
}

.portlet.calendar .fc-event.Tarea{
    /* color/blue-10 */
    background: #D3E1FE;
    /* color/main-blue */
    border: 1px solid #2563EB;
}
.Tarea > .fc-event-main > .fc-event-main-frame > .fc-event-title-container > .fc-event-title.fc-sticky{
    color: #2563EB !important;
}


.portlet.calendar .fc-event.sinasignar{

}

.table-bordered td, .table-bordered th{
    border: 1px solid #CBD4E1 !important;
}

.fc .fc-daygrid-day-top{
    margin-right: 45%;
    font-size: 16px;
    line-height: 24px;
    color: #27364B;

}
.fc-event-title{
    font-weight: inherit !important;
}

.fc .fc-daygrid-event-harness{
    margin-left: 8px;
    margin-right: 8px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start{
    padding: 6px;
}

.fc .fc-timegrid-axis-cushion{
    font-size: 16px;
    line-height: 24px;
    color: #64748B;
}

.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion{
    font-size: 16px;
    line-height: 24px;
    color: #64748B;
}
.fc-direction-ltr .fc-timegrid-slot-label-frame{
    text-align: center !important;
    /*
   border-bottom: 1px dotted #CBD4E1 !important;
   padding:20px 0px;
   */
}

.fc .fc-timegrid-slot {
    height: 2.5em !important;
    border-bottom: 0;
}

.fc .fc-timegrid-slot{
    border-bottom: 1px solid #CBD4E1 !important;
}
.fc-timegrid-event .fc-event-main{
    /* color/green-10 */
    background: #E8FCF1;
    /* color/green-40 */
    border: 1px solid #22D38C;
    border-radius: 5px !important;

}

.fc-timegrid-event .fc-event-time{
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/main-green */
    color: #00632B;
}

.fc-v-event .fc-event-title{
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/main-green */
    color: #00632B;
}



.icono_nuevaactividad{
    /* color/cyan-60 */
    background: #fff;
    /* color/cyan-60 */
    border: 1px solid #004157;
    box-sizing: border-box;
    border-radius: 5px !important;
    padding: 10px;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    stroke: #27364B;

}



.icono_nuevaactividad.activo{
    background: #007EA8;
    border: 1px solid #007EA8;
    box-sizing: border-box;
    border-radius: 5px !important;
    stroke: #fff;
}




/* chat */


/* notificaciones */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external{
    background: #fff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
    /* identical to box height, or 180% */
    /* color/borders-white-40 */
    color: #CBD4E1;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
    /* identical to box height, or 180% */
    /* color/main-blue */
    color: #2563EB;
}

.li_notificacion_notificacion{
    /* font/caption-regular-12 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #27364B;
}

.li_notificacion_fecha{
    font-size: 10px;
    line-height: 18px;
    /* identical to box height, or 180% */
    /* color/white-50 */
    color: #94A3B8;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a{
    border-bottom: 0px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover {
    /* color/white-20 */
    background: #F1F4F9 !important;
    border-radius: 10px !important;
}


/* guia inicio */



#divAssitIni .portlet-title{
    border:0px !important;

}



#divAssitIni .caption-subject{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    /* identical to box height, or 156% */
    /* color/body-fonts-gray */
    color: #27364B;
}

#divAssitIni .texto1{
    /* font/caption-regular-12 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* or 150% */
    /* color/light-fonts-gray-60 */
    color: #64748B;
    padding:10px 30px;
}

#divAssitIni .texto2{
    /* font/caption-regular-12 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* color/body-fonts-gray */
    color: #27364B;
    padding-left: 60px;
    padding-right: 60px;
}

#divAssitIni .texto3{
    /* font/body-regular-114 */
    font-family: Poppins;
    font-style: normal;

    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    /* color/body-fonts-gray */
    color: #27364B;
}




#divAssitIni .task-content h4{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    /* identical to box height, or 137% */
    color: #27364B;

}

#divAssitIni .progress{
    width: 80%;
    margin-left:10%;
}



/* comprar servicios */

#comprar_servicio .cabecera1{
    margin-left: 48px;
    margin-top: 23px;
}

#comprar_servicio .cabecera2{
    /* font/title-bold-32 */

    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    /* identical to box height, or 125% */
    /* color/body-fonts-gray */
    color: #27364B;
    margin-top: 18px;
    text-align: center;
}


#comprar_servicio .principal_precios{
    padding:23px 20px 30px;
    /* color/white */

    background: #FFFFFF;
    border-radius: 10px !important;
    margin-top: 17px;
    margin-bottom: 150px;
}

#comprar_servicio .div_pago{
    /* color/white */

    background: #FFFFFF;
    /* color/borders-white-40 */

    border: 1px solid #CBD4E1;
    box-sizing: border-box;
    border-radius: 14px !important;
}

#comprar_servicio .datos_precio{
    margin-left: 10%;
    margin-right: 10%;
}

#comprar_servicio .div_pago h3{
    /* font/subtitle-medium-20 */
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;
}


#comprar_servicio .div_pago h3 span{
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 30px;
    /* identical to box height, or 83% */
    /* color/light-fonts-gray-60 */
    color: #64748B;
    float:right;
    margin-right: 20px;
}

.div_pago .icono_pago {
    margin-top: -2px;
}


#comprar_servicio .pie_precio{
    /* color/body-fonts-gray */

    background: #27364B;
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px !important;
    padding:20px 30px;
    margin-left: 10%;
    margin-right: 10%;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
}


#comprar_servicio .pie_precio_1 {
    /* font/body-semi-bold-14 */
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #9FDBEF;
}

#comprar_servicio .pie_precio_2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/white */
    color: #FFFFFF;
    border-bottom: 1px solid #EAFAFF;

}

#comprar_servicio .pie_precio_2 span{
    margin-left: 60px;
}



#comprar_servicio .pie_precio_3{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    /* or 137% */
    text-transform: uppercase;
    /* color/white */
    color: #FFFFFF;
    width: 40%;
    float: left;
    margin-top: 20px;
    border-left: 1px solid #EAFAFF;
    padding-left: 10px;
}


#comprar_servicio .pie_precio_4{
    /* font/title-bold-32 */

    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    /* identical to box height, or 125% */
    color: #9FDBEF;
    width: 50%;
    float: right;
    margin-top: 20px;
}

#comprar_servicio .pie_precio_5{
    /* color/gray-70 */

    background: #475569;
    border-radius: 10px !important;
    position: absolute;
    width: 90%;
    padding: 10px 20px;

}

#comprar_servicio .pie_precio_5_1{
    /* font/body-semi-bold-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    color: #FFFFFF;
    float: left;
}


#comprar_servicio .pie_precio_5_1 span{
    /* font/body-regular-114 */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    color: #FFFFFF;

}
#comprar_servicio .pie_precio_5_2{
    float:right;
}



#comprar_servicio .pie_precio_6{
    /* color/cyan-20 */
    background: #9FDBEF;
    border-radius: 5px !important;
    /* font/subtitle-bold-20 */

    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    /* color/cyan-100 */
    color: #004157;
    padding:15px 30px;
    text-align: center;

}

.boton_modal_compararplanes{

    padding:8px;

    /* font/body-regular-114 */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */

    /* color/cyan-80 */

    color: #006182;
    /* color/cyan-80 */

    border: 1px solid #006182;
    box-sizing: border-box;
    border-radius: 5px !important;
    width: 160px;
    text-align: center;
    float: right;
    margin-bottom: 28px;
}


.table.table-light > thead > tr > th{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    /* identical to box height, or 156% */
    /* color/light-fonts-gray-60 */
    color: #64748B;
}

.table.table-light > tbody > tr > td{
    /* font/body-semi-bold-16 */

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */


    /* color/body-fonts-gray */

    color: #27364B;

}



/* grupos permisos */

#tablas_permisos .chckPermisos{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 28px;
    /* identical to box height, or 156% */
    /* color/light-fonts-gray-60 */
    color: #64748B;
}

#tablas_permisos tr > td{
    /* font/body-semi-bold-16 */
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 12px !important;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;
}

#tablas_permisos h3{
    /* font/body-semi-bold-16 */
    font-family: Poppins !important;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* color/body-fonts-gray */
    color: #27364B;
}


div.dataTables_wrapper div.dataTables_info {

    width: 100%;
}


#div_publicidad2{
    background: #004157;
    border-radius: 10px !important;
    margin-bottom: 20px;
}

#div_publicidad2 h3{
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 28px;
    color: #FFFFFF;

    margin: 0px 20px;
    margin-top: 30px;
    margin-bottom: 14px;
}

#div_publicidad2 h4{
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;

    margin: 0px 20px;
    margin-top: 30px;
    margin-bottom: 14px;
}

#div_publicidad2 .boton_publi{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    color: #FFFFFF;
    background: #FC5A84;
    border-radius: 5px !important;
    margin: 0px 20px;
    float: left;
    margin-bottom: 20px;
    padding: 8px 30px;
    margin-top: 26px;
}

#div_publicidad2 .imagen_public{
    float:right;
}
#div_publicidad2 .boton_cerrar_publi{
    float: right;
    margin-left: 10px;
    margin-top: 10px;
}



/* publicidad */
#div_publicidad{
    background: #0f1a2a;
    border-radius: 10px !important;
    margin-bottom: 20px;
}





#div_publicidad h4{

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 28px;
    color: #FFFFFF;

    margin: 0px 20px;
    margin-top: 30px;
    margin-bottom: 14px;
}

#div_publicidad .boton_publi{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    color: #FFFFFF;
    background: #FC5A84;
    border-radius: 5px !important;
    margin: 0px 20px;
    float: left;
    margin-bottom: 20px;
    padding: 8px 30px;
    margin-top: 26px;
}

#div_publicidad .imagen_public{
    float:right;
}
#div_publicidad .boton_cerrar_publi{
    float: right;
    margin-left: 10px;
    margin-top: 10px;
}


/* guia de inicio */

/* OPORTUNIDADES FICHA FASE */

#div_cargar_guia_de_inicio{
    margin: 0px 10px;
}

#div_cargar_guia_de_inicio  .cls-oportunidades-fase .cls-oportunidades-fase-paso{
    height: 80px !important;
}
#div_cargar_guia_de_inicio  .logo_guia_inicio{
    float:lefT;
    position: absolute;
    top: 22px;
}
#div_cargar_guia_de_inicio  .logo_guia_inicio_2{
    float:right;
    position: absolute;
    top: 0px;
    right: 0px;
}

#div_cargar_guia_de_inicio  .text_guia_de_inicio{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    color: #27364B;
    margin-left: 10%;
}




.tour_text_start{
    background: #EDECFF !important;
    border-radius: 5px !important;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px !important;
    line-height: 18px;
    color: #27364B;
    margin-right: 14px;
    vertical-align: inherit !important;
    padding: 3px;
    padding-right: 3px;
    padding-left: 3px;
    height: auto !important;
    min-height: 25px;
    margin-bottom: 18px;
}

.daterangepicker {
    width: 40%;
    margin-left: 100px;
    left: 9px;
}