/*
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 : Mar 3, 2022, 9:31:33 AM
    Author     : jmorel
*/

    .ocultar {
       display: none; 
    }

    .iconSize24{
        font-size: 2rem;
    }

    .button-outline{
        border: solid; 
        border-width: 1px; 
        padding: 5px; 
        border-radius: 5px;
    }

    .button-outline:hover {
        background-color: rgba(50, 168, 82, 0.5);
    }

    .badge{
        border-radius: 2px;
        padding: 0.25em 0.5rem;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0.3px;
    }
    
    .badge-text-yellow{
        border-radius: 2px;
        padding: 0.25em 0.5rem;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0.3px;
        background: #FEEDAF;
        color: #8A5340;
    }
    
    .badge-text-green{
        border-radius: 2px;
        padding: 0.25em 0.5rem;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0.3px;
        background: #C8E6C9;
        color: #256029;
    }
    
    .badge-text-red{
        border-radius: 2px;
        padding: 0.25em 0.5rem;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0.3px;
        background: #FFCDD2;
        color: #C63737;
    }
    
    .badge-text-gray{
        border-radius: 2px;
        padding: 0.25em 0.5rem;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0.3px;
        background: #e6e6e6;
        color: #6e6d6d;
    }
    
    .badge-green{
        background: #C8E6C9;
        color: #256029;
    }
    .badge-red{
        background: #FFCDD2;
        color: #C63737;
    }
    .badge-yellow{
        background: #FEEDAF;
        color: #8A5340;
    }    
    .badge-status-aprobado{
        background: #C8E6C9;
        color: #256029;
    }
    
    .badge-status-aceptada{
        background: #C8E6C9;
        color: #256029;
    }
    .badge-status-rechazado{
        background: #FFCDD2;
        color: #C63737;
    }
    .badge-status-rechazada{
        background: #FFCDD2;
        color: #C63737;
    }
    .badge-status-pendiente{
        background: #FEEDAF;
        color: #8A5340;
    }
    .p-p-10{
        padding: 7rem !important;
    }
    
    .p-p-9{
        padding: 6rem !important;
    }
    
    .p-p-8{
        padding: 5rem !important;
    }
    
    .p-p-7{
        padding: 4rem !important;
    }
    

    .badge-status-completada{
        background: #C8E6C9;
        color: #256029;
    }
    .badge-status-cancelada{
        background: #FFCDD2;
        color: #C63737;
    }
    .badge-status-vigente{
        background: #FFFFFF;
        font-weight: normal;
    }
    .badge-status-vencida{
        background: #d6d6d6;
        color: #6e6d6d;
    }
    
    .button-right {
        display: flex;
        justify-content: flex-end;
    }
    
    .button-right button {
        margin-left: 0.5rem;
    }
    
    .table-header {
        display: flex;
        justify-content: space-between;
    }
    
    .table-header-span {
      display: flex;
      align-items: center;
    }
    
    .table-header-span span {
        font-weight: 600; 
        font-size: 18px;
    }
    
    .table-header-button {
        align-self: flex-end;
    }
    
    .table-header-button button {
        margin-right: 0.5rem;
    }
    
    .text-red {
        color: red;
    }
    
    .card-shadow {
        box-shadow: 0 0 10px rgba(156, 163, 175, 0.50);
    }
    
    .card-box-shadow {
        box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    }
    
    label {
        font-weight: 600;
    }
    
    .bgRed {
        background-color: red;
    }
    
    .bgYellow {
        background-color: yellow;
    }
    
    .bgBlue {
        background-color: blue;
    }
    
    .tab1 {
        display: inline-block;
        width: 50px;
    }

    .tab2 {
        display: inline-block;
        width: 80px;
    }

    .tab3 {
        display: inline-block;
        width: 100px;
    }
    
    .tab4 {
        display: inline-block;
        width: 140px;
    }
    
    .tab5 {
        display: inline-block;
        width: 160px;
    }
    
    .tab6 {
        display: inline-block;
        width: 170px;
    }
    
    .tab7 {
        display: inline-block;
        width: 185px;
    }
    
    .tab8 {
        display: inline-block;
        width: 200px;
    }
    
    .tab9 {
        display: inline-block;
        width: 210px;
    }
    .to-bottom {
        display: flex;
        align-items: flex-end;
    }
    
    .to-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .hidden-scroll {
        overflow: unset !important; 
    }
    
    .layout-sidebar-active .hidden-scroll {
        overflow: auto !important;
    }
    
    .layout-wrapper-static .hidden-scroll {
        overflow: auto !important;
    }
    
    .layout-horizontal .hidden-scroll {
        overflow: unset !important;
    }
        
    .show-in-mobile {
        display: none;
    }
    
    /*
    .ui-button.ui-button-info {
        background-color: #3E92CC !important;
        color: white !important;
        border: 1px solid #3E92CC !important;
    }
    
    .ui-button.ui-button-success {
        background-color: #60bf60 !important;
        color: white !important;
        border: 1px solid #60bf60 !important;
    }
    
    .ui-button.ui-button-danger {
        background-color: #DD4050 !important;
        color: white !important;
        border: 1px solid #DD4050 !important;
    }
        
    .ui-button.ui-button-warning {
        background-color: #ffc107 !important;
        color: white !important;
        border: 1px solid #ffc107 !important;
    }
    
    .ui-button.ui-button-secondary {
        background-color: #A3A3A3 !important;
        color: white !important;
        border: 1px solid #A3A3A3 !important;
    }
    
    .layout-topbar .layout-topbar-wrapper .layout-topbar-right .profile-item > a .profile-info-wrapper h3 {
        color: white !important;
    }
    */
    
    .ui-chip-text:empty{
        display: none;
    }
    
    @media (max-width: 991px) {
        
        .profile-mobile-wrapper-padding{
            padding: 1em 1em !important;
        }
        
        .mobile-layout-topbar-right {
            height: unset !important;
        }
        
        .layout-wrapper.layout-topbar-mobile-active .layout-sidebar-mobile {
            top: 156px !important;
        }
        
        .layout-wrapper.layout-topbar-mobile-active .layout-sidebar .layout-menu-container-mobile {
            height: calc(100% - 156px) !important ;
        }
        
        .hide-in-mobile {
            display: none;
        }
        
        .show-in-mobile {
            display: flex;
        }
    }