/*#################################################################################################### */
/*######################################################################## WARENKORB ################# */
/*#################################################################################################### */

/* ############# MAIN #### */
#shopping-cart .main, #myOligo .main {
    padding:               25px;
    margin-bottom:         50px;
    height:                auto;
    display:               block;
    background:            rgba(255,255,255,.6);
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
    -webkit-box-shadow:    -2px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:       -2px 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow:            -2px 3px 3px 0px rgba(0,0,0,0.3);
}
#shopping-cart .data-block { 
    margin:                0 0 30px 0;
    padding:               25px !important;
    background:            rgba(255,255,255,.6);
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
    -webkit-box-shadow:    -2px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:       -2px 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow:            -2px 3px 3px 0px rgba(0,0,0,0.3);
}

#shopping-cart .main h3 {
    margin: 0 0 0 0;
    padding: 15px 0 0;
}
#shopping-cart .main h3 span {
    position: relative;
    font-size: 1.1em;
    right: 0;
    display: inline-block;
    color: #a29d86;
}
#shopping-cart .main img { padding: 0 !important; }

#shopping-cart .checkout {
    margin-top: 25px;
    padding: 0 !important;
}
#shopping-cart .checkout a {
    padding: 10px;
    background: #a29d86;
    color: #fff !important;
    width: 100%;
    display: block;
    text-align: center;
    transition: all .4s ease-in-out;
}
#shopping-cart .checkout a:hover { background: #17a966; }

/* ############# Warenkorb #### */

#shopping-cart .order-nav {
    /*border-bottom: 1px solid rgba(87,87,86,.2);
    padding: 0 0 15px;*/
    margin-top: 0;
    position: relative;
    font-size: .7em;
} 
#shopping-cart .order-nav > div {
    margin-bottom: 10px;
} 
#shopping-cart .order-nav .order-details {
    position: absolute;
    top: -5px;
    right: 5px;
} 
#shopping-cart .panel-heading [data-toggle="collapse"]::after { display: none; }
#shopping-cart .panel-default > .panel-heading { border-bottom: none; }

.list-item {
    border-top: 1px solid rgba(87,87,86,.2);
    padding: 45px 0 35px;
    margin: 15px 0 25px !important;
    position: relative;
}
.list-item .detail {
    padding: 0 0 0 25px;
    position: relative;
}
.list-item .detail-list { font-size: .8em; }
.list-item .detail-list [class*="col-"] {
    padding-left: 0px;
    padding-top: 0px;
}
.list-item .detail-list .availability [class*="col-"] { padding-bottom: 0px !important; }

.list-item .detail-list .finalPrice {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(87,87,86,.05);
}
.list-item .label {
    font-size:     73%;
    font-weight:   normal;
    line-height:   2;
    padding:       0 8px;
    border-radius: 0;
    display:       inline-block;
    text-transform: uppercase;
}

.list-item .detailHead { margin-bottom: 20px; } 
.list-item h3 {
    margin:     0 !important;
    display:    inline;
    min-height: 0;
    color:      #575756;
}
.list-item .itemControl {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    float: right;
}
.list-item .btnControl {
    text-align: center;
    width: 50%;
    padding: 3px 8px;
    font-size: .8em;
    margin: 0;
    display: inline;
    color: #575756;
    transition: all .4s ease-in-out;

}
.list-item .btnControl:hover { 
    background: #575756;
    color: #fff;
}

.itemPriceBlock {
    margin-bottom: 29px;
    display: block;
}

.lineDevider {
    min-height: 30px;
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid rgba(87,87,86,.08) !important;
}
.lineDevider:last-child {
    border-bottom: 1px solid rgba(87,87,86,.0) !important;
}

/* ############# WARENKORB - Gutscheincode ####*/
.code {
    padding: 0 0 0 5px !important;
    margin-top: 25px;
}
.code label {
    float: left;
    margin: 10px 0 0 0;
    width: 50%;
}

.code .input-group-btn a {
    height:             40px !important;
    background:         #a29d86 !important;
    color:              #fff;
    -webkit-box-shadow: 0 1px 2px rgba(87,87,86,0.4);
    -moz-box-shadow:    0 1px 2px rgba(87,87,86,0.4);
    box-shadow:         0 1px 2px rgba(87, 87, 86, 0.4);
    transition:         all .3s ease-in-out;
    border-radius:      0 !important;
}
.code .input-group-btn a:hover {
    background: #b1aa92 !important;
    color: #fff;
}

