/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .4 )
    url('/img/ajax-loader.gif')
    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
.menu-on-top .menu-item-parent{
    max-width:100px;
    min-width:75px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:center;
    font-size:12px
}
.redbold td {
    font-weight: bold !important;
    color: red !important;
}

.mybold td {
    font-weight: bold !important;
}

.myitalic td {
    font-style : italic !important;
}

.protocol_infos{
    font-size: medium !important;
    border-width: 1px !important;
    border-style: groove !important;
}

#buyboxmodeLabel{
    margin-top: 35px;
}

.buyboxview{
    display: none;
}

#multi_toggle_label{
    float: right;
    width: 90px;
}

#multi-toggle-switch{
    margin-right: 10px;
}