.suggestionWrapper {
    background-color: #26292d;
    padding: 7px;
    border-radius: 10px;
}

    .suggestionWrapper:hover {
        background-color: #3c3f46;
        cursor: pointer;
        color: white;
    }

.suggestionElement {
    margin: 0px !important;
}

td.wps-detail {
    background-color: #3e3e3e;
    padding: 0;
}



.wps-top-row {
    margin-top: 50px;
    margin-bottom: 20px;
    height: 50px;
}

.uppercase {
    text-transform: uppercase;
}

.wps-form-center {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.dropzone .dz-preview .dz-image img {
    max-width: 100%;
    max-height: 100%;
}

.wps-form-center #imageupload {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}
 {
    width: 100%;

}
.wps-form-center .wps-form-controls {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.wps-form-full .wps-form-controls, .wps-form-full #imageupload {
    width: 100%;
}
.wps-form-center .dropzone, .wps-form-full .dropzone {
    background: transparent;
}

.dropzone-transparant-dotted {
    border: dashed 2px #444951;
    background: transparent;
}

.measurement-protocol-box {
    background-color: #2d3035;
    margin: 10px;
    padding: 20px;
}

    .measurement-protocol-box > div {
        margin-bottom: 10px;
    }

.measurement-details {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    display: block;
    overflow: auto;
}

/*    .measurement-details > span {
        padding-right: 20%;
    }*/

    .equipment-table > tbody > tr {
        cursor: pointer;
    }

.avatar-image {
    text-align: center;
    width: 80px;
    height: 80px;
    max-width: 100%;
    max-height: 100%;
}

    .avatar-image > img {
        height: 100%;
        width: 100%;
        border-radius: 50%;
    }

.scope {
    background: #444951;
    min-height: calc(2.25rem + 2px);
    /*min-width: 176px;*/
}

.nav-item.active {
    background: #34373d;
    color: #bfc1c4;
}


/*body {
    background: url(../images/bg_welder_optimized-min.png);
}*/



.splash {
    margin-top: 40vh;
}



.inactive-user-row {
    color: red;
}

.toggle-panel {
    cursor: pointer;
}

.joint-design-list-image {
    max-height: 200px;
    max-width: 200px;
}

.card-body-edit {
    cursor: pointer;
}

    .card-body-edit:hover {
        filter: brightness(75%);
    }

/*.multiselect-container {
    width: 100%;
}*/

/*.multiselect.dropdown-toggle {
    color: #979a9f;
    height: calc(2.25rem + 2px);
}
*/
/*.multiselect .multiselect-selected-text {
    float: left;
    color: var(--white);
}

.multiselect.dropdown-toggle::after {
    float: right;
    padding-right: 2px;
    content: '\f0d7';
}

.multiselect-container > li > a {
    width: 100%;
}

    .multiselect-container > li > a > label {
        padding-left: 10px;
        width: 100%;
    }

.multiselect-container.dropdown-menu {
    max-height: 50vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

select.form-control option {
    background-color: #2d3035;
    padding-bottom: 2px;
}

select.wps-material-groups-dropdown + div > ul {
    max-height: 300px;
    overflow-y: scroll;
}

    select.wps-material-groups-dropdown + div > ul > li > div > span.input-group-addon {
        display: none
    }

select + div > ul > li > div > span.input-group-addon {
    display: none
}*/


td.sort-by {
    cursor: pointer;
}

    td.sort-by:after {
        float: right;
        content: "\2191\2193";
        opacity: 0.7;
    }

th.sort-by {
    cursor: pointer;
}

    th.sort-by:after {
        margin-left: 5px;
        /*float: right;*/
        content: "\2191\2193";
        color: #ffd71f;
    }

.external-course:first-child, :not(.external-course) + .external-course {
    border-left: solid 1px #ffd71f !important;
    padding-left: 50px !important;
}

.course-left-border {
    border-left: solid 1px #ffd71f !important;
    padding-left: 50px !important;
}

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

.badge-pointer {
    cursor: pointer;
}
/*[list]::-webkit-calendar-picker-indicator {
    display: none;
}*/
/* remove arrow in Chrome */
/*input::-webkit-calendar-picker-indicator {
    display: none;
}*/
/*input[type=text] {
    background-color: red;
}*/
/*.custom-dropdown {

}*/
.menu-disabled {
/*    pointer-events: none;
    opacity: 0.6;*/
display: none;
}

p.table-cell-subtext {
    margin: 0;
    font-size: 12px;
}

.small-padding-cards .card-body {
    padding: 0.25rem;
}

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

@font-face {
    font-family: Teko;
    src: url(../fonts/Teko-Bold.ttf);
    font-weight: bold;
}

.navbar-brand {
    font-family: Teko;
}

/*nav#sidebar {
    font-family: Teko;
    font-size: 1.25rem;
}*/

.active-row {
    background-color: #3e3e3e;
}

    .active-row:hover {
        background-color: #3e3e3e !important;
    }

.table-clickable tbody tr {
    cursor: pointer;
}

    .table-clickable tbody tr td div {
        cursor: default;
    }


.gauges {
    justify-content: center;
}

.gauge-container {
    position: relative;
    margin-bottom: 65px;
}

.gauge-value {
    position: absolute;
    left: 90px;
    bottom: -35px;
    height: 120px;
    width: 120px;
    border-radius: 60px;
    background: #22252a;
}

    .gauge-value h1 {
        text-align: center;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
    }

    .gauge-value h2 {
        text-align: center;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
    }

    .gauge-value i {
        position: absolute;
        left: 50px;
        bottom: 85px;
        font-size: 24px;
    }

.gauge-min {
    position: absolute;
    left: 45px;
    bottom: -20px;
}

.gauge-max {
    position: absolute;
    right: 35px;
    bottom: -20px;
}

.gauge-percent {
    position: absolute;
    left: 145px;
    bottom: -20px;
}

.gauge-description {
    position: absolute;
    top: 160px;
    text-align: center;
    width: 300px;
}

.front-page-canvas {
    width: 300px;
    height: 150px;
}

.badge-disabled {
    cursor: not-allowed;
}


/*#select-language li div {
    margin-top: 0px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 2;
    top: 63px;
}*/

.logout {
    cursor: pointer;
}

.form-border > .row > .col-lg-12 {
    border: 1px solid #959595;
    border-radius: 10px;
    padding: 5px;
}

.form-border > .row > .col-lg-6 {
    border: 1px solid #959595;
    border-radius: 10px;
    padding: 5px;
}

.form-border > .row {
    margin-bottom: 5px;
}

.form-no-border {
    border: none !important;
    padding-left: 15px;
    padding-right: 15px;
}

.select2-dropdown {
    background-color: #2d3035;
    border-radius: 0px;
}

.select2-container {
    display: block;
}

.select2-container {
    width: 200px;
}


.select2-container--default .select2-selection--multiple {
    border-radius: 0px;
    border: 1px solid #444951;
    background-color: transparent;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #444951;

}

.select2-search__field {
    width: 120px !important;
}

.select2 .dropdown-wrapper {
    display: block !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffd71f;
    font-size: 1rem;
    color: #8a8d93;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e4e4e4;
}


.select2-results__options li {
    color: #8a8d93;
    background-color: transparent;
}


#content-container span.selection {
    display: block;
}

