/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126 draft
License: none (public domain)
*/

html {
overflow: hidden;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased !important;

}

body {
color: #cdcdcd;
  font-family: -apple-system, BlinkMacSystemFont,
  "Segoe UI", "Roboto", "Oxygen",
  "Ubuntu", "Cantarell", "Fira Sans",
  "Droid Sans", "Helvetica Neue", sans-serif;  
  font-size: 12px;
/*
font-family: tahoma,arial,verdana,sans-serifui-buttfont-size: 11px;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
*/
margin: 0;
padding: 0;
border: 0;
}
h1, h2, h3, h4 {
  color: #c7c7c7;
}

h2 { 
  margin-top: 10px;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 400;
}


h3 {
  margin-top: 10px;
  border-bottom: 1px solid #777777; 
  padding-bottom: 6px;
/*  font-size: 14px; */
  font-size: 16px;
}

h3 {
  font-size: 20px;
  font-weight: 300;
}

* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
  -webkit-tap-highlight-color: transparent;  

/*
add this in if flashing keeps happening on mobile and disabling set cursor doesn't fix
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
*/

}

.downloadable-image {
 -webkit-touch-callout: default !important;
}

.has-mobile-context-menu {
 -webkit-touch-callout: default !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  width: 50px;
}


input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

*:active,
*:hover {
cursor: default;
}

div, table, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

input[type=text], input[type=number] {
  border: 0;
  height: 24px;
  padding: 0px 4px;
  background-color: #e1e1e1;
}

input[type=text]:hover, input[type=text]:focus, input[type=number]:focus, input[type=number]:focus {
  background-color: #efefef;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  border-radius: 1px;
  padding: 0 20px 0 3px;
  height: 24px;
  border: 0;
  background-color: #e1e1e1;
  background-image: url(../images/downArrow.svg);
  background-position: right 6px top 50%;
  background-repeat: no-repeat;
  background-size: 8px;

}

select:hover {
  background-color: #efefef;
}

/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
*/


/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
*/

/*
body {
  line-height: 1.2;
  color: white;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

label {
  color: white;
}


html {
overflow: hidden;
margin: 0;
padding: 0;
}

body {
color: #181818;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 11px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
}


* {
  -webkit-user-select: none;
}




h2 {
color: black;
font-size: 20px;
font-family: tahoma,arial,verdana,sans-serif;
margin: 6px 0 6px 0;
font-weight: normal;
}
*/

/* #Typography
================================================== */
/*
h1, h2, h3, h4, h5, h6 {
  color: #181818;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal; 
  text-rendering: optimizelegibility }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }


h1 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h1 small { font-size: 18px; }
h2 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h2 small { font-size: 18px; }
h3 { font-size: 18px; line-height: 27px; }
h3 small { font-size: 14px; }
h4, h5, h6 { line-height: 18px; }
h4 { font-size: 14px; }
h4 small { font-size: 12px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; color: #999999; text-transform: uppercase; }

.subheader { color: #777; }
  
p { margin: 0 0 5px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
b, strong { font-weight: bold; color: #333; }
small { font-size: 80%; }
*/

.ui-mainpanel {
padding: 8px;
/*background-color: #efefef;*/
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;

}

/*
.ui-clickable, .ui-clickable:visited {
cursor: pointer;
border-radius: 3px;
padding:1px 6px;  border:1px solid #ccc; background:#d4d4d4 url(../images/backTableTab.gif) repeat-x left top;
display: inline-block;
background-image: none;
background-color: #C5C5C5;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(top, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: -ms-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: linear-gradient(top, #f9f9f9,#e3e4e6);
}

.ui-clickable:hover {
background-image: none;
background-color: #AACCF6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, #d9e8fb), color-stop(100%, #d9e8fb));
background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb)
}

*/


.ui-text-label {
  color: #aaaaaa;
}

/* make buttons the same in firefox */
button::-moz-focus-inner {
padding: 0;
margin: 0;
border: 0;
}

button, .ui-button, .ui-button:visited {
/*
padding: 0px 3px;
*/
/*
padding: 3px 6px;
padding: 10px 14px;
*/

position: relative;
padding: 2px 8px;
line-height: 18px;
height: 20px;
margin-right: 1px; 
border: 0;
/*
border: 1px solid #999999;
*/

white-space: nowrap;
border-radius: 4px;

cursor: pointer; 

display: inline-block;
background-color: #333333;/* #2a2a2a ; */
color: #dddddd;
/*
background-color: #111111;
color: #dddddd;
*/

/*
box-shadow: 0 1px 0 0 white inset, -1px 0 0 0 white inset, 1px 0 0 0 white inset;
font: normal 11px tahoma, arial, verdana, sans-serif;
background-image: none;
background-color: #C5C5C5;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -ms-linear-gradient(top, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: linear-gradient(top, #f9f9f9,#e3e4e6);
*/
}

.ui-button-small {
  height: 16px;
  padding: 2px;
  display: flex;
  align-items: center;
}


.ui-button img {
 width: 18px;
 height: 18px;
 filter: invert(80%);
 vertical-align: middle;
 cursor: pointer;
}

.ui-button-small img {
  height: 14px;
}

.ui-button i {
  cursor: pointer;
}

.ui-button span {
  vertical-align: middle;
  margin-left: 2px;
  cursor: pointer;
}

button:hover, .ui-button:hover {
background-color: #404040; /* #343434;*/
  /*
background-image: none;
background-color: #AACCF6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, #d9e8fb), color-stop(100%, #d9e8fb));
background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb)
  */

}


button:active, .ui-button:active {

  /*
background-color: #999;
box-shadow: 0 1px 0 0 #444 inset, 0px 0 0 0 white inset, 1px 0 0 0 #444 inset;
background-color: #AACCF6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, #d9e8fb), color-stop(100%, #d9e8fb));
background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb)
  */

}

.ui-button-primary {
  background-color: #2266aa;
  color: #dddddd;
}

.ui-button-primary:hover {
  background-color: #2f7fba;
  color: #dddddd;
}

.ui-button-secondary {
  background-color: #515151;
  color: #dddddd;
}

.ui-button-secondary:hover {
  background-color: #5f5f5f;
  color: #dddddd;
}


.ui-button-nextaction {
  background-color: #2266aa;
  color: #dddddd;
}

.ui-button-nextaction:hover {
  background-color: #2f7fba;
  color: #dddddd;
}


.ui-button-info {
  background-color: #117744;
  color: #dddddd;
}

.ui-button-info:hover {
  background-color: #22aa66;
  color: #dddddd;
}


.ui-button-other {
  background-color: #5d3c4c;
  color: #dddddd;
}

.ui-button-other:hover {
  background-color: #543343;
  color: #dddddd;
}


.ui-button-dark {
  background-color: #1c1c1c;
  color: #dddddd;
}


.ui-button-danger {
  background-color: #aa4433;
  color: #dddddd;
}

.ui-button-danger:hover {
  background-color: #bb4f3f;
  color: #dddddd;
}



.ui-button-disabled, .ui-button-disabled:hover {
  cursor: default;
  background-image: none;
  background-color: #333333 !important;
  color: #666666 !important;
}


/*
.ui-button:active span {
position: relative;
top: 1px;
left: 1px;
}

.ui-button-blue {
  box-shadow: 0 0px 0 0 white inset, 0px 0 0 0 white inset, 0px 0 0 0 white inset;

  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-blue:hover {
  color: #fff;
  background-color: #0044cc;
  *background-color: #003bb3;
  background-image: none;
}

.ui-button-blue:active {
  background-color: #003399;
}
*/

/*
.ui-progress-bar-text {
padding-bottom: 4px;
}

.ui-progress-bar-container {
border: 1px solid #999;
white-space: nowrap;
border-radius: 4px;
background-color: #aaa;


}

.ui-progress-bar {
border-radius: 4px;
background-image: none;
background-color: #AACCF6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, #d9e8fb), color-stop(100%, #d9e8fb));
background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
}
*/


.ui-button-holder {
  display: flex;
}

.ui-button-holder .ui-button {
  display: flex;
  align-items: center;
}

.ui-button-holder .ui-button i {
  top: 0 !important;
}

.ui-progress-bar {
  border: 1px solid #111111;
  height: 20px;
  position: relative;
  background-color: #2a2a2a;
}

.ui-progress-bar-progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10%;
  background-color: #2266aa;
}

.ui-tab-panel {
position: absolute; 
left: 0; 
top: 0; 
right: 0; 
bottom: 0; 
border: 0px solid black;
background-color: #111111;
}

.ui-tab-content {
position: absolute; 
overflow: auto;  
top: 25px; bottom: 0; left: 0; right: 0;
padding: 6px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
/*background-color: #efefef;*/
}

.ui-tab-header {
  position: absolute; 
  bottom: 0px; 
  left: 0; 
  right: 0;
  display: flex;
}

.ui-tab, .ui-tab:visited {
float:left; 

margin-right: 3px;
/* margin: 0 0px 0 2px;  */
/*box-shadow: 0 1px 0 0 white inset, -1px 0 0 0 #e5e5e5 inset, 1px 0 0 0 white inset;  */
white-space: nowrap; 
/*border-color: #c5c5c5; */
border-color: #2b2b2b;
/*
border-radius: 4px 4px 0 0; 
border-style: solid; 
border-width: 1px 1px 0; 
*/
padding: 8px 9px 4px 9px; /* 3px 5px 0;  */
z-index: 3; 

/*height: 16px; */
position: relative; 
top: 0px;
cursor: pointer;


font: normal 11px tahoma, arial, verdana, sans-serif;
color: #888888;
background-color: #1f1f1f;


}



.ui-tab-disabled {
float:left;
margin: 0 0px 0 2px;
box-shadow: 0 1px 0 0 white inset, -1px 0 0 0 #e5e5e5 inset, 1px 0 0 0 white inset;
white-space: nowrap;
border-color: #c5c5c5;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
padding: 3px 5px 0;
z-index: 3;
height: 16px;
position: relative;
top: 1px;
cursor: default;
font: normal 11px tahoma, arial, verdana, sans-serif;
color: #222;
color: #666;
font: normal 11px tahoma, arial, verdana, sans-serif;
background-image: none;
background-color: #C5C5C5;

}


.ui-tab:hover {
background-image: none;
background-color: #333333;
/*
background-color: #AACCF6;
*/
/*
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, 
#d9e8fb), color-stop(100%, #d9e8fb));

background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb)
*/

}

.ui-tab {
  display: flex;
}

.ui-tab:active {
  /*background-color: #999; */
}

.ui-tab-label {
  display: flex; /*inline-block;*/
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
}




.ui-tab-temp .ui-tab-label {
  font-style: italic;
}

.ui-tab-close {
  display: inline-block;
  margin-left: 6px
}

.ui-tab-close img {
  width: 12px;
  height: 12px;
  cursor: pointer;
  filter: invert(0.7);
  margin-top: 2px;
}

.ui-tab-close img:hover {
  filter: invert(0.9);
}

.ui-current-tab {
  background-color: #171717;
  color: #dddddd;
  /*
  border-bottom: 1px solid #111111;
  */
/*  border: 1px solid #999999; */
  /*
color: black;
background-color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(top, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: -ms-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: linear-gradient(top, #f9f9f9,#e3e4e6);
*/
}


.ui-current-tab .ui-tab-label {
  border-bottom: 2px solid #273fab;
}

.ui-current-tab:hover {
color: #dddddd;
background-color: #111111;
/*
background-color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(top, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: -ms-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: linear-gradient(top, #f9f9f9,#e3e4e6);
*/

}


.ui-tab-bar {
clear: both; 
/*
border-top: 1px solid #2b2b2b; 
border-bottom: 0px solid #555555;
*/
height: 4px; 
background-color: #111111;  
left: 0; 
right: 0; 
position: absolute;
bottom: 2px;
z-index: 1;
}



.ui-progress-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
color: #999;
background-color: transparent;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}


.ui-dialog-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
color: #999;
background-color:  black; 
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
}


.ui-dialog {
position: absolute; 
/*
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
*/
border-radius: 5px 5px;
padding: 4px;

/* border-width: 1px; */
border-style: solid;
border-color: black;
overflow: hidden;


background-color: #2a2a2a;

/*
box-shadow: 2px 2px 5px #aaa;
*/

/* box-shadow: #ecf2fb 0 4px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset; */

}



.ui-panel-close-button {
  width: 12px;
  height: 12px;
  padding: 0 !important;
  line-height: 10px;
  vertical-align: middle;

  text-align: center;
  cursor: pointer;
  background-color: #1a1a1a; /* #aa4433; */

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

.ui-panel-close-button:hover {
  background-color: #aa4433;  /* #772211; */
}

.ui-panel-close-button span {
  cursor: pointer;
}


.ui-panel-close-button img {
  filter: invert(80%);
  width: 10px;
  height: 10px;
}



.ui-dialog-titlebar {
position: absolute;
top: 4px;
left: 4px;
right: 4px;
height: 16px;
}

.ui-dialog-titlebar-icon {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
display: none;
}

.ui-dialog-titlebar-heading {
font-weight: 500;
position: absolute;
top: 0; 
left: 2px;
right: 20px;
height: 20px;
cursor: move;
padding-top: 2px;
}

.ui-dialog-titlebar-close {
position: absolute;
top: 0;
right: 0px;
height: 16px;
width: 16px;
cursor: pointer;
}

.ui-dialog-close-button {
  width: 16px;
  height: 16px;
  padding: 0 !important;
  line-height: 14px;
  vertical-align: middle;

  text-align: center;
  cursor: pointer;
  background-color: #2a2a2a;
}

.ui-dialog-close-button:hover {
  background-color: #aa4433; /* #772211; */
}

.ui-dialog-close-button span {
  cursor: pointer;
}


.ui-dialog-close-button img {
  filter: invert(80%);
  width: 12px;
  height: 12px;
}

.ui-dialog-content {
position: absolute; 
top: 28px;
left: 4px; 
right: 4px;
bottom: 31px;
overflow: auto;
/* TODO: somewhere else;
background-color: #efefef;
*/
background-color: #191919;
/*
border: 1px solid #444444;
*/
padding: 6px;
}

.ui-dialog-buttons {
text-align: right;
position: absolute;
left: 4px; 
right: 4px; 
bottom: 4px;
height: 24px;
}


.ui-dialog-buttons .ui-button {
  margin-left: 4px;
  margin-right: 0;

}


.ui-splitpanel-northresize, .ui-splitpanel-southresize {
position: absolute;
top: 0;
bottom:0;
left: 0;
right: 0;
background-color: #212121;
cursor: row-resize;

}



.ui-splitpanel-horizontalresizehandle {
  width: 20px;
  height: 1px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -1px;
  margin-left: -10px;
  background-color: #333333;
  cursor: row-resize;
}



.ui-splitpanel-eastresize, .ui-splitpanel-westresize {
position: absolute;
top: 0;
bottom:0;
left: 0;
right: 0;
/*box-shadow: 0 1px 0 0 white inset, -1px 0 0 0 white inset, 1px 0 0 0 white inset; */
font: normal 11px tahoma, arial, verdana, sans-serif;
background-image: none;

background-color: #212121;
/*
background-color: #1a1a1a ;

background-color: #444444;
border-right: 1px solid #333333; 
border-left: 1px solid #333333;
*/
cursor: col-resize;


/*
background-color: #aaaaaa;
background: none repeat scroll 0 0 #E5E5E5;
border-right: 1px solid #C5C5C5; 
border-left: 1px solid #C5C5C5;
*/

/*
background-color: #C5C5C5;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(left, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(left, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(left, #f9f9f9,#e3e4e6);
background-image: -ms-linear-gradient(left, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: linear-gradient(left, #f9f9f9,#e3e4e6);
*/

/*
background: none repeat scroll 0 0 #E7E9EF;
border-right: 1px solid #C1C9D5;
border-left: 1px solid #F0F1F6;
*/



}

.ui-splitpanel-verticalresizehandle {
width: 1px; 
height: 20px; 
top: 50%; 
left: 50%; 
position: absolute;   
margin-top: -10px; 
margin-left: -1px; 
background-color: #333333;
cursor: col-resize;

/*
border-left: 1px solid #CAD0DB; 
background-color: #F0F1F6;
*/
}


.ui-splitpanel-northresize:hover, .ui-splitpanel-southresize:hover, .ui-splitpanel-eastresize:hover, .ui-splitpanel-westresize:hover {
  background-color: #333333;
}

.ui-splitpanel-northresize:hover .ui-splitpanel-horizontalresizehandle, .ui-splitpanel-southresize:hover  .ui-splitpanel-horizontalresizehandle, .ui-splitpanel-eastresize:hover .ui-splitpanel-verticalresizehandle , .ui-splitpanel-westresize:hover .ui-splitpanel-verticalresizehandle  {
  background-color: #777777;
}


.ui-breadcrumbs {
border: 1px solid #CCC;
padding: 8px 15px;
margin-bottom: 4px;
background-color: #e5e5e5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}




.CodeMirror {
background-color: white;
line-height: 1.5;/*normal;*/
font-size: 1em;

}


.CodeMirror-scroll {
width: 100%;
height: auto; /*100%; */
overflow-y: auto;
overflow-x: auto;
position: absolute;
top: 2px;
bottom:0;
left: 0;
right: 0;
background-color: white;
}

.ui-menu-icon {
  opacity: 0.6;
  cursor: pointer;
}

.ui-menu-icon:hover {
  opacity: 0.8;
}

.ui-menubar-panel {
  margin-top: 3px;
  display: flex;
}
.ui-menubar {
  z-index: 100;
  position: absolute; 
  display: block; 
  top: 0px; 
  left: 0; 
  height: 23px; 
  right: 80px;
  padding: 4px;        

}

.ui-menubar-item {
  display: inline-block;
  padding: 4px 8px 4px 8px;
  color: #dddddd;
  cursor: default;
  font-size: 12px;
  letter-spacing: 0.25px;
}

.ui-menubar-item-selected {
  background-color: #2266aa;

}

.ui-menubar-item:hover {
  background-color: #2266aa;
}

.ui-menubar-item-hover {
  background-color: #2266aa;
}


.ui-menu {
  display: none;
  position: absolute; 
/*  border: 1px solid #555555; */
  background-color: #1d1d1d;
  color: #bbbbbb;
  z-index: 600;        
  top: 100px;
  color: white;    
  padding: 2px;   
  box-shadow: 2px 2px 2px #111111; 
}

.ui-menu-item {
  display: block;
  z-index: 1000;
  cursor: default;
  padding: 2px 0;
}

.ui-menu-item-disabled {
  display: block;
  z-index: 1000;
  cursor: default;
  padding: 2px 0;
  ;
}

.ui-menu .ui-menu-item-separator {
  /* background-color: #282828; */
  padding-bottom: 1px;
  letter-spacing: 0.4px;
  font-size: 9px;
  color: #888888;
  border-bottom: 1px solid #676767;
  /*margin: 4px 4px 4px 4px; */
  margin: 6px 13px 4px 20px;
}

.ui-menu-item:hover {
  background-color: #2266aa;
  color: #dddddd;
}

.ui-menu-item-label {
  padding: 4px 48px 4px 8px;
  display: inline-block;  
  color: #dddddd;
  font-size: 12px;
  letter-spacing: 0.2px;
}


.ui-menu-item-shortcut {
  float: right;
  margin: 4px 14px 4px 0;
  color: #dddddd;
}


.ui-menu-item-disabled .ui-menu-item-label, .ui-menu-item-disabled .ui-menu-item-shortcut {
  color: #555555;
}

.ui-menu-item-checkmark {
  /*
  left: 5px;
  top: 1px;
  */
  margin-left: 8px;

  width: 3px;
  height: 8px;
  border: solid #e1e1e1;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);  
}

.ui-popup {
  background-color: #111111;
  /*border: 1px solid #cccccc; */
  box-shadow: 2px 2px 2px #111;
}

.mobile-menu-item {
  display: flex;
  align-items: center;
  color: #eeeeee;
/*  border-bottom: 1px solid #333333; */
  padding: 16px 0px 16px 16px;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0.8px;
  font-weight: 200;
  position: relative;
}

.mobile-menu-icon {
  display: inline-block; 
  width: 30px;
  margin-right: 10px;
}

.mobile-menu-icon img {
  filter: invert(80%)
}
/*
.mobile-menu-item:active {
  background-color: #333333;
}
*/

#frames {
  display: flex;
  align-items: center;
  background-color: #111111;
}

#frames .ui-button, #frames input, #frames label {
  margin-right: 6px;
}




/*
https://www.cssportal.com/style-input-range/
*/


input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 0px 0;
  width: 100%;
  background-color: transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FFFFFF;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #000000;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #FFFFFF;
}
input[type=range]:focus::-ms-fill-upper {
  background: #FFFFFF;
}



/* custom checkbox */
/* Customize the label (the container) */

.cb-container {
  display: inline-block;
  position: relative;
  padding: 1px 20px;
  line-height: 14px;
  white-space: nowrap;
  /*
  margin-bottom: 12px;
  */
  cursor: pointer;
/*  font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cb-container input {
  position: absolute; 
  opacity: 0; 
  cursor: pointer;
/*  height: 0; */
  top: 0;
  left: 0;
  width: 0;
  margin: 0;
  padding: 0;
}

/* Create a custom checkbox */
.cb-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #dddddd;
  transition: all 0.2s;
  cursor: pointer;
}

/* On mouse-over, add a grey background color */
.cb-container:hover input ~ .checkmark {
  background-color: #bababa;
}

/* When the checkbox is checked, add a blue background */
.cb-container input:checked ~ .checkmark {
  background-color: #3f6f96;
}

.cb-container input:checked ~ .cb-label, .rb-container input:checked ~ .rb-label {
  color: #eeeeee;
}

.cb-container .cb-label, .rb-container .rb-label {
  color: #a0a0a0;
  cursor: pointer;
}

.cb-container:hover .cb-label, .rb-container:hover .rb-label {
  color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cb-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cb-container input:checked ~ .checkmark:after {
  display: block;
}


/* Style the checkmark/indicator */
.cb-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: solid #e1e1e1;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* Customize the label (the container) */
.rb-container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
/*  font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.rb-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.rb-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #dddddd;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.rb-container:hover input ~ .checkmark {
  background-color: #bababa;
}

/* When the radio button is checked, add a blue background */
.rb-container input:checked ~ .checkmark {
  background-color: #3f6f96;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.rb-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.rb-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.rb-container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e1e1e1;
}

/*
input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  background-color: transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 1px;
  border: 1px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FFFFFF;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 1px;
  border: 1px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #FFFFFF;
}
input[type=range]:focus::-ms-fill-upper {
  background: #FFFFFF;
}


*/
/*







input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.4px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e6e6e6;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  height: 5.2px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.4px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e6e6e6;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  height: 5.2px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.4px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e6e6e6;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  height: 5.2px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}
*/


.eye-container {
  display: inline-block;
  position: relative;
  /*padding: 1px 20px;*/
  line-height: 14px;
  /*
  margin-bottom: 12px;
  */
  cursor: pointer;
/*  font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.eye-container input {
  position: absolute; 
  opacity: 0; 
  cursor: pointer;
/*  height: 0; */
  top: 0;
  left: 0;
  width: 0;
  margin: 0;
  padding: 0;
}

/* Create a custom checkbox */
.eye-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: transparent;
  color: white;
  transition: all 0.2s;


  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
  content: "\E105";
}

/* On mouse-over, add a grey background color */
.eye-container:hover input ~ .checkmark {
  background-color: #bababa;
}

/* When the checkbox is checked, add a blue background */
.eye-container input:checked ~ .checkmark {
  background-color: #3f6f96;
}

/* Create the checkmark/indicator (hidden when not checked) */
.eye-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.eye-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.eye-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: solid #e1e1e1;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



.importEffectContainer {
  margin: 4px 0;
  padding-left: 2px;
}

.importEffectParamsContainer {
  background-color: #1c1c1c;
  border-top: 1px solid #777777;
  margin: 5px 0 10px 0;
  padding: 6px 0px 0 0px;
}

.importEffectParamsContainer .controlLabel {
  padding-left: 4px;
  margin-top: 0;
}


#importImageAllSettings select {
  min-width: 220px;
}

.layerVisibleIcon {
  filter: invert(80%) !important;
  width: 16px; cursor: pointer
}

.layerVisibleIcon:hover {
  filter: invert(90%) !important;
}

.layerHiddenIcon {
  filter: invert(40%) !important;
  width: 16px; cursor: pointer
}

.layerHiddenIcon:hover {
  filter: invert(50%) !important;
}

.slider {
  display: none;
}

.ui-slider {
  position: relative;
  display: inline-block;
  /*
  border: 1px solid black;
  */

  height: 30px;
  width: 100%;
}  

.ui-slider-track {
  position: absolute;
  margin: auto auto;
  left: 0;
  right: 0;
  top: 12px;
  height: 3px;
  border: 1px solid black;
  background-color: white;
}

.ui-slider-thumb {
  position: absolute; 
  border: 2px solid black;
  width: 20px;
  height: 20px;
  top: -10px;
  background-color: white;
  left: 10px;
}

.alert {
  background-color: white;
  color: black;
  padding: 4px;
  line-height: 14px;
}

.rippleJS {
  cursor: pointer;
}

#hexEditorContent {
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
}

.c64DebuggerInput:focus {
  border: 0;
  background-color: orange;
  outline: none;
}

.ui-tree {
  background-color: #1a1a1a;
  color: #bbbbbb;
}

.ui-tree-label {
  color: #bbbbbb;
}

.ui-tree-toggle {
  filter: invert(0.8);
}

/*
.ui-tree-icon {
  filter: invert(0.65);
}
.ui-tree-row:hover .ui-tree-icon {
  filter: invert(0.85);
}
*/
.ui-tree-row:hover {
  background-color: #1f1f1f;
}


.ui-tree-contextselected-row {
  background-color: #1f1f1f;
}

.ui-tree-selected-row {
  background-color: #2a2a2a !important;
}



.ui-tree-row:hover .ui-tree-label {
  color: #dddddd;
}


.unfinished {
  display: none;
}

h3 {
  margin-top: 2px;
  margin-bottom: 8px;
  color: #eaeaea;
}

a {
  color: white;
  cursor: pointer !important;
}

.start-heading {
  border-bottom: 1px solid #222222;
  padding: 0 0 10px 0;
  margin-top: 20px;
}
.dialogContent {
  padding: 10px;
}


.activeBackground {
  background-color: #171717;/* #191919; */
}

.panelFill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*** forms ***/

.formGroup {
  margin-bottom: 10px;
}

.formRow {
  margin-bottom: 4px;
  padding-bottom: 6px;
  /*
  border-bottom: 1px solid #444444;
  */
  min-height: 24px;
  display: flex;
  align-items: center;
}

.formControlLabel {
  width: 90px;
  display: flex;
  align-items: center;
  margin-right: 4px;
  font-weight: 300;
  color: #dddddd;
}



table {
  border-collapse: collapse;
}

.controlLabel {
  width: 90px;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  font-weight: 300;
  color: #eeeeee;
}

.formControl {

}


.shaderEffectParamName {
  margin: 10px 0px 6px 0;
  font-size: 14px;
  font-weight: 300;
}

.rangeControl {
  display: flex;
}

.form-section{
  border: 0;
  padding: 0;
  margin: 0 0 6px 0;

}
.checkboxGroup, .radioGroup {  
  display: inline-block;
}

.radioGroup .rb-container {
  margin-bottom: 6px;
}
.checkboxGroup .cb-container {
  margin-bottom: 4px;

}

.checkboxGroup .cb-container.no-margin {
  margin: 0;
}

.colorPickerPopupNoColor {
  border: 1px solid #111111;
  line-height: 20px;
  vertical-align: middle;
  padding: 2px;
}

.colorPickerPopupNoColor:hover {
  border: 1px solid #cccccc;
}

.drawTool, .musicTool, .pixelDrawTool, .drawPopupTool, .drawPixelTool, .currentDrawTool, .pixelTool,  .colorPaletteTool, .blockEditTool {
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  padding: 3px;
  margin: 1px;

/*
  background-color: #222222; 
  border: 1px solid #999999;
*/  
}



