.general-template {
    width: 100%;
    border-collapse: collapse; 
}
.general-template td,
.general-template th {
    font-style: 'Arial Verdana';
    vertical-align: middle;
}

.general-template > thead th {
    padding: 15px 8px;
}

.general-template > tbody td {
    padding: 5px 8px 5px 5px;
}



/* HORIZONTAL MINIMALIST ---- */
.horizontal-minimalist {
    text-align: left;
}

.horizontal-minimalist > thead th {
    font-size: 19px;
    border-bottom: 2px solid rgb(97, 105, 97) !important;
    color:rgba(97,105,97);
}

.horizontal-minimalist >tbody td {
    font-size: 15px;
    border-bottom: 1px solid rgba(97,105,97,0.6) !important;
    color:rgba(97,105,97,0.6);
}

.horizontal-minimalist >tbody tr:hover td {
    color:rgba(97,105,97,1);
}


/* HORIZONTAL MINIMALIST LAST BORDER */

.horizontal-minimalist-last-border {
    text-align: left;
}

.horizontal-minimalist-last-border > thead th {
    font-size: 19px;
    border-bottom: 2px solid rgb(97, 105, 97) !important;
    color:rgba(97,105,97);
}

.horizontal-minimalist-last-border >tbody td {
    font-size: 15px;
    color:rgba(97,105,97,0.6);
}

.horizontal-minimalist-last-border > tbody tr:hover td {
    color:rgba(97,105,97,1);
}

.horizontal-minimalist-last-border > tbody tr:last-child td {
    border-bottom: 1px solid rgba(97,105,97,0.6) !important;
}




/* VERTICAL MINIMALIST */
.vertical-minimalist {
    text-align: center;
}

.vertical-minimalist > thead th {
    font-size: 19px;
    border-bottom: 2px solid rgb(97, 105, 97) !important;
    color:rgba(97,105,97, 0.6);
}

.vertical-minimalist >tbody td {
    font-size: 15px;
    border-bottom: 1px solid rgba(97,105,97,0.6) !important;
    color:rgba(97,105,97, 0.6);
}

/* BOX TOP BORDER  */
.box-top-border {
    text-align: left;
}

.box-top-border > thead th {
    font-size: 19px;
    border-top: 3px solid rgb(97, 105, 97) !important;
    background-color: rgba(97, 105, 97, 0.5);
    border-bottom: 1px solid #fff !important;
}

.box-top-border > tbody tr td {
    font-size: 15px;
    border-bottom: 1px solid #fff !important;
    background-color: rgba(97, 105, 97, 0.2);
}

.box-top-border > tbody tr:hover td {
    background-color: rgba(97, 105, 97, 0.3);
}


/* -------- BOX TOP AND BOTTOM BORDER ----- */

.box-top-bottom-border {
    text-align: center;
}

.box-top-bottom-border > thead th {
    font-size: 19px;
    border-top: 4px solid rgb(97, 105, 97) !important;
    background-color: rgba(97, 105, 97, 0.2);
    border-bottom: 1px solid rgba(97, 105, 97, 0.2) !important;
    border-left: 1px solid gray !important;
}

.box-top-bottom-border > tbody tr td {
    font-size: 15px;
    border-bottom: 1px solid rgba(97, 105, 97, 0.2) !important;
    background-color: rgba(97, 105, 97, 0.2);
    border-left: 1px solid gray !important;
}

.box-top-bottom-border > tbody tr td:last-child,
.box-top-bottom-border > thead th:last-child {
    border-right: 1px solid gray !important;
}

.box-top-bottom-border > tbody tr:last-child td {
    border-bottom: 4px solid rgb(97, 105, 97) !important;
}


/* ----HORIZONTAL ZEBRA---- */

.horizontal-zebra {
    text-align: left;
}

.horizontal-zebra > thead th {
    font-size: 19px;
    border-bottom: 1px solid rgba(97, 105, 97, 0.2) !important;
}

.horizontal-zebra > tbody tr td {
    font-size: 15px;
    border-bottom: 1px solid rgba(97, 105, 97, 0.2) !important;
}

.horizontal-zebra > tbody tr:nth-child(odd) td {
    background-color: rgba(97, 105, 97, 0.2);
}

/* ----- VERTICAL ZEBRA ----- */
.vertical-zebra {
    text-align: center;
}

.vertical-zebra > thead th {
    font-size: 19px;
    border-bottom: 1px solid rgba(97, 105, 97, 0.2) !important;
}

.vertical-zebra > tbody tr td {
    font-size: 15px;
    border-bottom: 1px solid rgba(97, 105, 97, 0.2) !important;
}

.vertical-zebra > tbody tr td:nth-child(odd),
.vertical-zebra > thead tr th:nth-child(odd) {
    background-color: rgba(97, 105, 97, 0.2);
}

/* ----- ONE COLUMN OR ONE ROW EMPHASIS --- */

.col-row-emphasis {
    text-align: left !important;
}

.col-row-emphasis > thead th {
    font-size: 19px;
    border-bottom: 1px solid rgba(97, 105, 97, 0.2) !important;
}

.col-row-emphasis > tbody tr td {
    font-size: 15px;
    border-bottom: 1px solid rgba(97, 105, 97, 0.2) !important;
}

.col-row-emphasis > tbody tr:last-child td {
    border-bottom: 0.8px solid gray !important;
}

.col-row-emphasis > tbody tr:hover td {
    background-color: rgba(97, 105, 97, 0.2);
}


/* -----    NEWS PAPER EFFECT--------  */
.newspaper-effect {
    text-align: left;
    border-top: 1px solid rgba(97, 105, 97, 0.7);
    border-left: 1px solid rgba(97, 105, 97, 0.7);
    border-right: 1px solid rgba(97, 105, 97, 0.7);
}

.newspaper-effect > thead th {
    font-size: 19px;
    border-bottom: 1px solid rgba(220,220,220,0.6) !important;
}

.newspaper-effect > tbody tr td {
    font-size: 15px;
    border-bottom: 1px solid rgba(220,220,220,0.6) !important;
}

.newspaper-effect > tbody tr:hover td {
    background-color: rgba(97, 105, 97, 0.2);
}

/* ---===== NEWS PAPER BACK COLOR ======---- */

.newspaper-effect-bc > thead th {
    font-size: 19px;
    border-bottom: 1px solid rgba(220,220,220,0.6) !important;
}

.newspaper-effect-bc {
    text-align: left;
    border-top: 1px solid rgba(97, 105, 97, 0.7);
    border-left: 1px solid rgba(97, 105, 97, 0.7);
    border-right: 1px solid rgba(97, 105, 97, 0.7);
}

.newspaper-effect-bc > tbody tr td {
    font-size: 15px;
    border-bottom: 1px solid #fff !important;
}

.newspaper-effect-bc > tbody tr td {
    background-color: rgba(97, 105, 97, 0.2);
}

.newspaper-effect-bc > tbody tr:hover td {
    background-color: rgba(97, 105, 97, 0.3);
}



/* table accordion */

.table_accordion {
	width: 100%;
	background: #fff;
	margin-bottom: 1rem;
	color: #212529;
	border-collapse: collapse;
}


.table_accordion thead {
	background: #99b19c;
    color:#fff;
}


.table_accordion tbody tr {
	margin-bottom: 10px;
}


.table_accordion th, 
.table_accordion td {
	padding: 0.75rem;
	border-top: 1px solid #dee2e6;
}

.table_accordion tbody td {
	border: none;
	padding: 30px;
	font-size: 14px;
	background: #fff;
	border-bottom: 4px solid #f8f9fd;
	vertical-align: middle;
}