@import url('//fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext');

body {
background-color: #404040;
}

body.modal-open {
overflow: visible;
}

.form-group {
margin-bottom: 10px !important;
}

.close {
opacity: 0.7 !important;
color: #ffffff !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover {
background-color: #218dbf;
color: #FFF;
}

.nav-pills > li > a {
background-color: #f0f0f0;
color: #000000;
}

.content-wrapper,
.right-side {
background-color: #404040;
font-family: 'Open Sans',monospace;
}

.box, .box-title{
background-color: #f0f0f0;
font-family: 'Open Sans',monospace;
color: #000000;
}

.icon-background-hs {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #a71416;
border: 2px solid white;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-avcr {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #175486;
border: 2px solid white;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-other {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #255f23;
border: 2px solid white;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.inline { 
display: inline-block;
float: left; 
margin:10px;
}

#graph_field_vars {
display: none;
margin-top: 55px;
margin-right: 0px;
max-width: 250px;
background-color: #f0f0f0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 35px;
padding-right: 35px;
}

#graph_vo_vars {
display: none;
margin-right: 0px;
background-color: #f0f0f0;
padding-top: 10px;
}

.extra-container {
margin-top: 10px;
}

#reset {
background-color: #ffffff;
}

#menu {
margin-bottom: 0px;
}

#menu-0 {
border-color: #ffffff;
border: 0px solid !important;
}

#menu-0-collapse > div {
background-color: #5a5a5a;
font-family: 'Open Sans',monospace;
color: #ffffff;
}

#menu-0-heading {
background-color: #c90239;
border-color: #000000;
border: 0px solid;
}

#menu-0.panel-primary {
border-color: #000000;
border: 0px solid !important;
}

#menu-0.panel {
border-color: #000000;
border: 0px solid !important;
}

#menu-0-heading {
padding: 0px;
}

#menu-0-collapse {
height: auto !important;
}

#menu-0-collapse.collapse {
display: block !important;
}

#menu-0-collapse > div > div > div.row.Row2 > div > div.col-sm-6.Col7 > div > div > div:nth-child(2) > div > label > div > a > i.tooltip-inner {
max-width: 100px;
background-color: #f0f0f0;
color: #000000;
white-space: pre-wrap;
font-size: 10pt;
}

#menu-1 {
border-color: #ffffff;
border: 0px solid !important;
}

#menu-1-collapse > div {
background-color: #5a5a5a;
font-family: 'Open Sans',monospace;
color: #ffffff;
}

#menu-1-heading {
background-color: #5a5a5a;
border-color: #000000;
border: 0px solid;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}

#menu-1-heading > h4 {
pointer-events: all;
color: white;
text-decoration: none;
}

#menu-1-heading > h4:hover {
color: white;
text-decoration: underline;
}

#menu-1.panel-primary {
border-color: #000000;
border: 0px solid !important;
}

#menu-1.panel {
border-color: #000000;
border: 0px solid !important;
}

.tooltip-inner {
max-width: 440px;
background-color: #f0f0f0;
color: #000000;
white-space: pre-wrap;
font-size: 10pt;
}

.modal-lg {
width: 85%;
}

.form-control {
background-color: #404040;
color: #ffffff;
border-radius: 4px !important;
}

.form-control:focus {
border-color: #c90239;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(201,2,57, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(201,2,57, 0.6);
}


.selectize-input { 
background-color: #404040 !important;
color: #ffffff !important;
max-height: 45px !important;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
background-color: #404040;
color: #ffffff;
cursor: text;
display: inline-block;
}

.selectize-input.full {
background-color: #404040;
color: #ffffff;
}

