body.hex {
  font-family: ClearSans;
  font-weight: 400;
  background-color:#666;
}

/*body.hex strong { font-weight:500 !important; }*/

/*HEX MENU*/

  .navbar-hex.navbar { font-size:85%; }
  
  .navbar-hex.navbar { background-color:#555; border-bottom:1px solid #333; }
  
  .navbar-hex.navbar-dark .navbar-brand {
    color: #fff;
  }
  
  .navbar-hex.navbar-dark .navbar-brand:hover, navbar-hex.navbar-dark .navbar-brand:focus {
    color: #fff;
  }
  
  .navbar-hex.navbar-dark .navbar-nav .nav-link {
    /*color: rgba(255, 255, 255, 0.5);*/
    color: rgba(255, 255, 255, 1);
  }
  
  .navbar-hex.navbar-dark .navbar-nav .nav-link:hover, .navbar-hex.navbar-dark .navbar-nav .nav-link:focus {
    /*color: rgba(255, 255, 255, 0.75);*/
    /*color: rgba(255, 255, 255, 1);*/
    color: rgba(244, 97, 33, 1); /*ORANGE*/
  }
  
  .navbar-hex.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
  }
  
  .navbar-hex.navbar-dark .navbar-nav .show > .nav-link,
  .navbar-hex.navbar-dark .navbar-nav .active > .nav-link,
  .navbar-hex.navbar-dark .navbar-nav .nav-link.show,
  .navbar-hex.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
    background-color: #f46121; /*ORANGE*/
  }
  
  .navbar-hex.navbar-dark .navbar-toggler {
    /*color: rgba(255, 255, 255, 0.5);*/
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 0.1);
  }
  
  .navbar-hex.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
  
  .navbar-hex.navbar-dark .navbar-text {
    /*color: rgba(255, 255, 255, 0.5);*/
    color: rgba(255, 255, 255, 1);
  }
  
  .navbar-hex.navbar-dark .navbar-text a {
    color: #fff;
  }
  
  .navbar-hex.navbar-dark .navbar-text a:hover, .navbar-hex.navbar-dark .navbar-text a:focus {
    color: #fff;
  }
  
  .navbar-hex.nav-item { border-left:1px solid #fff; border-right:1px solid #000; border-left-color:rgba(255,255,255,0.2); border-right-color:rgba(0,0,0,0.7); }
  
  .navbar-hex.navbar-brand { margin-right:0; margin-left:0; border-right: 1px solid #000; border-right-color:rgba(0,0,0,0.7); padding-right:1rem; padding-left:1rem; }
  
/* MAIN BODY */

body.hex .core { background-color:#fefefe; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; padding-right: 3rem !important; padding-left:3rem !important; padding-bottom: 0.5rem !important; font-size:95%; }

body.hex .hex-h1 { font-family: Jost, Arial, sans-serif; font-weight:600; text-transform: uppercase; font-size:2rem; color:#666; }

body.hex .hdg { border-bottom: 1px solid #dee2e6 !important; margin-bottom: 0.5rem !important; padding-bottom:0 !important; padding-left:0 !important; margin-left:0 !important; }

/*.hex-table { font-size:95%; }*/
body.hex .hex-table tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.025) !important;
}
body.hex .hex-field-display { font-weight: 500 !important; }


/* BUTTONS */
body.hex .btn-tiny, .btn-group-tiny > .btn {
  padding: 0.20rem 0.50rem;
  font-size: 0.85rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

body.hex .btn-edit {
  color: #fff;
  background-color: #ff6600;
  border-color: #ff6600;
}

body.hex .btn-edit:hover {
  color: #fff;
  background-color: #e05a00;
  border-color: #d15400;
}

body.hex .btn-edit:focus, .btn-edit.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.5);
}

body.hex .btn-edit.disabled, .btn-edit:disabled {
  color: #fff;
  background-color: #ff6600;
  border-color: #ff6600;
}

body.hex .btn-edit:not(:disabled):not(.disabled):active, body.hex .btn-edit:not(:disabled):not(.disabled).active,
body.hex .show > .btn-edit.dropdown-toggle {
  color: #fff;
  background-color: #e05a00;
  border-color: #d15400;
}

body.hex .btn-edit:not(:disabled):not(.disabled):active:focus, body.hex .btn-edit:not(:disabled):not(.disabled).active:focus,
body.hex .show > body.hex .btn-edit.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.5);
}


@media (min-width: 1360px) {
  body.hex .container {
    max-width: 1280px;
  }
}

.btn-hex {
  font-family:"ClearSans", sans-serif;
  font-weight:600;
  color: #000;
  color:#fff;
  color:rgba(255,255,255,0.95);
  background-color: #ff7e28;
  border-color: #ff7e28;
  
}

