@import 'assets/css/colors.css';
@import 'assets/css/form.css';
@font-face {font-family: Segoe Ui Semi-light;src: url('assets/fonts/segoeuisl.ttf');}
@font-face {font-family: Segoe Ui;src: url('assets/fonts/SegoeUI.ttf');}
@font-face {font-family: Cairo;src: url('assets/fonts/Cairo-Regular.ttf');}
@font-face {font-family: Co Text;src: url('assets/fonts/Co_Text.otf');}
@font-face {font-family: Boehringer Forward Head;src: url('assets/fonts/BoehringerForwardHead.ttf');}

/* :root {
  --bs-primary:#1C75BC !important;
  --bs-secondary:#009ADA !important;
  --bs-success:#009688 !important;
  --bs-info:#C5E8EF !important;
  --bs-primary-rgb:28,117,188 !important;
  --bs-secondary-rgb:0,154,218 !important;
  --bs-success-rgb:0, 150, 136 !important;
  --bs-info-rgb:197,232,239 !important;
  --bs-warning-hover: #FFA707 !important;
} */
html,body {padding:0;margin:0;}
* {box-sizing: border-box;font-family: 'Co Text', 'Cairo', sans-serif;}

* ::-webkit-scrollbar-track{background-color:transparent}
* ::-webkit-scrollbar{background-color:transparent;width:8px}
* ::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:8px;background-clip:content-box;background-color:rgba(var(--bs-primary-rgb), 0.5)}
* ::-webkit-scrollbar-thumb:hover{/*border:3px solid transparent;*/background-color:var(--bs-primary)}

a {color:var(--bs-primary);text-decoration: none;}
a:hover {color:var(--bs-secondary);}

.ff-boehringer * {font-family: 'Boehringer Forward Head', sans-serif !important;}
.ff-coText * {font-family: 'Co Text', sans-serif !important;}
.badge {display: flex;align-items: center;line-height: 1;height: 1.25rem;padding-block: 0.25rem;gap: 0.25rem;}

