html, body {
  width:100%;
  margin:0;
  padding:0;
  /* overflow: auto; */
  font-family: Calibri, Tahoma, Geneva, sans-serif;
}


.tabulator-selected i.icon.circle.select:before {
  content: "\f058" !important;  
}
.tabulator-selected i.icon.square.select:before {
  content:"\f14a" !important;  
}

iframe.full-frame {
  width: 100%;
  border: none;
  height: 99%;
  padding: 0;
  margin: 0;  
}

.ui-layout-pane .icon.count {
  min-width:35px;
}

.ui-layout-pane .ui.grid.count .eight.wide.column .label {
  width:  32% !important;
  font-weight: bolder;
}

.ui-layout-pane .ui.grid {
  margin: 0px !important;
}
.ctl-layout-frame {
  position:relative !important;
  height:100% !important;
  width:100% !important;
}

.ui-layout-pane .tabulator {
  margin: 0px;
}
.site-layout-north {
  overflow: hidden;
}
.ui.grid {
  margin-top: 0; 
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}


.ui.grid>.column:not(.row) {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ui.tight.menu {
  min-height:25px;
}

.ui.tight.menu > .item {
  padding-top:2px !important;
  padding-bottom:2px !important;
  padding-right:5px !important;
  padding-left:5px !important;
}

.ui.slim.menu {
  min-height:35px;
}

.ui.slim.menu > .item {
  padding-top:8px !important;
  padding-bottom:8px !important;
  padding-right:8px !important;
  padding-left:8px !important;
}



.full.ui.disabled.dropdown, .full.ui.dropdown .menu>.disabled.item {
  opacity: .95;
}

.full.ui.disabled.dropdown .dropdown.icon {
  display:none;
}

input[readonly], .ui.disabled.dropdown {
  border: none !important;
  font-weight: bolder;
  cursor:default;
}


.full.ui.disabled.dropdown .ui.label {
  border: none !important;
  background-color:transparent !important;
}

.ui.segment.blue input[readonly],
.ui.segment.blue .ui.disabled.dropdown,
.ui.segment.blue .full.ui.disabled.dropdown .ui.label {
  color: #2185d0 !important;
}

.ui.segment.orange input[readonly],
.ui.segment.orange .ui.disabled.dropdown,
.ui.segment.orange .full.ui.disabled.dropdown .ui.label {
 color: #cf590c !important;
}

.ui.segment.green input[readonly],
.ui.segment.green .ui.disabled.dropdown,
.ui.segment.green .full.ui.disabled.dropdown .ui.label {
 color: #198f35 !important;
}

.ui.segment.purple input[readonly],
.ui.segment.purple .ui.disabled.dropdown,
.ui.segment.purple .full.ui.disabled.dropdown .ui.label {
 color: #82299f !important;
}

.ui.segment.violet input[readonly],
.ui.segment.violet .ui.disabled.dropdown,
.ui.segment.violet .full.ui.disabled.dropdown .ui.label {
 color: #502aa1 !important;
}

.ui.segment.red input[readonly],
.ui.segment.red .ui.disabled.dropdown,
.ui.segment.red .full.ui.disabled.dropdown .ui.label {
 color: #b21e1e !important;
}

.ui.segment.brown input[readonly],
.ui.segment.brown .ui.disabled.dropdown,
.ui.segment.brown .full.ui.disabled.dropdown .ui.label {
 color: #975b33 !important;
}

.ui.segment.yellow input[readonly],
.ui.segment.yellow .ui.disabled.dropdown,
.ui.segment.yellow .full.ui.disabled.dropdown .ui.label {
 color: #cd9903 !important;
}

.ui.segment.olive input[readonly],
.ui.segment.olive .ui.disabled.dropdown,
.ui.segment.olive .full.ui.disabled.dropdown .ui.label {
 color: #8d9e13 !important;
}

.ui.segment.teal input[readonly],
.ui.segment.teal .ui.disabled.dropdown,
.ui.segment.teal .full.ui.disabled.dropdown .ui.label {
 color: #00827c !important;
}

.ui.segment.pink input[readonly],
.ui.segment.pink .ui.disabled.dropdown,
.ui.segment.pink .full.ui.disabled.dropdown .ui.label {
 color: #c71f7e !important;
}


.full.ui.disabled.dropdown .ui.label>.delete.icon {
  display:none;
}

.full-height, .ace_editor{
  height: 100%;
}

.ui.input > input.title {
  font-size: 22px;
  padding: 3px;
  padding-left: 8px;
  border: none;
}

.ui.nopad.celled.grid>.column:not(.row), .ui.nopad.celled.grid>.row>.column {
  padding: 0px;
  margin: 0px;
}
.all0 {
  padding: 0px !important;
  margin: 0px !important;
}

.pad0 {
  padding: 0px !important;
}
.pad1 {
  padding: 1px !important;
}
.pad2 {
  padding: 2px !important;
}
.pad3 {
  padding: 3px !important;
}
.pad4 {
  padding: 4px !important;
}
.pad5 {
  padding: 5px !important;
}
.pad6 {
  padding: 6px !important;
}
.pad7 {
  padding: 7px !important;
}
.pad8 {
  padding: 8px !important;
}
.pad9 {
  padding: 9px !important;
}
.pad10 {
  padding: 10px !important;
}

.mar0 {
  margin: 0px !important;
}
.mar1 {
  margin: 1px !important;
}
.mar2 {
  margin: 2px !important;
}
.mar3 {
  margin: 3px !important;
}
.mar4 {
  margin: 4px !important;
}




.ui.selection.dropdown>.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  top: .78571429em;
  right: 1em;
  z-index: 3;
  margin: -.78571429em;
  padding: .91666667em;
  opacity: .8;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
}

