/* You can add global styles to this file, and also import other style files */

@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

  
.erpx-main table th{
    font-style: normal;
    font-size: 12px;
    font-weight: 700 !important;
    /*white-space: pre-wrap !important;*/
    color: black;
    padding: 3px 5px 3px 5px !important;
  }

  .erpx-main table td{
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    white-space: pre-wrap !important;
    padding: 3px 5px 3px 5px !important;
  }


  .erpx-main table td input{
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    white-space: pre-wrap !important;
    padding: 3px 5px 3px 5px !important;
  }

  .erpx-main table td .p-dropdown-label{
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    white-space: pre-wrap !important;
    padding: 3px 5px 3px 5px !important;
    
  }

  .erpx-main table td p-dropdown{
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    white-space: pre-wrap !important;
    width: 100%;
  }

  a{
    min-width: 10px;
  }
  .erpx-main table td .p-chip{
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    white-space: pre-wrap !important;
    width: 100%;
  }





/*2023*/


.erpx-left-nav-container
{
  position: fixed;
width: 240px;
height: 100%;
border-right: #001c2426;
border-right-width: 1px;
border-right-style: solid;
overflow: auto;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

  .erpx-desktop
  {
    display: none !important;
  }

  .erpx-mobile
  {
    display: block !important;
  }

  .erpx-desktop-inline
  {
    display: none !important;
  }

  .erpx-mobile-inline
  {
    display: inline !important;
  }

  .erpx-app-resizing
  {
    margin-left: 0px !important;
  }

  .erpx-buttons-bar
  {
    text-align: center;
  }

 }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 

  .erpx-desktop
  {
    display: none !important;
  }
  .erpx-mobile
  {
    display: block !important;
  }

  .erpx-desktop-inline
  {
    display: none !important;
  }
  .erpx-mobile-inline
  {
    display: inline !important;
  }

  .erpx-app-resizing
  {
    margin-left: 0px !important;
  }

  .erpx-buttons-bar
  {
    text-align: center;
  }

 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 

  .erpx-desktop
  {
    display: block !important;
    
  }
  .erpx-mobile
  {
    display: none !important;
  }

  .erpx-desktop-inline
  {
    display: inline !important;
    
  }
  .erpx-mobile-inline
  {
    display: none !important;
  }

  .erpx-app-resizing
  {
    margin-left: 240px !important;
  }

  .erpx-buttons-bar
  {
    text-align: right;
  }

 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 

  .erpx-desktop
  {
    display: block !important;
    
  }
  .erpx-mobile
  {
    display: none !important;
  }

  .erpx-desktop-inline
  {
    display: inline !important;
    
  }
  .erpx-mobile-inline
  {
    display: none !important;
  }

  .erpx-app-resizing
  {
    margin-left: 240px !important;
  }

  .erpx-buttons-bar
  {
    text-align: right;
  }


 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

  .erpx-desktop
  {
    display: block !important;
    
  }
  .erpx-mobile
  {
    display: none !important;
  }
  .erpx-desktop-inline
  {
    display: inline !important;
  }
  .erpx-mobile-inline
  {
    display: none !important;
  }

  .erpx-app-resizing
  {
    margin-left: 240px !important;
  }

  .erpx-buttons-bar
  {
    text-align: right;
  }


 }





 .erpx-panel-menu
{
    font-size: 0.8rem !important;
}

.erpx-panel-menu .p-menuitem-text
{
    font-size: 0.8rem !important;
}

.erpx-panel-menu .p-panelmenu .p-panelmenu-header > a
{
    padding: 0.4rem 0.4rem;
    border-radius: 0px;
}

.erpx-panel-menu .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link
{
    padding: 0.4rem 1.9rem;
}

.erpx-panel-menu .p-panelmenu .p-panelmenu-header.p-highlight > a
{
    background: #687d8d;
    border-color: #506576;
}

.erpx-panel-menu .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover 
{
    background-color: #a5b1bb;
    border-color: #a5b1bb;
}



.erpx-theme .p-sidebar .p-sidebar-content
{
  padding: 0;
}


.erpx-theme-line-button .p-button
{
  background: transparent;
  color: #a7b1bb;
  border-color: #a7b1bb;
  border-radius: 0px;
}


