/* //////////////////////////////// */
/*    REPAIR TABLE TAB INCLUDES     */
/* -------------------------------- */
.rapair-table {width: 100%;}

.repair__th__tab,
.repair__th__list {
    font-family: "CeraRoundProBold";
    font-size: 15px;
    padding: 7px 10px;
    text-align: center;
    color: #4b6f4d;
    vertical-align: middle;
}

.repair__th__tab, .repair__th__list{background: #c5dbc4;}

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

.repair-action  {
	font-family: "CeraRoundProBold";
	font-size: 14px;
	color: #aa3232;
	transition: all 0.2s ease;
}

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

.r__action__01 {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
}

.r__action__01 i {margin-top: 10px;}


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

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






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


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

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

}








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

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

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

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












/* ////////////////////////////////////// */
/*              REPAIR FORM               */
/* -------------------------------------- */

.repair__form__text__header {
	text-align: center;
	font-size: 25px;
    margin-bottom: 25px;
	padding: 10px 0;
    color: #a9a9a9;
	/* background: #dedede; */
}






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






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






/* ///////////////////////////////////////////// */
/*                  REDESIGN                     */
/* ///////////////////////////////////////////// */
/* .repair-table-wrapper {
	border: 2px solid #a8a8a8;
	border-radius: 12px;
	margin-bottom: 15px;
} */

/* table.repair-tab-table {
	margin:auto;
    width:100%;
    overflow:hidden; */


    /* background-color: var(--white); */
	/* background-color: #ebebc6; */


    /* border-radius:10px;
    position:relative;
    border-collapse:collapse;
    z-index:1;
    color:var(--gray);
    white-space:nowrap;
	font-family: "Parkinsans", sans-serif;
} */

table.repair-tab-table th, 
table.repair-tab-table td {
    padding: 0.8rem 1rem;
    position: relative;
    cursor: default;
	/* Border for each cell */
	border: 1px solid var(--gray_header);
}

table.repair-tab-table tr:not(:last-child){
    border-bottom:1px solid rgba(1,1,1,0.2);
}




table.repair-tab-table th {
    font-weight: 600;
    font-size: 15px;
    color: #6d6d6d;
}

table.repair-tab-table td {
    font-weight: 500;
	font-size: 14px;
    vertical-align: middle;
}


/* Repair Table Action and Counter */
.repair-counter-action {
    display: flex;
	align-items: center;
	justify-content: center
}

.repair-counter-action img {
	width: 18px;
	filter: brightness(0) saturate(100%) invert(13%) sepia(39%) saturate(0%) hue-rotate(230deg) brightness(95%) contrast(89%);
}

.repair-counter-action img:hover {
	filter: invert(33%) sepia(17%) saturate(2254%) hue-rotate(314deg) brightness(102%) contrast(81%);
    transition: all 0.3s ease;
}