.files p {
    text-align: center;
}

.progress {
    margin-top: 6px !important;
}

#honorar_table td {
    border-top: 0;
}

#honorar_table td.bd {
    border-top: 1px solid #ddd;
}

#honorar_table {
    margin-top: 30px;
}

.smraptab td {
    border-top: 0px !important;
}

.smraptab h2 {
    margin: 0;
}

#login-box {
    margin-top:0px;
}
.custom-bg-blue {
    background-color: #0B7E99 !important;
}

.btn.custom-bg-blue {
    background-color:  #0B7E99 !important;
    color: #ffffff !important;
}

.custom-bg {
    background-color: #F2FDFF !important;
}

.custom-bg-dark-blue {
    background-color: #1d233b

}

.headline {
    text-align:center; 
    margin-top: 90px; 
    margin-bottom: 40px;
}

.headline h1 {
    font-size: 8rem; 
    font-weight: 600;
    color: #E9518C;
    font-family: 'Inter', serif;
}

a {
    color: #E9518C;
}

.no-margin {
    margin: 0px;
}

@media only screen and (max-width: 700px) {
    .headline h1 { 
        font-size: 4rem;
    }
}


label.error {
	color: red;
	padding-top: 5px;
	margin: 0px;
	display:block;
}

input.error{
	border-color: red;	
}

.proever {
    padding: 10px;
}

.center {
    text-align: center
}


.btn-sm{
    height: 35px;
}

.flatpickr[readonly] {
    background-color: white;
}

.flatpickr[disabled] {
    background-color: #eee;
}

.overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
  }

.center {
    position: fixed; /* Sit on top of the page content */
    top: 50%;
    left: 50%;
}

th.small-col {
    width: 1px;
}


td.small-col {
    white-space: nowrap; 
    padding-right:25px !important;
}

.center-col {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center content (images) horizontally */
}

.image-container {
    height: 180px; /* Adjust the height as needed */
    width: 250px; /* Adjust the width as needed */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Align content to the bottom */
    align-items: center; /* Align content horizontally to the center */
}

.image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin-top: auto; /* Push the image to the top of the bottom area */
}

.center-align {
    text-align: center;
}