@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@font-face {
    font-family: 'Stoneburg Block';
    src: url('/Fonts/Stoneburg-Block.woff2') format('woff2'), url('/Fonts/Stoneburg-Block.woff') format('woff'), url('/Fonts/Stoneburg-Block.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/* Start of General */
html, body {
     min-height: 100%;
}
body {background-color:#000000;color:#ffffff;font-family: 'Rajdhani', sans-serif;} /* background-image: url("/Images/PageBackground.jpg");background-position: center;background-repeat: no-repeat;background-size: cover; */
* {scrollbar-color: #01FE89 #042b18;}
*::-webkit-scrollbar-track {background-color: #cccccc;}
*::-webkit-scrollbar-thumb {background-color: #01FE89;border-radius:0px;border:1px solid #01FE89;}
a:link{color:#FFFFFF;}
a:visited{color:#FFFFFF;}
a:hover {color:#FFFFFF;text-decoration:underline;}
.ondark{color:#FFFFFF;}
.onlight{color:#000000;}
.PageHeading{font-size:20pt;}
.currentUser{font-weight:bold;}
.highlighted,a.highlighted:link,a.highlighted:visited,a.highlighted:hover{color:#01FE89;}
.superHeading{font-size:80pt;font-weight:bold;}
.bigHeading{font-size:60pt;font-weight:bold;}
.mediumHeading{font-size:40pt;font-weight:bold;color:#01FE89;}
.sectionHeading{font-size:28pt;font-weight:bold;}
.dropdown-menu{background-color:#000000;border:1px solid #01FE89;}
.btnHighlighted {border:2px solid #01FE89;border-radius:0px;background-color:transparent;color:#01FE89;}
a.btnHighlighted:link, a.btnHighlighted:visited, a.btnHighlighted:hover{color:#01FE89;font-size:16pt;}
.card {background-color:#000000;border-radius:0px;}
.form-control, .form-control:valid{background-color:transparent !important;color:#ffffff;border:1px solid #01FE89;border-radius:0px !important;}
.form-control-onlight, .form-control-onlight:valid{background-color:#ffffff !important;color:#000000;border:1px solid #01FE89;border-radius:0px !important;}
.btn-primary {border-color:#01FE89;border-radius:0px;background-color:#000000;color:#01FE89;}
a.btn-primary:link,a.btn-primary:visited,a.btn-primary:hover{color:#01FE89;}
a.btn-primary:hover{background-color:#042b18;}
.btn-primary-thin {padding:0 0.375rem 0 0.375rem;}
.text-muted{color:#cccccc !important;}
.modal-header{border-bottom: 1px solid #01FE89;}
.modal-content{background-color:#111111;color:#ffffff;border:1px solid #01FE89;}
.modal-footer{justify-content:start;border-top: 1px solid #01FE89;}
.close{color:#01FE89;}
.page-link{background-color:transparent;}
a.page-link:hover{background-color:transparent;color:#01FE89;}
.page-item.active .page-link{background-color:#01FE89;color:#000000;border:1px solid #01FE89;}
/* End of General */


/* Start of Homepage */
.homeSplash {font-size:18pt;}
.hero-background {max-height:100%;background-image: url("/Images/HomeHeader.png");background-position: center;background-repeat: no-repeat;background-size: cover;}
.hero-image {max-height:60%;max-width:80%;margin-bottom:50px;}
.main-heading {font-family:'Open Sans';font-weight:bold;font-style:normal;font-size:32pt;}
.main-big-text {font-family:'Open Sans';font-style:normal;font-size:16pt;}

ul.featureList {list-style-position:outside;}
ul.featureList li {border-top:4px solid #01FE89;list-style-type:none;position:relative;padding:10px 0px 10px 0px;font-size:14pt;}
ul.featureList li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #01FE89; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */
  font-size:16pt;
  position:absolute;
  left: -.5em; /* Also needed for space (tweak if needed) */
}

.hugeBtn {border:4px solid #01FE89;border-radius:0px;font-size:60pt;font-weight:bold;margin:50px 0px 40px 0px;padding:5px 30px 5px 30px;}
a.hugeBtn:hover {background-color:#042b18;}
.hugeBtnAlt {border:4px solid #ffffff;color:#000000;border-radius:0px;background-color:#01FE89;font-size:60pt;font-weight:bold;margin:40px 0px 40px 0px;padding:5px 30px 5px 30px;}
a.hugeBtnAlt:hover {background-color:#042b18;color:#ffffff;}
@media only screen and (max-width: 991px) {
    .hugeBtn, .hugeBtnAlt {font-size:30pt;}
    .superHeading{font-size:40pt;}
    .mediumHeading{font-size:35pt;}
    .bigHeading{font-size:40pt;}
}
@media only screen and (max-width: 575px) {
    .hugeBtn, .hugeBtnAlt {font-size:18pt;}
    .superHeading{font-size:30pt;}
    .mediumHeading{font-size:25pt;}
    .bigHeading{font-size:30pt;}
}
.leftBox {width:80%;margin:30px 0px 30px 0px;}
.rightBox {width:80%;text-align:right;margin:30px 0px 30px auto;}
.testimonial {font-weight:bold;font-size:24pt;}
/* End of Homepage */


/* Start of Dashboard */
.dashBox {border:6px solid #01FE89;padding:0px 15px 15px 15px;}
.dashGroup {border:2px solid #01FE89;padding:15px;margin-bottom:20px;}
.dashboardTeam {font-size:28px;font-weight:bold;}
.roomBtn {border-color:#01FE89;border-radius:0px;background-color:transparent;color:#01FE89;display:block;width:220px;}
a.roomBtn:link, a.roomBtn:visited, a.roomBtn:hover {color:#01FE89;}
a.roomBtn:hover {background-color:#042b18;}
a.roomBtn:not(:last-child) {margin-bottom:20px;}
.notice {color:red;}
#friendsTab .nav-link{border-radius:0px !important;}
#friendsTab .nav-link.active{background-color:transparent;border:1px solid #01FE89;font-weight:bold;color:#01FE89;}
#friendsTab {border-color: #01FE89 !important;border-radius:0px !important;}
.btn-friend-form {border-color:#01FE89;border-radius:0px;background-color:transparent;color:#01FE89;}
.leaderRow {border-top:1px solid #01FE89;}
#howToAccordion .card {border:4px solid #01FE89;background-color:#000000;border-radius:0px;margin-bottom:30px;}
#howToAccordion .card-header {background-color:transparent;margin-left:30px;margin-right:30px;}
#howToAccordion .card-body {border-top:1px solid #01FE89;margin-left:30px;margin-right:30px;}
/* End of Dashboard */


/* Start of Room */
.roomHeading {font-size:40px;text-align:center;}
.gamePanelHeading {font-size:20pt;}
.gameBall {color:#01FE89;display:list-item;list-style-position: outside;list-style-type: none;}
.gameBall::before{font-family:'Font Awesome 5 Free';content:'\f005';margin: 0 0.2em 0 -1.0em;color: #FFD700;font-weight: 900;}
@keyframes gameBallHighlight {0% {transform: translateY(-300%);}100% {transform: translateY(0);}}
.gameBallNew {animation: 0.5s ease-out 0s 1 gameBallHighlight;}
.currentUser {font-weight:bold;}
.draftPickStatus {font-size:16pt;vertical-align:middle;}
.lastPlay {font-weight:bold;}
.playTypeHeading {font-size:13pt;font-weight:bold;color:#009900;text-decoration:underline;}
.matchupPick {border:1px solid #01FE89;}
.alternatingBackground0 {background-color:#000000;}
.alternatingBackground1 {background-color:#404040;}
.tooltip.show {opacity:1;}
.tooltip .tooltip-inner{border:1px solid #01FE89;opacity:1;}
.tooltip .arrow::before{color:red;}
.tooltip.primary.top > .tooltip-arrow    { border-top-color:    #337ab7; }
.tooltip.primary.right > .tooltip-arrow  { border-right-color:  #337ab7; }
.tooltip.primary.bottom > .tooltip-arrow { border-bottom-color: #337ab7; }
.tooltip.primary.left > .tooltip-arrow   { border-left-color:   #337ab7; }

.tooltip.info .tooltip-inner          { background-color:    #31b0d5; }
.tooltip.info.top > .tooltip-arrow    { border-top-color:    #31b0d5; }
.tooltip.info.right > .tooltip-arrow  { border-right-color:  #31b0d5; }
.tooltip.info.bottom > .tooltip-arrow { border-bottom-color: #31b0d5; }
.tooltip.info.left > .tooltip-arrow   { border-left-color:   #31b0d5; }

.tooltip.success .tooltip-inner          { background-color:    #449d44; }
.tooltip.success.top > .tooltip-arrow    { border-top-color:    #449d44; }
.tooltip.success.right > .tooltip-arrow  { border-right-color:  #449d44; }
.tooltip.success.bottom > .tooltip-arrow { border-bottom-color: #449d44; }
.tooltip.success.left > .tooltip-arrow   { border-left-color:   #449d44; }

.tooltip.warning .tooltip-inner          { background-color:    #ec971f; }
.tooltip.warning.top > .tooltip-arrow    { border-top-color:    #ec971f; }
.tooltip.warning.right > .tooltip-arrow  { border-right-color:  #ec971f; }
.tooltip.warning.bottom > .tooltip-arrow { border-bottom-color: #ec971f; }
.tooltip.warning.left > .tooltip-arrow   { border-left-color:   #ec971f; }

.tooltip.danger .tooltip-inner          { background-color:    #d9534f; }
.tooltip.danger.top > .tooltip-arrow    { border-top-color:    #d9534f; }
.tooltip.danger.right > .tooltip-arrow  { border-right-color:  #d9534f; }
.tooltip.danger.bottom > .tooltip-arrow { border-bottom-color: #d9534f; }
.tooltip.danger.left > .tooltip-arrow   { border-left-color:   #d9534f; }
/* End of Room */