.selectize-dropdown [data-selectable].active {
color: #fff;
background-color: #5a5a5a;
background-image: -moz-linear-gradient(top, #5a5a5a, #5a5a5a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#5a5a5a));
background-image: -webkit-linear-gradient(top, #5a5a5a, #5a5a5a);
background-image: -o-linear-gradient(top, #5a5a5a, #5a5a5a);
background-image: linear-gradient(to bottom, #5a5a5a, #5a5a5a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a5a', endColorstr='#5a5a5a', GradientType=0);
}

.selectize-input.items.full.has-options.has-items{
background-color: #404040;
color: #ffffff;
}

.selectize-input.items.full.has-options.has-items.input-active.dropdown-active{
background-color: #404040 !important;
color: #ffffff;
}

.selectize-input.items.not-full.has-options.input-active.dropdown-active{
background-color: #404040 !important;
color: #ffffff !important;
}

.selectize-dropdown, .selectize-input, .selectize-input input{
color: #ffffff !important;
}

.selectize-input.input-active { 
max-height: 500px !important; 
background-color: #404040;
color: #ffffff;
}

.selectize-input.input-active,
.selectize-input.input-active:hover,
.selectize-control.multi .selectize-input.focus {
background: #404040 !important;
border-color: rgba(201, 2, 57, 0.8) !important;
outline: 0 !important;
outline: thin dotted \9 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(201, 2, 57,.6) !important;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(201, 2, 57,.6) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(201, 2, 57,.6) !important;
}

.selectize-input.focus {
border-color: #c90239;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(201,2,57, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(201,2,57, 0.6);
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
color: #808080;
background-color: #404040;
border: 0 solid rgba(77, 77, 77, 0);
}

.selectize-control .selectize-input.disabled {
opacity: 0.5;
background-color: #404040;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
visibility: visible !important;
background: #404040;
background: rgba(64,64,64, 0.06);
border: 0 none !important;
-webkit-box-shadow: inset 0 0 12px 4px #fff;
box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.multi .selectize-input > div {
color: #fff !important;
text-shadow: none;
background-color: #5a5a5a !important;
background-image: -moz-linear-gradient(top, #5a5a5a, #5a5a5a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#5a5a5a));
background-image: -webkit-linear-gradient(top, #5a5a5a, #5a5a5a);
background-image: -o-linear-gradient(top, #5a5a5a, #5a5a5a);
background-image: linear-gradient(to bottom, #5a5a5a, #5a5a5a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a5a', endColorstr='#5a5a5a', GradientType=0);
border-color: #5a5a5a #5a5a5a #5a5a5a;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #5a5a5a;
border: 1px solid #5a5a5a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(90, 90, 90,.2), 0 1px 2px rgba(90, 90, 90,.05);
-moz-box-shadow: inset 0 1px 0 rgba(90, 90, 90,.2), 0 1px 2px rgba(90, 90, 90,.05);
box-shadow: inset 0 1px 0 rgba(90, 90, 90,.2), 0 1px 2px rgba(90, 90, 90,.05);
}

.selectize-control.multi .selectize-input > div.active {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
box-shadow: 0 1px 2px rgba(0,0,0,.05);
color: #fff !important;
text-shadow: none;
background-color: #c90239;
background-image: -moz-linear-gradient(top, #fd1b59, #c90239);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd1b59), to(#c90239));
background-image: -webkit-linear-gradient(top, #fd1b59, #c90239);
background-image: -o-linear-gradient(top, #fd1b59, #c90239);
background-image: linear-gradient(to bottom, #96012b, #c90239);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96012b', endColorstr='#c90239', GradientType=0);
border-color: #c90239 #c90239 #7d0124;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #96012b;
border: 1px solid #96012b;
}

.selectize-dropdown-content {
max-height: 400px;
background-color: #404040;
color: #ffffff;
}

.selectize-input.input-active, .selectize-input.input-active:hover, .selectize-control.multi .selectize-input.focus {border-color: #5a5a5a !important;}
.selectize-dropdown .active {background: #5a5a5a !important;}

.selectize-dropdown .optgroup .optgroup-header {
color: #fff;
background: #404040;
cursor: default;
font-weight: bold;
font-size: 14px;
}

.selectize-dropdown .optgroup .option{
padding-left:20px;
}

.selectize-control.single .selectize-input:hover,
.selectize-control.single .selectize-input:focus,
.selectize-control.single .selectize-input:active,
.selectize-control.single .selectize-input.active,
.selectize-control.single .selectize-input.disabled,
.selectize-control.single .selectize-input[disabled] {
color: #333;
background-color: #404040;
*background-color: #404040;
}
.selectize-control.single .selectize-input:active,
.selectize-control.single .selectize-input.active {
background-color: #404040 \9;
}

.selectize-control.single .selectize-input:after {
border-color: #fff transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after{
border-color: transparent transparent #fff transparent !important;
}

h1 {
font-family: 'Open Sans',monospace;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 1.9;
color: #000000;
text-align: left;
margin-bottom:10px;
}

h3 {
font-family: 'Open Sans',monospace;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 1.4;
color: #fff;
text-align:center;
margin-top:0px;
margin-bottom:10px;
}

.subtitle {
font-family: 'Open Sans',monospace;
font-style: normal;
font-size: 16px;
line-height: 1.4;
color: #fff;
text-align:center;
margin-top:-10px;
margin-bottom:10px;
}

h4 {
font-family: 'Open Sans',monospace;
margin-top:25px;
color: #fff;
}

h4:first-child {
font-family: 'Open Sans',monospace;
margin-top: 0;
}

#text {
font-family: 'Open Sans',monospace;
font-style: italic;
font-weight: 400;
font-size: 15px;
line-height: 1.5;
color: #ffffff;
margin-top:10px
}

.fa-question-circle{
color: #c90239;
background-color: #ffffff;
border-radius: 100%;
}

#graph_annotation {
font-family: 'Open Sans',monospace;
font-style: italic;
font-weight: 400;
font-size: 15px;
line-height: 1.5;
color: #000000;
margin-left:20px;
margin-top:10px
}

#language {
font-size: 16px;
}

.selectize-input { 
max-height: 63px !important;
overflow-y: auto !important;
}

#years + div>.selectize-input { 
max-height: 64px !important; 
}

#years + div>.selectize-input.input-active { 
max-height: 3000px !important; 
}

#AUT_ORD + div>.selectize-input { 
max-height: 64px !important; 
}

#AUT_ORD + div>.selectize-input.input-active { 
max-height: 3000px !important; 
}

.selectize-input.input-active { 
max-height: 3000px !important; 
}

#Col61-container .selectize-dropdown-content {
max-height: 600px !important;
}

#Col61-container .selectize-dropdown {
transform: translate(0,-150px);
width: auto !important;
}

#Col61-container .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
white-space: nowrap;
}

#Col63-container .selectize-dropdown-content {
max-height: 600px !important;
}

#Col63-container .selectize-dropdown {
transform: translate(-20px,-150px);
width: auto !important;
}

#Col63-container .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
white-space: nowrap;
}

#Col61, #Col62, #Col63 {
float: left;
}

#Col61, #Col63 {
width: 47.5%;
padding-left: 15px;
padding-right: 15px;
}

