.app--loader {position: fixed; width: 100%; height: 100%; background-color: rgb(255 255 255 / 50%); z-index: 1;}
.app--loader img {display: block; max-width: 90px; max-height: 90px;}
.app--loader.is-loader-visible {top:0;visibility: visible; display: flex; justify-content: center; align-items: center;}
.app--loader:not(.is-loader-visible) {visibility: hidden;}
.app--loader.is-loader-visible img {animation: heartBeat ease-in infinite alternate 1.2s; -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: heartBeat; animation-name: heartBeat;}
.team-page { width: 100%; display: inline-block; padding: 20px 0;}
.player-profile-box {width: 100%; display: inline-block; line-height: 22px;}
.player-profile-box .player-img {width: 130px; height: 130px; border-radius: 50%; box-shadow: 0 0 20px #e3e2e2; padding: 10px;}
.player-profile-box .profile-detals h3 {font-size: 1.5rem; color: #152c5d; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;}
.player-profile-box .profile-detals h3 span { font-size: 1.2rem; color: #9abbdf; width: 100%; display: inline-block;}
.player-profile-box .profile-detals p {font-family: 'Open Sans', sans-serif; color: #1f1f1f;}
.team-links {width: 100%; display: inline-block; margin: 25px 0 0 0; padding: 0;}
.team-links li {list-style: none; background-repeat:no-repeat; padding-left: 37px;}
.team-links li a {cursor:pointer; color: #152b5d; font-size: 1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; height: 35px; line-height: 35px;}
.team-links li.active a { color:#c44747;}
.team-links li a img {margin-right: 10px; vertical-align: middle;}
.team-links li { background-size: 25px; background-position: left; }
.team-links li.home {background-image: url(/../../../../frontend/scout/images/home.svg);}
.team-links li.liked_players {background-image: url(/../../../../frontend/scout/images/like.svg);}
.team-links li.recruit_schedule {background-image: url(/../../../../frontend/scout/images/recruit_schedule.svg);}
.team-links li.recruiting_players {background-image: url(/../../../../frontend/scout/images/player.svg);}
.team-links li.trending {background-image: url(/../../../../frontend/scout/images/play-btn.svg);}
.team-links li.my_account {background-image: url(/../../../../frontend/scout/images/user.svg);}
.team-links li.leaderboard {background-image: url(/../../../../frontend/scout/images/leaderboard.svg);}
.team-links li.watchlist {background-image: url(/../../../../frontend/scout/images/watchlist.svg);}
.p-box {padding: 12px; box-shadow: 0 0 20px #e3e2e2; border-radius: 10px;}
.scout-dashboard-heading p {margin-bottom: 0px !important}
.scout-event-options {display: flex; align-items: center; gap: 40px;}
.scout-event-options p{margin-bottom: 0px !important}
.team-input {border: #93b6dc thin solid; height: 36px; width: 100%; line-height: 36px; padding: 0 10px; border-radius: 10px; margin-bottom: 10px;}
.team-p-btn {display: inline-block; background: #152c5d; cursor: pointer; border: none; font-family: 'Open Sans'; height: 36px; font-size: 14px; line-height: 36px; border-radius: 10px; color: #fff; width: 49%;}
.team-events {overflow: hidden;}
.team-events .w3-black {background-color: #dedede; display: flex;}
button.w3-bar-item.w3-button {background-color: #eaeaea; cursor: pointer; border: none; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 16px; color: #152b5d; padding: 10px 20px 5px 40px; align-self: center; background-image: url(/../../../../frontend/scout/images/calender-icon.png); background-repeat: no-repeat;background-position:11px 8px; background-size: 25px;}
button.w3-bar-item.w3-button.active {background-color: #fff;}
div.event {padding: 20px;}
.p-top {padding-bottom: 10px;}
.p-top h2 {color: #152b5d; font-size: 0.9rem; font-weight: 700; align-self: center; margin: 0 0 0 10px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;}
.player-box {width: 100%; display: inline-flex;}
.player-row .row:nth-child(odd) {background: #eaeaea; padding: 10px;}
.player-row .row:nth-child(even) {background: #FFF; padding: 10px;}
.pm-symbol span {background-color: #fff; font-size: 1rem; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 700; width: 28px; height: 28px; color: #152b5d; display: inline-block; line-height: 28px;}
.pm-symbol span:first-child {border-radius: 6px 6px 0 0; border-bottom: #eaeaea 2px solid; cursor: pointer;}
.pm-symbol span:last-child {border-radius: 0 0 6px 6px; font-size: 24px; border-top: #eaeaea 2px solid;}
.pm-symbol {width: 28px; display: inline-block; text-align: center; align-self: center; margin-right: 10px;}
.p-img {width: 110px; height: 110px; border-radius: 50%; display: inline-block;}
.category_player_box { margin-left:35px; text-align: center; }
.category_player_details { vertical-align: top; }
.player-row h4 {font-size: 14px; font-family: 'Open Sans'; align-self: center; margin-bottom: 0; margin-left: 10px;}
.search-box label {text-transform: uppercase; width: 100%; color: #1f1f1f; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin-top: 10px;}
.search-box em {font-style: normal;}
.search-box label span { float:right;}
.btn.ad-search:disabled { background-color: #ccc;}
.ad-search-box { z-index: 999; position: absolute; top: 82px; right: 0; width: 100%; background: #fff;}
.ad-search-box.hide{ display:none;  clip-path: circle(0);}
.ad-search-box.show{  display:block; clip-path: circle(100); }
.ad-search-box h2 {color: #152b5d; font-size: 0.9rem; font-weight: 700; align-self: center; margin: 20px 0 10px 0px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;}
.slider-container { margin-bottom:10px;}
.slider-container label { padding-bottom:22px;}
/* .switch-button {background: #fff; border-radius: 10px; overflow: hidden; width: 100%; text-align: center; font-size: 13px; letter-spacing: 1px; color: #1f1f1f; position: relative; padding-right:50%; position: relative; border: #97b9de thin solid;}
.switch-button:before {content: "Right"; position: absolute; top: 0; bottom: 0; right: 0; width: 50%; display: flex; align-items: center; justify-content: center; z-index: 3; pointer-events: none;}
.switch-button-checkbox {cursor: pointer; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; z-index: 2}
.switch-button-checkbox:checked + .switch-button-label:before { transform: translateX(120px); transition: transform 300ms linear;}
.switch-button-checkbox + .switch-button-label {position: relative; padding: 2px 0; margin: 0; height: 36px; display: block; user-select: none; pointer-events: none;}
.switch-button-checkbox + .switch-button-label:before {content: ""; background: #97b9de; height: 100%; width: 100%; position: absolute; left: 0; top: 0; border-radius: 0; transform: translateX(0); transition: transform 300ms;}
.switch-button-checkbox + .switch-button-label .switch-button-label-span {position: relative; font-weight: 400; height: 36px; line-height: 32px; padding: 0; margin: 0; text-transform: initial;}
.switch-button-new {background: #fff; border-radius: 10px; overflow: hidden; width: 100%; text-align: center; font-size: 13px; letter-spacing: 1px; color: #1f1f1f; position: relative; position: relative; border: #97b9de thin solid;}
.switch-button-new label{ margin: 0; background-color: #fff !important; color:#000!important;}
.switch-button-new label.active{ background-color:#97b9de !important; color:#000!important;}
.switch-button-new label{ margin: 0; background-color: #fff;}
.switch-button-new label.active{ background-color:#97b9de;} */

.btn-left-right-container { border: 1px solid #97b9de; border-radius: 12px; }
.btn.btn-secondary { padding-left:25px; padding-right:25px; background-color: #fff !important; color:#000!important; margin-top:0; border-radius: 12px; margin-bottom:0;}
.btn.btn-secondary.active { background-color:#97b9de!important; color:#000!important;}
.btn.btn-secondary input[type="checkbox"], input[type="radio"]{ display:none;}

[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
     clip: rect(0,0,0,0); pointer-events: none;
}
.sub-h2 {color: #152b5d; font-size: 1rem; font-weight: 700; align-self: center; margin: 10px 0 20px 5px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;}
.open-addto { padding: 12px 12px 7px 12px; box-shadow: 0 0 20px #e3e2e2; border-radius: 10px; background: #fff; position: absolute; top: 35px; z-index: 9;  z-index: 999; margin-left:25px;}
.open-addto p{ margin-bottom: 5px; cursor: pointer; text-align: left; padding: 3px 15px; border-radius: 4px; width:auto;}
.open-addto p:hover{ background-color: #152c5d; color: #fff;}
span.addto { position: absolute; left: 15px; top: 10px; padding: 0; box-shadow: 0 0 20px #e3e2e2; border-radius: 10px; z-index: 99; width: 30px !important; height: 30px !important; text-align: center; line-height: 30px; font-weight: 700; font-size: 20px; background: #fff; cursor: pointer;}
span.addto1 { position: absolute; left: 15px; top: 44px; padding: 0; box-shadow: 0 0 20px #e3e2e2; border-radius: 10px; z-index: 99; width: 30px !important; height: 30px !important; text-align: center; line-height: 30px; font-weight: 700; font-size: 20px; background: #fff; cursor: pointer;}
.open-addto { padding: 12px 12px 7px 12px; box-shadow: 0 0 20px #e3e2e2; border-radius: 10px; background: #fff; position: absolute; top: 35px; z-index: 9; z-index: 999;}
.open-addto p{ margin-bottom: 5px; cursor: pointer; text-align: left; padding: 3px 15px; border-radius: 4px; width:auto;}
.open-addto p:hover{ background-color: #152c5d; color: #fff;}
/* .listing-n li{ width: 24% !important;} */
.player-filter{ width: 100%; display: block;}
/* .metrics-div{ width: 100%; display: inline-block; padding: 0; margin: 0;;}
.metrics-div li{ list-style: none; display: inline-block; width:19%; vertical-align: top;}
.metrics-box{ width: 100%; display: inline-flex; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; justify-content: end;
  text-align: right; margin-bottom: 10px; margin-top: 10px;}
.metrics-box span{ color: #1f1f1f; font-size: 14px; align-self: center;}
.metrics-box em{ width: 58px; height: 58px; min-width: 58px; border-radius: 50%; font-size: 25px; font-style: normal; background-color: #152c5d; color: #fff; text-align: center; line-height: 58px; margin-left: 15px;} */

.metrics-div{ width: 100%; display: inline-block; padding: 0; margin: 0; border:1px solid #ccc; border-radius: 5px; margin-bottom:10px;}
.metrics-div li { list-style: none; display: inline-block; min-width: 19%; vertical-align: top;}
.metrics-box{ width: 100%; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; 
  text-align: center; margin-bottom: 10px; margin-top: 10px;}
.metrics-box span{ color: #1f1f1f; font-size: 14px; align-self: center;}
.metrics-box em{ color:#152b5d;font-size: 30px; font-style: normal;  text-align: center; }
.metrics-box p { padding-top:10px; }
.metrics-container img { max-width: 50px;}
.metrics-container h5 { font-size: 16px; font-weight: bold; display: inline-block;}

.player-profile-box .player-img{ width: 130px; height: 130px; border-radius: 50%;}
.player-profile-box .profile-detals h3{ font-size: 1.5rem; color: #152c5d; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;}
.player-profile-box .profile-detals h3 span{ font-size: 1.2rem; color: #9abbdf; width: 100%; display: inline-block;}
.player-profile-box .profile-detals p{font-family: 'Open Sans', sans-serif; color: #1f1f1f;}
/* .player-profile-box span{ width: 100%; display: inline-block;} */
.player-profile-box span a i{background: #152c5d;width: 32px;height: 32px;border-radius: 50%;text-align: center;line-height: 32px !important;display: inline-block !important;color: #9abade;margin-top: 10px;}
.player-profile-box span.social_links { width: 100%; display: inline-block; }
ul.player_category_bedges { margin-top:5px; }
ul.player_category_bedges li{ display:inline-block; cursor: pointer;}
ul.player_category_bedges li span{ text-transform: lowercase; padding:5px; }
ul.player_category_bedges li.liked_category_bedge span,ul.player_category_bedges li.liked_category_bedge span:hover { background-color:#008bdf!important;}
ul.player_category_bedges li.recruiting_category_bedge span,ul.player_category_bedges li.recruiting_category_bedge span:hover { background-color:#ffce3a!important; color:#000!important;}
.pro-profile h2{ color: #152b5d; font-size: 1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 15px; margin-top: 10px;}
.pro-profile{ line-height: 22px; font-family: 'Open Sans', sans-serif; color: #1f1f1f;}
.players_interested{  background-size:55px; background-repeat: no-repeat; padding-left: 65px; background-position: 10px 0px; min-height: 60px; }
.players_interested.players_liked{ background-image: url(/../../../../frontend/scout/images/like.svg);  }
.players_interested.players_recruiting{ background-image: url(/../../../../frontend/scout/images/player.svg);  }
.video-section iframe{ border:0px;}
.team-events .slick-slide img {max-height: 120px;}
.form-loader{ position:absolute; }
.fade.in {opacity: 1; }
.modal-backdrop.fade {opacity: 0.5 !important;}
.modal-dialog { z-index: 9999 !important; top:50px;}
.search-box .modal-header { padding-left: 0; margin-left: 0;}
@media(max-width:767px){
    button.w3-bar-item.w3-button {font-size: 13px;}
}
div.bm--date { font-weight: normal; font-style: italic; color: #999; font-size: 0.8rem;}
p.metrics_name { margin-bottom:5px; }
.event .slick-prev { position: absolute; left: 0; top: 25%; margin-left:-10px;}
.event .slick-next { position: absolute; right: 0; top: 25%; margin-right:-10px;}
.event .slick-arrow i { font-size: 30px; border: 0!important; background: none;}
.event .slick-arrow { border: 0; background: none; color: #ccc; cursor:pointer; z-index:1;}
.ad-search-box .metrics_label em{font-size: 10px; padding-left: 3px; color: #3498db; font-weight: bold;}

.filters_actions li p { width: 100px; text-align: center; margin-bottom: 0; font-size: 12px; font-weight: bold; margin-top: -14px; margin-bottom: 3px; }
.filters_actions li { display: inline; }
.goto_following_recruiting { font-size:30px; cursor:pointer;}
.hidden { display:none;}
.gpa-cap { position: absolute; right: -10px; top: -25px; z-index: 1; width: 50px; }
.event_options ul li{ margin-bottom:5px; }
.event_options ul li label { padding-left: 5px; }

.list_items { list-style: none; }
.list_items li { display: inline-block; margin-right: 15px; background: #e9e9ed; padding: 6px 10px; border-radius: 5px; }
.empty-player-filter .p-box {
  padding: 1px !important;
}
.empty-player-filter .p-box p {
  margin-top: 15px !important;
}
.row.justify-content-center.empty-player-filter {
  margin-top: 10px;
}