.drawTool:hover,  .pixelDrawTool:hover, .drawPopupTool:hover, .drawPixelTool:hover, .pixelTool:hover, .colorPaletteTool:hover, .blockEditTool:hover {
  background-color: #444444; 
}

.musicTool:hover {
  background-color: #666666;  
}

.drawToolSelected, .musicToolSelected, .pixelDrawToolSelected, .drawPopupToolSelected, .drawPixelToolSelected, .pixelToolSelected, .colorPaletteToolSelected, .blockEditToolSelected {
  background-color: #dddddd; 
/*  border: 1px solid #999999; */
}


.drawToolSelected:hover, .musicToolSelected:hover, .pixelDrawToolSelected:hover, .drawPopupToolSelected:hover, .drawPixelToolSelected:hover, .pixelToolSelected, .colorPaletteToolSelected:hover, .blockEditToolSelected:hover {
  background-color: #eeeeee; 

/*  border: 1px solid #999999; */
}


.cellBackgroundColor i {
  font-size: 26px; 
}


#drawToolSettings-cellBackgroundColor i {
  font-size: 15px;
}

.popup-tool {
  padding: 10px;
  cursor: hand;
  display: flex;
  align-content: center;
}
.popup-tool:hover {
  background-color: #222222;
}

.popup-tool-label {
  margin-left: 8px;
}

.popup-tool-shortcut {
  margin-left: 8px;
}


.mobile-popup-tool {
  padding: 8px;
  cursor: hand;
  display: flex;
  align-content: center;
}


.mobile-popup-tool-label {
  font-size: 20px;
  font-weight: 200;
  margin-left: 12px;
}

.mobile-popup-tool img {
  width: 32px;
  height: 32px;
}


.drawTool img, .popup-tool img, .mobile-popup-tool img, .musicTool img, .pixelDrawTool img, .drawPopupTool img, .drawPixelTool img, .currentDrawTool img, .pixelTool img, .colorPaletteTool img, .blockEditTool img {
  filter: invert(65%) !important;
}

.drawToolSelected img, .musicToolSelected img, .pixelDrawToolSelected img, .drawPopupToolSelected img, .drawPixelToolSelected img, .pixelToolSelected img, .colorPaletteToolSelected img, .blockEditToolSelected img {
  filter: invert(10%) !important;
}


.musicTool:hover img {
  filter: invert(75%) !important;
}


.mobileMenuItem {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 8px;
  background-color: #333333;
  border: 1px solid #eeeeee;
}

.mobileMenuBarItem {
  display: inline-block; 
  width: 46px; 
  height: 46px; 
  padding: 2px;
  margin: 4px;
  background-color: #222222; 
  border: 1px solid #999999;
  text-align: center;
}


.mobileMenuBarItem img {
  width: 42px;
  height: 42px;
  -webkit-filter: invert(80%) !important;
}



.drawToolMobile, .pixelDrawToolMobile  {
  display: inline-block; 
  width: 46px; 
  height: 46px; 
  padding: 2px;
  background-color: #222222; 
  border: 1px solid #999999;
  text-align: center;
}

.drawToolMobileSelected, .pixelDrawToolMobileSelected {
  /*
  background-color: #eeeeee; 
  border: 1px solid #999999;
  */
}


.drawToolMobile img, .pixelDrawToolMobile img {
  width: 42px;
  height: 42px;
  -webkit-filter: invert(80%) !important;
}

.drawToolMobileSelected img, .pixelDrawToolMobileSelected img  {
  width: 42px;
  height: 42px;
  -webkit-filter: invert(0%) !important;
}

.icon-invert {
  filter: invert(80%);
}

#toolIconsMobile {
  background-color: #111111;
}




.drawToolMobileSide, .pixelDrawToolMobileSide  {
  display: inline-block; 
  width: 36px; 
  height: 36px; 
  padding: 2px;
  /*
  background-color: #1b1b1b; 
  border: 1px solid #444444;
  */
  text-align: center;
  margin-bottom: 8px;
  transition: all 0.2s;    
}

.drawToolMobileSideSelected, .pixelDrawToolMobileSideSelected {
  /*
  background-color: #eeeeee; 
  border: 1px solid #444444;
  */
}


.drawToolMobileSide img, .pixelDrawToolMobileSide img {
  width: 36px;
  height: 36px;
  -webkit-filter: invert(80%) !important;
}

.drawToolMobileSideSelected img, .pixelDrawToolMobileSideSelected img  {
  width: 36px;
  height: 36px;

  filter: invert(46%) sepia(78%) saturate(6717%) hue-rotate(187deg) brightness(94%) contrast(101%) !important;
  /*
  -webkit-filter: invert(0%) !important;
  */
}


.pixelTool {
  margin-right: 8px;
}

#pixelToolLabel {
  display: flex; 
  white-space: nowrap;
  width: 120px;
}

.pixelToolSettingColor {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #999999;
}

/* TODO: use class instead of id */

#cellForegroundColorMobile {
  width: 42px;
  height: 42px;

}

#pixelDrawCellForegroundColor {
  width: 28px;
  height: 28px;  
}
#cellForegroundColor, #cellBackgroundColor {
  width: 28px;
  height: 28px;
}

#chooseCharacterSetList, #chooseColorPaletteList {
  background-color: #222222;
  padding: 4px;
}

.characterSetListCategory, .colorPaletteListCategory {
  font-weight: bold;
  padding: 4px;
  color: #ffffff;
}

.characterSetListEntry, .colorPaletteListEntry, .drummerPatternListEntry {
  padding: 4px 4px 4px 16px;
  color: #dddddd;
}

.characterSetListEntry, .characterSetListCategory {
  font-size: 12px;
  margin: 1px 0;
}


#chooseCharacterSetOptions label {
  font-size: 12px;
  line-height: 16px;
}

.characterSetListEntry:hover, .colorPaletteListEntry:hover, .drummerPatternListEntry:hover {
  background-color: #777777;
}


.characterSetListEntrySelected, .colorPaletteListEntrySelected, .drummerPatternListEntrySelected {
  background-color: #3254ee;
}

#chooseColorPaletteControls {
  margin-top: 10px;
}

#chooseColorPaletteControls .controlLabel {
  width: 180px;
}

#chooseColorPaletteControls input  {
  margin-right: 6px
}

#importImageProgress {
  background-color: white;
  border: 1px solid #111111;
}


#cellForegroundColor {
  display: block; 
  position: absolute; 
  top: 20px; 
  left: 8px; 
  width: 28px; 
  height: 28px; 
  background-color: #000000; 
  z-index: 10  
}

.colorSetting {
  border: 1px solid #444444;   
}

.colorSetting:hover {
 border: 1px solid #dddddd;   
}

.textModeLayer {
  color: #eeeeee;
  background-color: #212121;
  border-bottom: 1px solid #111111;
  display: flex;
  align-items: center;
  height: 60px;
}

.textModeLayerDetails {
  border-left: 1px solid #111111;
  border-right: 1px solid #111111;
  display: flex;
  position: absolute;
  height: 60px;
  align-items: center;
  left: 18px;
  right: 0;

}

.layerLabelName {
  font-weight: bold; 
  font-size: 12px  
}

.layerLabelProperties {
  font-size: 10px;
  margin-top: 2px;
  padding-left: 0px;
}
.selectedTextModeLayer {
  background-color: #3377ff;

}



/** instruments ***/


.filter {
  padding: 4px;
  color: #eeeeee;
}

.selectedFilter {
  background-color: #3377ff;
}

.instrument {
/*        margin: 4px; */
  padding: 4px;
  color: #eeeeee;
}

.selectedInstrument {
  background-color: #3377ff;
}

.editInstrumentLabel {
  display: inline-block;
  width: 100px;
}

.editInstrumentRow {
  margin: 6px 0 6px 0;
}


.instrumentButtons {
  margin: 2px 1px 0px 10px;
  bottom: 6px;
  position: absolute;
}


.instrumentButtons button {
  margin: 1px;
  font-size: 10px;

}



.instrumentTab {
  padding: 8px;
  background-color: #444444;
}
.instrumentActiveTab {
  background-color: #666666;
}
.instrumentTable {
  background-color: #666666;        
}

.instrumentTable table {
  border-collapse: collapse;
}

.instrumentTable th, .instrumentTable td {
  padding: 6px;
  text-align: left;
}

.instrumentTable td {
  border-top: 1px solid #444444;
}


/*** scrollbars ***/


::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.infoTable {

}

.infoTable th {
  padding-left: 8px;
  text-align: right;
  padding-right: 4px;
}

.infoTable td, .infoTable th {
  padding-bottom: 4px
}

/** assembler **/

.assemblerOutputLine {
  padding: 2px 0 2px 2px;
}


.startBlock {
  display: inline-block; 
  width: 100px; 
  height: 100px; 
  background-color: #555555; 
  margin-right: 2px; 
  padding: 2px;
  box-shadow: 2px 2px 2px #111111;

  transition: all 0.1s;

}

.startBlock:hover {
  transform: scale(1.02); 
}


.startBlock img {
  cursor: pointer;
}


.frameControlSeparator {
  margin: 0 6px 0 6px;
}


.imageControlEffect {
  margin: 2px 0 8px 0;
  padding: 4px 0px 6px 0px;
  background-color: #1a1a1a;
  border-bottom: #333333;
}

.imageControlEffect .controlLabel {
  margin-top: 0;
  padding-left: 4px;
}

.imageControlEffect_remove {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 20px;
  width: 9px;
  /*
  float: right;
  width: 10px;
  height: 14px;
  line-height: 12px;
  text-align: center;  
  */
}

.imageControlEffect_selector {
  margin: 6px 0 8px 0px;
  display: flex;
}

.imageControlEffect_selector select {
  flex: 1;
}
.imageControlEffect .formRow {
  border-bottom: 0px;
  border-top: 1px solid #444444;
  padding-top: 6px;
  padding-bottom: 2px;
  margin: 2px 0;
}



#colorEditorTabPanel {
  border-bottom: 1px solid #222222;
  margin-top: 4px;
  margin-bottom: 10px;

}

.colorEditorTab {
  cursor: pointer;
  display: inline-block;
  padding: 4px 8px;
  color: #666666;
  background-color: #111111;
}


.colorEditorTab:hover {
  background-color: #333333;
}


.colorEditorTabActive {
  background-color: #222222;
  color: #eeeeee;
  font-weight: 500;
}

.colorEditorTabActive:hover {
  background-color: #222222;
}




.colorPaletteNumber, .colorEditorNumber {
  width: 34px;
}

.colorComponentSelector {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.colorComponentSelector label {
  width: 12px;
  margin: 0 6px 4px 6px;
  color: #888888;
}

.colorComponentSelector canvas {
  
}

.colorComponentSelector input {
  margin: 0 0 4px 8px;
}




.tileEditorC64ColorType {
  display: inline-block; 
  width: 62px; 
  height: 20px; 
  padding: 2px;
  background-color: #222222; 
  border: 1px solid #3e3e3e;
  font-size: 9px;
  line-height: 12px;
  vertical-align: center;
}


.tileEditorC64ColorType:hover {
  background-color: #444444; 
}

.tileEditorC64ColorTypeSelected {
  background-color: #eeeeee; 
  border: 1px solid #999999;
  color: #222222;
}


.tileEditorC64ColorTypeSelected:hover {
  background-color: #eeeeee; 
  border: 1px solid #999999;
}

.tileEditorC64Color {
  display: inline-block; 
  width: 16px; 
  height: 16px; 
  background-color: #000000; 
/*  border: 1px solid #dddddd;  */
}

#characterEditorControls .ui-button {
  margin-top: 6px;
}


#currentDrawToolHolder {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 114px;
}

#currentDrawToolHolder #toolSettingsCurrentTool, #currentDrawToolHolder img {
  cursor: pointer;
}

#currentDrawToolHolder:hover {
  background-color: #222222;
}

#toolSettingsCurrentTileHolder {
  display: flex; 
  align-items: center;
  align-content: center;
  padding: 2px;
  width: 30px;
}


#toolSettingsCurrentTileHolder:hover {
  background-color: #222222;
}


#toolSettingsCurrentTile {
  cursor: pointer;
  width: 24px; 
  height: 24px; 
  margin: auto;
}

#pixelToolSettingsMobile-c64multicolor .tileEditorC64ColorType  {
  display: flex;
  align-items: center;
  margin-right: 6px;
  font-size: 10px;
  padding: 4px;
  flex-grow: 1;
  flex-basis: 0;
}

/* -- mobile styles  -- */



.colorPickerTypeMobile {
  /*border: 1px solid #aaaaaa;*/
  border: 1px solid #3a3a3a;
  margin: 0 4px;
  display: inline-block;
  padding: 6px;
  display: flex;
  align-items: center;
  background-color: #262626;
  flex-grow: 1;
  flex-basis: 0;
  font-size: 10px;
}

.colorPickerTypeMobileSelected {
  color: #111111;
  background-color: #e0e0e0;
  font-weight: bold;
}

.colorPickerMobileColor {
  /*border: 1px solid #aaaaaa;*/
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}



#tileEditorMobileC64Colors .tileEditorC64ColorType {
  width: 22%;
  margin: 2px;
  height: 28px;

}

#tileEditorMobileC64Colors .tileEditorC64Color {
  width: 24px;
  height: 24px;
}

#tileEditorMobileC64Colors .tileEditorC64ColorLabel {
  line-height: 30px;
}

.mobileRadio {
  display: inline-block;
  border: 1px solid #3a3a3a;
  margin: 0 8px 0 0 ;
  padding: 6px;
  display: flex;
  align-items: center;
  background-color: #262626;
  font-size: 10px;
  /*
  border: 1px solid white;
  color: white;
  width: 50px;
  height: 25px;
  margin-right: 4px;
  */
}

.mobileRadio img {
  filter: invert(70%);
}

.mobileRadioSelected {
  color: #0a0a0a;
  background-color: #e0e0e0;
  font-weight: bold;  
}

.mobileRadioSelected img {
  filter: invert(10%);
}


.c64ImportRow {
  margin-bottom: 8px;
}
.c64ImportHeading {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
  color: #dddddd;
}

.opcode-holder {
  padding: 6px;
  width: 40px;
  display: inline-block;
  font-weight: bold;
  line-height: 22px;
  /*
  text-decoration: underline;
  */
}

.opcode-link {
  font-size: 16px;
  cursor: pointer;
  color: #bababa;
}


.opcode-link:hover {
  color: #eeeeee;
}

.mos6502Related .opcode-link {
  display: inline-block;
  margin-right: 10px;
  text-decoration: underline;
}

.mos6502OpcodeLink {
  cursor: pointer;
  color: #999999;
  margin: 6px 0 6px 0;
}
.mos6502OpcodeLink:hover {
  color: #e2e2e2;
  
}

.mos6502Name {
  margin-bottom: 6px;
}

.mos6502Description {
  margin: 6px 0 10px 0;
  font-size: 14px;
  line-height: 20px;
  color: #cccccc;
  padding: 4px;
  background-color: #1a1a1a;
  /*
  letter-spacing: 0.4px;
  */
}

.mos6502Flags {
  margin: 0 0 6px 0;
}

.mos6502FlagInfo {
  margin: 0 0 16px 0;
}
.mos6502FlagList {
  margin: 2px 0 6px 0;
  letter-spacing: 4px;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Courier New', Courier, monospace;
}

.assemblerDocsSearch {
  width: 100%;
  font-size: 20px;
  padding: 8px 4px;

}
#mos6502OpcodeDictionary {
  background-color: #111111;
}
.assemblerDocsInfo h2 {
  color: #eeeeee;  
  margin: 2px 0 2px 0;
  font-size: 24px;
}

.assemblerDocsInfo h3 {
  font-size: 19px;
}

.assemblerDocsInfo {
  padding: 8px;
  background-color: #111111;
  color: #eeeeee;
  overflow: auto;
}

.assemblerDocsInfo table {
  border-collapse: collapse;
  margin: 6px 0;
}

.assemblerDocsInfo table th {
  border: 1px solid #333333;
  padding: 4px;
  text-align: left;
  color: #cccccc;
  background-color: #1a1a1a;
  font-size: 12px;
  font-weight: bold;
}


.assemblerDocsInfo table td {
/*  border: 1px solid #333333; */
  padding: 6px;
  font-size: 12px;
  background-color: #1a1a1a;
  color: #bbbbbb;
}

.assemblerDocsInfo table tr:hover td, .assemblerDocsInfo table tr:hover th {
  background-color: #333333;
}
/*
#mos6502OpcodeInfo table tr:nth-child(even) td {
  background-color: #222222 !important;
}
*/

.colorSubPalette {
  position: relative; 
  height: 40px; 
  background-color: #111111; 
  border-bottom: 1px solid #333333;
}
.colorSubPalette:hover {
  background-color: #1e1e1e;
}


#switchColors {
  opacity: 0.5; 
  position: absolute; 
  left: 40px; 
  top: 20px; 
  width: 12px; 
  height: 12px;
}

#switchColors:hover {
  opacity: 0.93; 
}


#buildOutputPanel {
  background-color: #111111;
  color: #cccccc;
}

.assemblerOutputLine {
  background-color: #111111;
  color: #cccccc;
}

.assemblerOutputLine:hover {
  background-color: #222222;
}
.assemblerOutputLine.error {
  /* color: #cc2222; */
}
.assemblerOutputLine.selected {
  background-color: #1a4b8e;
  color: #cccccc;
}

.assemblerOutputErrorIcon {
  /*padding: 1px; */
  height: 10px;
  line-height: 10px;
  display: inline-block;
  background-color: #c93d22;
  color: white;
  margin: 4px 2px 1px 1px;
  border-radius: 1px;

}

.assemblerOutputErrorIcon img {
  width: 10px;
  height: 10px;
  filter: invert(0.9);
}

.colorPalettePanelSubPalette {
  display: inline-block;
  margin: 8px 10px 0 8px;
}

.colorPalettePanelSubPaletteHolder {
  display: flex;
}
.colorPalettePanelSubPaletteLabel {
  display: inline-block;
  width: 16px;
  height: 16px
}

.colorPalettePanelSubPaletteColors {
  display: flex;
}

.colorPalettePanelSubPaletteColor {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #444444;
  background-color: #444444;
}

.colorPalettePanelSubPaletteColor-selected {
  border: 1px solid #999999;
}

.colorPalettePanelSubPaletteColor:hover {
  border: 1px solid #666666;
}

#projectGithubDetailsHolder {
  height: 200px;
}

#githubModified {
  overflow: auto;
}

.githubChangedHeading {
  background-color: #444444;
  padding: 4px;
  color: #aaaaaa;
}

.githubChangedFile {
  padding: 4px;
}
.githubChangedFile img {
  margin-right: 8px;
}



.colorPalettePanelSubPaletteMobile {
  display: inline-block;
  margin: 8px 10px 0 8px;
}

.colorPalettePanelSubPaletteHolderMobile {
  display: flex;
  margin-bottom: 10px;
}
.colorPalettePanelSubPaletteLabelMobile {
  display: inline-block;
  width: 16px;
  height: 16px
}

.colorPalettePanelSubPaletteColorsMobile {
  display: flex;
}

.colorPalettePanelSubPaletteColorMobile {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 1px solid #444444;
  background-color: #444444;
}

.colorPalettePanelSubPaletteColorMobile-selected {
  border: 1px solid #ff9999 !important;
}



#scriptingRunControls {
  padding: 4px;
}

#scriptingOutputPanel {
  background-color: #222222;
  color: #dddddd;
  overflow: auto;
}

#scriptingOutputPanel .scriptingOutputLine {
  padding: 3px 4px;
}

.debuggerMemoryInfoAddress {
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  width: 40px;
  font-size: 12px;
}

.debuggerMemoryInfoValue {
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  width: 30px;
  font-size: 12px;
}

.addressingModeExample {
  white-space: nowrap;
}

.addressingModeNumber {
  text-align: right;
}

.addressingModeTable tr:nth-child(even) td {
  background-color: #222222 !important;
}

.addressingModeTable tr:hover td {
  background-color: #333333 !important;
}

.ace_gutter-cell.ace_breakpoint{ 
  /*
  border-radius: 20px 0px 0px 20px;
  box-shadow: 0px 0px 1px 1px #248c46 inset; 
  */
}

.ace_gutter-cell.ace_breakpoint::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #cc0000;
  position: absolute;
  left: 5px;
  top: 5px;  
  z-index: 1000;
}
.ace_gutter-cell.ace_pc::after {
  content: '';
  display: inline-block;
  content:"\25BA";
  font-family: Arial,Helvetica,sans-serif;

  color: #cccccc;
  position: absolute;
  left: 5px;
  top: 0px;  
  z-index: 1001;

}


.c64-play-button {

}

.c64-play-button:hover {
  color: white;
  
}

.c64-overlay {
  position: absolute; 
  left: 0; 
  top: 0;  
  opacity: 0.2; 
  background-color: black; 
  border: 2px solid black;
}


.gridinfo-label {
  color: #888888;
  margin-right: 4px;
}

.gridinfo-value {
  color: #cccccc;
  display: inline-block;
  font-weight: 500;
}


#lineSegmentToolSettings {
  display: flex;
  padding: 12px;
  white-space: nowrap;
  overflow: hidden;
}
#lineSegmentToolSettings label {
  margin-bottom: 0 !important;
  margin-right: 8px !important;
}


.joystick-info-key {
  margin: 0 0 0 4px;
  font-size: 18px;
}

.joystick-info-key img {
  filter: invert(1);
}

.joystick-settings-icon {
  cursor: pointer;
  margin-left: 6px;
  filter: invert(0.3);
}

.joystick-settings-icon:hover {
  filter: invert(1);
}

.drive-info-label {
  color: #cccccc;
  cursor: pointer;
  margin-right: 6px;
}

.drive-info-label:hover {
  color: #ffffff;
}


.chooseCharacterSetOptions .rb-container {
  margin-bottom: 6px;
}

.colorPaletteEditorColor {
  width: 20px;
  height: 20px;
  background-color: red;

}



/*** new forms ****/