/* ############# WARENKORB - MENGE (quantity) ####*/
#shopping-cart form { margin: 5px 0 8px; text-align: right; }
#shopping-cart .quantity { min-height: 50px; border: none !important; }
#shopping-cart .quantity input {
    display:      inline-block;
    width:        28px;
    height:       28px;
    padding:      0px;
    margin:       -2px !important;
    text-align:   center;
    background:   transparent;
    border:       1px solid rgba(87,87,86,.2);
    border-right: none;
    border-radius: 0 !important;
}
#shopping-cart .quantity input:last-child { border-right: 1px solid rgba(87,87,86,.2); }
#shopping-cart input[type="button"] { cursor: pointer; }

.qtyplus, .qtyminus {
    background: transparent !important;
    transition: all .4s ease-in-out;
}
.qtyplus:hover, .qtyminus:hover {
    background: rgba(87,87,86,.8) !important;
    color: #fff;
}

.shop-wrapper {
    display: block;
    width:   100%;
    margin:  65px auto 50px !important;
    position: relative;
}
/* ############# MEDIA QUERYS - WARENKORB #### */

@media only screen and (min-width: 1800px) { #shopping-cart .list-item .detail-list { font-size: 0.9em; } }

@media only screen and (max-width: 1550px) { .checkout a i { left: -30px; } }

@media only screen and (max-width: 1400px) {
    .checkout a { font-size: .8em; }
    .checkout a  i { top: 5px; }

    .list-item .itemControl {
        display: block;
        margin: 15px auto 0;
        width: 100%;
    }
    .list-item .btnControl {
        border: 1px solid rgba(87,87,86,.2);
        display: block;
        float: left;
        margin: 0 2.5% 0 0;
        width: 23% !important;
    }
    #shopping-cart .asideNav .priceStep { font-size: .8em; }
}

@media only screen and (max-width: 1200px) {
    .list-item .btnControl {
        margin:  10px 2.5% 0 2.5%;
        width:   45% !important;
    }
}

@media only screen and (max-width: 1100px) { #shopping-cart .list-item h3 { font-size: .95em; } }

@media only screen and (max-width: 990px) { #shopping-cart .asideNav .priceStep { font-size: 1em; } }

@media only screen and (min-width:767px) and (max-width: 805px) { #shopping-cart .list-item .itemControl { margin: 0 auto; } }


@media only screen and (max-width: 767px) {
    #shopping-cart .main {
        padding:       0 15px;
        margin-bottom: 60px;
    }
    #shopping-cart .main img {
        display:   block;
        margin:    0 auto;
        max-width: 380px !important;
    }
    #shopping-cart .list-item { padding: 5px 0; }
    #shopping-cart .list-item .detail { margin: 25px 0 0 0; }
    .list-item .btnControl {
        margin: 10px 2.5% 0;
        width: 45% !important;
    }
    #shopping-cart .checkout { margin: 0 auto 25px !important; }

}

@media only screen and (max-width: 600px) {
    .filter-container .mix { padding: 0 0 5px 0; }
    #shopping-cart .asideNav .priceStep { font-size: 1em; }
    #shopping-cart .checkout {
        margin-top: 0;
        padding: 0 !important;
    }
    .main { margin-bottom: 60px; }
    .list-item { padding: 5px 0; }
    .list-item h3 {
        margin: 0 0 15px !important;
        padding: 0 !important;
        display: block;
        min-height: 0 !important;
        font-size: .9em;
        text-align: center;
    }
    #shopping-cart .list-item .detail { padding: 0; }
    .main img {
        display: block;
        margin: 0 auto;
        max-width: 280px;
    }
    .code label { margin: 15px 0 5px 0; width: 100%; }

    .lineDevider:last-child { border-bottom: 1px solid rgba(87,87,86,.1) !important; }
}

/* ############# MEDIA QUERYS - WARENKORB - ENDE #### */


/*#################################################################################################### */
/*######################################################################## BESTELLVORGANG ############ */
/*#################################################################################################### */
#order .main {
    background:            rgba(255,255,255,.6);
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
    -webkit-box-shadow:    -2px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:       -2px 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow:            -2px 3px 3px 0px rgba(0,0,0,0.3);
    padding:               35px;
    width:                 90%;
    display:               block;
    margin:                0 auto;
}
.orderAddress .main { padding: 35px 10px !important; }

