/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #757575 #EBEBEB;
}*/

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}
*::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #EBEBEB;
}

*::-webkit-scrollbar-track:hover {
  background-color: #C2C2C2;
}

*::-webkit-scrollbar-track:active {
  background-color: #C2C2C2;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #757575;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #A3A3A3;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #A3A3A3;
}

*{
    font-size: 11px !important;
}



.wrapper .topbar{
    left: 0;
    padding: 0;
    font-size: 1.2rem !important;
}

.text-topbar{
    font-size: 1.2rem !important;
}

.wrapper .footer{
    left: 0;
    margin-left: 0;
}

.wrapper .main{
    margin-left: 0;
}

.logo{
    height: 100%;
    width: auto;
    display: flex;
    justify-content: center;
    align-content: center;
}

.capitalized {
    text-transform: capitalize;
}

#formTopBar .ui-menubutton .ui-button{
    background: #0388E5;
}

.content_include{
    width: 100%;
    min-height: calc(100vh - 140px);
    height: auto;
    background: white;
    padding: 10px;
    border-radius: 5px;
}

body .menu-bar.ui-menu.ui-menubar{
    background: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    border: none;
    color: white !important;
}

.menu-bar .ui-menu-list{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link img{
    height: 25px
}

body .menu-bar.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span{
    color: white;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link{
    background: rgba(0,0,0,0);
    border: 1px solid #ffff;
    color: white;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .logo-menu.ui-menuitem-link{
    background: rgba(0,0,0,0);
    border: none;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem > .submenu.ui-menuitem-link{
    background: #ffffff;
    border: none;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .submenu.ui-menuitem-link{
    background: #e9ecef;
    border: none;
}

/*

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link img{
    height: 25px
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span{
    color: white;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link{
    background: rgba(0,0,0,0);
    border: 1px solid #ffff;
    color: white;
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon,
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text,
body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child{
    color: white
}*/

.logo-menu body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link{
    padding: 0;
}

.truncate {
    max-width: 120px;
}

.truncate > span:nth-child(2):not(.ui-icon) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.customPanelGrid .ui-panelgrid-content {
    align-items: center;
}

body .customPanelGrid.ui-panelgrid .ui-panelgrid-cell{
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    display: flex;
    min-height: 60px;
    align-items: center;
    padding: 1rem;
    
}

.customPanelGrid.ui-panelgrid .ui-panelgrid-header{
    text-align: start;
    font-size: 20px;
    font-weight: bold;
    padding: 4px 10px;
}

.customPanelGrid-2 .ui-panelgrid-content {
    align-items: center;
}
body .customPanelGrid-2.ui-panelgrid .ui-panelgrid-cell{
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    display: flex;
    min-height: 60px;
    align-items: center;
    padding: 0.5rem;
    border: none;
}

body .customPanelGrid-2.ui-panelgrid .ui-panelgrid-cell.ui-widget-header{
    min-height: 10px !important;
    font-size: 15px !important;
    
}

.customPanelGrid-2.ui-panelgrid .ui-panelgrid-header{
    text-align: start;
    font-size: 20px;
    font-weight: bold;
    padding: 4px 10px;
}

body .card-sin-sombra.ui-card{
    box-shadow: none;
}

.ui-selectonemenu label.ui-selectonemenu-label{
    text-overflow:ellipsis;
}

.text-label{
    font-weight: bold !important; 
}

.text-label-200{
    height: 200px;
}

.text-area-200{
    max-height: 200px;
    min-height: 200px;
    resize: false;
    overflow: hidden;
}

body .error-modified.ui-messages > div{
    padding: 10px;
    margin: 5px;
    font-size: 15px;
}


body .ui-tabs .ui-tabs-nav li.ui-tabs-header{
    border: 2px solid #dee2e6;
    border-radius: 5px 5px 0px 0px;
}


body .ui-panelgrid .borde-flex.ui-panelgrid-cell{
    border: 1px solid #f2f2f2;
}

.cuadrado {
    width: 10px;
    height: 10px;
    border: 1px solid #555;
}

.info{
    background-color:#bcdff1;
}

.info td{
    background-color:#bcdff1;
}

.success{
    background-color:#d0e9c6;
}

.success td{
    background-color:#d0e9c6;
}

.warning{
    background-color:#f0ad4e;
}

.warning td{
    background-color:#f0ad4e;
}

.danger{
    background-color:#ebcccc;
}

.danger td{
    background-color:#ebcccc;
}


.noesmia{
    background-color:#FCF3CF;
}

.noesmia td{
    background-color:#FCF3CF;
}

.firmado{
    background-color:#0ce3ac;
}

body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow{
    height: auto;
}

.transparencia{
    background-color: transparent !important;
}

.item-descripcion:hover{
    cursor: pointer;
    font-weight: bolder;
    text-transform: capitalize !important;
}

.height-modal{
    height: calc(100vh - 125px);
}

.modal-content{
    height: calc(100vh - 200px);
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: 10px
}

body .ui-card .ui-card-title{
    font-size: 1.5rem !important;
}

body .ui-datatable.ui-datatable-sm thead > tr > th{
    vertical-align: top !important;
}


@media screen and (max-width: 767px){
    body .customPanelGrid.ui-panelgrid .ui-panelgrid-cell{
        border: none;
        border-bottom: 1px solid #dee2e6;
        min-height: auto;
    }
    .text-label-200{
        height: auto;
    }
}