body, .popup {
  color: #DDDDDD;
  background-color: #1B1B1B;
}

body, input, textarea, button, select {
  font-family: 'Merriweather', serif;
}

input, textarea, select {
  background-color: #DDDDDD;
}

input[type=checkbox] {
  height: 20px !important;
  width: 20px !important;
}

a {
  color: #777777;
}

h2, h2 a {
  color: #CC0000;
}

.jsGrid {
  height: auto !important;
}

.jsGrid .jsgrid-grid-body {
  max-height: 500px;
}

.jsGrid .actionButton {
  cursor: pointer;
  border: outset;
  padding: 0 1px 1px 0;
}

.jsGrid .actionButton:hover {
  background-color: #e9e9e9;
}

.ui-icon-exportcsv {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB80lEQVR4XpWTPWgTYRjH/3fcBXEIWE0HUVdBcDqRJLQVCxZCPTGYIYhNiKD5KHZR1GLTdlEhuFQkGYKGBLPpoHSpuw46OnUR6S35/BhEuculj/e8kCMSaOoPftzyf597nufulYgITKVSyQNI42AKsVgsgxHcAqVSieLxOA6iXC6LIolEwi0iDwO2bYNpNptoNBrCer2OWq0mZHRd51y6WCzmxwr0+30wkiT9oyzL4slYloVwOMzZdN5B5Jc/LBIOwcurH2EYBlRVhcfjQbVaFeMg+S5Ek+DMYDAYM5fLkWybNta3nuPWs9uYz85jyOLTawg8nsH1Rzo402q1eD/DHbkjYen1ZWJe7WyR/mKBZu8HKbR6hS4+1GhuM0gMZ5xDQmexrOggm82SYv7ug1leWIF0ZB9fP3/Dz709+HzHsb2xAwu/wBle5AhuB4r1x8aQ7S+fcOF8ANZRFUbvB+6+TeK0ehKc4a9BRBjFNE0gtKkRc2l1lrQ1jYIbAVp7/4SW3twk7Z5GDGc6nQ61222KRqOsGCGTyZDM7d15kMQxaQrT3il4973Y/b4LnzSNMydOIbp+wx2BHetgZuUcTYIzvV6Put0u63bg3AtS+BMFUmcxAfftqVQKfr/fXSKISBiJRIjhyoeR4TPKyGUqOP95Gv9H4S8p/KfZgbf37gAAAABJRU5ErkJggg==');
}

.popupblock {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
}

.popup {
  height: 80%;
  width: 80%;
  left: 10%;
  top: 10%;
  position: fixed;
  display: none;
  text-align: center;
}

.popupclose {
  top: 8px;
  right: 16px;
  position: absolute;
  z-index: 99999;
  cursor: pointer;
}