:root {
  --bs-primary: #10163A;
	--bs-secondary: #ff4070;
	--bs-info: #21a7d0;
	--bs-light: #f7f7f7;
	--bs-dark: #010002;
	--bs-accent1: #413e63;
	--bs-accent2: #656c91;
	--bs-accent3: #a0a7b4;
	--bs-accent4: #f2efcc;
	--bs-primary-rgb: 16, 22, 58;
	--bs-secondary-rgb: 255, 64, 112;
	--bs-info-rgb: 33, 167, 208;
	--bs-light-rgb: 247, 247, 247;
	--bs-dark-rgb: 1, 0, 2;
	--bs-accent1-rgb: 65, 62, 99;
	--bs-accent2-rgb: 101, 108, 145;
	--bs-accent3-rgb: 160, 167, 180;
	--bs-accent4-rgb: 242, 239, 204;
  --bs-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-font-sans-serif: "PT Sans Regular", Helvetica, Arial, sans-serif;
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-color: #383941;
	--bs-body-bg: #ffffff;
	--bs-body-bg-gradient: linear-gradient(to right top, #f2f2f2, #e1e1e1, #d1d1d1, #c1c1c1, #b1b1b1);
	--bs-heading-font:"Poppins Extra Bold", Helvetica, Arial, sans-serif;
	--bs-heading-font-black:"Poppins Black", Helvetica, Arial, sans-serif;
	--bs-heading-font-mid:"Poppins Medium", Helvetica, Arial, sans-serif;
	--bs-box-shadow-main: 0 30px 40px 0px rgba(var(--bs-primary-rgb), 0.15);
  --bs-breadcrumb-font-size: .75rem;
  --z-header: 99;
  --z-header-top: 100;
  --btn-padding-top-bottom: 1.5rem;
  --btn-padding-left-right: 3.125rem;
  --transition-duration: 0.3s;
}

/* Reboot */
html, body {margin:0; padding:0; height: 100%; scroll-behavior: smooth;}
body {font-family: var(--bs-body-font-family); display: flex; flex-direction: column; min-height: 100vh; overflow-x: clip;}

.divider {border-bottom:1px dashed #b8b8b8; margin:2rem 0; width:100%; border-top:0;}

/* Headings */
h1, h2, h3, h4, h5, h6 {color: var(--bs-primary); font-family:var(--bs-heading-font); text-transform: uppercase;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: var(--bs-heading-font); font-size: .75em;}

/* Buttons */
button:hover, button:focus, button:focus-visible, .btn:active, .btn:focus, .btn:focus-visible {text-decoration: none; outline: none; border: none; box-shadow: none;}
.btn {font-family: var(--bs-heading-font); border: none; font-size:.875rem; padding: var(--btn-padding-top-bottom) var(--btn-padding-left-right); transition: all var(--transition-duration) ease-in-out; position: relative; text-transform: uppercase; border-radius: 0; z-index: 1; line-height: 1; text-align: center; box-sizing: border-box;}
/** Global Button Styles **/
.btn:before, .btn:after {content: ""; width: 0; height: 50%; position: absolute; z-index: -1; transition: all var(--transition-duration) cubic-bezier(0.785, 0.135, 0.15, 0.86); border-radius: inherit;}
.btn:before {top: 0; left: 0;}
.btn:after {bottom: 0; right: 0;}
.btn:hover:before, .btn:hover:after {width: 100%;}
/* Respect for users with reduced motion */
@media (prefers-reduced-motion: reduce) {
  .btn, .btn:before, .btn:after {transition: none;}
}
/** Spesific Button Styles **/
.btn-primary, .btn-primary:hover {background-color: var(--bs-primary); color: var(--bs-white);}
.btn-primary::before, .btn-primary::after, .btn-dark::before, .btn-dark::after {background-color: var(--bs-secondary);}
.btn-secondary, .btn-secondary:hover {background-color: var(--bs-secondary); color: var(--bs-white);}
.btn-secondary::before, .btn-secondary::after {background-color: var(--bs-primary);}
.btn-dark, .btn-dark:hover {background-color: var(--bs-dark); color: var(--bs-white);}
.btn-light, .btn-light:hover {background-color: var(--bs-white); color: var(--bs-primary);}
.btn-light::before, .btn-light::after {background-color: var(--bs-primary);}
.btn-light:hover {color: var(--bs-white);}

input.btn-primary:hover {background-color: var(--bs-secondary); color: var(--bs-white);}
input.btn-secondary:hover {background-color: var(--bs-primary); color: var(--bs-white);}

.mainProgram .btn {font-family: var(--bs-body-font-family); text-transform:none; padding: var(--btn-padding-top-bottom);}

.scroll2top {position: fixed; right: 1rem; bottom: 1rem; display: grid; place-items: center; width: 2.5rem; aspect-ratio: 1; padding: 0; border: 0; color: var(--bs-white); background: var(--bs-primary); font-size: 1.25rem; box-shadow: 0 0 .625rem rgb(0 0 0 / 15%); cursor: pointer; z-index: 100; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(1rem); transition: opacity .3s ease, transform .3s ease, visibility .3s;}
.scroll2top.show {opacity: 1; visibility: visible; pointer-events: auto; transform: none;}
.scroll2top:hover {color: var(--bs-white); background: var(--bs-secondary);}

/* program spesific styles */
/** header **/
.flyer-wrapper {width:100%; box-shadow: var(--bs-box-shadow-main);}
.flyer-wrapper img {display: block; width: 100%; height: auto; border-radius: .25rem;}

/** filter form**/
.filter-form .form-label {display: block; margin-bottom: .5rem;}
.filter-form .form-control,
.filter-form .form-select {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    padding-top: .375rem;
    padding-bottom: .375rem;
    border-radius: 0;
}

.filter-form .btn,
.filter-form .btn:hover,
.filter-form .btn:focus,
.filter-form .btn:focus-visible,
.filter-form .btn:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    font-size: 1rem;
    line-height: 1.5;
    padding-top: .375rem;
    padding-bottom: .375rem;
    padding-left: var(--btn-padding-left-right);
    padding-right: var(--btn-padding-left-right);
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    white-space: nowrap;
}

.filter-form .d-flex {
    min-width: 0;
}

.filter-form .d-flex .btn {
    flex: 1 1 0;
    width: 0;
}

.filter-form .btn {
    overflow: hidden;
    isolation: isolate;
}

.filter-form .btn:focus-visible,
.filter-form .form-control:focus-visible,
.filter-form .form-select:focus-visible {
    outline: .125rem solid currentColor;
    outline-offset: .125rem;
}

@media (max-width: 991.98px) {
    .filter-form .row {
        --bs-gutter-y: 1rem;
    }
}

/** day selection row **/
.sticky-sentinel {height: 1px;}
.sticky-panel {transition: box-shadow 0.2s ease;}
.sticky-panel.is-stuck {padding:2rem 1rem; box-shadow: var(--bs-box-shadow-main);}

/** session details **/
.table>:not(:first-child) {border-top: 1px solid #eaeaea;}

thead.table-primary {--bs-table-bg: var(--bs-primary);}

table.program {background-color: #FFF; border-collapse: separate; border-spacing: .25rem;}
table.program, table.program th, table.program td {border: 1px solid #eceeef;}
table.program tbody th {text-align: center;}

.responsive-data {border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; /*table-layout: fixed;*/}
.responsive-data caption {font-size: 1.5rem; margin: .5rem 0 .75rem; font-family:var(--bs-alt-font);}
.responsive-data tr {border: 1px solid #ddd; padding: .35rem;}
.responsive-data th, .responsive-data td {padding: .625rem; text-align: center; vertical-align: middle;}
.responsive-data th.text-nowrap, .responsive-data td.text-nowrap {white-space: nowrap;}
.responsive-data th {font-size: .85rem; /*letter-spacing: .1em;*/ text-transform: uppercase;}
@media screen and (max-width: 600px) {
  .responsive-data {border: 0;}
  .responsive-data caption {font-size: 1.25rem;}
  .responsive-data thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
  .responsive-data tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625rem;}
  .responsive-data th {background-color: var(--bs-primary); color: var(--bs-white);}
  .responsive-data th, .responsive-data td {border-bottom: 1px solid #ddd; display: block; font-size: .875rem; text-align: right;}
  .responsive-data th.text-nowrap, .responsive-data td.text-nowrap {white-space: normal!important;}
  .responsive-data td::before {content: attr(data-label); /*float: left;*/ display: block; font-weight: bold; text-transform: uppercase; color: var(--bs-secondary);}
  .responsive-data td:last-child {border-bottom: 0;}
}

.bg-accent4 {background-color: var(--bs-accent4);}


#draggablePanelList .move-button {
    cursor: move;
  }

  .ui-sortable-placeholder{
    background-color:#CCC;
    visibility:visible!important;
    height:435px;
  }

  .panel-info {
    border-color: #bce8f1!important;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-body {
    padding: 15px;
}
.accordion-button{
  padding: 0!important;
  width: 20px!important;
  margin-left: 10px;
}
.accordion-button:not(.collapsed) {
  background-color: #fff!important;
}
.input-required{
  color:#ff0000;
  margin-right:2px;
  font-weight: bold;
}