.shop-wrapper .main-head {
    padding: 0 0 0 28px;
}

/*###### PROCESS-BAR ############ */
.process-row { display: table-row; }
.process-row:before {
    top: 25px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: rgba(87,87,86,.1);
    z-order: 0;
}
.process {
    display: table;     
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}


.process-step {    
    display: table-cell;
    text-align: center;
    position: relative;
    width: 33.33333333%;
}

.process-step p {
    margin-top:10px;
    text-align: center;
    padding: 0;
}

.btn-circle {
    width:                 50px !important;
    height:                50px !important;
    display:               inline-block !important;
    text-align:            center;
    padding:               6px 0;
    font-size:             12px;
    line-height:           1.428571429;
    -webkit-border-radius: 45px;
    -moz-border-radius:    45px;
    border-radius:         45px;
    background:            #a29d86;
    color:                 #fff;
    border:                2px solid rgba(87,87,86,.2);
    -webkit-box-shadow:    2px 4px 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow:       2px 4px 8px 0px rgba(0,0,0,0.1);
    box-shadow:            2px 4px 8px 0px rgba(0,0,0,0.1);
    transition:            all .3s ease-in-out;
}
.btn-circle:hover {
    background:         #b4ae94;
    color:              #fff;
    -webkit-box-shadow: inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    -moz-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    box-shadow:         inset 4px 0px 5px 0px rgba(150,150,150,0.25);
}
.btn-circle.checked { color: #fff !important; background: #48a02d !important; }
.btn-circle.checked:hover { 
    background:         #b4ae94 !important;
    color:              #fff;
    -webkit-box-shadow: inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    -moz-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    box-shadow:         inset 4px 0px 5px 0px rgba(150,150,150,0.25);
}
.btn-circle.disabled { color: #ccc; background: #fff; cursor: not-allowed !important; pointer-events: none; }
.btn-circle.error { color: #fff !important; background: #a94442 !important; }
.btn-circle.error:hover { 
    background:         rgba(255,255,255,1) !important;
    color:              #a94442 !important;
    -webkit-box-shadow: inset 2px 0px 5px 0px rgba(150,150,150,0.25);
    -moz-box-shadow:    inset 2px 0px 5px 0px rgba(150,150,150,0.25);
    box-shadow:         inset 2px 0px 5px 0px rgba(150,150,150,0.25);
}
/*###### PROCESS-BAR ENDE ############ */

/*###### CONTACT FORM ############ */
#uploadContact {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
#uploadContact + label {
    color: #fff;
    background-color: #a29d86;
    display: inline-block;
    border: 1px solid #a29d86;
    cursor: pointer;
    padding: 5px;
}
#uploadContact:focus + label,
#uploadContact + label:hover {
    background-color: #fff;
    color:#a29d86;
}
#uploadContact:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
#submitContact {
    color: #a29d86;
    text-align: right;
    text-decoration: none;
}
#submitContact:hover { text-decoration: underline; }
/*###### CONTACT FORM ENDE ############ */

/*###### IHRE ANGABEN ############ */
.userOld, .userNew {
    padding: 0 25px ; 
}
.userOld h4, .userNew h4 {
    margin: 15px 0 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(87,87,86,.2);
}

.loginBlock .input {
    padding: 0 15px 0 0 !important;
}

.deliveryAddress {
    display: none;
    margin: 15px 0 25px;
}
.deliveryAddress.visible { display: block; }

#deliveryAddressCheckbox {
    width: 13px;
    margin-right: 7px;
}

.submitBtn { margin-top: 15px; }
.submitBtn .btn { margin-top: 15px; }
.submitBtn .btn-default { 
    background: #a29d86;
    color: #fff;
    transition: all .4s ease-in-out;
}
.submitBtn .btn-default:hover {
    background:         #b4ae94;
    color:              #fff;
    -webkit-box-shadow: inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    -moz-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    box-shadow:         inset 4px 0px 5px 0px rgba(150,150,150,0.25);
}


