.header-fixed {
    width: 100%
}

    .header-fixed > thead, .header-fixed > tbody, .header-fixed > thead > tr, .header-fixed > tbody > tr, .header-fixed > thead > tr > th, .header-fixed > tbody > tr > td {
        display: block
    }

        .header-fixed > tbody > tr:after, .header-fixed > thead > tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both
        }

    .header-fixed > tbody {
        overflow-y: auto
    }

        .header-fixed > tbody > tr > td, .header-fixed > thead > tr > th {
            width: 20%;
            float: left
        }

.btn-natural-link {
    transition: unset;
    padding: 0;
}

#telemetry_table1 {
    overflow: auto
}

.left-fixed-width {
    float: left;
    width: 100px
}

.input-int {
    max-width: 75px
}

.input-select {
    max-width: 250px
}

.input-date {
    max-width: 150px
}

.row-error {
    border-top: none !important
}

.dark-fill {
    background-color: #e3e2e2
}

a.grey-link {
    color: #444
}

    a.grey-link:hover {
        color: #555
    }

.inline {
    display: inline-block
}

select option[disabled] {
    display: none
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto
}

.no-border > tbody > tr > td {
    border-bottom: none !important
}

.aspect-ratio-wrapper {
    position: relative;
    width: 100%
}

.square.aspect-ratio {
    padding-bottom: 100%;
    text-align: center
}

.three-by-two.aspect-ratio {
    padding-bottom: 66.666%
}

.four-by-three.aspect-ratio {
    padding-bottom: 75%
}

.sixteen-by-nine.aspect-ratio {
    padding-bottom: 56.25%
}

.aspect-ratio-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 1px 1px 1px 1px;
    height: 100%;
    vertical-align: middle
}

.aspect-ratio-img {
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto
}

.tile-hover:hover {
    background-color: #a1cdee
}

.description p {
    text-align: justify
}

.optionpopover {
    color: #909090
}

    .optionpopover:hover {
        color: #575757
    }

.optionpopover-no-id {
    color: #e0e0e0
}

.optionpopover-no-option {
    color: #c1c1c1
}

    .optionpopover-no-option:hover {
        color: #575757
    }

@media(min-width:768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap
    }
}

.dimension-field {
    width: 8vw
}

.gi-lg {
    font-size: 25px
}

.gi-2x {
    font-size: 2em
}

.gi-3x {
    font-size: 3em
}

.gi-4x {
    font-size: 4em
}

.gi-5x {
    font-size: 5em
}

.btn-action {
    padding-top: 0;
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 1px
}

.tooltip-wrapper {
    display: inline-block
}

    .tooltip-wrapper .btn[disabled] {
        pointer-events: none
    }

    .tooltip-wrapper.disabled {
        cursor: not-allowed
    }

.tab-content.sections > .tab-pane {
    min-height: 30vh
}

.cab-row {
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px
}

    .cab-row:nth-last-of-type(2) {
        border-bottom: none !important
    }

.text-bold {
    font-weight: bold
}

thead.sticky {
    border-top: none;
    border-bottom: none;
    background-color: #fff
}

.scroll-viewport {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 30vh
}

.popover.full-width {
    max-width: none
}

.lines-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lines-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.lines-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 48px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.lines-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 64px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.center-imgs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.carousel-selector:hover {
    border-bottom: 1px solid #c0c0c0
}

.carousel-selected {
    border-bottom: 1px solid #000
}

.table.borderless > tbody > tr > td, .table.borderless > tbody > tr > th, .table.borderless > tfoot > tr > td, .table.borderless > tfoot > tr > th, .table.borderless > thead > tr > td, .table.borderless > thead > tr > th, .table.borderless > tr > td, .table.borderless > tr > th {
    border: none
}

.navbar-brand-dropdown {
    margin: 0
}

.navbar-brand.dropdown-toggle {
    padding-top: 15px
}

.dropdown-menu.dropdown-brand {
    margin-left: -15px
}

.thisisafakeclass > #IJustNeedSomeExtraCharacters {
    display: none;
    position: absolute;
    margin-top: 100px;
    border-bottom: 1px solid #000
}

.me {
    font-size: 14px;
    margin: -4px;
    border-right: 3px solid #60df88 !important;
    padding: 5px;
    background-color: #effff1
}

.you {
    font-size: 14px;
    margin: -4px;
    border-left: 3px solid #ff7000 !important;
    padding: 5px;
    padding-left: 10px;
    background-color: #f7f7d6
}

ul.nav li.dropdown.hover:hover ul.dropdown-menu {
    display: block;
}

#instruction-collapse > *,
#instruction-collapse > * > *,
#instruction-collapse > * > * > *,
#instruction-collapse > * > * > * > *,
#instruction-collapse > * > * > * > * > *,
#instruction-collapse > * > * > * > * > * > * {
    color: #777777;
}

a.text-muted {
    color: #777;
}

a.text-primary {
    color: #337ab7;
}

a.text-success {
    color: #3c763d;
}

a.text-info {
    color: #31708f;
}

a.text-warning {
    color: #8a6d3b;
}

a.text-danger {
    color: #a94442;
}


.item-row:nth-child(even) {
    background-color: #EEE;
}