/**
 * Campaign Styles for campaign #33669
 */

/** Style Background Image#344 */
:root {
  --content-wrapper-background: transparent;
  --footer-background: transparent;
}

body {
  background: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/33669/fac9fe5a-11b4-48b9-9685-c9b20066a669.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
/** Style Ibalania Blue#345 */
@import url("https://use.typekit.net/xxv8zyz.css");
@import url('https://fonts.googleapis.com/css2?family=Hind+Guntur&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+Great+Primer+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Kavivanar&display=swap');

marker-popup-entry { display: none; }


:root {

--theme-main-text: #fff;
--theme-hard-text: #FFF;
--theme-soft: #0085de;
--theme-detail: #009EC6;
--theme-background: #15405d;
--theme-soft-text: #A4A4A4;
--theme-border: #FFF;
--theme-link: #FFC300;
--theme-link-hover: #D2A100;
--theme-soft-background: #0085de;
--theme-input-text: #fff;

--main-navbar-background: var(--theme-background);
--main-navbar-user-footer: var(--theme-soft);
--main-navbar-user-background: var(--theme-background);
--main-navbar-hover-background: #fff;
--main-navbar-text: var(--theme-main-text);

--table-highlight: var(--theme-background);
--table-border: var(--theme-border);

--link-text: var(--theme-link);
--link-focus: var(--theme-link);
--link-hover: var(--theme-link-hover);
--breadcrumb-text: var(--body-text);
--submenu-link: var(--theme-hard);
--submenu-hover-background: var(--theme-soft);

--sidebar-background: var(--theme-background);

--tab-color: var(--theme-main-text);
--tab-background: var(--theme-background);
--tab-hover-color: var(--theme-hard-text);
--tab-hover-background: var(--theme-background);
--tab-active-color: var(--theme-hard-text);
--tab-active-background: var(--theme-background);
--tab-active-border: transparent;
--tab-content-background: var(--theme-background);

--input-background-color: #fff;
--input-border-color: var(--theme-soft);
--input-text-color: #fff;
--input-background-disabled-color: var(--theme-background);
--input-file-filter: brightness(0.8);


--quick-creator-button-background: var(--theme-soft);
--quick-creator-button-hover-background: var(--dashboard-widget-admin-border);
--header-text: var(--theme-hard-text);
--text-help: var(--theme-main-text);
--code-background: #c3c3c3;
--pre-background: var(--code-background);

--modal-background: var(--theme-detail);
--modal-inner-border: transparent;
--modal-close-opacity: 0.6;
--modal-body-text: var(--theme-main-text);
--modal-close-color: var(--header-text);
--calendar-today: var(--theme-link-hover);
--calendar-week: var(--theme-soft);
--calendar-weather: var(--theme-border);
--calendar-season-text: var(--theme-main-text);
--calendar-event-default: var(--theme-soft-background);
--dashboard-preview-gradient: var(--theme-background);
--dashboard-widget-admin-border: var(--theme-soft);
--footer-links-background: rgba(0, 0, 0, 0.2);
--footer-logo-blue: none;
--footer-logo-white: unset;
--footer-text: var(--theme-main-text);

--body-text: var(--theme-main-text);

--gallery-text: var(--theme-hard-text);
--gallery-background: var(--theme-background);
--gallery-hover-text: var(--theme-main-text);

--relation-explorer-background: var(--theme-detail);
--relation-explorer-text: var(--theme-hard-text);

--conversation-comment-background: var(--theme-soft);

--bg-default-link: var(--theme-input-text);
--well-background: var(--theme-background);
--well-border: var(--theme-background);

--dashboard-setup-widget-background: rgba(0, 0, 0, 0.7);
--dashboard-setup-widget-hover: rgba(0, 0, 0, 0.8);

--hr-border-top: 1px solid var(--theme-border);

--leaflet-popup-background: var(--theme-background);
--leaflet-popup-text: var(--theme-input-text);

--spectrum-border: var(--theme-border);
--spectrum-background: var(--theme-background);
--spectrum-text: var(--theme-main-text);

--search-background: var(--theme-background);
--search-text: var(--theme-main-text);
--search-cursor-background: var(--theme-soft);
--search-border: var(--theme-border);

--dropdown-background: var(--theme-background);
--dropdown-border: var(--theme-border);
--dropdown-hover-background: var(--search-cursor-background);
--dropdown-link: var(--theme-main-text);

--list-group-item-border: var(--theme-border);
--list-group-item-background: var(--theme-background);
--timeline-item-background: var(--theme-background);
--timeline-element-border: var(--theme-border);
--timeline-item-header-border: var(--theme-border);

--btn-default-background: var(--theme-background);
--btn-default-text: var(--theme-main-text);
--btn-default-border: var(--theme-border);
--btn-default-hover-background: var(--default-background);
--btn-default-hover-text: var(--theme-input-text);
--label-default-background: var(--theme-background);
--label-default-text: #fff;

--pagination-text: var(--theme-main-text);
--pagination-background: var(--theme-background);

--box-border: 1px solid var(--theme-border);
--box-background: var(--theme-background);
--box-with-border-bottom-border: var(--theme-border);

--box-footer-background: var(--theme-background);
--box-footer-border-top: var(--theme-border);
--popover-header-background: var(--theme-background);
--popover-border: var(--theme-border);

--tinymce-background: var(--theme-background);
--tinymce-border: transparent;
--tinymce-filter: invert(90%) !important;
--tinymce-input-background: var(--theme-background);
--tinymce-input-border: var(--theme-border);
--tinymce-input-text: var(--theme-main-text);

--campaign-switcher-text: var(--theme-maintext);
--header-mode-inactive: #103147;
--header-block-hover-text: var(--theme-hard-text);
  
  --lookup-text: #fff;
  --lookup-entity-background: transparent;
}

label {
color: #fff;
}


/* Fix for timeline elements */

.box-body {
  color: var(--theme-hard-text);
}

.timeline-item {
  background: var(--theme-background)!important;
}


/* Cancel Button PopUp */
.btn.px-8.rounded-full.mr-5 {
  background-color: var(--theme-link);
  color: var(--theme-border);
}

/*Search function everywhere*/
input[type="search"] {
 background-color: var(--theme-background);
 color: var(--theme-main-text);
  border-color: var(--theme-border);
}

/*Search function Select entities*/

.select2-container--open .select2-dropdown {
  background-color: var(--theme-background);
}

.select2 .select2-selection .select2-selection__rendered {
  color: var(--pre-text);
}

.input-group .input-group-addon, .select2, input, select, textarea {
  background-color: var(--theme-background);
}

/*weitere Texte*/
.text-muted {
  color: var(--theme-main-text);
}

/*Buttons in the APP*/
.btn-app, .btn-default:hover {
  background-color: #103147;
  border-color: var(--theme-link-hover);
}

/*Campaign Switcher etc. Textfarbe. Inaktives Fenster */
.navigation-drawer .campaigns .campaign .name {
  color: var(--campaign-switcher-text);
}

.navigation-drawer .header .inactive {
  background-color: var(--header-mode-inactive);
}

.navigation-drawer .header .inactive:hover {
  color: var(--header-block-hover-text);
  border-color: var(--theme-link);
  border-style: inset;
}

.form-control {
  background-color: #002e4d;
  border-color: var(--input-border-color);
  color: var(--input-text-color);
}

/*Searchbar*/
.entity-name-header .entity-name {
    display: inline-block;
    font-size: 36px;
    color: #fff !important;
    text-shadow: 4px 4px 3px black !important;
}
/** Style Entitiy-Header + Dashboard-Widget-Header#348 */
/*Header Bild pro Entity etwas größer, damit man auch was von dem Bild hat*/
.panel .panel-heading-entity h3 a {
    padding-top: 300px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
  	text-align: center;
    width: 100%;
    color: #fff !important;
    text-shadow: rgba(0,0,0,.9) 0 1px 4px;
    font-size: 18px;
}

.entity-grid .entity-header .entity-banner {
    padding-top: 450px !important;
    margin-bottom: auto;
    background-size: cover;
    background-position: 50% 90%;
}

/*Anpassung der Größe der Bilder auf den Dashboards*/
.widget-header {

box-shadow: 0 0 10px 10px #000000b5;
background-color: #020202b3;

}

.widget.widget-preview {
  text-align: justify;
}
/** Style Border white complete#743 */
/*kleiner Fix um die Tabellen generell weiß zu umranden*/
.box.box-solid {
border-top: 1px solid white;
}

/*zusätzlicher Fix um auch den Kalender anzupassen*/
.calendar tbody td {
  height: 150px;
  vertical-align: top !important;
  word-wrap: break-word;
  border-top: 1px solid;
    border-top-color: currentcolor;
  border-right: 1px solid;
    border-right-color: currentcolor;
}
/** Style Calender Seasons Theme Blue#780 */
/*Anzeige der Jahreszeiten etwas gesonderter im Kalender*/
.calendar tbody td .calendar-season {
  font-size: 90%;
  color: var(--theme-link);
  background-color: var(--theme-soft);
}
/** Style No Uppercase Sidebar#855 */
.main-sidebar .sidebar-menu li a, .main-sidebar .sidebar-menu li span {
  text-transform: none;
}
/** Style Sidebar#997 */
/* Button general */
body .main-header .navbar .nav .open > a, body .main-header .navbar .nav > .active > a, body .main-header .navbar .nav > li > a, body .main-header .navbar .sidebar-toggle {
  color: var(--theme-input-text);
  background-color: var(--theme-background);
}

/*Action when Hovering */
body .main-header .navbar .nav .open > a, body .main-header .navbar .nav .open > a.active, body .main-header .navbar .nav .open > a:active, body .main-header .navbar .nav .open > a:focus, body .main-header .navbar .nav .open > a:hover, body .main-header .navbar .nav > .active > a, body .main-header .navbar .nav > .active > a:active, body .main-header .navbar .nav > .active > a:focus, body .main-header .navbar .nav > .active > a:hover, body .main-header .navbar .nav > li > a:active, body .main-header .navbar .nav > li > a:focus, body .main-header .navbar .nav > li > a:hover, body .main-header .navbar .sidebar-toggle:active, body .main-header .navbar .sidebar-toggle:focus, body .main-header .navbar .sidebar-toggle:hover {
  background-color: var(--theme-soft-background);
  color: var(--theme-link);
}
/** Style Conversations Module#1219 */
/*Aussehen der Box*/
.box-conversation .box-comments /*.message-first*/ {
  /*border-top-left-radius: 15px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 15px;
  margin-top: 10px;
  margin-bottom: 10px;*/
  border-start-end-radius: 50px;
  border-start-start-radius: 15px;
  border-end-start-radius: 50px;
  border-end-end-radius: 15px;
}

/*follow up Nachricht
.message-followup {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 15px;
}*/

/*Kopf und Autor*/
.message-author {
  text-align: left;
  color: #ffffffc2;
  text-decoration: underline solid;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: currentcolor;
    text-decoration-thickness: auto;
}

/*Schriftfarbe*/
.box-comments .comment-text {
  color: #fff;
  text-align: center
}

/*Guss*/
.message-author-233214 {
  background-color: #ffa809 !important;
  color: #fffff !important;
}

/*Taceli*/
.message-author-230688 {
  background-color: #41009f !important;
  color: #fffff !important;
}

/*Schnee*/
.message-author-318375 {
  background-color: #6fbcff !important;
  color: #fffff !important;
}

/*Constantin*/
.message-author-533879 {
  background-color: #b01f1f !important;
  color: #fffff !important;
}

/*Gorgh*/
.message-author-323855 {
  background-color: #1d8c05 !important;
  color: #fffff !important;
}

/*Worgres*/
.message-author-341703 {
  background-color: #c69e00 !important;
  color: #fffff !important;
}

/*Lucin*/
.message-author-615418 {
  background-color: #36a84d !important;
  color: #fffff !important;
}