.erp-wrapper{max-width:1200px;margin:auto}
.table-container{position:relative;overflow-x:auto;overflow-y:visible}

.fixed-table{width:100%;border-collapse:collapse}
.fixed-table th,.fixed-table td{border:1px solid #ddd;padding:12px;text-align:center}
.fixed-table th{position:relative}
.fixed-table th:not(:first-child){
width: 25%;
    font-size: 13px;
    padding: 15px;
}
.fixed-table thead tr th:not(:last-child)::after{
 content:"VS";
 position:absolute;
 right:-14px;
 top:50%;
 transform:translateY(-50%);
 background:#9e97c0;
 color:#fff;
 padding:5px 7px;
 border-radius:50%;
 font-size:11px;
 z-index:10;
}
.fixed-table thead tr th:first-child::after{display:none}

.erp-card{position:relative}
.erp-card img{max-width:80px}
.erp-card span{position: absolute;
    top: -4px;
    right: 5px;
    cursor: pointer;
    font-size: 20px;
    background: #f17524;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 100;}
.erp-card.empty{background:#f5f5f5;padding:20px;cursor:pointer}

.blur{filter:blur(4px)}

.compare-wrap{text-align:center;margin-top:30px}

.unlock-inside{
 position:absolute;
 top:60%;
 left:50%;
 transform:translate(-50%,-50%);
 z-index:5;
}

.modal{
 position:fixed;
 top:0;
 left:0;
 width:100vw;
 height:100vh;
 background:rgba(0,0,0,0.7);
 display:flex;
 align-items:center;
 justify-content:center;
 z-index:999999;
}

.modal-box{
 background:#fff;
 padding:30px;
 width:650px;
 max-width:100%;
	height: 450px;
    overflow-y: scroll;
 position:relative;
}

.close-btn{
 position: absolute;
    top: -15px;
    right: 4px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    font-size: 33px;
}

.hidden{display:none!important}

.erp-modal{
 position:fixed;
 top:10%;
 left:50%;
 transform:translateX(-50%);
 background:#fff;
 padding:20px;
 z-index:9999;
	box-shadow: 0px 3px 10px #00000059;
    border-radius: 10px;
}

.erp-grid-modal{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:10px;
}

.erp-item{text-align: center;
    cursor: pointer;
    background-color: #f8f9fa;
    padding: 25px;}
.erp-item img{max-width:90px}
.erp-item p{
	margin-bottom: 0px;
    font-size: 13px;
    line-height: normal;
    color: rgb(61, 52, 89);
}
.erp-item.disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
}
#compareBtn{
	background-color: #f17524;
    padding: 0.6rem 4em;
    font-size: 15px;
}
.form-modal-box{
	width: 470px;
    height: auto;
    overflow: auto;
    padding: 70px 30px;
	border-radius: 10px;
}
.form-modal-box .close-btn{
	top: 0;
    right: 0;
}