@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #FFFFFF !important;
    color: #141823 !important;
}
.header-image {
    background-repeat: no-repeat;
    background-position: top left;
    height: 65px;
    width: 143px;
    margin: .5em 0;
    background-image: url(data:image/png;base64,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 );
}

.frame {
    height: 25px; /* equals max image height */
    width: 160px;
    white-space: nowrap;
    text-align: center;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

img {
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}

a, .btn-link {
    color: #25579D;
}

a {
    padding-left: 0;
    color: #337ab7 !important;
    text-decoration: none;
    background-color: transparent;
}
button :disabled{
    cursor: not-allowed;
}

.clickable:hover {
    cursor: pointer;
}

button:focus {
    outline: 0 !important;
}

input[type="button"]:disabled {
    cursor: not-allowed;
}
input[type="button"]:focus {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #DC5E48 !important;
    border: none !important;
}

h2, h3, h4, h5, h6 {
    font-weight: 400 !important;
}

.btn-outline-primary {
    color: #F8981D !important;
    border-color: #F8981D !important;
    background-color: transparent;
}

    .btn-outline-primary:hover {
        color: white !important;
        border-color: #F8981D !important;
        background-color: #e8a425 !important;
    }

.btn-natgen {
    background-color: rgb(11,103,179);
    color: white;
}

    .btn-natgen:hover {
        color: white;
    }

.required {
    color: darkred;
}

.table thead th {
    font-weight: 400 !important;
}
.table td, .table th {
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: .85rem !important;
}
#bootstrap-overrides .bg-primary {
    background-color: #1c4161 !important;
    color: white;
}
#bootstrap-overrides .bg-secondary {
    background-color: #205078 !important;
    color: white;
}
.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    bottom: 0;
    display: none;
    left: 0;
    padding: 0;
    position: fixed;
    width: 100%;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.main-section {
    margin-top: 2em;
    margin-bottom: 2em;
    background: #e4e4e4;
    padding: 2em 2em 1em 2em;
    border-radius: 10px;
    box-shadow: 0 5px 20px -9px grey;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #f8f8f8 !important;
}
.one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.loginform {
    border-right: solid 1px white;
}

.footer {
    border-top: solid 1px white;
    margin-top: 3em;
}
.button-row {
    margin-left: 5.5em;
}

.btn-link {
    color: white !important;
}

.footer-text {
    margin-top: 1em;
}
/*
a {
    padding-left: 0;
    color: #337ab7;
    text-decoration: none;
}*/


.header-nav {
    box-shadow: 0 5px 10px -9px grey;
}

.form-control {
    border: none !important;
}
#overrides .form-control {
    border: 1px solid gray !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1c4161 !important;
    border-color: #1c4161;
}

.card-header {
    padding: 0 !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
    border: none;
    background: #205078 !important;
    color: white !important;
    border-radius: 10px !important;
    text-align: center !important;
}

.card {
    background: transparent !important;
    border: none !important;
}

.bg-secondary {
    color: white !important;
}
.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

.bg-primary {
    background-color: rgb(11,103,179) !important;
}

.dropdown .dropdown-menu {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.username {
    display: inline-flex;
    align-items: center;
}

.dropdown.show .dropdown-menu { /* For Bootstrap 4, use .dropdown.show instead of .dropdown.open */
    max-height: 300px;
    opacity: 1;
}

@media (min-width: 641px) {
    .nav-wrapper {
        flex-wrap: nowrap;
    }

    .navbar {
        padding: 0 !important;
    }

    .dropdown-item {
        color: #212529 !important;
    }
}

@media (max-width: 641px) {
    .nav-wrapper {
        flex-wrap: wrap;
    }

    .dropdown-menu {
        background-color: transparent !important;
        border: none;
    }
}

.top-row {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand {
    font-size: 1.1rem !important;
}

.oi {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav {
    flex-wrap: nowrap;
}

.nav-item {
    font-size: 0.9rem;

}

.nav-item a {

    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #7E858A;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #7E858A transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #7E858A;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #7E858A transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #f8f8fb !important;
}
table {
    table-layout: fixed;
    word-wrap: break-word;
}

    table tr th.sort {
        cursor: pointer;
    }

        table tr th.sort.desc:after {
            font-family: "Material Icons", sans-serif;
            content: "\e5c5";
        }

        table tr th.sort.asc:after {
            font-family: "Material Icons", sans-serif;
            content: "\e5c7";
        }

i {
    margin-left: 5px !important;
    vertical-align: middle !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 70em !important;
        margin: 1.75rem auto !important;
    }
}

.modal-dialog {
    position: relative !important;
    width: auto !important;
    margin: .5rem !important;
    pointer-events: none !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 70em !important;
        margin: 1.75rem auto !important;
    }
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}

.validated-text{
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 1.1em;
}

.version {
    padding: 0;
    margin: 0;
    font-size: 0.25rem;
    color: #e4e4e4;
}

.tooltip-wrapper {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: pointer;
    color: blue;
    font-size: .7em;
}

span.tip {
    visibility: hidden;
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
}

    span.tip::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.tooltip-wrapper:hover span.tip {
    visibility: visible;
}

#components-reconnect-modal {
    display: none;
}

.components-reconnect-show, .components-reconnect-failed, .components-reconnect-rejected {
    display: none;
}

.pclickable {
    border-radius: 5px;
}

.pclickable:hover {
    background-color: #e2e6ea !important;
    border-color: #adb5bd;
}

.selected {
    background-color: #e2e6ea !important;
    border-color: #adb5bd;
}

.spinner {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
}

.spinner div {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    border: 3px solid #fff;
    border-radius: 50%;
    animation: spinner 1.2s infinite;
    border-color: #fff #fff #fff transparent;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}