.fa, .fas {
    font-family: 'Font Awesome 5 Pro'  !important;
    font-weight: 900 !important;
}
.fa, .fas, .far, .fal, .fad, .fab {
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
}

h1{
    font-size: 1.6rem;
}
h2{
    font-size: 1.5rem;
}
h3{
    font-size: 1.4rem;
}
h4{
    font-size: 1.3rem;
}
h5{
    font-size: 1.2rem;
}
h6{
    font-size: 1rem;
}



.status-badge{
    border-radius: 2px;
    padding: 0.25em 0.5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.3px;
}

.status-badge.status-abierto {
    /*qualified*/
    background: #ACEBB4;
    color: #348861;
}
.status-badge.status-revalidacion {
    /*unqualified*/
    background: #FABD9A;
    color: #AD342B;
}
.status-badge.status-borrador {
    /*negotiation*/
    background: #F8D895;
    color: #A76927;
}
.status-badge.status-precierre {
    /*new*/
    background: #EFB8E5;
    color: #833F91;
}
.status-badge.status-vencido {
    /*renewal*/
    background-color: #FFCDD2;
    color: #C63737;

}
.status-badge.status-cerrado {
    /*proposal*/
    background: #89cbf0;
    color: #0288D1;
}
.status-badge.status-iniciado {
    background: #F8D895;
    color: #A76927;
}
.status-badge.status-pendiente {
    background: #FABD9A;
    color: #AD342B;
}
.status-badge.status-diligenciado {
    background: #ACEBB4;
    color: #348861;
}

.status-badge.status-activo{
    background: #ACEBB4;
    color: #348861;
}
.status-badge.status-inactivo{
    background: #FABD9A;
    color: #AD342B;
}

.status-badge.tarea-critica{
    background: #FABD9A;
    color: #AD342B;
}
.status-badge.no-tarea-critica{
    background: #89cbf0;
    color: #0288D1;
}

.status-badge.status-pendiente{
    background: #FCC97B;
    color: #9C6C22;
}
.status-badge.status-retirado{
    background: #FABD9A;
    color: #AD342B;
}

body .ui-message.ui-message-error, body .ui-message.ui-message-fatal{
    background: transparent;
    border: 1px solid transparent;
    border-width: 0;
    color: #FF6E49;
    margin: 0;
    padding: 0;
}

body .ui-treetable.ui-widget.no-header thead{
    display: none !important;
}


.form-component-container .item-component-container{
    padding: 20px;
    border-left: 2px solid #297FFF;
    border-bottom: 1px solid #d1d1d1;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px;
}
.form-component-container .item-component-container a.itemComponent-selectImage{
    text-align: center;
    background-color: transparent;
    color: #607D8B;
    border: 1px solid;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    text-decoration: none;
}
.form-component-container .item-component-container a.itemComponent-selectImage.active{

    background-color: #a51a3c;
    color: #FFF;

}

.form-component-container .item-component-container .item-component-label{
    font-size: 16px;
    font-weight: 500;
}

.form-component-container .item-component-container.itemComponent-validationError{
    border-left: 4px solid #FF6E49 !important;
}



