/* colors
------------------------------------------------------------- */
/* black */
/* white */
/* presstrade blue */
/* presstrade yellow */
/* presstrade yellow light */
/* grey-blue */
/* grey navbar font color */
/* grey navbar background color */
/* grey navbar shadow */
/* d-com yellow */
/* d-com blue 2 */
/* cookiebot-btn green */
/* cookiebot-btn yellow */
/* presstrade light blue */
/* weeditmode yellow */
/* weeditmode orange */
/* weeditmode acidblue */
/* weeditmode neongreen */
/* weeditmode green, correct or allowed */
/* cookie consent manager ccm19
------------------------------------------------------------- */
/* background */
/* btns hover background */
/* btn save settings background */
/* margins / paddings
------------------------------------------------------------- */
/* ccm19
--------------------------------------------------------------------------------------- */
/* inner-overflow before / after */
/* mixins
------------------------------------------------------------- */
/* borders
------------------------------------------------------------- */
/* margins / paddings
------------------------------------------------------------- */
.ccm-root {
  color: #FFFFFF;
}
.ccm-root .ccm-modal--header, .ccm-root .ccm-modal--body, .ccm-root .ccm-modal--footer {
  background-color: #0063AC !important;
}
.ccm-root button, .ccm-root .button {
  height: auto;
  margin: 0 0 0 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #000000;
  font-size: 1em !important;
  font-weight: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  line-height: 1.3em;
  border: none;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  background-color: #FFFFFF;
}
.ccm-root button:hover, .ccm-root .button:hover {
  background-color: #FECF44 !important;
  color: #ffffff !important;
}
.ccm-root button.ccm--save-settings, .ccm-root .button.ccm--save-settings {
  background-color: #F8B500;
}
.ccm-root #ccm-widget {
  /*@keyframes slideOutToLeft {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }*/
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.ccm-root #ccm-widget .slide-in-from-left {
  animation: 0.5s ease-out 0s 1 slideInFromLeft;
}
.ccm-root #ccm-widget .slide-out-to-left {
  /*animation: 0.5s ease-out 0s 1 slideOutToLeft;*/
}
.ccm-root #ccm-widget .ccm-modal-inner {
  height: auto !important;
  animation: 0.5s ease-out 0s 1 slideInFromBottom;
  justify-content: center;
  background-color: #0063AC;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer {
  width: 90%;
  left: 5%;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header .ccm-widget--language-switch > select, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header .ccm-widget--language-switch > select:hover, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header .ccm-widget--language-switch > select:focus {
  color: #FFCC00;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--text {
  padding-top: 30px;
  padding-bottom: 30px;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--text::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 100%;
  background: #0063AC;
  box-shadow: none;
  border: none;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--text .ccm-inner-overflow {
  position: relative;
  height: auto;
  overflow: auto;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--text .ccm-inner-overflow .ccm-widget--title {
  font-size: 1.1em;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--buttons {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-end;
  align-content: end;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--buttons .button {
  margin-bottom: 10px;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer {
  position: relative;
  justify-content: flex-end;
}
.ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer .ccm-link-container {
  display: none;
}
@media (min-width: 1000px) {
  .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--buttons {
    flex-flow: row wrap;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer {
    width: 80%;
    left: 10%;
  }
}
@media (min-width: 1200px) {
  .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer {
    width: 70%;
    left: 15%;
  }
}
.ccm-root #ccm-control-panel .ccm-modal-inner .ccm-modal--footer {
  justify-content: flex-end;
}
.ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper {
  padding-bottom: 30px;
}
.ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--list::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 100%;
  background: #0063AC;
  box-shadow: none;
  border: none;
}
.ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--list::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 100%;
  background: #0063AC;
  box-shadow: none;
  border: none;
}
.ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--list a {
  color: #FFFFFF;
}
.ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--list a:hover {
  color: #FFCC00;
}
.ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--content::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 100%;
  background: #0063AC;
  box-shadow: none;
  border: none;
}
.ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--content::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 100%;
  background: #0063AC;
  box-shadow: none;
  border: none;
}
.ccm-root #ccm-details .ccm-modal-inner .ccm-modal--footer {
  justify-content: flex-end;
}