.select2-search__field {
    color: #f1f1f1;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: unset;
}

.pointer {
    cursor: pointer;
}

.select-fit-width {
    width: fit-content;
}

.remove-checkbox {
    color: #bb414d;
    cursor: pointer;
}

.table-fit {
    width: 1px;
}

div.modal.fade.show > div > div > div {
    margin: unset;
}

.draggable {
    cursor: pointer;
    padding-top: 12px;
}

.hover-highlight-title:hover {
    border: 1px solid #ffd71f;
    padding: 2px;
}

/*.btn-yellow {
    color: #000000;
    border-color: #ffd71f;
    background-color: #ffd71f;
}*/

.inline-checkboxes + label {
    margin-left: 3px;
    margin-right: 15px;
}

.focusOtherSectionClass {
    -webkit-box-shadow: 2px 3px 17px 8px rgba(255,255,255,0.21);
    box-shadow: 2px 3px 17px 8px rgba(255,255,255,0.21);
    border-radius: 15px !important;
    transition: ease-in-out;
}

.custom-radio {
    margin-top: 10px;
    padding-left: 3px;
}

.floating-input-label {
    position: relative;
}
.floating-input-label label {
    position: absolute;
    top: -32px;
    left: 10px;
}
.floating-input-label input {
    width: 100% !important;
    height: 100%;
}

.hide {
    visibility: hidden;
}

.archived {
    background-color: #1a1b1e;
    color: gray;
}

.no-bg {
    background-color: unset;
}
.no-border-bottom {
    border-bottom: unset;
}

.margin-minus-15 {
    margin-left: -15px;
}

.shrink {
    width: 0.1%;
    white-space: nowrap;
}

.max-content {
    width: max-content;
}