@font-face{font-family:'Glyphicons Regular';src:url('../fonts/glyphicons-regular.eot');src:url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-regular.woff2') format('woff2'),url('../fonts/glyphicons-regular.woff') format('woff'),url('../fonts/glyphicons-regular.ttf') format('truetype'),url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')}.glyphicons{display:inline-block;font-family:'Glyphicons Regular';font-style:normal;font-weight:normal;line-height:1;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicons:before{display:inline-block;padding:6px 8px}.glyphicons.x05{font-size:12px}.glyphicons.x2{font-size:48px}.glyphicons.x2:before{padding:8px 12px}.glyphicons.x3{font-size:72px}.glyphicons.x3:before{padding:16px 20px}.glyphicons.x4{font-size:96px}.glyphicons.x4:before{padding:20px 28px}.glyphicons.x5{font-size:120px}.glyphicons.x5:before{padding:28px 36px}.glyphicons.light:before{color:#f2f2f2}.glyphicons.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}.glyphicons.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.glyphicons.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.glyphicons.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.glyphicons.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.glyphicons.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.glyphicons-glass:before{content:"\E001"}.glyphicons-leaf:before{content:"\E002"}.glyphicons-dog:before{content:"\E003"}.glyphicons-user:before{content:"\E004"}.glyphicons-girl:before{content:"\E005"}.glyphicons-car:before{content:"\E006"}.glyphicons-user-add:before{content:"\E007"}.glyphicons-user-remove:before{content:"\E008"}.glyphicons-film:before{content:"\E009"}.glyphicons-magic:before{content:"\E010"}.glyphicons-envelope:before{content:"\E011"}.glyphicons-camera:before{content:"\E012"}.glyphicons-heart:before{content:"\E013"}.glyphicons-beach-umbrella:before{content:"\E014"}.glyphicons-train:before{content:"\E015"}.glyphicons-print:before{content:"\E016"}.glyphicons-bin:before{content:"\E017"}.glyphicons-music:before{content:"\E018"}.glyphicons-music-alt:before{content:"\E019"}.glyphicons-heart-empty:before{content:"\E020"}.glyphicons-home:before{content:"\E021"}.glyphicons-snowflake:before{content:"\E022"}.glyphicons-fire:before{content:"\E023"}.glyphicons-magnet:before{content:"\E024"}.glyphicons-parents:before{content:"\E025"}.glyphicons-binoculars:before{content:"\E026"}.glyphicons-road:before{content:"\E027"}.glyphicons-search:before{content:"\E028"}.glyphicons-cars:before{content:"\E029"}.glyphicons-notes-2:before{content:"\E030"}.glyphicons-pencil:before{content:"\E031"}.glyphicons-bus:before{content:"\E032"}.glyphicons-wifi-alt:before{content:"\E033"}.glyphicons-luggage:before{content:"\E034"}.glyphicons-old-man:before{content:"\E035"}.glyphicons-woman:before{content:"\E036"}.glyphicons-file:before{content:"\E037"}.glyphicons-coins:before{content:"\E038"}.glyphicons-plane:before{content:"\E039"}.glyphicons-notes:before{content:"\E040"}.glyphicons-stats:before{content:"\E041"}.glyphicons-charts:before{content:"\E042"}.glyphicons-pie-chart:before{content:"\E043"}.glyphicons-group:before{content:"\E044"}.glyphicons-keys:before{content:"\E045"}.glyphicons-calendar:before{content:"\E046"}.glyphicons-router:before{content:"\E047"}.glyphicons-camera-small:before{content:"\E048"}.glyphicons-star-empty:before{content:"\E049"}.glyphicons-star:before{content:"\E050"}.glyphicons-link:before{content:"\E051"}.glyphicons-eye-open:before{content:"\E052"}.glyphicons-eye-close:before{content:"\E053"}.glyphicons-alarm:before{content:"\E054"}.glyphicons-clock:before{content:"\E055"}.glyphicons-stopwatch:before{content:"\E056"}.glyphicons-projector:before{content:"\E057"}.glyphicons-history:before{content:"\E058"}.glyphicons-truck:before{content:"\E059"}.glyphicons-cargo:before{content:"\E060"}.glyphicons-compass:before{content:"\E061"}.glyphicons-keynote:before{content:"\E062"}.glyphicons-paperclip:before{content:"\E063"}.glyphicons-power:before{content:"\E064"}.glyphicons-lightbulb:before{content:"\E065"}.glyphicons-tag:before{content:"\E066"}.glyphicons-tags:before{content:"\E067"}.glyphicons-cleaning:before{content:"\E068"}.glyphicons-ruler:before{content:"\E069"}.glyphicons-gift:before{content:"\E070"}.glyphicons-umbrella:before{content:"\E071"}.glyphicons-book:before{content:"\E072"}.glyphicons-bookmark:before{content:"\E073"}.glyphicons-wifi:before{content:"\E074"}.glyphicons-cup:before{content:"\E075"}.glyphicons-stroller:before{content:"\E076"}.glyphicons-headphones:before{content:"\E077"}.glyphicons-headset:before{content:"\E078"}.glyphicons-warning-sign:before{content:"\E079"}.glyphicons-signal:before{content:"\E080"}.glyphicons-retweet:before{content:"\E081"}.glyphicons-refresh:before{content:"\E082"}.glyphicons-roundabout:before{content:"\E083"}.glyphicons-random:before{content:"\E084"}.glyphicons-heat:before{content:"\E085"}.glyphicons-repeat:before{content:"\E086"}.glyphicons-display:before{content:"\E087"}.glyphicons-log-book:before{content:"\E088"}.glyphicons-address-book:before{content:"\E089"}.glyphicons-building:before{content:"\E090"}.glyphicons-eyedropper:before{content:"\E091"}.glyphicons-adjust:before{content:"\E092"}.glyphicons-tint:before{content:"\E093"}.glyphicons-crop:before{content:"\E094"}.glyphicons-vector-path-square:before{content:"\E095"}.glyphicons-vector-path-circle:before{content:"\E096"}.glyphicons-vector-path-polygon:before{content:"\E097"}.glyphicons-vector-path-line:before{content:"\E098"}.glyphicons-vector-path-curve:before{content:"\E099"}.glyphicons-vector-path-all:before{content:"\E100"}.glyphicons-font:before{content:"\E101"}.glyphicons-italic:before{content:"\E102"}.glyphicons-bold:before{content:"\E103"}.glyphicons-text-underline:before{content:"\E104"}.glyphicons-text-strike:before{content:"\E105"}.glyphicons-text-height:before{content:"\E106"}.glyphicons-text-width:before{content:"\E107"}.glyphicons-text-resize:before{content:"\E108"}.glyphicons-left-indent:before{content:"\E109"}.glyphicons-right-indent:before{content:"\E110"}.glyphicons-align-left:before{content:"\E111"}.glyphicons-align-center:before{content:"\E112"}.glyphicons-align-right:before{content:"\E113"}.glyphicons-justify:before{content:"\E114"}.glyphicons-list:before{content:"\E115"}.glyphicons-text-smaller:before{content:"\E116"}.glyphicons-text-bigger:before{content:"\E117"}.glyphicons-embed:before{content:"\E118"}.glyphicons-embed-close:before{content:"\E119"}.glyphicons-table:before{content:"\E120"}.glyphicons-message-full:before{content:"\E121"}.glyphicons-message-empty:before{content:"\E122"}.glyphicons-message-in:before{content:"\E123"}.glyphicons-message-out:before{content:"\E124"}.glyphicons-message-plus:before{content:"\E125"}.glyphicons-message-minus:before{content:"\E126"}.glyphicons-message-ban:before{content:"\E127"}.glyphicons-message-flag:before{content:"\E128"}.glyphicons-message-lock:before{content:"\E129"}.glyphicons-message-new:before{content:"\E130"}.glyphicons-inbox:before{content:"\E131"}.glyphicons-inbox-plus:before{content:"\E132"}.glyphicons-inbox-minus:before{content:"\E133"}.glyphicons-inbox-lock:before{content:"\E134"}.glyphicons-inbox-in:before{content:"\E135"}.glyphicons-inbox-out:before{content:"\E136"}.glyphicons-cogwheel:before{content:"\E137"}.glyphicons-cogwheels:before{content:"\E138"}.glyphicons-picture:before{content:"\E139"}.glyphicons-adjust-alt:before{content:"\E140"}.glyphicons-database-lock:before{content:"\E141"}.glyphicons-database-plus:before{content:"\E142"}.glyphicons-database-minus:before{content:"\E143"}.glyphicons-database-ban:before{content:"\E144"}.glyphicons-folder-open:before{content:"\E145"}.glyphicons-folder-plus:before{content:"\E146"}.glyphicons-folder-minus:before{content:"\E147"}.glyphicons-folder-lock:before{content:"\E148"}.glyphicons-folder-flag:before{content:"\E149"}.glyphicons-folder-new:before{content:"\E150"}.glyphicons-edit:before{content:"\E151"}.glyphicons-new-window:before{content:"\E152"}.glyphicons-check:before{content:"\E153"}.glyphicons-unchecked:before{content:"\E154"}.glyphicons-more-windows:before{content:"\E155"}.glyphicons-show-big-thumbnails:before{content:"\E156"}.glyphicons-show-thumbnails:before{content:"\E157"}.glyphicons-show-thumbnails-with-lines:before{content:"\E158"}.glyphicons-show-lines:before{content:"\E159"}.glyphicons-playlist:before{content:"\E160"}.glyphicons-imac:before{content:"\E161"}.glyphicons-macbook:before{content:"\E162"}.glyphicons-ipad:before{content:"\E163"}.glyphicons-iphone:before{content:"\E164"}.glyphicons-iphone-transfer:before{content:"\E165"}.glyphicons-iphone-exchange:before{content:"\E166"}.glyphicons-ipod:before{content:"\E167"}.glyphicons-ipod-shuffle:before{content:"\E168"}.glyphicons-ear-plugs:before{content:"\E169"}.glyphicons-record:before{content:"\E170"}.glyphicons-step-backward:before{content:"\E171"}.glyphicons-fast-backward:before{content:"\E172"}.glyphicons-rewind:before{content:"\E173"}.glyphicons-play:before{content:"\E174"}.glyphicons-pause:before{content:"\E175"}.glyphicons-stop:before{content:"\E176"}.glyphicons-forward:before{content:"\E177"}.glyphicons-fast-forward:before{content:"\E178"}.glyphicons-step-forward:before{content:"\E179"}.glyphicons-eject:before{content:"\E180"}.glyphicons-facetime-video:before{content:"\E181"}.glyphicons-download-alt:before{content:"\E182"}.glyphicons-mute:before{content:"\E183"}.glyphicons-volume-down:before{content:"\E184"}.glyphicons-volume-up:before{content:"\E185"}.glyphicons-screenshot:before{content:"\E186"}.glyphicons-move:before{content:"\E187"}.glyphicons-more:before{content:"\E188"}.glyphicons-brightness-reduce:before{content:"\E189"}.glyphicons-brightness-increase:before{content:"\E190"}.glyphicons-plus-sign:before{content:"\E191"}.glyphicons-minus-sign:before{content:"\E192"}.glyphicons-remove-sign:before{content:"\E193"}.glyphicons-ok-sign:before{content:"\E194"}.glyphicons-question-sign:before{content:"\E195"}.glyphicons-info-sign:before{content:"\E196"}.glyphicons-exclamation-sign:before{content:"\E197"}.glyphicons-remove-circle:before{content:"\E198"}.glyphicons-ok-circle:before{content:"\E199"}.glyphicons-ban-circle:before{content:"\E200"}.glyphicons-download:before{content:"\E201"}.glyphicons-upload:before{content:"\E202"}.glyphicons-shopping-cart:before{content:"\E203"}.glyphicons-lock:before{content:"\E204"}.glyphicons-unlock:before{content:"\E205"}.glyphicons-electricity:before{content:"\E206"}.glyphicons-ok:before{content:"\E207"}.glyphicons-remove:before{content:"\E208"}.glyphicons-cart-in:before{content:"\E209"}.glyphicons-cart-out:before{content:"\E210"}.glyphicons-arrow-left:before{content:"\E211"}.glyphicons-arrow-right:before{content:"\E212"}.glyphicons-arrow-down:before{content:"\E213"}.glyphicons-arrow-up:before{content:"\E214"}.glyphicons-resize-small:before{content:"\E215"}.glyphicons-resize-full:before{content:"\E216"}.glyphicons-circle-arrow-left:before{content:"\E217"}.glyphicons-circle-arrow-right:before{content:"\E218"}.glyphicons-circle-arrow-top:before{content:"\E219"}.glyphicons-circle-arrow-down:before{content:"\E220"}.glyphicons-play-button:before{content:"\E221"}.glyphicons-unshare:before{content:"\E222"}.glyphicons-share:before{content:"\E223"}.glyphicons-chevron-right:before{content:"\E224"}.glyphicons-chevron-left:before{content:"\E225"}.glyphicons-bluetooth:before{content:"\E226"}.glyphicons-euro:before{content:"\E227"}.glyphicons-usd:before{content:"\E228"}.glyphicons-gbp:before{content:"\E229"}.glyphicons-retweet-2:before{content:"\E230"}.glyphicons-moon:before{content:"\E231"}.glyphicons-sun:before{content:"\E232"}.glyphicons-cloud:before{content:"\E233"}.glyphicons-direction:before{content:"\E234"}.glyphicons-brush:before{content:"\E235"}.glyphicons-pen:before{content:"\E236"}.glyphicons-zoom-in:before{content:"\E237"}.glyphicons-zoom-out:before{content:"\E238"}.glyphicons-pin:before{content:"\E239"}.glyphicons-albums:before{content:"\E240"}.glyphicons-rotation-lock:before{content:"\E241"}.glyphicons-flash:before{content:"\E242"}.glyphicons-map-marker:before{content:"\E243"}.glyphicons-anchor:before{content:"\E244"}.glyphicons-conversation:before{content:"\E245"}.glyphicons-chat:before{content:"\E246"}.glyphicons-note-empty:before{content:"\E247"}.glyphicons-note:before{content:"\E248"}.glyphicons-asterisk:before{content:"\E249"}.glyphicons-divide:before{content:"\E250"}.glyphicons-snorkel-diving:before{content:"\E251"}.glyphicons-scuba-diving:before{content:"\E252"}.glyphicons-oxygen-bottle:before{content:"\E253"}.glyphicons-fins:before{content:"\E254"}.glyphicons-fishes:before{content:"\E255"}.glyphicons-boat:before{content:"\E256"}.glyphicons-delete:before{content:"\E257"}.glyphicons-sheriffs-star:before{content:"\E258"}.glyphicons-qrcode:before{content:"\E259"}.glyphicons-barcode:before{content:"\E260"}.glyphicons-pool:before{content:"\E261"}.glyphicons-buoy:before{content:"\E262"}.glyphicons-spade:before{content:"\E263"}.glyphicons-bank:before{content:"\E264"}.glyphicons-vcard:before{content:"\E265"}.glyphicons-electrical-plug:before{content:"\E266"}.glyphicons-flag:before{content:"\E267"}.glyphicons-credit-card:before{content:"\E268"}.glyphicons-keyboard-wireless:before{content:"\E269"}.glyphicons-keyboard-wired:before{content:"\E270"}.glyphicons-shield:before{content:"\E271"}.glyphicons-ring:before{content:"\E272"}.glyphicons-cake:before{content:"\E273"}.glyphicons-drink:before{content:"\E274"}.glyphicons-beer:before{content:"\E275"}.glyphicons-fast-food:before{content:"\E276"}.glyphicons-cutlery:before{content:"\E277"}.glyphicons-pizza:before{content:"\E278"}.glyphicons-birthday-cake:before{content:"\E279"}.glyphicons-tablet:before{content:"\E280"}.glyphicons-settings:before{content:"\E281"}.glyphicons-bullets:before{content:"\E282"}.glyphicons-cardio:before{content:"\E283"}.glyphicons-t-shirt:before{content:"\E284"}.glyphicons-pants:before{content:"\E285"}.glyphicons-sweater:before{content:"\E286"}.glyphicons-fabric:before{content:"\E287"}.glyphicons-leather:before{content:"\E288"}.glyphicons-scissors:before{content:"\E289"}.glyphicons-bomb:before{content:"\E290"}.glyphicons-skull:before{content:"\E291"}.glyphicons-celebration:before{content:"\E292"}.glyphicons-tea-kettle:before{content:"\E293"}.glyphicons-french-press:before{content:"\E294"}.glyphicons-coffee-cup:before{content:"\E295"}.glyphicons-pot:before{content:"\E296"}.glyphicons-grater:before{content:"\E297"}.glyphicons-kettle:before{content:"\E298"}.glyphicons-hospital:before{content:"\E299"}.glyphicons-hospital-h:before{content:"\E300"}.glyphicons-microphone:before{content:"\E301"}.glyphicons-webcam:before{content:"\E302"}.glyphicons-temple-christianity-church:before{content:"\E303"}.glyphicons-temple-islam:before{content:"\E304"}.glyphicons-temple-hindu:before{content:"\E305"}.glyphicons-temple-buddhist:before{content:"\E306"}.glyphicons-bicycle:before{content:"\E307"}.glyphicons-life-preserver:before{content:"\E308"}.glyphicons-share-alt:before{content:"\E309"}.glyphicons-comments:before{content:"\E310"}.glyphicons-flower:before{content:"\E311"}.glyphicons-baseball:before{content:"\E312"}.glyphicons-rugby:before{content:"\E313"}.glyphicons-ax:before{content:"\E314"}.glyphicons-table-tennis:before{content:"\E315"}.glyphicons-bowling:before{content:"\E316"}.glyphicons-tree-conifer:before{content:"\E317"}.glyphicons-tree-deciduous:before{content:"\E318"}.glyphicons-more-items:before{content:"\E319"}.glyphicons-sort:before{content:"\E320"}.glyphicons-filter:before{content:"\E321"}.glyphicons-gamepad:before{content:"\E322"}.glyphicons-playing-dices:before{content:"\E323"}.glyphicons-calculator:before{content:"\E324"}.glyphicons-tie:before{content:"\E325"}.glyphicons-wallet:before{content:"\E326"}.glyphicons-piano:before{content:"\E327"}.glyphicons-sampler:before{content:"\E328"}.glyphicons-podium:before{content:"\E329"}.glyphicons-soccer-ball:before{content:"\E330"}.glyphicons-blog:before{content:"\E331"}.glyphicons-dashboard:before{content:"\E332"}.glyphicons-certificate:before{content:"\E333"}.glyphicons-bell:before{content:"\E334"}.glyphicons-candle:before{content:"\E335"}.glyphicons-pushpin:before{content:"\E336"}.glyphicons-iphone-shake:before{content:"\E337"}.glyphicons-pin-flag:before{content:"\E338"}.glyphicons-turtle:before{content:"\E339"}.glyphicons-rabbit:before{content:"\E340"}.glyphicons-globe:before{content:"\E341"}.glyphicons-briefcase:before{content:"\E342"}.glyphicons-hdd:before{content:"\E343"}.glyphicons-thumbs-up:before{content:"\E344"}.glyphicons-thumbs-down:before{content:"\E345"}.glyphicons-hand-right:before{content:"\E346"}.glyphicons-hand-left:before{content:"\E347"}.glyphicons-hand-up:before{content:"\E348"}.glyphicons-hand-down:before{content:"\E349"}.glyphicons-fullscreen:before{content:"\E350"}.glyphicons-shopping-bag:before{content:"\E351"}.glyphicons-book-open:before{content:"\E352"}.glyphicons-nameplate:before{content:"\E353"}.glyphicons-nameplate-alt:before{content:"\E354"}.glyphicons-vases:before{content:"\E355"}.glyphicons-bullhorn:before{content:"\E356"}.glyphicons-dumbbell:before{content:"\E357"}.glyphicons-suitcase:before{content:"\E358"}.glyphicons-file-import:before{content:"\E359"}.glyphicons-file-export:before{content:"\E360"}.glyphicons-bug:before{content:"\E361"}.glyphicons-crown:before{content:"\E362"}.glyphicons-smoking:before{content:"\E363"}.glyphicons-cloud-upload:before{content:"\E364"}.glyphicons-cloud-download:before{content:"\E365"}.glyphicons-restart:before{content:"\E366"}.glyphicons-security-camera:before{content:"\E367"}.glyphicons-expand:before{content:"\E368"}.glyphicons-collapse:before{content:"\E369"}.glyphicons-collapse-top:before{content:"\E370"}.glyphicons-globe-af:before{content:"\E371"}.glyphicons-global:before{content:"\E372"}.glyphicons-spray:before{content:"\E373"}.glyphicons-nails:before{content:"\E374"}.glyphicons-claw-hammer:before{content:"\E375"}.glyphicons-classic-hammer:before{content:"\E376"}.glyphicons-hand-saw:before{content:"\E377"}.glyphicons-riflescope:before{content:"\E378"}.glyphicons-electrical-socket-eu:before{content:"\E379"}.glyphicons-electrical-socket-us:before{content:"\E380"}.glyphicons-message-forward:before{content:"\E381"}.glyphicons-coat-hanger:before{content:"\E382"}.glyphicons-dress:before{content:"\E383"}.glyphicons-bathrobe:before{content:"\E384"}.glyphicons-shirt:before{content:"\E385"}.glyphicons-underwear:before{content:"\E386"}.glyphicons-log-in:before{content:"\E387"}.glyphicons-log-out:before{content:"\E388"}.glyphicons-exit:before{content:"\E389"}.glyphicons-new-window-alt:before{content:"\E390"}.glyphicons-video-sd:before{content:"\E391"}.glyphicons-video-hd:before{content:"\E392"}.glyphicons-subtitles:before{content:"\E393"}.glyphicons-sound-stereo:before{content:"\E394"}.glyphicons-sound-dolby:before{content:"\E395"}.glyphicons-sound-5-1:before{content:"\E396"}.glyphicons-sound-6-1:before{content:"\E397"}.glyphicons-sound-7-1:before{content:"\E398"}.glyphicons-copyright-mark:before{content:"\E399"}.glyphicons-registration-mark:before{content:"\E400"}.glyphicons-radar:before{content:"\E401"}.glyphicons-skateboard:before{content:"\E402"}.glyphicons-golf-course:before{content:"\E403"}.glyphicons-sorting:before{content:"\E404"}.glyphicons-sort-by-alphabet:before{content:"\E405"}.glyphicons-sort-by-alphabet-alt:before{content:"\E406"}.glyphicons-sort-by-order:before{content:"\E407"}.glyphicons-sort-by-order-alt:before{content:"\E408"}.glyphicons-sort-by-attributes:before{content:"\E409"}.glyphicons-sort-by-attributes-alt:before{content:"\E410"}.glyphicons-compressed:before{content:"\E411"}.glyphicons-package:before{content:"\E412"}.glyphicons-cloud-plus:before{content:"\E413"}.glyphicons-cloud-minus:before{content:"\E414"}.glyphicons-disk-save:before{content:"\E415"}.glyphicons-disk-open:before{content:"\E416"}.glyphicons-disk-saved:before{content:"\E417"}.glyphicons-disk-remove:before{content:"\E418"}.glyphicons-disk-import:before{content:"\E419"}.glyphicons-disk-export:before{content:"\E420"}.glyphicons-tower:before{content:"\E421"}.glyphicons-send:before{content:"\E422"}.glyphicons-git-branch:before{content:"\E423"}.glyphicons-git-create:before{content:"\E424"}.glyphicons-git-private:before{content:"\E425"}.glyphicons-git-delete:before{content:"\E426"}.glyphicons-git-merge:before{content:"\E427"}.glyphicons-git-pull-request:before{content:"\E428"}.glyphicons-git-compare:before{content:"\E429"}.glyphicons-git-commit:before{content:"\E430"}.glyphicons-construction-cone:before{content:"\E431"}.glyphicons-shoe-steps:before{content:"\E432"}.glyphicons-plus:before{content:"\E433"}.glyphicons-minus:before{content:"\E434"}.glyphicons-redo:before{content:"\E435"}.glyphicons-undo:before{content:"\E436"}.glyphicons-golf:before{content:"\E437"}.glyphicons-hockey:before{content:"\E438"}.glyphicons-pipe:before{content:"\E439"}.glyphicons-wrench:before{content:"\E440"}.glyphicons-folder-closed:before{content:"\E441"}.glyphicons-phone-alt:before{content:"\E442"}.glyphicons-earphone:before{content:"\E443"}.glyphicons-floppy-disk:before{content:"\E444"}.glyphicons-floppy-saved:before{content:"\E445"}.glyphicons-floppy-remove:before{content:"\E446"}.glyphicons-floppy-save:before{content:"\E447"}.glyphicons-floppy-open:before{content:"\E448"}.glyphicons-translate:before{content:"\E449"}.glyphicons-fax:before{content:"\E450"}.glyphicons-factory:before{content:"\E451"}.glyphicons-shop-window:before{content:"\E452"}.glyphicons-shop:before{content:"\E453"}.glyphicons-kiosk:before{content:"\E454"}.glyphicons-kiosk-wheels:before{content:"\E455"}.glyphicons-kiosk-light:before{content:"\E456"}.glyphicons-kiosk-food:before{content:"\E457"}.glyphicons-transfer:before{content:"\E458"}.glyphicons-money:before{content:"\E459"}.glyphicons-header:before{content:"\E460"}.glyphicons-blacksmith:before{content:"\E461"}.glyphicons-saw-blade:before{content:"\E462"}.glyphicons-basketball:before{content:"\E463"}.glyphicons-server:before{content:"\E464"}.glyphicons-server-plus:before{content:"\E465"}.glyphicons-server-minus:before{content:"\E466"}.glyphicons-server-ban:before{content:"\E467"}.glyphicons-server-flag:before{content:"\E468"}.glyphicons-server-lock:before{content:"\E469"}.glyphicons-server-new:before{content:"\E470"}.glyphicons-charging-station:before{content:"\E471"}.glyphicons-gas-station:before{content:"\E472"}.glyphicons-target:before{content:"\E473"}.glyphicons-bed:before{content:"\E474"}.glyphicons-mosquito:before{content:"\E475"}.glyphicons-dining-set:before{content:"\E476"}.glyphicons-plate-of-food:before{content:"\E477"}.glyphicons-hygiene-kit:before{content:"\E478"}.glyphicons-blackboard:before{content:"\E479"}.glyphicons-marriage:before{content:"\E480"}.glyphicons-bucket:before{content:"\E481"}.glyphicons-none-color-swatch:before{content:"\E482"}.glyphicons-bring-forward:before{content:"\E483"}.glyphicons-bring-to-front:before{content:"\E484"}.glyphicons-send-backward:before{content:"\E485"}.glyphicons-send-to-back:before{content:"\E486"}.glyphicons-fit-frame-to-image:before{content:"\E487"}.glyphicons-fit-image-to-frame:before{content:"\E488"}.glyphicons-multiple-displays:before{content:"\E489"}.glyphicons-handshake:before{content:"\E490"}.glyphicons-child:before{content:"\E491"}.glyphicons-baby-formula:before{content:"\E492"}.glyphicons-medicine:before{content:"\E493"}.glyphicons-atv-vehicle:before{content:"\E494"}.glyphicons-motorcycle:before{content:"\E495"}.glyphicons-bed-alt:before{content:"\E496"}.glyphicons-tent:before{content:"\E497"}.glyphicons-glasses:before{content:"\E498"}.glyphicons-sunglasses:before{content:"\E499"}.glyphicons-family:before{content:"\E500"}.glyphicons-education:before{content:"\E501"}.glyphicons-shoes:before{content:"\E502"}.glyphicons-map:before{content:"\E503"}.glyphicons-cd:before{content:"\E504"}.glyphicons-alert:before{content:"\E505"}.glyphicons-piggy-bank:before{content:"\E506"}.glyphicons-star-half:before{content:"\E507"}.glyphicons-cluster:before{content:"\E508"}.glyphicons-flowchart:before{content:"\E509"}.glyphicons-commodities:before{content:"\E510"}.glyphicons-duplicate:before{content:"\E511"}.glyphicons-copy:before{content:"\E512"}.glyphicons-paste:before{content:"\E513"}.glyphicons-bath-bathtub:before{content:"\E514"}.glyphicons-bath-shower:before{content:"\E515"}.glyphicons-shower:before{content:"\E516"}.glyphicons-menu-hamburger:before{content:"\E517"}.glyphicons-option-vertical:before{content:"\E518"}.glyphicons-option-horizontal:before{content:"\E519"}.glyphicons-currency-conversion:before{content:"\E520"}.glyphicons-user-ban:before{content:"\E521"}.glyphicons-user-lock:before{content:"\E522"}.glyphicons-user-flag:before{content:"\E523"}.glyphicons-user-asterisk:before{content:"\E524"}.glyphicons-user-alert:before{content:"\E525"}.glyphicons-user-key:before{content:"\E526"}.glyphicons-user-conversation:before{content:"\E527"}.glyphicons-database:before{content:"\E528"}.glyphicons-database-search:before{content:"\E529"}.glyphicons-list-alt:before{content:"\E530"}.glyphicons-hazard-sign:before{content:"\E531"}.glyphicons-hazard:before{content:"\E532"}.glyphicons-stop-sign:before{content:"\E533"}.glyphicons-lab:before{content:"\E534"}.glyphicons-lab-alt:before{content:"\E535"}.glyphicons-ice-cream:before{content:"\E536"}.glyphicons-ice-lolly:before{content:"\E537"}.glyphicons-ice-lolly-tasted:before{content:"\E538"}.glyphicons-invoice:before{content:"\E539"}.glyphicons-cart-tick:before{content:"\E540"}.glyphicons-hourglass:before{content:"\E541"}.glyphicons-cat:before{content:"\E542"}.glyphicons-lamp:before{content:"\E543"}.glyphicons-scale-classic:before{content:"\E544"}.glyphicons-eye-plus:before{content:"\E545"}.glyphicons-eye-minus:before{content:"\E546"}.glyphicons-quote:before{content:"\E547"}.glyphicons-bitcoin:before{content:"\E548"}.glyphicons-yen:before{content:"\E549"}.glyphicons-ruble:before{content:"\E550"}.glyphicons-erase:before{content:"\E551"}.glyphicons-podcast:before{content:"\E552"}.glyphicons-firework:before{content:"\E553"}.glyphicons-scale:before{content:"\E554"}.glyphicons-king:before{content:"\E555"}.glyphicons-queen:before{content:"\E556"}.glyphicons-pawn:before{content:"\E557"}.glyphicons-bishop:before{content:"\E558"}.glyphicons-knight:before{content:"\E559"}.glyphicons-mic-mute:before{content:"\E560"}.glyphicons-voicemail:before{content:"\E561"}.glyphicons-paragraph-alt:before{content:"\E562"}.glyphicons-person-walking:before{content:"\E563"}.glyphicons-person-wheelchair:before{content:"\E564"}.glyphicons-underground:before{content:"\E565"}.glyphicons-car-hov:before{content:"\E566"}.glyphicons-car-rental:before{content:"\E567"}.glyphicons-transport:before{content:"\E568"}.glyphicons-taxi:before{content:"\E569"}.glyphicons-ice-cream-no:before{content:"\E570"}.glyphicons-uk-rat-u:before{content:"\E571"}.glyphicons-uk-rat-pg:before{content:"\E572"}.glyphicons-uk-rat-12a:before{content:"\E573"}.glyphicons-uk-rat-12:before{content:"\E574"}.glyphicons-uk-rat-15:before{content:"\E575"}.glyphicons-uk-rat-18:before{content:"\E576"}.glyphicons-uk-rat-r18:before{content:"\E577"}.glyphicons-tv:before{content:"\E578"}.glyphicons-sms:before{content:"\E579"}.glyphicons-mms:before{content:"\E580"}.glyphicons-us-rat-g:before{content:"\E581"}.glyphicons-us-rat-pg:before{content:"\E582"}.glyphicons-us-rat-pg-13:before{content:"\E583"}.glyphicons-us-rat-restricted:before{content:"\E584"}.glyphicons-us-rat-no-one-17:before{content:"\E585"}.glyphicons-equalizer:before{content:"\E586"}.glyphicons-speakers:before{content:"\E587"}.glyphicons-remote-control:before{content:"\E588"}.glyphicons-remote-control-tv:before{content:"\E589"}.glyphicons-shredder:before{content:"\E590"}.glyphicons-folder-heart:before{content:"\E591"}.glyphicons-person-running:before{content:"\E592"}.glyphicons-person:before{content:"\E593"}.glyphicons-voice:before{content:"\E594"}.glyphicons-stethoscope:before{content:"\E595"}.glyphicons-paired:before{content:"\E596"}.glyphicons-activity:before{content:"\E597"}.glyphicons-watch:before{content:"\E598"}.glyphicons-scissors-alt:before{content:"\E599"}.glyphicons-car-wheel:before{content:"\E600"}.glyphicons-chevron-up:before{content:"\E601"}.glyphicons-chevron-down:before{content:"\E602"}.glyphicons-superscript:before{content:"\E603"}.glyphicons-subscript:before{content:"\E604"}.glyphicons-text-size:before{content:"\E605"}.glyphicons-text-color:before{content:"\E606"}.glyphicons-text-background:before{content:"\E607"}.glyphicons-modal-window:before{content:"\E608"}.glyphicons-newspaper:before{content:"\E609"}.glyphicons-tractor:before{content:"\E610"}.glyphicons-camping:before{content:"\E611"}.glyphicons-camping-benches:before{content:"\E612"}.glyphicons-forest:before{content:"\E613"}.glyphicons-park:before{content:"\E614"}.glyphicons-field:before{content:"\E615"}.glyphicons-mountains:before{content:"\E616"}.glyphicons-fees-payments:before{content:"\E617"}.glyphicons-small-payments:before{content:"\E618"}.glyphicons-mixed-buildings:before{content:"\E619"}.glyphicons-industrial-zone:before{content:"\E620"}.glyphicons-visitor-tag:before{content:"\E621"}.glyphicons-businessman:before{content:"\E622"}.glyphicons-meditation:before{content:"\E623"}.glyphicons-bath:before{content:"\E624"}.glyphicons-donate:before{content:"\E625"}.glyphicons-sauna:before{content:"\E626"}.glyphicons-bedroom-nightstand:before{content:"\E627"}.glyphicons-bedroom-lamp:before{content:"\E628"}.glyphicons-doctor:before{content:"\E629"}.glyphicons-engineering-networks:before{content:"\E630"}.glyphicons-washing-machine:before{content:"\E631"}.glyphicons-dryer:before{content:"\E632"}.glyphicons-dishwasher:before{content:"\E633"}.glyphicons-luggage-group:before{content:"\E634"}.glyphicons-teenager:before{content:"\E635"}.glyphicons-person-stick:before{content:"\E636"}.glyphicons-person-stick-old:before{content:"\E637"}.glyphicons-traveler:before{content:"\E638"}.glyphicons-veteran:before{content:"\E639"}.glyphicons-group-chat:before{content:"\E640"}.glyphicons-elections:before{content:"\E641"}.glyphicons-law-justice:before{content:"\E642"}.glyphicons-judiciary:before{content:"\E643"}.glyphicons-house-fire:before{content:"\E644"}.glyphicons-firefighters:before{content:"\E645"}.glyphicons-police:before{content:"\E646"}.glyphicons-ambulance:before{content:"\E647"}.glyphicons-light-beacon:before{content:"\E648"}.glyphicons-important-day:before{content:"\E649"}.glyphicons-bike-park:before{content:"\E650"}.glyphicons-object-align-top:before{content:"\E651"}.glyphicons-object-align-bottom:before{content:"\E652"}.glyphicons-object-align-horizontal:before{content:"\E653"}.glyphicons-object-align-left:before{content:"\E654"}.glyphicons-object-align-vertical:before{content:"\E655"}.glyphicons-object-align-right:before{content:"\E656"}.glyphicons-reflect-y:before{content:"\E657"}.glyphicons-reflect-x:before{content:"\E658"}.glyphicons-tick:before{content:"\E659"}.glyphicons-lawnmower:before{content:"\E660"}.glyphicons-call-redirect:before{content:"\E661"}.glyphicons-call-ip:before{content:"\E662"}.glyphicons-call-record:before{content:"\E663"}.glyphicons-call-ringtone:before{content:"\E664"}.glyphicons-call-traffic:before{content:"\E665"}.glyphicons-call-hold:before{content:"\E666"}.glyphicons-call-incoming:before{content:"\E667"}.glyphicons-call-outgoing:before{content:"\E668"}.glyphicons-call-video:before{content:"\E669"}.glyphicons-call-missed:before{content:"\E670"}.glyphicons-theater:before{content:"\E671"}.glyphicons-heartbeat:before{content:"\E672"}.glyphicons-kettlebell:before{content:"\E673"}.glyphicons-fireplace:before{content:"\E674"}.glyphicons-street-lights:before{content:"\E675"}.glyphicons-pedestrian:before{content:"\E676"}.glyphicons-flood:before{content:"\E677"}.glyphicons-open-water:before{content:"\E678"}.glyphicons-for-sale:before{content:"\E679"}.glyphicons-dustbin:before{content:"\E680"}.glyphicons-door:before{content:"\E681"}.glyphicons-camp-fire:before{content:"\E682"}.glyphicons-fleur-de-lis:before{content:"\E683"}.glyphicons-temperature-settings:before{content:"\E684"}.glyphicons-article:before{content:"\E685"}.glyphicons-sunbath:before{content:"\E686"}.glyphicons-balanced-diet:before{content:"\E687"}.glyphicons-ticket:before{content:"\E688"}.glyphicons-parking-ticket:before{content:"\E689"}.glyphicons-parking-meter:before{content:"\E690"}.glyphicons-laptop:before{content:"\E691"}.glyphicons-tree-structure:before{content:"\E692"}.glyphicons-weather-warning:before{content:"\E693"}.glyphicons-temperature-low:before{content:"\E694"}.glyphicons-temperature-high:before{content:"\E695"}.glyphicons-temperature-low-warning:before{content:"\E696"}.glyphicons-temperature-high-warning:before{content:"\E697"}.glyphicons-hurricane:before{content:"\E698"}.glyphicons-storm:before{content:"\E699"}.glyphicons-sorted-waste:before{content:"\E700"}.glyphicons-ear:before{content:"\E701"}.glyphicons-ear-deaf:before{content:"\E702"}.glyphicons-file-plus:before{content:"\E703"}.glyphicons-file-minus:before{content:"\E704"}.glyphicons-file-lock:before{content:"\E705"}.glyphicons-file-cloud:before{content:"\E706"}.glyphicons-file-cloud-download:before{content:"\E707"}.glyphicons-file-cloud-upload:before{content:"\E708"}.glyphicons-paragraph:before{content:"\E709"}.glyphicons-list-numbered:before{content:"\E710"}.glyphicons-donate-heart:before{content:"\E711"}.glyphicons-government:before{content:"\E712"}.glyphicons-maze:before{content:"\E713"}.glyphicons-chronicle:before{content:"\E714"}.glyphicons-user-structure:before{content:"\E715"}.glyphicons-recycle:before{content:"\E716"}.glyphicons-gas:before{content:"\E717"}.glyphicons-waste-pipe:before{content:"\E718"}.glyphicons-water-pipe:before{content:"\E719"}.glyphicons-parking:before{content:"\E720"}.glyphicons-closed:before{content:"\E721"}.glyphicons-mouse:before{content:"\E722"}.glyphicons-mouse-double-click:before{content:"\E723"}.glyphicons-mouse-left-click:before{content:"\E724"}.glyphicons-mouse-right-click:before{content:"\E725"}.glyphicons-mouse-middle-click:before{content:"\E726"}.glyphicons-mouse-scroll:before{content:"\E727"}.glyphicons-resize-vertical:before{content:"\E728"}.glyphicons-resize-horizontal:before{content:"\E729"}.glyphicons-temperature:before{content:"\E730"}.glyphicons-puzzle:before{content:"\E731"}.glyphicons-puzzle-2:before{content:"\E732"}.glyphicons-puzzle-3:before{content:"\E733"}.glyphicons-nearby-square:before{content:"\E734"}.glyphicons-nearby-circle:before{content:"\E735"}.glyphicons-rotate-right:before{content:"\E736"}.glyphicons-rotate-left:before{content:"\E737"}.glyphicons-pictures:before{content:"\E738"}.glyphicons-photo-album:before{content:"\E739"}.glyphicons-cadastral-map:before{content:"\E740"}.glyphicons-fingerprint-scan:before{content:"\E741"}.glyphicons-fingerprint:before{content:"\E742"}.glyphicons-fingerprint-lock:before{content:"\E743"}.glyphicons-fingerprint-ok:before{content:"\E744"}.glyphicons-fingerprint-remove:before{content:"\E745"}.glyphicons-fingerprint-reload:before{content:"\E746"}.glyphicons-pending-notifications:before{content:"\E747"}.glyphicons-synchronization:before{content:"\E748"}.glyphicons-synchronization-ban:before{content:"\E749"}.glyphicons-hash:before{content:"\E750"}.glyphicons-gender-male:before{content:"\E751"}.glyphicons-gender-female:before{content:"\E752"}.glyphicons-gender-virgin-female:before{content:"\E753"}.glyphicons-gender-intersex:before{content:"\E754"}.glyphicons-gender-transgender:before{content:"\E755"}.glyphicons-gender-ori-lesbian:before{content:"\E756"}.glyphicons-gender-ori-gay:before{content:"\E757"}.glyphicons-gender-ori-hetero:before{content:"\E758"}.glyphicons-gender-other:before{content:"\E759"}.glyphicons-gender-unknown:before{content:"\E760"}.glyphicons-scanner:before{content:"\E761"}.glyphicons-multifunction-printer:before{content:"\E762"}.glyphicons-lasso:before{content:"\E763"}.glyphicons-view-360:before{content:"\E764"}.glyphicons-battery-charging:before{content:"\E765"}.glyphicons-battery-full:before{content:"\E766"}.glyphicons-battery-75:before{content:"\E767"}.glyphicons-battery-50:before{content:"\E768"}.glyphicons-battery-25:before{content:"\E769"}.glyphicons-battery-10:before{content:"\E770"}.glyphicons-satellite:before{content:"\E771"}.glyphicons-satellite-dish:before{content:"\E772"}.glyphicons-satellite-dish-alt:before{content:"\E773"}.glyphicons-auction:before{content:"\E774"}.glyphicons-directions:before{content:"\E775"}.glyphicons-race:before{content:"\E776"}.glyphicons-robot:before{content:"\E777"}.glyphicons-ruler-alt:before{content:"\E778"}.glyphicons-cube-empty:before{content:"\E779"}.glyphicons-cube-black:before{content:"\E780"}.glyphicons-move-square:before{content:"\E781"}.glyphicons-drop:before{content:"\E782"}.glyphicons-vr-headset:before{content:"\E783"}.glyphicons-vr-charging:before{content:"\E784"}.glyphicons-vr-low-battery:before{content:"\E785"}.glyphicons-vr-paired:before{content:"\E786"}.glyphicons-vr-settings:before{content:"\E787"}.glyphicons-vr-maintenance:before{content:"\E788"}.glyphicons-filter-remove:before{content:"\E789"}.glyphicons-filter-applied:before{content:"\E790"}.glyphicons-one-day:before{content:"\E791"}.glyphicons-user-vr:before{content:"\E792"}.glyphicons-user-vr-add:before{content:"\E793"}.glyphicons-user-vr-remove:before{content:"\E794"}.glyphicons-dice-1:before{content:"\E795"}.glyphicons-dice-2:before{content:"\E796"}.glyphicons-dice-3:before{content:"\E797"}.glyphicons-dice-4:before{content:"\E798"}.glyphicons-dice-5:before{content:"\E799"}.glyphicons-dice-6:before{content:"\E800"}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.halflings {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.halflings.x05 {
  font-size: 6px;
}
.halflings.x2 {
  font-size: 24px;
}
.halflings.x3 {
  font-size: 36px;
}
.halflings.x4 {
  font-size: 48px;
}
.halflings.x5 {
  font-size: 60px;
}
.halflings.x6 {
  font-size: 72px;
}
.halflings.x7 {
  font-size: 84px;
}
.halflings.x8 {
  font-size: 96px;
}
.halflings.light:before {
  color: #f2f2f2;
}
.halflings.drop:before {
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}
.halflings.flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.halflings.flipv {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.halflings.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.halflings.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.halflings.rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.halflings-glass:before {
  content: "\E001";
}
.halflings-music:before {
  content: "\E002";
}
.halflings-search:before {
  content: "\E003";
}
.halflings-envelope:before {
  content: "\E004";
}
.halflings-heart:before {
  content: "\E005";
}
.halflings-star:before {
  content: "\E006";
}
.halflings-star-empty:before {
  content: "\E007";
}
.halflings-user:before {
  content: "\E008";
}
.halflings-film:before {
  content: "\E009";
}
.halflings-th-large:before {
  content: "\E010";
}
.halflings-th:before {
  content: "\E011";
}
.halflings-th-list:before {
  content: "\E012";
}
.halflings-ok:before {
  content: "\E013";
}
.halflings-remove:before {
  content: "\E014";
}
.halflings-zoom-in:before {
  content: "\E015";
}
.halflings-zoom-out:before {
  content: "\E016";
}
.halflings-off:before {
  content: "\E017";
}
.halflings-signal:before {
  content: "\E018";
}
.halflings-cog:before {
  content: "\E019";
}
.halflings-trash:before {
  content: "\E020";
}
.halflings-home:before {
  content: "\E021";
}
.halflings-file:before {
  content: "\E022";
}
.halflings-time:before {
  content: "\E023";
}
.halflings-road:before {
  content: "\E024";
}
.halflings-download-alt:before {
  content: "\E025";
}
.halflings-download:before {
  content: "\E026";
}
.halflings-upload:before {
  content: "\E027";
}
.halflings-inbox:before {
  content: "\E028";
}
.halflings-play-circle:before {
  content: "\E029";
}
.halflings-repeat:before {
  content: "\E030";
}
.halflings-refresh:before {
  content: "\E031";
}
.halflings-list-alt:before {
  content: "\E032";
}
.halflings-lock:before {
  content: "\E033";
}
.halflings-flag:before {
  content: "\E034";
}
.halflings-headphones:before {
  content: "\E035";
}
.halflings-volume-off:before {
  content: "\E036";
}
.halflings-volume-down:before {
  content: "\E037";
}
.halflings-volume-up:before {
  content: "\E038";
}
.halflings-qrcode:before {
  content: "\E039";
}
.halflings-barcode:before {
  content: "\E040";
}
.halflings-tag:before {
  content: "\E041";
}
.halflings-tags:before {
  content: "\E042";
}
.halflings-book:before {
  content: "\E043";
}
.halflings-bookmark:before {
  content: "\E044";
}
.halflings-print:before {
  content: "\E045";
}
.halflings-camera:before {
  content: "\E046";
}
.halflings-font:before {
  content: "\E047";
}
.halflings-bold:before {
  content: "\E048";
}
.halflings-italic:before {
  content: "\E049";
}
.halflings-text-height:before {
  content: "\E050";
}
.halflings-text-width:before {
  content: "\E051";
}
.halflings-align-left:before {
  content: "\E052";
}
.halflings-align-center:before {
  content: "\E053";
}
.halflings-align-right:before {
  content: "\E054";
}
.halflings-align-justify:before {
  content: "\E055";
}
.halflings-list:before {
  content: "\E056";
}
.halflings-indent-left:before {
  content: "\E057";
}
.halflings-indent-right:before {
  content: "\E058";
}
.halflings-facetime-video:before {
  content: "\E059";
}
.halflings-picture:before {
  content: "\E060";
}
.halflings-pencil:before {
  content: "\E061";
}
.halflings-map-marker:before {
  content: "\E062";
}
.halflings-adjust:before {
  content: "\E063";
}
.halflings-tint:before {
  content: "\E064";
}
.halflings-edit:before {
  content: "\E065";
}
.halflings-share:before {
  content: "\E066";
}
.halflings-check:before {
  content: "\E067";
}
.halflings-move:before {
  content: "\E068";
}
.halflings-step-backward:before {
  content: "\E069";
}
.halflings-fast-backward:before {
  content: "\E070";
}
.halflings-backward:before {
  content: "\E071";
}
.halflings-play:before {
  content: "\E072";
}
.halflings-pause:before {
  content: "\E073";
}
.halflings-stop:before {
  content: "\E074";
}
.halflings-forward:before {
  content: "\E075";
}
.halflings-fast-forward:before {
  content: "\E076";
}
.halflings-step-forward:before {
  content: "\E077";
}
.halflings-eject:before {
  content: "\E078";
}
.halflings-chevron-left:before {
  content: "\E079";
}
.halflings-chevron-right:before {
  content: "\E080";
}
.halflings-plus-sign:before {
  content: "\E081";
}
.halflings-minus-sign:before {
  content: "\E082";
}
.halflings-remove-sign:before {
  content: "\E083";
}
.halflings-ok-sign:before {
  content: "\E084";
}
.halflings-question-sign:before {
  content: "\E085";
}
.halflings-info-sign:before {
  content: "\E086";
}
.halflings-screenshot:before {
  content: "\E087";
}
.halflings-remove-circle:before {
  content: "\E088";
}
.halflings-ok-circle:before {
  content: "\E089";
}
.halflings-ban-circle:before {
  content: "\E090";
}
.halflings-arrow-left:before {
  content: "\E091";
}
.halflings-arrow-right:before {
  content: "\E092";
}
.halflings-arrow-up:before {
  content: "\E093";
}
.halflings-arrow-down:before {
  content: "\E094";
}
.halflings-share-alt:before {
  content: "\E095";
}
.halflings-resize-full:before {
  content: "\E096";
}
.halflings-resize-small:before {
  content: "\E097";
}
.halflings-plus:before {
  content: "\E098";
}
.halflings-minus:before {
  content: "\E099";
}
.halflings-asterisk:before {
  content: "\E100";
}
.halflings-exclamation-sign:before {
  content: "\E101";
}
.halflings-gift:before {
  content: "\E102";
}
.halflings-leaf:before {
  content: "\E103";
}
.halflings-fire:before {
  content: "\E104";
}
.halflings-eye-open:before {
  content: "\E105";
}
.halflings-eye-close:before {
  content: "\E106";
}
.halflings-warning-sign:before {
  content: "\E107";
}
.halflings-plane:before {
  content: "\E108";
}
.halflings-calendar:before {
  content: "\E109";
}
.halflings-random:before {
  content: "\E110";
}
.halflings-comments:before {
  content: "\E111";
}
.halflings-magnet:before {
  content: "\E112";
}
.halflings-chevron-up:before {
  content: "\E113";
}
.halflings-chevron-down:before {
  content: "\E114";
}
.halflings-retweet:before {
  content: "\E115";
}
.halflings-shopping-cart:before {
  content: "\E116";
}
.halflings-folder-close:before {
  content: "\E117";
}
.halflings-folder-open:before {
  content: "\E118";
}
.halflings-resize-vertical:before {
  content: "\E119";
}
.halflings-resize-horizontal:before {
  content: "\E120";
}
.halflings-hdd:before {
  content: "\E121";
}
.halflings-bullhorn:before {
  content: "\E122";
}
.halflings-bell:before {
  content: "\E123";
}
.halflings-certificate:before {
  content: "\E124";
}
.halflings-thumbs-up:before {
  content: "\E125";
}
.halflings-thumbs-down:before {
  content: "\E126";
}
.halflings-hand-right:before {
  content: "\E127";
}
.halflings-hand-left:before {
  content: "\E128";
}
.halflings-hand-top:before {
  content: "\E129";
}
.halflings-hand-down:before {
  content: "\E130";
}
.halflings-circle-arrow-right:before {
  content: "\E131";
}
.halflings-circle-arrow-left:before {
  content: "\E132";
}
.halflings-circle-arrow-top:before {
  content: "\E133";
}
.halflings-circle-arrow-down:before {
  content: "\E134";
}
.halflings-globe:before {
  content: "\E135";
}
.halflings-wrench:before {
  content: "\E136";
}
.halflings-tasks:before {
  content: "\E137";
}
.halflings-filter:before {
  content: "\E138";
}
.halflings-briefcase:before {
  content: "\E139";
}
.halflings-fullscreen:before {
  content: "\E140";
}
.halflings-dashboard:before {
  content: "\E141";
}
.halflings-paperclip:before {
  content: "\E142";
}
.halflings-heart-empty:before {
  content: "\E143";
}
.halflings-link:before {
  content: "\E144";
}
.halflings-phone:before {
  content: "\E145";
}
.halflings-pushpin:before {
  content: "\E146";
}
.halflings-euro:before {
  content: "\E147";
}
.halflings-usd:before {
  content: "\E148";
}
.halflings-gbp:before {
  content: "\E149";
}
.halflings-sort:before {
  content: "\E150";
}
.halflings-sort-by-alphabet:before {
  content: "\E151";
}
.halflings-sort-by-alphabet-alt:before {
  content: "\E152";
}
.halflings-sort-by-order:before {
  content: "\E153";
}
.halflings-sort-by-order-alt:before {
  content: "\E154";
}
.halflings-sort-by-attributes:before {
  content: "\E155";
}
.halflings-sort-by-attributes-alt:before {
  content: "\E156";
}
.halflings-unchecked:before {
  content: "\E157";
}
.halflings-expand:before {
  content: "\E158";
}
.halflings-collapse:before {
  content: "\E159";
}
.halflings-collapse-top:before {
  content: "\E160";
}
.halflings-log-in:before {
  content: "\E161";
}
.halflings-flash:before {
  content: "\E162";
}
.halflings-log-out:before {
  content: "\E163";
}
.halflings-new-window:before {
  content: "\E164";
}
.halflings-record:before {
  content: "\E165";
}
.halflings-save:before {
  content: "\E166";
}
.halflings-open:before {
  content: "\E167";
}
.halflings-saved:before {
  content: "\E168";
}
.halflings-import:before {
  content: "\E169";
}
.halflings-export:before {
  content: "\E170";
}
.halflings-send:before {
  content: "\E171";
}
.halflings-floppy-disk:before {
  content: "\E172";
}
.halflings-floppy-saved:before {
  content: "\E173";
}
.halflings-floppy-remove:before {
  content: "\E174";
}
.halflings-floppy-save:before {
  content: "\E175";
}
.halflings-floppy-open:before {
  content: "\E176";
}
.halflings-credit-card:before {
  content: "\E177";
}
.halflings-transfer:before {
  content: "\E178";
}
.halflings-cutlery:before {
  content: "\E179";
}
.halflings-header:before {
  content: "\E180";
}
.halflings-compressed:before {
  content: "\E181";
}
.halflings-earphone:before {
  content: "\E182";
}
.halflings-phone-alt:before {
  content: "\E183";
}
.halflings-tower:before {
  content: "\E184";
}
.halflings-stats:before {
  content: "\E185";
}
.halflings-sd-video:before {
  content: "\E186";
}
.halflings-hd-video:before {
  content: "\E187";
}
.halflings-subtitles:before {
  content: "\E188";
}
.halflings-sound-stereo:before {
  content: "\E189";
}
.halflings-sound-dolby:before {
  content: "\E190";
}
.halflings-sound-5-1:before {
  content: "\E191";
}
.halflings-sound-6-1:before {
  content: "\E192";
}
.halflings-sound-7-1:before {
  content: "\E193";
}
.halflings-copyright-mark:before {
  content: "\E194";
}
.halflings-registration-mark:before {
  content: "\E195";
}
.halflings-cloud:before {
  content: "\E196";
}
.halflings-cloud-download:before {
  content: "\E197";
}
.halflings-cloud-upload:before {
  content: "\E198";
}
.halflings-tree-conifer:before {
  content: "\E199";
}
.halflings-tree-deciduous:before {
  content: "\E200";
}
.halflings-cd:before {
  content: "\E201";
}
.halflings-save-file:before {
  content: "\E202";
}
.halflings-open-file:before {
  content: "\E203";
}
.halflings-level-up:before {
  content: "\E204";
}
.halflings-copy:before {
  content: "\E205";
}
.halflings-paste:before {
  content: "\E206";
}
.halflings-door:before {
  content: "\E207";
}
.halflings-key:before {
  content: "\E208";
}
.halflings-alert:before {
  content: "\E209";
}
.halflings-equalizer:before {
  content: "\E210";
}
.halflings-king:before {
  content: "\E211";
}
.halflings-queen:before {
  content: "\E212";
}
.halflings-pawn:before {
  content: "\E213";
}
.halflings-bishop:before {
  content: "\E214";
}
.halflings-knight:before {
  content: "\E215";
}
.halflings-baby-formula:before {
  content: "\E216";
}
.halflings-tent:before {
  content: "\E217";
}
.halflings-blackboard:before {
  content: "\E218";
}
.halflings-bed:before {
  content: "\E219";
}
.halflings-apple:before {
  content: "\E220";
}
.halflings-erase:before {
  content: "\E221";
}
.halflings-hourglass:before {
  content: "\E222";
}
.halflings-lamp:before {
  content: "\E223";
}
.halflings-duplicate:before {
  content: "\E224";
}
.halflings-piggy-bank:before {
  content: "\E225";
}
.halflings-scissors:before {
  content: "\E226";
}
.halflings-bitcoin:before {
  content: "\E227";
}
.halflings-yen:before {
  content: "\E228";
}
.halflings-ruble:before {
  content: "\E229";
}
.halflings-scale:before {
  content: "\E230";
}
.halflings-ice-lolly:before {
  content: "\E231";
}
.halflings-ice-lolly-tasted:before {
  content: "\E232";
}
.halflings-education:before {
  content: "\E233";
}
.halflings-option-horizontal:before {
  content: "\E234";
}
.halflings-option-vertical:before {
  content: "\E235";
}
.halflings-menu-hamburger:before {
  content: "\E236";
}
.halflings-modal-window:before {
  content: "\E237";
}
.halflings-oil:before {
  content: "\E238";
}
.halflings-grain:before {
  content: "\E239";
}
.halflings-sunglasses:before {
  content: "\E240";
}
.halflings-text-size:before {
  content: "\E241";
}
.halflings-text-color:before {
  content: "\E242";
}
.halflings-text-background:before {
  content: "\E243";
}
.halflings-object-align-top:before {
  content: "\E244";
}
.halflings-object-align-bottom:before {
  content: "\E245";
}
.halflings-object-align-horizontal:before {
  content: "\E246";
}
.halflings-object-align-left:before {
  content: "\E247";
}
.halflings-object-align-vertical:before {
  content: "\E248";
}
.halflings-object-align-right:before {
  content: "\E249";
}
.halflings-triangle-right:before {
  content: "\E250";
}
.halflings-triangle-left:before {
  content: "\E251";
}
.halflings-triangle-bottom:before {
  content: "\E252";
}
.halflings-triangle-top:before {
  content: "\E253";
}
.halflings-terminal:before {
  content: "\E254";
}
.halflings-superscript:before {
  content: "\E255";
}
.halflings-subscript:before {
  content: "\E256";
}
.halflings-menu-left:before {
  content: "\E257";
}
.halflings-menu-right:before {
  content: "\E258";
}
.halflings-menu-down:before {
  content: "\E259";
}
.halflings-menu-up:before {
  content: "\E260";
}
.halflings-building:before {
  content: "\E261";
}
.halflings-tick:before {
  content: "\E262";
}
.halflings-star-half:before {
  content: "\E263";
}
.halflings-hash:before {
  content: "\E264";
}
.halflings-directions:before {
  content: "\E265";
}
.halflings-gas:before {
  content: "\E266";
}
.halflings-snowflake:before {
  content: "\E267";
}
.halflings-sunlight:before {
  content: "\E268";
}
.halflings-selectbox:before {
  content: "\E269";
}
.halflings-sortable:before {
  content: "\E270";
}
.halflings-note-empty:before {
  content: "\E271";
}
.halflings-note:before {
  content: "\E272";
}
.halflings-direction-right:before {
  content: "\E273";
}
.halflings-direction-left:before {
  content: "\E274";
}
.halflings-direction-down:before {
  content: "\E275";
}
.halflings-direction-up:before {
  content: "\E276";
}
.halflings-parking:before {
  content: "\E277";
}
.halflings-coffee-cup:before {
  content: "\E278";
}
.halflings-record-empty:before {
  content: "\E279";
}
.halflings-move-square:before {
  content: "\E280";
}
.halflings-bug:before {
  content: "\E281";
}
.halflings-display:before {
  content: "\E282";
}
.halflings-direction:before {
  content: "\E283";
}
.halflings-group:before {
  content: "\E284";
}
.halflings-reflect-y:before {
  content: "\E285";
}
.halflings-reflect-x:before {
  content: "\E286";
}
.halflings-battery-charging:before {
  content: "\E287";
}
.halflings-battery-full:before {
  content: "\E288";
}
.halflings-battery-75:before {
  content: "\E289";
}
.halflings-battery-50:before {
  content: "\E290";
}
.halflings-battery-25:before {
  content: "\E291";
}
.halflings-battery-10:before {
  content: "\E292";
}
.halflings-paired:before {
  content: "\E293";
}
.halflings-rotate-right:before {
  content: "\E294";
}
.halflings-rotate-left:before {
  content: "\E295";
}
.halflings-list-numbered:before {
  content: "\E296";
}
.halflings-paragraph:before {
  content: "\E297";
}
.halflings-list-plus:before {
  content: "\E298";
}
.halflings-synchronization:before {
  content: "\E299";
}
.halflings-cube-black:before {
  content: "\E300";
}


/** NOTE: When this is updated, refresh ripple.js' minified version. */

/**
 * contains a ripple. Will normally grow to fixed size (200px/200px), not
 * related to the holder itself.
 */
 .rippleJS, .rippleJS-manual {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: inherit;

  /** Forces webkit to properly contain content within border-radius. */
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

/** adds default border-radius */
.rippleJS.fill::after,.rippleJS-manual.fill::after {  /** allows webkit/blink to tap on corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}
.rippleJS.fill,.rippleJS-manual.fill {
  border-radius: 1000000px;  /** "large" number, but not 100% */
}

.rippleJS .ripple,.rippleJS-manual .ripple {
  position: absolute;
  border-radius: 100%;
  background: currentColor;
  opacity: 0.2;
  width: 0;
  height: 0;

  /** only animate transform and opacity */
  -webkit-transition: -webkit-transform 0.4s ease-out, opacity 0.4s ease-out;
  transition: transform 0.4s ease-out, opacity 0.4s ease-out;

  /** initially hidden */
  -webkit-transform: scale(0);
  transform: scale(0);

  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rippleJS .ripple.held,.rippleJS-manual .ripple.held {
  opacity: 0.4;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.rippleJS .ripple.done, .rippleJS-manual .ripple.done {
  opacity: 0.0;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126 draft
License: none (public domain)
*/

html {
overflow: hidden;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased !important;

}

body {
color: #cdcdcd;
  font-family: -apple-system, BlinkMacSystemFont,
  "Segoe UI", "Roboto", "Oxygen",
  "Ubuntu", "Cantarell", "Fira Sans",
  "Droid Sans", "Helvetica Neue", sans-serif;  
  font-size: 12px;
/*
font-family: tahoma,arial,verdana,sans-serifui-buttfont-size: 11px;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
*/
margin: 0;
padding: 0;
border: 0;
}
h1, h2, h3, h4 {
  color: #c7c7c7;
}

h2 { 
  margin-top: 10px;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 400;
}


h3 {
  margin-top: 10px;
  border-bottom: 1px solid #777777; 
  padding-bottom: 6px;
/*  font-size: 14px; */
  font-size: 16px;
}

h3 {
  font-size: 20px;
  font-weight: 300;
}

* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
  -webkit-tap-highlight-color: transparent;  

/*
add this in if flashing keeps happening on mobile and disabling set cursor doesn't fix
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
*/

}

.downloadable-image {
 -webkit-touch-callout: default !important;
}

.has-mobile-context-menu {
 -webkit-touch-callout: default !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  width: 50px;
}


input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

*:active,
*:hover {
cursor: default;
}

div, table, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

input[type=text], input[type=number] {
  border: 0;
  height: 24px;
  padding: 0px 4px;
  background-color: #e1e1e1;
}

input[type=text]:hover, input[type=text]:focus, input[type=number]:focus, input[type=number]:focus {
  background-color: #efefef;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  border-radius: 1px;
  padding: 0 20px 0 3px;
  height: 24px;
  border: 0;
  background-color: #e1e1e1;
  background-image: url(../images/downArrow.svg);
  background-position: right 6px top 50%;
  background-repeat: no-repeat;
  background-size: 8px;

}

select:hover {
  background-color: #efefef;
}

/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
*/


/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
*/

/*
body {
  line-height: 1.2;
  color: white;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

label {
  color: white;
}


html {
overflow: hidden;
margin: 0;
padding: 0;
}

body {
color: #181818;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 11px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
}


* {
  -webkit-user-select: none;
}




h2 {
color: black;
font-size: 20px;
font-family: tahoma,arial,verdana,sans-serif;
margin: 6px 0 6px 0;
font-weight: normal;
}
*/

/* #Typography
================================================== */
/*
h1, h2, h3, h4, h5, h6 {
  color: #181818;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal; 
  text-rendering: optimizelegibility }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }


h1 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h1 small { font-size: 18px; }
h2 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h2 small { font-size: 18px; }
h3 { font-size: 18px; line-height: 27px; }
h3 small { font-size: 14px; }
h4, h5, h6 { line-height: 18px; }
h4 { font-size: 14px; }
h4 small { font-size: 12px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; color: #999999; text-transform: uppercase; }

.subheader { color: #777; }
  
p { margin: 0 0 5px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
b, strong { font-weight: bold; color: #333; }
small { font-size: 80%; }
*/

.ui-mainpanel {
padding: 8px;
/*background-color: #efefef;*/
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;

}

/*
.ui-clickable, .ui-clickable:visited {
cursor: pointer;
border-radius: 3px;
padding:1px 6px;  border:1px solid #ccc; background:#d4d4d4 url(../images/backTableTab.gif) repeat-x left top;
display: inline-block;
background-image: none;
background-color: #C5C5C5;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(top, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: -ms-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: linear-gradient(top, #f9f9f9,#e3e4e6);
}

.ui-clickable:hover {
background-image: none;
background-color: #AACCF6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, #d9e8fb), color-stop(100%, #d9e8fb));
background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb)
}

*/


.ui-text-label {
  color: #aaaaaa;
}

/* make buttons the same in firefox */
button::-moz-focus-inner {
padding: 0;
margin: 0;
border: 0;
}

button, .ui-button, .ui-button:visited {
/*
padding: 0px 3px;
*/
/*
padding: 3px 6px;
padding: 10px 14px;
*/

position: relative;
padding: 2px 8px;
line-height: 18px;
height: 20px;
margin-right: 1px; 
border: 0;
/*
border: 1px solid #999999;
*/

white-space: nowrap;
border-radius: 4px;

cursor: pointer; 

display: inline-block;
background-color: #333333;/* #2a2a2a ; */
color: #dddddd;
/*
background-color: #111111;
color: #dddddd;
*/

/*
box-shadow: 0 1px 0 0 white inset, -1px 0 0 0 white inset, 1px 0 0 0 white inset;
font: normal 11px tahoma, arial, verdana, sans-serif;
background-image: none;
background-color: #C5C5C5;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -ms-linear-gradient(top, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: linear-gradient(top, #f9f9f9,#e3e4e6);
*/
}

.ui-button-small {
  height: 16px;
  padding: 2px;
  display: flex;
  align-items: center;
}


.ui-button img {
 width: 18px;
 height: 18px;
 filter: invert(80%);
 vertical-align: middle;
 cursor: pointer;
}

.ui-button-small img {
  height: 14px;
}

.ui-button i {
  cursor: pointer;
}

.ui-button span {
  vertical-align: middle;
  margin-left: 2px;
  cursor: pointer;
}

button:hover, .ui-button:hover {
background-color: #404040; /* #343434;*/
  /*
background-image: none;
background-color: #AACCF6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, #d9e8fb), color-stop(100%, #d9e8fb));
background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb)
  */

}


button:active, .ui-button:active {

  /*
background-color: #999;
box-shadow: 0 1px 0 0 #444 inset, 0px 0 0 0 white inset, 1px 0 0 0 #444 inset;
background-color: #AACCF6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, #d9e8fb), color-stop(100%, #d9e8fb));
background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb)
  */

}

.ui-button-primary {
  background-color: #2266aa;
  color: #dddddd;
}

.ui-button-primary:hover {
  background-color: #2f7fba;
  color: #dddddd;
}

.ui-button-secondary {
  background-color: #515151;
  color: #dddddd;
}

.ui-button-secondary:hover {
  background-color: #5f5f5f;
  color: #dddddd;
}


.ui-button-nextaction {
  background-color: #2266aa;
  color: #dddddd;
}

.ui-button-nextaction:hover {
  background-color: #2f7fba;
  color: #dddddd;
}


.ui-button-info {
  background-color: #117744;
  color: #dddddd;
}

.ui-button-info:hover {
  background-color: #22aa66;
  color: #dddddd;
}


.ui-button-other {
  background-color: #5d3c4c;
  color: #dddddd;
}

.ui-button-other:hover {
  background-color: #543343;
  color: #dddddd;
}


.ui-button-dark {
  background-color: #1c1c1c;
  color: #dddddd;
}


.ui-button-danger {
  background-color: #aa4433;
  color: #dddddd;
}

.ui-button-danger:hover {
  background-color: #bb4f3f;
  color: #dddddd;
}



.ui-button-disabled, .ui-button-disabled:hover {
  cursor: default;
  background-image: none;
  background-color: #333333 !important;
  color: #666666 !important;
}


/*
.ui-button:active span {
position: relative;
top: 1px;
left: 1px;
}

.ui-button-blue {
  box-shadow: 0 0px 0 0 white inset, 0px 0 0 0 white inset, 0px 0 0 0 white inset;

  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-blue:hover {
  color: #fff;
  background-color: #0044cc;
  *background-color: #003bb3;
  background-image: none;
}

.ui-button-blue:active {
  background-color: #003399;
}
*/

/*
.ui-progress-bar-text {
padding-bottom: 4px;
}

.ui-progress-bar-container {
border: 1px solid #999;
white-space: nowrap;
border-radius: 4px;
background-color: #aaa;


}

.ui-progress-bar {
border-radius: 4px;
background-image: none;
background-color: #AACCF6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, #d9e8fb), color-stop(100%, #d9e8fb));
background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
}
*/


.ui-button-holder {
  display: flex;
}

.ui-button-holder .ui-button {
  display: flex;
  align-items: center;
}

.ui-button-holder .ui-button i {
  top: 0 !important;
}

.ui-progress-bar {
  border: 1px solid #111111;
  height: 20px;
  position: relative;
  background-color: #2a2a2a;
}

.ui-progress-bar-progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10%;
  background-color: #2266aa;
}

.ui-tab-panel {
position: absolute; 
left: 0; 
top: 0; 
right: 0; 
bottom: 0; 
border: 0px solid black;
background-color: #111111;
}

.ui-tab-content {
position: absolute; 
overflow: auto;  
top: 25px; bottom: 0; left: 0; right: 0;
padding: 6px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
/*background-color: #efefef;*/
}

.ui-tab-header {
  position: absolute; 
  bottom: 0px; 
  left: 0; 
  right: 0;
  display: flex;
}

.ui-tab, .ui-tab:visited {
float:left; 

margin-right: 3px;
/* margin: 0 0px 0 2px;  */
/*box-shadow: 0 1px 0 0 white inset, -1px 0 0 0 #e5e5e5 inset, 1px 0 0 0 white inset;  */
white-space: nowrap; 
/*border-color: #c5c5c5; */
border-color: #2b2b2b;
/*
border-radius: 4px 4px 0 0; 
border-style: solid; 
border-width: 1px 1px 0; 
*/
padding: 8px 9px 4px 9px; /* 3px 5px 0;  */
z-index: 3; 

/*height: 16px; */
position: relative; 
top: 0px;
cursor: pointer;


font: normal 11px tahoma, arial, verdana, sans-serif;
color: #888888;
background-color: #1f1f1f;


}



.ui-tab-disabled {
float:left;
margin: 0 0px 0 2px;
box-shadow: 0 1px 0 0 white inset, -1px 0 0 0 #e5e5e5 inset, 1px 0 0 0 white inset;
white-space: nowrap;
border-color: #c5c5c5;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
padding: 3px 5px 0;
z-index: 3;
height: 16px;
position: relative;
top: 1px;
cursor: default;
font: normal 11px tahoma, arial, verdana, sans-serif;
color: #222;
color: #666;
font: normal 11px tahoma, arial, verdana, sans-serif;
background-image: none;
background-color: #C5C5C5;

}


.ui-tab:hover {
background-image: none;
background-color: #333333;
/*
background-color: #AACCF6;
*/
/*
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, 
#d9e8fb), color-stop(100%, #d9e8fb));

background-image: -webkit-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -moz-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: -o-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: -ms-linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb);
background-image: linear-gradient(top, #ebf3fd,#ebf3fd 39%,#d9e8fb 40%,#d9e8fb)
*/

}

.ui-tab {
  display: flex;
}

.ui-tab:active {
  /*background-color: #999; */
}

.ui-tab-label {
  display: flex; /*inline-block;*/
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
}




.ui-tab-temp .ui-tab-label {
  font-style: italic;
}

.ui-tab-close {
  display: inline-block;
  margin-left: 6px
}

.ui-tab-close img {
  width: 12px;
  height: 12px;
  cursor: pointer;
  filter: invert(0.7);
  margin-top: 2px;
}

.ui-tab-close img:hover {
  filter: invert(0.9);
}

.ui-current-tab {
  background-color: #171717;
  color: #dddddd;
  /*
  border-bottom: 1px solid #111111;
  */
/*  border: 1px solid #999999; */
  /*
color: black;
background-color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(top, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: -ms-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: linear-gradient(top, #f9f9f9,#e3e4e6);
*/
}


.ui-current-tab .ui-tab-label {
  border-bottom: 2px solid #273fab;
}

.ui-current-tab:hover {
color: #dddddd;
background-color: #111111;
/*
background-color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(top, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: -ms-linear-gradient(top, #f9f9f9,#e3e4e6);
background-image: linear-gradient(top, #f9f9f9,#e3e4e6);
*/

}


.ui-tab-bar {
clear: both; 
/*
border-top: 1px solid #2b2b2b; 
border-bottom: 0px solid #555555;
*/
height: 4px; 
background-color: #111111;  
left: 0; 
right: 0; 
position: absolute;
bottom: 2px;
z-index: 1;
}



.ui-progress-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
color: #999;
background-color: transparent;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}


.ui-dialog-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
color: #999;
background-color:  black; 
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
}


.ui-dialog {
position: absolute; 
/*
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
*/
border-radius: 5px 5px;
padding: 4px;

/* border-width: 1px; */
border-style: solid;
border-color: black;
overflow: hidden;


background-color: #2a2a2a;

/*
box-shadow: 2px 2px 5px #aaa;
*/

/* box-shadow: #ecf2fb 0 4px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset; */

}



.ui-panel-close-button {
  width: 12px;
  height: 12px;
  padding: 0 !important;
  line-height: 10px;
  vertical-align: middle;

  text-align: center;
  cursor: pointer;
  background-color: #1a1a1a; /* #aa4433; */

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

.ui-panel-close-button:hover {
  background-color: #aa4433;  /* #772211; */
}

.ui-panel-close-button span {
  cursor: pointer;
}


.ui-panel-close-button img {
  filter: invert(80%);
  width: 10px;
  height: 10px;
}



.ui-dialog-titlebar {
position: absolute;
top: 4px;
left: 4px;
right: 4px;
height: 16px;
}

.ui-dialog-titlebar-icon {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
display: none;
}

.ui-dialog-titlebar-heading {
font-weight: 500;
position: absolute;
top: 0; 
left: 2px;
right: 20px;
height: 20px;
cursor: move;
padding-top: 2px;
}

.ui-dialog-titlebar-close {
position: absolute;
top: 0;
right: 0px;
height: 16px;
width: 16px;
cursor: pointer;
}

.ui-dialog-close-button {
  width: 16px;
  height: 16px;
  padding: 0 !important;
  line-height: 14px;
  vertical-align: middle;

  text-align: center;
  cursor: pointer;
  background-color: #2a2a2a;
}

.ui-dialog-close-button:hover {
  background-color: #aa4433; /* #772211; */
}

.ui-dialog-close-button span {
  cursor: pointer;
}


.ui-dialog-close-button img {
  filter: invert(80%);
  width: 12px;
  height: 12px;
}

.ui-dialog-content {
position: absolute; 
top: 28px;
left: 4px; 
right: 4px;
bottom: 31px;
overflow: auto;
/* TODO: somewhere else;
background-color: #efefef;
*/
background-color: #191919;
/*
border: 1px solid #444444;
*/
padding: 6px;
}

.ui-dialog-buttons {
text-align: right;
position: absolute;
left: 4px; 
right: 4px; 
bottom: 4px;
height: 24px;
}


.ui-dialog-buttons .ui-button {
  margin-left: 4px;
  margin-right: 0;

}


.ui-splitpanel-northresize, .ui-splitpanel-southresize {
position: absolute;
top: 0;
bottom:0;
left: 0;
right: 0;
background-color: #212121;
cursor: row-resize;

}



.ui-splitpanel-horizontalresizehandle {
  width: 20px;
  height: 1px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -1px;
  margin-left: -10px;
  background-color: #333333;
  cursor: row-resize;
}



.ui-splitpanel-eastresize, .ui-splitpanel-westresize {
position: absolute;
top: 0;
bottom:0;
left: 0;
right: 0;
/*box-shadow: 0 1px 0 0 white inset, -1px 0 0 0 white inset, 1px 0 0 0 white inset; */
font: normal 11px tahoma, arial, verdana, sans-serif;
background-image: none;

background-color: #212121;
/*
background-color: #1a1a1a ;

background-color: #444444;
border-right: 1px solid #333333; 
border-left: 1px solid #333333;
*/
cursor: col-resize;


/*
background-color: #aaaaaa;
background: none repeat scroll 0 0 #E5E5E5;
border-right: 1px solid #C5C5C5; 
border-left: 1px solid #C5C5C5;
*/

/*
background-color: #C5C5C5;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
background-image: -webkit-linear-gradient(left, #f9f9f9,#e3e4e6);
background-image: -moz-linear-gradient(left, #f9f9f9,#e3e4e6);
background-image: -o-linear-gradient(left, #f9f9f9,#e3e4e6);
background-image: -ms-linear-gradient(left, #f9f9f9,#e3e4e6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e3e4e6');
background-image: linear-gradient(left, #f9f9f9,#e3e4e6);
*/

/*
background: none repeat scroll 0 0 #E7E9EF;
border-right: 1px solid #C1C9D5;
border-left: 1px solid #F0F1F6;
*/



}

.ui-splitpanel-verticalresizehandle {
width: 1px; 
height: 20px; 
top: 50%; 
left: 50%; 
position: absolute;   
margin-top: -10px; 
margin-left: -1px; 
background-color: #333333;
cursor: col-resize;

/*
border-left: 1px solid #CAD0DB; 
background-color: #F0F1F6;
*/
}


.ui-splitpanel-northresize:hover, .ui-splitpanel-southresize:hover, .ui-splitpanel-eastresize:hover, .ui-splitpanel-westresize:hover {
  background-color: #333333;
}

.ui-splitpanel-northresize:hover .ui-splitpanel-horizontalresizehandle, .ui-splitpanel-southresize:hover  .ui-splitpanel-horizontalresizehandle, .ui-splitpanel-eastresize:hover .ui-splitpanel-verticalresizehandle , .ui-splitpanel-westresize:hover .ui-splitpanel-verticalresizehandle  {
  background-color: #777777;
}


.ui-breadcrumbs {
border: 1px solid #CCC;
padding: 8px 15px;
margin-bottom: 4px;
background-color: #e5e5e5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}




.CodeMirror {
background-color: white;
line-height: 1.5;/*normal;*/
font-size: 1em;

}


.CodeMirror-scroll {
width: 100%;
height: auto; /*100%; */
overflow-y: auto;
overflow-x: auto;
position: absolute;
top: 2px;
bottom:0;
left: 0;
right: 0;
background-color: white;
}

.ui-menu-icon {
  opacity: 0.6;
  cursor: pointer;
}

.ui-menu-icon:hover {
  opacity: 0.8;
}

.ui-menubar-panel {
  margin-top: 3px;
  display: flex;
}
.ui-menubar {
  z-index: 100;
  position: absolute; 
  display: block; 
  top: 0px; 
  left: 0; 
  height: 23px; 
  right: 80px;
  padding: 4px;        

}

.ui-menubar-item {
  display: inline-block;
  padding: 4px 8px 4px 8px;
  color: #dddddd;
  cursor: default;
  font-size: 12px;
  letter-spacing: 0.25px;
}

.ui-menubar-item-selected {
  background-color: #2266aa;

}

.ui-menubar-item:hover {
  background-color: #2266aa;
}

.ui-menubar-item-hover {
  background-color: #2266aa;
}


.ui-menu {
  display: none;
  position: absolute; 
/*  border: 1px solid #555555; */
  background-color: #1d1d1d;
  color: #bbbbbb;
  z-index: 600;        
  top: 100px;
  color: white;    
  padding: 2px;   
  box-shadow: 2px 2px 2px #111111; 
}

.ui-menu-item {
  display: block;
  z-index: 1000;
  cursor: default;
  padding: 2px 0;
}

.ui-menu-item-disabled {
  display: block;
  z-index: 1000;
  cursor: default;
  padding: 2px 0;
  ;
}

.ui-menu .ui-menu-item-separator {
  /* background-color: #282828; */
  padding-bottom: 1px;
  letter-spacing: 0.4px;
  font-size: 9px;
  color: #888888;
  border-bottom: 1px solid #676767;
  /*margin: 4px 4px 4px 4px; */
  margin: 6px 13px 4px 20px;
}

.ui-menu-item:hover {
  background-color: #2266aa;
  color: #dddddd;
}

.ui-menu-item-label {
  padding: 4px 48px 4px 8px;
  display: inline-block;  
  color: #dddddd;
  font-size: 12px;
  letter-spacing: 0.2px;
}


.ui-menu-item-shortcut {
  float: right;
  margin: 4px 14px 4px 0;
  color: #dddddd;
}


.ui-menu-item-disabled .ui-menu-item-label, .ui-menu-item-disabled .ui-menu-item-shortcut {
  color: #555555;
}

.ui-menu-item-checkmark {
  /*
  left: 5px;
  top: 1px;
  */
  margin-left: 8px;

  width: 3px;
  height: 8px;
  border: solid #e1e1e1;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);  
}

.ui-popup {
  background-color: #111111;
  /*border: 1px solid #cccccc; */
  box-shadow: 2px 2px 2px #111;
}

.mobile-menu-item {
  display: flex;
  align-items: center;
  color: #eeeeee;
/*  border-bottom: 1px solid #333333; */
  padding: 16px 0px 16px 16px;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0.8px;
  font-weight: 200;
  position: relative;
}

.mobile-menu-icon {
  display: inline-block; 
  width: 30px;
  margin-right: 10px;
}

.mobile-menu-icon img {
  filter: invert(80%)
}
/*
.mobile-menu-item:active {
  background-color: #333333;
}
*/

#frames {
  display: flex;
  align-items: center;
  background-color: #111111;
}

#frames .ui-button, #frames input, #frames label {
  margin-right: 6px;
}




/*
https://www.cssportal.com/style-input-range/
*/


input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 0px 0;
  width: 100%;
  background-color: transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FFFFFF;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #000000;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #FFFFFF;
}
input[type=range]:focus::-ms-fill-upper {
  background: #FFFFFF;
}



/* custom checkbox */
/* Customize the label (the container) */

.cb-container {
  display: inline-block;
  position: relative;
  padding: 1px 20px;
  line-height: 14px;
  white-space: nowrap;
  /*
  margin-bottom: 12px;
  */
  cursor: pointer;
/*  font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cb-container input {
  position: absolute; 
  opacity: 0; 
  cursor: pointer;
/*  height: 0; */
  top: 0;
  left: 0;
  width: 0;
  margin: 0;
  padding: 0;
}

/* Create a custom checkbox */
.cb-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #dddddd;
  transition: all 0.2s;
  cursor: pointer;
}