.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: -20px;
    width: auto;
}
#order .radio-inline { margin-right: 30px; width: auto !important; }

.formAlert {
    padding-right: 15px !important;
}

/* ### Passwort vergessen Modal ### */
.modal-backdrop { height: 100% !important; }
#pwdModal { top: 30px; }
#pwdModal .btn-lg {
    width: 100% !important;
    background: #a29d86;
    color: #fff;
    transition: all .4s ease-in-out;
    font-size: 18px;
}
#pwdModal .btn-lg:hover {
    background:         #b4ae94;
    color:              #fff;
    -webkit-box-shadow: inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    -moz-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    box-shadow:         inset 4px 0px 5px 0px rgba(150,150,150,0.25);
}
#pwdModal .panel-body > div { margin-bottom: 0px; }
#pwdModal .modal-footer { margin: 0px; }
#pwdModal .submitBtn, #pwdModal .btn { margin: 0px; }
/* ### /.Passwort vergessen Modal ### */

/*###### IHRE ANGABEN ENDE ############ */


/*###### FACHHÄNDLER ############ */
.shop-wrapper .location-item {
    display:  block !important;
    height:   auto;
    margin:   50px auto 0 !important;
    position: relative;
    width:    50%;
}
.shop-wrapper .location-item-content {
    min-height: 200px;
}
.shop-wrapper .location-item-img { padding: 0 25px 0 0; }
.shop-wrapper .location-item img {
    max-width:             130px;
    float:                 right;
    -webkit-border-radius: 130px;
    -moz-border-radius:    130px;
    border-radius:         130px;
}

.shop-wrapper .location-item-nav {
    position: relative !important;
    bottom: 0;
}
.shop-wrapper .location-addon {
    text-align: right;
}
.shop-wrapper .location-addon img {
    float: right;
}
#traderList {}
#traderList img {
    -webkit-border-radius: 145px;
    -moz-border-radius:    145px;
    border-radius:         145px;
}
.overflow-y-scroll {
    overflow-y: scroll;
    height: 400px;
}
/*###### FACHHÄNDLER ENDE ############ */

/*###### LIEFERUNG & BEZAHLUNG ############ */
.submitBtn { width: 100%; text-align: center; }
.submitBtn a { display: inline-block; }
.orderAddress .submitBtn { width: 100%; text-align: left; }
.orderPay .submitBtn a, #shopping-cart .submitBtn a { 
    display: block;
    width: 100%; 
    padding: 15px 0;
    font-size: 1.1em;
}

.total {
    width:      100%;
    padding:    50px 35px 35px;
    margin:     35px auto 15px auto !important;
    border-top: 1px solid rgba(87,87,86,.2);
}
.totalBlock {
    margin: -35px auto 0;
    width:  50%;
}
.totalBlock .btn-default {
    background: #a29d86;
    color: #fff;
    text-transform: uppercase;
    font-size: auto;
    transition: all .4s ease-in-out;
}
.totalBlock .btn-default:hover {
    background:         #b4ae94;
    color:              #fff;
    -webkit-box-shadow: inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    -moz-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    box-shadow:         inset 4px 0px 5px 0px rgba(150,150,150,0.25);
}

.deliveryBlock {
    margin: 25px 0 50px 0;
    font-size: 90%;
}
.deliveryItem { padding: 0 25px 0 0; }
.deliveryItem p {
    margin-bottom: 3px;
}
.deliveryItem .btn {
    margin-top: 10px;
    background: #a29d86;
    color: #fff;
}
.deliveryItem .btn:hover {
    background:         #b4ae94;
    color:              #fff;
    -webkit-box-shadow: inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    -moz-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    box-shadow:         inset 4px 0px 5px 0px rgba(150,150,150,0.25);
}
.deliveryItem .borderBlock {
    border-top: 1px solid rgba(87,87,86,.2);
    padding: 20px 0 20px 0;
}

.deliveryMethod {
    margin-bottom: 30px;
}

.fa-8x {
    font-size: 750%;
    display: inline-block;
    color: #48a02d;
    margin-bottom: 25px;
}

