body.page-mixxxer #wrapper #main {
    left: 0;
    width: 100%;
}

body.page-mixxxer #left {
    display:none;
}


.mixxxerItemsWrWithMarginLeft {
    margin-left: 150px;
    overflow:hidden;
}

.mixxxerItemImgPreviewWr {
    float: left;
    width: 145px;

}

.mixxxerItemImgPreviewWr a {

    display: block;
    margin-bottom: 10px;
}

.mixxxerItemImgPreviewWr img {
    max-width: 145px;
}

.morepics img {
    margin: 5px;
}

.mixxxer_main {
    width: 980px !important;
}

.mixxxerSelectItemDummy .mixxxer_disabled_overlay, .mixxxerSelectItemDummy .mixxxer_disabled_overlay_text {
    display: none !important;
}

.mixxxer_sg_tabs .ui-helper-clearfix:after {
    clear: left;
}

input[name^="mi_c_text"] {
    width: 90%;
}

.mixxxer_item_thumb {
    max-width: 115px;

}

.mixxxer_item_thumb_wrapper {
    float: left;
    width: 125px;
    min-height: 100px;

}

.mixxxer_item_box {
    width: 48%;
    margin: 1%;
    float: left;
    padding: 10px 10px 25px 10px;

    height: 120px;
    position: relative;
    border: 1px solid #ddd;

}

.mixxxer_item_full_box {
    width: 98%;
    height: auto;

}

.mixxxer_item_box_actions {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 11px;
    line-height: 13px;

}

#mixxxer_right_col {
    float: right;
    width: 28%;

}

#mixxxer_left_col {
    width: 70%;
    float: left;
}

#mixxxer_left_col .ui-accordion h3,
#mixxxer_left_col .ui-accordion div.ui-accordion-content {
    border-radius: 0;
}

#mixxxer_left_col .ui-accordion h3.ui-state-active a {
    background: transparent;
}

.fl_img {
    max-height: 20px;
    max-width: 20px;
}

.fl_img_wr {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.fl_nav {
    float: right;
}

#loading_item_list {
    height: 15px;
}

.active_mixxxer_item_box {
    border: 1px solid #bbb;
    background: #eee;
}

#mixxxer_tabs {
    border: 0;
    box-shadow: 0 0 5px #333;
    border-radius: 0;

}

#mixxxer_tabs .ui-tabs-nav {
    border-radius: 0;
    background: #ddd;
}

#mixxxer_tabs .ui-corner-top {
    border-radius: 0;
}

.mixxxer_item_heading {
    font-size: 11px;
    margin: 0 0 5px 0;
}

.mixxxer_item_desc {
    font-size: 10px;
    line-height: 12px;
}

#mixxxer_rc_container {
    padding: 10px;
    width: 250px;
    background: #eee;

}

#mixxxer_summary_heading {
    margin: 0 0 5px 0;
    font-size: 14px;
    border-bottom: 0;
    text-align:center;
}
/*
.one-line-ellipsis{
    width:80%;
    width:calc(100% - 30px);
    text-overflow:ellipsis;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
}
.one-line-ellipsis + .qty{
    display:inline-block;
    vertical-align:top;
    float:right;
}
*/
#mixer_form{
    margin:8px;
}

.mixxxer_item_decr {

}

.active_mixxxer_item_box .mixxxer_item_decr {
    display: inline;
}

.maximum_reached_mixxxer_item_box .mixxxer_item_incr {
    display: none;
}

.mixxxer_item_box.disabled > * {
    opacity: 0.2;
}

.mixxxer_disabled_overlay {
    position: absolute;
    z-index: 1000;
    width: 290px;
    height: 110px;
}

.mixxxer_disabled_overlay_text {
    position: absolute;
    z-index: 1000;
    width: 290px;
    height: 110px;
    opacity: 1 !important;

}

.mixxxer_disabled_overlay_text div {
    opacity: 1 !important;
    position: absolute;
    z-index: 1000;
    color: #000;
    font-weight: bold;

    padding: 30px;

}

.mixxxerRadioWr .mixxxer_disabled_overlay_text div {
    font-size: 11px;
    padding: 2px 10px;

}

.fl_line {
    height: 30px;
}

