:root {
--bg-color: #222;
}

html,body{
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

html,body{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 400;
}
  
  
.h-\[51vh\]{
	  height: 60vh;
  }
  
.h-\[49vh\]{
	 height: 40vh;
 }
  
.max-h-\[40vh\] {
    max-height: 50vh;
}


.duration-500{
	transition-duration: 0s;
}

.rm-overlay{
	background-color: #1f1f1fe0;
}

.iiz {
    max-width: 95%;
}

.bg-gray-700{
	background: none;
	border-bottom: solid 1px rgb(244 244 245 / var(--tw-text-opacity));
}


/*
.ag-header-row-column:nth-child(1){
	width: 20% !important;
}

.ag-header-row-column:nth-child(2){
	width: 20% !important;
}

.ag-header-row-column:nth-child(3){
	width: 20% !important;
}

.ag-header-row-column:nth-child(4){
	width: 20% !important;
}

.ag-header-row-column:nth-child(5){
	width: 10% !important;
}

.ag-header-row-column:nth-child(6){
	width: 10% !important;
}
*/


@media screen and (max-width: 767px) {
	.form-select{
		margin-bottom: 1rem;
	}
}


@media screen and (min-width: 768px){
	.md\:max-w-lg{
		max-width: 50vw;
	}
}