@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);.table-component .table-container{overflow-y:auto;max-height:500px}.table-component .react-bootstrap-table th{position:sticky;top:1px;background-color:#2476b9!important;text-align:center;min-width:200px!important}.table-component .table-bordered th{box-shadow:0 1px #dee2e6,0 -1px #dee2e6}.table-component .table thead th{vertical-align:middle!important}.table-component .table thead{z-index:5;position:sticky;color:#fff!important}.table-component .react-bootstrap-table tbody{font-weight:600;text-align:center}.page-item{border-radius:10px!important}.page-item.active .page-link{background-color:#5198e4!important;border-color:#5198e4!important}.table-striped tbody tr:nth-of-type(odd){background:#f8f9fa!important}.add .ui.yellow.button{color:#000!important}.export button{background-color:#f3b900;width:80px}.action i{cursor:pointer}.newview{text-decoration:none!important;color:#000!important}.head-tool-default .label{font-weight:700;font-size:14px}.head-tool-default .react-datepicker-wrapper{width:100%}.head-tool-default .react-datepicker-wrapper .react-datepicker__input-container input{height:40px;width:100%}.head-tool-default .search-label{width:100%}.head-tool-default .search-label input{height:40px}.head-tool-account .custom-search-account{position:relative;font-size:26px;justify-content:space-between}.head-tool-account .custom-search-account .search-label{width:20%;height:42px}.head-tool-account span{font-size:17px;font-weight:600}.head-tool-account .number{padding:10px;text-align:center;width:100px;border-radius:36px;background:#f3b900;margin-bottom:10px}.react-bootstrap-table{height:580px;overflow-y:auto}