.myshow_cell {
    display: block !important;
}

.myshow_row {
    display: block !important;
}

.myContainer {
    display: inline-flex;
}

.dimButton {
    width: 80px;
    margin: 5px;
    display: block;
}

.speciesButton {
    width: 90px;
    margin: 5px;
    display: block;
    text-wrap: inherit;
}

#divDimensions {
    /*overflow: scroll;*/
    width: 100%;
}

.fullListItem {
    display: none;
}

.container {
    /*width: 90% !important;*/
}

.dimButton:hover {
    background-color: lightblue;
}

.speciesButton:hover {
    background-color: lightblue;
}

.speciesButton:visited {
    background-color: green;
}

#divPrices {
    margin-right: 50px;
}

#divPriceSummary {
}

.formItemsContainer {
    display: inline-flex;
    padding-bottom: 15px;
}

.formItem {
    display: inline-block;
    padding-right: 10px;
}

.subHeaders {
    display: none;
}

.headerLabel {
    display: block;
}

.sizesContainer {
    /*border: 3px solid lightgray;
        border-radius: 8px;
        padding-left: 8px;*/
}

.sizesGroupContainer {
}

.sizesGroup {
}

.trashCanned {
    opacity: 0.3;
    pointer-events: none;
}

.instructions {
    font-style: italic;
    color: peru;
}

.trueCutDim {
    background-color: lightsteelblue;
}

.legend {
    display: inline-block;
    border: 1px solid lightsteelblue;
    border-radius: 3px;
    padding: 3px;
    margin-right: 10px;
}

.darkBorder {
    border-color: lightgray;
}

.customerAlert {
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
}

#divMain {
    width: 100%;
}

.subSection {
    display: inline-flex;
    width: 100%;
}

#divSummary .formItem .form-control {
}

.sectionMargins {
    margin-bottom: 50px;
}

.speciesContainer {
    overflow: scroll;
    width: 100%;
    border: 1px solid lightgray;
}

.speciesSubContainer {
}

@@media only screen and (max-width: 800px) {
    #divMain {
        display: inline-block;
    }

    .container {
        margin: 0px !important;
    }

    .subSection {
        display: inline-block;
    }

    #divPrices {
        margin-right: 0px;
    }

    #divDimensions {
        height: auto;
    }

    .table td {
        padding: 3px !important;
    }

    .smallScreen {
        display: none;
    }

    #frmCustomerQuote .formItem {
        padding-right: 3px;
    }

    #frmCustomerQuote .form-control {
        height: 25px;
        padding: 2px;
    }

    #frmCustomerQuote .smallField {
        width: 60px;
    }

    .formItemsContainer {
        padding-bottom: 3px;
    }

    .sectionMargins {
        margin-bottom: 15px;
    }

    .speciesContainer {
        overflow: scroll;
        width: 100%;
        height: 300px;
        display: block;
    }

    .speciesSubContainer {
        display: flex;
    }

    .sizesGroupContainer {
        display: inline-grid;
    }

    .sizesGroup {
        display: inline-flex;
    }
}

.selectedSpecies {
    background-color: lightgreen;
    border-color: green;
}

.selectedDim {
    background-color: lightgreen;
    border-color: green;
}

#divSpecies div:nth-child(even) {
    background-color: lightgray;
    border-radius: 3px;
}

/*#divDimensions div:nth-child(even) {
        background-color: lightgray;
    }*/

.offsetColor {
    background-color: lightgray;
}