:root {
     --bs-primary: #666060;
     --bs-primary-shade-80: #0c112e;
     --bs-primary-shade-60: #17235d;
     --bs-primary-shade-40: #23348b;
     --bs-primary-shade-20: #666060;
     --bs-primary-tint-90: #ebeefd;
     --bs-primary-tint-80: #d8ddfa;
     --bs-primary-tint-60: #b0bcf6;
     --bs-primary-tint-40: #899af1;
     --bs-primary-tint-20: #6179ed;
     --bs-primary-rgb: 102, 96, 96;
     --bs-btn-color: #666060;
     --bs-btn-border-color: #666060;
     --bs-btn-hover-color: #ffffff;
     --bs-btn-hover-bg: #666060;
     --bs-btn-hover-border-color: #666060;
     --bs-btn-focus-shadow-rgb: 102, 96, 96;
     --bs-btn-active-color: #ffffff;
     --bs-btn-active-bg: #666060;
     --bs-btn-active-border-color: #666060;
     --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
     --bs-btn-disabled-color: #666060;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #666060;
     --bs-gradient: none;

 }

 .btn-primary {
     --bs-btn-color: #fff;
     --bs-btn-bg: #666060;
     --bs-btn-border-color: #666060;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #555151;
     --bs-btn-hover-border-color: #555151;
     --bs-btn-focus-shadow-rgb: 102, 96, 96;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #666060;
     --bs-btn-active-border-color: #666060;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #666060;
     --bs-btn-disabled-border-color: #666060;
 }

 .btn.btn-primary {
     color: var(--bs-white);
     background-color: var(--bs-primary);
     border-color: var(--bs-primary);
 }

 .iq-all-versions {
     display: grid;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     white-space: nowrap;
     gap: 1rem;
     grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
 }

 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 /* For Firefox */
 input[type="number"] {
     -moz-appearance: textfield;
 }

 .table {
     overflow: visible;
 }

 .table-responsive thead th {
     position: sticky;
     background-color: #454545;
     color: rgb(255, 255, 255);
     top: 0;
     z-index: 5;
 }

 .table-responsive tfoot {
     position: sticky;
     background-color: #454545;
     color: rgb(255, 255, 255);
     bottom: 0;
     z-index: 5;
 }