.mixxxer_icon_text {
    position: relative;
    top: -5px;
}

.mixxxer_action_panel {
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #d5d5d5;

}

a.mixxxer_button {
    display: inline-block;
    padding: 4px;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #666;
    height: 34px;
    text-decoration: none;
}

a.mixxxer_button:hover {

    background: #ddd;
    border: 1px solid #ccc;
    text-decoration: none;
}

#mixxxer_price_line {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

#mixxxer_price_line #total_price{
    font-size:2em;
}

#tooltip_container {
    display: none;
    background: #fff;
    font-size: 12px;

    width: 400px;
    padding: 25px;
    color: #333;

    box-shadow: 3px 3px 4px #333;
    border: 1px solid #ddd;
    border-radius: 5px;
    opacity:1;
}

a.mixxxer_item_info_tooltip {
    cursor: help !important;
}

.my_comment {
    width: 90%;
    height: 100px;

}

.mixxxer_file {
    list-style-type: none;
    margin-left: 10px;
    line-height: 20px;
}

.mixxxer_file_list {
    margin-bottom: 6px;
}

#mixxxer_upload_file {
    width: 100px;
}

#mixxxer_loading_upload {
    height: 30px;
    padding-top: 3px;
}

#mixxxer_accordion .ui-accordion-content, #mixxxer_multiaccordion .ui-accordion-content {
    padding: 10px;
    overflow: hidden;
}

#mixxxer_multiaccordion .ui-accordion-content:not(.ui-accordion-content-active) {
    display: none;
}

ul#categorymenu li.level1.highlight_category a {
    color: #cc0000;
}

.mixxxer_small_button {
    background: #EEEEEE !important;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    color: #333 !important;
    display: inline-block;
    width: 150px;
    padding: 4px;
    margin: 2px;
    text-decoration: none;
}

.mixxxer_small_button:hover {
    text-decoration: none;
    border: 1px solid #bbb;
}

#mixxxer_upload_button.mixxxer_small_button:hover {
    text-decoration: none;
    border: 1px solid #ddd;
}

.mixxxer_small_button_2 {
    background: #666 !important;
    border: 1px solid #aaa;
    border-radius: 3px 3px 3px 3px;
    color: #eee !important;
    display: inline-block;
    width: 150px;
    padding: 4px;
    margin: 2px;
    text-align: center;
}

.mixxxer_small_button_2:hover {
    text-decoration: none;
    border: 1px solid #666 !important;
    background: #888 !important;
}

.mixxxer_small_button a {

    color: #333 !important;

}

.mixxxer_del_file {
    float: right;
}

#mixxxer_open h3 {
    background: #333;
    color: #fff;
    padding: 5px;
}

#mixxxer_open h3 a {

    color: #fff;

}

.mixxxer_fancy_list_group {
    font-weight: bold;
    clear: left;
}

.mixxxer_fancy_list_item_line img {
    float: left;
    margin-right: 10px;
    height: 40px;
}

.mixxxer_fancy_list_item_line {
    clear: left;
}

.mixxxer_fancy_list_item_line span {
    position: relative;
    top: 10px;
}

.mixxxer_item_heading a {
    color: #333 !important;
}

#scrollable_items {
    /* required settings */
    position: relative;
    overflow: hidden;

    height: 150px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
#scrollable_items .items {
    /* this cannot be too large */
    height: 20000em;
    position: absolute;
    width: 100%;
}

.sc_navi {
    width: 18px;
    height: 18px;
    margin: 0 auto;
    display: block;
    background-position: 0 18px !important;
}

.sc_navi.disabled {
    background-position: 0 0 !important;
    visibility: hidden;
}

.sc_navi:hover {
    text-decoration: none;
}

.mixxxer_tax_note {
    font-size: 10px;
}

#mixxxer_total_price_tax {
    font-weight: normal;
    font-size: 0.9em;
    color: #aaa;
}

.active_mix {
    font-weight: bold;
}

#mix_navi a {
    display: inline-block;
    margin: 0 2px;

}

#max_val_bar {
    border: 1px solid #ddd;
    height: 20px;
}