.btn-hex:hover {
  color: #ff7e28;
  background-color: #000000;
  border-color: #ff7e28;
  box-shadow: 0 0 0 0.2rem rgba(255, 126, 40, 0.75);
}

.btn-hex:focus, .btn-hex.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 126, 40, 0.5);
}

.btn-hex.disabled, .btn-hex:disabled {
  color: #ccc;
  background-color: #515151;
  border-color: #515151;
}

.btn-hex:not(:disabled):not(.disabled):active, .btn-hex:not(:disabled):not(.disabled).active,
.show > .btn-hex.dropdown-toggle {
  color: #ff7e28;
  background-color: #363636;
  border-color: #ff7e28;
}

.btn-hex:not(:disabled):not(.disabled):active:focus, .btn-hex:not(:disabled):not(.disabled).active:focus,
.show > .btn-hex.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 126, 40, 0.5);
}

#hexNav { font-family: ClearSans; font-weight: 400; }

#hexNav .dropdown-menu {
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  padding:0.3rem 0;
  margin:0.1rem 0 0;
  font-size: 0.95rem;
  background-color: #555;
  border: 1px solid rgba(0, 0, 0, 1);
  border-radius: 0;
  /*position: absolute;
  top: 100%;
  top:0;
  left: 0;
  z-index: 1000000000000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.9rem;
  color: #fff;
  text-align: left;
  list-style: none;
  background-color: #555;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 1);
  border-radius: 0;*/
}

#hexNav .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  padding: 0.15rem 1.25rem;
  clear: both;
  font-weight: 400;
  color: #fff;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.btn-mini {
  line-height:120%;
  padding:5px;
  margin:0;
  font-size:85%;
  vertical-align:middle;
}

.btn {
  font-family:"ClearSans", sans-serif;
  font-weight:600;
}

div.hex-outline {
  outline:3px solid #ff7e28;
}

.hex-controlbar {
  /*background-color:rgba(255, 126, 40, 0.5) !important;*/
  background-color:rgba(51,51,51, 0.45) !important;
  margin-top:3px;
  margin-bottom:3px;
}

.section-hidden {
  opacity: 0.5 !important;
}

div.hex-outline.section-hidden {
  outline:3px dashed #ff7e28 !important;
}

.hex-controlbar-panel {
  background-color:transparent !important;
}

.hexinfo {
  display:inline-block; border:1px solid #aaa; border-left-width:20px; padding:5px 8px; font-size:65%; margin-bottom:3px; font-weight:600; color:#444; background-color:#ffff99 !important;
}

