.ag-watermark {
		display: none!important;
	}

.cell-center{
	text-align: center !important;
}

	.bg-red-100 {
		background-color: #F4E2BB !important;
	}

	.bg-red-101 {
		background-color: #F9E9E8 !important;
	}

	.bad-year {
		background-color: #ffffee !important;
	}

	.rb {
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}

	.ro-new {
		border-left: 6px solid yellow !important;
	}
	.ro-no-border-bottom {
/* 		border: 2px solid red !important; */
		background:#ffffff !important;
/* 		border-bottom: 0 gray !important; */
		color:#8a8a8a !important;
}

	.ro-none {
		border-left: 6px solid lightgray !important;
	}

	.ro-pass {
		border-left: 6px solid green !important;
	}

	.ro-discard {
		border-left: 6px solid red !important;
	}
	.ro-discard2 {
		border-left: 6px solid red !important;
	}

	.ag-theme-alpine .ag-cell {
		line-height: 30px !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
font-size: 11px !important;	
}

.ag-header-cell-text {
    font-size: 10px!important; 
}

.cell-alert{
	
/* 	border-color: #ff9d9d !important;
    border-left-width: 4px !important;
    border-right-width: 4px !important;
	border-collapse:collapse!important;
	border-radius:50px !important;
	border-style:solid !important;
	border-top:0 !important;
	border-bottom:0 !important;
	border-right:0 !important; */
	    text-decoration: line-through !important;
	text-decoration-color: #898989!important;
}
.ag-theme-alpine .ag-row {
    font-size: 11px !important;
}


.ag-cell .ag-icon {
	margin-top: -12px !important;
}








/*         FWP          */

.facetwp-facet {
	margin-bottom: 10px !important;
	font-size:12px !important;
}
.facetwp-facet .facetwp-counter{
	font-weight:bold;
}

.facetwp-facet .facetwp-radio{
    margin-bottom: 2px !important;
}

.facetwp-facet .facetwp-checkbox{
    margin-bottom: 2px !important;
}

.facetwp-facet .facetwp-type-date_range{
	margin-bottom: 10px !important;
}

.facetwp-facet [type=text]{
	line-height: 1;
	font-size: 12px;
}
.ag-theme-alpine .ag-overlay-loading-wrapper {
	background-color: rgb(207 207 207 / 86%) !important;
}


/* popup */
#mpopupBox .content{
	padding: 1rem;
}

.mpopup {
    display: none;
    position: fixed;
    z-index: 9999999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);
}
.modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    width: 650px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 0.3rem;
}
.modal-header {
    padding: 2px 12px;
    background-color: #ffffff;
    color: #333;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-header h2 {
    font-size: 1.5rem;
    margin-top: 8px;
    margin-bottom: 8px;
}
.modal-body {
    padding: 10px 16px;
}
.modal-footer {
    padding: 1rem;
    background-color: #ffffff;
    color: #333;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    text-align: right;
}

.close {
    color: #888;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* add animation effects */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.to_block{
	display:block!important;
}