body {width:100%;min-height:100vh;font-size: 16px;background-color:#EFEFEF;color:#53535f;line-height: 1.5;overflow-x: hidden; }
main {position:relative;width: 100%;min-height:100vh;background:url('assets/img/desktop_bg.png') no-repeat center bottom fixed;background-size: cover;color:#FFF;}
.main-wrapper {position:relative;width: 100%;min-height:100vh;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;}

/* NAVBAR START */
.navbar {position: relative;display: flex;width: fit-content;height: 100px;line-height: 70px;padding-block: 15px;justify-content: center;align-items: center;margin-inline: auto;}
.navbar-brand {margin-inline-end:2rem;}
.navbar-brand img {height: 40px;}
.navbar-collapse {flex-flow: wrap;align-items: center;justify-content: flex-end;line-height: 1;padding: 0;}
.nav-item {padding-inline: 0.5rem;border-inline-end: 2px solid #FFF;line-height: 1.2rem;}
.nav-item:last-child {padding-inline-end: 0;border-inline-end: 0;}
.nav-link {color: var(--bs-white) !important;padding:0;}
.nav-link:hover,.nav-link.active {color: var(--bs-white) !important;}
/* NAVBAR END */

/* CONTENT */
.content {position: relative;display:flex;flex-flow: column;width: 100%;min-height: calc(100vh - 3rem - 100px);justify-content: start;align-items: center;padding-block: 1.5rem;}
.main-content {position:relative;width:100%;/*padding:1.5rem;*/}
.content-box {position:relative;background:#FFF;color:var(--bs-dark);width:100%;padding:1.5rem;border-radius:0.5rem;}
.index-buttons {position: relative;display: flex;justify-content: center;align-items: center;width:100%;/* display: flex;align-content: center;justify-content: center; */padding-top: 2rem;}
.registration-btn {max-height: 50px;}
.scrollDown {animation: scrollDown 1s 1.5s forwards;transform: translateY(-50px); opacity: 0;}
.registration-btn:hover {transform: scale(0.95) !important;}
.mobile-header {max-width:100%;animation: scrollDown 0.5s forwards;transform: translateY(-50px); opacity: 0;}
.mobile-event-logo {max-width:100%;animation: scrollDown 0.5s 1s forwards;transform: translateY(-50px); opacity: 0;}
.event-logo {max-width:100%;animation: scrollDown 0.25s 0.75s forwards;transform: translateY(-50px); opacity: 0;mix-blend-mode: lighten;max-width:80%;}

.center_banner {position: relative;width: 100%;display: flex;flex-flow: column;align-items: center;justify-content: center;gap: 2rem;padding-top: 3rem;}
.center_banner_img {max-width: 100%;max-height: 350px;}
.center_banner_btns {min-height: 15vh;display: flex;flex-flow: column;align-items: center;justify-content: center;gap: 1vh;}
.center_banner_btns img {height: 5.5vh;}

.contact_box {position: relative;display: flex;flex-flow: column;justify-content: flex-start;gap: 0.5rem;padding-block-start: 3rem;max-width: 800px;margin: auto;}
.contact_box p {font-family: 'Boehringer Forward Head', sans-serif;}

.select-reset {background: #FFF;position: absolute;width: 1.5rem;line-height: 1.125rem;right: 0.625rem;transform: translateY(50%);z-index: 999;font-size: 16px;color: #f44242;text-align:center;}
.select-reset::before{content:'x'}
option[workshop-closed] {display:none;}
.choices {margin-bottom: 0 !important;}
.choices__item {font-size: 0.95rem !important;word-break: keep-all;}
.choices__input__required {display: block;width: 100%;padding: 0.375rem 0.75rem;border:0 !important;border-bottom: 1px solid #ddd !important;background-color: #fff;margin: 0;}
.choices__input.choices__input--cloned {padding: 0.375rem 0.5rem !important;}
.choices__list--dropdown {padding: 0.375rem 0.5rem !important;z-index:99 !important;}
.choices__list--dropdown .choices__item--selectable.is-highlighted {background-color: #07306d !important;color:#FFF !important;}
.choices__list--single .choices__item {width: 95% !important;overflow: hidden;height: 1.25rem;line-height: 1.5rem;}

/* LIVESTREAM PAGE */
.streamBox {width:100%;min-height: 60vh;background-color: #e9ecef;color:var(--bs-primary);padding: 1.25rem;border-radius: 0.75rem;margin-block: 2rem;}
#livestream-frame {position: relative;padding-top: 56.25%;background: url('assets/img/player-bg.png') no-repeat center;background-size:cover;overflow: hidden;}
#livestream-frame > iframe {position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;height:100%}
#ratio169 {position: relative;padding-top: 56.25%;background:#FFF;overflow: hidden;}
#ratio169 > iframe {position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;height:100%}

.custom-tab {display:flex;flex-flow:column;align-items:center;color: var(--bs-primary) !important;padding: 0.75rem 1rem !important;font-size: 1.2rem !important;line-height: 2rem !important;height: 5.5rem !important;border: 2px dashed !important;border-radius: 0.75rem !important;}
.custom-tab i {font-size:1.75rem;}
.custom-tab.active {background-color: var(--bs-primary) !important;color:#f9ca11 !important;border-style: solid !important;border-color: var(--bs-primary) !important;}
.custom-tab:hover {background-color: #f7c603 !important;color: var(--bs-primary) !important;border-style: solid !important;border-color: #f7c603 !important;}
.custom-nav-tabs {display: flex;flex-flow: wrap;gap: 1rem;padding-bottom: 1rem;border:0 !important;}
.tab-content {height: calc(100% - 6.5rem);}
.tab-panel {height: 100%;display: none;}

#discussion-box {position: relative;background:#FFF;min-height:300px;padding:1rem;border: 1px solid #dbdbdb;display: flex;flex-flow: column;justify-content: space-between;height: inherit;}
#discussion-block {width: 100%;height: calc(100% - 120px);display: grid;grid-auto-rows:max-content;background: #f6f6f6;padding-bottom: 0.5rem;overflow-y:auto;}
#discussion-block div {width: 100%;padding:5px;border-bottom:1px solid #ddd;}
#discussion-block div:first-child {padding-top:0;}
#discussion-block div:last-child {border:0;}
#discussion-input-block {width: 100%;height: 100px;display: flex;flex-flow: column;justify-content:flex-end;}
#discussion-input-block textarea {height: auto;resize:none;max-height: 100px;}
#discussion-block.staff {height: calc(100% - 150px);}
#discussion-input-block.staff {height: 130px;}
.unreadMessages:after {content: "";width: 10px;height: 10px;background: #ffc107;position: absolute;border-radius: 50%;left: -4px;top: -2px;}
.unreadMessages {position: relative;}
.custom-tab:hover .unreadMessages:after {background: var(--bs-primary)}
#selectRecipients span {max-height:1rem;line-height: 1rem;overflow:hidden;}
.replyTo {cursor: pointer;}
.message.new {background: rgba(225,240,255,0.25);}

#questions-box {position: relative;background:#FFF;min-height:300px;padding:1rem;border: 1px solid #dbdbdb;display: flex;flex-flow: column;justify-content: space-between;height: inherit;}
#questions-block {width: 100%;height: calc(100% - 120px);display: grid;grid-auto-rows:max-content;background: #f6f6f6;padding-bottom: 0.5rem;overflow-y:auto;}
#questions-block div {width: 100%;padding:5px;border-bottom:1px solid #ddd;}
#questions-block div:first-child {padding-top:0;}
#questions-block div:last-child {border:0;}
#question-input-block {width: 100%;height: 100px;display: flex;flex-flow: column;}
#question-input-block textarea {height: auto;resize:none;max-height: 100px;}
/* END LIVESTREAM PAGE */

/* COUNTDOWN */
.countdown-block {position: relative;display: flex;flex-flow: row;align-items: center;gap: 0.5rem;font-size: 1.5rem;}
.countdown-item {position: relative;/*background: var(--bs-secondary);*/display: flex;flex-flow: column;align-items: center;gap: 0.25rem;min-width:5rem;padding-block-end: 0.5rem;padding-inline: 1rem;font-size: 2rem;}
.countdown-item-name {font-size: 0.75rem;}

/* AGENDA */
.agenda-block {
  position: relative;
  display: flex;
  flex-flow: column;
  background: #FFF;
  padding: 1rem;
  color: var(--bs-primary);border-radius: 0.5rem;gap:1rem;
}

.agenda-session {
  position: relative;
  background: var(--bs-secondary);
  color:#FFF;
  display: flex;
  padding-inline: 0.75rem;padding-block-end: 0.5rem;border-radius: 0.5rem;
  gap: 0.5rem;
}

.agenda-row {
  position: relative;
  display: flex;
  justify-content: flex-start;
  line-height: 1.25rem;
  gap: 0.75rem;
}

.agenda-row-time {
  position: absolute;
  top: 0.5rem;
  background: var(--bs-primary);
  width: 140px;
  text-align: center;
  padding-inline: 0.5rem;
  padding-bottom: 0.375rem;
  border-radius: 0.5rem;
  color: #FFF;
  z-index: 99;
}

.agenda-row-theme-column {
  position: relative;
  width: -webkit-fill-available;
  /* height: max-content; */
  margin-inline-start: 70px;
  padding: 0.75rem;
  padding-block-start: 0.375rem;
  padding-inline-start: 75px;
  border: 1px dashed;
}

.agenda-row-theme-column.no-theme {width:80px;border:0px;}

.agenda-row-speakers-column {
  position: relative;
  display: flex;
  gap: 0.75rem;
}

.agenda-row-speaker {
  position: relative;
  width: max-content;
  height: -webkit-fill-available;
  padding-inline: 0.75rem;
  padding-block-start: 0.25rem;
  padding-block-end: 0.5rem;
  border: 1px dashed;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: start;
}

.agenda-row-speaker-name {font-weight: bold;margin: 0;}

.agenda-row-speaker-title {
    font-size: small;
    font-weight: lighter;
    margin: 0;
}

/* SPEAKERS */
.speaker-block {position: relative;max-width: 240px;height: 370px;text-align: center;border-radius: 8px;border: 2px solid;color: var(--bs-primary);overflow: hidden;padding-inline: 0;}
.speaker-photo {position: relative;height: 270px;padding: 10px;overflow: hidden;}
.speaker-photo img {width: auto;height: auto;min-width: 220px;min-height: 250px;max-width: 100%;}
.speaker-block-footer {position: relative;display: flex;flex-flow: column;height: 100px;padding-inline: 10px;padding-block: 8px;justify-content: center;align-items: center;background: var(--bs-primary);gap: 5px;}
.speaker-name {height: 24px;color: #FFF;font-size: 18px;line-height: 24px;overflow: hidden;}
.speaker-title {height: 16px;color: #ffc107;font-size: 15px;line-height: 16px;/* text-decoration: underline; */cursor: pointer;}
.speaker-subtitle {height: 30px;color: #fff;font-size: 12px;line-height: 15px;/* text-decoration: underline; */cursor: pointer;}
.ViewerJS {min-width: 75vw;height: 90vh;}
.ViewerJS .modal-body {height: calc(90vh - 3.5rem);}


/*form styles*/
#signUpForm {/* max-width: 960px; */}
#signUpForm .form-header {gap: 5px;text-align: center;font-size: .9em;}
#signUpForm .form-header .stepIndicator {position: relative;flex: 1;padding-bottom: 30px;}
#signUpForm .form-header .stepIndicator.active {font-weight: 600;color: #0886c9;}
#signUpForm .form-header .stepIndicator.finish {font-weight: 600;color: #1c4586;}
#signUpForm .form-header .stepIndicator::before {content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 9;width: 20px;height: 20px;background-color: #a9d9f1;border-radius: 50%;border: 3px solid #ecf5f4;}
#signUpForm .form-header .stepIndicator.active::before {background-color: #0886c9;border: 3px solid #a9d9f1;}
#signUpForm .form-header .stepIndicator.finish::before {background-color: #1c4586;border: 3px solid #8fb2e9;}
#signUpForm .form-header .stepIndicator::after {content: "";position: absolute;left: 50%;bottom: 8px;width: 100%;height: 3px;background-color: #f3f3f3;}
#signUpForm .form-header .stepIndicator.active::after {background-color: #a9d9f1;}
#signUpForm .form-header .stepIndicator.finish::after {background-color: #1c4586;}
#signUpForm .form-header .stepIndicator:last-child:after {display: none;}
#signUpForm .invalid {border-color:#ffaba5;}
#signUpForm .step {display: none;}
#signUpForm .oneColumn {width:fit-content;max-width:100%;}
#signUpForm .workshops {width:fit-content;max-width:100%;}
#signUpForm .form-footer{overflow:auto;gap: 20px;}
#signUpForm .form-footer button{background-color: #1b498a;border: 1px solid #1b498a !important;color: #ffffff;border: none;padding: 13px 30px;font-size: 1em;cursor: pointer;border-radius: 5px;flex: 1;margin-top: 5px;}
#signUpForm .form-footer button:hover {opacity: 0.9;}
#signUpForm .form-footer #prevBtn {background-color: #fff;color: #1b498a;}

#formAlert .alert i {padding-inline-end:0.25rem;}

/*SPONSORS IMAGES*/
.platinium{max-width:100%;height: auto;max-height: 250px;}
.diamond{max-width:90%;height: auto;max-height:200px;}
.gold{max-width:90%;height:auto;max-height: 160px;}
.silver{max-width: 70%;height:auto;max-height:100px;}
.bronze{max-width:70%;height:auto;max-height:80px;}
.iron{max-width:60%;height:auto;max-height:70px;}

/* FOOTER */

/* RESPONSIVE */
@media screen and (max-width: 1199px) {
  .navbar {width:100%;padding-inline: 1.5rem;}
}
@media screen and (max-width: 992px) {
  main {background:url('/assets/img/mobile_bg.png') no-repeat center center;background-size: cover;background-attachment: fixed;}
  .container {max-width: 100%;padding-inline: 1.5rem;}
  .navbar {padding-inline: 0;}
  .navbar-brand img {height: 40px;}
  .center_banner {padding-top: 0;gap:1.5rem}
  .center_banner_btns img {height: 2.5rem;}
  .navbar-toggler {position: absolute;right: 0.5rem;z-index:999;border: 0;}
  .navbar-toggler i {color:#FFF;font-size: 2rem;}
  .navbar-toggler:focus {outline:0;border:0;box-shadow:none;}
  .navbar-collapse {position: fixed;background: linear-gradient(45deg, rgba(var(--bs-primary-rgb),0.8), #1c316d);top: 0;left: 0;width:100%;height: 100vh;overflow-y: auto;padding:0;line-height: 1;padding-top: 80px;z-index:99;}
  .navbar-collapse .nav-item {padding:0 !important;border:0 !important;}
  .navbar-collapse .nav-link.active, .navbar-collapse .nav-link:hover {border:0 !important;}
  .navbar-collapse .nav-link {padding: 0.75rem 1.5rem !important;}
  .navbar-collapse .nav-link.active {position:relative;background: var(--bs-white);color: var(--bs-primary-hover) !important;}
  .navbar-collapse .nav-link:hover {background: var(--bs-primary-hover);color: var(--bs-white) !important;}
  .navbar-collapse .nav-item:first-child .nav-link {margin-top:0.5rem;}
  .navbar-collapse .nav-item:first-child .nav-link.active {margin-top:0;}
  .navbar-collapse .btn {margin:0 !important;}
  .index-buttons {flex-flow:column;}
  .registration-btn {max-height: 45px;}
  .countdown-item {font-size: 1.5rem;padding-inline: 0.5rem;min-width: 4rem;}

  .agenda-block {margin-block-end: 3rem;gap: 0.5rem;}
  .agenda-row {flex-flow: column;}
  .agenda-row-time {position: relative;margin-block-end: 0.5rem;}
  .agenda-row-theme-column {margin: 0;padding-inline-start: 0.75rem;}
  .agenda-row-theme-column.no-theme {display: none;}
  .agenda-row-speaker {width: -webkit-fill-available;}
  .agenda-row-speakers-column {flex-flow: column;}

}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 640px) {
  /* .index-buttons {flex-flow:column;} */
}
@media screen and (max-width: 575px) {
  .navbar {height: 80px;line-height: 60px;}
  /* .navbar-brand {display: none;} */
  .loginForm {max-width: 100%;margin-top:3rem;}
  .loginForm .card {max-width: calc(100% - 3rem) !important;min-width: fit-content;}
}
@media screen and (max-width: 561px) {
  .speaker-block {max-width: 100%;height: calc(85vw + 60px);}
  .speaker-photo {height: 85vw;}
}

/* ANIMATIONS */
@keyframes scrollDown {
  to { transform: translateY(0); opacity: 1; }
}
@keyframes hScroll {
  to { transform: translateX(0); opacity: 1; }
}
@keyframes scrollRight {
  to { transform: translateX(100%); opacity: 0; }
}
@keyframes scrollRight {
  to { transform: translateX(-100%); opacity: 0; }
}
@keyframes showIn {
  to { visibility: visible; }
}
@keyframes hideOut {
  to { visibility: hidden; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.agenda-tab {color: var(--bs-primary) !important;border-radius: 0 !important;padding: 0.75rem 1rem !important;font-size: 1.2rem !important;line-height: 1.5 !important;border: 2px dashed !important;}
.agenda-tab.active {background-color: var(--bs-primary) !important;color:var(--bs-white) !important;border: 0 !important;}
.agenda-tab:hover {background-color: var(--bs-secondary) !important;color: var(--bs-white) !important;border: 0 !important;}