html {
}

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

html {
    font-size: 16px;
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #f3f3f3;
    color: #555b60;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.nav{
    flex-wrap:nowrap;
}



.form-floating > .form-control, .form-floating > .form-select {
    height: calc(3rem + 2px);
    background-color: #ffffffe7;
}

.login-input {
    height: 2rem;
    background-color: #ffffffe7;
    margin-top: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-color: #bfbfbf;
    border-radius: .25rem;
    color: #555b60;

}

a {
    color: #0077cc;
}

h1, h2, h3 {
    color: #303c72;
    
}

.account-nav {
    flex: 0 0 auto;
    width: 18%;
    min-width: 192px;
}
.col-md-6 {
    width: 66.66666666%;
    width: 33.33333333%;
}

.login {
    margin:auto;
    flex: 0 0 auto;
    width: 380px;
    text-align:center;
}

.center-text{
    text-align:center;
}

.feature-list {
    margin: 0 auto;
    padding: 0;
    align-content: center;
    padding: 25px;
}

.form-floating {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mcnImage, .mcnRetinaImage {
    vertical-align: middle;
    max-width: 100px;
    border: 1px none;
    width: 50px;
}


.btn-primary {
    color: #fff;
    font-size:medium;
    background-color: #303c72;
    border-color: #1861ac;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-primary:hover {
    background-color: #2541bd;
}

.mcnCaptionRightTextContentContainer{
    max-width:465px;
}

.mcnCaptionRightContentContainer {
    vertical-align: middle;
}

.mcnCaptionRightContentOuter {
    margin: 0 auto;
    padding: 0;
    padding-left: 15px;
}

.input_label {
    font-size: small;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.logo {
    height: 20px;
}

.row {
    min-width: 986px;
    --bs-gutter-x: 0;
}

.debug-view {
    background-color: aqua;
    border-width: 1px;
    border-color: red;
}

.request-box {
    height: 170px;
}



.nav-item{
    height:auto;
}

.pill:hover {
    background-color: #dddddd;
    border-radius: .25rem;
    color: #ff6600;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #303c72;
    border-color: #1861ac;
}

.status-message {
    margin:auto;
    width:50%;
    text-align:center;
    flex: 0 0 auto;
    color:#107c00;
    font-style:italic;
}

.nav-link {
    color: #5f5f5f;
    padding: .25rem .5rem;
}

.nav-label {
    font-size: small;
    font-style: italic;
    color: #1861ac;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.userManagerbutton {
    display: inline-block;
    background-color: #555b60;
    border-radius: .25rem;
    color: #eeeeee;
    text-align: center;
    font-size: 12px;
    transition: all 0.5s;
    cursor: pointer;
    max-height: fit-content;
}

.userManagerbutton span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.userManagerbutton span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}



.userManagerbutton:hover {
    background-color: red;
}

.userManagerbutton:hover span {
    padding-right: 25px;
}

.userManagerbutton:hover span:after {
    opacity: 1;
    right: 0;
}



.downloadManagerbutton {
    display: inline-block;
    background-color: #555b60;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: .25rem;
    color: #eeeeee;
    text-align: center;
    font-size: 12px;
    transition: all 0.5s;
    cursor: pointer;
    max-height: fit-content;
}

.downloadManagerbutton span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.downloadManagerbutton span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}



.downloadManagerbutton:hover {
    background-color: forestgreen;
}

.downloadManagerbutton:hover span {
    padding-right: 25px;
}

.downloadManagerbutton:hover span:after {
    opacity: 1;
    right: 0;
}

.btn-secondary:hover {
    background-color: red;
}


.footer {
    position: absolute;
    padding: .5rem;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    font-size: small;
    text-align: center;
}

.dropdown-list {
    width: 50%;
}