.error {
    color: #a94442;
}
.error .fa-8x {
    color: #a94442;
}
/*###### LIEFERUNG & BEZAHLUNG ENDE ############ */

/* ############# MEDIA QUERYS - BESTELLVORGANG ########### */
@media only screen and (max-width: 1300px) {
    .shop-wrapper .location-item { width: 70%; }
    .totalBlock { width:  75%; }
    .deliveryBlock { font-size: 80%; }
}
@media only screen and (max-width: 1200px) {
    .shop-wrapper { width: 95%; }
    #order .main { width: 100%; }
    .total { padding: 50px 5px 35px; }
    .totalBlock { width:  100%; }
}

@media only screen and (max-width: 991px) {
    .list-item {
        margin: 25px 0 0 !important;
        padding: 25px 0 0 !important;
    }
    .shop-wrapper { margin: 5px auto 30px !important; }
    .shop-wrapper .main-head { padding: 0 25px 0 10px; }
    .userOld, .userNew { padding: 0 5px; }
    .userNew { border-right: none; margin-top: 75px; }
    .shop-wrapper .location-item-img { border-bottom: 1px solid rgba(87,87,86,.2); }
    .shop-wrapper .location-item img {
        float: none;
        margin: 0 auto 35px;
        display: block;
    }
    .location-item-content { padding-top: 15px; }
    .submitBtn.pull {
        margin: 0 auto;
        display: block;
    }
    .pull-xs { min-width: 100px; }
    .pull-xl { min-width: 220px; }
    .total { width: 100%; margin-top: 50px; }
    .deliveryBlock { padding: 0 25px; font-size: 85%; }
}

@media only screen and (max-width: 767px) {
    .paymentMethod { padding-top: 25px; border-top: 1px solid rgba(87,87,86,.2); }
}

@media only screen and (max-width: 700px) {
    .shop-wrapper { width: 100%; }
    .shop-wrapper .location-item { 
        width:  99.5%;
        margin: 25px auto 0 !important;
        padding: 0 !important;
    }
    .shop-wrapper .location-item-wrapper {
        background: none;
        box-shadow: none;
        display: block;
        height: 100%;
        margin-bottom: 0 !important;
        padding: 20px !important;
    }
    .shop-wrapper .location-item-img {
        padding: 0 0 0 0;
    }
    .shop-wrapper .location-addon {
        padding: 25px 0 0;
        margin: 25px 0 0;
        border-top: 1px solid rgba(87,87,86,.2);
    }
    .shop-wrapper .location-addon img {
        float: left;
        padding: 0;
        margin: 0;
    }
    .totalBlock { font-size: .8em }
    .totalBlock .btn-default { padding: 25px; }
}
@media only screen and (max-width: 480px) {
    .shop-wrapper { margin-bottom: 10px; }
    .deliveryBlock { padding: 0 10px; font-size: 80%; margin-bottom: 0; margin-top: 10px; }
    .deliveryItem { padding: 0; }
}
/* ############# MEDIA QUERYS - BESTELLVORGANG - ENDE #### */


/*#################################################################################################### */
/*############################################################################### myOLIGO ############ */
/*#################################################################################################### */

/* ############# Generell #### */
.tooltip.top .tooltip-inner {
    color: #fff !important;
    background: #575756;
    padding: 8px 10px;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #575756;
    border-width: 5px 5px 0;
}

#myOligo .main-content,
#order .main-content {
    margin-bottom: 50px;
    padding: 10px 0 !important;
}

#myOligo .section-wrapper { margin: 0 auto 25px; }

/* ############# MAIN #### */

#myOligo .main h3 { padding: 15px 0 0; }
#myOligo .main img { padding: 0 !important; }
#myOligo .data-block { 
    margin:  0 auto;
    padding: 0 20px 0 0 !important;
}
#myOligo .noOrder {
    margin-top: 20px;
}

/* ############# myNAV #### */
#myNav .nav-pills li { 
    margin:                0 5px 0 0;
    width:                 auto;
    height:                auto;
    -webkit-border-radius: 0px;
    -moz-border-radius:    0px;
    border-radius:         0px;
}
#myNav .nav-pills > li > a {
    -webkit-box-shadow: inset 1px 0px 5px 0px rgba(150,150,150,0);
    -moz-box-shadow:    inset 1px 0px 5px 0px rgba(150,150,150,0);
    box-shadow:         inset 1px 0px 5px 0px rgba(150,150,150,0);
    transition: all ease-in-out .4s;
}