.flyover  {
  position: relative;
  z-index: 22;
  top: 10px;
  left: 10px;
  background-color:white;
}

.pagemask {
position: absolute;
overflow: auto;
z-index: 21;
top: 0px;
left: 0px;
width:100%;
height:100%;
background-color: transparent;
}

.pagemaskfade {
  position: absolute;
  z-index: 20;
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
  opacity: .2;
  background-color: white;
  }
  
.ui.table {
  margin: 2px 0;
}

unstackable
.mobile .ui.table:not(.unstackable), .ui.table.mobile:not(.unstackable) {
  padding: 0;
  width: 100%;
}

.mobile .ui.table:not(.unstackable) > tbody > tr > td, .ui.table.mobile > tbody > tr > td {
  display: block;
  width: 100% !important;
}

.mobile .ui.table:not(.unstackable) > thead > tr > th, .ui.table.mobile > thead > tr > th {
  display: block;
  width: 100% !important;
}


.count-badge.list > .item > .label {
  min-width:80px;
  overflow: hidden;
}
/* 
table.outline {
 margin-bottom: 2px !important;
}

table.outline > tbody > tr[oluse="select"] {
  cursor: pointer;
}

table.outline > tbody > tr > td.tbl-label {
  width:90px;
  color:black;
  background-color: #eeeeee;
}

table.outline > tbody > tr.active > td.tbl-label {
  width:90px;
  background-color: #777777;
  color: white;
}

table.outline > tbody > tr > td.tbl-icon {
  width:40px;
}

table.outline > tbody > tr > td.tbl-icon2 {
  width:80px;
}

table.outline > tbody > tr > td.tbl-details {
  white-space: nowrap;
  font-weight:bolder;
  overflow:auto;
  width:auto;
} */





.ui-layout-pane {
  padding: 0px;
}

.ui.form input.fit {
  width: auto !important;
}

.ui.definition.table.medium-label tr td:first-child:not(.ignored) {
  width: 200px;
}

ui.radiobox.checkbox .box:after, .ui.radiobox.checkbox label:after {
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  -webkit-transform: scale(.46666667);
  transform: scale(.46666667);
  background-color: rgba(0,0,0,.87);
}