/* On mouse-over, add a grey background color */
.cb-container:hover input ~ .checkmark {
  background-color: #bababa;
}

/* When the checkbox is checked, add a blue background */
.cb-container input:checked ~ .checkmark {
  background-color: #3f6f96;
}

.cb-container input:checked ~ .cb-label, .rb-container input:checked ~ .rb-label {
  color: #eeeeee;
}

.cb-container .cb-label, .rb-container .rb-label {
  color: #a0a0a0;
  cursor: pointer;
}

.cb-container:hover .cb-label, .rb-container:hover .rb-label {
  color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cb-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cb-container input:checked ~ .checkmark:after {
  display: block;
}


/* Style the checkmark/indicator */
.cb-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: solid #e1e1e1;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* Customize the label (the container) */
.rb-container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
/*  font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.rb-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.rb-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #dddddd;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.rb-container:hover input ~ .checkmark {
  background-color: #bababa;
}

/* When the radio button is checked, add a blue background */
.rb-container input:checked ~ .checkmark {
  background-color: #3f6f96;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.rb-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.rb-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.rb-container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e1e1e1;
}

/*
input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  background-color: transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 1px;
  border: 1px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FFFFFF;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 1px;
  border: 1px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #FFFFFF;
}
input[type=range]:focus::-ms-fill-upper {
  background: #FFFFFF;
}


*/
/*







input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.4px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e6e6e6;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  height: 5.2px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.4px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e6e6e6;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  height: 5.2px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.4px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 2.7px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5.2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e6e6e6;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 0px solid #000101;
  border-radius: 5.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 4, 0), 0px 0px 0px rgba(0, 0, 30, 0);
  border: 1.3px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  cursor: pointer;
  height: 5.2px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}
*/


.eye-container {
  display: inline-block;
  position: relative;
  /*padding: 1px 20px;*/
  line-height: 14px;
  /*
  margin-bottom: 12px;
  */
  cursor: pointer;
/*  font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.eye-container input {
  position: absolute; 
  opacity: 0; 
  cursor: pointer;
/*  height: 0; */
  top: 0;
  left: 0;
  width: 0;
  margin: 0;
  padding: 0;
}

/* Create a custom checkbox */
.eye-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: transparent;
  color: white;
  transition: all 0.2s;


  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
  content: "\E105";
}

