/*Redefiniendo variables del tema*/
:root {
    /*--font-family-icons-small: "Font Awesome 5 Pro";*/
    --ui-icon-size-small:15px;
    --app-nav-top-menu-icon-color:#292D34;
    --ui-nav-link-icon-spacing-lg:10px;
    --top-nav-link-color:#fff;
    --top-nav-link-hover-color:#f7f7f8;
    /*Fondo de cabexera debajo del menu*/
    --main-header-banner-bg: #ebf2fa;
    /*Breadcrumbs*/
    --main-header-banner-breadcrumb-color:#292D34;
    --main-header-banner-breadcrumb-color-active:var(--main-header-banner-breadcrumb-color);
    --breadcrumb-color::var(--main-header-banner-breadcrumb-color);
}

/*Quitando powerBy*/
body > div.app-main > p {
    display:none;
}
body > div.app-main > div.main-body > div > p {
     display:none;
}
body > div.app-main > div.main-body > p {
    display:none;
}
body > div.app-main > div.main-body > div > div > div > p {
    display:none;
}

#frmConfigureProduct > b > b > p{
    display:none;
}
body > div.app-main > div.main-body > div > b > b > p {
    display:none;
}
body > div.app-main > div > div > div > p{
    display:none;   
}
/*Quitando powerBy*/
/*Espacio recaptcha en registro y en todos*/
#frmCheckout > div:nth-child(5) > .panel.panel-switch.m-w-xs{
margin-bottom:10px!important;}
/*Espacio recaptcha en registro*/

/*Cabezera*/
.main-header {
    padding: calc(2*8px) 0px!important;
}
.main-header-title{
    font-size: 32px;
    color: #261f1f!important;
}
/*quitando break
.lagom .main-header-bottom{
    display:none;
}*/
/*Arreglando cabezera*/
.lagom-layout-top .app-nav-menu>.container {
    padding-left: 94px;
    padding-right: 94px;
}
.lagom-layout-top.page-user-logged .app-nav-menu>.container {
    padding-left: 94px;
    padding-right: 40px;
    margin-bottom: 5px;
}
.lagom-layout-top.page-user-logged .app-nav-menu .menu>li:last-child > ul.dropdown-menu {
    left: -120px;
}
/*Espacio de flecha y icono*/
/*familia para ese tipo de flecha de elemento del menu pero lo dejamos con Font-weight*/
.lagom-layout-top .app-nav-menu .menu>li>a:not(.btn)>b.ls {
font-family: "Font Awesome 5 Pro"!important;
font-weight:900;
font-size: 15px;
margin-left: 10px!important;
}
/*Usando tambien font Awesone para HeaderTop*/
.lagom-layout-top .app-nav-header  .top-nav>li>a:not(.btn)>b.ls {
font-family: "Font Awesome 5 Pro"!important;
font-weight:900;
font-size: 15px;
margin-left: 10px!important;
}
/*Esto es para meterle los iconos de Fontawesone que queramos.*/
/*.lagom .ls-caret:before {
    /*content: "\f078"!important;/
    content: "\f0d7"!important;
}*/

/*Padding Izq y Derecho de los elementos del menu*/
.lagom-layout-condensed .app-nav-menu .menu>li>a:not(.btn) {
    padding: 0px 10px!important;
}
/*Agregando margen izquierdo al boton de "Area de cliente" para que empuje el menu.*/
.lagom-layout-condensed .app-nav-menu .menu li:not(.nav-item-btn)+li.nav-item-btn {
    margin-left: 78px!important;
    margin-right: 18px!important;
}
/*Boton de area de cliente*/
#Primary_Navbar-Client_Area > a.btn.btn-primary {
    width: 157.3px;
    height: 47px;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    border-radius: 6px 6px 6px 6px;
    padding: 12px 18px 12px 18px;
}
/*Arregos en panel interno del cliente*/
/*Fila de atajos dentro del producto o servicio, para que los titulos se vean completos:*/
.cpanel-feature-row{
    margin-right:-24px!important;
}
.cpanel-feature-row a {
    color: #17191c!important;
}
.cpanel-feature-row a.btn.btn-link:hover {
    color: var(--link-hover-color)!important;
}
/*barra top-menu*/
.lagom-layout-condensed .app-nav-header {
background: rgb(5, 24, 50);  
}

/*Footer*/
.main-footer-extended .footer-top {
    background:var(--main-header-banner-bg);
}
.main-footer .footer-bottom{
    background:rgb(5, 24, 50); /*Igual que Barra Top Menu*/
    color: var(--top-nav-link-color);
}
.main-footer .footer-nav-h >li>a{
    color:white;
}