/* //////////////////////////////// */
/*    SETTING TABLE TAB INCLUDES    */
/* -------------------------------- */
.setting-table {width: 100%;}

.setting__th__tab,
.setting__th__list {
    font-family: "CeraRoundProBold";
    font-size: 15px;
    padding: 7px 10px;
    text-align: center;
    vertical-align: middle;
}

.setting__th__tab {
    background: #c5dbc4;
    color: #4b6f4d;
}
.setting__th__list {
    background: #ececab;
    color: #515151;
}

.setting__footer__list {
    /* font-family: "CeraRoundProBold"; */
    font-family: "Google Sans Bold";
    font-size: 15px;
    background: #ececab;
    color: #515151;
    padding: 7px 10px;
    text-align: center;
}



.setting__td__tab,
.setting__td__list {
    padding: 7px 10px;
    font-size: 14px;
    vertical-align: middle;
    font-style: italic;
    color: #000000;
    text-align: center;
    background: #efefef;
}











/* Setting List - Loop Item Link  */
.setting-item-link {
    text-align: center;
    margin-top: 10px;
    font-family: "Gotham Rounded Bold", sans-serif;
}

.setting-item-link a {
    font-size: 13px;
    text-transform: uppercase;
    color: #aa3232;
	transition: all 0.2s ease;
}

.setting-item-link-icon {
    width: 11px;
	filter: invert(33%) sepia(17%) saturate(2254%) hue-rotate(314deg) brightness(102%) contrast(81%);
}



/* Setting Details */
.setting-details-header {
    font-family: "Gotham Rounded Bold", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #868686;
    margin-bottom: 10px;
}

.accent_001 {
    color: #aa3232;
}















.setting-action  {
	font-family: "CeraRoundProBold";
	color: #aa3232;
	transition: all 0.2s ease;
}

.s__action__01 {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px 10px
}

.setting-action:hover {
    color: #ef4722;
}

.setting-footer-action {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.setting-empty {
    background: #f1f1f1;
    padding: 20px 0;
    color: #999696;
    font-style: italic;
}

.setting-empty a {
    display: block;
    font-family: "CeraRoundProBold";
    font-size: 16px;
    color: #aa3232;
    margin-top: 5px;
}


/* SETTING SEARCH */
.setting-search-section {
    padding: 5px;
    margin-bottom: 15px;
    background: rgb(67 71 80 / 85%);
    border-radius: 2px;
}

.setting-search-form {
    display: flex;
    justify-content: center;
}

.setting-field-container-left {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px;
}


.setting_search_form {
    display: flex;
    justify-content: center;
}



.setting-field-container-right {
    width: 10%;
    margin-left: 5px;
}



/* //////////////////////////////////////////////////////////// */
/* These styles is for filling report filter for generating PDF */
/* //////////////////////////////////////////////////////////// */


.setting-report-form-container {
	width: 100%;
}

.setting-report-filter {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;

}



/* ////////////////////////////////////// */
/*             SETTING FORM               */
/* -------------------------------------- */
.setting__form__text__header {
	text-align: center;
	font-size: 25px;
    margin-bottom: 25px;
	padding: 10px 0;
    color: #a9a9a9;
}





.setting-year-validator {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    color: red;
    font-size: 15px;
}






/* Helper Text */
.setting-helper-text {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    text-align: center;
    line-height: 22px;
    color: #c33535;
    font-family: 'Circular Book';
}










.setting-delete-animation {
	width: 100px;
}