/* NEXTREV: Investigate moving to all Portal apps */
.outer-container {
  margin-top: 10px;
}

#FeatureFlags {
  display: none;
}


/*Bootstrap v5 migration
    Including Bootstrap-sass does the majority of what we need but it doesnt fix everything.
    The overrides below use more specific css seclectors that override what bootstrap v5 has in place.
    This can be done for any element that needs it.
*/

html body {
    font-size: 12px;
}

.panel-body {
    padding: 12px;
}

.hidden {
    display: none !important;
}

body hr {
    border: 0;
    border-top: 1px solid #eee;
    margin-bottom: 10px;
    margin-top: 10px;
}

nav.navbar {
    position: fixed;
    display: block;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding-top: inherit;
    padding-bottom: inherit;
}

a.navbar-brand {
    padding: 15px;
    float: left;
}

a.navbar-brand {
    height: 70px;
    line-height: 40px;
}

div.navbar.navbar-fixed-bottom {
    bottom: 0px;
}

nav.navbar-fixed-top {
    top: 0px;
}

.navbar-fixed-top, div.navbar.navbar-fixed-bottom {
    left: 0;
    position: fixed;
    right: 0;
}

ul.navbar-nav {
display: block;
}

ul.navbar-nav > li {
    float: left;
}

ul.navbar-nav > li > a {
    line-height: 20px;
}

ul.nav > li, ul.nav > li > a {
    display: block;
    position: relative;
}

ul.dropdown-menu > li > a{
    color: #333;
}

body a {
    color: #0d6efd;
    text-decoration: underline;
    white-space: nowrap;
}

body a:hover, body a:focus {
    color: #0b5ed7;
    text-decoration: underline;
}

body .content-container table {
    font-size: 14px;
}

span.caret {
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}


@media screen and (min-width: 1200px) {
    div.container-xl, div.container-lg, div.container-md, div.container-sm, div.container {
        max-width: 1170px;
    }
}

@media screen and (min-width: 1400px) {
    div.container-xl, div.container-lg, div.container-md, div.container-sm, div.container {
        max-width: 1170px;
    }
}

@media screen and (min-width: 768px) {
    button.navbar-toggle {
        display: none;
    }
}

a.dropdown-toggle::after {
    content: none;
}

.navbar-nav .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
    float: left;
    font-size: 14px;
    list-style: none;
    margin: 2px 0 0;
    min-width: 160px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

nav.top-secondary-navbar ul.navbar-nav .dropdown-menu > li a, nav.top-secondary-navbar ul.navbar-nav .dropdown-menu > li a:visited {
    color: #393D41;
    padding: 5px 10px;
}

.modal {
    z-index: 1050;
}

.modal-header, .modal-footer {
    display: block;
}

.toast {
    font-size: 14px;
}

.btn-link {
    text-decoration: none;
}

.btn-link:hover,
.btn-link:active,
.btn-link:visited,
.btn-link:focus,
.btn-link:first-child:active,
.back-to-dashboard-link:hover,
.back-to-dashboard-link:active,
.back-to-dashboard-link:visited,
.back-to-dashboard-link:focus {
    color: #1A1F71;
}

#ApplicationDropdown i {
    font-size: 14px;
    line-height: 1;
}

nav.top-secondary-navbar ul.navbar-nav .dropdown-menu > li a:hover {
    color: #6C6C6C;
    background-color: #fff;
}

.btn-link:focus, .btn-link:hover, .btn-link:active, .btn-link:visited {
    color: #1A1F71 !important;
}

.btn-default:disabled {
    pointer-events: all;
}

.align-right {
    text-align: right;
    white-space: nowrap;
}

.unsupported-browser-banner {
    display: none;
}

.slim-extend {
    font-size: 12px;
    width: 250px;
    white-space: nowrap;
    text-align: left;
    padding: 10px;
}

.btn,.btn:active,.btn:focus,.btn:visited,.btn:disabled,.btn:hover {
    padding: 8px 20px;
}

.container input {
    font-size: 14px;
}

div, p {
    font-size: 14px;
}

.content-container {
    align-items: center;
    justify-content: center;
    margin: 100px 0px;
}

.radio-inline, [type=radio]:checked, [type=radio]:not(:checked) {
    margin: 5px;
}

.btn-row, .btn-row:hover {
    width: 85px;
    font-size: 8px;
    padding: 2px;
}