#myNav .nav-pills > li.active > a,
#myNav.nav-pills > li.active > a:focus {
    background-color: #a29d86;
    color: #fff;
    border-radius: 0 !important;
}
#myNav .nav-pills > li.active > a:hover {
    background:         #b4ae94;
    color:              #fff;
    -webkit-box-shadow: inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    -moz-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    box-shadow:         inset 4px 0px 5px 0px rgba(150,150,150,0.25);
}

#myNav .nav-pills > li > a:hover {
    background:            #fff;
    color:                 #575756;
    -webkit-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.15);
    -moz-box-shadow:       inset 4px 0px 5px 0px rgba(150,150,150,0.15);
    box-shadow:            inset 4px 0px 5px 0px rgba(150,150,150,0.15);
    transition:            all 1 ease-in-out !important;
    -webkit-border-radius: 0px;
    -moz-border-radius:    0px;
    border-radius:         0px;
}
/* ############# ./myNAV ENDE #### */

/* ############# Meine Daten #### */
#myOligo .data_wrapper {
    padding:       25px 0;
    margin-bottom: 25px;
    border-top:    1px solid rgba(87,87,86,.2);
}

#myOligo .data_container,
#order .data_container {
    padding-top: 10px;
    padding-left: 0;
    min-height: 40px;
}
#myOligo .data_value input, #myOligo .data_value .chosen-container {
    margin-top: -8px;
    margin-bottom: 10px;
}

#myOligo .userID {
    margin-bottom: 8px;
}
#myOligo .alert {
    margin: 30px 0 10px;
}

#myOligo .dataControls a {
    transition:         all .3s ease-in-out;
    display:            inline-block;
    padding:            5px 8px;
    background:         #fff;
    font-size: 90%;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow:    1px 1px 2px 0px rgba(0,0,0,0.15);
    box-shadow:         1px 1px 2px 0px rgba(0,0,0,0.15);
}
#myOligo .dataControls a:hover {
    background: #575756;
    color: #fff;
}

#myOligo .data_container input, #myOligo .data_container .chosen-container {
    background:            #fff;
    padding:               5px 8px;
    width:                 100%;
    line-height:           1.5em;
    -webkit-box-shadow:    0 1px 2px rgba(87,87,86,0.4) !important;
    -moz-box-shadow:       0 1px 2px rgba(87,87,86,0.4) !important;
    box-shadow:            0 1px 2px rgba(87, 87, 86, 0.4) !important;
    -webkit-border-radius: 0px;
    -moz-border-radius:    0px;
    border-radius:         0px;
    -webkit-appearance:    none !important;
}
#myOligo .data_container .chosen-container-single .chosen-single {
    box-shadow: none;
    padding-left: 2px;
    line-height: 1.2em;
}
#myOligo .data_container .chosen-container-single .chosen-single div b {
    background: rgba(0, 0, 0, 0) url("../img/chosen-sprite.png") no-repeat scroll 0 5px;
}
/* ############# /.Meine Daten ENDE #### */


/* ############# Meine Bestellungen #### */
.main.order {
    padding-top: 0 !important;
}

.orderItem {
    padding: 25px 5px;
    border-bottom: 1px solid rgba(87,87,86,.2);
}
.orderItem:last-child { border-bottom: 1px solid rgba(87,87,86,0); }

.orderControls {
    font-size: 80%;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-bottom: 15px;
}
.orderControls > div {
    margin-bottom: 5px;
}
.orderControls .btnControl {
    transition:         all .3s ease-in-out;
    display:            inline-block;
    margin-right:       10px;
    padding:            5px 8px;
    background:         #fff;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow:    1px 1px 2px 0px rgba(0,0,0,0.15);
    box-shadow:         1px 1px 2px 0px rgba(0,0,0,0.15);
}
.orderControls .btnControl:hover {
    background: #575756;
    color: #fff;
}

.detailBlock {
    margin-bottom: 5px;
    padding: 5px 0 15px;
}

.detailBlock .heading {
    font-weight:    bold;
    margin-bottom:  10px;
}

