modal_dropdown.css

#MB_overlay {
    position: absolute;
    margin: auto;
    top: 0;        left: 0;
    width: 100%; height: 100%;
    z-index: 9999;
    border: 0;
    background-color: #fff!important;
}
#MB_overlay[id] { position: fixed; }

#MB_windowwrapper {
    position:absolute;
    top:0;
    width:100%;
}

#MB_window {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top:0;
    left:0;
    border: 0 solid;
    text-align: left;
    z-index: 10000;
}
#MB_window[id] { position: relative; }

#MB_frame {
    position: relative;
    background-color: #EFEFEF;
    height: 100%;
}

#MB_header {
    margin: 0;
    padding: 0;
}

#MB_content {
    position: relative;
    padding: 6px .75em;
    overflow: hidden;
}

#MB_caption {
    font: bold 100% "Lucida Grande", Arial, sans-serif;
    text-shadow: #FFF 0 1px 0;
    padding: .5em 2em .5em .75em;
    margin: 0;
    text-align: left;
}

#MB_close {
    display: block;
    position: absolute;
    right: 5px; top: 4px;
    padding: 2px 3px;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}
#MB_close:hover {
    background: transparent;
}

#MB_loading {
    padding: 1.5em;
    text-indent: -10000px;
    background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
    background-color: #EFEFEF;
    color: #000;

    -webkit-box-shadow: 0 0 64px #000;
    -moz-box-shadow: #000 0 0 64px;
    box-shadow: 0 0 64px #000;
    overflow:hiddden;

}
#MB_frame {
    padding-bottom: 4px;

    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;

    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#MB_content { border-top: 1px solid #F9F9F9; }

#MB_header {
    background-color: #DDD;
    border-bottom: 1px solid #CCC;
}
#MB_caption { color: #000 }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
    margin: 10px 0;
    text-align: center;
}

@media screen and (max-width: 600px) {
    #MB_window{  
        width:400px;
        margin:auto;
    }
}

/**
 * Drop-down
 */



/* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dropdown { position:relative; }
.dropdown:hover { z-index:4000; }

/* Dropdown toggle
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-toggle {
    display:block;
    cursor:default;
}

/* Inside Dropdown-toggle
-------------------------------------------------------------- */
.dropdown-toggle * { display:inline-block; }
.dropdown-toggle .label { padding-right:2px; }
.dropdown-toggle .value {}
.dropdown-toggle .dropdown-icon {
    width:18px;
    text-indent:-9999px;
    background-position:0 50%;
    background-repeat:no-repeat;
}
.dropdown-toggle .img-caret {
    background:url(../../../images/infortis/_shared/dropdown/arrow-dropdown.png) 100% 50% no-repeat;
    width:10px;
    text-indent:-9999px;
}

/* Predefined icons
-------------------------------------------------------------- */
.dropdown-toggle .icon.first { margin-left:-5px; }
.dropdown-toggle .icon.close-to-text { margin-right:-8px; }


/* Cover 'dropdown-toggle' (and 'dropdown-menu' shadow) with additional inner div
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
        .dropdown-toggle.cover > div { padding:0 10px; cursor:default; }
.open > .dropdown-toggle.cover > div { background-color:#fff; }
/*.dropdown:hover .dropdown-toggle.cover > div,*/
.open > .dropdown-toggle.cover > div {
    z-index:4001;
    position:relative;
}


/* Dropdown menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-menu {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:4000;
    padding:20px;
    min-width:130px;
    line-height:1.5em;
    text-align:left;

    list-style:none;
    background-color:#fff;
}
.dropdown-menu.left-hand {
    left:auto;
    right:0;
}

/* When dropdown menu is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
.dropdown-menu > li * { display:inline-block; }
.dropdown-menu > li > a { display:block; }

.dropdown-menu > li { white-space:nowrap; }
.dropdown-menu > li .label { margin-right:8px; }
.dropdown-menu .dropdown-icon {
    width:18px;
    text-indent:-9999px;
    background-position:0 50%;
    background-repeat:no-repeat;
}


/* Clickable
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.clickable-dropdown {}