.ata-nimmo-flex-vertical
{
    flex-direction: column;
}

.ata-nimmo-flex-container
{
    display: flex;
    gap: 20px;
}

.ata-nimmo-flex-container-gap-5 {
    display: flex;
    gap: 5px;
}

.ata-nimmo-flex-container-gap-10 {
    display: flex;
    gap: 10px;
}


.ata-nimmo-left-box
{
    flex: 1;
    padding: 15px;
}

.ata-nimmo-right-box {
    flex: 6;
    padding: 15px;
}

.ata-nimmo-flex-1 {
    flex: 1;
}

.ata-nimmo-flex-2 {
    flex: 2;
}

.ata-nimmo-flex-3 {
    flex: 3;
}

.ata-nimmo-flex-4 {
    flex: 4;
}

.ata-nimmo-pad-bottom-10 {
    padding-bottom: 10px;
}

.ata-nimmo-pad-top-10 {
    padding-top: 10px;
}

.ata-nimmo-center-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.ata-nimmo-border-2 {
    border: 2px solid black;
    padding: 4px;
}

.ata-nimmo-scroll-table-container {
    max-height: 375px;  /*Limits the Height of the data area*/
    overflow-y: auto;   /*Triggers vertical scrollbar when content exceeds max height*/
    width: 100%;
}

.ata-nimmo-scrollable-table {
    width: 100%;
    border-collapse: collapse;
}

.ata-nimmo-scrollable-table th, .ata-nimmo-scrollable-table td {

}

.ata-nimmo-scrollable-table th {
    position: sticky;
    top: 0; /*Locks header to the top of the container*/
    z-index: 1; /*Keeps heaader above scrolling data rows*/
    background-color: #f4f4f4;
}

/*Optional Zebra Striping*/
.ata-nimmo-scrollable-table tr:nth-child(even) {
    background-color: #fafafa;
}