.search-field {
    text-align: left;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 12px;
}

    .search-field label {
        margin-right: 10px;
        margin-bottom: 0px;
        width: 30%;
    }

    .search-field input {
        width: 65%;
    }

    .search-field .chosen-container {
        width: 65% !important;
    }

.search-field-range-header {
}

    .search-field-range-header span {
        margin-left: 38%;
    }

.search-field-range {
}

    .search-field-range input {
        width: 25%;
    }

    .search-field-range span {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }

.search-field-toggle-container {
    text-align: left;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 12px;
}

    .search-field-toggle-container label {
        margin-right: 10px;
        margin-bottom: 0px;
        width: 72%;
    }

    .search-field-toggle-container .sm-label {
        width: 70.5%;
        display: inline-block;
    }

    .search-field-toggle-container input, .search-field-toggle-container select {
        width: 65%;
    }

    .search-field-toggle-container .chosen-container {
        width: 65% !important;
    }

.converter-search-tag {
    margin-left: -1px;
    position: absolute;
    top: 23%;
    width: 23px;
    height: 140px;
    background-color: #428bca;
    z-index: 4;
    text-align: center;
    text-orientation: mixed;
    writing-mode: vertical-rl;
    border-top: 1px solid #428bca;
    border-right: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #fff;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
}

    .converter-search-tag p {
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.converter-search-panel {
    position: absolute;
    z-index: 4;
    height: 88%;
    margin-left: -3px;
    display: inline;
    width: 23%;
}

.converter-search-panel-close {
    height: 41px;
    margin-left: -4px;
    margin-right: -4px;
    margin-top: -4px;
    margin-bottom: 12px;
    background-color: #428bca;
}

    .converter-search-panel-close p {
        color: #fff;
    }

    .converter-search-panel-close span {
        float: right;
        margin-right: 8px;
        margin-top: 8px;
        font-size: larger;
    }

#converter-search-panel-close {
    cursor: pointer;
}

    #converter-search-panel-close:hover {
        text-shadow: 0px 0px 4px #000;
    }

#backscreen {
    background-color: black;
    width: 81.5%;
    height: 83.6%;
    opacity: 0.15;
    position: absolute;
    z-index: 3;
}

#converterDetailContainer {
    display: inline-block;
    width: 100%;
}

.popupContainerDetail fieldset {
    border: 1px solid #333;
    border-radius: 8px;
    margin-bottom: 10px;
}

    .popupContainerDetail fieldset legend {
        margin-left: 20px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #333;
        border-radius: 4px;
        margin-bottom: 10px;
        width: unset;
        font-size: unset;
    }

