.units div.alert,
.units div.alert p {
    font-size: 13pt;
}

    .units div.alert p strong {
        font-weight: bold;
    }

.edit-unit-item-text-holder,
.edit-unit-item-textarea-holder,
.edit-unit-item-image-holder,
.unit-item-text-holder,
.unit-item-textarea-holder,
.unit-item-image-holder {
    padding: 5px 5px;
}

.edit-unit-item-text-holder,
.edit-unit-item-textarea-holder,
.unit-item-text-holder,
.unit-item-textarea-holder {
    width: 100%;
}

.edit-unit-item-image-holder,
.unit-item-image-holder {
    min-width: 160px;
    float: left;
}

.edit-unit-item-text,
.unit-item-text {
    min-width: 150px;
    min-height: 24px;
}

h4.edit-unit-item-text,
h4.unit-item-text {
    font-size: 14pt;
    font-weight: bold;
}

.edit-unit-item-textarea,
.unit-item-textarea {
    min-width: 150px;
    min-height: 44px;
}

.edit-unit-item-image,
.unit-item-image {
    min-width: 150px;
    min-height: 150px;
    max-height: 450px;
}

label.lbl-selected p {
    margin: 0 0 0 0;
}

    label.lbl-selected p a {
        padding: 0 0 0 0;
    }


/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 14px;
}

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

.more-less {
    margin-right: 15px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.box-delivery-type,
.box-foot-control,
.box-bowl,
.box-option,
.box-color {
    border: none;
}

.box-delivery-type-active,
.box-foot-control-active,
.box-bowl-active,
.box-option-active,
.box-color-active {
    border: 1px solid palevioletred;
}

#image-info {
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
    background-color: lightgray;
}

#image-info-table {
    width: 100%;
}

    #image-info-table th, td {
        padding: 15px;
    }

.required:after {
    content: " *";
    color: red;
}

.color_container {
    display: inline-block;
}

.color-div {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.red {
    background-color: red;
}

.yellow {
    background-color: yellow;
}

.blueviolet {
    background-color: blueviolet;
}

.blue {
    background-color: blue;
}

.aqua {
    background-color: aqua;
}

.black {
    background-color: black;
}

.brown {
    background-color: brown;
}

.chartreuse {
    background-color: chartreuse;
}

.coral {
    background-color: coral;
}

.cornsilk {
    background-color: cornsilk;
}

.darkgoldenrod {
    background-color: darkgoldenrod;
}

.violet {
    background-color: violet;
}

.tomato {
    background-color: tomato;
}

.springgreen {
    background-color: springgreen;
}

.salmon {
    background-color: salmon;
}

span.has-error {
    color: red;
}

span.rb-list label {
    display: initial;
    padding-left: 4px;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}