/* Base Styles for All Tables */
.custom-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    text-align: left;
    overflow: hidden; /* Esconder barra de rolagem */
    -ms-overflow-style: none;  /* IE e Edge */
    scrollbar-width: none;  /* Firefox */
}

.custom-table thead tr {
    text-align: left;
    font-weight: bold;
}

.custom-table th,
.custom-table td {
    white-space: nowrap; /* Impede quebra de linha dentro das células */
}

/* Layout Fixes */

.custom-table::-webkit-scrollbar {
    display: none;  /* Esconder barra de rolagem no Chrome, Safari e Opera */
}

.elementor-custom-table-wrapper {
    width: 100%;
    overflow-x: auto; /* Permite rolagem horizontal */
    -ms-overflow-style: none;  /* IE e Edge */
    scrollbar-width: none;  /* Firefox */
    padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
}

.elementor-custom-table-wrapper::-webkit-scrollbar {
    display: none;  /* Esconder barra de rolagem no Chrome, Safari e Opera */
}



/* Templates */
/* Classic Light */
.classic-light-table {
    border: 1px solid #ddd;
    border-left-style:solid;
	border-bottom-style:solid;
	border-right-style:solid;
	border-top-style:solid;
}

.classic-light-table th,
.classic-light-table td {
    padding: 12px 15px;
    border: 1px solid #ddd;
    color: #000000;
}

.classic-light-table thead tr {
    background-color: #f9f9f9;
    color: #000000;
}

.classic-light-table a {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* Classic Dark */
.classic-dark-table {
    border: 1px solid #555;
    border-left-style:solid;
	border-bottom-style:solid;
	border-right-style:solid;
	border-top-style:solid;
}

.classic-dark-table th,
.classic-dark-table td {
    padding: 12px 15px;
    border: 1px solid #555;
    color: #ffffff;
}

.classic-dark-table thead tr {
    background-color: #444444;
    color: #ffffff;
}

.classic-dark-table tbody tr {
    background-color: #383838;
    color: #ffffff;
}

.classic-dark-table a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* Modern Light */
.modern-light-table {
    border-left-style:none;
	border-bottom-style:none;
	border-right-style:none;
	border-top-style:none;
	border-radius: 15px;
}

.modern-light-table th,
.modern-light-table td {
    padding: 12px 15px;
    border: none;
    color: #000000;
}

.modern-light-table tbody tr:nth-of-type(odd) {
    background-color: #f3f3f3;
}

.modern-light-table tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}

.modern-light-table thead tr {
    background-color: #e0e0e0;
    color: #000000;
}

.modern-light-table a {
    color: #000000 !important;
    text-decoration: none !important;
}

.modern-light-table a:hover {
    color: #007bff; 
}

/* Modern Dark */

.modern-dark-table {
    border-left-style:none;
	border-bottom-style:none;
	border-right-style:none;
	border-top-style:none;
	border-radius: 15px;
}

.modern-dark-table th,
.modern-dark-table td {
    padding: 12px 15px;
    border: none;
    color: #ffffff;
    
}

.modern-dark-table tbody tr:nth-of-type(odd) {
    background-color: #383838;
}

.modern-dark-table tbody tr:nth-of-type(even) {
    background-color: #2c2c2c;
}

.modern-dark-table thead tr {
    background-color: #444444;
    color: #ffffff;
}

.modern-dark-table a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.modern-dark-table a:hover {
    color: #1e90ff !important;
}

/* Modern Colorful */
.modern-colorful-table {
    border-left-style:none;
	border-bottom-style:none;
	border-right-style:none;
	border-top-style:none;
	border-radius: 15px;
}

.modern-colorful-table th,
.modern-colorful-table td {
    padding: 12px 15px;
    border: none;
    color: #000000;
}

.modern-colorful-table tbody tr:nth-of-type(odd) {
    background-color: #3468C0; 
}

.modern-colorful-table tbody tr:nth-of-type(even) {
    background-color: #86A7FC; 
}

.modern-colorful-table thead tr {
    background-color: #FFDD95; 
    color: #ffffff;
}

.modern-colorful-table a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.modern-colorful-table a:hover {
    color: #ff4500 !important;
}
