/* CSS para adaptar el "base-cuoma.css" a Liferay 7.2 */
html.full-width-page {
    font-size: 14px;
}
/*Visualizar siempre las opciones de configuracion del widget*/
.has-control-menu .control-menu,
.has-control-menu .lfr-product-menu-panel.sidenav-menu-slider,
.has-control-menu .lfr-add-panel.open-admin-panel.sidenav-menu-slider {
    z-index: 1100;
}
/*Mover wrapper al abrir panel lateral*/
body.open #wrapper.aui,
body.open #wrapper.aui #navigation,
body.open #wrapper.aui #mlnavigation
{
    margin-left: 320px !important;
    margin-right: -320px !important;
}
/*Visualizar siempre las opcione de configuracion del portlet o webcontent*/
#wrapper.aui .portlet.open > .portlet-topper,
#wrapper.aui .portlet:hover > .portlet-topper,
#wrapper.aui .portlet.focus > .portlet-topper {
    z-index: 1000;
}
#wrapper.aui .portlet .portlet-topper .portlet-topper-toolbar{
    padding: 2px 8px 0 8px;
}
#wrapper.aui .portlet-header .tbar-item,
#wrapper.aui .portlet-header .autofit-col,
#wrapper.aui .portlet-header .flex-col {
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 1000;
}
#wrapper.aui .portlet-journal-content .portlet .portlet-header .autofit-col .visible-interaction .lfr-icon-menu {
    background-color: #F7F7F7;
    border: none;
    color: rgba(0, 0, 0, 0.5);
    background-image: none;
    box-shadow: none;
}
#wrapper.aui .portlet-journal-content .portlet .portlet-header .autofit-col .visible-interaction .lfr-icon-menu:hover{
    color: #02779d;
}
/*Ocultar overflow-y: scroll*/
#wrapper.aui {
    overflow-y: hidden;
}
/*Ocultar el titulo del widget*/
#wrapper.aui .portlet-title-text {
    display: none;
}
/*Cambiamos el titulo del widget*/
#wrapper.aui .portlet-layout .portlet-header {
    margin-bottom: 0;
}
/*Ocultar navbar flotante al ingresar al menu de simulacion*/
.lfr-has-simulation-panel .lfr-simulation-device {
    z-index: 1050;
}
/*Colocacion del menu de administracion*/
/*Ubicacion de menu de paginas*/
#wrapper.aui #navigation,
#wrapper.aui #mlnavigation {
    top: 0;
}
.has-control-menu #wrapper.aui #navigation,
.has-control-menu #wrapper.aui #mlnavigation {
    top: 56px;
}
.has-control-menu #wrapper.aui .dnavigation__submenu-container {
    top: 144px;
}
.has-control-menu #wrapper.aui.scrolling--down #navigation {
    top: 24px;
}
.has-control-menu #wrapper.aui.scrolling--down .dnavigation__submenu-container {
    top: 132px;
}
#wrapper.aui.scrolling--down #navigation {
    top: -32px;
}
#wrapper.aui.scrolling--down .dnavigation__submenu-container {
    top: 76px;
}
/*Ubicacion de wrapper y componentes internos*/
#wrapper.aui {
    padding-top: 120px;
}
#wrapper.aui .navigation-tabs {
    top: 120px;
}
.navigation-tabs--active #wrapper.aui {
    padding-top: 165px;
}
.has-control-menu #wrapper.aui {
    padding-top: 175px;
}
.has-control-menu #wrapper.aui .navigation-tabs {
    top: 176px;
}
.navigation-tabs--active .has-control-menu #wrapper.aui {
    padding-top: 220px;
}
.has-control-menu #wrapper.aui.scrolling--down .navigation-tabs,
#wrapper.aui.scrolling--down .navigation-tabs {
    top: 0;
    z-index: 10;
    border: none;
}
/*Solo Body*/
.has-control-menu #wrapper.aui.pnt-solo-body {
    padding-top: 64px;
}
#wrapper.aui.pnt-solo-body {
    padding-top: 0px;
}
/*Mobile*/

@media only screen and  (min-width:0px) and (max-width:993px) {
    #wrapper.aui {
        padding-top: 64px;
    }
    .has-control-menu #wrapper.aui {
        padding-top: 110px;
    }
    .has-control-menu #wrapper.aui #navigation,
    .has-control-menu #wrapper.aui #mlnavigation,
    .has-control-menu #wrapper.aui.scrolling--down #navigation{
        top: 48px;
    }
    #wrapper.aui .navigation-tabs {
        top: 64px;
    }
    .has-control-menu #wrapper.aui .navigation-tabs {
        top: 112px;
    }
    .navigation-tabs--active #wrapper.aui {
        padding-top: 112px;
    }
    .navigation-tabs--active .has-control-menu #wrapper.aui {
        padding-top: 158px;
    }
    #wrapper.aui.scrolling--down #navigation {
        top: 0px;
    }
}

