body{background-color:#e0e0e0;}
a.btn{text-transform:none;}
.card-footer .price-container button{background-color:#f2944c;border-radius:0;}
.card-footer .price-container button:hover{background-color:#f2944c;border-radius:0;box-shadow: 0 14px 26px -12px rgb(242 148 76), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(242 148 76);}
h4.card-title{font-family: Helvetica !important;}
i.material-icons{color:#e0e0e0;}
.navbar .contanier{height:55px;}
.hidden{display:none;}
#navbar{padding-top:0;padding:0;background-color:#181b29 !important;width:100%;margin:0 auto;}
#navbar .container{padding:10px 0;}
#userbar{border-top:solid #f2954c;border-width:2px 0 2px 0;border-bottom:solid black;display:flex;justify-content:center;background-color:#181b29 !important;position: relative;}
#userbar ul{margin:0 auto;list-style:none;line-height:40px;font-size:20px;color:#fff;padding-left:0;}
#userbar ul li{display:inline-block;padding:10px 25px;}
#userbar ul li a{color:#fff;display: flex;align-items: center;}
#categories-section{padding-top:20px;}
#categories-section h2{font-weight:bold;}
#categories-section h2 a{font-weight:normal;}
#categories-section .container .category-offering,#categories-section .container .category-video,#payment-section .container{padding:10px;background-color:#ffffff;}
#categories-section .container .card-body a{display:inline-block;}
#categories-section .container .card-body .price-container{display:inline-block;float:right;}
#categories-section .container .card-body .description{color:#f3954c;}
#loginModalWrapper .card-header{background: linear-gradient(60deg,#353a53,#181b29);box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(29 33 48 / 32%) !important;}
body.page-player .main .section .container{background-color:#fff;border-radius:6px;padding:0 35px;}
body.page-player .main .section h2.section-title{padding-top:35px;}
body.page-player .main .section{padding-top:35px;}
body.page-player .main .section .video-description{padding-bottom:35px;}
body.page-register #payment-section .card .card-header{box-shadow:none;background:none;background:none;}
.page-back-button{background-color:#ffffff;color: #181b29;letter-spacing: 0.02em;padding: 10px 25px;border-radius: 2px;border-style: solid;border-width: 1px; border-color: #181b29;}
.main{background-color:#e0e0e0 !important;}
.text-align-right{text-align:right;}
.title-link{padding-top:35px;}
.title-link a{color:#181b29;}
.page-player .title-link{padding-top:55px;}
.timeline-wrapper{max-width:400px;margin:0 auto;}
.timeline-wrapper > .card{margin-top:0;}
.timeline-wrapper #accordion .card-header{padding-top:0;}
.timeline-wrapper #play-btn{background-color: #1e72bd;border-color: #1e72bd;box-shadow: 0 2px 2px 0 rgb(30 114 189 / 24%), 0 3px 1px -2px rgb(30 114 189 / 24%), 0 1px 5px 0 rgb(30 114 189 / 17%);}
#timeline-list{max-height:350px;overflow-y:scroll;box-shadow: 0 4px 2px -2px gray;}
#timeline-list .player-goto{margin-right:0;margin-left:0;}
#timeline-list::-webkit-scrollbar {
  width: 10px;
}
#timeline-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#timeline-list::-webkit-scrollbar-thumb {
  background: #888;
}

#timeline-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.font-red{color:#e73f3f !important;}
.li-dot{list-style:inherit;}
.btn-myfitness-orange{background-color:#f3954c;box-shadow:none;padding:6px 20px;font-size:16px;border-radius:0;}
.btn-myfitness-orange:hover{background-color:#ffffff;color:#f3954c;box-shadow:none;}
.copyright i.material-icons{color:#ff0000;}
.progress {height: 16px;}
button.player-btn {height: 16px; margin-top: -8px;}
i#player, i#rewinder, i#nexter {margin-top:-32px;margin-left:-8px;}
.buttons-bar button {width:32%;}
.player-goto {cursor: pointer;padding: 0.5rem;}
.player-goto.active {background-color: #c3c3c345; border-radius: 6px;}

@media (min-width: 1600px)
{
.container{max-width:1460px;}
}

.footer.footer-default{background-color: #181b29 !important;}
.footer.footer-default li a,.footer.footer-default .copyright{color: #ffffff;}
#planned-livestream-banner{
display: flex;
    line-height: 65px;
    margin-right: 20px;
    color: #e73f3e;
    font-size: 18px;
    position: absolute;
    right: 20px
}

.page-live .main .section{padding:42px 0;}
#refreshValue {cursor: pointer;}

#chat-form { background: rgba(0, 0, 0, 0.15); padding: 0.25rem; display: flex; height: 3rem; box-sizing: border-box; backdrop-filter: blur(10px); }
#chat-input { border: none; padding: 0 1rem; flex-grow: 1; border-radius: 2rem; margin: 0.25rem; }
#chat-input:focus { outline: none; }
#chat-form > button { background: #333; border: none; padding: 0 1rem; margin: 0.25rem; border-radius: 3px; outline: none; color: #fff; }

#messages { list-style-type: none; margin: 0; padding: 0;height:calc(100% - 108px);max-height:483px;overflow-x: hidden;overflow-y: scroll;background-color:white;box-shadow: 0 0.2rem 0.4rem -0.075rem rgb(0 0 0 / 25%);
margin-top:30px;}
#messages > li { padding: 0.5rem 1rem; }
#messages > li:nth-child(odd) { background: #efefef; }

.recording-circle {
    background-color: red;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    animation: ease pulse 2s infinite;
    margin-right: 0.25em;
    display: inline-block;
}
@keyframes pulse {
  0% {
    background-color: red;
  }
  50% {
    background-color: #f06c6c;
  }
  100% {
    background-color: red;
  }
}

#refreshValue{border: 1px solid orange;
    margin-left: 10px;
    background-color: #f2944c;
    color: #ffffff !important;}
#tickets .card-product {cursor: pointer;}
#tickets .card-product .card-body:hover {background-color: rgba(242, 149, 76,0.2);}
#ticketForm #discountButton{
    background-color: #f2954c !important;
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(242 149 76 / 35%);
}