:root {
    --white:white;
    --lightgrey:#F1F1F1;
    --lightergrey:#f9f9f9;
    --middlegrey:#A4AEB2;
    --darkgrey:#333333;
    --orange:#E47E3D;
    --darkorange:#C16327;
    --blue:#33647E;
    --darkblue:#204B61;
    --transparent-orange:rgb(228,126,61, 0.9);
    --gray-dark2: #666666;
    --disabled:#e2e2e2;
    --scrollbar-width: calc(100vw - 100%);
}

/* global */
/*
.page-header {border-bottom: 2px solid var(--lightgrey);margin-bottom: 20px;}
.page-header .fa-stack {color:var(--orange);font-size: medium;margin-top: -4px;}
.page-header h1 {color: var(--orange);font-size: xx-large;}
*/
#header {min-height:40px;}
thead th {background: var(--blue);color:var(--white);}

/* formDisplay */
#formDisplay form td .btn-add, #formDisplay form td .btn-minus {padding: 4px 10px;vertical-align: baseline;}
.form-control.multiField {width: 80%;margin-bottom: 5px;display: inline;}
.multiSelectSwitch {display: flex;justify-content: center;}
.multiSelectSwitch label {width: 100%;}
.multiSelectSwitch select[multiple] {display: inline-block;height:250px;}
.multiSelectSwitch .btnContainer {display:block;}
.multiSelectSwitch .btnContainer button {display:flex;}
.multiSelectSwitch .btnContainer button:first-child {margin-bottom: 10px;margin-top: 250%;}
#formDisplay .btn-cancel {margin-right:8px;}

/* documentation pages */
[data-view="apps"],
[data-view="javascript"],
[data-view="quantum"] {overflow:hidden;}
[data-subview="docs"] .jumbotron {padding-left:0;padding-right:0;margin:0;}
[data-subview="docs"] form[data-method="search"] {padding:15px;border-bottom:1px solid #eee;border-right:1px solid #eee;}
#docs {position:relative;}
#docs article {height:82.3vh;overflow:auto;padding:20px 30px 20px 0;}
#docs .container-fluid {padding:0;}
#docs aside {height:75.2vh;overflow:auto;border-right:1px solid #eee;}
#docs .list-group {border:none;}
#docs .list-group-item {border:none;}
#docsSubnav {padding:25px 0;}

/* plugins */
#activePlugins {width:100%;height:600px;border:3px solid #ddd;position:relative;overflow:auto;}
#activePlugins:after {content:'Drag Plugins Here';position:absolute;top:50%;left:50%;color:#ddd;margin-left:-75px;}
#activePlugins .plugin {width:100%!important;border-radius:0 0 0 0;}
.available-plugins .btn-group {display:none;}
#droppable {height: 160px;background: repeating-linear-gradient(-45deg, #8c8c8c, #8c8c8c 25%, #999 25%, #999 50%, #8c8c8c 50%) top left fixed;background: -webkit-repeating-linear-gradient(-45deg, #8c8c8c, #8c8c8c 25%, #999 25%, #999 50%, #8c8c8c 50%) top left fixed;background-size: 30px 30px;background-color: #8c8c8c;text-align: center;font-size: xx-large;border: 5px solid rgba(0,0,0,0.08);}
#droppable i {padding-top: 62px; color: #fff;}
#droppable.active {background: repeating-linear-gradient(-45deg, #8c2929, #8c2929 25%, #992d2d 25%, #992d2d 50%, #8c2929 50%) top left fixed;background: -webkit-repeating-linear-gradient(-45deg, #8c2929, #8c2929 25%, #992d2d 25%, #992d2d 50%, #8c2929 50%) top left fixed;background-size: 30px 30px;background-color: #8c2929;}