/*Correccion estilos del clay.css*/
/*rows*/
.aui .container .row,
.aui .container .row-fluid,
.aui .container-full .row,
.aui .container-full .row-fluid,
.aui .row,
.form-horizontal > .form-group,
.aui .lfr-page-layouts.row .list-unstyled,
.aui .form-horizontal > .lfr-page-layouts.form-group .list-unstyled {
    display: block;
}
.aui .btn {
    display: inline-block;
}
/*columns*/
#wrapper.aui .col {
    flex-basis: auto;
    flex-grow: 0;
}
#wrapper.aui .flex .col {
    flex-basis: 0;
    flex-grow: 1;
}
/*modals*/
#wrapper.aui .modal {
    height: auto;
}
#wrapper.aui .modal .modal-header {
    display: block;
    padding: 15px 24px;
}
#wrapper.aui .modal .modal-content{
    position: static;
    display: block;
    border: none;
    height: auto;
    min-height: inherit;
}
#wrapper.aui .modal .modal-footer {
    min-height: 56px;
    height: auto;
    display: inherit;
}
#wrapper.aui .modal.modal-fixed-footer .modal-content {
    padding-bottom: 70px;
}
#wrapper.aui .modal.modal-fixed-footer .modal-footer {
    z-index: 1;
}
/*Correcion padding de containers*/
#wrapper.aui .container {
    padding: 0;
}

/*Correccion del estilo de los iconos para material-icons*/
#wrapper.aui i.material-icons{
    font-style: normal;
    line-height: 1;
}
#wrapper.aui .btn i.material-icons {
    line-height: inherit;
}
#wrapper.aui .collapsible-header i.material-icons {
    line-height: 3rem;
}
/*Correción para boton de menu mobile*/
.aui button.navigation__toogle,
.aui button.navigation__toogle:focus {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    height: 40px;
}

/*Ocultar menu de edicion del breadcrum*/
.aui .pnt-breadcrumb .portlet-topper{
    display: none;
}

/*Correccion para modal de busqueda del sitio*/
.has-control-menu #wrapper.aui .modal.bottom-sheet.search-modal {
    height: calc(100% - 176px);
}
.has-control-menu #wrapper.aui.scrolling--down .modal.bottom-sheet.search-modal {
    height: calc(100% - 133px);
}
#wrapper.aui .modal.bottom-sheet.search-modal {
    height: calc(100% - 120px);
}
#wrapper.aui.scrolling--down .modal.bottom-sheet.search-modal {
    height: calc(100% - 77px);
}

/*Correcciones contenido editable*/
.has-control-menu #wrapper.aui .portlet-content.portlet-content-editable {
    min-height: 30px;
    padding: 0;
}
.has-control-menu #wrapper.aui section.portlet {
    margin: 0
}
.has-control-menu #wrapper.aui .portlet-content.portlet-content-editable:hover {
    box-shadow: 0 0 5px 5px #EEE;
}

/*Correccion boton mi movistar azul*/
#wrapper.aui .mi-movistar-login__button,
#wrapper.aui .mi-movistar-login__button:focus{
    background-color: #019df4;
}

/*Fix clases toast*/
#toast-container .toast,
.aui  #toast-container .toast {
    border: none !important;
}
#toast-container .toast.rounded,
.aui #toast-container .toast.rounded {
    border-radius: 24px !important;
}
/*Mantenemos color celeste en los anchors*/
.aui a:not([href]),
.aui a:not([href]):hover,
.aui a:not([href]):focus {
    color: #00aaff;
}
.aui a:not([href]).btn,
.aui a:not([href]).btn:hover,
.aui a:not([href]).btn:focus {
    color: #fff;
}

/*Fix clases card*/
#wrapper.aui .card{
    border-style: inherit;
}
/*Quito el top de la vista que no edita el contenido*/
#wrapper #navigation.navigation__wrapper.navigation__wrapper--white.sin-top {
    top : 0;
}  

#wrapper.scrolling--down #navigation.navigation__wrapper.navigation__wrapper--white.sin-top {
    top: -2.3em;
}

/*Correcion para sitio de negocios*/
.control-menu ul.control-menu-nav{
    margin: 0px;
}