.override-card-personality {
    width: 75% !important;
}

.content-data {
    width: calc( 100% - 80px);
    padding: 40px;
}

mat-form-field {
    width: 100%;
}

.component-aviable-days {
    padding: 50px 25px;
    text-align: center;
    border: 1px solid #B5B5B5;
    border-radius: 40px;
}

.component-form-vacation {
    padding: 20px;
    border: 1px solid #B5B5B5;
    border-radius: 25px;
}

.component-aviable-days h1 {
    font-weight: 500;
    font-size: 80pt;
    line-height: normal;
    margin: 0 !important;
}


.diff-days {
    height: 120px;
}

.diff-days h2 {
    font-weight: 500;
    font-size: 40pt;
    line-height: normal;
    margin: 0 !important;
}

.component-content-form {
    display: flex; 
    flex-direction: column;
    justify-content: space-between;
}
.content-form {
    width: calc(100% - 25px) !important; 
    padding-left: 25px; 
    /* height: 300px;  */
    align-items: center;
}



@media all and (max-width: 1200px) {
    .override-card-personality  {
        width: 100% !important;
    }

    .component-aviable-days {
        margin-bottom: 25px;
    }

    .content-form {
        width: 100% !important;
        height: auto; 
        padding-left: 0; 
    }

    .diff-days {
        height: auto; 
    }
}