.vertical-wizard{

}
.vertical-wizard .vertical-wizard-item .vertical-wizard-item-number .vertical-wizard-item-number-box{
    width: 40px;
    height: 40px;
    background-color: transparent;
    color: #607D8B;
    border: 1px solid;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.vertical-wizard .vertical-wizard-item.active .vertical-wizard-item-number .vertical-wizard-item-number-box{
    color: #FFF;
    /*background-color: #03A9F5;*/
    background-color: #a51a3c;
}

.clearfix{
    clear: both;
    width: 100%;
}


.invoice-wrapper-page {
    /*background-image: url("");
    background-size: 100%;*/
    /*background-color: #FFFFFF;*/
    /*width: 850px;*/
    background-image: url("/pts/jakarta.faces.resource/demo-serenity/images/background_esenttia-01.png.xhtml");
    /*background-image: url('../images/background_esenttia-01.png');*/
    background-size: 100%;
    background-repeat: repeat-y;
    max-width: 850px;
    margin: auto;
    border: 1px solid #ccc;
    padding: 50px !important;
    border-radius: 6px;
}

.invoice-wrapper-page .invoice-company .logo-image {
    margin-bottom: 0.5rem;
}

.invoice-wrapper-page .invoice-company .company-name {
    font-weight: 500;
    font-size: 1.5rem;
}

.invoice-wrapper-page .invoice-title {
    font-size: 20px;
    margin-bottom: 8px;
    text-align: right;
    font-weight: 500;
}

.invoice-wrapper-page .invoice-subtitle{
    color: #CE0058;
    border-bottom: 2px solid #CE0058;
    padding: 0 !important;
    font-weight: bold;
}

.invoice-wrapper-page .invoice-details {
    width: 15rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
}
.invoice-wrapper-page .invoice-details .invoice-label {
    text-align: right;
    font-weight: 500;
}
.invoice-wrapper-page .invoice-details > div {
    width: 50%;
    margin-bottom: 2px;
}
.invoice-wrapper-page .invoice-details .invoice-value {
    text-align: right;
}


@media (max-width: 768px) {
    .invoice-wrapper .invoice-wrapper-page .invoice-content .invoice-footer .invoice-table-2.summary {
        margin-top: 40px;
    }
    .invoice-wrapper .invoice-wrapper-page .invoice-content .invoice-footer .invoice-table-2.summary .invoice-table-col.header-col {
        margin-left: 0;
    }
}

.ui-datatable.no-header thead,
.ui-treetable.no-header thead {
    display:none;
}

body .ui-dataview.no-header .ui-dataview-header,
body .ui-treetable.treeTable-no-header thead{
    display: none !important;
}

.flex-break {
    flex-basis: 100%;
    width: 0;
}

.layout-wrapper .layout-sidebar .layout-menu li > a > .layout-menuitem-text {
    word-break: break-word;
}

.dashboard .task-box.task-box-1 .task-box-header {
    background-color: #FFF;
    ;
    border-bottom: 3px solid #e91e63;
}

.dashboard .task-box.task-box-2 .task-box-header {
    background-color: #FFF;

    border-bottom: 3px solid #ffc107;
}

.dashboard .task-box.task-box-3 .task-box-header {
    background-color: #FFF;
    ;
    border-bottom: 3px solid #00bcd4;
}


.dashboard .task-box.task-box-4 .task-box-header {
    background-color: #FFF;
    ;
    border-bottom: 3px solid #cddc39;
}

.dashboard .task-box .task-box-header i {
    color: rgba(0, 0, 0, 0.87);
}


@media (max-width: 640px) {
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
        min-width: 350px;
    }
}


.ui-datatable-reflow .ui-datatable-data td[role="gridcell"].columnToggle .ui-column-title{
    display: none !important;
}
.ui-datatable .ui-datatable-tablewrapper th.columnToggle .ui-column-title{

}

.row-style.pts-handOverJob{

}

.ui-growl.ui-widget{
    right: 20px;
    bottom: 20px;
    top: auto;
    left: auto;
}

body .ui-tabmenu .ui-tabmenu-nav{
    overflow-x: auto;
}

body .notification-box{
    padding: 5px;
    padding-left: 10px;
}

body .notification-box.warning{
    border-left: 3px solid #FBC02D;
    border-top: 1px solid #FBC02D;
    border-right: 1px solid #FBC02D;
    border-bottom:  1px solid #FBC02D;
    background: #f9e1a6;
}
body .notification-box .notification-box-content{
    padding: 5px;
}


.ui-datatable.tableDangersClassificationCustom{

}

.ui-datatable.tableDangersClassificationCustom .ui-datatable-tablewrapper .ui-datatable-data .ui-rowgroup-header.ui-datatable-headerrow .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon{
    font-size: 24px;
}
.ui-datatable.tableDangersClassificationCustom .ui-datatable-tablewrapper .ui-datatable-data .ui-rowgroup-header.ui-datatable-headerrow .principalTitle{
    font-size: 16px;
}



.heatmap {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    opacity: 0.8;
}

/* Círculo interior blanco */
.heatmap::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid #ffffff;
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

/* Número centrado */
.heatmap span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
}