/* On mouse-over, add a grey background color */
.eye-container:hover input ~ .checkmark {
  background-color: #bababa;
}

/* When the checkbox is checked, add a blue background */
.eye-container input:checked ~ .checkmark {
  background-color: #3f6f96;
}

/* Create the checkmark/indicator (hidden when not checked) */
.eye-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.eye-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.eye-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: solid #e1e1e1;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



.importEffectContainer {
  margin: 4px 0;
  padding-left: 2px;
}

.importEffectParamsContainer {
  background-color: #1c1c1c;
  border-top: 1px solid #777777;
  margin: 5px 0 10px 0;
  padding: 6px 0px 0 0px;
}

.importEffectParamsContainer .controlLabel {
  padding-left: 4px;
  margin-top: 0;
}


#importImageAllSettings select {
  min-width: 220px;
}

.layerVisibleIcon {
  filter: invert(80%) !important;
  width: 16px; cursor: pointer
}

.layerVisibleIcon:hover {
  filter: invert(90%) !important;
}

.layerHiddenIcon {
  filter: invert(40%) !important;
  width: 16px; cursor: pointer
}

.layerHiddenIcon:hover {
  filter: invert(50%) !important;
}

.slider {
  display: none;
}

.ui-slider {
  position: relative;
  display: inline-block;
  /*
  border: 1px solid black;
  */

  height: 30px;
  width: 100%;
}  

.ui-slider-track {
  position: absolute;
  margin: auto auto;
  left: 0;
  right: 0;
  top: 12px;
  height: 3px;
  border: 1px solid black;
  background-color: white;
}

.ui-slider-thumb {
  position: absolute; 
  border: 2px solid black;
  width: 20px;
  height: 20px;
  top: -10px;
  background-color: white;
  left: 10px;
}

.alert {
  background-color: white;
  color: black;
  padding: 4px;
  line-height: 14px;
}

.rippleJS {
  cursor: pointer;
}

#hexEditorContent {
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
}

.c64DebuggerInput:focus {
  border: 0;
  background-color: orange;
  outline: none;
}

.ui-tree {
  background-color: #1a1a1a;
  color: #bbbbbb;
}

.ui-tree-label {
  color: #bbbbbb;
}

.ui-tree-toggle {
  filter: invert(0.8);
}

/*
.ui-tree-icon {
  filter: invert(0.65);
}
.ui-tree-row:hover .ui-tree-icon {
  filter: invert(0.85);
}
*/
.ui-tree-row:hover {
  background-color: #1f1f1f;
}


.ui-tree-contextselected-row {
  background-color: #1f1f1f;
}

.ui-tree-selected-row {
  background-color: #2a2a2a !important;
}



.ui-tree-row:hover .ui-tree-label {
  color: #dddddd;
}


.unfinished {
  display: none;
}

h3 {
  margin-top: 2px;
  margin-bottom: 8px;
  color: #eaeaea;
}

a {
  color: white;
  cursor: pointer !important;
}

.start-heading {
  border-bottom: 1px solid #222222;
  padding: 0 0 10px 0;
  margin-top: 20px;
}
.dialogContent {
  padding: 10px;
}


.activeBackground {
  background-color: #171717;/* #191919; */
}

.panelFill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*** forms ***/

.formGroup {
  margin-bottom: 10px;
}

.formRow {
  margin-bottom: 4px;
  padding-bottom: 6px;
  /*
  border-bottom: 1px solid #444444;
  */
  min-height: 24px;
  display: flex;
  align-items: center;
}

.formControlLabel {
  width: 90px;
  display: flex;
  align-items: center;
  margin-right: 4px;
  font-weight: 300;
  color: #dddddd;
}



table {
  border-collapse: collapse;
}

.controlLabel {
  width: 90px;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  font-weight: 300;
  color: #eeeeee;
}

.formControl {

}


.shaderEffectParamName {
  margin: 10px 0px 6px 0;
  font-size: 14px;
  font-weight: 300;
}

.rangeControl {
  display: flex;
}

