






.reset-button::after {
  content: "×";
  font-size: 1.7em; /* Adjust the size as needed */
  margin-right: 5px; /* Optional: Add some spacing between text and X */
	top: 2.5px;
	margin-left: 4px;
	position: relative;
	
}

@media only screen and (max-width: 768px) {
.table-right thead {
	opacity: 0;
}

.table-right {
	margin-top: -65px;
}
}

@media only screen and (min-width: 768px) {
.table-container:last-child {
	padding-left: 5px;
}

.table-container:first-child {
	padding-right: 5px;
}
	
	.sr-intro h2 {
		max-width: 15em;
		margin-left: auto;
		margin-right: auto;
}
}

#loading-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99998; /* Make sure it's below the spinner */
    display: none;
}

#loading-spinner {
    color: black;
    font-size: 45px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
    position: absolute;
    top: 12em;
    left: 48%;
    transform: translate(-50%, -50%);
    z-index: 99999; /* Make sure it's above the background */
    display: none;
    padding: 20px; /* Adjust the padding as needed */
}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em,
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, 
    -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, 
    -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
     -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, 
     -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
     -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, 
     -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 
    0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes round {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}


#standards-regulations .seperator-round:before {
  background: #505FCC;
}

#standards-regulations .standards-regs-table {
padding-top: 80px;
padding-bottom: 50px;
}

#standards-regulations .taxonomy-dropdowns {
    display: flex;
    justify-content: center;
    padding: 10px;
    margin-bottom: 50px;
}

.taxonomy-dropdown {
	margin-right: 15px !important;
}


.taxonomy-dropdowns .taxonomy-dropdown#industry-filter {
	margin-right: 0px !important;
}

#standards-regulations .reset-button {

    font-size: 14px;
    line-height: 18.2px;
    cursor: pointer;
	background: none;
	border: none;
	padding: 0pc;
	margin-left: 15px !important;
	transition: 0.2s ease-out;
}

#standards-regulations .reset-button:hover {
	opacity: 0.8;
}

@media (max-width: 767px) {
	#loading-spinner {
		top: 10%;
	}
	
	.taxonomy-dropdown {
	margin-right: 0px !important;
}
	
	#standards-regulations .reset-button {
		width: 80%;
		margin-top: 10px;
		margin-left: 0px !important;
	}
		
	
#standards-regulations .taxonomy-dropdowns {
    display: flex;
    justify-content: center;
    padding: 10px;
    margin-bottom: 50px;
    align-items: center;
	flex-wrap: wrap;
	
}
	
	}

  @media(max-width:992px) {
    .taxonomy-dropdown {
      margin: 10px;
  }}

    




#standards-regulations .taxonomy-dropdowns select {
    width: 200px;
}



#standards-regulations .standards-regs-table .type-icon {
	margin-left: 0;
	margin-right: 5px;
	display: inline;
	width: 25px;
	height: 25px;
	top: 2px;
	position: relative;
}



#standards-regulations .standards-regs-table tbody td a:hover {
	opacity: 0.8;
}

#standards-regulations .standards-regs-table tr th {
	padding: 0px 10px;
}

#standards-regulations .standards-regs-table tr td {
	padding: 0px 10px;
	
}

#standards-regulations .standards-regs-table tr td:first-child {
	width: 100px;
}

#standards-regulations .standards-regs-table tr td:last-child {
	width: 100px;
	text-transform: uppercase;
}

#standards-regulations .standards-regs-table tr td:last-child, #standards-regulations .standards-regs-table tr th:last-child {
	text-align: center;
	
}



#standards-regulations .standards-regs-table tbody tr {
	padding-bottom: 20px;
	border-bottom: solid 1px black;
	font-size: 14px;
	height: 70px;
}

#standards-regulations .standards-regs-table tbody td {
line-height: 18.2px;
	
}


#standards-regulations .standards-regs-table .table-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#standards-regulations .standards-regs-table .table-container {
    flex: 1;
    margin-right: 10px; /* Adjust the margin as needed */
}

/* Adjustments for smaller screens (tablet/mobile) */
@media (max-width: 767px) {
   #standards-regulations .standards-regs-table .table-wrapper {
        flex-direction: column;
    }
	
	#standards-regulations .standards-regs-table tr td:first-child {
	width: 10px !important;
}
	
	#standards-regulations .standards-regs-table tr td:last-child {
	width: 30px;

}
	
	#standards-regulations .standards-regs-table tr td {
		padding-top: 10px;
		padding-bottom: 10px;
	}

   #standards-regulations .standards-regs-table .table-container {
        margin-right: 0;
        margin-bottom: 10px; /* Add some space between the tables on smaller screens */
    }
}