@font-face {
  font-family: neuropolitical rg;
  src: url("/assets/fonts/neuropolitical rg.ttf");
}

.logo1 {
  font-family: neuropolitical rg;
  font-size: 45px;
  color: #00406C;
}

.logo1 span {
  font-size: 25px;
  color: #9c9c9c;
}

.logo2 {
  font-family: neuropolitical rg;
  color: #ffffff;
}

.logo2 img {
  width: 25px;
  margin-bottom: 5px;
}

.logo2 a {
  font-size: 21px;
  width: 125px;
}

.logo2 span {
  font-size: 11px;
  color: #9c9c9c;
}


.table-list thead tr th {
  padding: 10px;
  background-color: #ffffff;
  color: #00406C;
  position: sticky;
  top: 0;
  z-index: 9;
  font-size: 15px;
}

.table-list tbody tr {
  border-bottom: 1px solid #e9ecef;
}

.table-list tbody tr td {
  padding: 10px;
  font-size: 15px;
}

.table-list tr td a {
  text-decoration: 1px red underline;
}

.table-list a:hover {
  color: #404E67;
}

.btn i {
  margin: 0px;
  padding: 0px;
}

.mobile-menu {
  text-align: right;
}

.mobile-options {
  display: none;
}

input[type=checkbox] {
  margin-right: 7px;
}

.input-group {
  margin-bottom: 0em;
}

.input-required-field {
  border-color: #eb3422;
}

input[type=checkbox]:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: transparent !important;
  background: #ffffff;
  display: block;
  width: 1.3em;
  height: 1.3em;
  border: 1px solid #01a9ac;
}

input[type=checkbox]:checked:before {
  color: #01a9ac !important;
}

.login-block {
  background: none;
}


/* .table-responsive {
  height: 100vh;
} */


.form-group label{
  font-weight: bold;
}

.form-checkbox{
  margin-left: 7px;
}

.tooltip-custom {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip-custom .tooltiptext-custom {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
  margin-left: 7px;
}

.tooltip-custom .tooltiptext-custom::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.tooltip-custom:hover .tooltiptext-custom {
  visibility: visible;
}

@media only screen and (max-width: 992px) {
  .mobile-menu {
    text-align: left;
  }

  .mobile-options {
    display: block;
  }
}