@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url('https://rsms.me/inter/inter.css');
/* html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}  */

/* tr {
     	font-family: "Inter" !important;
}

td {
     	font-family: "Inter" !important;
} */



/* small {
     	font-family: "" !important;
} */



h2 {
    font-family: BwNistaInt-xBd;
}

/* h3 {
    font-family: BwNistaInt-xBd;
} */

@font-face {
    font-family: 'BwNistaInt-xBd';
    src: url("BwNistaInt-xBd.woff") format("woff");
    font-style: normal;
    font-display: swap;
  }

#fa {
    display: none !important;
}


body {
    background-color: #41228e;
        /* The image used */
        background-image: url("images/bg.png");
  
        /* Set a specific height */
        height: 500px;
      
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    color: white;
/*     font-family: "Inter" !important; */
}

.title {
/*     font-family: Inter !important; */
    font-size: 36px;
}

table a {
    color: white !important;
}

h2 a {
    color: white !important;
}

h3 a {
    color: white !important;
}

.navbar-nav li a {
    color: white !important;
}

.navbar-nav li a:hover {
    color: white !important;
}


.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2b2e30;
}

.table-striped > tbody > tr:nth-of-type(odd) > td > button {
    background-color: #353a41;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #353a41;
}

.table-striped > tbody > tr:nth-of-type(even) > td > button {
    background-color: #2e3338;
}

th, td {
    border-top: 1px solid #1c1e22 !important;
}

.table .table {
    background-color: transparent;
    border: 1px solid black;
    color: white !important;
}

/* .text-gdq-black {
    color: #white;
} */

.btn-label {
	position: relative;
	left: -17px;
    top: -8px;
	display: inline;
	padding: 8px 12px;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 0px 0 0 0px;
    float: left;
    width: 55px !important;
}
 
.btn-labeled {
	padding-top: 7px;
	padding-bottom: 0;
    font-size: 18px;
}
 
.btn-panel {
	margin-bottom: 10px;
    height: 82px !important;
    font-size: 14px;
    vertical-align: middle;
}