#Col62 {
width: 5%;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
}

#switch {
padding-left: 0px;
padding-right: 0px;
border-color: rgba(102,102,102,0.4);
color: #666666;
}

#switch:hover {
color: #000000;
}

.fa fa-arrows-alt-h {
margin-left: auto;
margin-right: auto
}

.Row12, .Row23, .Row42, .Col12, .Col13, .Col22, .Col42, .Row62 {
margin-top:-17px;
}

.Row22 {
margin-top:-10px;
}

#Aux-tools {
position: relative;
padding-top: 30px;
background-color: #f0f0f0;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
}

#ui_main_title {
margin-top:-30px;
}

.shiny-output-error { visibility: hidden; }

.shiny-output-error:before { visibility: hidden; }

.cell-border-right{border-right: 1px solid #000}

.blk-icon {color: black;}

#loadmessage {
position: fixed;
top: 60%;
left: 0px;
width: 100%;
padding: 5px 0px 5px 0px;
text-align: center;
font-weight: bold;
font-size: 100%;
color: #ffffff;
z-index: 105;
}

.pure-material-switch {
z-index: 0;
position: relative;
display: inline-block;
color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
font-size: 14px;
line-height: 14px;
}

/* Input */
.pure-material-switch > input {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
z-index: -1;
position: absolute;
right: 6px;
top: -8px;
display: block;
margin: 0;
border-radius: 50%;
width: 0px;
height: 0px;
background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
outline: none;
opacity: 0;
transform: scale(1);
pointer-events: none;
transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
}

/* Span */
.pure-material-switch > span {
display: inline-block;
width: 100%;
cursor: pointer;
}

/* Track */
.pure-material-switch > span:before {
content: "";
float: right;
display: inline-block;
margin: 5px 0 5px 10px;
border-radius: 7px;
width: 36px;
height: 14px;
background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
vertical-align: top;
transition: background-color 0.2s, opacity 0.2s;
}

/* Thumb */
.pure-material-switch > span:after {
content: "";
position: absolute;
top: 2px;
right: 16px;
border-radius: 50%;
border: 0.5px solid #404040;
width: 20px;
height: 20px;
background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, transform 0.2s;
}

/* Checked */
.pure-material-switch > input:checked {
right: -10px;
background-color: rgb(var(--pure-material-primary-rgb, 201, 2, 57));
}

.pure-material-switch > input:checked + span:before {
background-color: rgba(var(--pure-material-primary-rgb, 201, 2, 57), 0.6);
}