/* PopOver */
.popover {
    max-width: 400px;
    width: auto;
}
.popover-content {
    padding: 15px;
    font-size: 85%;
}
/* /.PopOver Ende */

/* Pager */
.pager li a {
    transition:            all .4s ease-in-out;
    -webkit-box-shadow:    0 1px 2px rgba(87,87,86,0.4) !important;
    -moz-box-shadow:       0 1px 2px rgba(87,87,86,0.4) !important;
    box-shadow:            0 1px 2px rgba(87, 87, 86, 0.4) !important;
    -webkit-border-radius: 0px;
    -moz-border-radius:    0px;
    border-radius:         0px;
    border:                none;
}
.pager li a:hover {
    -webkit-box-shadow:    0 1px 2px rgba(87,87,86,0.4) !important;
    -moz-box-shadow:       0 1px 2px rgba(87,87,86,0.4) !important;
    box-shadow:            0 1px 2px rgba(87, 87, 86, 0.4) !important;
    background: #a29d86;
    color: #fff;
}
/* /.Pager Ende */

/* Bestellung stornieren */
#cancelOrder { top: 50px; }
.modalText p {
    text-align: center;
    margin-top: 25px;
    padding-bottom: 0;
    font-size: 18px;
}
#myOligo .modal-footer { margin: 0 !important; }
#myOligo .modal .btn-default { margin: 0 !important; }
/* /.Bestellung stornieren Ende */


#myOligo .data_wrapper .btn-default { margin: 25px auto 25px 10px !important; }
#myOligo .btn-default {
    display: block;
    max-width:  250px;
    background: #a29d86;
    color:      #fff;
    transition: all .4s ease-in-out;
    font-size:  16px;
    margin:     25px auto;
    text-align: center;
    padding:    8px;
}
#myOligo .btn-default:hover {
    background:         #b4ae94;
    color:              #fff;
    -webkit-box-shadow: inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    -moz-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    box-shadow:         inset 4px 0px 5px 0px rgba(150,150,150,0.25);
}

#myOligo .list-item .detail-list .finalPrice { border-top: none; }

/* ############# OLIGOservice #### */
.oligoService img { max-width: 100% !important; }
.oligoService .serviceBlock { margin-bottom: 85px; padding: 0 15px; }
.oligoService .serviceBlock h3 { margin-top: 0px; }
.oligoService .submitBtn { margin-top: 0px !important; }

.searchBox {
    background:         rgba(87,87,86,1);
    color:              #fff;
    padding:            25px 35px 0px 35px;
    -webkit-box-shadow: 2px 3px 2px rgba(87,87,86,0.4) !important;
    -moz-box-shadow:    2px 3px 2px rgba(87,87,86,0.4) !important;
    box-shadow:         2px 3px 2px rgba(87, 87, 86, 0.4) !important;
}
.searchBox form { margin: 0 !important; }
.searchBox .form-group:first-child { margin: 0 0 25px 0 !important; }

/* ############# /.OLIGOservice ENDE #### */


/* ############# MEDIA QUERYS - myOLIGO ########### */

@media only screen and (max-width : 1100px) {
    .data_container select, .searchBox select {
        background-image:      none !important;
        width:                 100%;
        display:               block;
        -webkit-box-shadow:    0 1px 2px rgba(87,87,86,0.4) !important;
        -moz-box-shadow:       0 1px 2px rgba(87,87,86,0.4) !important;
        box-shadow:            0 1px 2px rgba(87, 87, 86, 0.4) !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius:    0px !important;
        border-radius:         0px !important;
        -webkit-appearance:    none !important;
        font-size:             1em !important;
        padding:               0 0 0 5px;
        line-height:           1.2em !important;
        background:            #fff !important;
        color:                 #575756 !important;
    }
    .searchBox select { 
        padding: 10px !important;
        font-size: 1em;
    }
    #myOligo .data_value input, #myOligo .data_value .chosen-container { background-image: none !important; }
}

