body { font-family: 'Open Sans', sans-serif !important; font-weight: 400; background-color: #1c1c1c; font-size: 13px !important; color: #65666a !important; } 
html { scroll-behavior: smooth; } 
select.form-control { -webkit-appearance: none; background: url(../images/select-arrow.png) no-repeat right #fff; } 
p { font-size: 16px !important; } 
img { max-width: 100%; font-size: 8px}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; line-height: 1.2; } 
input:focus, button:focus, textarea:focus, select:focus { outline: none; } 
.container { max-width: 1200px !important; width: 100% !important; } 
.header-top { width: 100%; display: inline-block; } 
.social-links { float: right; height: 52px; line-height: 52px; } 
.social-links a { display: inline-block; padding: 0; margin: 0; } 
.social-links a:hover { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } 
.header-menu { width: 100%; height: auto; float: left; background: #fff; } 
.latest-match { width: 100%; height: auto; display: inline-block; background: #5c5c5c; padding: 10px 0; } 
.ad { width: 100%; height: auto; display: block; padding: 20px 15px; text-align: center; overflow: hidden}
.adContainer { overflow: auto; width: 100%; } 
.adsbygoogle { max-width: 100% !important; height: auto !important; } 
nav { width: auto; height: auto; float: left; } 
nav ul { margin: 0; padding: 0; } 
nav ul li { list-style: none; display: inline-block; } 
nav ul li a { font-family: 'Bebas Neue'; color: #a6a8ac; font-weight: 400; font-size: 18px; padding: 10px 5px 10px 0px; display: inline-block; } 
nav ul li a::after { background: #a6a8ac; width: 1px; height: 13px; content: ""; display: inline-block; margin: 0 0 0 5px; } 
nav ul li:last-child a::after { display: none; } 
nav ul li a:hover { color: #6c6c6c; text-decoration: none; } 
.join-btn { color: #6c6c6c !important; } 
.nav-icon { display: none; } 
.search-box { background: #5c5c5c; width: 200px; height: 26px; position: relative; float: right; margin-top: 10px; } 
.search-box input { background: none; border: none; color: #71fa4d; font-size: 15px; width: 100%; padding: 0 30px 0 10px; height: 26px; line-height: 26px; } 
.search-box button { position: absolute; right: 0; top: 2px; background: none; border: none; cursor: pointer; } 
.search-box input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #71fa4d; opacity: 1; /* Firefox */}
.search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #71fa4d; } 
.search-box input::-ms-input-placeholder { /* Microsoft Edge */
 color: #71fa4d; } 
.match-box { width: 100%; display: inline-block; background: #fff; padding-bottom: 5px; } 
.match-box h6 { margin: 0; background: #8f8f8e; color: #fff; font-size: 10px; padding: 5px 10px; } 
.match-box h6 span { float: right; text-align: right; } 
.match-box p { background: #fff; color: #65666a; margin: 0; padding: 2px 10px 0px 10px; font-size: 12px !important; } 
.match-box p span { float: right; text-align: right; } 
/*#latest-match {padding: 0 26px; margin:0; } */
.directory-search { width: 100%; height: auto; display: inline-block; background: #fff; padding: 10px 0; } 
.directory-search h2 { font-family: 'Bebas Neue'; font-size: 27px; display: inline-block; margin: 0; } 
.directory-search select { background: #8f8f8e; height: 26px; border: #c1c4c9 thin solid; color: #fff; padding: 0 5px; font-size: 15px; margin-right: 1%; vertical-align: text-bottom; width: 7%; } 
.directory-search input:not([type="checkbox"]) { height: 26px; padding: 0 10px; margin-right: 1%; background: #fff; border: #a6a8ac thin solid; box-shadow: 0 0 5px #ccc; vertical-align: text-bottom; width: 35%; } 
.directory-search button { background: #5c5c5c; vertical-align: text-bottom; height: 26px; width: 5%; border: #c1c4c9 thin solid; } 
.ftBtn { background: #5c5c5c !important; border-radius: 0px; color: #71fa4d !important; height: 26px; font-size: 14px; padding: 2px 10px}
.btn-ft-green { background: #71fa4d !important; color: #000 !important; } 
.btn-ft-dark { background: #5c5c5c !important; color: #71fa4d !important; } 
.sw { width: 15% !important; } 
.mid-view { width: 100%; display: inline-block; padding: 15px 0; } 
.sbox { width: 100%; height: auto; display: inline-block; margin-bottom: 10px; } 
.sbox h3 { font-family: 'Bebas Neue'; font-size: 26px; display: inline-block; color: #fff; background: #8a8a89; padding: 10px 15px; width: 100%; } 
.sbox h3 span { color: #71fa4d; } 
.sbox { background: #fff; } 
.sbox ul { padding: 0; margin: 0; } 
.sbox ul li { list-style: none; padding: 0; margin: 0; } 
.sbox ul li a { position: relative; border-top: #eaeaea thin solid; width: 100%; display: inline-block; padding: 19px 10px 20px 85px; } 
.sbox ul li a h4 { font-size: 15px; color: #000; font-weight: 600; margin: 0; } 
.sbox ul li a span { font-size: 14px; color: #959595; font-weight: 400; } 
.sbox ul li a img { width: 54px; height: 54px; border-radius: 50%; position: absolute; left: 15px; top: 10px; } 
a:hover { text-decoration: none; } 
.tdues { } 
.tdues h6 { background: #c5c3c3; padding: 8px; color: #000; font-size: 12px; margin: 0; } 
.tdues h2 { padding: 8px; color: #000; font-size: 27px; margin: 0; font-family: 'Bebas Neue'; } 
.dur-ply { width: 136px; height: 136px; border-radius: 50%; margin: 10px auto; display: block; } 
.vc-row { width: 100%; height: auto; display: inline-block; padding: 5px 10px 9px; border-bottom: #eaeaea thin solid; } 
.vc-row h4 { color: #000; font-size: 27px; display: block; line-height: 30px; margin: 0; font-family: 'Bebas Neue'; text-align: left; line-height: 16px; } 
.vc-row h4 span { color: #959595; font-size: 10px; margin: 0; font-family: 'Open Sans', sans-serif !important; width: 100%; display: block; } 
.vc-row h5 { color: #000; font-size: 14px; font-weight: 600; margin: 0; text-align: left; line-height: 18px; } 
.vc-row h5 span { color: #959595; font-size: 10px; font-weight: 300; margin: 0; width: 100%; display: block; } 
.vc-row em { color: #000; font-size: 15px; font-weight: 600; margin: 0 0 10px 0; display: inline-block; text-align: left; font-style: normal; } 
.vc-row a { color: #000; text-align: right; width: 100%; display: inline-block; font-weight: 600; font-size: 14px; } 
.ft-col-md-2 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 8px; padding-right: 8px; } 
.ft-col-md-6 { -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; padding-left: 8px; padding-right: 8px; } 
.ft-col-md-4 { -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; padding-left: 8px; padding-right: 8px; } 
.ft-col-md-8 { -ms-flex: 0 0 52%; flex: 0 0 72%; max-width: 72%; padding-left: 8px; padding-right: 8px; } 
.the-line { width: 100%; height: auto; display: inline-block; background: #8f8f8e; margin-top: 10px; margin-bottom: 5px; color: #5c5c5c; font-size: 27px; font-family: 'Bebas Neue'; } 
.the-line h3 { margin-bottom: 0; background: #71fa4d; height: 46px; color: #515151; font-size: 27px; font-family: 'Bebas Neue'; display: inline-block; line-height: 46px; padding: 0 30px 0 20px; position: relative}
.the-line h3::after { content: ''; display: block; position: absolute; top: 0px; width: 0; height: 0; border-style: solid; border-width: 23px 10px; right: 0px; border-color: transparent #8f8f8e #8f8f8e transparent; } 
.the-line h4 { margin-bottom: 0; height: 46px; color: #fff; font-size: 27px; font-family: 'Bebas Neue'; display: inline-block; line-height: 46px; padding: 0 6px 0 6px; } 
.the-line h5 { float: right; margin-right: 10px; margin-bottom: 0; margin-top: 8px; } 
.the-line h5 a { height: 30px; border: #71fa4d thin solid; color: #71fa4d; font-size: 27px; font-family: 'Bebas Neue'; display: inline-block; line-height: 30px; padding: 0 6px 0 6px; } 
.tr-box { width: 100%; height: auto; display: inline-block; background: #fff; margin-bottom: 5px; } 
.tr-box h2 { color: #515151; font-family: 'Bebas Neue'; font-size: 18px; border-bottom: #eaeaea thin solid; padding: 15px; width: 100%; display: inline-block; position: relative; } 
.social-dot { position: absolute; right: 15px; top: 18px; cursor: pointer; } 
.tra-user { width: 100%; height: auto; display: inline-block; position: relative; padding: 10px 10px 10px 80px; } 
.tra-user img { width: 54px; height: 54px; border-radius: 50%; } 
.tra-user div.brdr { border-left: #dadada 2px solid; min-height: 40px; padding-left: 20px; display: inline-block; margin: 5px 0 0 15px; } 
.tra-user h4 { font-size: 15px; color: #000; font-weight: 600; margin: 0; } 
.tra-user p { font-size: 15px; margin: 0px 0; color: #959595; } 
.post_type_8 .tra-user p { margin-top: 5px}
.post_type_8 .commet.content_type_8 { display: none}
.tra-user a { font-size: 15px; color: #000; font-weight: 600; margin: 0; } 
.commet { display: inline-block; color: #959595; font-size: 15px; margin: 10px 0 10px 100px; } 
.commet img { margin-right: 15px; } 
.lc-view { color: #959595; font-size: 11px !important; padding-left: 15px; margin-top: 15px}
.cls-div { width: 100%; height: auto; display: inline-block; border-top: #eaeaea thin solid; padding: 10px; } 
.cls-div a { color: #959595; font-size: 15px; margin-right: 15px; } 
.cls-div a:hover { color: #5c5c5c; } 
.cls-div a img { vertical-align: middle; } 
.regoins { width: 100%; display: inline-block; background: #8f8f8e; padding: 5px 15px; margin: 0px 0 5px; color: #fff; font-size: 27px; font-family: 'Bebas Neue'; } 
.region-logo { width: 100%; height: auto; display: inline-block; } 
.region-logo .row { margin: 0 -5px; } 
.region-logo .col-4 { padding: 5px; } 
.region-logo .col-4 div { background: #343434; padding: 10px; display: inline-block; text-align: center; width: 100%; } 
.singleRegion { text-align: center; } 
.all-regions.full .region-logo img { max-width: 160px !important}
.singleRegion .regName { font-size: 16px; font-weight: bold; margin-top: 5px; color: #000}
.pull-right { float: right; } 
.tvv p { font-size: 14px !important; color: #959595; margin: 0; } 
.tvva a { background: #8f8f8e; color: #fff; padding: 0px 10px; display: inline-block; width: 86px; font-weight: 300; height: 22px; line-height: 22px; font-size: 13px; text-align: center; } 
.tvv tr { border-bottom: #eaeaea thin solid; } 
.tvv tr:last-child { border-bottom: none; } 
.tvv tr td { padding: 20px 5px 21px; } 
.pre-view { background: #5c5c5c !important; color: #71fa4d !important; } 
.mid-banner { width: 100%; height: 114px; background: url("../images/banner.jpg") no-repeat center; } 
.mid-banner a { font-size: 0px}
.dud-alert { width: 100%; height: auto; display: inline-block; margin: 15px 0; } 
.dud-alert h2 { color: #71fa4d; font-size: 27px; background: #8a8a89; padding: 5px 10px; margin-bottom: 0; font-family: 'Bebas Neue'; } 
.dud-alert a { margin-top: 15px; border-top: #eaeaea thin solid; color: #000; padding-top: 10px; text-align: right; width: 100%; display: inline-block; font-weight: 600; font-size: 14px; } 
.player-header { width: 100%; height: auto; display: inline-block; background: #fff; margin-bottom: 5px; } 
.ph-top { width: 100%; height: auto; display: inline-block; background: url(../images/player-bg.jpg) no-repeat center top; position: relative; background-size: cover}
.profile-img { width: 100%; height: 100%; display: inline-block; padding: 20px; text-align: center; max-width: 260px; background: rgba(0, 0, 0, 0.5); } 
.profile-img img { width: 194px; height: 194px; border-radius: 50%; border: #fff thin solid; } 
.profile-img h3 { font-family: 'Bebas Neue'; font-size: 27px; color: #fff; margin-bottom: 0px; margin-top: 10px; } 
.profile-img p { color: #fff; margin-bottom: 0px; } 
.p-d p { margin-bottom: 3px; font-size: 14px !important; color: #959595; } 
.p-d p strong { font-size: 14px !important; color: #000; } 
.p-d { padding: 10px 0 10px 10px; } 
.pd { padding: 0 5px; } 
.the-line p { color: #fff; text-align: center; font-family: 'Open Sans', sans-serif !important; display: inline-block; margin: 0 0 0 0; line-height: 15px; font-size: 14px !important; padding-top: 0px; width: 80%; } 
.rank-box { width: 100%; height: auto; display: inline-block; padding: 10px; } 
.rank-box h3 { font-family: 'Bebas Neue'; font-size: 16px; padding: 10px; color: #71fa4d; margin-bottom: 0px; background: #8a8a89; width: 100%; text-align: center; } 
.rank-box h3 span { color: #fff; } 
.rank-box h2 { font-family: 'Bebas Neue'; font-size: 27px; padding: 10px; color: #515151; margin-bottom: 0px; background: #c5c3c3; width: 100%; text-align: center; } 
.rank-box h2 span { font-size: 10px !important; margin: 0; font-family: 'Open Sans', sans-serif !important; width: 100%; display: block; } 
.rkb { margin: 0; padding: 10px; } 
.rkb .col-md-3 { padding: 0; } 
.ver-list { width: 100%; height: auto; display: inline-block; padding: 15px 0px; margin: 0; } 
.ver-list li { list-style: none; width: 20%; float: left; } 
.ver-list li .rank-box { padding: 4px; } 
.slider-view { width: 100%; display: inline-block; padding: 15px; } 
.timeline-box { width: 100%; display: inline-block; border: #8a8a89 thin solid; } 
.timeline-box h6 { background: #8a8a89; width: 100%; font-size: 25px; padding: 10px; text-align: center; color: #71fa4d; font-family: 'Bebas Neue'; } 
.timeline-box p { padding: 10px; text-align: center; display: inline-block; font-size: 14px !important; color: #959595; width: 100%; } 
.timeline-box strong, .timeline-box a { color: #000; font-weight: 600; } 
.schedule-box { width: 100%; text-align: center; display: inline-block; } 
.schedule-box h6 { color: #000; font-size: 15px !important; font-weight: 600; } 
.schedule-box p { color: #959595; font-size: 15px !important; font-weight: 300; margin: 0; } 
.tr-box h2 span { float: right; color: #959595; font-family: 'Open Sans', sans-serif !important; font-size: 14px; font-weight: 300; } 
.view-link { width: auto; float: right; color: #000; font-size: 14px; font-weight: 600; margin: 0 25px 10px 0; } 
.view-link:hover { color: #8a8a89; } 
.p-comment { position: absolute; right: 10px; top: 10px; } 
.p-title { width: 100%; height: auto; display: inline-block; font-size: 35px; color: #515151; font-family: 'Bebas Neue'; border-bottom: #eaeaea thin solid; padding: 10px 0 10px; } 
.sub-title { width: 100%; margin: 15px 0; height: auto; background: #8a8a89; display: inline-block; font-size: 27px; color: #fff; font-family: 'Bebas Neue'; padding: 5px 20px 5px; } 
.eve-date { border-right: #dadada 2px solid; font-size: 37px; line-height: 50px; text-align: center; display: inline-block; padding: 0 20px; vertical-align: middle; } 
.eve-date strong { font-size: 68px; width: 100%; display: block; color: #000; } 
.eve-d span { color: #00fc00; font-size: 18px; font-weight: 600; width: 100%; } 
.eve-d h3 { display: inline-block; font-size: 32px; color: #515151; font-family: 'Bebas Neue'; width: 100%; margin-bottom: 0; } 
.eve-d p { color: #959595; margin-bottom: 0; } 
.ev-year span { font-size: 14px; background: #8f8f8e; color: #fff; padding: 5px 20px; margin-bottom: 5px; display: inline-block; } 
.hbg { background: #5c5c5c !important; color: #00fc00 !important; } 
.hbg1 { background: #5c5c5c !important; color: #fff !important; } 
.ev-border tr { border-bottom: #eaeaea thin solid; } 
.wel-text { width: 100%; height: auto; display: inline-block; background: #c5c3c3; padding: 30px; } 
.wel-text p { color: #000; } 
.lg-text { font-size: 17px; color: #535353; padding: 15px; } 
.lg-text a { color: #000; font-weight: 600; margin-left: 15px; } 
.form-div { padding: 10px 30px; width: 100%; display: inline-block; } 
.form-div .form-group { width: 100%; display: inline-block; } 
.form-div .form-group label { width: 100%; display: inline-block; font-size: 14px; font-weight: 600; } 
sup { color: red; } 
.form-div .form-group input { width: 100%; height: 40px; border: #a6a8ac thin solid; line-height: 40px; font-size: 15px; color: #aeadad; padding: 0 10px; box-shadow: 0 0 6px #ccc; font-weight: 600; } 
.form-div .form-group select { background: #8f8f8e; height: 40px; border: none; color: #fff; padding: 0 10px; font-size: 14px; vertical-align: text-bottom; width: 100%; max-width: 250px; } 
.term-link { font-size: 14px; color: #c5c3c3; } 
.term-link a { font-size: 14px !important; color: #000; font-weight: 600; } 
.legal-check { background: #c5c3c3; padding: 20px; } 
.legal-terms { width: 100%; height: auto; display: inline-block; } 
input.ch[type="checkbox"] { width: 20px; display: inline-block; margin: 0 8px 0 0; padding: 0; vertical-align: middle; } 
.legal-terms { border: #c5c3c3 thin solid; padding: 20px; } 
@media (max-width: 1023px){
 .ft-col-md-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 8px; padding-right: 8px; } 
 .ft-col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 8px; padding-right: 8px; } 
 .ft-col-md-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 8px; padding-right: 8px; } 
 .ft-col-md-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 8px; padding-right: 8px; } 
 .social-links { display: none; } 
 .header-menu nav { display: none; } 
 .sw { width: 100% !important; margin-bottom: 5px; } 
 .directory-search select { width: 100%; margin-bottom: 5px; } 
 .directory-search input { width: 100% !important; margin-bottom: 5px; } 
 .directory-search button { width: 100%; } 
 .dud-alert .col-md-3 { margin-bottom: 5px; } 
 .dud-alert .col-md-3 img { width: 100%; } 
 .latest-match { width: 100%; height: auto; display: inline-block; background: #5c5c5c; padding: 10px 20px; } 
 .eventLogo { max-width: 180px}
 #directory_search_autocomplete { top: auto !important; right: auto !important}
 .login_submenu { left: 30px !important} 
 }
@media (min-width:768px){
 .ftTabs .tab-pane, .ftTabs .tab-pane .membershipPurchaseWarning { min-height: 400px; } 
 .ftTabs .tab-pane .membershipPurchaseWarning { background: rgba(255, 255, 255, 0.9)} 
 }
.entity-social-posts-container { min-height: 300px; } 
@media (max-width:767px){
 .ver-list li { list-style: none; width: 50%; float: left; } 
 .commet { display: inline-block; color: #959595; font-size: 12px; margin: 10px 0 10px 10px; } 
 .commet img { margin-right: 15px; width: 60px; } 
 .ev-border td { display: block; text-align: center; width: 100%; padding: 5px; } 
 .eve-date { border-bottom: #dadada 2px solid; border-right: none; font-size: 37px; line-height: 50px; text-align: center; display: inline-block; padding: 18px 10px; vertical-align: middle; width: 100%; } 
 .hbg { margin-bottom: 20px !important; } 
 #allEventButton { margin-top: 5px; display: block}
 .eventHeaderFollowUnfollow { position: relative !important; text-align: right; margin-bottom: 10px}
 .m-center { text-align: center}
 .postActionBtn { text-align: center}
 .postAction .date { text-align: center; font-size: 12px !important}
 .postAction .fa-clock-o, .m-time .fa { display: block}
 .m-time { font-size: 12px}
 #loginform .autoWidth { width: 100%; max-width: 100% !important}
 div.npm { padding: 15px !important}
 #loginModal { width: 100%; max-width: 98%}
 .m-left { text-align: left !important}
 .mmt-5 { margin-top: 5px !important}
 .mmt-10 { margin-top: 10px !important}
 .singleNewsBlock .n_cover { height: 200px !important}
 .awardsBox ul { text-align: center}
 .awardsBox ul li img { max-width: 75px !important}
 .videoPlayList .videotitle { font-size: 12px}
 .ftTabs .nav a { min-width: auto !important; font-size: 12px !important; padding: 10px 12px !important}
 .ftTabs .nav a::after, .ftTabs .nav a.active::before { display: none !important}
 .n-m-absoulte { position: static !important; top: auto; left: auto; right: auto !important}
 .m-mt-10 { margin-top: 10px}
 .entityMainLogo { max-width: 150px !important; height: auto !important}
 .homeSocialTabs { font-size: 19px !important; } 
 .claimProfileButton, .mergeProfileButton { font-size: 12px !important; width: 100% !important; font-weight: bold; } 
 .achievementsBox { position: static !important; margin: 10px 0px; } 
 footer { text-align: center}
 #home-social-posts-container.blurry { max-height: 500px; overflow-y: hidden}
 .postTypeSwitcher .singlePostType { font-size: 12px !important}
 div.coverChangerhandle { left: 65%; font-size: 10px; padding: 5px; width: 105px; } 
 .lb-filter { min-width: 140px !important; } 
 }
@media (max-width:1023px) { nav ul { display: none; } 
 .nav-icon { cursor: pointer; display: inline-block; color: #fff; font-size: 30px; position: absolute; top: -44px; right: 10px; z-index: 99; } 
 table.ft-table td:nth-child(1), table.ft-table th:nth-child(1) { position: -webkit-sticky; position: sticky; left: 0; min-width: 140px; z-index: 2}
 table.ft-table td, table.ft-table th { font-size: 12px; } 
 table.ft-table .playerIcon { display: none}
 table.ft-table tbody tr:nth-of-type(2n+1) { background: #ececec !important}
 table.ft-table tbody tr td { background-color: inherit !important; border: 0px}
 table.ft-table tr th, table.ft-table tr { background: #fff}
 .singleMatrixType table.ft-table td:nth-child(1), .singleMatrixType table.ft-table th:nth-child(1) { min-width: 40px; text-align: center}
 .homeSocialTabs li a.active:after, .homeSocialTabs li a.active:before { display: none !important}
 .homeSocialTabs li a { padding: 4px 5px 0px 5px !important; } 
 }
@media (max-width:640px){
 .mid-banner { background-size: 400%; } 
 }
.sidenav { height: 100%; width: 0; position: fixed; z-index: 100; top: 0; left: 0; background-color: #5c5c5c; overflow-x: hidden; transition: 0.5s; padding-top: 70px; } 
.sidenav a { padding: 8px 8px 8px 22px; text-decoration: none; font-size: 25px; color: #ffffff; display: block; transition: 0.3s; } 
.sidenav a:hover { color: #f1f1f1; } 
.sidenav .closebtn { position: absolute; top: 0; right: 10px; font-size: 36px; margin-left: 50px; } 
.sidenav ul { padding: 0; margin: 0; } 
.sidenav ul li { list-style: none; display: inline-block; width: 100%; } 
.sidenav ul li a { font-size: 16px; } 
.nav-logo { width: 160px; position: absolute; top: 19px; left: 20px; } 
@media screen and (max-height: 450px){
 .sidenav { padding-top: 15px; } 
 .sidenav a { font-size: 18px; } 
 }
.validatedForm label.error { color: red; margin-top: 5px}
/*New Css*/
#header_search_autocomplete { position: absolute; top: 26px; left: -100px; background: #fff; width: 100%; min-width: 300px; z-index: 10000; padding: 10px; box-shadow: 3px 3px 6px #555; } 
#header_search_autocomplete .single-entity:not(:last-child) { margin-bottom: 15px}
.pagination { margin: 20px 0px}
.form-content { padding: 25px; } 
.form-content .title { font-size: 30px; text-transform: uppercase; margin-bottom: 20px; text-align: center; font-family: 'Bebas Neue'; } 
.form-content .title { color: #36454f; } 
.btn:not(.btn-bordered):not(.bootstrap-btn) { background-color: #222222; color: #fff; border-width: 0px; } 
.btn.btn-warning { background-color: #ffce3a; color: #3d3d3d; } 
.p-0 { padding: 0 !important; } 
.form-group label { font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #515151}
.form-content .form-group label { font-size: 14px; margin-bottom: 10px; } 
.form-content .close { position: absolute; right: 0; top: 0; line-height: 1; padding: 0; width: 25px; height: 25px; color: #fff; opacity: 1; font-size: 15px; background-color: #dc3545; text-shadow: none; } 
.form-content .close { color: #ffffff; background-color: #3d3737; } 
.checkout-totals .total_list { margin-top: 10px; margin-bottom: 10px; padding: 10px 19px; background-color: #f1f1f1; } 
.checkout-totals .total_list li:not(:last-child) { border-bottom: 1px solid #ece9e9; } 
.checkout-totals .total_list li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 10px 0; color: #666; font-size: 16px; } 
.checkout-totals .total_list li.grand_total { font-size: 22px; text-transform: uppercase; } 
.checkout-totals .total_list li span+span { margin-left: auto; } 
.checkout-porduct-coupon { margin-top: 20px; } 
.checkout-porduct-coupon label { font-size: 14px; font-weight: 600; color: #666; } 
.checkout-porduct-coupon .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } 
.checkout-porduct-coupon p.text-danger { margin-top: 10px; } 
.checkout-porduct-coupon .form-group .coupon-input { display: table-cell; vertical-align: top; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } 
.checkout-porduct-coupon .form-group button:nth-child(2) { border-top-left-radius: 0; border-bottom-left-radius: 0; } 
.checkout-porduct-coupon .form-group button+button { margin-left: 5px; } 
.checkout-porduct-coupon .form-group button { margin-top: 0; padding: 8px 12px; font-size: 14px; text-transform: uppercase; } 
.loader-overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(165, 165, 165, .3); z-index: 1111111; } 
.loader-overlay:not(.active) .process-loader, .loader-overlay:not(.closing) .process-loader { right: -10%; } 
.process-loader { min-width: 100px; position: fixed; top: 50%; margin-top: -15px; background-color: #e3e3e3; color: #000; font-weight: 600; border-radius: 5px 0 0 5px; border-right: 0; display: table; -webkit-box-shadow: 0 0 15px -3px rgba(0, 0, 0, .3); box-shadow: 0 0 15px -3px rgba(0, 0, 0, .3); } 
.process-loader .process-image { width: 36px; height: 36px; display: table-cell; vertical-align: middle; background-image: url(../images/loader.gif); background-size: contain; background-position: center center; background-repeat: no-repeat; } 
.process-loader .process-text { padding: 15px 10px; display: table-cell; vertical-align: middle; } 
.checkout-box { padding: 29px 27px; border: 1px solid #e3e3e3; clear: both; -webkit-box-shadow: 0 4px 8px -5px rgba(186, 16, 42, .5); box-shadow: 0 4px 8px -5px rgba(186, 16, 42, .5); float: left; width: 100%; } 
.checkout-box .title { font-size: 21px; color: #666; font-weight: 700; margin-bottom: 22px; } 
.checkout-body { margin-bottom: 12px; float: left; width: 100%}
.checkout-porduct { background-color: #ececec; padding: 14px; margin: 0; color: #666; font-size: 16px; position: relative; border-radius: 4px; overflow: hidden; } 
.checkout-porduct .remove-cart-item { color: #ffffff; background-color: #3d3737; } 
.checkout-porduct .remove-cart-item { position: absolute; right: 0; top: 0; font-size: 15px; border: 0; z-index: 100; cursor: pointer; padding: 0; width: 25px; height: 25px; text-align: center; line-height: 25px; text-shadow: none; border-radius: 0 0 0 10px; } 
.checkout-porduct>div.column { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 5px; } 
.checkout-porduct>div.column>.column { margin-left: auto; } 
.checkout-porduct>div { padding: 0; } 
.checkout-porduct .description { font-size: 21px; font-weight: 700; margin-bottom: 5px; } 
.cart-item-info .column .text-info.max_family_members, .cart-item-info .column .text-info.package { text-transform: capitalize; } 
.checkout-box .checkout-price { text-align: right; display: block; padding-top: 23px; padding-left: 10px; font-size: 20px; font-weight: 600; } 
.checkout-box .cartPlayer, .checkout-box .cartTeam { clear: both; float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
.checkout-box .cartPlayer .cart-title, .checkout-box .cartTeam .cart-title { width: 100%; margin: 10px 0; padding: 0 5px; display: block; clear: both; font-size: 12px; } 
.checkout-porduct .cartPlayerWrapper.active, .checkout-porduct .cartTeamWrapper.active { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } 
.cartPlayerWrapper, .cartTeamWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
.checkout-box button.player-btn { padding: 8px 10px; font-size: 13px; margin-top: 5px; margin-left: 5px; margin-right: 5px; } 
.checkout-porduct .parsley-errors-list li { font-size: 11px; font-weight: 400; } 
.parsley-errors-list li { margin-top: 5px; color: #dc3545; font-size: 14px; font-weight: 500; } 
.form-container { max-width: 547px; width: 100%; position: relative; } 
.playercontainer { margin-top: 0; margin-bottom: 5px; padding: 3px; border: 1px solid bisque; } 
.card.playerInfoCard { width: 100%; background-color: #f2f2f2; border-radius: 0; } 
.card.playerInfoCard .card-heading { padding: 8px; background-color: #dadada; line-height: 1; text-transform: uppercase; } 
.card.playerInfoCard .card-body { padding: 8px; } 
.card.playerInfoCard .row { margin-left: -5px; margin-right: -5px; } 
.card.playerInfoCard .row>.form-group { margin-top: 0 !important; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; } 
.card.playerInfoCard .row>.form-group label { width: 100%; margin-bottom: 0; line-height: 1; font-size: 15px; } 
.card.playerInfoCard input.input-element, .card.playerInfoCard select.input-element:not([multiple]) { line-height: 1; height: 32px; } 
.loader-overlay.active, .loader-overlay.closing { display: block; } 
.loader-overlay.active .process-loader { right: 0; } 
.checkout-porduct .cartPlayerWrapper .form-split[data-type=playerAssign], .checkout-porduct .cartTeamWrapper .form-split[data-type=teamAssign] { width: auto}
.checkout-porduct .cartPlayerWrapper.active .form-split[data-type=player], .checkout-porduct .cartTeamWrapper.active .form-split[data-type=team] { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1}
.checkout-porduct .cartPlayerWrapper:not(.active) .form-split[data-type=player], .checkout-porduct .cartTeamWrapper:not(.active) .form-split[data-type=team] { width: 100%}
.instructions { padding: 10px; background-color: #f3f3f3; border-radius: 5px; margin-top: 10px; color: #000; display: block; -webkit-box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .8); box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .8)}
.instructions .title { padding: 10px 0; font-weight: 700; color: #306597; font-size: 20px}
.instructions ul li { line-height: 25px; font-size: 17px; color: #306597; font-weight: 400}
.instructions ul li span.red { color: #dc3545}
.instructions ul li span.green { color: #12ba3a}
.form-wrapper { position: relative; margin: 30px auto 0; width: 100%}
span.jq-dte { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0}
span.jq-dte span.jq-dte-inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
span.jq-dte span.jq-dte-inner input { width: 30% !important}
span.jq-dte span.jq-dte-errorbox { top: 100% !important; left: 0 !important; margin-top: 2px; display: block; background-color: red; padding: 5px 10px; color: #fff; border-radius: 3px; border: 0; line-height: 1; font-size: 12px; z-index: 100}
.jq-dte-tooltip { display: none !important}
#header_search_autocomplete .single-entity .title { font-weight: bold; font-size: 16px; margin-bottom: 5px; } 
#header_search_autocomplete .single-entity ul { padding-left: 0px; margin-left: 0px; margin-bottom: 0px}
#header_search_autocomplete .single-entity ul li { list-style: none; border-bottom: 1px solid #efefef; margin-bottom: 2px; padding-bottom: 2px}
#header_search_autocomplete .single-entity ul li a { color: #000}
#header_search_autocomplete .single-entity ul li:last-child { border-bottom: 0px !important; margin-bottom: 0px}
.pointer { cursor: pointer; cursor: hand}
ul.pagination li.page-item a.page-link { color: #515151; } 
ul.pagination li.page-item a:hover { color: #fff; background-color: #5c5c5c; border-color: #5c5c5c; } 
ul.pagination li.page-item a::after { display: none; } 
ul.pagination li.page-item.active a { color: #000; background-color: #71fa4d; border-color: #71fa4d; } 
/*For School Detail*/
.list-inline li { display: inline-block !important; } 
.school-Info { padding-left: 2px; list-style-type: none; } 
.school-Info li { margin-bottom: 10px; font-size: 16px; } 
.school-Info li .iocn_info { margin-right: 8px; } 
.school-Info li .iocn_info i { font-size: 20px; } 
.get_in_touch_wrapper ul { margin: 0; font-size: 100%; line-height: normal; padding: 0px; } 
.get_in_touch_wrapper ul li { margin: 0; list-style: none; position: relative; padding: 13px 0 13px 50px; word-wrap: break-word; } 
.get_in_touch_wrapper ul li .icon { position: absolute; left: 0; top: 5px; display: block; color: rgba(0, 0, 0, .7); width: 30px; height: 30px; line-height: 30px; font-size: 23px; text-align: center; } 
.address_wrapper { font-size: 15px; } 
.contact_box { background: #5c5c5c; } 
.mapbox { padding-right: 0px; } 
.get_in_touch_wrapper ul li p { margin-bottom: 0px; } 
.get_in_touch_wrapper ul li span, .get_in_touch_wrapper ul li span i, .get_in_touch_wrapper ul li a { color: #fff; } 
.icon_social { padding-left: 2px !important; } 
.socialIcon i { color: #fff; font-size: 25px; margin-right: 5px; } 
/*For School Detail*/
.nbt { border-top: 0px !important}
.nbb { border-bottom: 0px !important}
.np { padding: 0px !important}
a.block { width: 100%; height: 100%; display: block}
.btn.btn-social-icon { width: 30px; height: 30px; padding: 0}
.btn.btn-rounded { border-radius: 50px}
.btn-facebook { background: #3b579d !important; color: #ffffff}
.btn-youtube { background: #e52d27 !important; color: #ffffff}
.btn-twitter { background: #2caae1 !important; color: #ffffff}
.btn-linkedin { background: #0177b5 !important; color: #ffffff}
.btn-instagram { background: #dc4a38 !important; color: #ffffff}
.btn-facebook:hover, .btn-facebook:focus { background: #2d4278; color: #ffffff}
.btn-youtube:hover, .btn-youtube:focus { background: #c21d17; color: #ffffff}
.btn-twitter:hover, .btn-twitter:focus { background: #1b8dbf; color: #ffffff}
.btn-linkedin:hover, .btn-linkedin:focus { background: #015682; color: #ffffff}
.btn-instagram:hover, .btn-instagram:focus { background: #bf3322; color: #ffffff}
.team-header { padding: 10px; background: #fff; } 
.tr-box-data { padding: 15px}
.tr-box-data .table th { border-top: 0px !important; padding-top: 0px !important}
td.min-w { min-width: 160px}
.playerProfileImageSlider { text-align: center}
.playerProfileImageSlider .image img { height: 100px; width: auto; margin-bottom: 10px}
.playerProfileImageSlider .name { font-weight: bold; color: #000}
a.inherit { color: inherit !important}
.inline { display: inline !important}
.playerLink { color: #a5641c !important}
*[align="center"] { text-align: center !important}
*[align="left"] { text-align: left !important}
*[align="right"] { text-align: right !important}
a.underline, a.hover-underline:hover { text-decoration: underline !important}
.nbb { margin-bottom: 0px !important}
.text-color2 { color: #5c5c5c !important}
.black-text { color: #000 !important}
.tr-box.big h2 { font-size: 27px !important; margin-bottom: 0px !important}
.tr-box .inner { padding: 15px; } 
.sbox.bordered { border: 1px solid #8a8a89}
.darkText { color: #000 !important}
.greyText { color: #535353 !important}
.lightGreyText { color: #959595 !important}
.greenText { color: #71fa4d !important}
.greenBg { background: #71fa4d !important}
.greyButtonBg { background: #5c5c5c !important}
.noRound { border-radius: 0px !important}
.followUnfollowBtn { text-transform: uppercase; border-radius: 0px; padding-top: 3px; padding-bottom: 3px; letter-spacing: 0.5px; font-size: 12px}
.followUnfollowBtn.follow { background: #71fa4d; color: #000}
.followUnfollowBtn.unfollow { background: #dc3545; color: #fff; font-size: 12px}
.p-5 { padding: 5px !important}
.p-10 { padding: 10px !important}
.p-15 { padding: 15px !important}
.p-40 { padding: 40px !important}
.p-30 { padding: 30px !important}
.p-0 { padding: 0px !important}
.m-price-box { background: #343434; width: 100%; height: 100%; color: #fff; padding: 10px}
.m-price-box .price { font-family: 'Bebas Neue'; font-size: 27px; color: #fff; } 
.m-price-box .priceLabel { text-transform: uppercase; font-size: 12px}
.lowGutter, .lowGutter2 { margin-left: 0px; margin-right: 0px}
.lowGutter [class*="col-"] { padding-left: 2px !important; padding-right: 2px !important; } 
.lowGutter2 [class*="col-"] { padding-left: 5px !important; padding-right: 5px !important; } 
.m-price-box .price.big { font-size: 36px; } 
.dark-select { background: #5c5c5c url("../images/select-arrow.png") !important; color: #fff !important; border-radius: 0px; -moz-appearance: none; /* Firefox */
 -webkit-appearance: none; /* Safari and Chrome */
 appearance: none; background-position: 96% !important; background-repeat: no-repeat !important; background-size: 12px !important}
.membershipThankyouList { max-width: 400px; margin: 0 auto}
.darkIcon { color: #5c5c5c !important}
.f-16 { font-size: 16px}
.autoWidth { width: auto; margin: 0 auto; display: block; } 
.mw-600 { max-width: 600px}
.postLoadMore { margin: 10px 0px; text-align: center}
.greenBtn { background: #71fa4d !important; color: #000 !important}
.lbUnit { text-transform: uppercase}
.playerIcon { width: 35px; height: 35px; display: inline-block; border-radius: 50%; margin-right: 7px}
.blackText { color: #000 !important}
.table thead th { border-bottom: 0px}
.nborder { border: 0px !important}
.singleNewsBlock { border-bottom: #eaeaea thin solid; } 
.singleNewsBlock .n_thumb_image { height: 150px; background-size: cover; background-repeat: no-repeat; max-width: 100%; background-position: center}
.singleNewsBlock .n_date { color: #535353; font-size: 14px; line-height: 18px; margin-bottom: 5px}
.singleNewsBlock .n_title { font-size: 32px; line-height: 34px; margin-bottom: 10px; font-family: 'Bebas Neue'; color: #1c1c1c; } 
.singleNewsBlock .n_title a { color: inherit}
.singleNewsBlock .n_text { color: #959595; margin-bottom: 15px; } 
.singleNewsBlock .n_readmore { margin-bottom: 5px; } 
.singleNewsBlock .n_readmore a { color: #000000; font-weight: bold; text-transform: uppercase}
.relatedEntities a { font-size: 12px; display: inline}
.singleNewsBlock .n_cover { background-size: cover; background-repeat: no-repeat; width: 100%; background-position: center; height: 630px}
.t-0 { top: 0px !important}
.uppercase { text-transform: uppercase !important}
.loadMoreComments, .viewReplies, .loadMoreLikes { font-weight: bold; color: #000; background: #fff; font-size: 15px}
.viewReplies { color: #515151}
.singleLevelComment { padding: 10px; position: relative}
.full-width { width: 100%}
.singleComment .commentText { background: #eee; padding: 10px; border-radius: 5px; color: #000; position: relative}
.singleLevelComment .p-icon, .singleLike .p-icon, .singleEntityData .p-icon, .pp-icon { width: 40px; height: 40px; } 
.cursor { cursor: pointer; cursor: hand}
.commentReplyContainer { padding-left: 35px; } 
.comments .singleComment:last-child { margin-bottom: 0px !important}
.socialLoader { text-align: center}
.commentReplyContainer { position: relative}
.commentReplyContainer::before { content: ' '; width: 1px; background: #eee; height: 100%; position: absolute; top: 0px; left: 65px; z-index: 0; } 
.commentView .liked, .like.liked, .like.liked i { color: #2078f4 !important; transform: scale(1.05); transition: transform .2s; } 
.commentUserName { font-weight: bold; color: #000; font-size: 12px; } 
.loginCloseButton { z-index: 100}
label.error { font-weight: normal !important; font-size: 14px !important}
.bold { font-weight: bold}
.postActionBtn { font-size: 15px; color: #959595}
.postActionBtn i { color: #5c5c5c; font-size: 16px}
.inlineLoader { display: inline-block; margin-left: 10px; vertical-align: middle}
.inlineLoader svg { width: 20px; height: 20px}
.pointerNone { pointer-events: none !important; } 
.underline { text-decoration: underline}
#metrics_type_switcher_container { background: #efefef}
#timelineLinks li { padding: 10px 15px; border-bottom: 1px solid #eaeaea}
#timelineLinks li:last-child { border-bottom: 0px}
#timelineLinks li a { font-size: 16px; color: #000}
#timelineLinks li a.active { font-weight: bold}
@media(min-width:1024px) { body.sticky_search #full_search_bar { position: fixed; top: 0; left: 0; z-index: 100; box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5); } 
 #allEventButton { position: absolute; top: 30px; right: 15px; display: block; } 
 }
.icon_image { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important}
.icon_image.round { border-radius: 50%}
.icon_image.icon-100 { width: 100px; height: 100px}
.icon_image.icon-70 { width: 70px; height: 70px}
.commentLikeCount { font-weight: bold}
.post_commnet .inlineLoader svg { width: 14px; height: 14px}
.lockIcon { width: 20px !important; height: auto !important; border-radius: 0px !important; border: 0px !important; display: inline-block !important}
.twitterRightIcon { font-size: 72px}
#popupModelContent { max-height: 500px; overflow-y: auto}
#loginModal { z-index: 2000}
#popupModel { z-index: 1500}
.userInfoPopup { position: absolute; background: #fff; padding: 15px; border-radius: 5px; box-shadow: 1px 1px 5px #aaa; z-index: 10}
.userInfoPopup .followUnfollowBtn { font-size: 10px}
.commentUserName .inlineLoader svg { width: 15px; height: 15px}
#metrics_type_switcher_container h2 { font-size: 22px}
.sticky_search #metrics_type_switcher_container h2 { font-size: 14px; letter-spacing: 1px}
.sticky_search #metrics_type_switcher_container label { font-size: 11px}
.displayLikes[data-count="0"] { cursor: auto !important; pointer-events: none !important}
.socialPosts.borderedPost .tr-box { border: #5c5c5c thin solid; } 
.schedule-box p.minHeight { min-height: 115px}
#sharePostEntityContainer { max-height: 300px; overflow-y: auto; padding-right: 5px}
.cusAcordian .card-header { padding: 10px}
.cusAcordian .card-header a { font-size: 14px}
.mainTypeContainer label { font-size: 14px; color: #000; } 
.saprator { height: 1px; background: #eaeaea; width: 100%; clear: both; margin-top: 5px; margin-bottom: 10px; } 
.redText { color: #dc3545 !important}
.shareToFollowing { font-family: 'Bebas Neue'; font-size: 20px !important; color: #000 !important; font-weight: normal !important}
.sharedLine { padding: 10px; font-size: 14px; } 
.postTopAction { background: #fff; border-radius: 5px; position: absolute; z-index: 10; top: 35px; right: 15px; box-shadow: 1px 1px 5px #aaa; width: 200px; font-family: 'Open Sans', sans-serif !important; font-size: 14px; color: #000}
.postTopAction li { cursor: pointer; cursor: hand}
.postTopAction .followUnfollowBtn { background: none !important; font-size: inherit !important; text-transform: capitalize; color: #000 !important}
.postTopAction .followUnfollowBtn .inlineLoader svg { width: 14px; height: 14px}
.blurry { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.membershipPurchaseWarning { position: absolute; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; left: 0px; top: 0px; z-index: 10; text-align: center}
.membershipPurchaseWarning a { box-shadow: 1px 1px 5px #aaa; } 
.relative { position: relative}
#notAccessPurcahse { min-height: 150px}
.noShadow { box-shadow: none !important}
.w-100 { width: 100%; display: block}
.commet { margin-bottom: 0px; margin-left: 0px; width: 100%; margin-top: 15px}
.commet h4 { padding-left: 15px; font-size: 16px; color: #515151; font-weight: bold; } 
.postContentContainer { padding: 0px 15px}
.content_type_2 .postContentContainer { padding: 0px}
.post_type_7 .postTagsForSinglePost { margin-top: 0px}
.socialPostVideoFrame { width: 100%; border: 0px; outline: 0px; height: 300px; background: #efefef}
.postMediaContainer { margin-top: 10px}
.commet.content_type_4 .postImageContainer { width: 100%; height: 300px; background-repeat: no-repeat; background-position: top center; background-size: contain; background-color: #efefef}
.multiVideoPlayer .videoScreen iframe { width: 100%; height: 350px; border: 0px; outline: 0px; background-color: #c5c3c3; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block}
.hand { cursor: pointer; cursor: hand}
.videoPlayList ul { padding-left: 0px; margin-bottom: 0px}
.videoPlayList li { list-style: none; padding: 10px 18px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block}
.videoPlayList li:hover, .videoPlayList li.active { background: #F5F0FB}
.videoPlayList li .playButton { background: #858585; color: #fff; padding: 6px 15px; margin-right: 10px; background-position: center !important; background-size: cover !important}
.videoScreen { width: 60%}
.videoPlayList { width: 40%; max-height: 350px; overflow-y: auto}
.videoPlayList .videotitle { font-weight: bold; color: #000}
.videoPlayList .videodate { font-size: 12px; } 
.v-middle td, .v-middle tr, .v-middle { vertical-align: middle}
.nb { border: 0px}
.nbr { border-radius: 0px}
.only-bt { border-bottom: 0px; border-left: 0px; border-right: 0px}
.ftIcon { background-color: #000 !important; border-radius: 0px; color: #71fa4d !important}
.owl-conrol-inside .owl-prev { left: -5px}
.owl-conrol-inside .owl-next { right: -5px}
.nwb { word-break: keep-all}
.no-break-word td { word-wrap: normal}
td a.playerLink { width: 185px; display: block}
.ft-12 { font-size: 12px}
.ft-14 { font-size: 14px}
.ft-16 { font-size: 16px}
.eventHeaderFollowUnfollow .followUnfollowBtn { min-width: 85px}
#eventSocialIcons a { padding: 0px; color: #71fa4d !important; border: 0px; font-size: 20px; margin-right: 10px}
.sbox.withBorder { border: 1px solid #8a8a89}
.brdDivider { display: block; width: 100%; height: 1px; background: #ccc; margin-top: 2px}
.ftHeading { font-family: 'Bebas Neue'; text-transform: uppercase; font-size: 26px; } 
.ftHeading2 { font-family: 'Bebas Neue'; text-transform: uppercase; font-size: 20px; } 
.ftHeading3 { font-family: 'Bebas Neue'; text-transform: uppercase; font-size: 18px; } 
.eventPriceCheckList { font-weight: bold; font-size: 16px; } 
.eventPriceCheckList li { padding-left: 25px !important; background-image: url(../images/right-arrow.png); background-repeat: no-repeat; background-position: left center; margin-bottom: 5px !important}
.mb-5px { margin-bottom: 5px !important}
.ftTabs .nav { background: #8f8f8e}
.ftTabs .nav a { color: #fff; padding: 15px; font-family: 'Bebas Neue'; text-transform: uppercase; font-size: 18px; letter-spacing: 0.5px; min-width: 150px; text-align: center; position: relative; padding-right: 40px}
.ftTabs .tab-pane { background: #fff; padding: 15px}
.transperent { background-color: transparent !important}
.ftTabs .nav a.active { background: #fff; color: #8f8f8e; } 
.ftTabs .nav a::after { content: ' '; background: red; display: block; width: 26px; height: 100%; position: absolute; top: 0px; right: 0px; background: url('../images/nav-dark.png'); background-repeat: no-repeat; background-size: cover; background-position: center}
.ftTabs .nav a.active::after { background: url('../images/nav-dark-l.png'); } 
.ftTabs .nav li:first-child a::before { display: none !important}
.ftTabs .nav a.active::before { content: ' '; background: red; display: block; width: 26px; height: 100%; position: absolute; top: 0px; left: -26px; background: url('../images/nav-dark-r.png'); background-repeat: no-repeat; background-size: cover; background-position: center}
.ftCard .card-header { border-radius: 0px !important; background: #8a8a89 !important; color: #fff !important}
.ftCard .card-header a { color: #fff !important}
.ftCard { border: 1px solid #8a8a89; border-radius: 0px !important; } 
.ftTabs .relatedEntities a { font-size: 14px}
.ftDarkIcon { background: #000; color: #71fa4d; display: inline-block; font-size: 14px; vertical-align: middle; margin-right: 5px; width: 32px; text-align: center; height: 25px; line-height: 25px}
.ftDarkIcon a { color: #71fa4d !important; text-align: center; width: 100%; display: inline-block; height: 100%}
.r-15 { right: 15px}
.labeledList label { font-weight: bold}
.labeledList { list-style: none; padding-left: 0px}
.postContentContainer .collegeLink { color: #000; text-decoration: underline}
.s_user_icon { padding: 0px; position: relative}
.s_user_icon.verified:not(.is_manager)::before { content: "\f00c"; font-family: FontAwesome; background: #2078f4; color: #ffff; position: absolute; bottom: 0px; right: -4px; font-size: 9px; text-align: center; height: 18px; width: 18px; border-radius: 50%; line-height: 15px; border: 2px solid #fff; font-weight: normal}
.s_user_icon.is_manager::before, .postEntityIcon.is_manager::before { content: " "; position: absolute; bottom: 0px; right: -4px; height: 18px; width: 18px; border-radius: 50%; line-height: 15px; background: url('../images/v-icon.png'); background-size: 10px; background-repeat: no-repeat; background-position: center; background-color: #000; border: 2px solid #fff; } 
.postEntityIcon { position: absolute; left: 18px; top: 10px; display: inline-block}
.postVia.is_manager::after { content: " "; width: 15px; height: 15px; background: red; display: inline-block; vertical-align: middle; background: #000 url('../images/v-icon.png'); background-size: 10px; background-repeat: no-repeat; background-position: center; border-radius: 50%; margin-left: 5px}
.customerLogoInner.verified::before { content: "\f00c"; font-family: FontAwesome; background: #2078f4; color: #ffff; position: absolute; bottom: 15px; right: 2px; font-size: 15px; text-align: center; height: 30px; width: 30px; border-radius: 50%; line-height: 27px; border: 2px solid #fff; font-weight: normal; } 
.customerLogoInner.is_manager { position: absolute; bottom: 15px; right: 2px; height: 30px; width: 30px; border-radius: 50%; line-height: 15px; background: url('../images/v-icon.png'); background-size: 18px; background-repeat: no-repeat; background-position: center; background-color: #000; border: 2px solid #fff; } 
.purchaseMembershipButtonHome, .BigLargeGreenButton { background: #71fa4d !important; color: #515151 !important; font-size: 30px; text-transform: uppercase !important; font-family: 'Bebas Neue'; line-height: 30px; padding-top: 10px}
.list-inline li.block { display: block !important}
#headertagLine { color: #fff; text-align: center; padding-top: 16px}
.header-top .social-links img { width: 20px; margin-left: 10px}
.pt-15 { padding-top: 15px !important}
.eventMediaList { list-style: none; margin-left: 0px; padding-left: 0px}
.eventMediaList li { display: inline-block; margin-right: 15px; vertical-align: middle}
.eventMediaList li img { height: 40px; width: auto; vertical-align: middle}
.printableScheduleButton { position: absolute; right: 12px; top: 5px; z-index: 10; } 
.text-center { text-align: center}
.search-autocomplete .single-entity .ttl { font-size: 12px; color: #000; display: block}
.search-autocomplete .single-entity .tagline { font-size: 10px; color: #a6a8ac; display: block; min-height: 15px}
.inline { display: inline}
#directory_search_autocomplete { position: absolute; background: #fff; width: 100%; text-align: left; padding: 10px; right: 120px; top: 35px; z-index: 100; max-width: 307px; max-height: 350px; overflow-y: auto; box-shadow: 3px 3px 6px #555; } 
#directory_search_autocomplete li { list-style: none; border-bottom: 1px solid #efefef; margin-bottom: 5px; padding-bottom: 5px; } 
#directory_search_autocomplete ul li:last-child { border: 0px; margin-bottom: 0px; padding-bottom: 0px; } 
#directory_search_autocomplete ul { margin-left: 0px; margin-bottom: 0px; padding-left: 0px}
.headerSearchIcon { width: 13px}
button[type="submit"] img { width: 13px}
.awardsBox ul { list-style: none; margin-left: 0px; padding-left: 0px; margin-bottom: 0px}
.awardsBox ul li { display: inline-block; margin-right: 5px; margin-bottom: 15px; position: relative}
.awardsBox ul li img { max-width: 100px}
.awardCount { width: 30px; height: 30px; color: #fff; background: #dc3545; border-radius: 50%; line-height: 30px; font-size: 12px; font-weight: bold; text-align: center; position: absolute; bottom: 0px; right: 0px; z-index: 1; cursor: pointer; cursor: hand}
.pb-0 { padding-bottom: 0px !important}
#home-social-posts-container .callToAction { color: #515151; font-size: 27px; font-family: 'Bebas Neue'; line-height: 46px; padding: 60px 50px; background: #fff; text-align: center; margin-bottom: 5px}
#home-social-posts-container .callToAction a { color: #515151; } 
.loggedInMenu .userIcon { width: 25px; height: 25px; display: inline-block; vertical-align: middle; border-radius: 50%; background-size: cover !important; background-position: center !important; margin-left: 10px; margin-right: 2px; border: 1px solid #ccc}
.loggedInMenu { color: #000; position: relative; text-transform: uppercase}
.login_submenu { position: absolute; background: #fff; width: 190px; z-index: 1000; text-align: left; padding: 10px !important}
.login_submenu li { display: block; border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px}
.login_submenu li:last-child { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px}
.login_submenu li a { color: #000; padding: 0px; text-transform: uppercase}
.mobileLoginMenu .loggedInMenu .userIcon { margin-left: 0px}
.mobileLoginMenu .loggedInMenu { font-weight: bold}
.mobileLoginMenu a { text-transform: uppercase}
.mt-50 { margin-top: 50px}
.claimProfileButton { border-radius: 0px; background: yellow !important; color: #000 !important; width: 100% !important; font-weight: bold; margin-bottom: 5px; } 
.mergeProfileButton { border-radius: 0px; background: #71fa4d !important; color: #000 !important; width: 100% !important; font-weight: bold; } 
.upgradeMembershipButton { border-radius: 0px; background: #dc3545 !important; color: #fff !important; width: 100% !important; font-weight: bold; } 
.followUnfollowBtn.thumb::before { content: "\f164"; cursor: pointer; cursor: hand; z-index: 100}
.followUnfollowBtn.thumb { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: none !important; font-size: 18px; margin-right: 5px}
.followUnfollowBtn.thumb.follow::before { color: #bbb}
.followUnfollowBtn.thumb.unfollow::before { color: #71fa4d}
.color-inherit { color: inherit !important}
.eventListFollowContainer { display: inline-block}
.inline-block { display: inline-block}
.achievementsBox { position: absolute; bottom: 15px; left: 275px}
.achievementsBox ul { margin: 0px; padding: 0px}
.achievementsBox li { display: inline-block; margin-right: 10px}
.achievementsBox li img { width: 50px; height:}
.homeSocialTabs { width: 100%; height: auto; display: inline-block; background: #8f8f8e; margin-top: 10px; margin-bottom: 2px; font-size: 27px; font-family: 'Bebas Neue'; } 
.homeSocialTabs a { color: #fff; } 
.homeSocialTabs li { list-style: none; display: inline-block; width: 25%; text-align: center}
.homeSocialTabs li a { padding: 3px 30px 0px 30px; text-align: center; display: block; width: auto; position: relative; max-height: 44px; font-size: 22px; } 
.homeSocialTabs li a.active { background: #71fa4d; color: #515151}
.homeSocialTabs li a.active:after, .homeSocialTabs li a.active:before { content: ''; display: block; position: absolute; top: 0px; width: 0; height: 0; border-style: solid; border-width: 18px 12px; } 
.homeSocialTabs li a.active:before { border-color: transparent transparent #8f8f8e #8f8f8e; left: 0; } 
.homeSocialTabs li a.active:after { right: 0px; border-color: transparent #8f8f8e #8f8f8e transparent; } 
.homeSocialTabs ul { margin: 0px; padding: 0px}
.collgeLogobanner { position: absolute; bottom: 15px; right: 15px}
.collgeLogobanner img { width: 120px; height: 120px; border-radius: 50%}
.collgeLogobanner.is_transfer_portal_1 img { 
 margin-bottom: 40px; }
.block { display: block}
select.withArrow { -webkit-appearance: auto !important; background-image: none !important}
.font-24 { font-size: 24px !important}
.trandingLogo { width: 25px; height: 25px; border-radius: 50%; } 
.brbt { border-bottom: 1px solid #eaeaea; } 
.brbt td { padding-bottom: 5px; padding-top: 5px}
tbody tr.brbt:last-child { border-bottom: 0px}
tbody tr.brbt:last-child td { padding-bottom: 0px}
tbody tr.brbt:first-child td { padding-top: 0px}
.matchedSelect2 .select2-container .select2-selection--single { height: 40px; border-color: #ced4da}
.matchedSelect2 .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } 
.matchedSelect2 .select2-container--default .select2-selection--single .select2-selection__arrow { top: 8px}
.matchedSelect2 .select2-container--default .select2-selection--single .select2-selection__placeholder, .matchedSelect2 .select2-container--default .select2-selection--single .select2-selection__rendered { color: #495057; font-size: 1rem !important}
.cover_image { background-color: #383838}
.coverChangerhandle { position: absolute; top: 120px; z-index: 10; left: 30%; right: 0px; margin: 0 auto; width: 200px; text-align: center; color: #fff; border: 2px dashed #fff; padding: 10px; font-size: 20px; cursor: pointer; cursor: hand; background-color: rgba(255, 255, 255, 0.5); } 
.coverChangerhandle:hover { border-color: #aaa; color: #aaa}
.note { color: #dc3545}
.form-control-file.borderd { border: 1px solid #ced4da; padding: 10px}
.entityLogo { width: 160px; height: 160px; border-radius: 50%; margin: 0 auto}
.coverImage { background-size: cover !important; background-position: center !important; } 
.frImgUphandle { background: #dc3545; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; color: #fff; font-size: 12px; cursor: hand; cursor: pointer; margin: 0 auto; left: 0px; right: 0px; top: 45%; position: absolute; z-index: 1; transition: all 0.2s ease; } 
.frImgUphandle:hover, .frFldEdHandle:hover { transform: scale(1.2); } 
.frFldEdHandle { color: #dc3545; display: inline-block; cursor: pointer; cursor: hand; font-size: 10px !important; transition: all 0.2s ease; } 
.sImgBefore { position: relative; padding-left: 40px; display: block}
.sImgBefore .sImg { position: absolute; width: 30px; height: 30px; display: block; background-size: cover; background-color: #8a8a89; border-radius: 50%; left: 0px; } 
.region-logo img { max-width: 85px !important; } 
footer { color: #fff; padding: 20px 0px; background: #343434; } 
footer a { color: #fff; } 
footer a:hover { color: #71fa4d; } 
footer p { font-size: 14px !important; margin-bottom: 5px !important}
.h-100 { min-height: 100px}
.boxHeaderIcon { max-height: 25px; width: auto}
.auto-margin { margin: 0 auto; text-align: center}
.m-order-1 { order: 1; } 
.m-order-2 { order: 2; } 
.m-order-3 { order: 3; } 
.m-order-4 { order: 4; } 
.m-order-5 { order: 5; } 
.m-order-6 { order: 6; } 
.m-order-7 { order: 7; } 
.m-order-8 { order: 8; } 
.m-order-9 { order: 9; } 
.fr-view h2 { color: #0DFF00; text-transform: uppercase; font-variant: normal; font-size: 22px; margin-bottom: 11px; padding-left: 10px; border-color: #0DFF00; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 6px; top: 1px; left: 0px; position: relative; z-index: 1; margin-top: 0px; padding-top: 10px; padding-bottom: 8px; background-color: #3C3C3C; text-shadow: rgba(0, 0, 0, 0.87) 0px 1px 1px; line-height: 25px; } 
.createPostEntityDrp { display: none}
.tag-box h4 { font-size: 18px; font-weight: bold; text-transform: uppercase}
#tagBoxNavs a { padding: 0.5rem 1rem; color: #65666a}
#tagBoxNavs a.active { font-weight: bold; color: #000}
#tagBoxNavs { margin-bottom: 15px}
.tagEntityList { padding: 0px}
.tagEntityList .form-check { margin-bottom: 4px; } 
.tagEntityListHolder { max-height: 100px; overflow-y: auto; } 
.form-control.error { border-color: red}
#createPostModel label.error { display: none !important}
.postTagsForSinglePost { padding: 0px 10px; margin-bottom: 0px; margin-top: 15px}
.postTagsForSinglePost li { list-style: none; display: inline-block; margin-right: 5px}
.postTagsForSinglePost li a { color: inherit; text-decoration: underline; font-size: 12px}
.postTagsForSinglePost li::after { content: ", "}
.postTagsForSinglePost li:first-child::after { content: " "}
.postTagsForSinglePost li:last-child::after { content: " "}
.cp-dsp { background: #e0e0e6; padding: 10px 15px; border-radius: 20px; color: #000; font-size: 14px; cursor: pointer; cursor: hand; } 
.cp-frnt-dsp-container-ps { border-bottom: 1px solid #e0e0e6; padding-bottom: 20px; margin-bottom: 15px; display: block; width: 100%}
.postTypeSwitcher { text-align: center}
.postTypeSwitcher .singlePostType { font-size: 15px; cursor: pointer; cursor: hand; border-radius: 5px}
.postTypeSwitcher .singlePostType:hover { background: #e0e0e6; color: #000}
.post-create-inline-switcher i { font-size: 18px}
.post-create-inline-switcher { padding: 10px; border-radius: 5px; background: #eaeaea; font-size: 14px; color: #000}
.custom-file-upload { cursor: pointer; height: 100px; width: 100%; padding: 10px; border: 2px dashed #dadada; border-radius: 5px; position: relative; margin-bottom: 10px; background: #efefef; display: flex; justify-content: center; align-items: center; color: #000; font-weight: bold}
.custom-file-upload input[type="file"] { outline: none; max-width: 100%; opacity: 0; position: absolute; width: 10px; } 
.custom-file-upload.is-dragover { border-color: #000 !important; background: #ccc}
.dragLoaderContainer { height: 5px; background: #efefef; position: relative; margin-bottom: 25px}
.loaderPercentage { width: 0%; background: red; position: absolute; left: 0px; top: 0px; height: 100%}
.loaderPercentage.uploaded { background: #28a745 !important}
#createPostImageDragLoader, #createPostVideoDragLoader { display: none}
.dragLoaderContainer .stat { position: absolute; left: 0px; top: 8px}
#createPostImageDragOpt img { height: 100px; width: auto !important; } 
#createPostVideoDragOpt iframe { width: auto; height: 150px; border: 0px; } 
.eventCheckinData { padding: 15px; padding-bottom: 0px}
.eventCheckinData>div { background: #efefef; padding: 15px}
.eventCheckinData h4 { padding-left: 0px; font-size: 14px; font-weight: bold; margin-bottom: 0px}
.eventCheckinData h4 a { color: #000}
.eventCheckinData p { margin-bottom: 0px; font-size: 14px !important}
.noFloat { float: none !important}
.socialPostsContainer span.postVia { font-size: 12px; font-weight: normal; display: inline-block; margin-left: 5px; margin-right: 2px}
.socialPostsContainer span.postCreator { color: #000; font-size: 12px; } 
.socialPostsContainer span.postCreator a { color: inherit; text-decoration: underline}
a.inherit { color: inherit !important}
.whiteText { color: #fff !important}
.whiteBg { background: #fff !important}
.playerListSelection { padding-left: 0px; list-style: inside}
.playerListSelection label { font-weight: normal}
.tagline { font-weight: normal; color: #959595}
.brlp { border-left: 1px solid #9999}
.playerIcon.sml { width: 25px; height: 25px}
ul.ply-list { list-style: none; padding-left: 0px; margin-left: 0px; } 
.ply-list li { margin-bottom: 5px; border-bottom: 1px solid #eee; padding-bottom: 5px; } 
.ply-list li a { color: inherit}
.ply-list li .gy { font-weight: bold}
.videoSliderSingle .videoSrc { width: 100%; outline: none; border: 0px}
.videoSliderSingle .videoTitle { font-size: 14px; font-weight: bold}
.undeline { text-decoration: underline}
#sortableData { margin-left: 0px; padding-left: 0px}
#sortableData li { list-style: none; position: relative; background: #eee; padding: 10px; border-radius: 5px; font-size: 14px; color: #000; margin-bottom: 10px; } 
#sortableData li .twd { position: absolute; top: 10px; right: 8px; background: red; width: 20px; height: 20px; border-radius: 50%; text-align: center; color: #fff; font-weight: normal; line-height: 20px; cursor: pointer; cursor: hand}
#sortableData li .twe { position: absolute; top: 10px; right: 35px; background: #71fa4d; width: 20px; height: 20px; border-radius: 50%; text-align: center; color: #000; font-weight: normal; line-height: 20px; cursor: pointer; cursor: hand; font-size: 12px}
#sortableData .sortableDataPlBg { border: 2px dashed #000; height: 40px}
#sortableData .ui-sortable-helper { background: #aaa}
.small-font { font-size: 12px !important}
.v-align { vertical-align: middle}
.playerProfileMatricsEventSwitcher { max-width: 400px !important}
.metTitle { font-size: 14px; font-weight: bold; border-bottom: 1px solid #8a8a89; padding-bottom: 10px; } 
*.px-30 { padding-left: 30px !important; padding-right: 30px !important}
.mb-10 { margin-bottom: 10px}
.mb-20 { margin-bottom: 20px}
.my-10 { margin-top: 10px; margin-bottom: 10px}
h2 .sml { font-size: 18px}
.playerIcon.vsm { width: 25px; height: 25px}
ul.under-menu li { display: block; border-bottom: 1px solid #ccc}
ul.under-menu li:last-child { border-bottom: 0px}
ul.under-menu li a::after { width: 0px; height: 0px}
li.hasSubMenu { position: relative}
ul.under-menu { display: none; position: absolute; background: #fff; padding: 10px; z-index: 10; border-radius: 5px; top: 35px; left: -28px; width: 260px; } 
ul.under-menu li a { padding: 10px 5px; line-height: 14px}
li.hasSubMenu:hover ul { display: block; } 
@media(max-width:1023px) { ul.under-menu { left: 20px; width: 220px}
 ul.under-menu li a, ul.under-menu li a:hover { color: #5c5c5c; font-size: 12px} 
 }
img { object-fit: cover; } 
.lightText { color: #959595}
.tr-box.big h2.big2 { font-size: 22px !important; padding-bottom: 10px}
.uncommitedBanner { color: #71fa4d !important; font-family: 'Bebas Neue'; font-size: 26px; line-height: 26px}
.clipBrdTwitter { font-size: 22px; display: inline-block; margin-left: 10px; cursor: pointer; cursor: hand}
.psBadge { position: absolute; width: 45px; height: 45px; display: block; background: #e9e9e9; color: #000; font-size: 14px; border-radius: 50%; line-height: 45px; font-weight: bold; bottom: 0px}
.psBadge.primary { background: #71fa4d; left: 0px}
.psBadge.other { right: 0px}
.travleTmLogo { position: absolute; left: 275px; top: 10px; } 
.travleTmLogo img { width: 40px; height: 40px; border-radius: 50%}
.newsDetailText { color: #43454c}
.twuTtl { font-weight: bold}
.videoThumb { width: 50px; height: 35px; margin-right: 10px; background-size: cover; background-position: center; background-color: #858585}
#sortableData .video_status_2 { background: #ffe5e5}
.filterPopupContainer input { width: 100%; padding: 5px; } 
#cropper-controll-buttons .badge { cursor: pointer; cursor: hand; margin-top: 10px; margin-bottom: 10px; background: #71fa4d; color: #000; font-size: 16px; padding: 5px}
#cropper-toolbar { text-align: center; } 
#cropperContainer { max-width: 350px !important; margin: 0 auto; position: relative}
.cropper-loader { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; } 
.content_type_6 .twitter-tweet { margin-left: auto; margin-right: auto}
ul.awardDetailList { list-style: none; padding-left: 0px; margin-bottom: 0px}
ul.awardDetailList li { margin-bottom: 20px; font-size: 14px}
ul.awardDetailList li:last-child { margin-bottom: 0px}
ul.awardDetailList .awardEvent { font-weight: bold; color: #000}
ul.awardDetailList .awardGame, ul.awardDetailList .awardDate { font-size: 12px}
ul.awardDetailList .awardDate { color: #dc3545}
@media(min-width:991px){
 .visibleMobile { display: none} 
 }
.mobileHeaderSearch { padding: 0px 20px}
.mobileHeaderSearch .search-box input { background: #1c1c1c}
.mobileHeaderSearch .search-box { float: none; margin-left: auto; margin-right: auto; margin-bottom: 15px; width: 100% !important}
.mobileHeaderSearch #header_search_autocomplete { left: 0px}
.mobileHeaderSearch ul li a { padding: 0px}
.mobileHeaderSearch .sImgBefore { position: relative; padding-left: 40px; display: block; } 
#inline_edit_field_school_id_container, #inline_edit_field_school_container { display: none}
#inline_edit_field_college_committed_id_container, #inline_edit_field_college_committed_container { display: none}
#college_commited_id_field_container, #college_commited_field_container { display: none}
.select2-results__option { font-size: 12px}
.select2-container { width: 100% !important}
.select2-container .select2-selection--single { border-color: #d2d6da !important; border-radius: .25rem !important; height: 40px}
.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: .875rem; color: #495057; padding: .5rem .75rem; line-height: 1.4rem !important; } 
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #495057; } 
.select2-container--default .select2-selection--single .select2-selection__clear { font-size: 20px; right: 10px; top: 3px; } 
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 8px; } 
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent transparent; } 
.videoProcessingText { font-size: 12px; font-weight: normal; color: #dc3545; } 
.col-md-12-5 { width: 20%}
@media (max-width: 1023px){
 .col-md-12-5 { width: 50%} 
 }
#regionEventsTypes .tvva a { vertical-align: top; width: 74px}
.singlePost { position: relative}
.schoolInfo { float: right; z-index: 1; } 
.schoolInfo img { width: 54px}
#inline_edit_field_travel_team_raw_name_container { display: none}
#inline_edit_field_is_yout_team_not_listed { font-weight: bold; margin-bottom: 15px; cursor: pointer; cursor: hand; color: #dc3545}
.handIcon { cursor: pointer; cursor: hand}
.commitment_college_post_logo { width: 50px; display: inline-block; margin-left: 15px; } 
.commited_on { font-size: 16px; font-weight: bold; color: #333; } 
.commited_college_name a { text-decoration: underline; color: #333; } 
ul#podcasts { list-style: none; padding: 0px; } 
ul#podcasts li { margin-bottom: 20px; border-bottom: 2px solid #eee; padding-bottom: 20px}
ul#podcasts li:last-child { border-bottom: 0px; margin-bottom: 0px}
ul#podcasts li .--title { color: #515151; font-size: 22px; text-transform: uppercase; font-family: 'Bebas Neue'; text-decoration: underline}
ul#podcasts li .--title a { color: inherit; } 
#cropperContainer .cropper-modal { opacity: 0.7; } 
#cropperContainer .cropper-view-box.rounded { border-radius: 50% !important}
#side-social-post .tra-user img { width: 35px; height: 35px; margin-top: 16px}
#side-social-post .tra-user { padding-left: 50px}
#side-social-post .tra-user p { font-size: 12px !important}
#side-social-post .schoolInfo img { width: 35px}
#side-social-post .commitment_college_post_logo { width: 40px}
#side-social-post .commited_on { font-size: 14px}
#side-social-post { font-size: 12px}
#side-social-post .commited_college_name { font-size: 12px}
#side-social-post .commentView .liked, #side-social-post .like.liked, #side-social-post .like.liked i, #side-social-post .postActionBtn { text-align: center; font-size: 12px}
#side-social-post .date, #side-social-post .doCommentLikeUnlike, #side-social-post .loadCommentLevel, #side-social-post .commentLikeCount { text-align: center}
.select2-results__option { padding: 6px !important}
.notice-description { border: 1px solid #dc3545; padding: 5px; border-radius: 5px; color: red; margin-bottom: 5px}
.smallImageTd { width: 25px}
.click-disabled { pointer-events: none; } 
.deleteSocialPostComment { position: absolute; right: 5px; top: 5px; font-size: 12px; color: #dc3545; cursor: hand; cursor: pointer; font-weight: 500; display: none}
.commentText:hover .deleteSocialPostComment { display: block}
.singlePost.is_manager .postHeader { background: #71fa4d; color: #000}
.text-normal { font-weight: normal !important}
ul.parsley-errors-list { list-style: inside; padding-left: 0px}
.singlePost .fr-view>p { margin-bottom: 5px}
.frolaEditorForSocial .fr-box.fr-basic .fr-element { padding: 10px}
.commentTextData.fr-view p { font-size: 13px !important; margin-bottom: 0px}
.frolaEditorForSocial .fr-popup p:last-child { display: none !important}
.blocking-layer { display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10}
.nmjn { font-size: 14px; text-transform: none; font-family: 'Open Sans', sans-serif !important; } 
.nmjn a { color: inherit; text-decoration: underline; } 
.lb-filter { min-width: 190px; display: inline-block; font-size: 12px}
.lb-filter input { width: auto !important}
.videoUnaccessBlocker { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; z-index: 1}
.videoUnaccessBlocker a { padding-top: 14px; display: block; width: 100%; height: 100%}
.schoolPlayerCollegeLogo { position: absolute; top: 0px; right: 0px; z-index: 1; } 
.schoolPlayerCollegeLogo img { height: 25px; width: auto; } 
.staff_list ul { margin-left: 0px; padding-left: 0px}
.staff_list li { list-style: none; } 
.staff_list li a { color: #515151}
.hoverLink:hover { text-decoration: underline}
.achievement_detail_logo { max-height: 100px; width: auto; } 
.hidePlayerFromSchoolIcon { color: #dc3545; margin-left: 5px; display: none; font-size: 18px; } 
.hidePlayerFromSchoolContainer:hover .hidePlayerFromSchoolIcon { display: inline-block; } 
.scheduleEditIcon { position: absolute; top: 21px; right: 30px; color: #fff; z-index: 10; } 
.fl_tagline .fl_connected::after { content: "-"; margin: 0px 5px; } 
.fl_tagline .fl_connected:last-child::after { content: ""; margin: 0px; } 
.fl_tagline { display: inline-block; } 
@media(min-width:991px){
 .dpl-0 { padding-left: 0px !important; } 
 .dpr-0 { padding-right: 0px !important; } 
 }
.sortable_handle { position: absolute; z-index: 1000; top: -7px; left: -6px; font-size: 18px; cursor: pointer; cursor: hand; } 
.word-break-all { word-break: break-all; } 
#playerMergeModel .modal-dialog, #selectExistingPlayerModel .modal-dialog { max-width: 700px !important}
.btn.btn-danger.bootstrap-btn { color: #fff !important; background-color: #dc3545 important; border-color: #dc3545 important; } 
.sharePostLink { font-size: 16px; font-weight: bold; background: #5c5c5c; padding: 5px 10px; margin-bottom: 15px; cursor: pointer; cursor: hand; color: #71fa4d; display: inline-block; } 
.sharePostLink span { display: inline-block; margin-left: 5px; } 
.lds-fivetool { display: inline-block; position: relative; width: 80px; height: 80px; } 
.lds-fivetool div { display: inline-block; position: absolute; left: 8px; width: 16px; background: #71fa4d; animation: lds-fivetool 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; } 
.lds-fivetool div:nth-child(1) { left: 8px; animation-delay: -0.24s; } 
.lds-fivetool div:nth-child(2) { left: 32px; animation-delay: -0.12s; } 
.lds-fivetool div:nth-child(3) { left: 56px; animation-delay: 0; } 
@keyframes lds-fivetool { 
 0% { top: 8px; height: 64px; } 
 50%, 100% { top: 24px; height: 32px; } 
 } 
 .videoLoadMoreContainer{ text-align: center;}
 .newsLoadMoreContainer{ text-align: center;}