.form-section{
  border: 0;
  padding: 0;
  margin: 0 0 6px 0;

}
.checkboxGroup, .radioGroup {  
  display: inline-block;
}

.radioGroup .rb-container {
  margin-bottom: 6px;
}
.checkboxGroup .cb-container {
  margin-bottom: 4px;

}

.checkboxGroup .cb-container.no-margin {
  margin: 0;
}

.colorPickerPopupNoColor {
  border: 1px solid #111111;
  line-height: 20px;
  vertical-align: middle;
  padding: 2px;
}

.colorPickerPopupNoColor:hover {
  border: 1px solid #cccccc;
}

.drawTool, .musicTool, .pixelDrawTool, .drawPopupTool, .drawPixelTool, .currentDrawTool, .pixelTool,  .colorPaletteTool, .blockEditTool {
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  padding: 3px;
  margin: 1px;

/*
  background-color: #222222; 
  border: 1px solid #999999;
*/  
}



.drawTool:hover,  .pixelDrawTool:hover, .drawPopupTool:hover, .drawPixelTool:hover, .pixelTool:hover, .colorPaletteTool:hover, .blockEditTool:hover {
  background-color: #444444; 
}

.musicTool:hover {
  background-color: #666666;  
}

.drawToolSelected, .musicToolSelected, .pixelDrawToolSelected, .drawPopupToolSelected, .drawPixelToolSelected, .pixelToolSelected, .colorPaletteToolSelected, .blockEditToolSelected {
  background-color: #dddddd; 
/*  border: 1px solid #999999; */
}


.drawToolSelected:hover, .musicToolSelected:hover, .pixelDrawToolSelected:hover, .drawPopupToolSelected:hover, .drawPixelToolSelected:hover, .pixelToolSelected, .colorPaletteToolSelected:hover, .blockEditToolSelected:hover {
  background-color: #eeeeee; 

/*  border: 1px solid #999999; */
}


.cellBackgroundColor i {
  font-size: 26px; 
}


#drawToolSettings-cellBackgroundColor i {
  font-size: 15px;
}

.popup-tool {
  padding: 10px;
  cursor: hand;
  display: flex;
  align-content: center;
}
.popup-tool:hover {
  background-color: #222222;
}

.popup-tool-label {
  margin-left: 8px;
}

.popup-tool-shortcut {
  margin-left: 8px;
}


.mobile-popup-tool {
  padding: 8px;
  cursor: hand;
  display: flex;
  align-content: center;
}


.mobile-popup-tool-label {
  font-size: 20px;
  font-weight: 200;
  margin-left: 12px;
}

.mobile-popup-tool img {
  width: 32px;
  height: 32px;
}


.drawTool img, .popup-tool img, .mobile-popup-tool img, .musicTool img, .pixelDrawTool img, .drawPopupTool img, .drawPixelTool img, .currentDrawTool img, .pixelTool img, .colorPaletteTool img, .blockEditTool img {
  filter: invert(65%) !important;
}

.drawToolSelected img, .musicToolSelected img, .pixelDrawToolSelected img, .drawPopupToolSelected img, .drawPixelToolSelected img, .pixelToolSelected img, .colorPaletteToolSelected img, .blockEditToolSelected img {
  filter: invert(10%) !important;
}


.musicTool:hover img {
  filter: invert(75%) !important;
}


.mobileMenuItem {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 8px;
  background-color: #333333;
  border: 1px solid #eeeeee;
}

.mobileMenuBarItem {
  display: inline-block; 
  width: 46px; 
  height: 46px; 
  padding: 2px;
  margin: 4px;
  background-color: #222222; 
  border: 1px solid #999999;
  text-align: center;
}


.mobileMenuBarItem img {
  width: 42px;
  height: 42px;
  -webkit-filter: invert(80%) !important;
}



.drawToolMobile, .pixelDrawToolMobile  {
  display: inline-block; 
  width: 46px; 
  height: 46px; 
  padding: 2px;
  background-color: #222222; 
  border: 1px solid #999999;
  text-align: center;
}

.drawToolMobileSelected, .pixelDrawToolMobileSelected {
  /*
  background-color: #eeeeee; 
  border: 1px solid #999999;
  */
}


.drawToolMobile img, .pixelDrawToolMobile img {
  width: 42px;
  height: 42px;
  -webkit-filter: invert(80%) !important;
}

.drawToolMobileSelected img, .pixelDrawToolMobileSelected img  {
  width: 42px;
  height: 42px;
  -webkit-filter: invert(0%) !important;
}

.icon-invert {
  filter: invert(80%);
}

#toolIconsMobile {
  background-color: #111111;
}




.drawToolMobileSide, .pixelDrawToolMobileSide  {
  display: inline-block; 
  width: 36px; 
  height: 36px; 
  padding: 2px;
  /*
  background-color: #1b1b1b; 
  border: 1px solid #444444;
  */
  text-align: center;
  margin-bottom: 8px;
  transition: all 0.2s;    
}

.drawToolMobileSideSelected, .pixelDrawToolMobileSideSelected {
  /*
  background-color: #eeeeee; 
  border: 1px solid #444444;
  */
}


.drawToolMobileSide img, .pixelDrawToolMobileSide img {
  width: 36px;
  height: 36px;
  -webkit-filter: invert(80%) !important;
}

.drawToolMobileSideSelected img, .pixelDrawToolMobileSideSelected img  {
  width: 36px;
  height: 36px;

  filter: invert(46%) sepia(78%) saturate(6717%) hue-rotate(187deg) brightness(94%) contrast(101%) !important;
  /*
  -webkit-filter: invert(0%) !important;
  */
}


.pixelTool {
  margin-right: 8px;
}

#pixelToolLabel {
  display: flex; 
  white-space: nowrap;
  width: 120px;
}

.pixelToolSettingColor {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #999999;
}

/* TODO: use class instead of id */

#cellForegroundColorMobile {
  width: 42px;
  height: 42px;

}

#pixelDrawCellForegroundColor {
  width: 28px;
  height: 28px;  
}
#cellForegroundColor, #cellBackgroundColor {
  width: 28px;
  height: 28px;
}

#chooseCharacterSetList, #chooseColorPaletteList {
  background-color: #222222;
  padding: 4px;
}

.characterSetListCategory, .colorPaletteListCategory {
  font-weight: bold;
  padding: 4px;
  color: #ffffff;
}

.characterSetListEntry, .colorPaletteListEntry, .drummerPatternListEntry {
  padding: 4px 4px 4px 16px;
  color: #dddddd;
}

.characterSetListEntry, .characterSetListCategory {
  font-size: 12px;
  margin: 1px 0;
}


#chooseCharacterSetOptions label {
  font-size: 12px;
  line-height: 16px;
}

.characterSetListEntry:hover, .colorPaletteListEntry:hover, .drummerPatternListEntry:hover {
  background-color: #777777;
}


.characterSetListEntrySelected, .colorPaletteListEntrySelected, .drummerPatternListEntrySelected {
  background-color: #3254ee;
}

#chooseColorPaletteControls {
  margin-top: 10px;
}

#chooseColorPaletteControls .controlLabel {
  width: 180px;
}

#chooseColorPaletteControls input  {
  margin-right: 6px
}

#importImageProgress {
  background-color: white;
  border: 1px solid #111111;
}


#cellForegroundColor {
  display: block; 
  position: absolute; 
  top: 20px; 
  left: 8px; 
  width: 28px; 
  height: 28px; 
  background-color: #000000; 
  z-index: 10  
}

.colorSetting {
  border: 1px solid #444444;   
}

.colorSetting:hover {
 border: 1px solid #dddddd;   
}

.textModeLayer {
  color: #eeeeee;
  background-color: #212121;
  border-bottom: 1px solid #111111;
  display: flex;
  align-items: center;
  height: 60px;
}

.textModeLayerDetails {
  border-left: 1px solid #111111;
  border-right: 1px solid #111111;
  display: flex;
  position: absolute;
  height: 60px;
  align-items: center;
  left: 18px;
  right: 0;

}

.layerLabelName {
  font-weight: bold; 
  font-size: 12px  
}

.layerLabelProperties {
  font-size: 10px;
  margin-top: 2px;
  padding-left: 0px;
}
.selectedTextModeLayer {
  background-color: #3377ff;

}



/** instruments ***/


.filter {
  padding: 4px;
  color: #eeeeee;
}

.selectedFilter {
  background-color: #3377ff;
}

.instrument {
/*        margin: 4px; */
  padding: 4px;
  color: #eeeeee;
}

.selectedInstrument {
  background-color: #3377ff;
}

.editInstrumentLabel {
  display: inline-block;
  width: 100px;
}

.editInstrumentRow {
  margin: 6px 0 6px 0;
}


.instrumentButtons {
  margin: 2px 1px 0px 10px;
  bottom: 6px;
  position: absolute;
}


.instrumentButtons button {
  margin: 1px;
  font-size: 10px;

}



.instrumentTab {
  padding: 8px;
  background-color: #444444;
}
.instrumentActiveTab {
  background-color: #666666;
}
.instrumentTable {
  background-color: #666666;        
}

.instrumentTable table {
  border-collapse: collapse;
}

.instrumentTable th, .instrumentTable td {
  padding: 6px;
  text-align: left;
}

.instrumentTable td {
  border-top: 1px solid #444444;
}


/*** scrollbars ***/


::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.infoTable {

}

.infoTable th {
  padding-left: 8px;
  text-align: right;
  padding-right: 4px;
}

.infoTable td, .infoTable th {
  padding-bottom: 4px
}

/** assembler **/

.assemblerOutputLine {
  padding: 2px 0 2px 2px;
}


.startBlock {
  display: inline-block; 
  width: 100px; 
  height: 100px; 
  background-color: #555555; 
  margin-right: 2px; 
  padding: 2px;
  box-shadow: 2px 2px 2px #111111;

  transition: all 0.1s;

}

.startBlock:hover {
  transform: scale(1.02); 
}


.startBlock img {
  cursor: pointer;
}


.frameControlSeparator {
  margin: 0 6px 0 6px;
}


.imageControlEffect {
  margin: 2px 0 8px 0;
  padding: 4px 0px 6px 0px;
  background-color: #1a1a1a;
  border-bottom: #333333;
}

.imageControlEffect .controlLabel {
  margin-top: 0;
  padding-left: 4px;
}

.imageControlEffect_remove {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 20px;
  width: 9px;
  /*
  float: right;
  width: 10px;
  height: 14px;
  line-height: 12px;
  text-align: center;  
  */
}

.imageControlEffect_selector {
  margin: 6px 0 8px 0px;
  display: flex;
}

.imageControlEffect_selector select {
  flex: 1;
}
.imageControlEffect .formRow {
  border-bottom: 0px;
  border-top: 1px solid #444444;
  padding-top: 6px;
  padding-bottom: 2px;
  margin: 2px 0;
}



#colorEditorTabPanel {
  border-bottom: 1px solid #222222;
  margin-top: 4px;
  margin-bottom: 10px;

}

.colorEditorTab {
  cursor: pointer;
  display: inline-block;
  padding: 4px 8px;
  color: #666666;
  background-color: #111111;
}


.colorEditorTab:hover {
  background-color: #333333;
}


.colorEditorTabActive {
  background-color: #222222;
  color: #eeeeee;
  font-weight: 500;
}

.colorEditorTabActive:hover {
  background-color: #222222;
}




.colorPaletteNumber, .colorEditorNumber {
  width: 34px;
}

.colorComponentSelector {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.colorComponentSelector label {
  width: 12px;
  margin: 0 6px 4px 6px;
  color: #888888;
}

.colorComponentSelector canvas {
  
}

.colorComponentSelector input {
  margin: 0 0 4px 8px;
}




.tileEditorC64ColorType {
  display: inline-block; 
  width: 62px; 
  height: 20px; 
  padding: 2px;
  background-color: #222222; 
  border: 1px solid #3e3e3e;
  font-size: 9px;
  line-height: 12px;
  vertical-align: center;
}


.tileEditorC64ColorType:hover {
  background-color: #444444; 
}

.tileEditorC64ColorTypeSelected {
  background-color: #eeeeee; 
  border: 1px solid #999999;
  color: #222222;
}


.tileEditorC64ColorTypeSelected:hover {
  background-color: #eeeeee; 
  border: 1px solid #999999;
}

.tileEditorC64Color {
  display: inline-block; 
  width: 16px; 
  height: 16px; 
  background-color: #000000; 
/*  border: 1px solid #dddddd;  */
}

#characterEditorControls .ui-button {
  margin-top: 6px;
}


#currentDrawToolHolder {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 114px;
}

#currentDrawToolHolder #toolSettingsCurrentTool, #currentDrawToolHolder img {
  cursor: pointer;
}

#currentDrawToolHolder:hover {
  background-color: #222222;
}

#toolSettingsCurrentTileHolder {
  display: flex; 
  align-items: center;
  align-content: center;
  padding: 2px;
  width: 30px;
}


#toolSettingsCurrentTileHolder:hover {
  background-color: #222222;
}


#toolSettingsCurrentTile {
  cursor: pointer;
  width: 24px; 
  height: 24px; 
  margin: auto;
}

#pixelToolSettingsMobile-c64multicolor .tileEditorC64ColorType  {
  display: flex;
  align-items: center;
  margin-right: 6px;
  font-size: 10px;
  padding: 4px;
  flex-grow: 1;
  flex-basis: 0;
}

/* -- mobile styles  -- */



.colorPickerTypeMobile {
  /*border: 1px solid #aaaaaa;*/
  border: 1px solid #3a3a3a;
  margin: 0 4px;
  display: inline-block;
  padding: 6px;
  display: flex;
  align-items: center;
  background-color: #262626;
  flex-grow: 1;
  flex-basis: 0;
  font-size: 10px;
}

.colorPickerTypeMobileSelected {
  color: #111111;
  background-color: #e0e0e0;
  font-weight: bold;
}

.colorPickerMobileColor {
  /*border: 1px solid #aaaaaa;*/
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}



#tileEditorMobileC64Colors .tileEditorC64ColorType {
  width: 22%;
  margin: 2px;
  height: 28px;

}

#tileEditorMobileC64Colors .tileEditorC64Color {
  width: 24px;
  height: 24px;
}

#tileEditorMobileC64Colors .tileEditorC64ColorLabel {
  line-height: 30px;
}

.mobileRadio {
  display: inline-block;
  border: 1px solid #3a3a3a;
  margin: 0 8px 0 0 ;
  padding: 6px;
  display: flex;
  align-items: center;
  background-color: #262626;
  font-size: 10px;
  /*
  border: 1px solid white;
  color: white;
  width: 50px;
  height: 25px;
  margin-right: 4px;
  */
}

.mobileRadio img {
  filter: invert(70%);
}

.mobileRadioSelected {
  color: #0a0a0a;
  background-color: #e0e0e0;
  font-weight: bold;  
}

.mobileRadioSelected img {
  filter: invert(10%);
}


.c64ImportRow {
  margin-bottom: 8px;
}
.c64ImportHeading {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
  color: #dddddd;
}

.opcode-holder {
  padding: 6px;
  width: 40px;
  display: inline-block;
  font-weight: bold;
  line-height: 22px;
  /*
  text-decoration: underline;
  */
}

.opcode-link {
  font-size: 16px;
  cursor: pointer;
  color: #bababa;
}


.opcode-link:hover {
  color: #eeeeee;
}

.mos6502Related .opcode-link {
  display: inline-block;
  margin-right: 10px;
  text-decoration: underline;
}

.mos6502OpcodeLink {
  cursor: pointer;
  color: #999999;
  margin: 6px 0 6px 0;
}
.mos6502OpcodeLink:hover {
  color: #e2e2e2;
  
}

.mos6502Name {
  margin-bottom: 6px;
}

.mos6502Description {
  margin: 6px 0 10px 0;
  font-size: 14px;
  line-height: 20px;
  color: #cccccc;
  padding: 4px;
  background-color: #1a1a1a;
  /*
  letter-spacing: 0.4px;
  */
}

.mos6502Flags {
  margin: 0 0 6px 0;
}

.mos6502FlagInfo {
  margin: 0 0 16px 0;
}
.mos6502FlagList {
  margin: 2px 0 6px 0;
  letter-spacing: 4px;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Courier New', Courier, monospace;
}

.assemblerDocsSearch {
  width: 100%;
  font-size: 20px;
  padding: 8px 4px;

}
#mos6502OpcodeDictionary {
  background-color: #111111;
}
.assemblerDocsInfo h2 {
  color: #eeeeee;  
  margin: 2px 0 2px 0;
  font-size: 24px;
}

.assemblerDocsInfo h3 {
  font-size: 19px;
}

.assemblerDocsInfo {
  padding: 8px;
  background-color: #111111;
  color: #eeeeee;
  overflow: auto;
}

.assemblerDocsInfo table {
  border-collapse: collapse;
  margin: 6px 0;
}

.assemblerDocsInfo table th {
  border: 1px solid #333333;
  padding: 4px;
  text-align: left;
  color: #cccccc;
  background-color: #1a1a1a;
  font-size: 12px;
  font-weight: bold;
}


.assemblerDocsInfo table td {
/*  border: 1px solid #333333; */
  padding: 6px;
  font-size: 12px;
  background-color: #1a1a1a;
  color: #bbbbbb;
}

.assemblerDocsInfo table tr:hover td, .assemblerDocsInfo table tr:hover th {
  background-color: #333333;
}
/*
#mos6502OpcodeInfo table tr:nth-child(even) td {
  background-color: #222222 !important;
}
*/

.colorSubPalette {
  position: relative; 
  height: 40px; 
  background-color: #111111; 
  border-bottom: 1px solid #333333;
}
.colorSubPalette:hover {
  background-color: #1e1e1e;
}


#switchColors {
  opacity: 0.5; 
  position: absolute; 
  left: 40px; 
  top: 20px; 
  width: 12px; 
  height: 12px;
}

#switchColors:hover {
  opacity: 0.93; 
}


#buildOutputPanel {
  background-color: #111111;
  color: #cccccc;
}

.assemblerOutputLine {
  background-color: #111111;
  color: #cccccc;
}

.assemblerOutputLine:hover {
  background-color: #222222;
}
.assemblerOutputLine.error {
  /* color: #cc2222; */
}
.assemblerOutputLine.selected {
  background-color: #1a4b8e;
  color: #cccccc;
}

.assemblerOutputErrorIcon {
  /*padding: 1px; */
  height: 10px;
  line-height: 10px;
  display: inline-block;
  background-color: #c93d22;
  color: white;
  margin: 4px 2px 1px 1px;
  border-radius: 1px;

}

.assemblerOutputErrorIcon img {
  width: 10px;
  height: 10px;
  filter: invert(0.9);
}

.colorPalettePanelSubPalette {
  display: inline-block;
  margin: 8px 10px 0 8px;
}

.colorPalettePanelSubPaletteHolder {
  display: flex;
}
.colorPalettePanelSubPaletteLabel {
  display: inline-block;
  width: 16px;
  height: 16px
}

.colorPalettePanelSubPaletteColors {
  display: flex;
}

.colorPalettePanelSubPaletteColor {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #444444;
  background-color: #444444;
}

.colorPalettePanelSubPaletteColor-selected {
  border: 1px solid #999999;
}

.colorPalettePanelSubPaletteColor:hover {
  border: 1px solid #666666;
}

#projectGithubDetailsHolder {
  height: 200px;
}

#githubModified {
  overflow: auto;
}

.githubChangedHeading {
  background-color: #444444;
  padding: 4px;
  color: #aaaaaa;
}

.githubChangedFile {
  padding: 4px;
}
.githubChangedFile img {
  margin-right: 8px;
}



.colorPalettePanelSubPaletteMobile {
  display: inline-block;
  margin: 8px 10px 0 8px;
}

.colorPalettePanelSubPaletteHolderMobile {
  display: flex;
  margin-bottom: 10px;
}
.colorPalettePanelSubPaletteLabelMobile {
  display: inline-block;
  width: 16px;
  height: 16px
}

.colorPalettePanelSubPaletteColorsMobile {
  display: flex;
}

.colorPalettePanelSubPaletteColorMobile {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 1px solid #444444;
  background-color: #444444;
}

.colorPalettePanelSubPaletteColorMobile-selected {
  border: 1px solid #ff9999 !important;
}



#scriptingRunControls {
  padding: 4px;
}

#scriptingOutputPanel {
  background-color: #222222;
  color: #dddddd;
  overflow: auto;
}

#scriptingOutputPanel .scriptingOutputLine {
  padding: 3px 4px;
}

.debuggerMemoryInfoAddress {
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  width: 40px;
  font-size: 12px;
}

.debuggerMemoryInfoValue {
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  width: 30px;
  font-size: 12px;
}

.addressingModeExample {
  white-space: nowrap;
}

.addressingModeNumber {
  text-align: right;
}

.addressingModeTable tr:nth-child(even) td {
  background-color: #222222 !important;
}

.addressingModeTable tr:hover td {
  background-color: #333333 !important;
}

.ace_gutter-cell.ace_breakpoint{ 
  /*
  border-radius: 20px 0px 0px 20px;
  box-shadow: 0px 0px 1px 1px #248c46 inset; 
  */
}

.ace_gutter-cell.ace_breakpoint::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #cc0000;
  position: absolute;
  left: 5px;
  top: 5px;  
  z-index: 1000;
}
.ace_gutter-cell.ace_pc::after {
  content: '';
  display: inline-block;
  content:"\25BA";
  font-family: Arial,Helvetica,sans-serif;

  color: #cccccc;
  position: absolute;
  left: 5px;
  top: 0px;  
  z-index: 1001;

}


.c64-play-button {

}

.c64-play-button:hover {
  color: white;
  
}

.c64-overlay {
  position: absolute; 
  left: 0; 
  top: 0;  
  opacity: 0.2; 
  background-color: black; 
  border: 2px solid black;
}


.gridinfo-label {
  color: #888888;
  margin-right: 4px;
}

.gridinfo-value {
  color: #cccccc;
  display: inline-block;
  font-weight: 500;
}


#lineSegmentToolSettings {
  display: flex;
  padding: 12px;
  white-space: nowrap;
  overflow: hidden;
}
#lineSegmentToolSettings label {
  margin-bottom: 0 !important;
  margin-right: 8px !important;
}


.joystick-info-key {
  margin: 0 0 0 4px;
  font-size: 18px;
}

.joystick-info-key img {
  filter: invert(1);
}

.joystick-settings-icon {
  cursor: pointer;
  margin-left: 6px;
  filter: invert(0.3);
}

.joystick-settings-icon:hover {
  filter: invert(1);
}

.drive-info-label {
  color: #cccccc;
  cursor: pointer;
  margin-right: 6px;
}

.drive-info-label:hover {
  color: #ffffff;
}


.chooseCharacterSetOptions .rb-container {
  margin-bottom: 6px;
}

.colorPaletteEditorColor {
  width: 20px;
  height: 20px;
  background-color: red;

}



/*** new forms ****/