#max_val_bar_inner {
    background: #eee;
    height: 20px;

    background-image: linear-gradient(bottom, #CCCCCC 10%, #e2e2e2 72%);
    background-image: -o-linear-gradient(bottom, #CCCCCC 10%, #e2e2e2 72%);
    background-image: -moz-linear-gradient(bottom, #CCCCCC 10%, #e2e2e2 72%);
    background-image: -webkit-linear-gradient(bottom, #CCCCCC 1044%, #e2e2e2 72%);
    background-image: -ms-linear-gradient(bottom, #CCCCCC 10%, #e2e2e2 72%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.10, #CCCCCC),
            color-stop(0.72, #e2e2e2)
    );

}

#mixxx_not_complete {
    font-weight: bold;
}

.mixxxer_group {
    padding: 10px !important;
}

.mixxxer_group.inactive-group {
    display: none !important;
}

#mixxxer_tabs .ui-helper-clearfix:after {
    clear: left !important;

}

#base_price_wr {
    font-size: 11px;
    font-weight: normal;
}

.mib_info_wr {
    margin-left: 125px;
}

.ui-tabs-panel > div > .mib_info_wr {
    /*width: 135px;*/
}

.clearer {
    clear: both;
    height: 0;
    line-height: 0;
}

.add_mixxxer_links li {
    list-style-type: none;
    float: left;
    display: inline-block;
    padding: 0 5px;

}

.add_mixxxer_links li a, .add_mixxxer_links li span {
    display: inline-block;
    padding: 5px;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-weight: bold;

}

.add_mixxxer_links li a:hover {
    background: #f5f5f5;
    text-decoration: none;

}

.mixList2ImgWr img {
    max-width: 42px;
    max-height: 42px;
    line-height: 42px;
    vertical-align: middle;
}

.mixList2ImgWr span {

    line-height: 50px;
    vertical-align: middle;
    font-size: 0;
}

.mixList2ImgWr {
    width: 50px;
    height: 50px;
    padding: 3px;
    border: 1px solid #eee;
    line-height: 50px;
    vertical-align: middle;
    float: left;
    margin: 2px;
    text-align: center;
}

.volumeBasePrice {
    font-size: 0.8em;
}

.mixxxer_group_volume_1 .mixxxer_item_box {
    border: 0;
    background: transparent;
    padding: 10px;
    height: 60px;
}

.mixxxer_group_volume_1 .mixxxer_item_thumb_wrapper, .mixxxer_group_volume_1 .mixxxer_item_desc {
    display: none;
}

.mixxxer_group_volume_1 .mib_info_wr {
    width: 100%;
    margin-left: 0;
}

.amRibbon {
    display: inline-block;
    padding: 3px 6px;
    background: #393939;
    font-size: 9px;
    color: #fff;
}

.amRibbon.plus {
    background: #2eae06;
}

.amRibbon.minus {
    background: #cc0000;
}

.volumeTotals {
    border: 1px dashed #ddd;
    border-radius: 3px;
    background: #f5f5f5;
    padding: 10px 15px;
    float: left;
    margin-left: 15px;
    margin-top: 3px;
}

.mixxxerUploadImg {
    max-width: 60px;
    max-height: 60px;
}

.mixxxerRadioWr {
    border: 0;
    height: auto;
    padding: 0;
}

.mixxxerItemRadioPriceWr {
    float: right;
    font-size: 10px;
    color: #666;
    width: 160px;
    text-align: right;
}

.mixxxerItemRadioInfoWr, .mixxxerItemRadioImageWr {
    float: right;
    margin-left: 5px;

}

.mixxxerItemQtyField {
    width: 30px;
    margin: 0 3px;
}

select.mixxxerItemQtyField {
    width: 40px;
    text-align:right;
}

.mixxxerItemRadioActions {
    display: none;
}

#mixxxer_left_col h3 {
    margin: 0;
}

/*** BOC by alkim media (DK) - Honeygrid ***/
#toggleMixxxer {
    display: none;
    position: fixed;
    right: 0;
    top: 130px;
    padding: 20px;
    font-size: 18px;
    z-index: 9999;
}

#mixxxer_right_col h3 {
    border-bottom: 0;
    margin: 0;
}
#mixxxer_rc_container {
    width: 270px;
}
@media (min-width:1200px){
#mixxxer_rc_container {
    width: 340px;
}
}

