@import url('https://fonts.googleapis.com/css2?family=Sora');
html,body{background-color: #191c23;font-family: 'Sora', sans-serif;scroll-behavior: smooth;}
::-webkit-scrollbar {width:8px;}
::-webkit-scrollbar-track {background:#2f3441;}
::-webkit-scrollbar-thumb {background:#242832;border-radius:20px;}
::-webkit-scrollbar-thumb:hover {background:#d9d9d9;}
* {image-rendering: crisp-edges;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;-ms-interpolation-mode: nearest-neighbor;}
img {-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;object-fit:cover;}
.player{height:350px;width:100%;position: relative;}
.playerBlur{background: url('https://cdn.tomas.systems/rave.jpg') no-repeat center;background-size: cover;-webkit-filter: blur(30px);-moz-filter: blur(30px);-o-filter: blur(30px);-ms-filter: blur(30px);filter: blur(30px) brightness(50%);;position:absolute;width:100%;height:100%;}
.navbar-brand img{width:30%}
.dropdown-toggle::after {content: none;}
.avatar{width:32px;border-radius: 16px;height: 32px;}
.playerArtwork{width:128px;height: 128px;border-radius: 64px;-webkit-box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);-moz-box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);}
.playerCont{margin-top:3%;-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(13px);filter: blur(0px);color:#fff;padding-bottom:3%;}
.navbar-nav > li > .dropdown-menu {background-color: rgba(0,0,0,.9);border-radius: 10px;-webkit-box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);-moz-box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);}
.navbar-nav > li > .dropdown-menu a{color:#fff;transition: .5s;}
.navbar-nav > li > .dropdown-menu a:hover{background-color: rgba(0,0,0,.2);color:#d9d9d9;}
#nprogress {pointer-events: none;}
#nprogress .bar {background: rgb(255, 255, 255, .8);position: fixed;z-index: 1031;top: 0;left: 0;width: 100%;height: 2px;}
#nprogress .peg {display: block;position: absolute;right: 0px;width: 100px;height: 100%;box-shadow: 0 0 20px rgb(255, 255, 255);opacity: 1;-webkit-transform: rotate(3deg) translate(0px, -4px);-ms-transform: rotate(3deg) translate(0px, -4px);transform: rotate(3deg) translate(0px, -4px);}
#nprogress .spinner-icon {border-top-color:#fff;border-left-color:#fff;}
.pageContentWrapper{margin-top: 4%;color:#fff;}
.form-control{border:none;background-color: rgba(0,0,0,.4);border-radius: 10px;color:#fff !important;transition: .1s;}
.input-group-text{border:none;background-color: rgba(0,0,0,.5);border-radius: 10px;color:#fff !important;}
.form-control:focus{background-color: rgba(0,0,0,.6);outline: none !important;box-shadow: none;}
.form-control option{background-color: rgba(0,0,0,.4) !important;color:#fff !important;}
::placeholder {color: #fff !important;opacity: 1;}
:-ms-input-placeholder {color: #fff !important;}
::-ms-input-placeholder {color: #fff !important;}
.iconRed{color:#DB222A;}
.iconGreen{color:#A7C957;}
.btn-rave{border:none;background-color: rgba(0,0,0,.4);border-radius: 10px;color:#fff !important;transition: .1s;width:100%;}
.btn-rave:hover{background-color: rgba(0,0,0,.6);}
.btn-rave:disabled {background-color: rgba(0,0,0,.3) !important;}
#volume{-webkit-appearance: none;border-radius: 5px;background: #ffffff60;outline: none;width: 170px;height: 10px;}
#volume::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 18px;height: 18px;border-radius: 50%; background: #ffffff;cursor: pointer;}
#volume::-moz-range-thumb {width: 18px;height: 18px;border-radius: 50%;background: #ffffff;cursor: pointer;}
.website_title{text-align: center;-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(13px);filter: blur(0px);color:#fff;text-transform: uppercase;font-weight: 1000;letter-spacing: 5px;padding-top:2%;padding-bottom:1%;}
.currentDJAvatar{width:128px;height: 128px;border-radius: 64px;-webkit-box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);-moz-box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);}
.footer{color:#fff;margin-top:2%;text-align: center;margin-bottom:2%;}
.footer a{color:#fff;text-decoration: none;transition: .5s}
.footer a:hover{color:#d9d9d9;}
a{color:#fff;text-decoration: none;}
a:hover{cursor: pointer;}
.pageBackgroundImage{width:100%;position: relative;overflow: hidden;border-radius: 5px;border:1px solid #2f3441;}
.pageBackgroundImageBlur{background: url('https://cdn.tomas.systems/rave.jpg') no-repeat center;background-size: cover;-webkit-filter: blur(30px);-moz-filter: blur(30px);-o-filter: blur(30px);-ms-filter: blur(30px);filter: blur(30px) brightness(50%);;position:absolute;width:100%;height:100%;}
.pageBackgroundImageContent{position:relative;-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(13px);filter: blur(0px);color:#fff;padding:3%;}
.lyrics{background-color: rgba(0,0,0,.4);border-radius: 10px;-webkit-box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);-moz-box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);padding:3%;}
.modal-content{background-color: #0f0f13;opacity: 1;color:#ffffff !important;padding:2%;box-shadow: 3px 3px 15px -1px rgba(0,0,0,0.85);}
.modal-header{border: none;}
.modal-body{border: none;}
.modal-footer{border: none;}
.rave-gradient{background: #40e0d0;background: -webkit-linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);background: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.rave-badge{font-size: 14px;font-weight: 600;padding:5px;border-radius:5px;margin-right:1%;}
.rave-small-button{background-color: #242832;padding:5px;border-radius:5px;border:1px solid #2f3441;cursor:pointer !important;}
pre{white-space:pre-wrap; word-wrap:break-word;font-family: 'Sora', sans-serif;}
.accordion-body{background-color: #191c23;color:#ffffff;border: 1px solid #242832 !important;padding:4% !important;}
.accordion-item{margin-bottom:2%;;border: none !important;background-color: inherit !important;}
.accordion-button{padding:3% !important;background-color: #242832 !important;color:#ffffff!important;border-color: #2f3441 !important;box-shadow: none !important;}
.accordion-button::after {display: none;}
.accordion-button:not(.collapsed) {background-color: #242832 !important;color: inherit;}
button.accordion-button:focus{box-shadow: inherit;}
.titleItem{font-weight:600;letter-spacing:3px;color: #d9d9d9;text-transform: uppercase;position: relative;-webkit-box-align: center;align-items: center;display: flex;}
.titleItem::after {background-color: #242832;border-radius: 10px;height: 5px;margin-left:2%;content: '';flex: 1 1 auto;-webkit-box-flex: 1;}
.titleItemOpposite{font-weight:600;letter-spacing:3px;color: #d9d9d9;text-transform: uppercase;position: relative;-webkit-box-align: center;align-items: center;display: flex;}
.titleItemOpposite::before {background-color: #242832;border-radius: 10px;height: 5px;margin-right:4%;content: '';flex: 1 1 auto;-webkit-box-flex: 1;}
.imageOverlay{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .3s ease;filter: brightness(100%);}
.imageOverlayItem:hover .imageOverlay {opacity: 1;transition: .3s ease;}
.imageOverlayIcon{color: white;font-size: 30px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;filter: brightness(100%);}
.imageOverlayItem{position: relative;transition: .3s ease;}
.imageOverlayItem:hover img{filter:brightness(50%);}
.imageOverlayItem:hover i{opacity: 1 !important;}
@keyframes now-pulsate {0%   { color: #DB222A;font-weight:600; }50% { color: #d9d9d9;font-weight:600; }100%   { color: #DB222A;font-weight:600; }}
.alert-danger{color: #fff!important;background-color: RGBA(220,53,69,var(--bs-bg-opacity,1))!important;border: none;}
.socialMediaItem{background-color: rgba(0,0,0,.4);text-transform:uppercase;text-align:center;padding:2%;margin-bottom:2%;border-radius: 10px;border: 2px dotted #2f3441;transition: .3s;}
.socialMediaItem:hover{background-color: rgba(0,0,0,.8);cursor: pointer;}
.socialMediaItem h4{margin-bottom: 0 !important;letter-spacing: 2px;font-weight: 600;}
.timetable-toggle {display: inline-block;cursor: pointer;-webkit-tap-highlight-color: transparent;}
.timetable-toggle i {position: relative;display: inline-block;margin-right: .5rem;width: 46px;height: 26px;background-color: #242832;border-radius: 23px;vertical-align: text-bottom;transition: all 0.3s linear;}
.timetable-toggle i::before {content: "";position: absolute;left: 0;width: 42px;height: 22px;background-color: #242832;border-radius: 11px;transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);transition: all 0.25s linear;} 
.timetable-toggle i::after {content: "";position: absolute;left: 0;width: 22px;height: 22px;background-color: #fff;border-radius: 11px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);transform: translate3d(2px, 2px, 0);transition: all 0.2s ease-in-out;}  
.timetable-toggle:active i::after {width: 28px;transform: translate3d(2px, 2px, 0);}
.timetable-toggle:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.timetable-toggle input { display: none; }
.timetable-toggle input:checked + i { background-color: #2f3441; }
.timetable-toggle input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.timetable-toggle input:checked + i::after { transform: translate3d(22px, 2px, 0); }
@media all and (min-width: 992px) {.navbar .nav-item .dropdown-menu{display: none;}.navbar .nav-item:hover .nav-link{}.navbar .nav-item:hover .dropdown-menu{display: block;}.navbar .nav-item .dropdown-menu{margin-top:0;}}
.dailyPollOption input[type=radio] {display:none;}
.dailyPollOption{background-color: #242832 !important;padding:10% !important;border-radius: 10px;border:2px solid #191c23;cursor: pointer;}
.table-dark{--bs-table-bg: #242832 !important;--bs-table-border-color: #0f0f13 !important;}
.btn-success{--bs-btn-bg: #242832 !important;--bs-btn-border-color: #242832 !important;--bs-btn-hover-bg: #0f0f13 !important;--bs-btn-hover-border-color: #0f0f13 !important;--bs-btn-active-bg: #0f0f13 !important;--bs-btn-active-border-color: #0f0f13 !important;--bs-btn-disabled-bg: #0f0f0f !important;--bs-btn-disabled-border-color: #0f0f0f !important;}