@font-face{font-family:'Glyphicons Regular';src:url('../fonts/glyphicons-regular.eot');src:url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-regular.woff2') format('woff2'),url('../fonts/glyphicons-regular.woff') format('woff'),url('../fonts/glyphicons-regular.ttf') format('truetype'),url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')}.glyphicons{display:inline-block;font-family:'Glyphicons Regular';font-style:normal;font-weight:normal;line-height:1;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicons:before{display:inline-block;padding:6px 8px}.glyphicons.x05{font-size:12px}.glyphicons.x2{font-size:48px}.glyphicons.x2:before{padding:8px 12px}.glyphicons.x3{font-size:72px}.glyphicons.x3:before{padding:16px 20px}.glyphicons.x4{font-size:96px}.glyphicons.x4:before{padding:20px 28px}.glyphicons.x5{font-size:120px}.glyphicons.x5:before{padding:28px 36px}.glyphicons.light:before{color:#f2f2f2}.glyphicons.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}.glyphicons.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.glyphicons.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.glyphicons.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.glyphicons.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.glyphicons.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.glyphicons-glass:before{content:"\E001"}.glyphicons-leaf:before{content:"\E002"}.glyphicons-dog:before{content:"\E003"}.glyphicons-user:before{content:"\E004"}.glyphicons-girl:before{content:"\E005"}.glyphicons-car:before{content:"\E006"}.glyphicons-user-add:before{content:"\E007"}.glyphicons-user-remove:before{content:"\E008"}.glyphicons-film:before{content:"\E009"}.glyphicons-magic:before{content:"\E010"}.glyphicons-envelope:before{content:"\E011"}.glyphicons-camera:before{content:"\E012"}.glyphicons-heart:before{content:"\E013"}.glyphicons-beach-umbrella:before{content:"\E014"}.glyphicons-train:before{content:"\E015"}.glyphicons-print:before{content:"\E016"}.glyphicons-bin:before{content:"\E017"}.glyphicons-music:before{content:"\E018"}.glyphicons-music-alt:before{content:"\E019"}.glyphicons-heart-empty:before{content:"\E020"}.glyphicons-home:before{content:"\E021"}.glyphicons-snowflake:before{content:"\E022"}.glyphicons-fire:before{content:"\E023"}.glyphicons-magnet:before{content:"\E024"}.glyphicons-parents:before{content:"\E025"}.glyphicons-binoculars:before{content:"\E026"}.glyphicons-road:before{content:"\E027"}.glyphicons-search:before{content:"\E028"}.glyphicons-cars:before{content:"\E029"}.glyphicons-notes-2:before{content:"\E030"}.glyphicons-pencil:before{content:"\E031"}.glyphicons-bus:before{content:"\E032"}.glyphicons-wifi-alt:before{content:"\E033"}.glyphicons-luggage:before{content:"\E034"}.glyphicons-old-man:before{content:"\E035"}.glyphicons-woman:before{content:"\E036"}.glyphicons-file:before{content:"\E037"}.glyphicons-coins:before{content:"\E038"}.glyphicons-plane:before{content:"\E039"}.glyphicons-notes:before{content:"\E040"}.glyphicons-stats:before{content:"\E041"}.glyphicons-charts:before{content:"\E042"}.glyphicons-pie-chart:before{content:"\E043"}.glyphicons-group:before{content:"\E044"}.glyphicons-keys:before{content:"\E045"}.glyphicons-calendar:before{content:"\E046"}.glyphicons-router:before{content:"\E047"}.glyphicons-camera-small:before{content:"\E048"}.glyphicons-star-empty:before{content:"\E049"}.glyphicons-star:before{content:"\E050"}.glyphicons-link:before{content:"\E051"}.glyphicons-eye-open:before{content:"\E052"}.glyphicons-eye-close:before{content:"\E053"}.glyphicons-alarm:before{content:"\E054"}.glyphicons-clock:before{content:"\E055"}.glyphicons-stopwatch:before{content:"\E056"}.glyphicons-projector:before{content:"\E057"}.glyphicons-history:before{content:"\E058"}.glyphicons-truck:before{content:"\E059"}.glyphicons-cargo:before{content:"\E060"}.glyphicons-compass:before{content:"\E061"}.glyphicons-keynote:before{content:"\E062"}.glyphicons-paperclip:before{content:"\E063"}.glyphicons-power:before{content:"\E064"}.glyphicons-lightbulb:before{content:"\E065"}.glyphicons-tag:before{content:"\E066"}.glyphicons-tags:before{content:"\E067"}.glyphicons-cleaning:before{content:"\E068"}.glyphicons-ruler:before{content:"\E069"}.glyphicons-gift:before{content:"\E070"}.glyphicons-umbrella:before{content:"\E071"}.glyphicons-book:before{content:"\E072"}.glyphicons-bookmark:before{content:"\E073"}.glyphicons-wifi:before{content:"\E074"}.glyphicons-cup:before{content:"\E075"}.glyphicons-stroller:before{content:"\E076"}.glyphicons-headphones:before{content:"\E077"}.glyphicons-headset:before{content:"\E078"}.glyphicons-warning-sign:before{content:"\E079"}.glyphicons-signal:before{content:"\E080"}.glyphicons-retweet:before{content:"\E081"}.glyphicons-refresh:before{content:"\E082"}.glyphicons-roundabout:before{content:"\E083"}.glyphicons-random:before{content:"\E084"}.glyphicons-heat:before{content:"\E085"}.glyphicons-repeat:before{content:"\E086"}.glyphicons-display:before{content:"\E087"}.glyphicons-log-book:before{content:"\E088"}.glyphicons-address-book:before{content:"\E089"}.glyphicons-building:before{content:"\E090"}.glyphicons-eyedropper:before{content:"\E091"}.glyphicons-adjust:before{content:"\E092"}.glyphicons-tint:before{content:"\E093"}.glyphicons-crop:before{content:"\E094"}.glyphicons-vector-path-square:before{content:"\E095"}.glyphicons-vector-path-circle:before{content:"\E096"}.glyphicons-vector-path-polygon:before{content:"\E097"}.glyphicons-vector-path-line:before{content:"\E098"}.glyphicons-vector-path-curve:before{content:"\E099"}.glyphicons-vector-path-all:before{content:"\E100"}.glyphicons-font:before{content:"\E101"}.glyphicons-italic:before{content:"\E102"}.glyphicons-bold:before{content:"\E103"}.glyphicons-text-underline:before{content:"\E104"}.glyphicons-text-strike:before{content:"\E105"}.glyphicons-text-height:before{content:"\E106"}.glyphicons-text-width:before{content:"\E107"}.glyphicons-text-resize:before{content:"\E108"}.glyphicons-left-indent:before{content:"\E109"}.glyphicons-right-indent:before{content:"\E110"}.glyphicons-align-left:before{content:"\E111"}.glyphicons-align-center:before{content:"\E112"}.glyphicons-align-right:before{content:"\E113"}.glyphicons-justify:before{content:"\E114"}.glyphicons-list:before{content:"\E115"}.glyphicons-text-smaller:before{content:"\E116"}.glyphicons-text-bigger:before{content:"\E117"}.glyphicons-embed:before{content:"\E118"}.glyphicons-embed-close:before{content:"\E119"}.glyphicons-table:before{content:"\E120"}.glyphicons-message-full:before{content:"\E121"}.glyphicons-message-empty:before{content:"\E122"}.glyphicons-message-in:before{content:"\E123"}.glyphicons-message-out:before{content:"\E124"}.glyphicons-message-plus:before{content:"\E125"}.glyphicons-message-minus:before{content:"\E126"}.glyphicons-message-ban:before{content:"\E127"}.glyphicons-message-flag:before{content:"\E128"}.glyphicons-message-lock:before{content:"\E129"}.glyphicons-message-new:before{content:"\E130"}.glyphicons-inbox:before{content:"\E131"}.glyphicons-inbox-plus:before{content:"\E132"}.glyphicons-inbox-minus:before{content:"\E133"}.glyphicons-inbox-lock:before{content:"\E134"}.glyphicons-inbox-in:before{content:"\E135"}.glyphicons-inbox-out:before{content:"\E136"}.glyphicons-cogwheel:before{content:"\E137"}.glyphicons-cogwheels:before{content:"\E138"}.glyphicons-picture:before{content:"\E139"}.glyphicons-adjust-alt:before{content:"\E140"}.glyphicons-database-lock:before{content:"\E141"}.glyphicons-database-plus:before{content:"\E142"}.glyphicons-database-minus:before{content:"\E143"}.glyphicons-database-ban:before{content:"\E144"}.glyphicons-folder-open:before{content:"\E145"}.glyphicons-folder-plus:before{content:"\E146"}.glyphicons-folder-minus:before{content:"\E147"}.glyphicons-folder-lock:before{content:"\E148"}.glyphicons-folder-flag:before{content:"\E149"}.glyphicons-folder-new:before{content:"\E150"}.glyphicons-edit:before{content:"\E151"}.glyphicons-new-window:before{content:"\E152"}.glyphicons-check:before{content:"\E153"}.glyphicons-unchecked:before{content:"\E154"}.glyphicons-more-windows:before{content:"\E155"}.glyphicons-show-big-thumbnails:before{content:"\E156"}.glyphicons-show-thumbnails:before{content:"\E157"}.glyphicons-show-thumbnails-with-lines:before{content:"\E158"}.glyphicons-show-lines:before{content:"\E159"}.glyphicons-playlist:before{content:"\E160"}.glyphicons-imac:before{content:"\E161"}.glyphicons-macbook:before{content:"\E162"}.glyphicons-ipad:before{content:"\E163"}.glyphicons-iphone:before{content:"\E164"}.glyphicons-iphone-transfer:before{content:"\E165"}.glyphicons-iphone-exchange:before{content:"\E166"}.glyphicons-ipod:before{content:"\E167"}.glyphicons-ipod-shuffle:before{content:"\E168"}.glyphicons-ear-plugs:before{content:"\E169"}.glyphicons-record:before{content:"\E170"}.glyphicons-step-backward:before{content:"\E171"}.glyphicons-fast-backward:before{content:"\E172"}.glyphicons-rewind:before{content:"\E173"}.glyphicons-play:before{content:"\E174"}.glyphicons-pause:before{content:"\E175"}.glyphicons-stop:before{content:"\E176"}.glyphicons-forward:before{content:"\E177"}.glyphicons-fast-forward:before{content:"\E178"}.glyphicons-step-forward:before{content:"\E179"}.glyphicons-eject:before{content:"\E180"}.glyphicons-facetime-video:before{content:"\E181"}.glyphicons-download-alt:before{content:"\E182"}.glyphicons-mute:before{content:"\E183"}.glyphicons-volume-down:before{content:"\E184"}.glyphicons-volume-up:before{content:"\E185"}.glyphicons-screenshot:before{content:"\E186"}.glyphicons-move:before{content:"\E187"}.glyphicons-more:before{content:"\E188"}.glyphicons-brightness-reduce:before{content:"\E189"}.glyphicons-brightness-increase:before{content:"\E190"}.glyphicons-plus-sign:before{content:"\E191"}.glyphicons-minus-sign:before{content:"\E192"}.glyphicons-remove-sign:before{content:"\E193"}.glyphicons-ok-sign:before{content:"\E194"}.glyphicons-question-sign:before{content:"\E195"}.glyphicons-info-sign:before{content:"\E196"}.glyphicons-exclamation-sign:before{content:"\E197"}.glyphicons-remove-circle:before{content:"\E198"}.glyphicons-ok-circle:before{content:"\E199"}.glyphicons-ban-circle:before{content:"\E200"}.glyphicons-download:before{content:"\E201"}.glyphicons-upload:before{content:"\E202"}.glyphicons-shopping-cart:before{content:"\E203"}.glyphicons-lock:before{content:"\E204"}.glyphicons-unlock:before{content:"\E205"}.glyphicons-electricity:before{content:"\E206"}.glyphicons-ok:before{content:"\E207"}.glyphicons-remove:before{content:"\E208"}.glyphicons-cart-in:before{content:"\E209"}.glyphicons-cart-out:before{content:"\E210"}.glyphicons-arrow-left:before{content:"\E211"}.glyphicons-arrow-right:before{content:"\E212"}.glyphicons-arrow-down:before{content:"\E213"}.glyphicons-arrow-up:before{content:"\E214"}.glyphicons-resize-small:before{content:"\E215"}.glyphicons-resize-full:before{content:"\E216"}.glyphicons-circle-arrow-left:before{content:"\E217"}.glyphicons-circle-arrow-right:before{content:"\E218"}.glyphicons-circle-arrow-top:before{content:"\E219"}.glyphicons-circle-arrow-down:before{content:"\E220"}.glyphicons-play-button:before{content:"\E221"}.glyphicons-unshare:before{content:"\E222"}.glyphicons-share:before{content:"\E223"}.glyphicons-chevron-right:before{content:"\E224"}.glyphicons-chevron-left:before{content:"\E225"}.glyphicons-bluetooth:before{content:"\E226"}.glyphicons-euro:before{content:"\E227"}.glyphicons-usd:before{content:"\E228"}.glyphicons-gbp:before{content:"\E229"}.glyphicons-retweet-2:before{content:"\E230"}.glyphicons-moon:before{content:"\E231"}.glyphicons-sun:before{content:"\E232"}.glyphicons-cloud:before{content:"\E233"}.glyphicons-direction:before{content:"\E234"}.glyphicons-brush:before{content:"\E235"}.glyphicons-pen:before{content:"\E236"}.glyphicons-zoom-in:before{content:"\E237"}.glyphicons-zoom-out:before{content:"\E238"}.glyphicons-pin:before{content:"\E239"}.glyphicons-albums:before{content:"\E240"}.glyphicons-rotation-lock:before{content:"\E241"}.glyphicons-flash:before{content:"\E242"}.glyphicons-map-marker:before{content:"\E243"}.glyphicons-anchor:before{content:"\E244"}.glyphicons-conversation:before{content:"\E245"}.glyphicons-chat:before{content:"\E246"}.glyphicons-note-empty:before{content:"\E247"}.glyphicons-note:before{content:"\E248"}.glyphicons-asterisk:before{content:"\E249"}.glyphicons-divide:before{content:"\E250"}.glyphicons-snorkel-diving:before{content:"\E251"}.glyphicons-scuba-diving:before{content:"\E252"}.glyphicons-oxygen-bottle:before{content:"\E253"}.glyphicons-fins:before{content:"\E254"}.glyphicons-fishes:before{content:"\E255"}.glyphicons-boat:before{content:"\E256"}.glyphicons-delete:before{content:"\E257"}.glyphicons-sheriffs-star:before{content:"\E258"}.glyphicons-qrcode:before{content:"\E259"}.glyphicons-barcode:before{content:"\E260"}.glyphicons-pool:before{content:"\E261"}.glyphicons-buoy:before{content:"\E262"}.glyphicons-spade:before{content:"\E263"}.glyphicons-bank:before{content:"\E264"}.glyphicons-vcard:before{content:"\E265"}.glyphicons-electrical-plug:before{content:"\E266"}.glyphicons-flag:before{content:"\E267"}.glyphicons-credit-card:before{content:"\E268"}.glyphicons-keyboard-wireless:before{content:"\E269"}.glyphicons-keyboard-wired:before{content:"\E270"}.glyphicons-shield:before{content:"\E271"}.glyphicons-ring:before{content:"\E272"}.glyphicons-cake:before{content:"\E273"}.glyphicons-drink:before{content:"\E274"}.glyphicons-beer:before{content:"\E275"}.glyphicons-fast-food:before{content:"\E276"}.glyphicons-cutlery:before{content:"\E277"}.glyphicons-pizza:before{content:"\E278"}.glyphicons-birthday-cake:before{content:"\E279"}.glyphicons-tablet:before{content:"\E280"}.glyphicons-settings:before{content:"\E281"}.glyphicons-bullets:before{content:"\E282"}.glyphicons-cardio:before{content:"\E283"}.glyphicons-t-shirt:before{content:"\E284"}.glyphicons-pants:before{content:"\E285"}.glyphicons-sweater:before{content:"\E286"}.glyphicons-fabric:before{content:"\E287"}.glyphicons-leather:before{content:"\E288"}.glyphicons-scissors:before{content:"\E289"}.glyphicons-bomb:before{content:"\E290"}.glyphicons-skull:before{content:"\E291"}.glyphicons-celebration:before{content:"\E292"}.glyphicons-tea-kettle:before{content:"\E293"}.glyphicons-french-press:before{content:"\E294"}.glyphicons-coffee-cup:before{content:"\E295"}.glyphicons-pot:before{content:"\E296"}.glyphicons-grater:before{content:"\E297"}.glyphicons-kettle:before{content:"\E298"}.glyphicons-hospital:before{content:"\E299"}.glyphicons-hospital-h:before{content:"\E300"}.glyphicons-microphone:before{content:"\E301"}.glyphicons-webcam:before{content:"\E302"}.glyphicons-temple-christianity-church:before{content:"\E303"}.glyphicons-temple-islam:before{content:"\E304"}.glyphicons-temple-hindu:before{content:"\E305"}.glyphicons-temple-buddhist:before{content:"\E306"}.glyphicons-bicycle:before{content:"\E307"}.glyphicons-life-preserver:before{content:"\E308"}.glyphicons-share-alt:before{content:"\E309"}.glyphicons-comments:before{content:"\E310"}.glyphicons-flower:before{content:"\E311"}.glyphicons-baseball:before{content:"\E312"}.glyphicons-rugby:before{content:"\E313"}.glyphicons-ax:before{content:"\E314"}.glyphicons-table-tennis:before{content:"\E315"}.glyphicons-bowling:before{content:"\E316"}.glyphicons-tree-conifer:before{content:"\E317"}.glyphicons-tree-deciduous:before{content:"\E318"}.glyphicons-more-items:before{content:"\E319"}.glyphicons-sort:before{content:"\E320"}.glyphicons-filter:before{content:"\E321"}.glyphicons-gamepad:before{content:"\E322"}.glyphicons-playing-dices:before{content:"\E323"}.glyphicons-calculator:before{content:"\E324"}.glyphicons-tie:before{content:"\E325"}.glyphicons-wallet:before{content:"\E326"}.glyphicons-piano:before{content:"\E327"}.glyphicons-sampler:before{content:"\E328"}.glyphicons-podium:before{content:"\E329"}.glyphicons-soccer-ball:before{content:"\E330"}.glyphicons-blog:before{content:"\E331"}.glyphicons-dashboard:before{content:"\E332"}.glyphicons-certificate:before{content:"\E333"}.glyphicons-bell:before{content:"\E334"}.glyphicons-candle:before{content:"\E335"}.glyphicons-pushpin:before{content:"\E336"}.glyphicons-iphone-shake:before{content:"\E337"}.glyphicons-pin-flag:before{content:"\E338"}.glyphicons-turtle:before{content:"\E339"}.glyphicons-rabbit:before{content:"\E340"}.glyphicons-globe:before{content:"\E341"}.glyphicons-briefcase:before{content:"\E342"}.glyphicons-hdd:before{content:"\E343"}.glyphicons-thumbs-up:before{content:"\E344"}.glyphicons-thumbs-down:before{content:"\E345"}.glyphicons-hand-right:before{content:"\E346"}.glyphicons-hand-left:before{content:"\E347"}.glyphicons-hand-up:before{content:"\E348"}.glyphicons-hand-down:before{content:"\E349"}.glyphicons-fullscreen:before{content:"\E350"}.glyphicons-shopping-bag:before{content:"\E351"}.glyphicons-book-open:before{content:"\E352"}.glyphicons-nameplate:before{content:"\E353"}.glyphicons-nameplate-alt:before{content:"\E354"}.glyphicons-vases:before{content:"\E355"}.glyphicons-bullhorn:before{content:"\E356"}.glyphicons-dumbbell:before{content:"\E357"}.glyphicons-suitcase:before{content:"\E358"}.glyphicons-file-import:before{content:"\E359"}.glyphicons-file-export:before{content:"\E360"}.glyphicons-bug:before{content:"\E361"}.glyphicons-crown:before{content:"\E362"}.glyphicons-smoking:before{content:"\E363"}.glyphicons-cloud-upload:before{content:"\E364"}.glyphicons-cloud-download:before{content:"\E365"}.glyphicons-restart:before{content:"\E366"}.glyphicons-security-camera:before{content:"\E367"}.glyphicons-expand:before{content:"\E368"}.glyphicons-collapse:before{content:"\E369"}.glyphicons-collapse-top:before{content:"\E370"}.glyphicons-globe-af:before{content:"\E371"}.glyphicons-global:before{content:"\E372"}.glyphicons-spray:before{content:"\E373"}.glyphicons-nails:before{content:"\E374"}.glyphicons-claw-hammer:before{content:"\E375"}.glyphicons-classic-hammer:before{content:"\E376"}.glyphicons-hand-saw:before{content:"\E377"}.glyphicons-riflescope:before{content:"\E378"}.glyphicons-electrical-socket-eu:before{content:"\E379"}.glyphicons-electrical-socket-us:before{content:"\E380"}.glyphicons-message-forward:before{content:"\E381"}.glyphicons-coat-hanger:before{content:"\E382"}.glyphicons-dress:before{content:"\E383"}.glyphicons-bathrobe:before{content:"\E384"}.glyphicons-shirt:before{content:"\E385"}.glyphicons-underwear:before{content:"\E386"}.glyphicons-log-in:before{content:"\E387"}.glyphicons-log-out:before{content:"\E388"}.glyphicons-exit:before{content:"\E389"}.glyphicons-new-window-alt:before{content:"\E390"}.glyphicons-video-sd:before{content:"\E391"}.glyphicons-video-hd:before{content:"\E392"}.glyphicons-subtitles:before{content:"\E393"}.glyphicons-sound-stereo:before{content:"\E394"}.glyphicons-sound-dolby:before{content:"\E395"}.glyphicons-sound-5-1:before{content:"\E396"}.glyphicons-sound-6-1:before{content:"\E397"}.glyphicons-sound-7-1:before{content:"\E398"}.glyphicons-copyright-mark:before{content:"\E399"}.glyphicons-registration-mark:before{content:"\E400"}.glyphicons-radar:before{content:"\E401"}.glyphicons-skateboard:before{content:"\E402"}.glyphicons-golf-course:before{content:"\E403"}.glyphicons-sorting:before{content:"\E404"}.glyphicons-sort-by-alphabet:before{content:"\E405"}.glyphicons-sort-by-alphabet-alt:before{content:"\E406"}.glyphicons-sort-by-order:before{content:"\E407"}.glyphicons-sort-by-order-alt:before{content:"\E408"}.glyphicons-sort-by-attributes:before{content:"\E409"}.glyphicons-sort-by-attributes-alt:before{content:"\E410"}.glyphicons-compressed:before{content:"\E411"}.glyphicons-package:before{content:"\E412"}.glyphicons-cloud-plus:before{content:"\E413"}.glyphicons-cloud-minus:before{content:"\E414"}.glyphicons-disk-save:before{content:"\E415"}.glyphicons-disk-open:before{content:"\E416"}.glyphicons-disk-saved:before{content:"\E417"}.glyphicons-disk-remove:before{content:"\E418"}.glyphicons-disk-import:before{content:"\E419"}.glyphicons-disk-export:before{content:"\E420"}.glyphicons-tower:before{content:"\E421"}.glyphicons-send:before{content:"\E422"}.glyphicons-git-branch:before{content:"\E423"}.glyphicons-git-create:before{content:"\E424"}.glyphicons-git-private:before{content:"\E425"}.glyphicons-git-delete:before{content:"\E426"}.glyphicons-git-merge:before{content:"\E427"}.glyphicons-git-pull-request:before{content:"\E428"}.glyphicons-git-compare:before{content:"\E429"}.glyphicons-git-commit:before{content:"\E430"}.glyphicons-construction-cone:before{content:"\E431"}.glyphicons-shoe-steps:before{content:"\E432"}.glyphicons-plus:before{content:"\E433"}.glyphicons-minus:before{content:"\E434"}.glyphicons-redo:before{content:"\E435"}.glyphicons-undo:before{content:"\E436"}.glyphicons-golf:before{content:"\E437"}.glyphicons-hockey:before{content:"\E438"}.glyphicons-pipe:before{content:"\E439"}.glyphicons-wrench:before{content:"\E440"}.glyphicons-folder-closed:before{content:"\E441"}.glyphicons-phone-alt:before{content:"\E442"}.glyphicons-earphone:before{content:"\E443"}.glyphicons-floppy-disk:before{content:"\E444"}.glyphicons-floppy-saved:before{content:"\E445"}.glyphicons-floppy-remove:before{content:"\E446"}.glyphicons-floppy-save:before{content:"\E447"}.glyphicons-floppy-open:before{content:"\E448"}.glyphicons-translate:before{content:"\E449"}.glyphicons-fax:before{content:"\E450"}.glyphicons-factory:before{content:"\E451"}.glyphicons-shop-window:before{content:"\E452"}.glyphicons-shop:before{content:"\E453"}.glyphicons-kiosk:before{content:"\E454"}.glyphicons-kiosk-wheels:before{content:"\E455"}.glyphicons-kiosk-light:before{content:"\E456"}.glyphicons-kiosk-food:before{content:"\E457"}.glyphicons-transfer:before{content:"\E458"}.glyphicons-money:before{content:"\E459"}.glyphicons-header:before{content:"\E460"}.glyphicons-blacksmith:before{content:"\E461"}.glyphicons-saw-blade:before{content:"\E462"}.glyphicons-basketball:before{content:"\E463"}.glyphicons-server:before{content:"\E464"}.glyphicons-server-plus:before{content:"\E465"}.glyphicons-server-minus:before{content:"\E466"}.glyphicons-server-ban:before{content:"\E467"}.glyphicons-server-flag:before{content:"\E468"}.glyphicons-server-lock:before{content:"\E469"}.glyphicons-server-new:before{content:"\E470"}.glyphicons-charging-station:before{content:"\E471"}.glyphicons-gas-station:before{content:"\E472"}.glyphicons-target:before{content:"\E473"}.glyphicons-bed:before{content:"\E474"}.glyphicons-mosquito:before{content:"\E475"}.glyphicons-dining-set:before{content:"\E476"}.glyphicons-plate-of-food:before{content:"\E477"}.glyphicons-hygiene-kit:before{content:"\E478"}.glyphicons-blackboard:before{content:"\E479"}.glyphicons-marriage:before{content:"\E480"}.glyphicons-bucket:before{content:"\E481"}.glyphicons-none-color-swatch:before{content:"\E482"}.glyphicons-bring-forward:before{content:"\E483"}.glyphicons-bring-to-front:before{content:"\E484"}.glyphicons-send-backward:before{content:"\E485"}.glyphicons-send-to-back:before{content:"\E486"}.glyphicons-fit-frame-to-image:before{content:"\E487"}.glyphicons-fit-image-to-frame:before{content:"\E488"}.glyphicons-multiple-displays:before{content:"\E489"}.glyphicons-handshake:before{content:"\E490"}.glyphicons-child:before{content:"\E491"}.glyphicons-baby-formula:before{content:"\E492"}.glyphicons-medicine:before{content:"\E493"}.glyphicons-atv-vehicle:before{content:"\E494"}.glyphicons-motorcycle:before{content:"\E495"}.glyphicons-bed-alt:before{content:"\E496"}.glyphicons-tent:before{content:"\E497"}.glyphicons-glasses:before{content:"\E498"}.glyphicons-sunglasses:before{content:"\E499"}.glyphicons-family:before{content:"\E500"}.glyphicons-education:before{content:"\E501"}.glyphicons-shoes:before{content:"\E502"}.glyphicons-map:before{content:"\E503"}.glyphicons-cd:before{content:"\E504"}.glyphicons-alert:before{content:"\E505"}.glyphicons-piggy-bank:before{content:"\E506"}.glyphicons-star-half:before{content:"\E507"}.glyphicons-cluster:before{content:"\E508"}.glyphicons-flowchart:before{content:"\E509"}.glyphicons-commodities:before{content:"\E510"}.glyphicons-duplicate:before{content:"\E511"}.glyphicons-copy:before{content:"\E512"}.glyphicons-paste:before{content:"\E513"}.glyphicons-bath-bathtub:before{content:"\E514"}.glyphicons-bath-shower:before{content:"\E515"}.glyphicons-shower:before{content:"\E516"}.glyphicons-menu-hamburger:before{content:"\E517"}.glyphicons-option-vertical:before{content:"\E518"}.glyphicons-option-horizontal:before{content:"\E519"}.glyphicons-currency-conversion:before{content:"\E520"}.glyphicons-user-ban:before{content:"\E521"}.glyphicons-user-lock:before{content:"\E522"}.glyphicons-user-flag:before{content:"\E523"}.glyphicons-user-asterisk:before{content:"\E524"}.glyphicons-user-alert:before{content:"\E525"}.glyphicons-user-key:before{content:"\E526"}.glyphicons-user-conversation:before{content:"\E527"}.glyphicons-database:before{content:"\E528"}.glyphicons-database-search:before{content:"\E529"}.glyphicons-list-alt:before{content:"\E530"}.glyphicons-hazard-sign:before{content:"\E531"}.glyphicons-hazard:before{content:"\E532"}.glyphicons-stop-sign:before{content:"\E533"}.glyphicons-lab:before{content:"\E534"}.glyphicons-lab-alt:before{content:"\E535"}.glyphicons-ice-cream:before{content:"\E536"}.glyphicons-ice-lolly:before{content:"\E537"}.glyphicons-ice-lolly-tasted:before{content:"\E538"}.glyphicons-invoice:before{content:"\E539"}.glyphicons-cart-tick:before{content:"\E540"}.glyphicons-hourglass:before{content:"\E541"}.glyphicons-cat:before{content:"\E542"}.glyphicons-lamp:before{content:"\E543"}.glyphicons-scale-classic:before{content:"\E544"}.glyphicons-eye-plus:before{content:"\E545"}.glyphicons-eye-minus:before{content:"\E546"}.glyphicons-quote:before{content:"\E547"}.glyphicons-bitcoin:before{content:"\E548"}.glyphicons-yen:before{content:"\E549"}.glyphicons-ruble:before{content:"\E550"}.glyphicons-erase:before{content:"\E551"}.glyphicons-podcast:before{content:"\E552"}.glyphicons-firework:before{content:"\E553"}.glyphicons-scale:before{content:"\E554"}.glyphicons-king:before{content:"\E555"}.glyphicons-queen:before{content:"\E556"}.glyphicons-pawn:before{content:"\E557"}.glyphicons-bishop:before{content:"\E558"}.glyphicons-knight:before{content:"\E559"}.glyphicons-mic-mute:before{content:"\E560"}.glyphicons-voicemail:before{content:"\E561"}.glyphicons-paragraph-alt:before{content:"\E562"}.glyphicons-person-walking:before{content:"\E563"}.glyphicons-person-wheelchair:before{content:"\E564"}.glyphicons-underground:before{content:"\E565"}.glyphicons-car-hov:before{content:"\E566"}.glyphicons-car-rental:before{content:"\E567"}.glyphicons-transport:before{content:"\E568"}.glyphicons-taxi:before{content:"\E569"}.glyphicons-ice-cream-no:before{content:"\E570"}.glyphicons-uk-rat-u:before{content:"\E571"}.glyphicons-uk-rat-pg:before{content:"\E572"}.glyphicons-uk-rat-12a:before{content:"\E573"}.glyphicons-uk-rat-12:before{content:"\E574"}.glyphicons-uk-rat-15:before{content:"\E575"}.glyphicons-uk-rat-18:before{content:"\E576"}.glyphicons-uk-rat-r18:before{content:"\E577"}.glyphicons-tv:before{content:"\E578"}.glyphicons-sms:before{content:"\E579"}.glyphicons-mms:before{content:"\E580"}.glyphicons-us-rat-g:before{content:"\E581"}.glyphicons-us-rat-pg:before{content:"\E582"}.glyphicons-us-rat-pg-13:before{content:"\E583"}.glyphicons-us-rat-restricted:before{content:"\E584"}.glyphicons-us-rat-no-one-17:before{content:"\E585"}.glyphicons-equalizer:before{content:"\E586"}.glyphicons-speakers:before{content:"\E587"}.glyphicons-remote-control:before{content:"\E588"}.glyphicons-remote-control-tv:before{content:"\E589"}.glyphicons-shredder:before{content:"\E590"}.glyphicons-folder-heart:before{content:"\E591"}.glyphicons-person-running:before{content:"\E592"}.glyphicons-person:before{content:"\E593"}.glyphicons-voice:before{content:"\E594"}.glyphicons-stethoscope:before{content:"\E595"}.glyphicons-paired:before{content:"\E596"}.glyphicons-activity:before{content:"\E597"}.glyphicons-watch:before{content:"\E598"}.glyphicons-scissors-alt:before{content:"\E599"}.glyphicons-car-wheel:before{content:"\E600"}.glyphicons-chevron-up:before{content:"\E601"}.glyphicons-chevron-down:before{content:"\E602"}.glyphicons-superscript:before{content:"\E603"}.glyphicons-subscript:before{content:"\E604"}.glyphicons-text-size:before{content:"\E605"}.glyphicons-text-color:before{content:"\E606"}.glyphicons-text-background:before{content:"\E607"}.glyphicons-modal-window:before{content:"\E608"}.glyphicons-newspaper:before{content:"\E609"}.glyphicons-tractor:before{content:"\E610"}.glyphicons-camping:before{content:"\E611"}.glyphicons-camping-benches:before{content:"\E612"}.glyphicons-forest:before{content:"\E613"}.glyphicons-park:before{content:"\E614"}.glyphicons-field:before{content:"\E615"}.glyphicons-mountains:before{content:"\E616"}.glyphicons-fees-payments:before{content:"\E617"}.glyphicons-small-payments:before{content:"\E618"}.glyphicons-mixed-buildings:before{content:"\E619"}.glyphicons-industrial-zone:before{content:"\E620"}.glyphicons-visitor-tag:before{content:"\E621"}.glyphicons-businessman:before{content:"\E622"}.glyphicons-meditation:before{content:"\E623"}.glyphicons-bath:before{content:"\E624"}.glyphicons-donate:before{content:"\E625"}.glyphicons-sauna:before{content:"\E626"}.glyphicons-bedroom-nightstand:before{content:"\E627"}.glyphicons-bedroom-lamp:before{content:"\E628"}.glyphicons-doctor:before{content:"\E629"}.glyphicons-engineering-networks:before{content:"\E630"}.glyphicons-washing-machine:before{content:"\E631"}.glyphicons-dryer:before{content:"\E632"}.glyphicons-dishwasher:before{content:"\E633"}.glyphicons-luggage-group:before{content:"\E634"}.glyphicons-teenager:before{content:"\E635"}.glyphicons-person-stick:before{content:"\E636"}.glyphicons-person-stick-old:before{content:"\E637"}.glyphicons-traveler:before{content:"\E638"}.glyphicons-veteran:before{content:"\E639"}.glyphicons-group-chat:before{content:"\E640"}.glyphicons-elections:before{content:"\E641"}.glyphicons-law-justice:before{content:"\E642"}.glyphicons-judiciary:before{content:"\E643"}.glyphicons-house-fire:before{content:"\E644"}.glyphicons-firefighters:before{content:"\E645"}.glyphicons-police:before{content:"\E646"}.glyphicons-ambulance:before{content:"\E647"}.glyphicons-light-beacon:before{content:"\E648"}.glyphicons-important-day:before{content:"\E649"}.glyphicons-bike-park:before{content:"\E650"}.glyphicons-object-align-top:before{content:"\E651"}.glyphicons-object-align-bottom:before{content:"\E652"}.glyphicons-object-align-horizontal:before{content:"\E653"}.glyphicons-object-align-left:before{content:"\E654"}.glyphicons-object-align-vertical:before{content:"\E655"}.glyphicons-object-align-right:before{content:"\E656"}.glyphicons-reflect-y:before{content:"\E657"}.glyphicons-reflect-x:before{content:"\E658"}.glyphicons-tick:before{content:"\E659"}.glyphicons-lawnmower:before{content:"\E660"}.glyphicons-call-redirect:before{content:"\E661"}.glyphicons-call-ip:before{content:"\E662"}.glyphicons-call-record:before{content:"\E663"}.glyphicons-call-ringtone:before{content:"\E664"}.glyphicons-call-traffic:before{content:"\E665"}.glyphicons-call-hold:before{content:"\E666"}.glyphicons-call-incoming:before{content:"\E667"}.glyphicons-call-outgoing:before{content:"\E668"}.glyphicons-call-video:before{content:"\E669"}.glyphicons-call-missed:before{content:"\E670"}.glyphicons-theater:before{content:"\E671"}.glyphicons-heartbeat:before{content:"\E672"}.glyphicons-kettlebell:before{content:"\E673"}.glyphicons-fireplace:before{content:"\E674"}.glyphicons-street-lights:before{content:"\E675"}.glyphicons-pedestrian:before{content:"\E676"}.glyphicons-flood:before{content:"\E677"}.glyphicons-open-water:before{content:"\E678"}.glyphicons-for-sale:before{content:"\E679"}.glyphicons-dustbin:before{content:"\E680"}.glyphicons-door:before{content:"\E681"}.glyphicons-camp-fire:before{content:"\E682"}.glyphicons-fleur-de-lis:before{content:"\E683"}.glyphicons-temperature-settings:before{content:"\E684"}.glyphicons-article:before{content:"\E685"}.glyphicons-sunbath:before{content:"\E686"}.glyphicons-balanced-diet:before{content:"\E687"}.glyphicons-ticket:before{content:"\E688"}.glyphicons-parking-ticket:before{content:"\E689"}.glyphicons-parking-meter:before{content:"\E690"}.glyphicons-laptop:before{content:"\E691"}.glyphicons-tree-structure:before{content:"\E692"}.glyphicons-weather-warning:before{content:"\E693"}.glyphicons-temperature-low:before{content:"\E694"}.glyphicons-temperature-high:before{content:"\E695"}.glyphicons-temperature-low-warning:before{content:"\E696"}.glyphicons-temperature-high-warning:before{content:"\E697"}.glyphicons-hurricane:before{content:"\E698"}.glyphicons-storm:before{content:"\E699"}.glyphicons-sorted-waste:before{content:"\E700"}.glyphicons-ear:before{content:"\E701"}.glyphicons-ear-deaf:before{content:"\E702"}.glyphicons-file-plus:before{content:"\E703"}.glyphicons-file-minus:before{content:"\E704"}.glyphicons-file-lock:before{content:"\E705"}.glyphicons-file-cloud:before{content:"\E706"}.glyphicons-file-cloud-download:before{content:"\E707"}.glyphicons-file-cloud-upload:before{content:"\E708"}.glyphicons-paragraph:before{content:"\E709"}.glyphicons-list-numbered:before{content:"\E710"}.glyphicons-donate-heart:before{content:"\E711"}.glyphicons-government:before{content:"\E712"}.glyphicons-maze:before{content:"\E713"}.glyphicons-chronicle:before{content:"\E714"}.glyphicons-user-structure:before{content:"\E715"}.glyphicons-recycle:before{content:"\E716"}.glyphicons-gas:before{content:"\E717"}.glyphicons-waste-pipe:before{content:"\E718"}.glyphicons-water-pipe:before{content:"\E719"}.glyphicons-parking:before{content:"\E720"}.glyphicons-closed:before{content:"\E721"}.glyphicons-mouse:before{content:"\E722"}.glyphicons-mouse-double-click:before{content:"\E723"}.glyphicons-mouse-left-click:before{content:"\E724"}.glyphicons-mouse-right-click:before{content:"\E725"}.glyphicons-mouse-middle-click:before{content:"\E726"}.glyphicons-mouse-scroll:before{content:"\E727"}.glyphicons-resize-vertical:before{content:"\E728"}.glyphicons-resize-horizontal:before{content:"\E729"}.glyphicons-temperature:before{content:"\E730"}.glyphicons-puzzle:before{content:"\E731"}.glyphicons-puzzle-2:before{content:"\E732"}.glyphicons-puzzle-3:before{content:"\E733"}.glyphicons-nearby-square:before{content:"\E734"}.glyphicons-nearby-circle:before{content:"\E735"}.glyphicons-rotate-right:before{content:"\E736"}.glyphicons-rotate-left:before{content:"\E737"}.glyphicons-pictures:before{content:"\E738"}.glyphicons-photo-album:before{content:"\E739"}.glyphicons-cadastral-map:before{content:"\E740"}.glyphicons-fingerprint-scan:before{content:"\E741"}.glyphicons-fingerprint:before{content:"\E742"}.glyphicons-fingerprint-lock:before{content:"\E743"}.glyphicons-fingerprint-ok:before{content:"\E744"}.glyphicons-fingerprint-remove:before{content:"\E745"}.glyphicons-fingerprint-reload:before{content:"\E746"}.glyphicons-pending-notifications:before{content:"\E747"}.glyphicons-synchronization:before{content:"\E748"}.glyphicons-synchronization-ban:before{content:"\E749"}.glyphicons-hash:before{content:"\E750"}.glyphicons-gender-male:before{content:"\E751"}.glyphicons-gender-female:before{content:"\E752"}.glyphicons-gender-virgin-female:before{content:"\E753"}.glyphicons-gender-intersex:before{content:"\E754"}.glyphicons-gender-transgender:before{content:"\E755"}.glyphicons-gender-ori-lesbian:before{content:"\E756"}.glyphicons-gender-ori-gay:before{content:"\E757"}.glyphicons-gender-ori-hetero:before{content:"\E758"}.glyphicons-gender-other:before{content:"\E759"}.glyphicons-gender-unknown:before{content:"\E760"}.glyphicons-scanner:before{content:"\E761"}.glyphicons-multifunction-printer:before{content:"\E762"}.glyphicons-lasso:before{content:"\E763"}.glyphicons-view-360:before{content:"\E764"}.glyphicons-battery-charging:before{content:"\E765"}.glyphicons-battery-full:before{content:"\E766"}.glyphicons-battery-75:before{content:"\E767"}.glyphicons-battery-50:before{content:"\E768"}.glyphicons-battery-25:before{content:"\E769"}.glyphicons-battery-10:before{content:"\E770"}.glyphicons-satellite:before{content:"\E771"}.glyphicons-satellite-dish:before{content:"\E772"}.glyphicons-satellite-dish-alt:before{content:"\E773"}.glyphicons-auction:before{content:"\E774"}.glyphicons-directions:before{content:"\E775"}.glyphicons-race:before{content:"\E776"}.glyphicons-robot:before{content:"\E777"}.glyphicons-ruler-alt:before{content:"\E778"}.glyphicons-cube-empty:before{content:"\E779"}.glyphicons-cube-black:before{content:"\E780"}.glyphicons-move-square:before{content:"\E781"}.glyphicons-drop:before{content:"\E782"}.glyphicons-vr-headset:before{content:"\E783"}.glyphicons-vr-charging:before{content:"\E784"}.glyphicons-vr-low-battery:before{content:"\E785"}.glyphicons-vr-paired:before{content:"\E786"}.glyphicons-vr-settings:before{content:"\E787"}.glyphicons-vr-maintenance:before{content:"\E788"}.glyphicons-filter-remove:before{content:"\E789"}.glyphicons-filter-applied:before{content:"\E790"}.glyphicons-one-day:before{content:"\E791"}.glyphicons-user-vr:before{content:"\E792"}.glyphicons-user-vr-add:before{content:"\E793"}.glyphicons-user-vr-remove:before{content:"\E794"}.glyphicons-dice-1:before{content:"\E795"}.glyphicons-dice-2:before{content:"\E796"}.glyphicons-dice-3:before{content:"\E797"}.glyphicons-dice-4:before{content:"\E798"}.glyphicons-dice-5:before{content:"\E799"}.glyphicons-dice-6:before{content:"\E800"}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.halflings {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.halflings.x05 {
  font-size: 6px;
}
.halflings.x2 {
  font-size: 24px;
}
.halflings.x3 {
  font-size: 36px;
}
.halflings.x4 {
  font-size: 48px;
}
.halflings.x5 {
  font-size: 60px;
}
.halflings.x6 {
  font-size: 72px;
}
.halflings.x7 {
  font-size: 84px;
}
.halflings.x8 {
  font-size: 96px;
}
.halflings.light:before {
  color: #f2f2f2;
}
.halflings.drop:before {
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}
.halflings.flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.halflings.flipv {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.halflings.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.halflings.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.halflings.rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.halflings-glass:before {
  content: "\E001";
}
.halflings-music:before {
  content: "\E002";
}
.halflings-search:before {
  content: "\E003";
}
.halflings-envelope:before {
  content: "\E004";
}
.halflings-heart:before {
  content: "\E005";
}
.halflings-star:before {
  content: "\E006";
}
.halflings-star-empty:before {
  content: "\E007";
}
.halflings-user:before {
  content: "\E008";
}
.halflings-film:before {
  content: "\E009";
}
.halflings-th-large:before {
  content: "\E010";
}
.halflings-th:before {
  content: "\E011";
}
.halflings-th-list:before {
  content: "\E012";
}
.halflings-ok:before {
  content: "\E013";
}
.halflings-remove:before {
  content: "\E014";
}
.halflings-zoom-in:before {
  content: "\E015";
}
.halflings-zoom-out:before {
  content: "\E016";
}
.halflings-off:before {
  content: "\E017";
}
.halflings-signal:before {
  content: "\E018";
}
.halflings-cog:before {
  content: "\E019";
}
.halflings-trash:before {
  content: "\E020";
}
.halflings-home:before {
  content: "\E021";
}
.halflings-file:before {
  content: "\E022";
}
.halflings-time:before {
  content: "\E023";
}
.halflings-road:before {
  content: "\E024";
}
.halflings-download-alt:before {
  content: "\E025";
}
.halflings-download:before {
  content: "\E026";
}
.halflings-upload:before {
  content: "\E027";
}
.halflings-inbox:before {
  content: "\E028";
}
.halflings-play-circle:before {
  content: "\E029";
}
.halflings-repeat:before {
  content: "\E030";
}
.halflings-refresh:before {
  content: "\E031";
}
.halflings-list-alt:before {
  content: "\E032";
}
.halflings-lock:before {
  content: "\E033";
}
.halflings-flag:before {
  content: "\E034";
}
.halflings-headphones:before {
  content: "\E035";
}
.halflings-volume-off:before {
  content: "\E036";
}
.halflings-volume-down:before {
  content: "\E037";
}
.halflings-volume-up:before {
  content: "\E038";
}
.halflings-qrcode:before {
  content: "\E039";
}
.halflings-barcode:before {
  content: "\E040";
}
.halflings-tag:before {
  content: "\E041";
}
.halflings-tags:before {
  content: "\E042";
}
.halflings-book:before {
  content: "\E043";
}
.halflings-bookmark:before {
  content: "\E044";
}
.halflings-print:before {
  content: "\E045";
}
.halflings-camera:before {
  content: "\E046";
}
.halflings-font:before {
  content: "\E047";
}
.halflings-bold:before {
  content: "\E048";
}
.halflings-italic:before {
  content: "\E049";
}
.halflings-text-height:before {
  content: "\E050";
}
.halflings-text-width:before {
  content: "\E051";
}
.halflings-align-left:before {
  content: "\E052";
}
.halflings-align-center:before {
  content: "\E053";
}
.halflings-align-right:before {
  content: "\E054";
}
.halflings-align-justify:before {
  content: "\E055";
}
.halflings-list:before {
  content: "\E056";
}
.halflings-indent-left:before {
  content: "\E057";
}
.halflings-indent-right:before {
  content: "\E058";
}
.halflings-facetime-video:before {
  content: "\E059";
}
.halflings-picture:before {
  content: "\E060";
}
.halflings-pencil:before {
  content: "\E061";
}
.halflings-map-marker:before {
  content: "\E062";
}
.halflings-adjust:before {
  content: "\E063";
}
.halflings-tint:before {
  content: "\E064";
}
.halflings-edit:before {
  content: "\E065";
}
.halflings-share:before {
  content: "\E066";
}
.halflings-check:before {
  content: "\E067";
}
.halflings-move:before {
  content: "\E068";
}
.halflings-step-backward:before {
  content: "\E069";
}
.halflings-fast-backward:before {
  content: "\E070";
}
.halflings-backward:before {
  content: "\E071";
}
.halflings-play:before {
  content: "\E072";
}
.halflings-pause:before {
  content: "\E073";
}
.halflings-stop:before {
  content: "\E074";
}
.halflings-forward:before {
  content: "\E075";
}
.halflings-fast-forward:before {
  content: "\E076";
}
.halflings-step-forward:before {
  content: "\E077";
}
.halflings-eject:before {
  content: "\E078";
}
.halflings-chevron-left:before {
  content: "\E079";
}
.halflings-chevron-right:before {
  content: "\E080";
}
.halflings-plus-sign:before {
  content: "\E081";
}
.halflings-minus-sign:before {
  content: "\E082";
}
.halflings-remove-sign:before {
  content: "\E083";
}
.halflings-ok-sign:before {
  content: "\E084";
}
.halflings-question-sign:before {
  content: "\E085";
}
.halflings-info-sign:before {
  content: "\E086";
}
.halflings-screenshot:before {
  content: "\E087";
}
.halflings-remove-circle:before {
  content: "\E088";
}
.halflings-ok-circle:before {
  content: "\E089";
}
.halflings-ban-circle:before {
  content: "\E090";
}
.halflings-arrow-left:before {
  content: "\E091";
}
.halflings-arrow-right:before {
  content: "\E092";
}
.halflings-arrow-up:before {
  content: "\E093";
}
.halflings-arrow-down:before {
  content: "\E094";
}
.halflings-share-alt:before {
  content: "\E095";
}
.halflings-resize-full:before {
  content: "\E096";
}
.halflings-resize-small:before {
  content: "\E097";
}
.halflings-plus:before {
  content: "\E098";
}
.halflings-minus:before {
  content: "\E099";
}
.halflings-asterisk:before {
  content: "\E100";
}
.halflings-exclamation-sign:before {
  content: "\E101";
}
.halflings-gift:before {
  content: "\E102";
}
.halflings-leaf:before {
  content: "\E103";
}
.halflings-fire:before {
  content: "\E104";
}
.halflings-eye-open:before {
  content: "\E105";
}
.halflings-eye-close:before {
  content: "\E106";
}
.halflings-warning-sign:before {
  content: "\E107";
}
.halflings-plane:before {
  content: "\E108";
}
.halflings-calendar:before {
  content: "\E109";
}
.halflings-random:before {
  content: "\E110";
}
.halflings-comments:before {
  content: "\E111";
}
.halflings-magnet:before {
  content: "\E112";
}
.halflings-chevron-up:before {
  content: "\E113";
}
.halflings-chevron-down:before {
  content: "\E114";
}
.halflings-retweet:before {
  content: "\E115";
}
.halflings-shopping-cart:before {
  content: "\E116";
}
.halflings-folder-close:before {
  content: "\E117";
}
.halflings-folder-open:before {
  content: "\E118";
}
.halflings-resize-vertical:before {
  content: "\E119";
}
.halflings-resize-horizontal:before {
  content: "\E120";
}
.halflings-hdd:before {
  content: "\E121";
}
.halflings-bullhorn:before {
  content: "\E122";
}
.halflings-bell:before {
  content: "\E123";
}
.halflings-certificate:before {
  content: "\E124";
}
.halflings-thumbs-up:before {
  content: "\E125";
}
.halflings-thumbs-down:before {
  content: "\E126";
}
.halflings-hand-right:before {
  content: "\E127";
}
.halflings-hand-left:before {
  content: "\E128";
}
.halflings-hand-top:before {
  content: "\E129";
}
.halflings-hand-down:before {
  content: "\E130";
}
.halflings-circle-arrow-right:before {
  content: "\E131";
}
.halflings-circle-arrow-left:before {
  content: "\E132";
}
.halflings-circle-arrow-top:before {
  content: "\E133";
}
.halflings-circle-arrow-down:before {
  content: "\E134";
}
.halflings-globe:before {
  content: "\E135";
}
.halflings-wrench:before {
  content: "\E136";
}
.halflings-tasks:before {
  content: "\E137";
}
.halflings-filter:before {
  content: "\E138";
}
.halflings-briefcase:before {
  content: "\E139";
}
.halflings-fullscreen:before {
  content: "\E140";
}
.halflings-dashboard:before {
  content: "\E141";
}
.halflings-paperclip:before {
  content: "\E142";
}
.halflings-heart-empty:before {
  content: "\E143";
}
.halflings-link:before {
  content: "\E144";
}
.halflings-phone:before {
  content: "\E145";
}
.halflings-pushpin:before {
  content: "\E146";
}
.halflings-euro:before {
  content: "\E147";
}
.halflings-usd:before {
  content: "\E148";
}
.halflings-gbp:before {
  content: "\E149";
}
.halflings-sort:before {
  content: "\E150";
}
.halflings-sort-by-alphabet:before {
  content: "\E151";
}
.halflings-sort-by-alphabet-alt:before {
  content: "\E152";
}
.halflings-sort-by-order:before {
  content: "\E153";
}
.halflings-sort-by-order-alt:before {
  content: "\E154";
}
.halflings-sort-by-attributes:before {
  content: "\E155";
}
.halflings-sort-by-attributes-alt:before {
  content: "\E156";
}
.halflings-unchecked:before {
  content: "\E157";
}
.halflings-expand:before {
  content: "\E158";
}
.halflings-collapse:before {
  content: "\E159";
}
.halflings-collapse-top:before {
  content: "\E160";
}
.halflings-log-in:before {
  content: "\E161";
}
.halflings-flash:before {
  content: "\E162";
}
.halflings-log-out:before {
  content: "\E163";
}
.halflings-new-window:before {
  content: "\E164";
}
.halflings-record:before {
  content: "\E165";
}
.halflings-save:before {
  content: "\E166";
}
.halflings-open:before {
  content: "\E167";
}
.halflings-saved:before {
  content: "\E168";
}
.halflings-import:before {
  content: "\E169";
}
.halflings-export:before {
  content: "\E170";
}
.halflings-send:before {
  content: "\E171";
}
.halflings-floppy-disk:before {
  content: "\E172";
}
.halflings-floppy-saved:before {
  content: "\E173";
}
.halflings-floppy-remove:before {
  content: "\E174";
}
.halflings-floppy-save:before {
  content: "\E175";
}
.halflings-floppy-open:before {
  content: "\E176";
}
.halflings-credit-card:before {
  content: "\E177";
}
.halflings-transfer:before {
  content: "\E178";
}
.halflings-cutlery:before {
  content: "\E179";
}
.halflings-header:before {
  content: "\E180";
}
.halflings-compressed:before {
  content: "\E181";
}
.halflings-earphone:before {
  content: "\E182";
}
.halflings-phone-alt:before {
  content: "\E183";
}
.halflings-tower:before {
  content: "\E184";
}
.halflings-stats:before {
  content: "\E185";
}
.halflings-sd-video:before {
  content: "\E186";
}
.halflings-hd-video:before {
  content: "\E187";
}
.halflings-subtitles:before {
  content: "\E188";
}
.halflings-sound-stereo:before {
  content: "\E189";
}
.halflings-sound-dolby:before {
  content: "\E190";
}
.halflings-sound-5-1:before {
  content: "\E191";
}
.halflings-sound-6-1:before {
  content: "\E192";
}
.halflings-sound-7-1:before {
  content: "\E193";
}
.halflings-copyright-mark:before {
  content: "\E194";
}
.halflings-registration-mark:before {
  content: "\E195";
}
.halflings-cloud:before {
  content: "\E196";
}
.halflings-cloud-download:before {
  content: "\E197";
}
.halflings-cloud-upload:before {
  content: "\E198";
}
.halflings-tree-conifer:before {
  content: "\E199";
}
.halflings-tree-deciduous:before {
  content: "\E200";
}
.halflings-cd:before {
  content: "\E201";
}
.halflings-save-file:before {
  content: "\E202";
}
.halflings-open-file:before {
  content: "\E203";
}
.halflings-level-up:before {
  content: "\E204";
}
.halflings-copy:before {
  content: "\E205";
}
.halflings-paste:before {
  content: "\E206";
}
.halflings-door:before {
  content: "\E207";
}
.halflings-key:before {
  content: "\E208";
}
.halflings-alert:before {
  content: "\E209";
}
.halflings-equalizer:before {
  content: "\E210";
}
.halflings-king:before {
  content: "\E211";
}
.halflings-queen:before {
  content: "\E212";
}
.halflings-pawn:before {
  content: "\E213";
}
.halflings-bishop:before {
  content: "\E214";
}
.halflings-knight:before {
  content: "\E215";
}
.halflings-baby-formula:before {
  content: "\E216";
}
.halflings-tent:before {
  content: "\E217";
}
.halflings-blackboard:before {
  content: "\E218";
}
.halflings-bed:before {
  content: "\E219";
}
.halflings-apple:before {
  content: "\E220";
}
.halflings-erase:before {
  content: "\E221";
}
.halflings-hourglass:before {
  content: "\E222";
}
.halflings-lamp:before {
  content: "\E223";
}
.halflings-duplicate:before {
  content: "\E224";
}
.halflings-piggy-bank:before {
  content: "\E225";
}
.halflings-scissors:before {
  content: "\E226";
}
.halflings-bitcoin:before {
  content: "\E227";
}
.halflings-yen:before {
  content: "\E228";
}
.halflings-ruble:before {
  content: "\E229";
}
.halflings-scale:before {
  content: "\E230";
}
.halflings-ice-lolly:before {
  content: "\E231";
}
.halflings-ice-lolly-tasted:before {
  content: "\E232";
}
.halflings-education:before {
  content: "\E233";
}
.halflings-option-horizontal:before {
  content: "\E234";
}
.halflings-option-vertical:before {
  content: "\E235";
}
.halflings-menu-hamburger:before {
  content: "\E236";
}
.halflings-modal-window:before {
  content: "\E237";
}
.halflings-oil:before {
  content: "\E238";
}
.halflings-grain:before {
  content: "\E239";
}
.halflings-sunglasses:before {
  content: "\E240";
}
.halflings-text-size:before {
  content: "\E241";
}
.halflings-text-color:before {
  content: "\E242";
}
.halflings-text-background:before {
  content: "\E243";
}
.halflings-object-align-top:before {
  content: "\E244";
}
.halflings-object-align-bottom:before {
  content: "\E245";
}
.halflings-object-align-horizontal:before {
  content: "\E246";
}
.halflings-object-align-left:before {
  content: "\E247";
}
.halflings-object-align-vertical:before {
  content: "\E248";
}
.halflings-object-align-right:before {
  content: "\E249";
}
.halflings-triangle-right:before {
  content: "\E250";
}
.halflings-triangle-left:before {
  content: "\E251";
}
.halflings-triangle-bottom:before {
  content: "\E252";
}
.halflings-triangle-top:before {
  content: "\E253";
}
.halflings-terminal:before {
  content: "\E254";
}
.halflings-superscript:before {
  content: "\E255";
}
.halflings-subscript:before {
  content: "\E256";
}
.halflings-menu-left:before {
  content: "\E257";
}
.halflings-menu-right:before {
  content: "\E258";
}
.halflings-menu-down:before {
  content: "\E259";
}
.halflings-menu-up:before {
  content: "\E260";
}
.halflings-building:before {
  content: "\E261";
}
.halflings-tick:before {
  content: "\E262";
}
.halflings-star-half:before {
  content: "\E263";
}
.halflings-hash:before {
  content: "\E264";
}
.halflings-directions:before {
  content: "\E265";
}
.halflings-gas:before {
  content: "\E266";
}
.halflings-snowflake:before {
  content: "\E267";
}
.halflings-sunlight:before {
  content: "\E268";
}
.halflings-selectbox:before {
  content: "\E269";
}
.halflings-sortable:before {
  content: "\E270";
}
.halflings-note-empty:before {
  content: "\E271";
}
.halflings-note:before {
  content: "\E272";
}
.halflings-direction-right:before {
  content: "\E273";
}
.halflings-direction-left:before {
  content: "\E274";
}
.halflings-direction-down:before {
  content: "\E275";
}
.halflings-direction-up:before {
  content: "\E276";
}
.halflings-parking:before {
  content: "\E277";
}
.halflings-coffee-cup:before {
  content: "\E278";
}
.halflings-record-empty:before {
  content: "\E279";
}
.halflings-move-square:before {
  content: "\E280";
}
.halflings-bug:before {
  content: "\E281";
}
.halflings-display:before {
  content: "\E282";
}
.halflings-direction:before {
  content: "\E283";
}
.halflings-group:before {
  content: "\E284";
}
.halflings-reflect-y:before {
  content: "\E285";
}
.halflings-reflect-x:before {
  content: "\E286";
}
.halflings-battery-charging:before {
  content: "\E287";
}
.halflings-battery-full:before {
  content: "\E288";
}
.halflings-battery-75:before {
  content: "\E289";
}
.halflings-battery-50:before {
  content: "\E290";
}
.halflings-battery-25:before {
  content: "\E291";
}
.halflings-battery-10:before {
  content: "\E292";
}
.halflings-paired:before {
  content: "\E293";
}
.halflings-rotate-right:before {
  content: "\E294";
}
.halflings-rotate-left:before {
  content: "\E295";
}
.halflings-list-numbered:before {
  content: "\E296";
}
.halflings-paragraph:before {
  content: "\E297";
}
.halflings-list-plus:before {
  content: "\E298";
}
.halflings-synchronization:before {
  content: "\E299";
}
.halflings-cube-black:before {
  content: "\E300";
}