/* 0) GENERAL CLASSES */
.clearBoth{
    clear:both;
    height: 5px;
}

.optionsContainer [align="right"],
.optionsCalcContainer [align="right"]{
    text-align:right;
}

/* 1) DETAIL PAGE 
-------------------------------------------------- */

/* 1.1) Options Container
-------------------------------------------------- */
.optionsContainer{
    border:1px solid #ddd;
    padding:10px;
    margin-bottom:15px;
}

.optionsContainer .option--group{
    padding: 10px 10px 0;
    margin-bottom:10px;
    border:1px solid #ddd;
    background:#f8f8f8;
}

.optionsContainer .option--group .option--group--header{
    background:rgba(255,122,0,1);
    display:block;
    margin: -10px -10px 0px;
    padding:5px 10px;
    height:48px;
    -webkit-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}

.optionsContainer .option--group .option--group--header:hover{
    background:rgba(255,122,0,.7);
    -webkit-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}

.optionsContainer .option--group .option--group--header [data-toggle="collapse"]:hover,
.optionsContainer .option--group .option--group--header [data-toggle="collapse"]:focus{
    text-decoration:none;
}

.optionsContainer .option--group .option--group--header .options--group--name{
    font-size:16px;
    color:#fff;
    line-height:40px;
}

.optionsContainer .option--group .option--group--header i{
    color:#fff;
    line-height:40px;
}

.optionsContainer .option--group .panel-body{
    padding:10px 0;
}

/* inherited obligation by required single options */
.optionsContainer .option--group .option--group--header.inherited--obligation{
    outline:2px solid #f00 !important;
}

.optionsContainer .option--group .option--group--header.inherited--obligation .options--group--name,
.optionsContainer .option--group .option--group--header.inherited--obligation i{
    color: #f00;
}

/* 1.2) Options items
--------------------------------------------------*/

.optionsContainer .form-group {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
}

.optionsContainer .form-group:last-child{
    margin-bottom:0;
    border-bottom: none;
    padding-bottom: 0;
}

/* checkboxes and radios as form-control*/
.optionsContainer .form-group input[type="radio"],
.optionsContainer .form-group input[type="checkbox"]{
    display:initial !important;
    width:initial !important;
    height:auto !important;
}

/* required elements */
.form-group.obligated .form--required .form-control.required{
    border: 1px solid #f00 !important;
    color:initial;
}

.bootstrap-select .dropdown-toggle.required{
    border:1px solid #f00;
}


/* responsive options images */
.optionsContainer .img-responsive{
    margin:0 auto;
}

.optionsContainer .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width:100%;
}

.optionsContainer .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .btn {
    background:#fff;
}

.optionsContainer textarea{
    min-height:150px;
}

/* 1.3) Options Calc Container 
--------------------------------------------------*/
.optionsCalcContainer{}

.optionsCalcContainer [class*="calc"]{
    padding:0 15px
}

.optionsCalcContainer .row{
    padding:15px 0;
}

.optionsCalcContainer .row:nth-child(odd){
    background:#f1f1f1;
}

.optionsCalcContainer .row:nth-child(even){
    background:#f9f9f9;
}

.optionsCalcContainer [class*="calc"] .product-single{
    background:transparent;
    border-bottom:1px solid #ddd;
}

.optionsCalcContainer [class*="calc"] .sum{
    padding:10px 0;
    border-top:1px solid #ddd;
    border-bottom:3px double #ddd;
    background:none;
}

.optionsCalcContainer [class*="calc"] .singular{
    margin-bottom:20px;
}

/* calculate & reedit btn */
.btn.calculate,
.btn.reedit{
    margin-bottom:15px;
}


/* 2) DETAIL PAGE
-------------------------------------------------- */
.badge{
    display:block!important;
	line-height: initial !important;
	vertical-align: initial !important;
}