:root {
    --primary:#a524d2;
    --secondary:#1d236b;
    --textcolor:#1d236b;
}

html, body { height:100%; }

body { color:var(--textcolor); background-image:url(/img/appBg.png); background-repeat:no-repeat; background-position:center; background-attachment:fixed; background-size:cover; }

a:link, a:visited { color:var(--primary); text-decoration:none; }
a:hover, a:active { color:var(--primary); text-decoration:underline; }

h1 { font-size:28px; color:var(--primary); font-weight:bold; }
h2 { font-size:24px; color:var(--primary); font-weight:bold; }
h3 { font-size:16px; color:var(--primary); font-weight:bold; }

body.spitzApp .container { max-width:1024px; }
body.spitzApp .slideRow { margin-left:-.75rem; margin-right:-.75rem; }
body.spitzApp .slideRow img  { padding:0; }

.personalizeButton { border-bottom:1px solid var(--secondary); padding:10px; position:relative; height:155px; cursor:pointer; overflow:hidden; }
.personalizeButton>.row { height:100%; }
.personalizeButton .col-4 { height:100%; }
.personalizeButton .col-8 { height:100%; display:flex; justify-content:center; flex-direction:column; }
.personalizeButton .img-fluid { max-width:75px; max-height:75px; position:relative; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.personalizeButton p.title { white-space:nowrap; font-size:16px; color:var(--textcolor); font-weight:700; }

.borderedCol { border-right:1px solid var(--secondary); border-bottom:1px solid var(--secondary); padding:10px; height:125px; cursor:pointer; overflow:hidden; display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; }
.borderedCol .img-fluid { max-width:50px; max-height:50px; }
.borderedCol p { white-space:nowrap; font-size:15px; color:var(--textcolor); font-weight:700; margin:0; }
.homepageButton:nth-child(3n+3), .homepageButton:nth-child(3n+3) .borderedCol { border-right:none; }
a .borderedCol p { color:var(--textcolor); text-decoration:none; font-weight:700; }
.borderedCol .appBadge { position:absolute; right:calc(50% - 35px); top:25px; }

.replaced-svg path { fill:var(--primary); }

.navbar { background-image:url(/img/kleurverloop_bg.jpg); background-repeat:repeat-y; background-size:contain; border-bottom:none; }
.navbar .navbar-brand .img-fluid { height:24px; }
.navbar .navbar-toggler { border:none; }
.navbar .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar .navbar-toggler:focus { box-shadow:none; }
.navbar-collapse { border-top:1px solid #fff; }
.navbar .nav-link .img-fluid { height:25px; margin-right:10px; width:50px; }
.navbar .nav-link { color:#fff; display:flex; align-content:center; }
.navbar .nav-link:hover, .navbar .nav-link:active { color:#fff; font-weight:bold; }
.navbar .replaced-svg path { fill:#fff; }

.pageHasNav { padding-top:15px; padding-bottom:15px; }

.red { color:#F00; }
.bg-form-error { background-color:#f8d7da; }

.socialIcons .contactButton { background-color:var(--primary); color:#fff; width:30px; height:30px; border-radius:50%; text-align:center; line-height:30px; float:left; margin-left:5px; margin-bottom:5px; flex-shrink:0; font-size:17px; }
.socialIcons { display:flex; align-items:flex-start; justify-content:flex-end; flex-wrap:wrap; }

.item { background-color:#e3e3e3; padding:5px; margin-bottom:1.5rem; cursor:pointer; }
.item .sessionTitle { margin-bottom:0; font-weight:bold; }
.item .sessionSpeakers { margin-bottom:0; }
#participantsList>div, #standsList>div { margin-bottom:1.5rem; }
#participantsList .item { margin-bottom:0; height:100%; }

.chatRow { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; }
.chatRow .badge { position:absolute; background-color:var(--primary); border-radius:50%; width:25px; height:25px; line-height:25px; margin:0; padding:0; right:15px; top:50%; transform:translateY(-50%); }
.chatRow:hover { background-color:#efefef; }
.initials { margin:auto; position:relative; text-transform:uppercase; }
.chat { width:60px; height:60px;}
.noImagePerson { width:80%; border-radius:50%; height:80%; position:absolute; top:0; font-size:70px; display:flex; align-items:center; justify-content:center; margin:10%; }
.chat .noImagePerson { font-size:18px; width:100%; height:100%; margin:0; }
.chatRow img { max-width:60px; margin-left:auto; margin-right:auto; display:flex; }
.noImageColor1 { background-color:#ffb3ba; }
.noImageColor2 { background-color:#ffdfba; }
.noImageColor3 { background-color:#ffffba; }
.noImageColor4 { background-color:#baffc9; }
.noImageColor5 { background-color:#bae1ff; }

.chatMessage { width:75%; padding:5px; border-radius:5px; border:1px solid #CCC; clear:both; margin-bottom:5px; }
.chatMessage.sent { background-color:#2f4570; float:right; border-color:#2f4570; color:#ffffff !important; }
.chatMessage.received { background-color:#ffffff; }
.chatMessage .time { font-size:10px; text-align:right; line-height:15px; }
.chatMessage .time .name { float:left; }
.chatMessage.chatDate { background:#ccc; width:100px; border-radius:15px; color:#fff; margin:0px auto 5px auto; text-align:center; font-size:12px; padding:0px; border:0px; line-height:25px; }

.messages { overflow:auto; padding:15px; }
.newMessage { border-top:1px solid #CCC; padding:15px; }
.newMessage .col-10 { position:relative; padding-right:5px; }
.newMessage .col-2 { padding-left:5px; }
.chatForm textarea { height:60px; line-height:23px; }
.chatForm .btn { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#sendChatButton i { font-size:20px; line-height:15px; }
#sendChatButton { font-size:14px; padding:0.375rem 0.25rem; }

.initials.participantsSwiper, .initials.profile, .initials.bulletinboard { padding-top:100%; }
.initials.participantsSwiper .noImagePerson, .initials.bulletinboard .noImagePerson { font-size:28px; width:100%; height:100%; margin:0; }

#emoji_popup_icon { position:absolute; top:0; right:5px; font-size:30px; height:30px; cursor:pointer; line-height:20px; }
#emoji_popup { position:absolute; border:1px solid #CCC; bottom:61px; background-color:#fff; width:calc(100% - 5px - .75rem); padding:2.5px 5px; border-radius:4px; }

#propositionsList>div { margin-bottom:1.5rem; }
#standsList>div { margin-bottom:1.5rem; }
#bulletinboardSwiperList>div { margin-bottom:1.5rem; }
.swiper-slide { position:relative; background-color:#e3e3e3; cursor:pointer; overflow:hidden; display:flex; flex-direction:column; padding:15px; height:100%; }
.swiper-slide.session-slide { padding:0; }
.session-slide .content { padding:15px; position:relative; }
.swiper-slide .image { width:100%; padding-top:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; }
.theme1 { background-color:#FF9999; height:15px; position:absolute; width:100%; bottom:0; }
.theme2 { background-color:#99FF99; height:15px; position:absolute; width:100%; bottom:0; }
.theme3 { background-color:#9999FF; height:15px; position:absolute; width:100%; bottom:0; }
.theme4 { background-color:#FF99FF; height:15px; position:absolute; width:100%; bottom:0; }
.theme5 { background-color:#FFFF99; height:15px; position:absolute; width:100%; bottom:0; }
.lint { width:120px; height:30px; line-height:30px; position:absolute; top:15px; right:-30px; transform:rotate(45deg); text-align:center; background-color:#3c3c3c; z-index:2; }
.lint_tekst { font-size:12px; font-weight:700; color:#ffffff; letter-spacing:0.5px; }
.apply_required { position:absolute; left:5px; top:5px; z-index:10; color:#ff0000; font-size:20px; text-shadow:0px 0px 5px #fff; }

.icons { width:100%; position:absolute; right:10px; bottom:10px; text-align:right; }
.icons a {background-color:#fff; width:25px; height:25px; border-radius:50%; text-align:center; line-height:25px; margin-left:5px; font-size:14px; display:inline-block; }
a.addFavorites:link, a.addFavorites:visited, a.addStandFavorites:link, a.addStandFavorites:visited { background-color:#fff; color:var(--textcolor); }
a.addFavorites:hover, a.addFavorites:active, a.addStandFavorites:hover, a.addStandFavorites:active { background-color:#008C00; color:#FFF; }
a.removeFavorites:link, a.removeFavorites:visited, a.removeStandFavorites:link, a.removeStandFavorites:visited { background-color:#fff; color:var(--textcolor); }
a.removeFavorites:hover, a.removeFavorites:active, a.removeStandFavorites:hover, a.removeStandFavorites:active { background-color:#D90000; color:#FFF; }
a.downloadIcal:link, a.downloadIcal:visited { background-color:#fff; color:var(--textcolor); }
a.downloadIcal:hover, a.downloadIcal:active { background-color:#008C00; color:#FFF; }

.favBar { background-color:#eee; height:50px; display:flex; align-items:center; justify-content:center; }
.favBar a.addFavorites:link, .favBar a.addFavorites:visited, .favBar a.addStandFavorites:link, .favBar a.addStandFavorites:visited { background-color:transparent; color:var(--textcolor); text-decoration:none; }
.favBar a.addFavorites:hover, .favBar a.addFavorites:active, .favBar a.addStandFavorites:hover, .favBar a.addStandFavorites:active { background-color:transparent; color:var(--textcolor); text-decoration:underline; }
.favBar a.removeFavorites:link, .favBar a.removeFavorites:visited, .favBar a.removeStandFavorites:link, .favBar a.removeStandFavorites:visited { background-color:transparent; color:var(--textcolor); text-decoration:none; }
.favBar a.removeFavorites:hover, .favBar a.removeFavorites:active, .favBar a.removeStandFavorites:hover, .favBar a.removeStandFavorites:active { background-color:transparent; color:var(--textcolor); text-decoration:underline; }

.accordion-button::after { display:none; }
.accordion-button:not(.collapsed)::before { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform:rotate(0deg); }
.accordion-button::before { flex-shrink:0; width:1.25rem; height:1.25rem; margin-right:15px; content:""; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-size:1.25rem; transition:transform .2s ease-in-out; transform:rotate(-90deg); }

.accordion { background-color:transparent; }
.accordion-body { background-color:rgba(255,255,255,.75); }
.accordion-item { border-color:#fff; background-color:transparent; }
.accordion-button { background:rgb(29, 35, 107, .75); color:#fff; }
.accordion-button.withFav { padding-right:50px; }
.accordion-button:not(.collapsed) { background:rgb(29, 35, 107, .75); color:#fff; }
.accordion-button .addFavorites, .accordion-button .removeFavorites, .accordion-button .addStandFavorites, .accordion-button .removeStandFavorites { position:absolute; right:15px; background-color:transparent !important; color:#fff !important; font-size:21px; }
.accordionTime { font-size:0.9rem; }

.searchInput .form-control {border-color:var(--primary);}
.searchInput .input-group-text {background-color:var(--primary);border-color:var(--primary);color:#fff;}

hr { background:var(--primary); opacity:1; }
span.italic { font-style:italic; }
span.bold { font-weight:bold; }

.btn-app, a.btn-app:link, a.btn-app:visited { color:#fff; background-color:var(--secondary); border-color:var(--secondary);  }
.btn-app:hover, a.btn-app:hover, a.btn-app:active { color:#fff; background-color:var(--primary); border-color:var(--primary) }

.timeCol span { position:relative; left:-25px; display:inline-block; background-color:#fff; }
.cursor-pointer { cursor:pointer; }

.bb_item, .bb_reaction { border:1px solid #999; border-radius:5px; margin-bottom:10px; padding:5px; background-color:#e3e3e3; }
.bb_reaction .poster { margin-bottom:0; }
.bulletinboardReactionForm textarea { height:60px; line-height:23px; }
.bulletinboardReactionForm .btn { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.bulletinboardReactionForm .btn img { width:25px; }
#sendBulletinboardReactionButton i { font-size:20px; line-height:15px; }
#sendBulletinboardReactionButton { font-size:14px; padding:0.375rem 0.25rem; }
.bb_reaction .initials.bulletinboard .noImagePerson { font-size:16px; }
.bb_item .sessionTitle { font-weight:bold; }

ul.unstyled-list { list-style-type:none; padding-left:0; }

.btn-primary { background-color:var(--primary); border-color:var(--primary); }
.btn-primary:hover { background-color:var(--secondary); border-color:var(--secondary); }

.voteOption, .voteOptionPlain { background-color:#a524d2; margin:10px 0px; padding:10px; color:#fff; }
.voteOption.selected { background-color:var(--secondary); margin:10px 0px; padding:10px; color:#fff; }
.voteOptionPlain h2 { color:#fff; }

a.blueBlockLink:link, a.blueBlockLink:visited { background-color:#1d236b; width:250px; height:50px; display:inline-block; text-align:center; line-height:50px; color:#fff; text-decoration:none !important; font-size:18px; font-weight:bold; border-radius:10px; }
a.blueBlockLink:hover, a.blueBlockLink:active { text-decoration:underline !important; }
a.purpleBlockLink:link, a.purpleBlockLink:visited { background-color:#a524d2; width:250px; height:50px; display:inline-block; text-align:center; line-height:50px; color:#fff; text-decoration:none !important; font-size:18px; font-weight:bold; border-radius:10px; }
a.purpleBlockLink:hover, a.purpleBlockLink:active { text-decoration:underline !important; }
a.whiteTextLink { color:#fff; }