html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

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

.tpa-form-text {
    font-weight: bold;
}

.accordion-button:not(.collapsed) {
    background-color: #fbfbef;
}

footer {
    background: #242424;
    color: #fff;
}

.footerLink:link {
    color: #fff;
}
.footerLink:visited{
    color: #fff;
}
.footerLink:hover {
    color: #fff;
}
.footerLink:active {
    color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #212529;
}

/*For nav bar */
.navbar-brand {
    display: flex;
    align-items: center;
    margin-left: 10px;
    /*margin-top: 15px;*/
}

.navbar-brand img {
    margin-top: -15px;
}

.navbar-nav {
    /*margin-top: 15px;*/
}

.navbar-collapse {
    justify-content: flex-end;
}

/* For index orbify ratings - fills full width */
.bg-success-fill {
    background-color: rgb(40, 167, 69) !important;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}

.bg-warning-fill {
    background-color: rgb(232, 124, 27) !important;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}
.bg-warning-fill {
    background-color: rgb(232, 124, 27) !important;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}

.bg-danger-fill {
    background-color: rgb(220, 53, 69) !important;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}
.bg-light-fill {
    background-color: rgb(245, 245, 245) !important;
    color: black !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}
/* For country header ratings */
.bg-success {
    background-color: rgb(40, 167, 69) !important;
    display: inline-block;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
}

.bg-warning-sp {
    background-color: rgb(232, 124, 27) !important;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
}

.bg-danger-sp {
    background-color: rgb(220, 53, 69) !important;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
}
.bg-warning {
    background-color: rgb(232, 124, 27) !important;
    display: inline-block;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
}

.bg-danger {
    background-color: rgb(220, 53, 69) !important;
    display: inline-block;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
}
.bg-dark {
    background-color: rgb(51, 51, 51) !important;
    display: inline-block;
    color: white !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
}
.bg-light {
    background-color: rgb(245, 245, 245) !important;
    display: inline-block;
    color: black !important;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
}

/*For User Guide sidebar */
.sidebar-nav .nav-link {
    color: #198754;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 4px;
}

.sidebar-nav .nav-link:hover {
    background-color: #e9e9e9;
    text-decoration: none;
}

.icon-warning {
    color: rgb(232, 124, 27);
}

/*For simplified DDS selected row*/
.table-active {
    background-color: #d1ecf1 !important;
}