/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

.p-message-detail {
    white-space: pre-line;
}

.p-element {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.p-component td {
    font-size: 0.825rem;
    padding: 0.3rem 0.3rem !important;
}

.p-component th {
    font-size: 0.825rem;
    padding: 0.3rem 0.3rem !important;
}

.p-datatable tbody > tr > td > a {
    color: #222;
    padding-left: 7px;
}

.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px !important;
    border: 1px solid #f3f2f1 !important;
}

.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px !important;
    border: 1px solid #f3f2f1 !important;
}

.p-inputtext {
    padding: 0.1rem 0.1rem !important;
}

.p-dialog .p-dialog-header {
    background: #405189;
    padding: 0.8rem;
    color: #eee;
}

.p-dialog .p-dialog-header .p-dialog-header-icon {
    color: #ccc;
}

.p-inputnumber {
    width: 100% !important;
    display: block;
}

.p-inputnumber-input {
    width: 100% !important;
    line-height: 21.45px !important;
    padding: 6px !important;
    display: block;
}

.p-inputtext {
    width: 100%;
    padding: .5rem .9rem;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 21.45px !important;
    padding: 6px !important;
    color: var(--vz-body-color);
    appearance: none;
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.p-password-panel {
    width: 100%;
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 21.45px !important;
    padding: 6px !important;
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius);
}

.p-dropdown {
    width: 100%;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--vz-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius);
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.p-dropdown .p-inputtext {
    border: none;
}

.p-dropdown-label {
    width: 100%;
}

.p-dropdown-item {
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}

.p-multiselect {
    width: 100%;
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 21.45px !important;
}

.p-checkbox {
    width: 100%;
}

.p-inputnumber {
    display: block;
    width: 100%;
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}

.p-inputnumber-input {
    display: block;
    width: 100%;
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 21.45px !important;
    padding: 6px !important;
}

.p-calendar {
    width: 100%;
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 10.45px !important;
}

.p-monthpicker-month {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}

.p-password {
    width: 100%;
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 21.45px !important;
}

.p-dialog {
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}

.p-dialog h5 {
    font-size: 1rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}

.p-dialog .row .mb-3 {
    margin-bottom: 0.1rem !important;
    margin-top: 0.5rem !important;
}

.p-datatable .p-datatable-thead > tr > th {
    text-align: center !important;
}

.p-tabview-nav {
    font-size: 0.8rem !important;
    padding: 2px;
}

.p-dropdown-items {
    padding-left: 0 !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    padding: 0.3rem 0.3rem !important;
}

.p-listbox {
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius);
}

.p-listbox ul { 
    padding-left: 0 !important;
}

.p-listbox .p-listbox-list .p-listbox-item {
    padding: 0.3rem 0.3rem !important;
}

.p-listbox .p-listbox-item {
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}

.p-tree {
    padding: 0.1rem !important; 
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius);
}

.p-tree ul {
    padding-left: 0rem !important; 
}

.p-tree ul li {
    padding-left: 0.3rem !important;
}

.p-tree .p-checkbox {
    width: auto !important;
}

.p-treenode-label {
    font-size: 0.825rem !important;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    text-align: left;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content {
    padding: 0.1rem;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #fff;
    color: #323130;
}

.p-calendar .p-button {
    background: #405189 !important;
    border-color: #405189 !important;
}

.card-header > div > button {
    margin-left: 3px;
}

.card-footer > button {
    margin-left: 3px;
}

.celda-numero {
    min-width: 8rem;
    text-align: right;
}

.estado-aprobado {
    background-color: #BDEA74 !important;
}

.estado-anulado {
    background-color: #E74C3C !important;
}

.estado-pendiente-aprobacion {
    background-color: #44B4EB !important;
}

.estado-borrador {
    background-color: #F9AE18 !important;
}

.estado-cerrado {
    background-color: #F9AE18 !important;
}

.estado-legalizado {
    background-color: #81F7BE !important;
}

.estado-vencido {
    background-color: #e0586f !important;
}

.estado-finalizado {
    background-color: #91b35a !important;
}

.estado-cancelado {
    background-color: #E74C3C !important;
}

.estado-ejecucion {
    background-color: #44B4EB !important;
}

.estado-pendiente {
    background-color: #F9AE18 !important;
}

.estado-pagado {
    background-color: #91b35a !important;
}

.estado-acuerdo-pago {
    background-color: #f8f687 !important;
}

.label-horizontal {
    text-align: right;
    vertical-align: baseline;
}

.tabset ul {
    margin-bottom: 1rem;
}

.margin-top-tab {
    margin-top: 1rem !important;
}

.input-group-nowrap{
    flex-wrap: nowrap !important;
}

.encabezado-modal {
    background-color: #405189 !important;
    padding: 6px;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

textarea {
    display: block;
    width: 100%;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--vz-body-color);
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

#swal2-html-container li {
    text-align: left !important;
}

.grupo-campos {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 500;
    border-bottom: 1px solid;
    border-bottom-color: #405189;
}

#page-topbar {
    background-color: #405189;
}

.topbar-user {
    background-color: #52639c !important;
}

.navbar-header .user-name-text {
    color: #fff;
}

.navbar-header .user-name-sub-text {
    color: #b0c4d9;
}

.hamburger-icon span {
    background-color: #b0c4d9;
}

.nombre-entidad {
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 1rem;
}

.etiqueta-header {
    color: #b0c4d9;
}

.etiqueta-periodo-header {
    color: #b0c4d9;
    padding-left: 10px;
}

.fijar-fecha {
    color: #b0c4d9;
    font-size: 25px;
    padding-left: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
}