@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

	:root {
  --sgsr-blue: #3f51b5;
  --sgsr-white: #ffffff;
  --sgsr-rowback: #3f51b512;

    --sgsr-mob-view-width: 1200px!important;
    --sgsr-mob-view-width-responsive: 280px!important;
    --sgsr-border-radius : 20px;
    --sgsr-min-col-width: 120px;

}



.custom-scroll::-webkit-scrollbar {
    width: 12px!important;
}

.custom-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)!important; 
    /*background-color: rgba(63,81,181,1);*/
    border-radius: 20px!important;
}

.custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px!important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)!important; 
    /*background-color: white;*/
}

div.SGSR-table-search-div{max-width: 100%!important;}
div.SGSR-main-div{
	background-color:var(--sgsr-white);
	border-radius: 19.5px;
	padding: 20px 0 20px 0;
max-width: 100%!important;
}

.caption{
	font-family: 'Poppins', sans-serif;
 text-align: center;
 color:var(--sgsr-blue)  ;
 background-color: white;
     border-radius: 0 0 var(--sgsr-border-radius) var(--sgsr-border-radius);
     font-size: 14px;
    padding: 4px 0 0 0;
}

	.SGSR-table-div{
		background-color:white;
		border:0px solid #E5E7E9;
        border-radius: var(--sgsr-border-radius);

		/*padding: 0 10px 0 10px;*/
		font-size: 14px;
	    font-family: 'Poppins', sans-serif;


        overflow-x: auto;
        overflow-y: auto;
	    max-height: 600px;


	}


	.SGSR-table-div thead th { 
		position: sticky; 
		top: 0; 
		z-index: 1; 
		/*border-radius: 10px;*/
		padding: 10px;
		font-weight: 400;
		cursor: pointer;

		/*border-collapse: collapse;*/
	}

	.bg-blue thead th {
		background-color: var(--sgsr-blue); /* blue*/
		color: white;

	}

	.bg-blue thead th:hover {
		background-color: var(--sgsr-blue); /* blue*/
		color: white;

	}



	.SGSR-table tbody tr:hover{
	background-color: var(--sgsr-blue)!important;
	color: white!important;
	transition: 0.2s;
	cursor: pointer;
}


.first-col-sticky thead th:first-child {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2; 
 
}

.first-col-sticky tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 1; 
  background-color: white;
  color: black;
}

	.SGSR-table-div thead th:first-child{
		/*border-top-left-radius: 20px;*/
		border-top-left-radius: var(--sgsr-border-radius);
	}

	.SGSR-table-div thead th:last-child{
		border-top-right-radius: var(--sgsr-border-radius);
	}


.SGSR-table tbody tr:nth-child(odd){
	background-color: var(--sgsr-rowback);
	color: black;
}

.SGSR-table{
		border-collapse: separate;
        text-align: left;
}

.SGSR-table td{
	min-width: var(--sgsr-min-col-width);/*120px;*/
}

table.SGSR-table tr ,table.SGSR-table td,table.SGSR-table th{
	border: 0;
	padding: 2px;
	text-align: left;
}

table.SGSR-table{
	border: 0;
	padding: 2px;
	margin: 0;
	overflow: auto;
}



.SGSR-table th:hover{
	transition: 0.1s;
	transform: scale(1.09);
}


input.SGSR-table-search[type=text]{
margin-bottom: 20px;


width: 100%;
max-width: 600px;
outline: none;
outline-offset:0;
line-height: 0;

  width: 250px;
  box-sizing: border-box;
border:1px solid #9e9e9e;
  border-radius: 20px;
  font-size: 16px;
  background-color: white;
  background-image: url('icon/searchicon.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
	font-family: 'Poppins', sans-serif;

}

input.SGSR-table-search:focus {
  width: 100%;
  outline: none;

}

.SGSR-MOB-VIEW{
	margin: auto!important;
/*	max-width: 1200px!important; */	
		max-width: var(--sgsr-mob-view-width)!important; 
	background-color: white;
}


@media screen and (max-width: 601px) {
	.SGSR-MOB-VIEW{
	overflow-x:auto;
	width:var(--sgsr-mob-view-width-responsive)!important;
}

}