.bg-tjk {
    background-color: #3d566e !important;
}
.hero-area {
    background-color: #3d566e !important;
    color:white;
}

.btn-sm {
    padding: .09rem .5rem;
    font-size: .75rem;
    border-radius: .2rem;
}
.darker-bg {
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) )
}
.title {
    font-size: 50px;
    font-family: Montserrat,Arial, Helvetica, sans-serif;
}
.subtitle {
    font-family: Montserrat,Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: 100;
    padding-bottom: 30px;
    position: relative;
    color: #bdc3c7;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
}

li 
td > a {
    color: #4682b4;
    text-decoration: none;
}

td > a:hover {
    color: #4682b4;
    text-decoration: underline;
}


.toggle-vis:hover {
    color: #4682b4;
    text-decoration: underline;
}

.toggle-vis {
    color: #4682b4;
    text-decoration: none;
}


.btn {
   /* border-radius: 0 !important;*/
}

@font-face {
    font-family: Montserrat;
    src: url(fonts/Montserrat/Montserrat-Regular.ttf);
}

body {
    font-family: Montserrat;
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.site-page-content {
    flex: 1 0 auto;
}

.result-link {
    color: white;
    text-decoration: none;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #3d566e !important;
    border-color: #3d566e !important;
}

.bg-primary {
    background-color: #3d566e !important;
}

.btn-primary-standard, .btn-primary-standard:hover, .btn-primary-standard:active, .btn-primary-standard:visited {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.bg-primary-standard {
    background-color: #0d6efd !important;
}

.footer {
    flex-shrink: 0;
}

.tableTextSameLine {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px !important;
}


.btn-icon {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0;
    line-height: 1;
}

.btn-soft-primary {
    background: rgba(13, 110, 253, .08);
    color: #0d6efd;
    border: 0;
}

.btn-soft-success {
    background: rgba(25, 135, 84, .16); 
    color: #198754;
    border: 0;
}

.btn-soft-danger {
    background: rgba(220, 53, 69, .10);
    color: #dc3545;
    border: 0;
}

.btn-soft-secondary {
    background: rgba(108, 117, 125, .10);
    color: #6c757d;
    border: 0;
}

.btn-soft-info {
    background: rgba(13, 202, 240, .10);
    color: #0dcaf0;
    border: 0;
}

.bg-light-success{
    background-color: #eaf7ef !important;
    border-color: #cfeedd !important;
    color: #0f5132 !important;
  }
  .bg-light-success:hover{
    background-color: #dff3e7 !important;
  }
.bg-light-warning{
    background-color: #fff8e6 !important;
    border-color: #ffe2a8 !important;
    color: #664d03 !important; 
  }
  .bg-light-warning:hover{
    background-color: #fff1cf !important;
  }
    .bg-light-danger{
    background-color: #fdecec !important;
    border-color: #f7caca !important;
    color: #842029 !important; 
  }
  .bg-light-danger:hover{
    background-color: #fbdcdc !important;
  }

.btn-soft-primary:hover,
.btn-soft-success:hover,
.btn-soft-danger:hover,
.btn-soft-secondary:hover,
.btn-soft-info:hover {
    filter: brightness(0.96);
}

.btn-soft-muted {
    background: rgba(108, 117, 125, .18);
    color: #000000;
    border: 0;
    cursor: default;
}

.btn-soft-muted:hover {
    filter: none;
}