@font-face {
  font-family: coopexpanded;
  src: url(../fonts/coopexpanded.woff);
}
@font-face {
  font-family: coopexpanded_bold;
  src: url(../fonts/coopexpanded_bold.woff) format("woff");
}
@font-face {
  font-family: coopexpanded_italic;
  src: url(../fonts/coopexpanded_italic.woff);
}
@font-face {
  font-family: playfairdisplay_bold_italic;
  src: url(../fonts/playfairdisplay_bold_italic.woff);
}
@font-face {
  font-family: coopcond;
  src: url(../fonts/coopcond.woff);
}
@font-face {
  font-family: coopcond_bold;
  src: url(../fonts/coopcond_bold.woff);
}

@font-face {
  font-family: euro;
  src: url(../fonts/eurostile_extended_black.woff);
}

#sidebar-wrapper .sidebar-brand {
  padding: 20px 10px;
}

#sidebar-wrapper .logo-img {
  max-width: 100%;
  max-height: 100px;
  margin-top: 0;
  margin-bottom: 0;
}

.toggled-2 #sidebar-wrapper .sidebar-brand {
  padding: 10px 5px;
}

.toggled-2 #sidebar-wrapper .logo-img {
  display: block;
  width: 100%;
}

@media (min-width: 461px) {
  #wrapper.toggled-2 #page-content-wrapper {
    margin-left: -180px;
  }
}

@media (min-width: 461px) {
  #wrapper {
    padding-left: 230px;
  }
}

@media (min-width: 461px) {
  #sidebar-wrapper {
    width: 230px;
  }
}

.sidebar-nav li {
  line-height: normal;
}

.sidebar-nav li a {
  padding: 8px 16px;
}

.sidebar-nav span,
.sidebar-nav .sub-menu span {
  position: inherit;
  left: inherit;
}

.sidebar-nav a {
  display: flex !important;
  align-items: center;
}

.sidebar-nav a i {
  line-height: 1;
  width: 25px;
}

#topheaderwizard {
  left: 230px;
}

#topheaderwizard ul {
  padding-left: 24px;
}

#topheader {
  left: 230px;
  height: 37px;
  min-height: 37px;
}

.panel-body,
.modal-body {
  background-color: #ffffff;
}

#sidebar-wrapper {
  background-color: #ffffff;
}

.modal-title,
.modal-header,
.modal-footer,
#topheader,
.panel-default > .panel-heading,
.panel-default > .panel-footer {
  background-color: #636362;
}

.modal-dialog {
  margin-top: 68px;
}

@media (min-width: 1199px) {
  .modal-xl {
    width: 1200px;
  }
}

.sidebar-nav li a,
.listtable table th a {
  color: #5f5f5f;
}

#topheader .navbar-nav > li > a {
  color: #ffffff;
}

.sidebar-nav li:not(.open) a:hover {
  color: #ee8100;
  border-left: #ee8100 2px solid;
}

.listtable table tbody tr:hover {
  background-color: rgba(95, 95, 95, 0.6) !important;
  color: #ffffff !important;
}

.listtable table tbody tr.rowselected {
  background-color: #5f5f5f !important;
  color: #ffffff !important;
}

#sidebar-wrapper .logo-type {
  width: 100%;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 0;
}

.form-control {
  height: 32px;
}

.form-horizontal .control-label {
  padding-top: 6px;
}

.listtable table tbody td {
  vertical-align: middle;
}

.listtable table tbody td img {
  max-width: 300px;
  max-height: 3rem;
}

.colorpicker-2x .colorpicker-saturation {
  width: 200px;
  height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
  width: 30px;
  height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
  height: 30px;
}

.grapick-container {
  padding: 4px;
  min-width: 130px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 2500;
}

.colorpicker-dropdown {
  padding: 10px;
}

.colorpicker-dropdown .tab-content {
  padding-top: 10px;
}

.colorpicker-dropdown .nav-pills li a {
  color: #2c3d4f;
  background-color: #ffffff;
  padding: 4px 13px;
  border: 1px solid #898989;
}

.colorpicker-dropdown .nav-pills li.active a,
.colorpicker-dropdown .nav-pills li a:hover {
  color: #ffffff;
  background-color: #898989;
}

.colorpicker-dropdown .tab-content .gradient-picker {
  margin-top: 30px;
  margin-bottom: 10px;
}

.colorpicker-input ~ .input-group-addon i {
  display: inline-block;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
}

.btn span.btn-ml {
  margin-left: 6px;
}

.btn-default {
  background-color: #fff;
  color: #5f5f5f !important;
}

.btn-default:not([disabled]):hover,
.btn-group-xs .btn-default:not([disabled]):hover {
  background-color: #5f5f5f !important;
  color: #fff !important;
  border: none;
}

.input-group-btn .btn {
  padding: 5px 13px;
}

.radio.radio-inline {
  margin-top: 5px;
}

.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: none;
}

.file-input-image-caption {
  max-width: 200px;
  text-align: center;
  font-size: 11px;
  display: block;
  margin-top: 40px;
}

.file-drop-zone {
  min-height: 100px;
}

.file-drop-zone-title {
  padding: 10px;
}

.file-preview-image {
  max-height: 200px !important;
}

.krajee-default.file-preview-frame .kv-file-content {
  height: auto;
}

.krajee-default .file-footer-caption {
  padding-top: 10px;
}

.logo-container {
  width: 100%;
  height: 100px;
  padding: 20px 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.1);
}

.logo-container img {
  max-width: 100%;
  max-height: 100%;
}

#main-wrapper {
  min-height: 100%;
  background: #ffffff;
  background-repeat: no-repeat;
  padding-right: 0px;
  padding-left: 0px;
}

#no-competitions_message {
  font-family: coopcond;
  padding: 20px 30px;
}

.competition-item {
  font-size: 20px;
}

.listtable table tbody tr.rowselected td {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roadshow-icon {
  max-width: 90%;
  max-height: 90%;
}

.roadshow-icon-wrapper {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-wrapper {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.link-container a {
  aspect-ratio: 1 / 1;
}

.icondescription {
  padding: 0 10px;
  height: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sidebar-nav .sub-menu a {
  padding-left: 32px;
}

.sidebar-nav .sub-menu .sub-menu a {
  padding-left: 48px;
}

.sidebar-nav .sub-menu .sub-menu .sub-menu a {
  padding-left: 64px;
}

.sidebar-nav .sub-menu span {
  left: 56px;
}

.sidebar-nav .sub-menu .sub-menu span {
  left: 72px;
}

.sidebar-nav .sub-menu .sub-menu .sub-menu span {
  left: 88px;
}
