/* --------------DIMENS----------------*/
/* ----------DARK2 THEME ---------------*/
/* green primary - 297673*/
/*#3e3e48; #2B455C;*/
/*#343638; #37393C; #222325;*/
rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 30px 0 15px 0;
  vertical-align: middle;
}
rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
rzslider span.rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
rzslider span.rz-bar-wrapper {
  left: 0;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}
rzslider span.rz-bar {
  left: 0;
  z-index: 0;
  width: 100%;
  height: 4px;
  background: #999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
rzslider span.rz-bar.rz-selection {
  z-index: 1;
  background: #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
rzslider span.rz-pointer {
  top: -10px;
  z-index: 2;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: #777;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
rzslider span.rz-pointer:after {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  background: #DADADA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  content: '';
}
rzslider span.rz-pointer:hover:after {
  background-color: #ffffff;
}
rzslider span.rz-pointer.rz-active:after {
  background-color: #ffffff;
}
rzslider span.rz-bubble {
  top: -32px;
  padding: 1px 3px;
  color: #EAEAEA;
  cursor: default;
}
rzslider span.rz-bubble.rz-selection {
  top: 16px;
}
rzslider span.rz-bubble.rz-limit {
  color: #989898;
}
@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ngdialog {
  box-sizing: border-box;
}
.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  box-sizing: inherit;
}
.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
.ngdialog.ngdialog-disabled-animation .ngdialog-content {
  -webkit-animation: none!important;
  animation: none!important;
}
.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
}
.ngdialog-no-overlay {
  pointer-events: none;
}
.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}
.ngdialog-content {
  background: white;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
  pointer-events: all;
}
.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}
.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer;
}
html.ngdialog-open,
body.ngdialog-open {
  overflow: hidden;
}
@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
.ngdialog.ngdialog-theme-default {
  padding-bottom: 160px;
  padding-top: 160px;
}
@media screen and (max-width: 650px) {
  .ngdialog.ngdialog-theme-default {
    padding-bottom: 0px;
    padding-top: 60px;
  }
}
.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout 0.5s;
  animation: ngdialog-flyout 0.5s;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  font-family: 'Helvetica', sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px;
}
.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: transparent;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
  color: #777;
}
.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: .5em;
}
.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em;
}
.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%;
}
.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none;
}
.ngdialog.ngdialog-theme-default .ngdialog-buttons {
  *zoom: 1;
}
.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both;
}
.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase;
}
.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none;
}
@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none;
  }
}
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff;
}
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777;
}
.ngdialog-content {
  background: #3b3d41 !important;
}
@media screen and (min-width: 650px) {
  .ngdialog-content {
    width: 600px !important;
    max-width: 600px !important;
  }
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 18px;
}
/* -----------ANIMATIONS ------------*/
.animate1000 {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
}
.animate-view-controls {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
.animate-view-menu {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  position: relative;
}
.animate-search-box {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  position: relative;
}
.animate-search-box2 {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
.animate-view-controls-bottom {
  bottom: 0px;
}
.animate-view-controls-bottom.ng-hide {
  bottom: -36px !important;
}
.animate-view-menu-left {
  left: 0;
}
.animate-view-menu-right {
  right: 0;
}
.animate-view-menu-left.ng-hide {
  left: -218px;
}
.animate-view-menu-right.ng-hide {
  right: -252px;
}
.animate-search-box-show {
  top: 0;
}
.animate-search-box-show.ng-hide {
  top: -40px;
}
/*
.animate-search-category-content {
  height:100%;
}

.animate-search-category-content.ng-hide {
  height: 0%;
}
*/
.animate-search-category-content {
  height: 200px;
}
.animate-search-category-content.ng-hide {
  height: 0px;
}
/*----------------------------------------------*/
.md-button.kr-button-primary {
  background: #3B7093;
  color: #eeeeee;
}
.md-button.kr-button-primary:hover {
  background: #2980b9;
}
.md-button.kr-button-primary[disabled] {
  background: #333333;
}
/*-----LOGIN------*/
.kr-login-wrapper {
  padding: 16px;
}
.kr-login-wrapper .login-form {
  max-width: 500px;
}
.kr-login-wrapper .login-form .kr-input-wrapper {
  background: #2b2c30;
}
.kr-login-wrapper .login-form .kr-input-wrapper input {
  color: #2980b9;
}
.kr-login-wrapper .login-form .kr-input-wrapper label {
  color: #bbbbbb;
}
.kr-login-wrapper #login-button {
  float: right;
  margin-top: 15px;
}
.kr-button {
  color: #ccc;
  margin: 5px;
  padding: 5px 30px;
  border: 1px solid #8C8C8C;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  border-radius: 0px;
  display: inline-block;
  text-align: center;
  transition-duration: 0.4s;
  text-transform: uppercase;
  /*transition-property: border, color, background;*/
}
.kr-button.kr-btn-right {
  float: right;
}
.kr-button.kr-btn-left {
  float: left;
}
.kr-button:hover {
  background: #777;
  color: #f4f4f4;
  border-radius: 2px;
  border: 1px solid transparent;
}
/*---------------*/
/*
.angucomplete-holder {
    position: relative;
    margin-top:5px;
    margin-left:150px;
    width:500px;
}


.angucomplete-dropdown {
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 500px;
    padding: 6px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    margin-top: -6px;
    background-color: #ffffff;
}

.highlight {
  color:#60a0e0;
}

.angucomplete-searching {
    color: #acacac;
    font-size: 14px;
}

.angucomplete-description {
    font-size: 14px;
}

.angucomplete-row {
    padding: 5px;
    color: #000000;
    margin-bottom: 4px;
    clear: both;
}

.angucomplete-selected-row {
    background-color: lightblue;
    color: #ffffff;
}

.angucomplete-image-holder {
    padding-top: 2px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.angucomplete-image {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px;
}

.angucomplete-image-default {
     background-image: url('/assets/default.png');
    background-position: center;
    background-size: contain;
    height: 34px;
    width: 34px;
}
*/
.kr-main-search-wrapper {
  margin: 8px;
  position: relative;
}
.kr-main-search-wrapper .search-action {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 16px;
  cursor: pointer;
  background-image: url('../img/ic_search_grey.png');
  background-position: center;
  background-size: contain;
}
.kr-main-search-wrapper .search-action:hover {
  background-image: url('../img/ic_search_white.png');
  background-position: center;
  background-size: contain;
}
.kr-search-field-select {
  width: 140px;
  height: 32px;
  position: absolute;
  top: 1px;
  right: 1px;
  /*background-color:#335566;*/
  border-color: transparent;
  color: #dddddd;
  border-radius: 0px;
  border: none;
  border-left: #3e3e48 solid 1px;
  padding: 0px;
  overflow: hidden;
  background-color: #32353A;
}
.kr-search-field-select select,
.kr-search-field-select select:focus,
.kr-search-field-select select:active {
  border: none;
  color: #dddddd;
  cursor: pointer;
  width: 156px;
  background-color: #32353A;
  box-shadow: none;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.kr-search-field-select select:focus {
  outline: none;
}
.kr-search-field-box {
  background-color: #32353A;
  border-color: #aaaaaa;
  color: #dddddd;
  border-radius: 0px;
  padding-left: 50px;
  padding-right: 10px;
  margin: 0px;
  height: 34px;
  border: none;
  box-shadow: inset 0 0px 2px rgba(255, 255, 255, 0.76);
  transition: background-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;
}
.kr-search-field-box:focus {
  box-shadow: 0 0 2px #ffffff;
  background-color: #2A2D31;
  box-shadow: 0 0 4px #ffffff;
}
.kr-search-field-box:hover {
  background-color: #2A2D31;
}
.kr-document-search-field-box {
  background-color: #32353a;
  border: none;
  box-shadow: inset 0 0px 1px rgba(255, 255, 255, 0.76);
  color: #dddddd;
  border-radius: 0px;
  padding-left: 8px;
  padding-right: 30px;
  margin: 0px;
  height: 34px;
}
.angucomplete-holder {
  position: relative;
  margin: 0px;
}
.angucomplete-dropdown {
  border-color: #555555;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  width: 100%;
  overflow-y: auto;
  max-height: 600px;
  padding: 0px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  margin-top: -1px;
  background-color: #32353A;
  /*@kr-main-search-autocomplete-bg-color;*/
}
.highlight {
  /* color:@kr-main-search-autocomplete-highlight-color;*/
  font-weight: 600;
  color: #6af;
  /*#7bf;*/
}
.angucomplete-searching {
  color: #acacac;
  font-size: 14px;
  z-index: 999;
}
.angucomplete-title {
  font-size: 15px;
  line-height: 20px;
  height: 40px;
  margin-bottom: 7px;
  color: #fff;
  overflow: hidden;
}
.angucomplete-description {
  font-size: 13px;
  line-height: 18px;
  height: 18px;
  color: #999;
  overflow: hidden;
}
.angucomplete-row {
  padding: 5px;
  color: #eeeeee;
  border-bottom: 1px solid #384040;
  clear: both;
  overflow: hidden;
  height: 75px;
}
.angucomplete-selected-row {
  background-color: #345;
  /*@kr-main-search-autocomplete-selected-bg-color;*/
  color: #ffffff;
}
.angucomplete-image-holder {
  float: left;
  margin-right: 10px;
  margin-left: 5px;
  width: 40px;
  height: 64px;
}
.angucomplete-image {
  max-height: 64px;
  max-width: 40px;
  float: right;
  /*border-radius: 50%;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px;*/
}
.angucomplete-image-default {
  background-image: url('/assets/default.png');
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px;
}
.kr-panel .angucomplete-title {
  font-size: 15px;
  line-height: 22px;
  height: 22px;
  color: #fff;
  overflow: hidden;
}
.kr-panel .angucomplete-row {
  padding: 5px;
  border-bottom: 1px solid #384040;
  clear: both;
  overflow: hidden;
  height: 33px;
}
svg text {
  fill: #d2d2d2;
}
.nvd3 .nv-axis line {
  stroke: rgba(200, 200, 200, 0.2);
}
.nvd3 .nv-multibarHorizontal .nv-groups text {
  fill: #c8c8c8;
  font-weight: 100;
  stroke: none;
}
.nvtooltip {
  color: #444444;
}
md-slider .md-track-container {
  background-color: #dddddd !important;
}
#kr-responsive-cards-container {
  width: 100%;
}
#kr-viewer {
  background: #292A2D;
  height: 100%;
  width: 100%;
}
#kr-viewer .kr-viewer-nav {
  position: absolute;
  display: block;
  width: 55px;
  height: 55px;
  z-index: 50;
  top: 50%;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  transition: opacity 0.5s ease;
  opacity: 0.26;
  background-color: #111111;
}
#kr-viewer .kr-viewer-nav:hover {
  opacity: 0.6;
}
#kr-viewer .kr-viewer-nav.kr-nav-right {
  right: 10px;
}
#kr-viewer .kr-viewer-nav.kr-nav-left {
  left: 10px;
}
#kr-viewer .kr-viewer-nav img {
  width: 100%;
  padding: 11px;
  height: 100%;
}
.kr-search-box-wrapper {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.kr-search-box {
  background-color: #222222;
  border-color: #666666;
  color: #dddddd;
}
.kr-search-box-cancel {
  cursor: pointer;
  position: absolute;
  height: 22px;
  width: 22px;
  top: 19px;
  right: 9px;
}
.kr-toolbar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #43464A !important;
  width: 100%;
  height: 50px;
  max-height: 50px;
  min-height: 50px;
  position: relative;
  z-index: 996;
  padding-top: 1px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.kr-toolbar .app-title-link {
  margin-left: 20px;
}
.kr-toolbar .app-title-link .app-title {
  margin-bottom: 0px;
  margin-top: 1px;
  font-weight: 400;
  color: #eee;
  font-size: 24px;
  line-height: 49px;
  padding: 0;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 700px) {
  .kr-toolbar .app-title-link .app-title {
    font-size: 22px;
  }
}
.kr-toolbar .app-title-link .app-title:hover {
  color: #fff;
}
.kr-toolbar .toolbar-action {
  margin-right: 5px;
  margin-left: 5px;
  background: transparent;
  margin-top: 5px;
  width: 40px;
  height: 40px;
  padding: 7px;
  border-radius: 50%;
  float: left;
  cursor: pointer;
}
.kr-toolbar .toolbar-action:hover {
  background: #666;
}
.kr-toolbar .toolbar-action img {
  width: 26px;
  height: 26px;
}
.kr-toolbar .toolbar-action.kr-gravatar {
  padding: 5px;
}
.kr-toolbar .toolbar-action.kr-gravatar .kr-gravatar-fallback {
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #333;
  border-radius: 50%;
  background: #eee;
}
.kr-toolbar .toolbar-action.kr-gravatar img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.kr-toolbar .toolbar-action.back-arrow {
  transition: noen;
}
.kr-toolbar .toolbar-main {
  left: 285px;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-right: 0px;
  width: calc(100% - 285px);
}
.kr-toolbar .toolbar-main.mobile-search-enabled {
  left: 0px;
  width: 100%;
  padding: 0 40px 0 5px;
}
.kr-toolbar .toolbar-main .toolbar-actions {
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .kr-toolbar .toolbar-main .toolbar-actions {
    position: absolute;
    right: 0;
  }
}
.kr-toolbar .toolbar-main .toolbar-actions .flag-container {
  padding: 0px 10px;
  height: 50px;
  float: left;
  cursor: pointer;
}
.kr-toolbar .toolbar-main .toolbar-actions .flag-container .kr-flag {
  margin-top: 10px;
  height: 30px;
}
.kr-toolbar .toolbar-main .toolbar-actions .flag-container .lang-dropdown {
  top: 50px;
  right: 8px;
  min-width: 160px;
  display: none;
  color: #3d3d3d;
  font-size: 12px;
  background-color: #43464A;
  box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.29);
  z-index: 999;
  position: absolute;
}
.kr-toolbar .toolbar-main .toolbar-actions .flag-container .lang-dropdown .lang-item {
  height: 40px;
  border-bottom: 1px solid #555;
  padding: 0px 15px;
  cursor: pointer;
}
.kr-toolbar .toolbar-main .toolbar-actions .flag-container .lang-dropdown .lang-item:hover {
  background: #345;
}
.kr-toolbar .toolbar-main .toolbar-actions .flag-container .lang-dropdown .lang-item .lang-icon {
  height: 30px;
  margin-top: 5px;
  margin-right: 10px;
  vertical-align: top;
}
.kr-toolbar .toolbar-main .toolbar-actions .flag-container .lang-dropdown .lang-item .lang-name {
  line-height: 40px;
  font-size: 15px;
  color: #ddd;
  height: 40px;
}
.kr-toolbar .toolbar-main .toolbar-actions .flag-container:hover .lang-dropdown {
  display: block;
}
.kr-toolbar .toolbar-main .toolbar-actions .download-container .kr-flag {
  padding: 2px;
}
.kr-toolbar .toolbar-main .toolbar-actions .download-container .lang-dropdown {
  right: 50px;
}
.kr-toolbar .toolbar-main .toolbar-actions .download-container .lang-dropdown .lang-item {
  padding-left: 10px;
}
.kr-toolbar .toolbar-main .toolbar-actions .download-container .lang-dropdown .lang-item .lang-icon {
  height: 22px;
  margin-top: 9px;
}
.kr-toolbar .toolbar-main .toolbar-search-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 700px) {
  .kr-toolbar .toolbar-main .toolbar-search-wrapper {
    display: none;
  }
  .kr-toolbar .toolbar-main .toolbar-search-wrapper.mobile-search-enabled {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .kr-toolbar .hide-on-mobile {
    display: none;
  }
}
@media screen and (min-width: 700px) {
  .kr-toolbar .show-on-mobile {
    display: none;
  }
}
md-dialog {
  background-color: #3B3D41 !important;
  /*  max-width: ~"calc(100% - 640px)";*/
}
md-dialog md-content {
  background-color: #3B3D41 !important;
}
md-radio-group {
  border: none !important;
}
/*
.md-button {
 background-color: transparent !important;
}
.md-button:hover {
 background-color: @kr-card-bg-hover-color !important;
}
*/
.md-fab,
.md-fab:active,
.md-fab:focus {
  background-color: #206080 !important;
}
.md-fab:hover {
  background-color: #207090 !important;
}
.fab-view-fullscreen {
  width: 50px !important;
  height: 50px !important;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1001 !important;
}
.fab-view-fullscreen-icon {
  width: 25px;
  height: 25px;
}
html,
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #3a3a3a;
  color: #bbbbbb;
  font-family: Roboto, sans-serif, 'Helvetica Neue' !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.kr-main-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.kr-main-container .kr-main-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(100% - 50px);
}
.kr-main-container .kr-main-content-wrapper .kr-main-sidenav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.kr-main-container .kr-main-content-wrapper .kr-main-content {
  background: #2b2c30;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0px;
  padding: 0px;
  position: relative;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #43464A;
}
::-webkit-scrollbar-thumb {
  background-color: #666666;
  border-radius: 4px;
}
:focus {
  outline: none !important;
}
.kr-featured-wrapper {
  overflow: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 6px;
}
.kr-featured-wrapper .kr-featured-category {
  overflow: hidden;
}
.kr-featured-wrapper .kr-featured-category.kr-featured-collapsed {
  max-height: 505px;
}
.kr-featured-wrapper .kr-featured-category .kr-padding {
  width: 100%;
  height: 20px;
}
.kr-featured-wrapper .kr-featured-category .kr-featured-header {
  padding: 10px 7px 2px 7px;
  overflow: hidden;
  height: 37px;
}
.kr-featured-wrapper .kr-featured-category .kr-featured-header .kr-featured-label {
  color: #CACACA;
  line-height: 25px;
  font-size: 19px;
  font-weight: 400;
}
.kr-featured-wrapper .kr-featured-category .kr-featured-header .kr-featured-more {
  color: #CACACA;
  font-size: 14px;
  float: right;
  margin-top: 2px;
  line-height: 23px;
  cursor: pointer;
  font-weight: 400;
}
.kr-featured-wrapper .kr-featured-category .kr-featured-header .kr-featured-more:hover {
  color: #fff;
}
.kr-collections-wrapper {
  overflow: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 6px;
}
.kr-collections-wrapper .kr-common-card-wrapper {
  width: 100% !important;
}
.kr-collections-wrapper .kr-common-card-wrapper .kr-common-card .kr-card-content .kr-card-title-wrapper {
  margin-top: 0px;
  height: 21px;
  overflow: hidden;
  display: block;
  margin-bottom: 12px;
}
.kr-collections-wrapper .kr-common-card-wrapper .kr-common-card .kr-card-content .kr-card-title-wrapper .kr-card-title {
  line-height: 21px;
  font-size: 18px;
  overflow: hidden;
  font-weight: 400;
  color: #eee;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
}
.kr-collections-wrapper .kr-common-card-wrapper .kr-common-card .kr-card-content .kr-card-description {
  line-height: 21px;
  font-size: 16px;
  font-weight: 400;
  color: #bbb;
  min-height: 78px;
  padding-bottom: 8px;
  display: block;
}
.kr-collections-wrapper .kr-common-card-wrapper .kr-common-card .kr-card-content .kr-card-count {
  font-size: 14px;
  color: #eee;
}
.kr-panel {
  background: #32353A;
  color: #999999;
  height: inherit;
}
.kr-view-panel-right-wrapper {
  overflow: hidden;
  float: right;
  height: inherit;
  min-width: 28px;
}
.kr-view-panel-right-wrapper .kr-toggle {
  cursor: pointer;
  /* margin-top: 7px; */
  padding: 7px 10px 7px 4px;
  background: #32353a;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.kr-view-panel-right-wrapper .kr-toggle img {
  width: 22px;
  height: 22px;
}
.kr-view-panel-right-wrapper .kr-toggle .kr-label {
  line-height: 22px;
  color: #C1C1C1;
  margin-left: 5px;
}
.kr-view-panel-right-wrapper .kr-view-panel-right {
  float: right;
  width: 280px;
}
.kr-view-panel-right-wrapper .kr-view-panel-right-collapsed {
  height: inherit;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.36);
  width: 28px;
  text-align: center;
  position: absolute;
  background: #32353A;
  right: 0;
}
.kr-view-panel-right-wrapper .kr-view-panel-right-collapsed .kr-toggle {
  padding: 7px 0px;
}
.kr-view-panel-right-wrapper .kr-view-panel-right-collapsed .kr-label {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #f3f3f3;
}
.kr-view-panel-left-wrapper {
  overflow: hidden;
  float: left;
  height: inherit;
  margin-right: 2px;
  min-width: 28px;
}
.kr-view-panel-left-wrapper .kr-toggle {
  cursor: pointer;
  padding: 7px 4px 7px 10px;
}
.kr-view-panel-left-wrapper .kr-toggle img {
  width: 22px;
  height: 22px;
}
.kr-view-panel-left-wrapper .kr-view-panel-left-collapsed {
  height: inherit;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.36);
  width: 28px;
  text-align: center;
  position: absolute;
  background: #32353A;
  left: 0;
}
.kr-view-panel-left-wrapper .kr-view-panel-left-collapsed .kr-toggle {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding: 7px 0px;
}
.kr-view-panel-left-wrapper .kr-view-panel-left-collapsed .kr-label {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #f3f3f3;
}
.kr-view-panel-left-wrapper .kr-view-panel-left {
  /*box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);*/
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.36);
  width: 246px;
  padding-bottom: 5px;
  height: inherit;
  overflow: hidden;
  float: left;
}
.kr-view-panel-left-wrapper .kr-view-panel-left .kr-panel-tab {
  /*background: #32353A;
      box-shadow: 0 0 1px rgba(159, 159, 159, 0.56);
      margin-bottom: 1px;*/
  margin-bottom: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.kr-view-panel-left-wrapper .kr-view-panel-left .kr-panel-tab .kr-panel-tab-item {
  padding: 0px 7px;
  line-height: 36px;
  color: #ccc;
  font-size: 13px;
  display: inline-block;
  cursor: pointer;
}
.kr-view-panel-left-wrapper .kr-view-panel-left .kr-panel-tab .kr-panel-tab-item.kr-active {
  color: #eee;
  font-weight: 600;
}
.kr-view-panel-left-wrapper .kr-view-panel-left .kr-panel-tab .kr-panel-tab-item:hover {
  background: #345;
  /*#3E3F44;*/
}
.kr-metadata-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 10px 12px;
  color: #bbb;
  font-size: 14px;
  font-weight: 500;
}
.kr-metadata-wrapper p {
  word-break: break-word;
}
.kr-metadata-wrapper .kr-favourite {
  background-image: url('../img/ic_favourite_gray.png');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  width: 24px;
  height: 24px;
  float: right;
}
.kr-metadata-wrapper .kr-favourite:hover {
  cursor: pointer;
}
.kr-metadata-wrapper .kr-favourite.kr-active {
  background-image: url('../img/ic_favourite_white.png');
}
.kr-metadata-wrapper .kr-more {
  display: inline;
  font-size: 14px;
  cursor: pointer;
  color: #d4d4d4;
  font-weight: 500;
}
.kr-metadata-wrapper .kr-more:hover {
  color: #fff;
}
.kr-metadata-wrapper .kr-link {
  display: inline;
  font-size: 14px;
  cursor: pointer;
  color: #bbb;
  font-weight: 500;
}
.kr-metadata-wrapper .kr-link:hover {
  color: #fff;
}
.kr-metadata-wrapper .kr-col {
  display: inline;
  font-size: 16px;
  cursor: pointer;
  text-decoration: underline;
}
.kr-metadata-wrapper .kr-fb-share {
  margin-top: 15px;
  overflow: hidden;
}
.kr-metadata-wrapper .kr-note {
  font-weight: 400;
  padding-bottom: 10px;
  word-break: break-word;
}
.kr-metadata-wrapper .metadata-title {
  font-size: 22px;
  margin-bottom: 5px;
  line-height: 120%;
  font-weight: 400;
  color: #dddddd;
}
.kr-metadata-wrapper .metadata-subtitle {
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 120%;
  font-weight: 400;
}
.kr-metadata-wrapper .metadata-parttitle {
  font-size: 15px;
  color: #aaa;
  margin-bottom: 5px;
  line-height: 120%;
  font-weight: 400;
}
.kr-metadata-wrapper h4 {
  font-size: 14px;
  margin-top: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #878787;
  font-weight: 400;
  text-transform: uppercase;
}
.kr-metadata-wrapper .metadata-navigation {
  padding-top: 10px;
  padding-bottom: 0px;
}
.kr-metadata-wrapper .metadata-navigation .navigation-item {
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  clear: both;
  color: #aaaaaa;
}
.kr-metadata-wrapper .metadata-navigation .navigation-item img {
  width: 21px;
  height: 21px;
  padding: 3px;
  float: left;
  margin-right: 6px;
  margin-left: 4px;
  opacity: 0.6;
}
.kr-metadata-wrapper .metadata-navigation .navigation-item:hover {
  color: #ffffff;
}
.kr-metadata-wrapper .metadata-navigation .navigation-item:hover img {
  opacity: 1;
}
.kr-metadata-wrapper .source-library {
  overflow: hidden;
}
.kr-metadata-wrapper .source-library img {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  float: left;
}
.kr-metadata-identifiers {
  font-size: 13px;
  margin-top: 8px;
}
.kr-common-card-wrapper {
  width: 16.66666%;
  float: left;
  padding: 6px;
  overflow: hidden;
  /*height:155px;*/
}
@media (max-width: 2300px) {
  .kr-common-card-wrapper {
    width: 20%;
  }
}
@media (max-width: 1900px) {
  .kr-common-card-wrapper {
    width: 25%;
  }
}
@media (max-width: 1500px) {
  .kr-common-card-wrapper {
    width: 33.33333%;
  }
}
@media (max-width: 1260px) {
  .kr-common-card-wrapper {
    width: 50%;
  }
}
@media (max-width: 840px) {
  .kr-common-card-wrapper {
    width: 100%;
  }
}
.kr-common-card-wrapper .kr-common-card {
  background-color: #343638;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.kr-common-card-wrapper .kr-common-card:hover {
  background-color: #43464a;
}
.kr-common-card-wrapper .kr-common-card .kr-card-content {
  padding: 8px;
}
.kr-common-card-wrapper .kr-common-card .kr-card-content .kr-card-thumbnail {
  height: 128px;
  width: 96px;
  display: block;
  float: left;
  margin-right: 8px;
  background-position: top center !important;
  background-size: contain !important;
}
.kr-card-library {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 2px;
  top: 9px;
}
.kr-card-lock-wrapper {
  width: 28px;
  height: 28px;
  background: #515151;
  display: block;
  margin-top: 54px;
  margin-left: 36px;
  padding: 3px 6px 9px 6px;
  border-radius: 50%;
}
.kr-card-lock-wrapper .kr-card-lock {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0px;
  position: static;
}
.kr-card-collection-title {
  margin-top: 0px;
  padding-bottom: 10px;
  color: #dddddd;
  font-size: 18px;
  line-height: 26px;
  height: 52px;
  margin-bottom: 8px;
  overflow: hidden;
}
.kr-card-collection-subtitle {
  color: #a5a5a5;
  padding-top: 6px;
  font-size: 14px;
  overflow: hidden;
}
.kr-card-collection-subtitle .kr-highlight {
  color: #AFAFAF;
  font-weight: 600;
}
.kr-card-collection-icon {
  height: 86px;
  width: 65px;
  display: block;
  float: left;
  margin-right: 12px;
  background-position: top center;
  background-size: contain !important;
}
.kr-card-bcategory-title {
  color: #dddddd;
  font-size: 18px;
  line-height: 50px;
  padding-left: 10px;
  height: 50px;
  overflow: hidden;
}
.kr-card-bcategory-icon {
  width: 50px;
  height: 50px;
  padding: 10px;
  float: left;
}
.kr-browse-category-wrapper {
  text-align: center;
  margin-top: 50px;
}
.kr-browse-category-wrapper .kr-browse-category {
  padding: 10px;
  font-size: 20px;
  color: #aaa;
}
.kr-main-card-wrapper {
  height: 144px;
  width: 300px;
  margin-left: 13px;
  margin-top: 13px;
  display: inline-block;
}
.kr-main-card-wrapper md-card {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.kr-main-card-content {
  padding: 8px;
}
md-card:hover {
  background: #444444;
}
a {
  color: #AD955A;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #FFFFFF;
}
a:active {
  text-decoration: none;
}
.kr-library-info-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 20px;
}
.kr-library-info-wrapper h2 {
  margin-top: 8px;
  color: #ddd;
  font-size: 27px;
  font-weight: 400;
}
.kr-about-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: auto;
  padding: 15px;
}
.kr-about-wrapper ul {
  padding-left: 25px;
}
.kr-about-wrapper ul li {
  list-style-type: disc;
  word-wrap: break-word;
}
.kr-about-wrapper h2 {
  margin-top: 5px;
  color: #ddd;
  font-size: 27px;
  font-weight: 400;
}
.kr-about-wrapper h3 {
  font-weight: 400;
  margin-top: 40px;
  font-size: 20px;
  color: #d4d4d4;
}
.kr-about-wrapper h4 {
  font-weight: 300;
  margin-top: 40px;
  color: #ccc;
}
.kr-about-wrapper p {
  line-height: 1.43;
}
.kr-about-wrapper a,
.kr-about-wrapper .kr-link {
  color: #fff;
  font-weight: 400;
}
.kr-about-wrapper a:hover,
.kr-about-wrapper .kr-link:hover {
  color: #5586B7;
  cursor: pointer;
}
.kr-home-wrapper {
  padding: 20px;
}
.kr-home-wrapper p {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  color: #aaaaaa;
}
.kr-home-wrapper h2 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  font-size: 20px;
  color: #cccccc;
}
.kr-home-wrapper h3 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #bbbbbb;
}
.kr-home-wrapper .kr-open-wrapper {
  width: 100%;
  text-align: left;
  padding-top: 50px;
}
.kr-home-wrapper .kr-open-wrapper .kr-open {
  background-color: #5E5E5E;
  padding: 5px 25px;
  color: #E5E5E5;
  display: inline;
  cursor: pointer;
}
.kr-home-wrapper .kr-open-wrapper .kr-open:hover {
  background-color: #6E6E6E;
}
.kr-card-thumb {
  height: 128px;
  width: 96px;
  display: block;
  float: left;
  margin-right: 8px;
  background-position: top center;
  background-size: contain !important;
}
.kr-card-title-wrapper {
  margin-top: 0px;
  height: 42px;
  overflow: hidden;
  display: block;
  margin-bottom: 9px;
}
.kr-card-title-wrapper .kr-card-title {
  line-height: 21px;
  font-size: 18px;
  overflow: hidden;
  font-weight: 400;
  color: #eee;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
}
.kr-card-label {
  overflow: hidden;
  height: 20px;
  margin-bottom: 3px;
}
.kr-card-label.kr-card-hits {
  height: 43px;
  padding-top: 23px;
}
.kr-card-label span {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  height: 20px;
  font-weight: 400;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 4px;
  color: #aaaaaa;
}
.kr-card-label img {
  width: 20px;
  height: 20px;
  padding: 1px 4px 3px 0px;
}
.kr-card-subtitle {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  height: 20px;
  /*font-style: italic;*/
  font-weight: 400;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 4px;
  color: #aaaaaa;
}
.kr-card-model {
  color: #B0B0B0;
  padding: 2px 10px;
  border-radius: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kr-card-model.model-monograph {
  background: #3C536E;
}
.kr-card-model.model-graphic {
  background: #593C3C;
}
.kr-card-model.model-periodical {
  background: #386351;
}
.kr-card-model.model-periodicalitem {
  background: #386351;
}
.kr-card-model.model-periodicalvolume {
  background: #386351;
}
.kr-card-model.model-soundrecording {
  background: #5C4A5C;
}
.kr-card-model.model-map {
  background: #5E5C2E;
}
.kr-card-model.model-manuscript {
  background: #664415;
}
.kr-card-model.model-archive {
  background: #5E5D5E;
}
.kr-card-model.model-sheetmusic {
  background: #744274;
}
.kr-card-model.model-pdf {
  background: #505050;
}
.kr-card-model.model-page {
  background: #555;
}
.kr-card-model.model-fulltext {
  background: #96582D;
}
.kr-card-model.model-article {
  background: #9B2A2A;
}
.kr-card-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 30px;
  position: relative;
  overflow: hidden;
  padding-top: 7px;
}
.kr-card-line {
  background-color: transparent;
  border-color: transparent;
  height: 1px;
  margin: 0px;
  padding: 0px;
}
.kr-card-lock {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  right: 0px;
}
.kr-browse-card-title {
  height: 50px;
  line-height: 25px;
  font-size: 20px;
  margin: 0px;
  padding: 0px;
  color: #dddddd;
  overflow: hidden;
}
.kr-browse-card-subtitle {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  color: #2980b9;
  margin-top: 25px;
}
.kr-page-card-title {
  margin: 0px;
  padding: 0px;
  font-weight: 300;
  color: #dddddd;
  overflow: hidden;
}
.kr-page-card-volume {
  height: 22px;
  line-height: 22px;
  margin-bottom: 5px;
  font-size: 18px;
}
.kr-page-card-issue {
  height: 20px;
  line-height: 20px;
  margin-bottom: 3px;
  font-size: 16px;
}
.kr-page-card-page {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
}
.kr-page-card-context {
  height: 68px;
  line-height: 17px;
  margin-top: 3px;
  font-size: 13px;
  color: #dddddd;
  overflow: hidden;
}
.kr-page-card-context strong {
  color: #ffffff;
}
.kr-page-card-accent {
  color: #2980b9;
}
.kr-text-primary {
  color: #2980b9;
}
.kr-periodical-card-wrapper {
  width: 10%;
  float: left;
  padding: 6px;
  overflow: hidden;
}
@media (max-width: 1700px) {
  .kr-periodical-card-wrapper {
    width: 11.11110%;
  }
}
@media (max-width: 1580px) {
  .kr-periodical-card-wrapper {
    width: 12.5%;
  }
}
@media (max-width: 1430px) {
  .kr-periodical-card-wrapper {
    width: 14.2857%;
  }
}
@media (max-width: 1300px) {
  .kr-periodical-card-wrapper {
    width: 16.66666%;
  }
}
@media (max-width: 1150px) {
  .kr-periodical-card-wrapper {
    width: 20%;
  }
}
@media (max-width: 1000px) {
  .kr-periodical-card-wrapper {
    width: 25%;
  }
}
@media (max-width: 870px) {
  .kr-periodical-card-wrapper {
    width: 33.33333%;
  }
}
@media (max-width: 720px) {
  .kr-periodical-card-wrapper {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .kr-periodical-card-wrapper {
    width: 33.33%;
  }
}
@media (max-width: 450px) {
  .kr-periodical-card-wrapper {
    width: 50%;
  }
}
@media (max-width: 320px) {
  .kr-periodical-card-wrapper {
    width: 100%;
  }
}
.kr-periodical-card-wrapper .kr-periodical-card {
  width: 100%;
  height: 100%;
  background-color: #343638;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.kr-periodical-card-wrapper .kr-periodical-card:hover {
  background-color: #43464a;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.kr-periodical-card-wrapper .kr-periodical-card .kr-periodical-card-content {
  padding: 8px;
}
.kr-periodical-card-wrapper .kr-periodical-card .kr-periodical-card-content .kr-thumbnail {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 110px;
  height: 160px;
  background-position-y: top;
  background-position-x: center;
  margin-left: auto;
  margin-right: auto;
}
.kr-periodical-card-wrapper .kr-periodical-card .kr-periodical-card-content .kr-thumbnail .kr-card-lock-wrapper {
  margin-top: 66px;
  margin-left: 41px;
  display: inline-block;
}
.kr-lazy-image-periodical {
  max-width: 130px;
  height: 160px;
  display: block;
}
.kr-lazy-image-periodical .afkl-lazy-image {
  max-width: 113px;
  width: auto;
  height: 160px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.kr-periodical-card-title {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  height: 22px;
  font-size: 16px;
  margin-bottom: 4px;
  color: #dddddd;
  line-height: 22px;
  font-weight: 400;
  overflow: hidden;
}
.kr-periodical-card-lock {
  top: calc(50% - 4px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  position: absolute;
}
.kr-periodical-card-supplement {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 20px;
  height: 20px;
}
.kr-periodical-card-subtitle {
  color: #aaaaaa;
  height: 18px;
  font-size: 14px;
  line-height: 18px;
  padding-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  padding: 0px;
  margin-top: 6px;
  font-weight: 300;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
#kr-footer {
  background: #103040;
  color: #eaeaea;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  width: 100%;
}
#kr-footer a {
  decore: none;
  color: #ffffff;
  font-style: bold;
}
.kr-pagelist-item:hover {
  background: #dddddd;
  cursor: pointer;
}
.kr-pagelist-img {
  width: auto;
  height: 80px;
  margin: 10px;
}
.kr-text-primary {
  color: #2980b9;
}
.kr-bg-primary {
  background: #43464A;
}
.menuBtn {
  background-color: transparent;
  border: none;
  margin-left: 10px;
  width: 36px;
}
.kr-collections-wrapper {
  overflow: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 6px;
}
.kr-page-warning {
  font-size: 19px;
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  background-color: transparent;
  z-index: 70;
}
md-list .md-button {
  color: inherit;
  font-weight: 500;
  text-align: left;
  width: 100%;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Using Data-URI converted from svg until <md-icon> becomes available
https://github.com/google/material-design-icons
*/
.menuBtn {
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkhlYWRlciI+CiAgICA8Zz4KICAgICAgICA8cmVjdCB4PSItNjE4IiB5PSItMjIzMiIgZmlsbD0ibm9uZSIgd2lkdGg9IjE0MDAiIGhlaWdodD0iMzYwMCIvPgogICAgPC9nPgo8L2c+CjxnIGlkPSJMYWJlbCI+CjwvZz4KPGcgaWQ9Ikljb24iPgogICAgPGc+CiAgICAgICAgPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+CiAgICAgICAgPHBhdGggZD0iTTMsMThoMTh2LTJIM1YxOHogTTMsMTNoMTh2LTJIM1YxM3ogTTMsNnYyaDE4VjZIM3oiIHN0eWxlPSJmaWxsOiNmM2YzZjM7Ii8+CiAgICA8L2c+CjwvZz4KPGcgaWQ9IkdyaWQiIGRpc3BsYXk9Im5vbmUiPgogICAgPGcgZGlzcGxheT0iaW5saW5lIj4KICAgIDwvZz4KPC9nPgo8L3N2Zz4=) no-repeat center center;
}
md-item[md-ink-ripple] {
  position: relative;
}
md-sidenav {
  width: 280px !important;
  max-width: 280px !important;
  min-width: 280px !important;
}
.kr-sidenav {
  width: 280px;
  background: #32353A;
}
@media (max-width: 599px) {
  .kr-sidenav {
    padding-top: 50px;
  }
}
.kr-sidenav .kr-menu {
  margin-top: 10px;
}
.kr-menu-item {
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  clear: both;
  cursor: pointer;
  opacity: 0.4;
}
.kr-menu-item:hover,
.kr-menu-item.kr-menu-item-active {
  opacity: 1;
}
.kr-menu-item .kr-menu-item-icon {
  height: 18px;
  width: 18px;
  margin-top: 1px;
  float: left;
  display: inline-block;
}
.kr-menu-item .kr-menu-item-label {
  display: inline-block;
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 15px;
  color: #ffffff;
}
.kr-icon-favorite {
  background: url('../img/ic_favourite_white.png') no-repeat;
  background-size: contain;
}
.kr-icon-collections {
  background: url('../img/ic_collections_accent.png') no-repeat;
  background-size: contain;
}
.kr-icon-search {
  background: url('../img/ic_search_accent.png') no-repeat;
  background-size: contain;
}
.kr-icon-browse {
  background: url('../img/ic_browse_accent.png') no-repeat;
  background-size: contain;
}
.kr-icon-about {
  background: url('../img/ic_about_accent.png') no-repeat;
  background-size: contain;
}
.kr-icon-home {
  background: url('../img/ic_home_accent.png') no-repeat;
  background-size: contain;
}
.kr-icon-facebook {
  background: url('../img/ic_share_facebook.png') no-repeat;
  background-size: contain;
}
.kr-icon-gplus {
  background: url('../img/ic_share_gplus.png') no-repeat;
  background-size: contain;
}
.kr-icon-button {
  height: 18px;
  width: 18px;
  cursor: pointer;
}
.kr-icon-share {
  background: url('../img/ic_share.png') no-repeat;
  background-size: contain;
}
.kr-icon-share:hover {
  background: url('../img/ic_share_accent.png') no-repeat;
  background-size: contain;
}
.md-inline-list-icon-label {
  padding-left: 10px;
  display: inline-block;
  margin-top: -10px;
  height: 24px;
  vertical-align: middle;
}
md-card[md-ink-ripple] {
  position: relative;
}
.kr-select-domain {
  background: #2980b9;
  border: transparent;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 15px;
  font-size: 20px;
  font-style: bold;
  color: #ffffff;
}
.kr-select-domain optgroup {
  color: #2980b9;
  background: #111111;
  color: #ffffff;
  font-size: 16px;
}
.kr-select-domain option {
  background: #111111;
  color: #eeeeee;
  font-style: normal;
  font-size: 14px;
}
.kr-domain-item {
  cursor: default;
  overflow: auto;
  display: table;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.kr-domain-item.kr-selectable:hover {
  background: #43464A;
  cursor: pointer;
}
.kr-domain-item .kr-logo {
  width: 30px;
  height: 30px;
  margin: 8px;
  float: left;
  margin-right: 10px;
}
.kr-domain-item .kr-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-right: 8px;
}
.kr-domain-item .kr-content .kr-title {
  line-height: 1.1;
  font-size: 15px;
  color: #bbbbbb;
}
.kr-domain-item .kr-content .kr-selector {
  margin-right: 7px;
  width: 8px;
  height: 8px;
  float: right;
  display: inline;
  margin-top: 4px;
}
.kr-domain-selected {
  margin-top: 10px;
}
.pdf-controls {
  width: 100%;
  display: block;
  background: #eee;
  padding: 1em;
}
.rotate0 {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.rotate90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rotate270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fixed {
  position: fixed;
  top: 0;
  left: calc(-430%);
  z-index: 100;
  width: 100%;
  padding: 1em;
  background: rgba(238, 238, 238, 0.9);
  width: 960px;
}
.kr-browser-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.kr-browser-selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}
.js .afkl-lazy-wrapper {
  position: relative;
  height: 0;
  overflow: hidden;
  display: block;
  background: transparent;
  display: inline-block;
}
.kr-lazy-image-viewer .afkl-lazy-image {
  max-width: 72px;
  display: block;
  vertical-align: baseline;
  padding: 2px;
  border-radius: 4px;
}
/*
.kr-thumb-selected  {
  background-color: #ffffff !important;
  border-radius: 4px;
}
*/
.kr-thumb-selected .afkl-lazy-image {
  opacity: 0.55;
  background-color: #ffffff;
}
.afkl-lazy-image-loading {
  background-color: transparent;
}
.kr-periodical-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: relative;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls {
  height: 50px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-volume {
  position: absolute;
  line-height: 50px;
  font-size: 20px;
  color: #cccccc;
  text-align: center;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 400px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-volume {
    text-align: left;
    left: 15px;
  }
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-volume a {
  display: inline-block;
  cursor: pointer;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-volume a .kr-volume-previous,
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-volume a .kr-volume-next {
  width: 50px;
  height: 50px;
  padding: 16px;
  opacity: 0.6;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-volume a .kr-volume-previous:hover,
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-volume a .kr-volume-next:hover {
  opacity: 1;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-name-wrapper {
  position: absolute;
  line-height: 50px;
  font-size: 20px;
  color: #cccccc;
  left: 15px;
  max-width: 40%;
  max-height: 50px;
  overflow: hidden;
}
@media (max-width: 400px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-name-wrapper {
    display: none;
  }
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-name-wrapper a {
  display: block;
  color: #cccccc;
  cursor: pointer;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-name-wrapper a .kr-volume-up {
  width: 16px;
  height: 16px;
  opacity: 0.6;
  margin-right: 5px;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-name-wrapper a:hover {
  color: #ffffff;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-name-wrapper a:hover .kr-volume-up {
  opacity: 1;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-display {
  position: absolute;
  padding: 5px;
  margin-right: 5px;
  top: 0;
  right: 0;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-display .kr-display-switch {
  width: 40px;
  height: 40px;
  padding: 10px;
  opacity: 0.2;
  cursor: pointer;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-display .kr-display-switch.kr-active {
  opacity: 0.9;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-controls .kr-periodical-display .kr-display-switch:hover {
  opacity: 1;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-grid {
  overflow: auto;
  padding: 6px;
  height: 100%;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-list {
  overflow: hidden;
  padding: 6px;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper {
  width: 12.5%;
  overflow: hidden;
  float: left;
}
@media (max-width: 1600px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper {
    width: 14.2857%;
  }
}
@media (max-width: 1450px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper {
    width: 16.66666%;
  }
}
@media (max-width: 1300px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper {
    width: 20%;
  }
}
@media (max-width: 1150px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper {
    width: 25%;
  }
}
@media (max-width: 1000px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper {
    width: 33.33333%;
  }
}
@media (max-width: 800px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper {
    width: 50%;
  }
}
@media (max-width: 400px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper {
    width: 100%;
  }
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper .kr-periodical-year-item {
  height: 54px;
  line-height: 54px;
  color: #eeeeee;
  font-size: 16px;
  text-align: center;
  margin: 2px;
  background: #343638;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper .kr-periodical-year-item:hover {
  background: #43464a;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper .kr-periodical-year-item.kr-missing {
  color: #666;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper .kr-periodical-year-item.kr-missing:hover {
  background: #343638;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-year-item-wrapper .kr-periodical-year-item .kr-lock {
  width: 16px;
  height: 16px;
  margin-right: -16px;
  margin-top: -4px;
  opacity: 0.8;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-list-item-wrapper .kr-periodical-list-item {
  overflow: hidden;
  padding: 0px 12px;
  height: 36px;
  line-height: 36px;
  color: #eeeeee;
  font-size: 16px;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-list-item-wrapper .kr-periodical-list-item.kr-even {
  background: #43464a;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-list-item-wrapper .kr-periodical-list-item.kr-odd {
  background: #32353a;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-list-item-wrapper .kr-periodical-list-item:hover {
  background: #666a6f;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-list-item-wrapper .kr-periodical-list-item .kr-title {
  float: right;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-list-item-wrapper .kr-periodical-list-item .kr-date {
  float: left;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-list-item-wrapper .kr-periodical-list-item .kr-lock {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-calendar {
  padding: 16px;
}
.kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-calendar .calendar-wrapper {
  float: left;
  padding: 5px;
  margin-bottom: 5px;
  width: 16.66666%;
}
@media (max-width: 2400px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-calendar .calendar-wrapper {
    width: 25%;
  }
}
@media (max-width: 1550px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-calendar .calendar-wrapper {
    width: 33.33333%;
  }
}
@media (max-width: 1260px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-calendar .calendar-wrapper {
    width: 50%;
  }
}
@media (max-width: 840px) {
  .kr-periodical-wrapper .kr-periodical-list-wrapper .kr-periodical-calendar .calendar-wrapper {
    width: 100%;
  }
}
.kr-periodical-wrapper .kr-periodical-fulltext-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: relative;
}
.kr-periodical-wrapper .kr-periodical-fulltext-wrapper .kr-periodical-fulltext {
  overflow: auto;
  padding-bottom: 15px;
  height: 100%;
  width: 100%;
  padding: 6px;
  position: absolute;
}
.kr-periodical-wrapper .kr-view-panel-right-wrapper {
  overflow: initial;
  min-width: initial;
  float: none;
}
#kr-page-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #292A2D;
}
#kr-page-wrapper #kr-viewer {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: relative;
}
.kr-track-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
}
.kr-track-wrapper .kr-view-panel-right-wrapper {
  overflow: initial;
  float: none;
}
.kr-track-wrapper .kr-track-list {
  margin-left: 4px;
  margin-right: 4px;
  height: 100%;
}
.kr-track-wrapper .kr-track-list .track-header {
  box-shadow: 0 0 1px rgba(159, 159, 159, 0.56);
  padding: 5px;
  background: #32353a;
  color: #dddddd;
  font-size: 16px;
  font-weight: 400;
}
.kr-track-wrapper .kr-track-list .track-item {
  cursor: pointer;
  font-size: 16px;
  height: 36px;
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  color: #cccccc;
}
.kr-track-wrapper .kr-track-list .track-item.track-odd {
  background: #2b2c30;
}
.kr-track-wrapper .kr-track-list .track-item.track-odd:hover {
  background: #3b3c40;
}
.kr-track-wrapper .kr-track-list .track-item.track-even {
  background: #27282c;
}
.kr-track-wrapper .kr-track-list .track-item.track-even:hover {
  background: #37383c;
}
.kr-track-wrapper .kr-track-list .track-item.track-active {
  color: #2980b9;
}
.kr-track-wrapper .kr-track-list .track-item .kr-item-right {
  width: calc(100% - 72px);
  float: left;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.kr-track-wrapper .kr-track-list .track-item .kr-item-right .kr-track-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  float: left;
  width: 50%;
  margin-right: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  line-height: 36px;
  padding-left: 12px;
}
.kr-track-wrapper .kr-track-list .track-item .kr-item-right .kr-unit-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaaaaa;
  padding: 5px 0px;
}
.kr-track-wrapper .kr-track-list .track-item .download-track-wrapper {
  width: 36px;
  float: right;
  height: 100%;
  padding: 9px;
}
.kr-track-wrapper .kr-track-list .track-item .download-track-wrapper .download-track {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.kr-track-wrapper .kr-track-list .track-item .download-track-wrapper .download-track.download-icon {
  background-image: url('../img/ic_download_gray.png');
}
.kr-track-wrapper .kr-track-list .track-item .download-track-wrapper .download-track.progress-icon {
  background-image: url('../img/ic_progress.gif');
}
.kr-track-wrapper .kr-track-list .track-item .download-track-wrapper:hover .download-track.download-icon {
  background-image: url('../img/ic_download_white.png');
}
.kr-track-wrapper .kr-music-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: relative;
  padding: 16px;
}
.kr-track-wrapper .kr-music-content .kr-music-header {
  height: 160px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 24px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-thumb-wrapper {
  height: 100%;
  float: left;
  margin-right: 20px;
  width: 160px;
  cursor: pointer;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-thumb-wrapper .kr-music-thumb {
  text-align: right;
  color: white;
  background-size: cover;
  height: 100%;
  background-position: center center;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail {
  height: 100%;
  float: left;
  width: calc(100% - 180px);
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .kr-music-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #dddddd;
  font-size: 20px;
  font-weight: 400;
  height: 30px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .kr-music-author {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888888;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls {
  height: 100px;
  width: 100%;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls rzslider {
  margin: 20px 0 15px 0;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .rz-bubble {
  display: none;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left {
  float: left;
  margin-top: 20px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button {
  width: 70px;
  height: 70px;
  margin: 6px;
  float: left;
  border-radius: 50%;
  background: #282828;
  border: 1px solid #212121;
  cursor: pointer;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.23);
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button img {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button.kr-next {
  width: 60px;
  height: 60px;
  margin-top: 12px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button.kr-next img {
  margin-left: 4px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button.kr-play {
  margin-left: 3px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button.kr-play img {
  margin-left: 4px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button.kr-pause {
  margin-left: 3px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button.kr-pause img {
  margin-left: 0px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button.kr-prev {
  width: 60px;
  height: 60px;
  margin-top: 12px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button.kr-prev img {
  margin-left: -5px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-left .track-button:hover {
  background: #38383a;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-right {
  background: #27282c;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
  border-radius: 5px;
  margin-left: 30px;
  width: calc(100% - 256px);
  box-shadow: inset 0 0 55px rgba(16, 16, 16, 0.23);
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-right .kr-current-track {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 52px;
  padding-top: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #CCCCCC;
  text-align: center;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-right .kr-message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-top: 10px;
  height: 48px;
  vertical-align: baseline;
  font-size: 17px;
  color: #aaaaaa;
  text-align: center;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-right .kr-track-progress {
  width: 100%;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-right .kr-track-progress .kr-track-current {
  width: 50px;
  height: 100%;
  line-height: 43px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-right .kr-track-progress .kr-track-remaining {
  width: 50px;
  text-align: right;
  height: 100%;
  line-height: 43px;
}
.kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail .track-controls .controls-right .kr-track-progress .kr-track-slider {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.kr-search-no-result {
  position: relative;
  display: block;
  top: calc(50% - 30px);
  width: 100%;
  line-height: 30px;
  text-align: center;
  z-index: 70;
  font-size: 18px;
  color: #bbb;
}
.kr-browse-list .kr-item {
  padding: 8px;
  font-size: 16px;
}
.kr-browse-list .kr-item.kr-odd {
  background-color: #43464a;
}
.kr-browse-list .kr-item.kr-odd:hover {
  background-color: #666a6f;
}
.kr-browse-list .kr-item.kr-even {
  background-color: #32353a;
}
.kr-browse-list .kr-item.kr-even:hover {
  background-color: #666a6f;
}
.kr-browse-list .kr-item .kr-title {
  color: #eee;
}
.kr-browse-list .kr-item .kr-count {
  float: right;
  color: #ddd;
}
.kr-browse-list .kr-item:hover {
  background-color: #3C4A5E;
}
.kr-search-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
}
.kr-search-wrapper .kr-search-content {
  height: 100%;
  overflow: auto;
  padding: 6px;
}
@media screen and (max-width: 700px) {
  .kr-search-wrapper .kr-search-content {
    height: calc(100% - 55px);
  }
}
.kr-search-wrapper .kr-search-switch {
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding-top: 6px;
}
@media screen and (min-width: 700px) {
  .kr-search-wrapper .kr-search-switch {
    display: none !important;
  }
}
@media screen and (max-width: 700px) {
  .kr-search-wrapper .kr-button {
    transition: none !important;
  }
  .kr-search-wrapper .hide-on-mobile {
    display: none !important;
  }
}
.kr-search-panel {
  width: 280px;
  padding: 5px;
  height: 100%;
  overflow: auto;
  float: left;
  background: #32353a;
  color: #999999;
  position: relative;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
@media screen and (max-width: 700px) {
  .kr-search-panel {
    height: calc(100% - 55px);
    width: 100%;
  }
}
.kr-search-panel .kr-results {
  color: #ccc;
  font-size: 15px;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.kr-search-panel .kr-results .results-count {
  float: right;
}
.kr-search-panel .kr-results .results-count .kr-strong {
  font-weight: 600;
}
.kr-search-panel .kr-results.kr-fulltext {
  margin-top: 0px;
}
.kr-search-panel .kr-results.kr-fulltext .results-count {
  color: #E6851B;
}
.kr-search-panel .kr-info {
  text-align: right;
  color: #ddd;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 6px;
  height: 22px;
  line-height: 22px;
  font-size: 15px;
  font-weight: 600;
}
.kr-search-panel .kr-category {
  overflow: hidden;
  margin-left: 5px;
  margin-bottom: 20px;
  margin-right: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: #43464a;
}
.kr-search-panel .kr-category .kr-title {
  z-index: 20;
  text-align: center;
  color: #ddd;
  position: relative;
  font-size: 15px;
  font-weight: 600;
  line-height: 32px;
  height: 32px;
  text-transform: uppercase;
  background-color: #53565A;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.26);
}
.kr-search-panel .kr-category .kr-title:hover {
  background-color: #474c52;
  cursor: pointer;
}
.kr-search-panel .kr-category .kr-collapse {
  background-position: center;
  background-size: contain;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 8px;
  top: 7px;
}
.kr-search-panel .kr-category .kr-collapse.kr-collapsed {
  background-image: url('../img/ic_expand_arrow.png');
}
.kr-search-panel .kr-category .kr-collapse.kr-expanded {
  background-image: url('../img/ic_collapse_arrow.png');
}
.kr-search-panel .kr-category .kr-clear {
  width: auto;
  height: calc(100% - 4px);
  padding: 5px;
  margin: 0px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 50%;
}
.kr-search-panel .kr-category .kr-clear:hover {
  background-color: #555;
}
.kr-search-panel .kr-category .kr-content {
  position: relative;
  overflow: hidden;
  /* max-height: 236px;*/
  overflow: auto;
}
.kr-search-panel .kr-category .kr-content .kr-year {
  overflow: hidden;
}
.kr-search-panel .kr-category .kr-content .kr-year .kr-header {
  margin: 5px;
  overflow: auto;
}
.kr-search-panel .kr-category .kr-content .kr-year .kr-header input {
  width: 50px;
  background-color: #6F6F6F;
  border: none;
  padding: 5px;
  margin: 4px;
  color: #E0E0E0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.24);
}
.kr-search-panel .kr-category .kr-content .kr-year .kr-slider-wrapper {
  margin: 15px 10px;
}
.kr-search-panel .kr-category .kr-content .kr-item {
  color: #ccc;
  padding: 7px;
  cursor: pointer;
  clear: both;
  border-top: 1px solid #53565a;
  min-height: 34px;
}
.kr-search-panel .kr-category .kr-content .kr-item:hover {
  background-color: #53565A;
}
.kr-search-panel .kr-category .kr-content .kr-item:hover .kr-name .kr-icon {
  display: none;
}
.kr-search-panel .kr-category .kr-content .kr-item:hover .kr-name .kr-icon.kr-icon-clear {
  display: block;
}
.kr-search-panel .kr-category .kr-content .kr-item.kr-top-line {
  border-top: 1px solid #696969;
}
.kr-search-panel .kr-category .kr-content .kr-item.kr-bottom-line {
  border-bottom: 1px solid #696969;
}
.kr-search-panel .kr-category .kr-content .kr-item.kr-active {
  /*background-color: #a3565A;*/
  /*background-color: #3B3E42;*/
  font-weight: 600;
  color: #eeeeee;
}
.kr-search-panel .kr-category .kr-content .kr-item .kr-count {
  float: right;
}
.kr-search-panel .kr-category .kr-content .kr-item .kr-count-ft {
  float: right;
  color: #E6851B;
  /* margin-right: 10px; */
  font-size: 12px;
  width: 50px;
  text-align: right;
  border-left: solid 1px #888;
  margin-left: 10px;
  padding-top: 2px;
}
.kr-search-panel .kr-category .kr-content .kr-item .kr-name .kr-icon {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 8px;
  padding: 2px;
}
.kr-search-panel .kr-category .kr-content .kr-item .kr-name .kr-icon.kr-icon-clear {
  display: none;
}
.kr-search-panel .kr-category .kr-content .kr-item.kr-extend {
  background: #53565a;
  color: #ddd;
  text-align: center;
  font-weight: 600;
  border-top: 1px solid #6c7075;
}
.kr-search-panel .kr-category .kr-content .kr-item.kr-extend:hover {
  background-color: #474c52;
}
.kr-search-panel .kr-category .kr-content.ng-hide-add,
.kr-search-panel .kr-category .kr-content.ng-hide-remove {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.kr-search-panel .kr-category .kr-content.ng-hide-add.ng-hide-add-active,
.kr-search-panel .kr-category .kr-content.ng-hide-remove {
  opacity: 0;
}
.kr-search-panel .kr-category .kr-content.ng-hide-add,
.kr-search-panel .kr-category .kr-content.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.kr-search-panel .kr-filter {
  margin-top: 10px;
}
.kr-search-panel .kr-filter .kr-title {
  color: #dddddd;
  font-size: 16px;
  margin-bottom: 10px;
}
.kr-search-panel .kr-filter .kr-selection {
  width: 100%;
  display: table;
  overflow: auto;
}
.kr-search-panel .kr-filter .kr-selection .kr-selection-item {
  width: 33.33%;
  float: left;
  height: 100%;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  padding: 2px;
  color: #8a8a8a;
  display: table-cell;
  vertical-align: middle;
}
.kr-search-panel .kr-filter .kr-selection .kr-selection-item:hover {
  color: #eeeeee;
}
.kr-search-panel .kr-filter .kr-selection .kr-selection-item.kr-active {
  color: #dddddd;
}
.kr-dialog {
  padding: 10px 5px 0px;
  max-width: 900px;
  color: #ccc;
  font-family: Roboto, sans-serif, 'Helvetica Neue' !important;
}
.kr-dialog .dialog-title {
  color: #eeeeee;
  font-size: 24px;
  margin-bottom: 20px;
}
.kr-dialog .dialog-content {
  color: #bbbbbb;
  overflow: auto;
  font-size: 14px;
}
.kr-dialog .dialog-subtitle {
  color: #dddddd;
  font-size: 16px;
  margin-bottom: 10px;
}
.kr-dialog .dialog-label {
  margin-bottom: 5px;
  color: #b5b5b5;
  font-size: 13px;
}
.kr-dialog .dialog-textarea {
  height: 220px;
  background: #25262A;
  color: #cccccc;
  width: 100%;
  border: solid 1px #5F5F5F;
  padding: 6px;
  resize: none;
}
.kr-dialog .dialog-error {
  color: #b1b1b1;
}
.kr-dialog .dialog-error img {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 8px;
}
.kr-dialog .dialog-input {
  background: #25262A;
  color: #cccccc;
  width: 100%;
  border: solid 1px #5F5F5F;
  padding: 6px;
}
.kr-dialog .dialog-buttons {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}
.kr-dialog .dialog-pdf-message {
  margin-top: 10px;
  color: #cccccc;
}
.kr-dialog .dialog-pdf-message .kr-warning {
  color: #aa4444;
}
.kr-dialog .kr-link {
  display: inline;
  font-size: 14px;
  cursor: pointer;
  color: #bbb;
  font-weight: 500;
}
.kr-dialog .kr-link:hover {
  color: #fff;
}
.kr-dialog .kr-table {
  border: solid 1px #4C4C4C;
}
.kr-dialog .kr-table th {
  padding: 5px;
}
.kr-dialog .kr-table td {
  padding: 5px;
  padding-right: 15px;
  border: solid 1px #4C4C4C;
}
.kr-dialog .kr-table .kr-header {
  background: #4D4F52;
}
.kr-dialog .kr-table .kr-row-odd {
  background: #3B3C40;
}
.kr-dialog .kr-table .kr-row-even {
  background: #36373C;
}
.kr-dialog.kr-note .kr-color-picker {
  margin-bottom: 10px;
  margin-top: 3px;
}
.kr-dialog.kr-note .kr-color-picker .kr-color-wrapper {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 5px;
}
.kr-dialog.kr-note .kr-color-picker .kr-color-wrapper:hover {
  background: #888;
}
.kr-dialog.kr-note .kr-color-picker .kr-color-wrapper.kr-active {
  padding: 1px;
  background: #fff;
}
.kr-dialog.kr-note .kr-color-picker .kr-color-wrapper .kr-color {
  width: 100%;
  height: 100%;
}
.kr-dialog .kr-share .kr-item {
  margin-right: 0px;
  float: left;
  padding: 5px;
  cursor: pointer;
  border-bottom: 1px solid #3B3D41;
}
.kr-dialog .kr-share .kr-item:hover {
  border-bottom: 1px solid #eee;
}
.kr-dialog .kr-input-link-wrapper {
  display: table;
  width: 100%;
  padding-right: 5px;
}
.kr-dialog .kr-input-link-wrapper .kr-input-link {
  display: table-cell;
  width: 100%;
  background: #25262A;
  color: #cccccc;
  border: solid 1px #5F5F5F;
  padding: 6px;
}
.kr-dialog .kr-input-link-wrapper .kr-clipboard-btn-wrapper {
  display: table-cell;
  width: 1%;
}
.kr-dialog .kr-input-link-wrapper .kr-clipboard-btn-wrapper .kr-clipboard-btn {
  height: 34px;
  padding: 4px 10px 2px 10px;
  margin: 0px;
  border-radius: 0px;
  background: #4e5157;
  border: solid 1px #5F5F5F;
  cursor: pointer;
  transition-duration: 0.4s;
}
.kr-dialog .kr-input-link-wrapper .kr-clipboard-btn-wrapper .kr-clipboard-btn:hover {
  background: #777;
  border-radius: 2px;
  border: 1px solid transparent;
}
.kr-dialog .kr-input-link-wrapper .kr-clipboard-btn-wrapper .kr-clipboard-btn .kr-clipboard-img {
  width: 26px;
}
.kr-dialog .kr-input-link-wrapper .tooltip.bottom .tooltip-arrow {
  border-bottom-color: transparent;
}
.kr-dialog .custom-right-message .custom-message-title {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 5px;
  color: #f0f0f0;
}
.kr-dialog .custom-right-message .custom-message-library {
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 20px;
  color: #ffffff;
}
.kr-dialog .custom-right-message * {
  font-size: 14px;
  font-weight: 400;
  color: #bbbbbb;
  font-style: normal;
  text-decoration: none;
}
.kr-dialog .custom-right-message h1,
.kr-dialog .custom-right-message h2,
.kr-dialog .custom-right-message h3,
.kr-dialog .custom-right-message h4,
.kr-dialog .custom-right-message h5 {
  font-size: 18px;
  color: #e8e8e8;
  padding: 0;
  margin: 10px 0;
}
.kr-dialog .custom-right-message a,
.kr-dialog .custom-right-message a:visited,
.kr-dialog .custom-right-message a:focus,
.kr-dialog .custom-right-message a:active {
  color: #AD955A !important;
}
.kr-dialog .custom-right-message a:hover {
  color: #ffffff !important;
}
.kr-dialog .custom-right-message br {
  content: "A" !important;
  display: block !important;
  margin-bottom: 10px !important;
}
/*.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: transparent;
  border-width: 0 5px 5px;
}*/
.kr-btn {
  float: right;
}
.kr-btn.kr-btn-primary {
  background: #3B7093;
  color: #eeeeee;
}
.kr-btn.kr-btn-primary:hover {
  background: #2980b9 !important;
}
.kr-btn.kr-btn-normal {
  background: #707070;
  color: #eeeeee;
}
.kr-btn.kr-btn-normal:hover {
  background: #909090 !important;
}
.kr-controls-wrapper {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 25px;
}
.kr-controls-wrapper .controls-item {
  line-height: 25px;
  float: left;
  width: 33.33%;
  text-align: center;
  border-right: solid 1px #555;
  cursor: pointer;
  color: #ccc;
}
.kr-controls-wrapper .controls-item:hover {
  background: #3D3D3D;
}
.kr-controls-wrapper .controls-item.controls-item-last {
  border-right: none;
}
.kr-ol-viewer {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.kr-ol-viewer .ol-controls-wrapper {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 10px;
  z-index: 100;
}
.kr-ol-viewer .ol-controls-wrapper .ol-controls {
  background: #43464A;
  z-index: 1000;
  opacity: 0.8;
  display: inline-block;
  padding: 1px 1px;
  box-shadow: 0 0 0 1px rgba(50, 50, 50, 0.98);
}
.kr-ol-viewer .ol-controls-wrapper .ol-controls.ol-controls-hidden {
  opacity: 0;
}
.kr-ol-viewer .ol-controls-wrapper .ol-controls:hover {
  opacity: 0.9;
}
.kr-ol-viewer .ol-controls-wrapper .ol-controls .ol-controls-item {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  padding: 7px;
}
.kr-ol-viewer .ol-controls-wrapper .ol-controls .ol-controls-item:hover {
  background: #888;
}
.kr-ol-viewer .ol-controls-wrapper .ol-controls .ol-controls-item.kr-active {
  background: #666;
  /*#008676*/
}
.kr-ol-viewer .ol-controls-wrapper .ol-controls .ol-controls-item img {
  width: 24px;
  height: 24px;
}
.kr-ol-viewer .ol-controls-wrapper .ol-controls .ol-controls-divider {
  background: #ccc;
  margin-left: 4px;
  margin-right: 4px;
  width: 1px;
  height: 26px;
  vertical-align: middle;
  display: inline-block;
}
.ol-dragbox {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #6496c8;
}
.asda {
  background: red;
}
.kr-browse-wrapper .kr-alphabet-wrapper {
  display: inline-block;
  position: relative;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 42px;
  padding-top: 10px;
  overflow: hidden;
}
.kr-browse-wrapper .kr-alphabet-wrapper .kr-alphabet {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom: 2px;
}
.kr-browse-wrapper .kr-alphabet-wrapper .kr-alphabet .kr-letter {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.kr-browse-wrapper .kr-alphabet-wrapper .kr-alphabet .kr-letter:hover {
  background: #444;
}
.kr-browse-wrapper .kr-alphabet-wrapper .kr-alphabet .kr-letter.kr-active {
  background: #c1c1c1;
  color: black;
}
.kr-browse-wrapper .kr-search-content-wrapper {
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .kr-browse-wrapper .kr-search-content-wrapper {
    height: calc(100% - 55px);
  }
}
.kr-browse-wrapper .kr-search-content-wrapper .kr-search-content {
  height: calc(100% - 42px);
  overflow: auto;
}
ul[rn-carousel] {
  width: auto;
  height: 160px;
  margin: 0 auto;
}
.rn-carousel-control.rn-carousel-control-prev {
  left: 1px !important;
}
.rn-carousel-control.rn-carousel-control-prev {
  right: 1px !important;
}
.rn-carousel-control {
  top: 46%;
  opacity: .75;
  background: rgba(61, 61, 61, 0.61);
  width: 27px;
  height: 27px;
  border-radius: 50%;
  text-align: center;
}
.md-dialog-container {
  z-index: 5000 !important;
}
.kr-panel-article {
  overflow: auto;
  height: 100%;
}
.kr-panel-article .kr-article-item {
  color: #eee;
  padding: 9px;
  cursor: pointer;
  font-size: 13px;
  border-bottom: 1px solid #333;
}
.kr-panel-article .kr-article-item.kr-odd {
  /*background: #2B2C30;*/
}
.kr-panel-article .kr-article-item.kr-odd:hover {
  background: #345;
  /*#37383c;*/
}
.kr-panel-article .kr-article-item.kr-even {
  background: #2B2C30;
  /*#27282C;*/
}
.kr-panel-article .kr-article-item.kr-even:hover {
  background: #345;
  /*#3b3c40;*/
}
.kr-panel-article .kr-article-item.kr-active {
  color: #fff;
  font-weight: 600;
}
.kr-thumb-panel {
  height: calc(100% - 60px);
  overflow: auto;
  padding: 2px;
}
.kr-thumb-panel .kr-infinite-scroll {
  display: inline-block;
  width: 100%;
}
.kr-thumb-panel .kr-thumb-wrapper {
  float: left;
  width: 33.3%;
  cursor: pointer;
  padding: 3px;
  height: 106px;
  /*max-height: 105px;
    min-height:60px;
    display:inline-block;
    padding:0px;
    margin:0px !important;
    position:relative;*/
}
.kr-thumb-panel .kr-thumb-wrapper.kr-thumb-selected {
  background-color: #BB6220;
  /* #2980B9;*/
  border-radius: 0px;
}
.kr-thumb-panel .kr-thumb-wrapper.kr-thumb-selected .kr-thumb .kr-thumb-bookmark {
  /* display: block; */
}
.kr-thumb-panel .kr-thumb-wrapper:hover {
  background-color: #e4e4e4;
  border-radius: 0px;
}
.kr-thumb-panel .kr-thumb-wrapper:hover .kr-thumb .kr-thumb-type {
  visibility: visible;
}
.kr-thumb-panel .kr-thumb-wrapper .kr-thumb {
  background: transparent;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.kr-thumb-panel .kr-thumb-wrapper .kr-thumb .kr-thumb-info {
  position: absolute;
  top: 0;
  font-size: 15px;
  max-width: 100%;
  overflow: hidden;
  color: #111;
  text-shadow: 1px 1px 0 #ccc, -1px 1px 0 #ccc, 1px -1px 0 #ccc, -1px -1px 0 #ccc, 0px 1px 0 #ccc, 0px -1px 0 #ccc, -1px 0px 0 #ccc, 1px 0px 0 #ccc;
  -moz-text-shadow: 1px 1px 0 #ccc, -1px 1px 0 #ccc, 1px -1px 0 #ccc, -1px -1px 0 #ccc, 0px 1px 0 #ccc, 0px -1px 0 #ccc, -1px 0px 0 #ccc, 1px 0px 0 #ccc;
  -webkit-text-shadow: 1px 1px 0 #ccc, -1px 1px 0 #ccc, 1px -1px 0 #ccc, -1px -1px 0 #ccc, 0px 1px 0 #ccc, 0px -1px 0 #ccc, -1px 0px 0 #ccc, 1px 0px 0 #ccc;
  padding: 1px 5px;
  margin: 0px;
}
.kr-thumb-panel .kr-thumb-wrapper .kr-thumb .kr-thumb-supplement {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.5);
}
.kr-thumb-panel .kr-thumb-wrapper .kr-thumb .kr-thumb-bookmark {
  position: absolute;
  top: 0;
  right: 4px;
  width: 15px;
  height: 28px;
  display: none;
}
.kr-thumb-panel .kr-thumb-wrapper .kr-thumb .kr-thumb-type {
  /*
        position: absolute;
        z-index: 100003;
        bottom: 0;
        color: #222222;
        background: rgba(255, 255, 255, 0.67);
        width: 100%;
        text-align: center;
        padding: 1px 5px;
        border-radius: 4px;
        */
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0px;
  font-weight: 600;
  font-size: 14px;
  color: #111;
  text-shadow: 1px 1px 0 #ccc, -1px 1px 0 #ccc, 1px -1px 0 #ccc, -1px -1px 0 #ccc, 0px 1px 0 #ccc, 0px -1px 0 #ccc, -1px 0px 0 #ccc, 1px 0px 0 #ccc;
  -moz-text-shadow: 1px 1px 0 #ccc, -1px 1px 0 #ccc, 1px -1px 0 #ccc, -1px -1px 0 #ccc, 0px 1px 0 #ccc, 0px -1px 0 #ccc, -1px 0px 0 #ccc, 1px 0px 0 #ccc;
  -webkit-text-shadow: 1px 1px 0 #ccc, -1px 1px 0 #ccc, 1px -1px 0 #ccc, -1px -1px 0 #ccc, 0px 1px 0 #ccc, 0px -1px 0 #ccc, -1px 0px 0 #ccc, 1px 0px 0 #ccc;
  /*padding: 1px 5px;*/
  margin: 0px;
  visibility: hidden;
}
@media (max-width: 768px) {
  .kr-hide-on-mobile {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .kr-hide-on-not-mobile {
    display: none !important;
  }
}
.kr-hide {
  display: none;
}
/*
md-backdrop.md-sidenav-backdrop {
    display:none
}
*/
/*************************************************************************/
/********************************* Flexbox *******************************/
/*************************************************************************/
.mx-flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/*************************************************************************/
/* Loading bar */
#loading-bar .bar {
  background: #ccc;
  top: 50px;
  z-index: 100;
}
#loading-bar-spinner {
  /*top: 55px;
  right: 10px;
  */
  top: 10px;
  right: 10px;
  position: absolute !important;
}
#loading-bar-spinner .spinner-icon {
  border-top-color: #ccc;
  border-left-color: #ccc;
}
.cookie-eu {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  background: #844f02;
  color: #fff;
}
.cookie-eu p {
  margin: 0;
  padding: 20px 50px 20px 0;
  font-size: 16px;
  line-height: 1.25;
}
.cookie-eu .btn-confirm-cookie {
  position: absolute;
  right: 15px;
  top: 18px;
  width: 25px;
  height: 25px;
  background: url(../img/ic_delete_white.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}
/* media queries */
@media screen and (max-width: 950px) {
  .kr-track-wrapper .track-controls .controls-right {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  #kr-page-wrapper .kr-ol-viewer .ol-controls-wrapper {
    display: none;
  }
  #kr-page-wrapper .kr-view-panel-left-wrapper {
    display: none;
  }
  #kr-page-wrapper .kr-view-panel-right-wrapper {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .kr-periodical-wrapper .kr-view-panel-right-wrapper {
    display: none;
  }
  .kr-featured-wrapper .kr-featured-category.kr-featured-collapsed {
    max-height: none;
  }
  .kr-featured-wrapper .kr-featured-category .kr-featured-header .kr-featured-more {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .kr-track-wrapper .kr-view-panel-right-wrapper {
    display: none;
  }
}
@media screen and (max-width: 440px) {
  .kr-track-wrapper .kr-music-content .kr-music-header .kr-music-thumb-wrapper {
    display: none;
  }
  .kr-track-wrapper .kr-music-content .kr-music-header .kr-music-detail {
    width: 100%;
    padding-left: 10px;
  }
}
.impressum {
  padding: 15px;
}
.impressum h2 {
  font-size: 25px;
  color: #d0d0d0;
  margin-top: 10px;
}
/*****/
.pickadate a {
  color: #666666;
}
.pickadate a:visited {
  color: #666666;
}
.pickadate-header {
  position: relative;
}
.pickadate-main {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
}
.pickadate-cell {
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #32353a;
}
.pickadate-cell li {
  display: block;
  float: left;
  /*border: 1px solid #222222;*/
  border-width: 0 1px 1px 0;
  width: 14.285%;
  /*padding: 1.3% 0 1.3% 0;*/
  line-height: normal;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pickadate-cell li:nth-child(7n+0) {
  /*border-right: 1px solid #222222; */
}
.pickadate-cell li:nth-child(1),
.pickadate-cell li:nth-child(8),
.pickadate-cell li:nth-child(15),
.pickadate-cell li:nth-child(22),
.pickadate-cell li:nth-child(29),
.pickadate-cell li:nth-child(36) {
  /*border-left: 1px solid #222222; */
}
.pickadate-cell .pickadate-disabled {
  color: #5a5a5a;
}
.pickadate-cell .pickadate-disabled.pickadate-unavailable {
  color: #3e4042;
}
.pickadate-cell .pickadate-disabled span {
  padding: 10px 0;
  display: block;
}
.pickadate-cell .pickadate-enabled a {
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
}
.pickadate-cell .pickadate-enabled a:hover {
  background: #43464a;
}
.pickadate-cell .pickadate-today {
  background-color: #242527;
}
.pickadate-cell .pickadate-active {
  background-color: #b52a00;
  color: white;
}
.pickadate-cell .pickadate-head {
  /*border-top: 1px solid #222222;*/
  background: #43464a;
  padding: 6px 0;
}
.pickadate-body {
  /*box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.42);*/
}
.pickadate-centered-heading {
  font-weight: normal;
  text-align: center;
  color: #a0a2a5;
  font-size: 1em;
  margin: 0px 0 8px 0;
  line-height: normal;
}
.pickadate-controls {
  position: absolute;
  z-index: 10;
  width: 100%;
}
.pickadate-controls .pickadate-next {
  float: right;
}
.pickadate-controls a {
  text-decoration: none;
  font-size: 0.9em;
}
.pickadate-modal {
  position: absolute;
  background-color: #fff;
  width: 300px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 5px 5px 5px;
  z-index: 1000;
}