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

body{
background-color: #404040;
}

body.modal-open {
overflow: visible;
}

.content {
padding-top: 5px;
}

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

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

#menu {
margin-bottom: 0px;
}

.icon-background-hs {
color: #e41a1c;
}

.icon-background-avcr {
color: #377eb8;
}

.icon-background-other {
color: #4daf4a;
}

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

#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;
}

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

#menu-0-collapse > div > div > div.row.rmargin > div > div.col-sm-6 > 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;
}

.modal-lg {
width: 85%;
}

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: #000000;
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: #000000;
text-align:center;
margin-top:-10px;
margin-bottom:10px;
}

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

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: 13px;
line-height: 1.5;
margin-top:5px;
color: #ffffff;
}

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

.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: 63px !important;
overflow-y: auto !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;
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;
text-shadow: none;
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);
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;
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;
}

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

#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: 50%;
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);
}

#tabs {
margin-top: 0px;
margin-bottom: 0px;
}

#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);
}

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

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

#tootlip_outputs {
text-align:left;
}

#tootlip_citations {
text-align:left;
}

#tootlip_cited_outputs {
text-align:left;
}

.panel-title {
pointer-events: none;
}

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

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

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

.panel-body{
padding-bottom: 5px;
border-top-color: #c90239 !important;
}

#print_all{
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)
}

.plotly.html-widget.html-widget-output.shiny-bound-output.js-plotly-plot {
z-index: 22;
position: relative; 
}

div.plotly-notifier {
visibility: hidden;
}

#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;
}

#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;
}

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

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

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

#table_source .odd:hover, .even:hover {
background-color: #404040;
}

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

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

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

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

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

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

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

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

#table_benchmark .odd:hover, .even:hover {
background-color: #404040;
}

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

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

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

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

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

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

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

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

#graph_scatter_modal{
padding: 0px;
}

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

#ui_graph_bars {
margin-top: -55px;
}

#ui_graph_scatter {
margin-top: 10px;
}

#graph_scatter_extra {
margin-top: 55px;
margin-right: 0px;
max-width: 250px;
background-color: transparent;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 25px;
}

#extra1-container, #extra2-container, #extra3-container, #extra4-container, #extra5-container {
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
}

#graph_scatter_title > h3 {
color: #ffffff;
}

#graph_bars_title > div > div > h3 {
color: #ffffff;
}

h3 {
color: #ffffff;
}

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

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

#graph_bars_bttn {
background: url('bar-graph-white.png') right 5px center no-repeat !important;
background-size: 20px !important;
padding-right: 30px !important;
}

#graph_scatter_bttn {
background: url('scatter-graph-white.png') right 5px center no-repeat !important;
background-size: 20px !important;
padding-right: 30px !important;
}

.help-block {
color: #a2a2a2;
}

#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;
}

.cat_title {
background-color: #c90239 !important;
padding-left: 6px;
padding-right: 6px;
}

#poster_window {
height: 100% !important;
cursor: move !important;
color: #404040 !important;
}

#posterModal {
margin-top: -25px;
}

#graph_modal {
padding-top: 0px !important;
margin-top: -25px;
}

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

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

a:hover {
color: #c90239;
}

.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;
}

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

.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_source > 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_source > 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_benchmark > 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_benchmark > 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;
}