:root {
    --main-event-black: #000;
    --main-event-white: #ffffff;
    --main-event-light-gray: #efefef;
    --main-event-gold: #79632d; /* header right side */
    --main-event-red: #e01e00;
    --main-event-dark-gold: #503d0b; /* header left side */
    --main-event-dark-gray: #1d1d1d;
    --main-event-gray: #191919;
    --main-event-dark-red: #e00000;
    --main-event-darker-red: #7a0000;
    --main-event-lighter-gray: #7f7d78;
    --main-event-medium-gold: #5e4c1e;
    --main-event-medium-dark-gold: #342809;
    --main-event-very-light-gray: #e6e6e6;
    --main-event-light-brown: #dadada;
    
    --main-event-purple: #633494;
    --main-event-pink: #F83D94;
    --main-event-primary: #2AD9B3;
}
.main-event-info-text{
    color: var(--main-event-white);
}
.main-event-bg{
    width: auto;
    max-width: 100%;
}
.main-event-bg a{
    color:var(--main-event-white);
}
.main-event-bg.main-event .league-info .forms-container{
    width: 70%;
    margin: 0;
    padding: 0;
}
.main-event-bg.main-event .league-info .forms-container-bg{
    display: flex;
}
.main-event-bg.main-event .league-info .forms-container-before,
.main-event-bg.main-event .league-info .forms-container-after{
    width: 15%;
    background-repeat: no-repeat;
    background-size: 150%;
}
/* .main-event-bg.main-event .league-info .forms-container-before{
    background-image: url("/public/images/mainEvent/main-event-bg.png");
}
.main-event-bg.main-event .league-info .forms-container-after{
    background-image: url("/public/images/mainEvent/main-event-bg.png");
} */
.main-event-bg .virtual-join .form-group label,
.main-event-bg .league-info .forms-container p{
    color: var(--main-event-purple);
}
.main-event-bg .league-info .forms-container,
.main-event-bg .league-info .nav-tabs-content,
.main-event-bg .league-info .nav-tabs-content li,
.main-event-bg .league-info .nav-tabs-content li a,
.main-event-bg .leaderboard table:not(.duestable) tr:nth-child(even), 
.main-event-bg .leaderboard table:not(.duestable) tr:nth-child(even) > td{
    background-color: var(--main-event-light-gray);
}
.main-event-bg .standingsDivHeader,
.main-event-bg #splitBox{
    background-color: var(--main-event-purple);
    color: var(--main-event-white);
}
.main-event-bg.main-event .standingsDivHeader,
.main-event-bg.main-event #splitBox{
    background-color: var(--main-event-purple);
    color: var(--main-event-white);
}
.main-event-bg.no-touch.main-event .oldHighLight tr:hover td,
.main-event-bg.no-touch.main-event .oldHighLight tr:hover td{
    background-color: var(--main-event-pink) !important;
}
.main-event-bg.no-touch .oldHighLight tr:hover td,
.main-event-bg.no-touch .oldHighLight tr:hover td{
    background-color: var(--main-event-pink) !important;
}
.main-event-bg.main-event tr.hoverItem.draggingOver, 
.main-event-bg.main-event tr.hoverItem.selected_row, 
.main-event-bg.main-event tr.hoverItem.warning:hover, 
.main-event-bg.main-event tr.hoverItem.warning.selected_row, 
.main-event-bg.main-event tr.hoverItem:hover,
.main-event-bg.main-event .splitBoxManagePage,
.main-event-bg.main-event #splitBoxes:hover,
.main-event-bg.main-event tr.hoverItem:hover .pos-col .pos-container-bg, 
.main-event-bg.main-event tr.hoverItem.selected_row .pos-col .pos-container-bg{
    background-color: var(--main-event-pink);
}
.main-event-bg.main-event tr.hoverItem:hover .pos-col .pos-container-bg, 
.main-event-bg.main-event  tr.hoverItem.selected_row .pos-col .pos-container-bg {
    border-top: var(--main-event-pink) solid 4px;
    border-right: var(--main-event-pink) solid 6px;
    border-bottom: var(--main-event-pink) solid 0px;
    border-left: var(--main-event-pink) solid 0px;
}
.main-event-bg tr.hoverItem.draggingOver, 
.main-event-bg tr.hoverItem.selected_row, 
.main-event-bg tr.hoverItem.warning:hover, 
.main-event-bg tr.hoverItem.warning.selected_row, 
.main-event-bg tr.hoverItem:hover,
.main-event-bg .splitBoxManagePage,
.main-event-bg #splitBoxes:hover,
.main-event-bg tr.hoverItem:hover .pos-col .pos-container-bg, 
.main-event-bg tr.hoverItem.selected_row .pos-col .pos-container-bg{
    background-color: var(--main-event-pink);
}
.main-event-bg tr.hoverItem:hover .pos-col .pos-container-bg, 
.main-event-bg  tr.hoverItem.selected_row .pos-col .pos-container-bg {
    border-top: var(--main-event-pink) solid 4px;
    border-right: var(--main-event-pink) solid 6px;
    border-bottom: var(--main-event-pink) solid 0px;
    border-left: var(--main-event-pink) solid 0px;
}
.main-event-bg.no-touch .oldHighLight tr.blue-bowler-table:hover td, 
.main-event-bg .sub-table.blue-bowler-table:hover, 
.main-event-bg .sub-table.blue-bowler-table:hover td, 
.main-event-bg .sub-table.blue-bowler-table tr:hover td, 
.main-event-bg .sub-table.blue-bowler-table table > thead > tr:hover, 
.main-event-bg .sub-table.blue-bowler-table table > thead > tr:hover > th, 
.main-event-bg .sub-table.blue-bowler-table table > tbody > tr:hover, 
.main-event-bg .sub-table.blue-bowler-table table > tbody > tr:hover td, 
.main-event-bg .sub-table.blue-bowler-table table > tbody > tr:hover td a:not(.btn), 
.main-event-bg .sub-table.blue-bowler-table,
.main-event-bg .sub-table.blue-bowler-table td, 
.main-event-bg .sub-table.blue-bowler-table table, .sub-table.blue-bowler-table table > thead > tr, 
.main-event-bg .sub-table.blue-bowler-table table > thead > tr > th, 
.main-event-bg .sub-table.blue-bowler-table table > tbody > tr, 
.main-event-bg .sub-table.blue-bowler-table table > tbody > tr td, 
.main-event-bg .sub-table.blue-bowler-table table > tbody > tr td a:not(.btn){
    background-color: var(--main-event-purple) !important;
}
.main-event-bg.no-touch.main-event .oldHighLight tr.blue-bowler-table:hover td, 
.main-event-bg.main-event .sub-table.blue-bowler-table:hover, 
.main-event-bg.main-event .sub-table.blue-bowler-table:hover td, 
.main-event-bg.main-event .sub-table.blue-bowler-table tr:hover td, 
.main-event-bg.main-event .sub-table.blue-bowler-table table > thead > tr:hover, 
.main-event-bg.main-event .sub-table.blue-bowler-table table > thead > tr:hover > th, 
.main-event-bg.main-event .sub-table.blue-bowler-table table > tbody > tr:hover, 
.main-event-bg.main-event .sub-table.blue-bowler-table table > tbody > tr:hover td, 
.main-event-bg.main-event .sub-table.blue-bowler-table table > tbody > tr:hover td a:not(.btn), 
.main-event-bg.main-event .sub-table.blue-bowler-table,
.main-event-bg.main-event .sub-table.blue-bowler-table td, 
.main-event-bg.main-event .sub-table.blue-bowler-table table, .sub-table.blue-bowler-table table > thead > tr, 
.main-event-bg.main-event .sub-table.blue-bowler-table table > thead > tr > th, 
.main-event-bg.main-event .sub-table.blue-bowler-table table > tbody > tr, 
.main-event-bg.main-event .sub-table.blue-bowler-table table > tbody > tr td, 
.main-event-bg.main-event .sub-table.blue-bowler-table table > tbody > tr td a:not(.btn){
    background-color: var(--main-event-purple) !important;
}
.main-event-bg tr.hoverItem .pos-col .pos-container.pos-container-bg{
    background-color: var(--main-event-purple) !important;
}
.main-event-bg .leaderboard.generic-report table thead.table-header > tr, 
.main-event-bg .leaderboard table th, 
.main-event-bg .leaderboard .table>thead>tr>th, 
.main-event-bg .leaderboard table.dataTable thead .sorting, 
.main-event-bg .leaderboard table.dataTable thead .sorting_asc, 
.main-event-bg .leaderboard table.dataTable thead .sorting_desc{
    background-color: var(--main-event-purple);
    border-color:var(--main-event-purple);
    color: var(--main-event-white);
}
.main-event-bg.main-event .leaderboard.generic-report table thead.table-header > tr, 
.main-event-bg.main-event .leaderboard table th, 
.main-event-bg.main-event .leaderboard .table>thead>tr>th, 
.main-event-bg.main-event .leaderboard table.dataTable thead .sorting, 
.main-event-bg.main-event .leaderboard table.dataTable thead .sorting_asc, 
.main-event-bg.main-event .leaderboard table.dataTable thead .sorting_desc{
    background-color: var(--main-event-pink);
    border-color:var(--main-event-pink);
    color: var(--main-event-white);
}
.main-event-bg .dropdown-toggle-selector ul.dropdown-menu{
    background-color: var(--main-event-purple);
}
.main-event-bg .dropdown-toggle-selector ul.dropdown-menu li > a:hover{
    color: var(--main-event-purple);
    background-color: var(--main-event-white);
}
.main-event-bg.no-touch .leaderboard .oldHighLight tr:hover td,
.main-event-bg.no-touch .leaderboard .oldHighLight tr:hover td{
    background-color: var(--main-event-purple) !important;
}
.main-event-bg.no-touch.main-event .leaderboard .oldHighLight tr:hover td,
.main-event-bg.no-touch.main-event .leaderboard .oldHighLight tr:hover td{
    background-color: var(--main-event-pink) !important;
}
.gradient-bg.main-event-bg{
    background-image: url("/public/images/mainEvent/main-event-bg.png") !important;
  background-repeat: no-repeat;
	background-position: center top;
  background-size: cover;
  min-height: 100%;

}
.gradient-bg.main-event-bg.main-event{
    background-image: none;
}
.gradient-bg.main-event-bg.main-event-gradient{
    background: var(--main-event-primary) ; /* Old browsers */
	background: -moz-radial-gradient( 70% 100%, ellipse cover, var(--main-event-primary) 25%, var(--main-event-primary) 80%); /* FF3.6-15 */
	background: -webkit-radial-gradient( 70% 100%, ellipse cover, var(--main-event-primary) 25%,var(--main-event-primary) 80%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at 70% 100%, var(--main-event-primary) 25%,var(--main-event-primary) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--main-event-primary)', endColorstr='var(--main-event-primary)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient-bg.main-event-bg.main-event-gradient .login-top-header{
	background-image: url("/public/images/login/login-main-event-bg.jpg");
}
.main-event-header{
    display: inline-block;
    background-image: url("/public/images/mainEvent/main-event-logo.png") !important;
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
    width: 100%;
    height: 200px;
}
.main-event-bg .league-info .forms-container .league-message:hover{
    background-color: var(--main-event-purple);
    color:var(--main-event-white);
}
.main-event-bg .league-info .forms-container .league-message:hover p{
    color:var(--main-event-white);
}
.main-event-bg.main-event .modal-header,
.main-event-bg.main-event .modal-footer,
.main-event-bg.main-event .btn,
.main-event-bg.main-event .label{
    border-radius: 0px !important;
}
.main-event-bg .league-info .forms-container .btn.btn-success i.fa{
    color:var(--main-event-white);
}
.main-event-bg .league-info .forms-container .btn.btn-success{
    background-color: var(--main-event-purple);
    border-color: var(--main-event-purple);
    color:var(--main-event-white);
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
}
.main-event-bg .league-info.league-public .forms-container .dropdown-toggle-selector .btn:hover i.fa,
.main-event-bg .league-info .forms-container i.fa,
.main-event-bg .league-info .forms-container i.fas{
    color:var(--main-event-purple);
}
.main-event-bg .btn-lp2 {
    border-radius: 4px;
    color: var(--main-event-purple);
    background-color: transparent;
    border-color: var(--main-event-purple);
}
.main-event-bg .btn-primary:hover, 
.main-event-bg .btn-primary:focus, 
.main-event-bg .btn-primary:active, 
.main-event-bg .btn-primary.active, 
.main-event-bg .open .dropdown-toggle.btn-primary{
    background-color: var(--main-event-white);
    border-color: var(--main-event-purple);
    color:var(--main-event-purple);
}
.main-event-bg .btn-primary {
    background-color: var(--main-event-white);
    border: 2px solid var(--main-event-pink);
    color: var(--main-event-black);
}
.main-event-bg .btn-primary.btn-division{
    border: 1px solid var(--main-event-pink);
	background-color: var(--main-event-pink);
}
.main-event-bg .btn-primary.btn-division:hover,
.main-event-bg .btn-primary.btn-division:focus{
    border: 1px solid var(--main-event-pink);
	background-color: var(--main-event-white);
	color: var(--main-event-pink) !important;
}
.main-event-bg.no-touch .btn-orange-selected:hover, 
.main-event-bg .btn-orange-selected:focus, 
.main-event-bg .btn-orange-selected,
.main-event-bg .btn-orange:focus,
.main-event-bg .btn-orange{
	border: 1px solid var(--main-event-pink);
	background-color: var(--main-event-pink);
	color: var(--main-event-white) !important;
	outline: 0;
}
.main-event-bg.no-touch .btn-orange-unselected:hover, 
.main-event-bg .btn-orange-unselected:focus, 
.main-event-bg .btn-orange-unselected{
    border: 1px solid var(--main-event-pink);
	background-color: var(--main-event-white);
	color: var(--main-event-pink) !important;
}
.main-event-bg .label-danger:focus,
.main-event-bg .label-danger{
    background-color: var(--main-event-pink);
}
.main-event-bg .label-danger:hover,
.main-event-bg .btn-orange:hover{
	border: 1px solid var(--main-event-purple);
	color: var(--main-event-white) !important;
	background-color: var(--main-event-purple);
	outline: 0;
}
.main-event-bg .btn-lp2:hover { background:var(--main-event-purple) !important; color:var(--main-event-white);}
.main-event-bg .btn-info:hover, 
.main-event-bg .btn-info:focus, 
.main-event-bg .btn-info:active, 
.main-event-bg .btn-info.active, 
.main-event-bg .open .dropdown-toggle.btn-info{
    background-color: var(--main-event-purple);
    border-color: var(--main-event-primary);
}
.main-event-bg .search-league-container .league-result-filters-type button.btn-filter{
    border: 1px solid var(--main-event-medium-gold);
}
.main-event-bg .search-league-container .league-result-filters-type button.btn-filter:hover{
	background-color: var(--main-event-pink);
}
button.btn-filter-pba{
    border-color: var(--main-event-dark-red) !important;
}
.league-result-filters-type-pba {
    margin-left: 1px;
}
.search-league-container .league-result-filters-type button.btn-filter-pba.selected-filter{
    background-color: var(--main-event-dark-red);
}
.main-event-filters {
    max-width: 85% !important;
    /* justify-self: anchor-center; */
    background-color: var(--main-event-purple);
    /* right: 106px; */
    left: 220px;
    margin-top: -65px;
    min-width: unset;
}
.main-event-region-dropdown .open>.dropdown-menu {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.main-event-filter-btn {
    display: inline-block;
}
@media (max-width: 991px) {
    .main-event-filters {
        min-width: 560px !important;
    }
    .btn-filter-pba {
        min-width: 100px;
    }
}
@media (max-width: 831px) {
    .main-event-filters {
        min-width: 460px !important;
    }
    .btn-filter-pba {
        min-width: 100px;
    }
}
@media (max-width: 679px) {
    .main-event-filters {
        min-width: 340px !important;
    }
    .btn-filter-pba {
        min-width: 100px;
    }
}
@media (max-width:567px){
    .main-event-filters {
        left: unset;
        margin-top: unset;
        min-width: 300px !important;
    }
    button.btn-filter-pba {
        border-color: var(--main-event-dark-red) !important;
        width: 45% !important;
        max-width: 165px;
    }
}
.main-event-bg .search-league-container .league-result-filters .filter-body .filter-section .filter-content .ngrs-range-slider .ngrs-join{
	background-color: var(--main-event-pink);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, var(--main-event-medium-gold)), color-stop(100%, var(--main-event-pink)));
	background-image: -moz-linear-gradient(var(--main-event-medium-gold), var(--main-event-pink));
	background-image: -webkit-linear-gradient(var(--main-event-medium-gold), var(--main-event-pink));
	background-image: linear-gradient(var(--main-event-medium-gold), var(--main-event-pink));
}
.main-event-bg .search-league-container .league-result-row .result-even{
	background-color: var(--main-event-very-light-gray);
}
.main-event-bg .search-league-container .league-results-header{
	background-color: var(--main-event-dark-gray);
	color: var(--main-event-light-gray);
	border-bottom: 1px solid var(--main-event-primary);
	font-size: 12px;
	text-align: center;
	border-radius: 5px 5px 0 0;
}
.main-event-bg .search-league-container .league-results-header.list-result-header{
	border-left: 1px solid var(--main-event-primary);
}
.main-event-bg .search-league-container .league-results-header .header-cell{
	border-right: 1px solid var(--main-event-primary);
	display: block;
	height: 40px;
}
.main-event-bg .search-league-container .league-result-row .league-result-left-side .league-name{
	color: var(--main-event-dark-gray);
	margin-left: 10px;
	font-size: 14px;
}
.main-event-bg .search-league-container .league-result-row .league-result-left-side .league-info-section-right .scoring-method i{
	color: var(--main-event-pink);
	font-size: 32px;
}
.main-event-bg .footer-public .footer-container {
    height: 400px;
    width: 100%;
    overflow: hidden;
    background-color: var(--main-event-dark-gray);
}
.main-event-bg .footer-public .footer-container:before{
    position: absolute;
    left: 0;
    content: '';
    background-color: var(--main-event-dark-gray);
    width: 60%;
    border-top: 400px solid var(--main-event-dark-gray);
    border-right: 320px solid var(--main-event-dark-gray);
}
.main-event-bg .search-league-container .league-card-odd{
    background: var(--main-event-medium-gold);
    background: -moz-linear-gradient(top, var(--main-event-medium-gold) 0%, var(--main-event-medium-dark-gold) 100%, var(--main-event-purple) 100%);
    background: -webkit-linear-gradient(top, var(--main-event-medium-gold) 0%,var(--main-event-medium-dark-gold) 100%,var(--main-event-purple) 100%);
    background: linear-gradient(to bottom, var(--main-event-medium-gold) 0%,var(--main-event-medium-dark-gold) 100%,var(--main-event-purple) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--main-event-medium-gold)', endColorstr='var(--main-event-purple)',GradientType=0 );
}
.main-event-bg .league-info .nav-tabs-content li.active a.btn:focus:not(:hover){
    color: var(--main-event-purple);
}
.main-event-bg .league-info .nav-tabs-content li a.btn:hover, 
.main-event-bg .league-info .nav-tabs-content li a.btn:focus{
    color: var(--main-event-white);
}
.main-event-bg .search-league-container .league-result-row .league-result-left-side .league-location-logo{
	text-align: center;
	color: var(--main-event-pink);
}
.main-event-bg .login-pba.login-page .wizard-container .input-container .form-control,
.main-event-bg .login-pba.login-page .wizard-container .input-container,
.main-event-bg .search-league-container .search-leagues,
.main-event-bg .search-league-container .search-leagues:focus{
    background-color: var(--main-event-primary);
}
.main-event-bg .league-info .league-info-header {
    height: 150px;
    width: 100%;
    overflow: hidden;
    background-color: var(--main-event-purple);
}
.main-event-bg .league-info .league-info-header .logo-container {
    margin-right: 8%;
}
.main-event-bg.main-event .league-info .league-info-header {
    background-color: var(--main-event-purple);
    border-top: 1px solid var(--main-event-pink);
    border-bottom: 1px solid var(--main-event-pink);
    height: 100%;
}
.main-event-bg .league-info .league-info-header:before{
    position: absolute;
    left: 0;
    content: '';
    background-color: var(--main-event-purple);
    width: 35%;
    border-top: 150px solid var(--main-event-pink);
    border-right: 100px solid var(--main-event-purple);
}
.main-event-bg.main-event .league-info .league-info-header:before{
    background-color: var(--main-event-purple);
    border-top: 150px solid var(--main-event-pink);
    border-right: 100px solid var(--main-event-purple);

}
.main-event-bg .league-info .league-info-specs{
    display: table;
	table-layout: fixed;
	width: 100%;
	vertical-align: middle;
    background-color: var(--main-event-dark-gray);
}
.main-event-bg .league-info .league-info-specs span.spec-info{
	color: var(--main-event-lighter-gray);
}
.main-event-bg.main-event .league-info .league-info-specs .spec-back{
	text-transform: uppercase;
}
.main-event-bg .league-info .nav-tabs-content li.active a{
    color: var(--main-event-purple);
	border-bottom: 2px solid var(--main-event-purple);
}
.main-event-bg .league-info .nav-tabs-content li.active a:hover{
    color: var(--main-event-white);
}
.main-event-bg .wizButton.layoutSelected, 
.main-event-bg .genderButton.layoutSelected, 
.main-event-bg .wizButton.layoutSelected h1, 
.main-event-bg .genderButton.layoutSelected h1, 
.main-event-bg .wizButton:hover h1, 
.main-event-bg .genderButton:hover h1{
    background-color: var(--main-event-purple);
    color:var(--main-event-white);
}
.main-event-bg .ui-datepicker-inline{
    font-size: 14px;
}
.main-event-bg .ui-widget-header{
    background: none;
}
.main-event-bg .ui-state-default, 
.main-event-bg .ui-widget-content .ui-state-default, 
.main-event-bg .ui-widget-header .ui-state-default{
    border-radius: 3px;
    background: none;
    text-align: center;
}
.main-event-bg .ui-state-disabled .ui-state-default{
    background-color: var(--main-event-light-brown);
}
.main-event-bg .ui-state-default{
    background-color: var(--main-event-white);
}
.main-event-bg .ui-state-default.ui-state-active{
    color: var(--main-event-white);
    background-color: var(--main-event-purple);
    border-color: var(--main-event-primary);
}
.main-event-bg .recent-scores .score.scoreSelected > div, 
.main-event-bg .recent-scores .score:hover > div{
    background-color: var(--main-event-pink);
}
.main-event-bg.main-event .recent-scores .score.scoreSelected > div, 
.main-event-bg.main-event .recent-scores .score:hover > div{
    background-color: var(--main-event-pink);
}
.main-event-bg span.score-cards .recent-scores .score.scoreSelected > div, 
.main-event-bg span.score-cards .recent-scores .score:hover > div{
    background-color: var(--main-event-purple);
}
.main-event-bg.main-event span.score-cards .recent-scores .score.scoreSelected > div, 
.main-event-bg.main-event span.score-cards .recent-scores .score:hover > div{
    background-color: var(--main-event-purple);
}
.main-event-bg .label-info{
    background-color: var(--main-event-purple);
}
.main-event-bg .label.label-info.label-score{
    background-color: transparent;
    border: 1px solid var(--main-event-purple);
}
.main-event-bg.main-event .label.label-info.label-score {
    background-color: transparent;
    border: 1px solid var(--main-event-pink);
}
.main-event-bg .modal-header.confirm-dialog, 
.main-event-bg .modal-header,
.main-event-bg .modal.blue-modal .modal-header, 
.main-event-bg .modal-header.score-modal-header{
    background-color: var(--main-event-purple);
}
.main-event-bg .modal-footer{
    background-color: var(--main-event-purple);  
}
.main-event-bg.main-event .modal-footer{
    background-color: var(--main-event-dark-red);  
}
.main-event-bg .blue-modal .modal-footer{
    background-color: rgba(0, 0, 0, 0.1);
}
.main-event-bg .goTop i{
    color: var(--main-event-white) !important;
}
.main-event-bg .goTop.goTopAlways{
    background: var(--main-event-purple);
}
@media screen and (max-width: 991px){   
    .main-event-bg .search-league-container .league-result-filters-type button.btn-filter.selected-filter:hover{
		background-color: var(--main-event-pink);
    }
}
@media screen and (max-width: 767px) {
    .main-event-bg.main-event .league-info .forms-container-before,
    .main-event-bg.main-event .league-info .forms-container-after{
        width: 0%;
        display: none;
    }
    .main-event-bg.main-event .league-info .forms-container{
        width: 100%;
    }
    .main-event-header{
        height: 140px;
    }    
    .main-event-bg .league-info .league-info-header:before{
        border-top: 110px solid var(--main-event-pink) !important;
	    border-right: 70px solid var(--main-event-purple) !important;
    }
    .main-event-bg.main-event .league-info .league-info-header:before {
        border-top: 108px solid var(--main-event-pink) !important;
	    border-right: 70px solid var(--main-event-purple) !important;
    }
    .main-event-bg .col-leagues-search{
        height: 100%;;
    }
    .main-event-bg .main-event-header{
        display: block;
    }
    .main-event-bg .col-leagues-search div.searchbox{
		display: flex;
        float: none;
        max-width: 100%;		
		margin-top: 5px;
		height: 38px;
		padding: 0;
	}
}
@media screen and (max-width: 400px) {
    .main-event-header{
        height: 100px;
    }
}