.pure-material-switch > input:checked + span:after {
background-color: rgb(var(--pure-material-primary-rgb, 201, 2, 57));
transform: translate(16px);
%right: 0px;
}

/* Hover, Focus */
.pure-material-switch:hover > input {
opacity: 0.04;
}

.pure-material-switch > input:focus {
opacity: 0.12;
}

.pure-material-switch:hover > input:focus {
opacity: 0.16;
}

/* Active */
.pure-material-switch > input:active {
opacity: 1;
transform: scale(0);
transition: transform 0s, opacity 0s;
}

.pure-material-switch > input:active + span:before {
background-color: rgba(var(--pure-material-primary-rgb, 201, 2, 57), 0.6);
}

.pure-material-switch > input:checked:active + span:before {
background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

/* Disabled */
.pure-material-switch > input:disabled {
opacity: 0;
}

.pure-material-switch > input:disabled + span {
color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0));
opacity: 0.38;
cursor: default;
}

.pure-material-switch > input:disabled + span:before {
background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

.pure-material-switch > input:checked:disabled + span:before {
background-color: rgba(var(--pure-material-primary-rgb, 201, 2, 57), 0.6);
}

.switch-label{
font-size: 14px;
line-height: 20px;
color: #ffffff;
margin-left: 5px;
float: left;
}

.small-box .img-local {
position: absolute;
top: auto;
bottom: 5px;
right: 5px;
z-index: 0;
font-size: 70px;
color: rgba(0, 0, 0, 0.15);
}

#menu .panel-title i.glyphicon{
-moz-transition: -moz-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}

.rotate.down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.rotate-icon{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}

.chevron-up:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  color: grey;
}

#tootlip_outputs {
text-align:left;
}

#tootlip_authors {
text-align:left;
}

.shiny-output-error { visibility: hidden; }
.shiny-output-error:before { visibility: hidden; }

.content {
padding-top: 5px;
}

.irs-line {
background: #EEE !important;
}

.modal-content {
font-family: 'Open Sans',monospace;
}

.shiny-spinner-output-container {
height: 100px;
}

.panel-body{
padding-bottom: 15px;
border-top: 0px !important;
}

#menu_show_filters {
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
border: solid 2px #dddddd;
border-right: solid 26px #dddddd;
border-radius: 5px; margin-bottom: 5px;
}

#menu_input_filters {
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
border: solid 2px #dddddd;
border-right: solid 26px #dddddd;
border-radius: 5px; margin-bottom: 5px;
margin-top: 10px;
}

#tabs > div > div:nth-child(1) > button {
background-image: url('bar-graph-white.png') !important;
background-repeat: no-repeat !important;
background-position: right 5px center !important;
background-size: 20px !important;
padding-right: 30px !important;
}

#tabs > div > div:nth-child(2) > button {
background-image: url('scatter-graph-white.png') !important;
background-repeat: no-repeat !important;
background-position: right 5px center !important;
background-size: 20px !important;
padding-right: 30px !important;
}

#tabs > div > div:nth-child(3) > button {
background-image: url('change-graph-white.png') !important;
background-repeat: no-repeat !important;
background-position: right 5px center !important;
background-size: 20px !important;
padding-right: 30px !important;
}

#tabs > div > div:nth-child(4) > button {
background-image: url('bar-graph-white.png') !important;
background-repeat: no-repeat !important;
background-position: right 5px center !important;
background-size: 20px !important;
padding-right: 30px !important;
}

#tabs > div > div:nth-child(5) > button {
background-image: url('bar-graph-white.png') !important;
background-repeat: no-repeat !important;
background-position: right 5px center !important;
background-size: 20px !important;
padding-right: 30px !important;
}