.assay-biscuit-table {
}

    .assay-biscuit-table input {
        width: 100%;
    }

    .assay-biscuit-table .biscuit_row_cell_row {
        margin-top: 10px;
    }

    .assay-biscuit-table .biscuit_row_cell {
        width: 120px;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

        .assay-biscuit-table .biscuit_row_cell .biscuit_row_cell_header {
            font-weight: bold;
        }

.converter-relation-drop-container {
    min-height: 225px;
    border: 2px dashed #428bca;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 4px;
    margin-bottom: 4px;
}

    .converter-relation-drop-container div.node {
        border: 1px solid #cccccc;
        border-radius: 4px;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 5px;
        padding-right: 5px;
        height: 200px;
    }

    .converter-relation-drop-container div div.close-node {
        width: 10%;
        float: left;
    }

    .converter-relation-drop-container div div.label-node {
        padding-right: 0px;
        padding-left: 0px;
        height: 100%;
        overflow: hidden;
        margin-left: 27px;
    }

        .converter-relation-drop-container div div.label-node a {
        }

        .converter-relation-drop-container div div.label-node img {
            width: 80%;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .converter-relation-drop-container div div.label-node p {
            margin: 0px;
        }

    .converter-relation-drop-container div label.relation {
        padding: 5px;
        margin-left: 0px;
        margin-bottom: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: center;
        position: absolute;
        width: 63%;
        height: 100%;
        cursor: pointer;
    }

    .converter-relation-drop-container div span.relation-glyphicon {
        cursor: pointer;
    }

.assay-override-label {
    color: tomato;
    margin-left: 10px;
}

.assay-averages {
    text-align: unset;
}

.assay-averages-title {
    text-align: left;
}

.assay-average-metal-table {
    display: table;
    width: 100%;
}

.assay-average-metal-table-row {
    display: table-row;
}

.assay-average-metal-table-row-header {
    border-bottom: 1px solid #999999;
    font-weight: bold;
}

.assay-average-metal-table-cell {
    display: table-cell;
    padding: 2px;
    border-right: 1px solid #999999;
}

.assay-average-metal-table-body {
    display: table-row-group;
}

.assay-average-metal-table-placeholder {
    min-height: 110px;
    text-align: left;
    padding-top: 43px;
}

    .assay-average-metal-table-placeholder img {
        width: 25px;
    }

#converter_Images_Container {
    min-height: 200px;
    padding-left: 20px;
    padding-right: 20px;
}

.converter-image {
    padding: 4px;
    width: 175px;
    height: 150px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 10px;
    border: 1px solid #428bca;
    border-radius: 3px;
}

    .converter-image img {
        width: 100%;
        height: 82%;
    }

    .converter-image p:first-child {
        position: absolute;
        width: 27%;
        color: white;
        background-color: #000;
        font-size: 9pt;
        top: 0;
        left: 0;
        padding: 2px;
    }

.converter-image-thumbnail {
    border: none;
}

    .converter-image-thumbnail a {
        cursor: pointer;
    }

    .converter-image-thumbnail img:hover {
        border: 1px solid #428bca;
        border-radius: 3px;
    }

    .converter-image-thumbnail img {
        width: 100%;
    }

.converter-image-rotator {
    width: 25px !important;
    cursor: pointer;
}

.converter-image-toolbar {
    padding: 0 !important;
    margin: 0 -4px 0 -4px;
    bottom: 0px;
    position: absolute;
    width: 100%;
    background-color: #428bca;
}

.converter-image-search {
    width: 22px !important;
    height: 22px !important;
    position: relative;
    left: -25%;
    margin-top: 1px;
}

.converter-image-edit {
    width: 22px !important;
    height: 22px !important;
    position: relative;
    float: left;
    margin-left: 2px;
    margin-top: 1px;
}

.converter-image-loading {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 200px;
    text-align: center;
    padding: 20px;
    z-index: 100;
}

.carousel-image-container {
    text-align: center;
}

.converter-imagecarousel-nav {
}

    .converter-imagecarousel-nav ul {
        list-style: none;
    }

.converter-imagecarousel-nav-left {
}

.converter-imagecarousel-nav-right {
}

.converter-imagecarousel-image {
    width: 600px;
}

.converter-imagecarousel-image-active {
    display: unset !important;
}

.converter-imagecarousel-image-inactive {
    display: none !important;
}

.converter-serialnumber-isgroup {
    color: #337ab7;
    font-weight: bold;
}

.assay-metal-averages-panel {
    border: 1px solid #5cb85c;
    border-radius: 4px;
}

.converter-most-recent {
    border-bottom: 1px solid black;
    font-weight: normal;
    color: black;
    padding: 5px;
}

    .converter-most-recent p {
        margin-left: -5px;
        margin-right: -5px;
        padding-bottom: 7px;
        text-align: center;
        border-bottom: 1px solid black;
    }

    .converter-most-recent ul {
        list-style: none;
        padding-left: 5px;
        margin-left: 5px;
        margin-right: 5px;
    }

converter-most-recent ul {
    vertical-align: top;
    list-style: none;
    padding-left: 5px;
}

    converter-most-recent ul li ul {
        vertical-align: top;
        padding-left: 40px;
    }

converter-most-recent > ul > li > a {
    font-weight: normal;
    color: black;
}

converter-most-recent > ul > li.node-selected {
    font-weight: normal;
    color: black;
    border: 1px solid #428bca;
    border-radius: 4px;
    padding: 4px;
    background-color: aliceblue;
}

    converter-most-recent > ul > li.node-selected > a {
        font-weight: bold;
    }

converter-most-recent > ul:last-child {
    margin-bottom: 10px;
}

.add-edit-assay-container {
    height: 97%;
    border: 1px solid #fff;
}

    .add-edit-assay-container .panel-heading {
        border-bottom: 1px solid #428bca;
        box-shadow: 0px 2px;
        height: 4rem;
        background-color: #fff1dc;
    }

    .add-edit-assay-container .panel-title {
        text-align: center;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .add-edit-assay-container .panel-body {
        overflow-y: auto;
        height: calc(100% - 10.5rem);
        padding-top: 10px;
    }

    .add-edit-assay-container .panel-footer {
        height: 5rem;
    }


.hardDeleteAssayWarningContainer {
    text-align: left;
    background-color: rgba(255, 99, 71, 1);
    padding: 10px;
    z-index: 10;
    position: fixed;
    width: 100%;
    width: 81.5%;
    float: right;
    margin-left: -31px;
    margin-top: -17px;
}

    .hardDeleteAssayWarningContainer img {
        float: left;
        width: 40px;
        margin-left: 20px;
    }

    .hardDeleteAssayWarningContainer p {
        float: left;
        padding-top: 9px;
        font-weight: bold;
    }

    .hardDeleteAssayWarningContainer button {
        float: right;
        margin-top: 3px;
    }

.move-assay-confirm-panel {
    background-color: #fff1dc;
    border: 1px solid black;
    border-radius: 8px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-block: 6px;
}

.converterSimilarFilter {
    padding: 10px;
    background-color: #fff1dc;
    margin-bottom: 6px;
}

.assay-supplier-query {
    border: 1px solid gray;
    border-radius: 8px;
    padding-top: 4px;
    padding-bottom: 12px;
    text-align: left;
    min-height: 116px;
}

    .assay-supplier-query select {
        width: 225px;
    }

    .assay-supplier-query .chosen-container {
        width: 225px !important;
        vertical-align: top;
    }

    .assay-supplier-query .supplierAssayPriceClear {
        top: 2px;
        font-size: x-large;
        color: gray;
    }

        .assay-supplier-query .supplierAssayPriceClear:hover {
            color: blue;
            cursor: pointer;
        }

.assay-margin {
    font-size: smaller;
    color: darkgoldenrod;
}

.height-minus-87 {
    height: calc(100% - 87px);
}

.converter-detail-toggles {
    border-top: 1px darkgrey solid;
}

.converter-vehicle-association {
    background-color: #81add2 !important;
}

.converter-vehicleassignments-loader {
    display: none;
}

    .converter-vehicleassignments-loader label {
        font-size: small;
    }

    .converter-vehicleassignments-loader img {
        width: 20px;
        margin-right: 10px;
    }

#modal-AddEditConverterVehicle {
}

    #modal-AddEditConverterVehicle .modal-dialog {
        height: 90vh;
    }

    #modal-AddEditConverterVehicle .modal-content {
        height: 100%;
    }

    #modal-AddEditConverterVehicle .modal-footer {
        top: calc(90vh - 35px);
        position: sticky;
    }

