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

a.no-deco {
    text-decoration: none;
}

body {
    font-family: main-font;
}

#navbar {
    text-align: right;
    padding-right: 25px;
}

.navbar-item {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 18px;
    margin: 10px 20px 10px 20px;
}

.notification {
    background: #faaa29;
    padding: 6px 8px;
    margin: 8px 8px;
    border-radius: 4px;
}

.notification.is-error {
    background: #e80f0c;
}

.notification.is-info {
    background: #6ebd44;
}

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    text-decoration: none;
    color: initial;
}

.no-margin {
    margin: 0px;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

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

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

.CellWithComment{position:relative;}

.CellComment
{
    visibility: hidden;
    /*width: auto;*/
    position:absolute;
    z-index:100;
    text-align: Left;
    opacity: 0.4;
    transition: opacity 2s;
    border-radius: 6px;
    background-color: #F6F6B9;
    padding:3px;
    top:50px;
    left:50px;
    overflow-x: auto;
}

.CellWithComment:hover span.CellComment {visibility: visible;opacity: 1;}

#footer {
    text-align: center;
}

#footer img {
    padding-top: 15px;
    width: 15%;
}
    
tr.noBorder td {
    border: 0;
}

#png_logo_img {
    width: 8rem;
    position: absolute;
    left: 4em;
    top: 6.1em;
}

.matlab_error td {
    color: #e80f0c;
    font-family: 'Fira Code', monospace;
}

.matlab_error p {
    text-align: left;
}

.long_id {
    max-width: 64px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.very_long_id {
    max-width: 96px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.long_url {
    max-width: 128px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.very_long_url {
    max-width: 256px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.clickable {
    cursor: pointer;
}

.mdl-card__supporting-text > .mdl-data-table {
    border-left: 0px;
    border-right: 0px;
}

.button-spinner {
    height: 20px !important;
    width: 20px !important;
    vertical-align: middle;
}

.iframe-overlay {
    background-color: white;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    padding-top: 33%;
}

.iframe-spinner {
    height: 96px;
    width: 96px;
}

.chip-large-icon {
    font-size: 24px;
}

.icon-yellow {
    color: #faaa29;
}

.icon-red {
    color: #e80f0c;
}

.large-spacer {
    height: 300px;
}

.above-popup {
    z-index: 100000000; /* jquery-confirm is at 99999999*/
}