.panel-dimens {
    width: 100%;
}

.shadow {
    border-collapse: separate;
}

.contain {
    object-fit: contain;
}

#color-picker {
    height: 3em;
    width: 100%;
    padding: 0;
    text-align: center;
}

#color-picker-dropdown {
    background: white;
    font-size: 1.3em;
    height: 100%;
    width: 100%;
}

@media (min-width: 992px) {
    #diagram-column {
        height: 420px;
    }
}

#get-mat-est-title {
    font-size: 2.4rem;
}

.system-button {
    color: white;
    text-decoration: underline;
    /*font-weight:bold;*/
    font-size: 1.4rem;
    white-space: normal;
    padding: 8px 11px 8px 11px;
    display: block;
    margin-top: 0.8em;

    border-radius: 7px;
    border-bottom: 4px solid #233729;
    box-shadow: inset 1px 1px 0 #008200;
    background: #4CAF50;
    background: -webkit-gradient(linear, left top, left bottom, from(#4CAF50), to(#008200));
    background: -moz-linear-gradient(top, #4CAF50, #008200);
}

button:hover {
    background: lightgrey;
    color:black;
    border-bottom: none;
    box-shadow: none;
}

.remove-col-padding {
    padding: 0px;
}

#product-back-button {
    padding-right: 6px;
    margin-bottom: 16px;
}

.system-back-button {
    margin: 0.3em;
    color: white;
    /*border-radius: 20px 0 0 20px;*/
    /*width: 240px;*/
    font-size: 1.4rem;
    border-radius: 7px;
    border-bottom: 4px solid #336442;
    background: #8b2332;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 15px 17px rgba(255, 255, 255, 0.5),
    inset 0 -5px 12px rgba(0, 0, 0, 0.05);
}

.image-margin {
    margin: 0em 10px 10px 10px;
}

.w3-highway-red {
    background-color: #8b2332;
}

.feature-td {
    padding: 3px 3px !important;
}

.sub-rp-header {
    font-size: 1.4em;
}

.sub-faq-header {
    font-size: 1.2em;
    text-decoration: underline;
}

.sub-title {
    font-size: 1.2em;
    background: #DCDCDC;
}

.sub-title-header {
    font-size: 1.3em;
    background: #D3D3D3;
}

#color-swatch {
    height: 16rem;
    width: 16em;
    vertical-align: bottom;
}

@media (min-width: 428px) {
    #lawyer-statement  {
        padding-top: 3em;
    }
}

@media (min-width: 629px) {
    #lawyer-statement  {
        padding-top: 4em;
    }
}

@media (min-width: 992px) {
    #lawyer-statement  {
        padding-top: 27em;
    }
}

@media (min-width: 1200px) {
    #lawyer-statement  {
        padding-top: 36em;
    }
}