.erpx-theme h1,
.erpx-theme h2,
.erpx-theme h3,
.erpx-theme label,
.erpx-theme th,
.erpx-theme td
{

  font-family: 'Source Sans 3', sans-serif;
}

.erpx-app-container
{
  border-top-width:1px; 
  border-top-style: solid; 
  border-top-color: #a7b1bb;
  height: 100%;
  padding-left: 4px;
  padding-top: 4px;

}



.erpx-label
{
  font-size: 0.2rem !important;
}


.erpx-theme .text-base
{
  font-size: 0.8rem !important;
}

.erpx-theme .erpx-arrow
{
  font-size: 0.5rem !important;
}


.erpx-theme .p-divider.p-divider-horizontal
{
  margin: 0.2rem 0;
  padding: 0 0.1rem;
}



.erpx-theme .erpx-title
{
  font-size: 0.5rem !important;
}

.erpx-theme .erpx-title-description
{
  font-size: 0.5rem !important;
}

.erpx-theme .erpx-section-title
{
  font-size: 0.8rem !important;
}

.erpx-theme .erpx-section-title-description
{
  font-size: 0.8rem !important;
  margin-top: -0.3rem !important;
}



.erpx-theme .erpx-page-title
{
  font-size: 1.0rem !important;
}

.erpx-theme .erpx-page-title-description
{
  font-size: 0.9rem !important;
  margin-top: -0.3rem !important;
}

.erpx-theme button
{
  font-size: 0.8rem !important;

}


.erpx-theme .erpx-square button,
.erpx-theme .erpx-square
{
  border-radius: 0px !important;
}

.erpx-theme .erpx-button button,
.erpx-theme .erpx-button
{
  font-weight: 500;
}




.erpx-theme .erpx-button-outlined button
{
  background: transparent !important;
  color: #16191f;
  border-color: #16191f;
}


.erpx-theme .erpx-button-outlined button:enabled:hover
{
  background: transparent !important;
  color: #16191f;
 
}


.erpx-theme .grid
{
  margin:0 !important;
}


.erpx-theme .erpx-title-total
{
  text-align: left;
  font-size: 0.85rem;
  font-weight: 700;
}

.erpx-theme .erpx-value-total
{
  text-align: right;
  font-size: 0.85rem;
}



.erpx-theme .erpx-estado-nuevo
{
  background-color: #feedaf;
  color: #8a5340;
  font-size: 0.6rem;
  font-weight: 700;
  width: 80px;
}

.erpx-theme .erpx-estado-procesado
{
  background-color: #c8e6c9;
  color: #256029;
  font-size: 0.6rem;
  font-weight: 700;
  width: 80px;
}

.erpx-theme .erpx-estado-baja
{
  background-color: #ffcdd2;
  color: #c63737;
  font-size: 0.6rem;
  font-weight: 700;
  width: 80px;
}

.erpx-theme .erpx-estado-finalizado
{
  background-color: #b3e5fc;
  color: #23547b;
  font-size: 0.6rem;
  font-weight: 700;
  width: 80px;
}


.erpx-theme .p-datatable .p-datatable-tbody > tr.p-highlight
{
  background: black;
}


.erpx-menu-modules .p-tieredmenu-overlay {
  width: 250px !important;
 }


.erpx-theme .erpx-modal-h1 .p-dialog-header
{
  padding: 1rem 1rem 1rem 1rem !important;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e1dfdd;
}

.erpx-theme .erpx-modal-h1 .p-dialog-footer
{
  padding: 1rem 1rem 1rem 1rem !important;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #e1dfdd;
}




@media screen and (min-width: 576px) {
    :host ::ng-deep .p-dropdown-panel {
        min-width: 500px !important;
    }
}
@media screen and (min-width: 768px) {
    :host ::ng-deep .p-dropdown-panel {
        min-width: 500px !important;
    }
}
@media screen and (min-width: 992px) {
    :host ::ng-deep .p-dropdown-panel {
        min-width: 500px !important;
    }
}
@media screen and (min-width: 1200px) {
    :host ::ng-deep .p-dropdown-panel {
        min-width: 500px !important;
    }
}

.white-space-initial {
    white-space: initial !important;
    max-width: 500px !important;
}