@media only screen and (max-width : 995px) {

    #myOligo .main { margin-top: 5px !important; }

    .oligoService { padding: 25px 10px !important }
    .oligoService p { padding: 0 !important;}
    .oligoService p, .oligoService ul, .oligoService label, .oligoService .alert { font-size: 85% !important;}
    .searchBox { padding: 25px 15px 0; }
    .oligoService .serviceBlock { margin-bottom: 50px; }

    #myOligo .data-block { width: 100%; }

    #myOligo .order-nav .headItem {
        width: 50%;
        margin-bottom: 25px;
    }
    #myOligo .order-nav .headItem.open {
        width: 100% !important;
    }
    #myOligo .order-nav .headItem.open a {
        width: 100% !important;
        background: #a29d86;
        color: #fff !important;
        transition: all .4s ease-in-out;
        font-size: 18px;
        margin: 25px 0 0 10px !important;
        text-align: center;
        padding: 5px;
    }

    /*#### MODAL ####*/
    #myOligo .modal-content { top: 75px !important; }
    /*#### ./MODAL Ende ####*/


    #myOligo .dataControls a {
        margin-top: -15px;
    }

    /* ############# myNAV #### */
    #myNav .nav-pills li { 
        width:      45%;
        margin:     2.5%;
        border:     1px solid #a29d86;
        text-align: center;
    }
    /* ############# ./myNAV ENDE #### */

    #myOligo .order-nav { padding: 5px 0 15px; }
    #myOligo .main .order-item { padding: 15px !important; }
    #myOligo .list-item .detail { padding: 15px 0 0 0; }
    #myOligo .list-item .detail-list { margin: 0; padding: 10px 0; }
    #myOligo .collapse-btn { margin: 0; padding: 8px 0; border-top: 1px solid rgba(87,87,86,.2); border-bottom: 1px solid rgba(87,87,86,.2);}
    #myOligo .panel-group { margin: 10px 0;}
    #myOligo .panel-group .panel { margin: 5px 0; }
    #myOligo .panel-group .panel p { display: block; text-align: center; }
    #myOligo .data_container { font-size: .8em !important; }
    #myOligo .order-nav .order-details {
        background: #a29d86;
        margin-top: 15px;
        position: relative;
        text-align: center;
    }
    #myOligo .order-nav .order-details a { color: #fff;width: 100%; padding: 0 45%; }
    #myOligo .data-block { margin: 0 0 30px; padding: 0 !important; }
    #myOligo .data-block h2 { font-size: .9em; }

    .orderControls {
        text-align: left;
        padding: 12px 0 5px;
    } 

}

@media only screen and (max-width : 768px) {
    #myOligo h2 { font-size: 90%; }
    #myOligo .section-wrapper { margin-top: -30px !important; }
    #myOligo .btn-default { max-width: none; }
    #myOligo .data_value input, #myOligo .data_value .chosen-container {
        margin-top:       5px;
        margin-bottom:    8px;
        height:           39px !important;
        background-image: none !important;
    }
    #myOligo .panel-default > .panel-heading {
        padding: 0;
    }
    #myOligo .order-nav .headItem.vCenter { 
        width: 50%;
        text-align: center !important;
        padding: 5px;
        margin: 0;
    }
    #myOligo .order-nav .headItem.vCenter a { 
        background: transparent;
        border: 1px solid #a29d86;
        color: #a29d86;
        transition: all .4s ease-in-out;
    }
    #myOligo .order-nav .headItem.vCenter a:hover { 
        background:         #b4ae94;
        color:              #fff;
        -webkit-box-shadow: inset 4px 0px 5px 0px rgba(150,150,150,0.25);
        -moz-box-shadow:    inset 4px 0px 5px 0px rgba(150,150,150,0.25);
        box-shadow:         inset 4px 0px 5px 0px rgba(150,150,150,0.25);
    }


    .detailBlock .heading {
        border-bottom:  none;
        font-weight:    bold;
        margin-bottom:  13px;
        text-align: center;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        margin-right: 0;
        margin-bottom: 0;
    }

    /*Bestellungen*/
    .detailBlock {
        text-align: center;
        font-size: 80%;
    }

    .orderControls {
        text-align:         center;
        margin-top:         10px;
    }
    .orderControls .btnControl {
        font-size: 22px;
        width: 28.1495% !important;
    }
    .orderControls .btnControl span {
        display: none;
    }
}


/* ############# MEDIA QUERYS - myOLIGO - ENDE #### */