.icon-background-cz {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #333333;
border: 4px solid #FFFFFF;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-de {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #333333;
border: 4px solid #f0c900;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-fr {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #333333;
border: 4px solid #377EB8;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-agr {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #FF7F00;
border: 2px solid white;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-eng {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #377EB8;
border: 2px solid white;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-med {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #4DAF4A;
border: 2px solid white;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-nat {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #E41A1C;
border: 2px solid white;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-soc {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #984EA3;
border: 2px solid white;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.icon-background-hum {
display: inline-block;
color: black;
font: 18px sans-serif;
background: #F781BF;
border: 2px solid white;
width: 15px;
height: 15px;
border-radius: 17px;
line-height: 34px;
text-align: center;
}

.grayed {
pointer-events: none !important;
}

input[type=checkbox][disabled] + span {
color: #ccc;
}

.dataTables_length {
color: #fff !important;
}

.dataTables_length > label > select {
background-color: #434343;
}

table.dataTable thead .sorting {
background-image: url(sort-arrows-dark.png) !important;
background-size: 9px 16px !important;
}

table.dataTable thead .sorting > div > div > div > label {
margin-bottom: 0px !important;
}

#table > div.dataTables_wrapper > div.dataTables_scroll > div.dataTables_scrollHead > div.dataTables_scrollHeadInner > table.dataTable thead .sorting_desc {
background-image: url(sort-down-dark.png) !important;
background-size: 9px 12px !important;
}

#table > div.dataTables_wrapper > div.dataTables_scroll > div.dataTables_scrollHead > div.dataTables_scrollHeadInner > table.dataTable thead .sorting_asc {
background-image: url(sort-up-dark.png) !important;
background-size: 9px 12px !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc {
background-position: top 50% right 10% !important;
background-repeat: no-repeat !important;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after {
opacity: 0 !important;
}

.vars {
border-right: 1px dashed white;
}

.vars:nth-of-type(5) {
border-right: none;
}

.vars:nth-of-type(8) {
border-right: none;
}

#print_area{
background-color: #404040;
}

.btn-default{
background-color: #5a5a5a;
color:#FFF;
border-color: #FFF;
}
 
.btn-default:hover, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background-color: #404040;
color:#ffffff;
border-color: #adadad;
}

.btn.active, .btn:active {
outline: 0;
background-color: #C90239 !important;
box-shadow: inset 0 3px 5px rgba(1,1,1,.75) !important;
}

.btn-default.active:hover{
background-color: #333333;
color: #ffffff;
}

.btn-default.active:focus{
background-color: #333333;
color: #ffffff;
outline:0;
box-shadow:0 0 0 0rem rgba(201,2,57,.25)
}

.btn-default:focus{
background-color: #404040;
color:#ffffff;
border-color: #adadad;
outline:0;
box-shadow:0 0 0 0rem rgba(201,2,57,.25)
}

#group_checkbox {
margin-left: 10px;
margin-right: 10px;
}

#group_checkbox > label {
display: block;
}

#group_checkbox_container > div.form-group {
margin-top:auto !important;
margin-bottom:auto !important;
}

#totals_checkbox > label {
display: block;
}

.awesome-checkbox{
padding-left: 20px !important;
margin-left: 0px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}

.awesome-checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
outline: none;
}

.awesome-checkbox-inline {
margin-top: 0px !important;
margin-left: 0px !important;
}

.awesome-checkbox.checkbox-inline {
margin-top: 0px !important;
margin-left: 10px !important;
}

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before{
background-color: #c90239 !important;
border-color: #c90239 !important;
}

#filters_both > div.shiny-options-group > div.pretty input:checked~.state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
background-color: #c90239 !important;
}

#filters_both {
display: flex;
margin-top: 5px;
margin-left: 5px;
}

#show_as {
display: flex;
margin-top: 5px;
margin-left: 5px;
}

#show_as > div.shiny-options-group > div.pretty input:checked~.state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
background-color: #c90239 !important;
}

.awesome-checkbox label::before {
background-color: #5a5a5a !important;
}

.checkbox-bs-primary input[type="checkbox"]:checked + label::before, .checkbox-bs-primary input[type="radio"]:checked + label::before{
background-color: #c90239 !important;
border-color: #c90239 !important;
}

.checkbox-bs label::before {
background-color: #5a5a5a !important;
}

.rmargin {
margin-top:-17px;
}

#table {
background-color: #5a5a5a;
color: #ffffff;
}

#table .even {
background-color: #5a5a5a;
}

#table .odd {
background-color: #737373;
}

#table .odd:hover {
background-color: #404040;
}

#table .even:hover {
background-color: #404040;
}

#table > div > div > div > span > a {
background: #404040 !important;
color: #ffffff !important;
}

#table > div > div > div > a.paginate_button.previous {
color: #ffffff !important;
}

#table > div > div > div > a.paginate_button.previous.disabled {
color: #737373 !important;
}

#table > div > div > div > a.paginate_button.next {
color: #ffffff !important;
}

#table > div > div > div > a.paginate_button.next.disabled {
color: #737373 !important;
}

.modal-body {
background-color: #404040;
color: #ffffff;
line-height: 1.5;
}

.modal-footer {
background-color: #404040;
color: #ffffff;
border-top: 0 solid;
text-align:inherit;
}