@media only screen and (max-width: 1050px) {
    .search-field label {
        margin-right: 5px;
    }
}

.load-converterlist-panel {
    text-align: center;
}

    .load-converterlist-panel img {
        width: 50px;
    }

.search-panel-buttons {
    border-bottom: 1px solid #428bca;
    background-color: #fff;
    position: absolute;
    z-index: 1000;
    top: 42px;
    width: 99.5%;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    padding-top: 8px;
}

    .search-panel-buttons button {
        width: 30%;
        height: 34px;
        float: left;
        margin-left: 40px;
    }

.converter-search-panel img {
    width: 30px;
    float: right;
    display: none;
    margin-right: 0px;
}

@media only screen and (min-width: 1920px) and (max-height: 1080px) {

    .search-panel-buttons {
        bottom: 92px;
    }
}

@media only screen and (min-width: 1920px) {

    .search-panel-buttons {
        bottom: 98px;
    }
}

.converter-list-no-results {
    display: none;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid red;
    margin: 4px;
    border-radius: 12px;
}

.converter-value-highlight {
    border: 1px solid #5cb85c;
    background-color: #5cb85c;
    color: #fff;
    border-radius: 8px;
}

.converter-onhold {
    background-color: tomato;
    border: 1px solid tomato;
    border-radius: 4px;
    font-size: smaller;
    height: 19px;
    display: inline-block;
    color: #fff;
    padding: 0px 4px;
}

.converter-onhold-title {
    background-color: tomato;
    border: 1px solid tomato;
    border-radius: 4px;
    font-size: smaller;
    height: 19px;
    display: inline-block;
    color: #fff;
    padding: 0px 4px;
}