input:checked~.box:after, .ui.radiobox.checkbox input:checked~label:after {
  background-color: rgba(0,0,0,.95);
}

.ui.radiobox.checkbox .box, .ui.radiobox.checkbox label {
  padding-left: 1.85714em;
}

.ui.radiobox.checkbox .box:before, .ui.radiobox.checkbox label:before {
    content: '';
    -webkit-transform: none;
    transform: none;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    top: 1px;
    left: 0;
}

.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
    border: none;
    content: ''!important;
    width: 15px;
    height: 15px;
    line-height: 15px;
}

.disabled {
cursor: not-allowed !important;
}
.ui.icon.message {
  width:auto !important;
}
.ui.tabular.menu .active.item {
  margin-bottom: 0px;
}

.ui.cards {
  margin: 0 0;
}

.ui.menu.high .active.item {
  padding-top: 3px;
}

.toright {
  float:right;
  margin-right:5px;
  margin-left:5px;
}
.toleft {
  float:left;
  margin-right:5px;
  margin-left:5px;
}
.endfloat {
  clear:both;
}

.mobile .ui.form .fields {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.mobile .ui.form .inline {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.mobile .ui[class*="equal width"].form:not(.unstackable) .fields > .field,
.mobile .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
.mobile .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
.mobile .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
.mobile .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
.mobile .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
.mobile .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
.mobile .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
.mobile .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
.mobile .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
.mobile .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
.mobile .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
.mobile .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
.mobile .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
.mobile .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
.mobile .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
.mobile .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
.mobile .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
.mobile .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
.mobile .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field {
  width: 100% !important;
}






.ui.button.stacked {
  margin-top:2px !important;
  margin-bottom:2px !important;
}
.ui.segment.slim {
  margin:6px;
  padding:6px;
}

.ui.cards.slim >.card{
  padding:6px;
  margin:6px;
}

.ui.piled.segment, .ui.piled.segments {
  margin: 5px 0;
}

[appuse="grid-16"] .ui.horizontal.divider.wrap {
  white-space: normal;
}

[appuse="grid-16"] .ui.horizontal {
  margin-top: 10px;
}

.ui.larger {
  font-size: larger !important;
}

.ui.segment[group] {
  padding-top:8px;
}
.ui.form .grouped.fields {
  margin-left:15px;
}
.ace-editor { 
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
}
.app-msg-object {
  max-height:50px;
  overflow:auto;
  border: dotted 3px black;
  padding: 5px;
  color:black;
}

.mobile .ui.form .fields .field {
  margin-top:10px !important;
  /* height: -webkit-fill-available; */
}

.ui.header.divider {
  margin-top:8px;
}
.common-dialog-footer {
  border-top:solid 1px #dddddd;
  padding:4px;
}
.aa-ws {
  min-height:300px;    
}
.one-liner {
  white-space: nowrap;
  overflow:auto;
}
.ui.menu {
  border:none !important;
}
.aa-footer {
  padding:3px;
  border: solid 1px;
}

.aa-outside {
  margin:0px;
  padding:0px;
}

/* Context Menu Tweaks */
.context-menu-icon.context-menu-hover:before {
color: #38afff;
}

.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
color: #38afff;
}

.context-menu-item.context-menu-hover {
color: #000;
cursor: pointer; 
background-color: transparent;
}

/* Semantic 2.3 not working as expected, work arounds for "top attached", etc */
.ontop {
padding-bottom:0px;
}
.onbottom {
padding-top:0px;
}

.dimmed.dimmable>.ui.animating.dimmer, .dimmed.dimmable>.ui.visible.dimmer, .ui.active.dimmer {
padding: 0;
margin: 0;
}

i.bordered.icon {
height:auto;
width:auto;
}

.ui.menu.flow {
padding-top:0;margin-top:0;overflow:auto;
}


.top-toolbar {
  border-top:solid 1px black;
  border-bottom:solid 1px black;
  padding:
  5px;
}
.requests-outline {
  overflow:auto;
  padding: 2px;
  float:left;

}
.requests-details {
  padding: 2px;
  float:left;
}
.requests-tree-header {
  font-weight:bold;
  font-size:18px;
  min-height:30px;
  margin-bottom:8px;
}

@media only screen and (max-width: 700px) {
  .requests-details {
    width:100%;
  }
  .requests-outline {
    width:100%;
  }
}
@media only screen and (min-width: 699px) {
  .requests-details {
    width:60%;
  }
  .requests-outline {
   width:40%;
  }
}

.clearboth {
clear:both;
}

.ui.button.context {
  width:280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}



.scroll-site::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 3px rgba(0,1,0,0.3);
box-shadow: inset 0 0 3px rgba(0,1,0,0.3);
background-color: #F5F5F5;
}

