.pe2024-button-inici-box{
    position: relative;
    float: left;
    width: 60%;
    margin-left: 20%;
}

.pe2024-button-inici-box>div{
    float: left;
    width: 50%;
    text-align: center;
}

.pe2024-button-inici-box>span{
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0px;
    font-size: 14pt;
}

.pe2024-right{
    float: right !important;
}

.pe2024-subtitle{
    font-size: 15pt;
    font-weight: 100;
    color: #9E9E9E;
    top: -15px;
    position: relative;
}

.pe2024-input-full{
    width: 95%;
}

.pe2024-input-80{
    width: 80%;
}

.pe2024-input-inline{
    width: 25px;
    height: 10px !important;
    margin-left: 5px;
    font-size: 9pt;
}

.pe2024-base{
    position: relative;
    float: left;
}

.pe2024-form-container{
    background-color: #F5F5F5;
    padding: 10px 15px 5px 15px;
    margin-bottom: 10px;
}

.pe2024-form-actions{
    position: relative;
    float: left;
    width: 95%;
}

.pe2024-action{
    width: 150px;
    margin-left: 20px;
}

.pe2024-ra-trigger-add{
    position: relative;
    float: left;
    width: 100%;
    background-color: #F5F5F5;
    text-align: center;
    font-size: 12pt;
    padding: 10px 0px;
    cursor: pointer;
}

.pe2024-ra-trigger-add:hover{
    box-shadow: rgba(36, 36, 36, 0.5) 2px 2px 5px;
}

.pe2024-row-ra{
    background-color: #FFFDE7;
}

.pe2024-row-ra>td{
    font-size: 10pt;
}

.pe2024-row-form-inline{
    height: 30px;
    display: flex;
    top: -10px;
}

.pe2024-button-inline{
    display: inline-flex;
    gap: 5px;
}

.pe2024-icon-expand, .pe2024-icon-collapse{
    cursor: pointer;
}

.pe2024-icon-expand{
    rotate: -90deg;
}

.pe2024-icon-collapse{
    rotate: 90deg;
}

.pe2024-toast-success{
    background: linear-gradient(45deg, rgba(124,179,66,1) 0%, rgba(124,179,66,1) 70%, rgba(156,204,101,1) 100%);
}

.pe2024-toast-error{
    background: linear-gradient(45deg, rgba(239,83,80,1) 0%, rgba(239,83,80,1) 69%, rgba(239,154,154,1) 100%);
}

.pe2024-modal-message{
    display: block;
    margin-left: 15px;
}

.pe2024-tag-unsaved-changes {
    padding: 5px 1px;
    background-color: #ffcc00;
    color: #333;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

.pe2024-tag-unsaved-changes.visible {
    opacity: 1;
}

.pe2024-tag-new-ra{
    padding: 5px 1px;
    background-color: #ffe477;
    color: #333;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 0px 350px;
}

.pe2024-message-error-bottom{
    margin-top: -20px;
    position: relative;
    float: left;
    font-size: 9pt;
    color: red;
}

.pe2024-message-error-input{
    border-color: red !important;
}

.pe2024-message-error-inline-table{
    margin-top: -22px;
    font-size: 7pt;
    white-space: nowrap;
    margin-left: -35px;
}

.ee_warning_msg {
    background-color: #fcfc80;
    margin-top: 10px;
    width: 50%;
    text-align: center;
    padding: 10px 0px;
    font-weight: bold;
    margin-left: 25%;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s ease-out, visibility 0.25s ease-out;
}

.fade-out {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease-out, visibility 0.25s ease-out;
}

.pe2024-td-moduls{
    margin: 5px 0px;
}
.pe2024-td-tipus{
    margin: 5px 0px;
}