/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/**
 * Upload image for widgets (css)
 */

.wdv-image-container {
   display: inline-block; 
   width: 98%;  
} 

.wdv-media-inner {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
    margin-bottom: 10px;
}

.wdv-media-inner img {
    max-width:240px;
}

.wdv-media-url {
   width: 98%;
   margin: 1em 0; 
   display: none; 
}

.wdv-media-url-adv {
    width: 98%; 
    display: block; 
}

.wdv-media-upload {
    float: right; 
}

.wdv-empty {clear:both;}

.wdv-icon-list a {
    display: inline-block;
}
.wdv-icon-list a{
    margin: 2px;
    min-width: 20px;
    text-align:center;
}
.wdv-icon-list a i{
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    min-width: 20px;
}

.inline {
    width: 195px;
}
.icon-i {
    width: 20px;
}
.icon-i,
.inline {
  display: inline-block;  
}

.contact-input,
.wdv-icon-input label,
.wdv-contact-info label{
    display: block;
}
.icon-input {
    display: none; 
}

.icon-i {
    color: #0073aa;
    padding-right: 5px;
    font-size: 16px;
    margin: 5px;
}
/*tooltip*/
.wdv-icon-list .tooltip {
    display:inline-block;
    position:relative;
}

.wdv-icon-list .tooltip .top {
    top:-8px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:5px 10px;
    color:#444444;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    border-radius:3px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
}

.wdv-icon-list .tooltip:hover .top {
    display:block;
}