.scroll-site::-webkit-scrollbar
{
width: 6px;
height:8px;
background-color: #F5F5F5;
}

.scroll-site::-webkit-scrollbar-thumb
{
background-color: #303030;
}

.site-dt-resp-col{

 width:10px;

}

.single-line-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.bolder {
font-weight: bolder;
}
.small-card {
width:250px !important;
}
.mini-card {
width:150px !important;
}




.site-layout-north .site-header {
color: white!important;
font-weight: stong;
font-size:18px;
}


.ui.menu .item.plain {
position: inherit;
}
.ui.menu .item.plain {
position: inherit;
}
.nopad {
padding:0 !important;
margin:0 !important;
}
.menu.middle {
margin-top:0 !important;
margin-bottom:0 !important;
}
.noshadow {
box-shadow: none !important;
position: inherit !important;    
}


.no-top {
  margin-top:0 !important;
}
.no-bottom {
  margin-bottom:0 !important; 
}

.ui.labeled.button>.label {
  padding-top:10px;
  display:block !important;
}

.vakata-context { z-index:10052 !important; }

.hidden {
  display: none !important;
}

.hidden.menu {
  display: none;
}

.secondary.pointing.menu .toc.item {
  display: none;
}



@media only screen and (min-width: 767px) {
  .mobileonly {
    display: none !important;
  }
  .mobilehidden {
    display: '' !important;
  }
}

@media only screen and (max-width: 767px) {
  .nomobile {
    display: none !important;
  }
  .mobilehidden {
    display: none !important;
  }
}


.ui.menu .item {
  font-size:14px;
}
.ui.sidebar.menu .item {
  font-size:15px;
  padding-top:20px;
  padding-bottom:20px;
}
.ui.visible.uncover.sidebar {
  z-index: 3;
}

/* Semantic UI Overrides  */
.ui.modal>.content {
  width:auto !important;
}

.ui.segment, .ui.segments .segment {
  font-size: 1.0rem;
}

.med-boxed {
  min-height:400px;
}

/* Remove this .. was testing  */
.pagination
{
width:100%;
margin-top:20px;
margin-bottom:20px;
}

.clear
{
clear:both;
}

.pagination a
{
font-size: 12px;
line-height: 18px;
}

.container
{
max-width:768px;
margin-bottom:20px;
}

.roundedbox
{
margin-top:20px;
margin-bottom:20px;
max-width:768px;
height:300px;

padding: 10px;
background-color: #EEE;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

text-align:center;
font-weight: 300;
font-size: 20px;
line-height: 36px;

overflow:hidden;
}

@media print { 
  .noprint { 
     display:none; 
  } 
} 

.prettyprint {
font-size:10px;
}

body .ui.selection.dropdown {
  min-width: 14px;
}

.example_btn {
margin-bottom:10px;
}

.properties code,
.methods code,
.events code {
cursor: pointer;
text-decoration: underline;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

.ui-layout-pane .tabulator-row.tabulator-group {
  background: white;
}


.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

[appuse="page-overlay"] .sticky {
  position: fixed;
  top: 0;
  height:45px;
  width:97%;
}

[appuse="page-overlay"] {
  /* padding: 10px; */
  padding-top:45px;
  position: fixed; 
  display: none;
  width: 100%; 
  overflow:auto;
  height: 100%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 2; 
}