.modal-header {
border-bottom-color: transparent !important;
background-color: transparent !important;
color: #ffffff !important;
z-index: 1 !important;
position: relative !important;
padding-top: 10px;
}

.modal-content {
background-color: #404040;
z-index: -1 !important;
position: relative !important;
}

.control-label {
color: #fff !important;
}

.shiny-options-group {
color: #fff !important;
}

#graph_scatter_title {
margin-top: 10px;
}

a {
text-decoration: underline;
-webkit-text-decoration-color: #c90239; /* Safari */  
text-decoration-color: #c90239;
color: #fff;
}

a:focus, a:hover {
color: #c90239;
}

.label-highlight {
background-color: #c90239;
color: #fff;
padding-top: 1px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
}

.growth {
padding: 2px;
}

.na-growth {
color: #fff;
}

.btn-danger {
border: 2px solid #ffffff;
}

.dropdown-menu {
border: #eee;
box-shadow: none;
background-color: #333333;
min-width: 70px;
width: max-content;
padding: 5px 5px;
}

.dropdown-menu > li {
display: flex;
justify-content: center;
margin-bottom: 5px;
}

.modal-body > div > .form-control {
background-color: #404040 !important;
}

.unlocked {
pointer-events:all;
opacity:1;
/*cursor: pointer;*/
}

.locked {
pointer-events:none;
opacity:0.4;
cursor: default;
}

.rotated {
position: absolute;
top: 50%;
right: -13px;
transform-origin: center;
transform: translateX(50%) translateY(-50%) rotate(90deg);
color: #404040;
}

.col-head-lab {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative;
left: 10% !important;
padding-left: 43px !important;
}

.col-head-lab::before,
.col-head-lab::after {
display: flex !important;
align-items:center !important;
position: absolute !important;
width: 17px !important;
height: 17px !important;
margin-left: 3px !important;
}

table {
width: 100% !important;
table-layout: fixed;
}

.introjs-helperLayer {
background-color: rgba(255,255,255,.3) !important;
}

.swal2-popup {
font-family: 'Open Sans', monospace !important;
}

.swal2-header > h2 {
font-family: 'Open Sans', monospace !important;
font-size: 1.5em !important;
}

.quantity {
  position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield !important;
}

.quantity input {
  height: 42px !important;
  line-height: 1.65 !important;
  float: left !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  padding-left: 20px !important;
  border: 1px solid #eee !important;
}

.perc input {
 border-left: none !important;
 border-top: none !important;
 border-bottom: none !important;
 border-radius: 5px !important;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 15px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.5;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #666666;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button:hover {
  background: #eee;
  color: #000;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: 0px;
  height: 50%;
}

.valuePadding {
  border: 1px solid #eee !important;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
}
.valuePadding input {
  border: none;
  padding:0px;
  outline: none;
}

.append {
padding-left: 5px;
padding-right: 5px;
}

#table > div.dataTables_wrapper > div.dataTables_scroll > div.dataTables_scrollBody > table.dataTable > tbody > tr.selected > td {
background-color: #d94d74 !important;
}

.shiny-notification {
height: 60px;
width: 300px;
position:fixed;
top: calc(50% - 30px);
left: calc(50% - 150px);
}

.progress-bar {background-color: #c90239 !important;}

.progress-message {font-size:120% !important;}
.progress-detail {font-size:110% !important;}

#submit_change{
background: #5a5a5a;
border: #fff solid;
color: #fff;
}

#submit_change.highlight{
background-color: #e8194e;
color:#FFF;
border-color: #FFF;
}
 
#submit_change.highlight:hover, #submit_change.highlight:active, #submit_change.highlight.active {
background-color: #8b0f2e;
color:#fff;
border-color: #adadad;
}

#submit_change.highlight:focus{
background-color: #8b0f2e;
color:#fff;
border-color: #adadad;
outline:0;
box-shadow:0 0 0 0rem rgba(201,2,57,.25)
}

#options > div.panel > div.panel-heading {
background-color: #c90239 !important;
border-color: #c90239 !important;
}

#options > div.panel {
border: 0px !important;
}

#options > div.panel > div.panel-collapse > div.panel-body {
color: #fff !important;
background: #5a5a5a !important;
}

#years_start_to ~ div > div.selectize-input:after {
display: none !important;
}

#years_start_to ~ div {
pointer-events: none !important;
}

.modebar-container{
display: none !important;
}

.plotly-notifier{
display: none !important;
}

#ss-connect-dialog {
width: 370px !important;
}

#lang {
padding: 0px !important;
}