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

.mixxxerItemsWrWithMarginLeft{
    margin-left:150px;
}

.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: 2px 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{
}

#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: 2px solid #5B9D07;
    background:#fff ;
}

#mixxxer_tabs{
    border:0;
    background: #f3f3f3;
}

#mixxxer_tabs .ui-tabs-nav{
}

.ui-widget-header {
    background: none;
    border: none;
}

#mixxxer_tabs .ui-corner-top{
}

.mixxxer_item_heading{
    margin:0 0 5px 0;
}

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

#mixxxer_rc_container{
    padding:5px 15px 15px;
    width:250px;
	margin-top: 20px;
    background:#f3f3f3;
}

#mixxxer_summary_heading{
    margin: 0 0 5px 0;
    font-size:14px;
    border-bottom:0;
}

.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;
    font-weight: normal;
}

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

.mixxxer_action_panel{
  margin-top:8px;
}

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

a.mixxxer_button:hover{
    
     background:#ddd;
     border:1px solid #ccc;
     text-decoration:none;
}

#mixxxer_rc_container input {
    width: 100%;
}

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

 #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;
  }
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-color: #5B9D07;
    color: #fff !important;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    width: 100px;
}

.mixxxer_small_button:hover{
   text-decoration: none;
   background-color: #333;
   color: #fff !important;
}

#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;
    color: #f3f3f3 !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:0px 18px !important;
}
.sc_navi.disabled{
    background-position:0px 0px !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:0px 2px;
     
}

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

#max_val_bar_inner{
    background:#f3f3f3;
    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{
    padding-bottom:5px;
}

.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{

}

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

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

}
.add_mixxxer_links li a, .add_mixxxer_links li span{
    display:inline-block;
    padding:5px;
    background: #f3f3f3;
    border:1px solid #ddd;
    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:0px;
}

.mixList2ImgWr{
    width:50px;
    height:50px; 
    padding:3px;
    border:1px solid #f3f3f3;
    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{
    background: #333;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    padding: 8px 7px 10px;
}

#item_list .amRibbon{
    font-size: 15px;
    padding: 0 7px 0;
}

.amRibbon.plus{
    background: #5B9D07;
}

.amRibbon.minus{
    background:#cc0000;
	padding: 8px 9px 10px;
}

.volumeTotals{
    border:1px dashed #ddd;
    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;
}


.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: none;
    color: #5B9D07;
    font-size: 23px;
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
}

#mixxxer_right_col h3::before {
    background: none;
	border: none;
}


#mixxxer_rc_container{
    width: 270px;
}

#mixList1{
}

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

.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%;
    }
}



.ui-widget-content {
    border: none;
	background: none;
}

.ui-dialog {
    border: 1px solid #d3d3d3!important;
	background: #ffff00;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-left, .ui-corner-bl {
	border-radius: 0 !important;
}

#total_price {
    font-size: 20px;
}