/*For development only - used for quick changes*/

[x-cloak] { display: none !important;}

:focus {
    outline: 1px dotted white;
}
button:focus, a:focus, i:focus {
    outline: 1px dotted white;
}

#wrapper {
    background-color: #ededed;
    background-image: url(/images/gear_bg.png);
    background-repeat: no-repeat;
    background-position: right 156px;
}

.pointer:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    border-left: 8px solid #000;
    right: -3px;
    top: 1px;
}

.form-input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
    border-color: #444;
}


/** {*/
/*    border: 1px solid purple;*/
/*}*/

figure.table table{
    width: 100%;
}

#wiki_page table td, #wiki_page table th {
    padding: 2px 3px;
    border: solid 1px #222 !important;
}

#wiki_page img {
    padding: 8px 15px;
    max-width: 100%;
    max-height: 100%;
}

/** Draggable stuff **/

.draggable-source--is-dragging {
    background: #ffcccc;
    border: 2px solid #991B1B;

}

.draggable-mirror {
    /*display: none;*/
    background: #ffffff;
}

.tippy-box {
    background-color: whitesmoke;
    color: #008800;
    border: 1px solid #008800;
}

.tippy-box[data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #008800;
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #008800;
}
.tippy-box[data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #008800;
}
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #008800;
}

/*tom-select style overrides*/

.ts-input {
    font-size: 15px;
    padding: 2px 0 !important;
    border : 1px transparent !important;
}

.ts-input::placeholder { font-size: 15px !important;}
.ts-input, .ts-input input { line-height: 1rem !important ; min-height: 1.5rem !important}

select.fancy-tag { display: none; }