/*
 * Copyright (c) 2016 Macrofocus GmbH. All Rights Reserved.
 */

.root {
    color: black;
    margin: 0px;
    border: 0px;
    padding: 0px;
    background: #fff;
    direction: ltr;
}

.root.bp3-dark {
    background-color: black;
}

.root div {
    /*width: unset;*/
    font-family: unset;
    font-size: unset;
}

.root textarea, .root input.text, .root select {
    width: unset;
    font-family: unset;
    font-size: unset;
}

.root label {
    font-family: unset;
    font-size: unset;
}

.root table td, .root select {
    font-family: Arial Unicode MS, Arial, sans-serif;
    font-size: small;
}

.root pre {
    font-family: "courier new", courier;
    font-size: small;
}

.root a, .root a:visited, .root a:hover {
    color: #0000AA;
}

.dropPanel {
    width:420px;
    height:200px;

    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;

    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;

    background-color: #c8dadf;
    padding: 20px 10px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dropPanel.is-dragover {
    outline-offset: -20px;
    outline-color: #c8dadf;
    background-color: #fff;
}

.dropPanel div {
    font-size: 1.25rem;
    padding: 2px 2px;
    overflow: hidden;
    text-align: center;
    color:gray;
}

.dropPanel .box__icon {
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 20px;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
    color: #000000 !important;
}