#mixList1 {
}

.ui-widget {
    font-family: "Roboto", Arial, sans-serif;
}

.page-mixxxer .ui-dialog{
    max-width:95%;
    position: fixed !important;
    top: 20%;
    left: calc(50% - 300px);
}

@media all and (max-width: 600px) {
    .page-mixxxer .ui-dialog{
        left:2.5%;
    }
}

.ui-dialog-titlebar-close {
    outline: none;
}

.group-link-wr-warning {
    outline: 1px solid #cc0000;

}

.group-link-wr-warning > a {
    color: #cc0000 !important;
}

@media all and (max-width: 991px) {
    #mixxxer_rc_container {
        width: 200px;
    }
}

@media all and (max-width: 600px) {
    .mixxxer_item_box {
        width: 98%;
    }
}

@media (max-width: 991px) {
    #mixxxer_right_col.sliding-overview {
        right: -270px;

        max-height: 100%;
        min-height: 100%;
        width: 270px;
        overflow: hidden;
        position: fixed;
        z-index: 99999;
        top: 0 !important;
        border-left: 1px solid #f0f0f0;
        box-shadow: 0 0 3px #191919;
    }

    #mixxxer_right_col.sliding-overview #mixxxer_rc_container {
        position: absolute;
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow-y: auto;
        z-index: 999999;
        background: #fff;
        top: 0 !important;
    }

    #mixxxer_left_col.sliding-overview {
        margin-right: 0 !important;
        width: 100%;
    }

    #toggleMixxxer.sliding-overview {
        display: block;
    }
}

@media all and (max-width: 720px) {
    #mixxxer_right_col.static-overview, #mixxxer_left_col.static-overview {
        float: none;
        width: 100%;
    }

    #mixxxer_right_col.static-overview #mixxxer_rc_container {
        position: relative !important;
        top: 0 !important;
        width: 100%;
        margin-top: 10px;
    }

    #mixConfigBottom {
        margin-top: 15px;
    }

    #mixConfigBottom, #mixConfigBottom #mixxxer_right_col, #mixConfigBottom #mixxxer_rc_container {
        width: 100%;
    }
}

/*** EOC by alkim media (DK) - Honeygrid ***/


#mixxxer_multiaccordion .group-name {
    min-width: 180px;
    display: inline-block;
    white-space: nowrap;
}


#mixxxer_multiaccordion .selected-items {
    max-width: 50%;
    max-width: calc(100% - 200px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:1em;
    color: #999;
    font-size:0.9em;
}
@media all and (max-width: 500px) {
    #mixxxer_multiaccordion .selected-items {
        max-width: 100%;
        display:block;
        margin-left:16px;
    }
}

#mixxxer_left_col .ui-accordion h3{
    margin-top:6px;
}

.supergroup-heading{
    display:block;
    padding:10px 16px;
    background:#006cb1;
    color:#fff;
    margin-top:6px;
}

.mixxxer-overview-item .item{
    font-size:0.9em;
}

.mixxxerRadioWr{
    display:flex;
    align-items:flex-start;
}

.mixxxerRadioWr .mixxxerItemRadioPriceWr{
    order:50;
    flex-basis:90px;
}


.mixxxerRadioWr .mixxxerItemRadio{
    order:0;
    margin-right:5px;
}

.mixxxerRadioWr .mixxxerItemQtyField{
    order:1;
}

.mixxxerRadioWr .item-name{
    order:10;
    flex-grow: 100;
}
.selected-items .mixxxer-shipping-time{
    display:none;
}
.mixxxer-shipping-time{
    font-size: 10px;
    color: #666;
    margin-bottom:-5px;
}

#mixxxer-config-area div.sub-group-heading{
    font-weight:bold;
    clear: both;
    margin: 0;
    padding: 10px 0 5px 0;
    font-size:18px;
}


#mixxxer_head h1{
    margin-bottom:0;
    padding-bottom: 0;
}

#mixxxer_head .product-info-stage{
    margin-bottom: -20px;
    width:100%;
}

.mixxxer_sg_tabs{
    border:none;
    padding:0;
}
.mixxxer-config-cart-row td{
    border-top-width:0 !important;
}