/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Sep 11, 2023, 4:57:37 PM
    Author     : adminweb
*/


.campos {
    min-width: 15rem;
    font-weight: bold;
}

/*login*/

.layout-topbar-right{
    background: #192952;
    color: #fff;
}

/*botones para cambiar del tema claro al oscuro*/
.ui-radiobutton-box{
    border-color: #CFAC65 !important;
    background: #CFAC65 !important;
    color: #3E4754;
}

/*boton iniciar sesion*/
.ui-button.info-button{
    background: #192952 !important;
    border: 1px solid #D9DADD !important;
}

/*bordes de los input*/
.ui-float-label {
    primaryDarkColor: #CFAC65 !important;
    --primaryColor: #CFAC65 !important;
    --primaryLightColor: #CFAC65 !important;
}

/*hover de los inputs*/
.ui-inputfield.ui-state-focus {
    border-color: #CFAC65 !important;
    box-shadow: 0 0 0 0.2em #CFAC65 !important;
}


/*boton de ingresar*/
.ui-button{
    background: #CFAC65 !important;
    border: 1px solid #D9DADD !important;
    color: #ffffff !important;
}

.ui-button-icon-only{
    color: #21212C !important;
}

/*boton registrarse*/
.ui-button.warning-button{
    background: #CFAC65 !important;
    border: 1px solid #D9DADD !important;
}


/*Botones en el index parte de superior*/

.ui-button.success-button{
    background: #CFAC65 !important;
    border: 1px solid #D9DADD !important;
}

.ui-button.warning-button{
    background: #CFAC65 !important;
    border: 1px solid #D9DADD !important;
}

/*salir*/
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
    color: #fff;
}

/*Boton para importar archivo de excel*/

.ui-fileupload-buttonbar{
    background: #192952 !important;
}

.ui-fileupload .ui-fileupload-buttonbar{
    background: #192952 !important;
}

/*step by step*/
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    background: #192952 !important;
    color: #FFFFFF;
    border-color: #192952 !important;
}



/*paginador*/

.ui-paginator-pages .ui-paginator-page.ui-state-active{
    background: #CFAC65 !important;
    color: #21212C !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page {
    color: #21212C !important;
}


/*Barra de la derecha*/

/*885*/
.layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span {

    border: #CFAC65 !important;
    background: #CFAC65 !important;
}

.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i {
    background: #CFAC65 !important;
}

.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
    color: #373635 !important;
}

.layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a {
    background: #CFAC65 !important;
    color: black;
}

.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
    background: #CFAC65 !important;
    color: black;
}

.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before {
    background: #CFAC65 !important;
}

.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before {
    background: #CFAC65 !important;
}

.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a {
    background: #CFAC65 !important;
}

.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
    background: #CFAC65 !important;
}

.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    background: #CFAC65 !important;
}

.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #293241 !important;
}


.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #293241 !important;
}

.ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only info-button p-mr-2 p-mb-2 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    font-size: 1.5rem !important;
}

#form:gpimagen{
    width: 110px !important;
    height: 110px !important;
    padding: 10px !important;
}