body.hex .btn-hex { color:#fff !important; }
body.hex .btn-primary { color:#fff !important; }
body.hex .btn-secondary { color:#fff !important; }
body.hex .btn-success { color:#fff !important; }
body.hex .btn-warning { color:#fff !important; }
body.hex .btn-danger { color:#fff !important; }
body.hex .btn-dark { color:#fff !important; }

.navbar-hex a.dropdown-item:link { color:#fff !important; }
.navbar-hex a.dropdown-item:visited { color:#fff !important; }
.navbar-hex a.dropdown-item:hover { color:#fff !important; background-color:#f46121 !important; }
.navbar-hex a.dropdown-item:focus { color:#fff !important; background-color:#f46121 !important; }
.navbar-hex a.dropdown-item:active { color:#fff !important; background-color:#f46121 !important; }

a.nonhexonly { display:none !important; }

.jost { font-family:Jost !important; }

body.hex label { background-color:#515151; color:white !important; /*border-radius:3px;*/ padding:2px 4px; }
body.hex label.req { border-top:3px; border-top-color:red; border-top-style: solid; }
body.hex .form-control { border-top-left-radius:0 !important; border-top-right-radius:0 !important; }
body.hex .form-control-normal { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }
body.hex label.normal { background-color:none !important; color:inherit !important; }

.latest-version { font-weight:500 !important; color:#444; }
.earlier-version { opacity:0.4; font-weight:400 !important; text-decoration:line-through;  }
.inactive { opacity:0.4; font-weight:400 !important; }

.hximg { position:relative; box-sizing:border-box; }
.hex-image-toolbar { z-index:999999999999; background-color:#515151; position:absolute; display:none; color:#fff; padding-left:6px; padding-right:6px; padding-bottom:2px; box-sizing:border-box; white-space: nowrap; min-width:400px; }
.hex-picbar { display:inline-block; margin-right:6px; }
.hex-btn-active { outline: 2px solid orange; }
.hex-align-active { outline: 2px solid orange; }
.hex-size-active { outline: 2px solid orange; }
.hex-shadow-active { outline: 2px solid orange; }
.hex-border-active { outline: 2px solid orange; }
.hex-frame-active { outline: 2px solid orange; }

.pic-slider { display:none; font-size:12px; text-align:center; margin-bottom:6px; margin-top:4px; line-height:140%; vertical-align:top; }
.ui-slider-handle { min-width:30px; padding-bottom:3px; line-height:140%; }


.cke_toolbar a:link, .cke_toolbar a:visited { border-bottom:none !important; }
.cke_combo_text { padding-top:0 !important; padding-bottom:0 !important; max-height:24px !important; }
.cke_combo_inlinelabel { padding-top:0 !important; padding-bottom:0 !important; max-height:24px !important; }
.cke_combo_button { padding-top:0 !important; padding-bottom:0 !important; max-height:24px !important; }
.cke_panel_listItem * { float:none !important; }
.cke_toolbar h2 { font-family:Arial !important; }

.cke_button__link_label { display:inline !important; margin-left:2px !important; }
.cke_button__iwsimg_label { display:inline !important; margin-left:2px !important; }
.cke_button__iwsdoc_label { display:inline !important; margin-left:2px !important; }
.cke_button__source_label { display:none !important; }

.cke_top { background-image:none !important; background-color:#515151 !important;  }
.cke_bottom { background-image:none !important; background-color:#515151 !important; opacity:.5;  }
.cke_reset_all { box-shadow:none !important; }

.cke_bottom a:link { color:#fff !important; text-shadow:none !important; border-bottom: none !important;  }
.cke_bottom a:visited { color:#fff !important; text-shadow:none !important;  border-bottom: none !important;  }
.cke_bottom a:hover, .cke_bottom a:focus, .cke_bottom a:active { border-bottom:none !important; }

tr.hi td { background-color:#ffffcc; }

.colour-chip { display:inline-block; width:12px; height:12px; border:1px solid #000 !important; margin-right:0.5rem !important; }
.colour-chip.dotted { border:1px dotted #000 !important; }

.border-right-square { border-top-right-radius:0 !important ; border-bottom-right-radius:0 !important;}
.border-left-square { border-top-left-radius:0 !important ; border-bottom-left-radius:0 !important;}

.btn-tab { border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; border-top-right-radius:6px !important; border-top-left-radius:6px !important; 
  padding-top:0.45rem; padding-bottom:0.65rem; padding-right:0.55rem; padding-left:0.55rem; }
/*.btn-sec { border:2px solid #ff7e28; position:relative; bottom:-11px; background-color: #ff7e28; border-bottom:none !important; }*/
.btn-sec { border:3px solid #ff7e28; position:relative; bottom:-12px; border-bottom:none !important; }
.btn-sec-hidden { border:3px dashed #ff7e28; position:relative; bottom:-12px; border-bottom:3px solid transparent !important; opacity: 0.5 !important; }
.btn-bar { position:relative; bottom:-9px; }
.btn-bar-floated { position:relative; bottom:-5px !important; }
.btn-bar-warning { position:relative; bottom:-16px !important; }

.nowrap { white-space: nowrap !important; }

.btn-ed {
  color: #fff !important;
  background-color: #ff6014;
  border-color: #ff6014;
}

.btn-ed:hover {
  color: #fff;
  background-color: #FF4500;
  border-color: #FF4500;
}

.btn-ed:focus, .btn-ed.focus {
  color: #fff;
  background-color: #FF4500;
  border-color: #FF4500;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-ed.disabled, .btn-ed:disabled {
  color: #fff;
  background-color: #ff601470;
  border-color: #ff601470;
}

.btn-ed:not(:disabled):not(.disabled):active, .btn-ed:not(:disabled):not(.disabled).active,
.show > .btn-ed.dropdown-toggle {
  color: #fff;
  background-color: #FF4500;
  border-color: #FF4500;
}

.btn-ed:not(:disabled):not(.disabled):active:focus, .btn-ed:not(:disabled):not(.disabled).active:focus,
.show > .btn-ed.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-wide { min-width:3.6rem; }
.btn-bold:hover { font-weight:bold !important; }

.btn-move { margin-right:0; padding-right:2px; }
.btn-up { position:relative; margin-left:-5px; padding-left:4px; padding-right:4px; }
.btn-down { position:relative; margin-left:-5px; padding-left:4px; }

.btn-tint { position:relative; margin-left:-4px; }

.reduced90 { font-size:90%; }


.pointer { cursor:pointer; }

.w-200 { max-width:200px !important; }

.text-tiny { font-size:75%; line-height:130%; }

.min1024 { min-height:1024px !important; }

.hexshell { font-size:125%;font-family:ClearSans, Arial, sans-serif;font-weight:500; }

.maxw50px { max-width:50px; }

.leading-tight { line-height:120% !important; }


ul.navbar-nav li.nav-item a.nav-link.hex-page-active:link, ul.navbar-nav li.nav-item a.nav-link.hex-page-active:visited {
  color: rgba(244, 97, 33, 1) !important; /*ORANGE*/ 
  outline:10px pink !important;
}