body { padding-right: 0 !important; }
/* base */
#t4-main-body { background: var(--col_background) !important; padding-top: 0; }
#t4-main-body .wrapper { background: var(--col_window); padding-top: 2rem; padding-bottom: 3rem; box-shadow: 0 0.25rem 0.125rem 0 rgb(0 0 0 / 2%); border-radius: 20px; }
#t4-main-body .flat-top { border-radius: 0 0 20px 20px; }
#t4-main-body .tabber { position: relative; }
#t4-main-body .dats { position: absolute; bottom: -1.5rem; right: 3rem; }
#t4-main-body .dats li { font-family: monospace; }
#t4-main-body .dd i { color: var(--col_dats); opacity: 50%; }
#t4-main-body .dd .fa-ul li { color: var(--col_dats); }
@media only screen and (max-width: 1199px) {
#t4-main-body .t4-section-inner { padding-left: 0; padding-right: 0; }
}
@media only screen and (max-width: 767px) {
#t4-main-body { padding-bottom: 3rem; }
}
@media only screen and (max-width: 991px) {
#t4-main-body .topper { padding: 0 1.5rem 2rem 1.5rem; border-radius: 0 0 20px 20px; }
}
/* toggle */
.toggle { display: flex; justify-content: right; padding: 1.5rem 0; }
.toggle .switch { position: relative; display: inline-block; width: 80px; height: 34px; }
.toggle .switch input { opacity: 0; width: 0; height: 0; }
.toggle .switch .icon { position: absolute; z-index: 1; width: 57px; display: flex; justify-content: space-between; margin-left: -0.2rem; margin-top: 0.55rem; margin-right: 0.7rem; margin-left: 0.7rem; }
.toggle .switch .left { color: var(--col_toggle_switch_left); }
.toggle .switch .right { color: var(--col_toggle_switch_right); }
.toggle .slider { background-color: var(--col_toggle_slider); position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: .4s; }
.toggle .slider:before { background-color: var(--col_toggle_before); position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; transition: .4s; }
.toggle .slider.round { border-radius: 34px; }
.toggle .slider.round:before { border-radius: 50%; }
.toggle input:checked + .slider { background-color: var(--col_toggle_input); }
.toggle input:checked + .slider:before { transform: translateX(45px); }
.toggle input:focus + .slider { outline: none; }
.toggle input:focus + .slider { box-shadow: 0 0 0 4px rgba(21, 156, 228, 0.7); }
@media only screen and (max-width: 767px) {
.toggle { justify-content: center; padding: 1.5rem 1rem; }
}
/* boostrap overrides */
.tabber i, .tabber a i{ color: var(--col_cisse); }
.tabber p:not(.alert p), .tabber li, .tabber h4, .tabber h3, .tabber h5, .tabber input:not(.btn) { color: var(--col_text); }
.tabber h4:not(.ttl) { color: var(--col_nav_base); }
.tabber input:not(.btn) { background: transparent; background: var(--col_input) !important; border-color: var(--col_border) !important; }
.tabber input::placeholder { color: var(--col_accent); }
.tabber hr { background-color: var(--col_border); }
.tabber .card { background: transparent; border-color: var(--col_border) !important; }
.tabber .callout { border-color: var(--col_border) !important; }
.tabber .callout .message { background: transparent !important; }
.tabber .callout .col-1 { background: var(--col_background) !important; }
.tabber .accordion-item { background: transparent !important; border: none; }
.tabber .accordion-body { background: var(--col_accordian_body) !important; }
.tabber .accordion-button { background: var(--col_accordian) !important; color: var(--col_nav_base); border-bottom: 1px solid var(--col_border); }
.tabber .accordion-button:not(.collapsed) { color: var(--col_accordian_text) !important; background: var(--col_accordian_focus) !important; box-shadow: none; }
.tabber .accordion-button:not(.collapsed)::after { background-image: var(--col_accordian_chevron); }
.tabber .accordion-button::after { background-image: var(--col_accordian_chevron); }
.tabber .alert-warning {  }
/* medley */
.tabber .leadin ul { background: var(--col_card) !important; border-color: var(--col_border) !important; }
.tabber .cfs .table .table-a { border-color: var(--col_border); }
.tabber .tm { color: var(--col_tm) !important; }
.tabber .cisse .card-body { background: var(--col_alert_b); }
.tabber .calls .pod { border-left: 6px var(--col_cisse) solid; background: var(--col_background); color: var(--col_text); }
.tabber .callout strong { color: var(--col_accent); }
.tabber .partners .nav-link { color: var(--col_nav_base); }
.tabber .address h4 { color: var(--col_text); }
.tabber .address a:not(.btn) { color: var(--col_nav_base); }
.tabber #sponsorTabContent .col-md-4 { background: var(--col_accordian); border-radius: 1rem; display: flex; align-items: center; }
.tabber #sponsorTabContent .col-md-4 img { filter: var(--col_filter); }
/* accoridans */
.tabber .accordion-button { color: var(--col_nav_base); font-size: 0.86rem; font-weight: 900; line-height: 1.4rem; background-color: transparent; }
.tabber .accordion-button:not(.collapsed) { color: unset; background-color: unset; border-bottom: 1px solid var(--col_border); }
/* tabs */
.tabber .fsm { position: fixed; max-width: 190px; background: var(--col_window); border-radius: 1rem; padding: 1rem; box-shadow: 0 0.25rem 0.125rem 0 rgb(0 0 0 / 2%);  }
.tabber .fsc { position: relative; }
.tabber .fsc .nav-pills { margin-right: 0 !important; }
.tabber .fsc .nav-pills .nav-link { text-align: left; }
.tabber .fsc .nav-pills .nav-link.active, #t4-main-body .fsm .nav-pills .show > .nav-link { color: var(--col_nav_active); background-color: var(--col_cisse); }
.tabber .fsc .nav-link { color: var(--col_nav_base); width: 100%; }
.tabber .fsc .mobile .fa { display: none; }
.tabber .fsc .collapse:not(.show) { display: inherit; }
.tabber .fsb a:not(.btn) { font-weight: 600; }
.tabber .fsb a:hover:not(.btn) { color: inherit; }
.tabber .fsb .ttl { font-weight: 600; border-bottom: 1px var(--col_border) solid; padding-bottom: 1rem; margin-bottom: 2rem; }
.tabber .fsb .p-adjust { margin-top: 0; }
.tabber .fsb .callout { box-shadow: none !important; }
.tabber .fsg { position: absolute; bottom: -7rem; left: 0; right: 0; height: 200px; background: var(--col_fsg); z-index: 1; }
.tabber .partners .metal { color: var(--col_accent); }
@media only screen and (max-width: 1399px) {
.tabber .fsm { max-width: unset; background: transparent; border-radius: unset; padding: unset; box-shadow: unset  }
.tabber .fsm .nav-link { font-size: 0.845rem; }
}
@media only screen and (max-width: 991px) {
.tabber .fsm { position: inherit; max-width: unset; }
.tabber .fsm .nav-link { font-size: inherit; width: inherit; }
.tabber .fsc .mobile .fa { display: inherit; }
.tabber .fsc .mobile > .fa-bars { color: var(--col_nav_active); }
.tabber .fsc .mobile:hover > .fa-bars { color: var(--col_nav_active); }
.tabber .fsc .mobile .nav { display: block; padding-top: 1rem; transition: all 0.3s ease-in-out; }
.tabber .fsc .mobile { background: var(--col_cisse); }
.tabber .fsc .mobile i { padding: 0.8rem; }
.tabber .fsc .mobile #tab { background: var(--col_mobile_nav); padding: 1rem; box-shadow: 0 0 0 1px rgb(0 0 0 / 1%), 0 5px 15px rgb(0 0 0 / 1%); margin-bottom: 1.5rem; }
.tabber .fsc .mobile #tab button { background: unset; }
.tabber .fsc .mobile #tab button.active { color: var(--col_cisse); }
.tabber .fsc .collapse:not(.show) { display: none; }
.tabber .fsb .ttl { margin-top: 2.5rem; }
.tabber .fsb .ttl-m { margin-top: 2rem; }
.tabber .fsb .ttp-m { margin-top: 1rem; }
.tabber .fsg { display: none; }
}