@import url("https://use.typekit.net/viv8dzh.css");
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


.warning-like.message-like .ui.grid {
display: block;
width:100%;

}



.message-like > .ui.grid > .column:not(.row){
width:100%;
}



#butMakePayment {
    color: #ffffff !important;
        border-radius: 100px !important;
        padding: 1.5vh 2vh !important;
        background-color: #F78d1e !important;
}

#fixtures-and-bookings-link span {
    display: none;
}

#menu-go-to-link {
    display: none;
}

#my-team-link span {
    display: none;
}

#my-teams-link span {
    display: none;
}

#nav-icon span {
    background-color: black;
}

#SMSBillingPanel table {
    color: #00727a;
}

#SMSBillingPanel table td label {
    color: #00727a !important;
}


.main_content_in {
  width: 90%;
  margin: auto;

}


.main_content_in:has(#Fixtures) {
padding-bottom: 5vh !important;
}

.main_content:has(#next-team-fixture-title) {
  background-color: #00727a;

}



.acc {
    background-size: 4vh 4vh;
    background-repeat: no-repeat;
    width:5vh;
    background-image: url("https://cdn.prod.website-files.com/66698208a668e1cc2abf16e4/66699bf188c945e4fef70e7b_login.png");
    height:5vh;
        background-position: center;
}

.acc img {
    display: none;
}

.ActionButton {
    padding: 1.5vh 4vh !important;
    width: auto !important;
}

.active .question_tag {
    background: url(https://cdn.prod.website-files.com/66698208a668e1cc2abf16e4/67dd90c999057d52130acc08_6790f36994c8af4770cbe2bd_chev.png) no-repeat !important;
        background-size: 20px !important;
}

.availability-details-section p {
    color: #000000 !important;
}

.availability-icon-section, .availability-confirmed-icon-section {
    background: transparent;
}

.Available.availability-icon, .fa.availability-icon {
    color: #000000 !important;
}

.Available.state-updated .scheduled-item_btm, .Available.state-confirm .scheduled-item_btm {
    background-color: #ffffff;
}

.book, .bookings_icon {
    background: url(/UserControlPanelContent/images/book_hov.png) no-repeat center center;
}

.booking span > img {
    filter: brightness(0) saturate(100%) invert(74%) sepia(80%) saturate(1766%) hue-rotate(341deg) brightness(101%) contrast(101%);
}

.btn.btn_default.gray_btn {
     font-family: "Manrope", sans-serif;
    background-color: transparent;
}

.btn:hover, .btn.hover {
    box-shadow: none !important;
}

.calendar-list__link,
.calendar__button {
    text-transform:capitalize !important;
}

.calendar_icon {
    background: url(/UserControlPanelContent/images/calendar_hov.png) no-repeat center center;
}

.color_pale_lt{
background: #ffffff !important;
}

.cal_bullet{
background: #00727a;
}

#calendar-next:hover {
color: inherit !important;
}

#calendar-previous:hover {
color: inherit !important;
}

.color_pale_lt h1, .color_pale_lt h2, .color_pale_lt h3, .color_pale_lt h4, .color_pale_lt h5, .color_pale_lt h6 {
    color: #00727a !important;
}

.color_pale_lt p {
    color: #00727a;
}

.dashboard_icon, .calendar_icon, .teams_icon, .statements_icon {
    display:none !important;
}

.dots ul {
    background-color: transparent;
}

.dots ul li.dt_big {
    color: #00727a;
}

.eim_plus {
    background: none;
}

.eim {
    background: transparent !important;
}

.fixture-time.muted {
    font-family: "Manrope", sans-serif;
    color: #000000 !important;
}

.ForgottenPasswordLink {
    order: 10; 
        place-self: center;
    color: #000000 !important;
    margin-top:2vh;
}

.ui.top.attached.header{
background-color: #fff; 
margin-bottom: 0;
border: solid black 1px;
border-radius: 10px 10px 0 0;
}

.ui.card>.extra {
    border-top: none !important
}

.ui.card{
-webkit-box-shadow: none !important;
}

.ui.attached.segment {
background-color: #fff; 
margin-top: 0;
border: none;
border-radius: 0 0 10px 10px;
}


.header_in {
    margin: 0;
        box-shadow: none !important;
        position: relative;
    padding: 0;
        font-size: 0px;
}

.header_in > a {
        opacity: 1;
        display: inline-flex;
       border: #ffffff 3px solid;   
      transition: background-color 0.3s ease; 
        padding: 1.5vh 3vh;
        border-radius: 100px;
    margin: 2vh;
    box-shadow: none !important;
        background-color: transparent !important;
     font-family: "anona", sans-serif; 
        color: #ffffff;
        font-weight: bold;
font-size:2vh;
}

.header_in > a:hover {
    color: #ffffff !important;
        background-color: #F78d1e !important;
}

.lineitem-table span {
    color: #00727a !important;
}

.lineitem-table td {
    color: #000 !important;
}

.lineitem-table td label {
    color: #000 !important;
}

.list ul li.active {
    color: #00727a;
}

.hamburger .bar{
background-color:black !important;}

.list ul li.active span {
    color: #00727a;
}


.logo {
padding: 1vh 0 1vh 2vh !important;
width: 20vh !important;}


#league-list .header{
font-family: anona, sans-serif !important;
font-size: 3vh;
}


#league-list .content{
background-color: #fff; 
border: none;
border-bottom: 3px solid #fff;
padding: 3vh 3vh 0 3vh;
border-radius: 10px 10px 0 0 !important;
}

#league-list .multiline{
background-color: #fff; 
border: none !important;
padding: 0 3vh 3vh 3vh !important;
border-radius: 0 !important;
}

#league-list .extra{
background-color: #ffffff; 
border: none !important;
border-radius: 0 0 10px 10px !important;
}


.ui.card .meta, .ui.cards>.card .meta {
    font-size: 2vh;
    color: #000 !important;
    margin: 2vh 0;
   font-family: "Manrope", sans-serif; 
line-height:150%;
}

#league-list .multiline {
 font-size: 2vh;
    color: #000 !important;
   font-family: "Manrope", sans-serif; 
line-height:150%;
}

.ui.card .venues{    font-size: 2.2vh;
    color: #000 !important;
    margin: 2vh 0;
   font-family: "Manrope", sans-serif; 
line-height:150%;
}

.main_content {
    background-color: #F78d1e;
        margin:0px;
        padding:31px 0;
}

.main_content_in {
    background-color: #fff;
    border-radius: 15px;
}

.main_content_in > .bookings_bts {
        text-align: center;
    display: block;
        margin: 0;
        padding: 0;
}

.main_content_in > .bookings_bts a {
        background-color: #F78d1e;
        text-transform: none;
        border-radius: 100px;
      transition: background-color 0.3s ease;
        padding: 1.5vh 2vh;
    border:3px solid #F78d1e;
    color: #ffffff;
font-size:2vh;
}

.main_content_in > .bookings_bts a span {
    color:#ffffff;
}

.main_content_in > .bookings_bts a:hover {
    color:#F78d1e;
        background-color: #ffffff;
}

.main_content_in > .bookings_bts a:hover span {
    color:#F78d1e;
}

.main_content_in p {
    color: #000000;
     font-family: "Manrope", sans-serif;
}

.main_content_in > h4 {
    color: #000;
}

.logged-in-player-details span {
    color:#F78d1e !important;
}

.login-main {
    background-color: #00727a;
    align-content:center;
    min-height:80vh !important;
}

.login-main-in {
    background-color: #00727a;
}

.login-wrapper {
    min-height: -webkit-fill-available;
    background-color: #00727a;
}


.menu__button,
.menu__link,
.profile-menu__link {
    text-transform:capitalize !important;
}

.modal label {
    color:  #00727a !important;
}

.muted {
     font-family: "Manrope", sans-serif;
    color: #000000 !important;
}

.next-fixture__text,
.next-booking__text,
.next-individual-fixture__title,
.payment-button,
.next-team-fixture__title,
.next-booking__title,
.fixtures-and-bookings__link,
.fixture-availability__link,
.ringers__link,
.add-player__link,
.book-a-pitch__link,
.my-teams__title,
.my-team__link,
.my-teams__link 
li.Ringers-menu-item {display: none;}{
    text-transform: capitalize !important;
}

.next_blk {
    margin: 0;
        border-bottom: none;
        padding: 0px 0px 26px 0px !important;
}

.next_lft h5 {
        font-weight: 900;
    letter-spacing: normal;
    font-family: anona, sans-serif !important;
    font-size:3vh;
        text-transform: lowercase;
    color: #000;
}

.next_lft h5::first-letter {
    text-transform: uppercase;
}

.outside-of-field-label {
    color: #F78d1e !important;
}

.profile {
    border:3px #fff solid;
    background-color: #00727a;
    min-width: 35vh;
    border-radius: 0 !important;
}

.profile-menu__link {
                font-weight: 900 !important;
    font-size:2vh !important;
    color: #ffffff !important;font-family: anona, sans-serif;
}


.profile:after {
    content: none !important;
}

.question_tag {
    background: url(https://cdn.prod.website-files.com/66698208a668e1cc2abf16e4/6790f36994c8af4770cbe2bd_chev.png) no-repeat !important;
        background-size: 20px !important;
}

.scheduled-item-header {
    font-family: anona, sans-serif;
                font-weight: 900;
}

.scheduled-item_mdl {
    background: #ffffff;
}

.scheduled-item_mdl_top {
    #000;
}

.scheduled-item_mdl_top ul li span {
    color: #00727a;
}

.scheduled-item_top {
    background-color: #00727a !important;
    background:#00727a !important;
}

.scheduled-item_top small {
    font-family: anona, sans-serif;
                font-weight: 900;
}

.search, .ringers_icon {
    background: url(/UserControlPanelContent/images/search_hov.png) no-repeat center center;
}

.sport__title {
    text-transform:capitalize !important;
}

.standing {
        border-top: none;
        padding: 9px 0 10px 0;
    margin: 3vh 0 0 0;
}

.standing ul li a {
    font-size:2vh !important;
        border-radius: 100px;
    border: 3px solid #F78d1e;
    background-color: #F78d1e !important;
    padding: 1.5vh 2vh;
color: #ffffff ;
}

.standing ul li a:hover {
    padding: 1.5vh 2vh;
        border-radius: 100px;
    color: #F78d1e;
    background-color: transparent !important;
}

.StatementButtons {
    text-align: right !important;
    margin-top:5vh;
}

.statements, .statements_icon {
    background: url(/UserControlPanelContent/images/statements_hov.png) no-repeat center center;
}

.StatementTable td {
    font-family: "Manrope", sans-serif !important;
}

.summary.filter span {
    color: #00727a;
}

.team-block.override{
        background-color: #F78d1e !important;
}

.team-block-cnt {
        padding: 3vh;
        background-color: #ffffff;
        color: black;
    margin: 10px 0;
        border-radius: 15px;
        border: none;
}

.team-block-in {
    padding-top:5vh;
padding-bottom:5vh;
    background-color:transparent;
}

.team-block-in > p a {
        background-color: transparent;
        text-transform: none;
        border-radius: 100px;
        border: 3px solid #ffffff;
        padding: 1.5vh 2vh;
        transition: background-color 0.3s ease;
    display: inline-block;
    font-size: 2vh !important;
        color: #ffffff;
}

.team-block-in > p a:hover {
           color: #F78d1e;
        background-color: #ffffff;
}

.team-block-in h1, .team-block-in h2, .team-block-in h3, .team-block-in h4, .team-block-in h5 {
    color: #000000!important;
}

.team-block-in h6 {
        color: #000;
        font-weight: 900;
    font-family: anona, sans-serif !important;
        font-size: 3vh;
        text-transform: lowercase;
        letter-spacing: normal;
}

.team-block-in p {
    color: #ffffff;
}

.team-block-up {
    padding: 33px 25px 28px 28px;
        border-bottom: none;
}

.team-source-in h1, .team-source-in h2, .team-source-in h4 {
    color: #00727a !important;
}

.team-source-in h3{
color:#000000 !important;}

.team-source-in p {
    color: #000000;
}

.team_icon, .teams_icon {
    background: url(/UserControlPanelContent/images/group_hov.png) no-repeat center center;
}

.team_list:hover, .team_list:active, .team_list:focus {
        outline: none;
    box-shadow: none !important;
}

.team_list_bottom .eim_plus {
    background: transparent;
}


.team_list_bottom_rgt ul li {
        font-weight: 400;
    margin: 0;
     font-family: "Manrope", sans-serif; 
        line-height: 14px;
    color:#000000 !important;
        font-size: 2vh;
        padding: 0;
        display: inline-block;
width:100%;
text-align:right;
padding-bottom:1vh;
}

.team_list_top {
    margin: 0;
        padding: 23px 24px 18px 23px;
        background-color: #00727a;
        border-radius: 10px 10px 0 0;
        color: #ffffff;
}

.ui.basic.segment {
    display: inline-block;
}

.ui .checkbox label a {
    font-weight: bold !important;
}

.ui .positive .button {
    background-color: transparent !important ;
}

.ui.button {
        border-radius: 100px;
        padding: 1.5vh 2vh;
        place-self: center;
    background-color: #F78d1e !important ;
        width: auto;
color: #fff;
        font-size: 2vh !important;
        border: 3px solid #ffffff;
        min-width: 20vh !important;
}

.ui.card>.content>.header{
}

.ui.checkbox input+label {
    color: #000000 !important;
}

.ui.dividing.header {
    font-family: "Manrope", sans-serif;
}

.ui.dropdown {
    border-radius: 0 !important;
}

.ui.form .field > label {
    color: #F78d1e;
}

.ui.form input[type="date"] {
    border-radius: 0 !important;
}

.ui.form.date-filter .field a {
    color:white!important;
    background-color: #F78d1e !important ;
}

.ui.large.button.negative.fluid.availabilty-button {
    background-color: #00727a !important;
        border-radius: 100px;
        font-family: "Manrope", sans-serif;
        border: #00727a 3px solid;
    color: #fff !important;
        font-weight: bold;
}

.ui.large.button.positive.fluid.availabilty-button {
    background-color: #F78d1e !important;
        border-radius: 100px;
        font-family: "Manrope", sans-serif;
        border: #F78d1e 3px solid;
    color: #fff !important;
        font-weight: bold;
}

.ui.negative.button {
    background-color: #00727a;
        border-radius: 100px;
}

.ui.negative.button:hover {
    border:none;
    background-color: #00727a;
}

.ui.table {
    color: white;
}

.checkout .ui.table {
    color: black !important;
}

.ui.table thead th {
    color: white;
}

.Unavailable.state-updated .scheduled-item_btm, .Unavailable.state-confirm .scheduled-item_btm {
    background-color: #ffffff;
}

/* forms */
.ui.form input[type="text"] {
    border-radius: 0 !important;
}

/* Old Styles
------------------------------------------------------------- */
header, nav, .cross {
    background-color: #fff;
}

/* ui message */
.main_content_in .message p {
    color: #000;
}



a {
    color:inherit;
}

a:hover {
    color: #F78d1e;
}

body {
    color: #000;
        background-color: #F78d1e;
}

form.ui.form.error {
    display: flex;
        flex-direction: column;
}

form[action="https://playnetball.spawtz.com/login"] {
        background-color: #fff !important;
        font-family: "Manrope", sans-serif !important;
        place-self: center !important;
        border-radius: 20px !important;
        padding: 5vh !important;
    width: 50% !important;
        box-shadow: 5px 5px 12px -3px rgba(0, 0, 0, 0.43) !important;
}

form[action="https://playnetball.spawtz.com/login"] .ui.form .field > label {
    color: #000 !important;
        font-family: "Manrope", sans-serif !important;
}

h1, h2, h3, h4, h5 {
     font-family: anona, sans-serif !important;
    font-weight: 900;
}

input[type="radio"][name="Position 1"] {
    margin-bottom:1vh;
    margin-right: .5vh;
}

input[type="radio"][name="Position 2"] {
    margin-bottom:1vh;
    margin-right: .5vh;
}

label {
     font-family: "Manrope", sans-serif;
    color: #000000 !important;
}

.ui.top.attached.header {
   font-family: "anona", sans-serif; 
        color: #000;
        font-weight: bold;
font-size:5vh;
}

.ui.form .field>label {
    font-size: 2vh;
    font-family: "anona", sans-serif; 
        color: #000;
        font-weight: bold;
padding-bottom: 1vh;
}

li.acc > div.profile > ul > li:hover {
    background: transparent;
}

nav > ul {
    margin-top: 2vh !important;
}

nav > ul > li {
    vertical-align: middle !important;
    background-color: #ffffff !important;
    float:none !important;
    border:none !important;
}

nav > ul > li > a {
    font-size:2vh;
                font-weight: 900;
    padding: 0 2vh;
    color: #000000 !important;font-family: anona, sans-serif;
    width:inherit;
    text-transform: lowercase;
}

nav > ul > li > a::first-letter {
    text-transform: uppercase;
}

nav > ul > li > a:after {
    content: none !important
}

nav > ul > li > a:hover {
    background-color: transparent !important;
}

nav > ul > li.active > a {
    background-color: #ffffff !important;
}

nav > ul > li.active > a:after {
    display:none !important;
}




p.color_pale_lt {
    color: #00727a !important;
}

section#description-section div {
    color: #ffffff !important;
}

.shedule_row:hover {
    box-shadow: none;
    outline: none;
}

.shedule:after {
    content: '';
    position: absolute;
    left: -20px;
    top: 19px;
    border: 10px solid  #00727a;
    border-left: 10px solid transparent;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}
.scheduled-item_btm {
background-color: #ffffff;
}



table .player-name {
    color: #00727a !important;
}

table i {
    color: #00727a !important;
}



tr.StatementItemRow:nth-child(even) {
    background-color: #767676;
}

div[data-spawtz-setting-name="FixtureReminder"] .eim_plus {
  background-color: transparent !important;
}

div[data-spawtz-label="Do not send me any communications"] .eim_plus {
  background-color: transparent !important;
}





.team-source{
background-color: #F78d1e !important;
padding: 5vh 0 5vh 0;
}

.team-source-blk1:after {
    display:none;
}

.team-source-blk2:after {
    display:none;
}

.team-source-blk {
    padding: 36px 24px 37px 27px;
    background: #fffl
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.team-source-in .find {
    background-color: #F78d1e;
    text-transform: none;
    border-radius: 100px;
    transition: background-color 0.3s ease;
    padding: 1.5vh 2vh;
    border: 3px solid #F78d1e;
    color: #ffffff;
    font-size: 2vh;
width:auto;
}

.SpawtzLeagueListLinks{text-align:left !important;}

.ringers_icon{
display:none !important}

@media only screen and (max-width: 767px) {
nav > ul > li > a {
    font-size:2vh !important;
                font-weight: 900;
    padding: 2vh !important;
    color: #000 !important;
font-family: anona, sans-serif;

}

.ui.relaxed.grid>.row>.column{
padding-left: 0 !important;
padding-bottom: 0 !important;
}

.ui.card .meta, .ui.cards>.card .meta {
    margin: 0;
}

.ui.card .venues{    font-size: 2.2vh;
  margin: 0;
}

.profile {
    border: none;
    background-color: transparent;
    min-width: auto;
    border-radius: 0 !important;
    padding: 0;
}

    .profile ul li a:hover{
background-color:transparent;
}

    .profile ul li a {
        padding: 1vh 2vh;
}

    .profile ul li a {
line-height:150%;
}
    .cross {
        margin: 0;
        padding: 11px 0 11px 0;
        width: 40px;
        height: 40px;
        background: transparent;
        border-radius: 100%;
        border: none;
        text-align: center;
        position: absolute;
   
        top: 1%;
        left: 75%;
        z-index: 3;
        cursor: pointer;
   
    }

}


li.color_txt_green{
color: #F78d1e !important;
}
li.color_txt_red{
color: #00727a !important;
}

#fixture-availability-link:hover {
color:#000000 !important;
}


 a{
     font-family: "Manrope", sans-serif;
}


.team_list_top_rgt span {
  display: none;
}

.team_list_top_lft > p > span.color_txt_red {
color: #fff;
}

.team_list_top_lft > p {
color: #fff;
}

.ui.center.aligned.basic.segment:has(input[name="Total"]) {
  /* Your styles here */
 text-align:left;
}

.ui.center.aligned.basic.segment:has(#butMakePayment) {
 text-align:right;
float:right;
}

.StatementHeaderRow td{
padding: 1vh 0;}

.StatementItemRow td {
padding:0 ;
}


.StatementTitleCell{
font-size:2vh;}

.StatementHeaderCell{
font-size: 2vh;}


.ui.grid>.column:not(.row){
padding-left:0;}

table.ui.basic.unstackable.table thead th {
  color: #000;
font-family: manrope, sans-serif;
}

.ui.basic.table {border-collapse: collapse;
    border: none;
    width: 100%;
  
}

#SMSBillingPanel table {
    color: #000; 
}

#SMSBillingPanel table td label {
    color: #000 !important;
}

/* Default grid/flex setup */
.team-source-in > .ui.grid {
  display: flex;
  flex-wrap: wrap;
}

/* Responsive: below 768px */
@media screen and (max-width: 768px) {
  .team-source-in > .ui.grid {
    display: block;
text-align:center;
  }

  .team-source-in > .ui.grid > li.eight.wide.column {
    width: 80% !important;
    margin: 0 auto 20px; /* center it with auto left/right margin and bottom spacing */
  }

.ui.form{
max-width:80% !important;
}

.ui.form.date-filter{
max-width:100% !important;
}

.ui.form.fixture-reminder-preferences{
max-width: 100% !important;
}

.ui.form.error{
max-width: 100% !important;
}

.ui.form#ringer-preferences-form{
max-width: 100% !important;
}


  tr.StatementItemRow#li268 {
    display: block;
    margin-bottom: 1em; /* spacing between rows */
    border-bottom: 1px solid #ccc; /* optional separator */
    width: 300% !important;
  }
  
  tr.StatementItemRow td {
    display: block;
    text-align: left !important;

    box-sizing: border-box;
    padding: 0.5em 0;
    border: none; /* remove default cell borders if any */

  }

tr.targeted-header-row {
display:none;
}

}


.ui.card>.content a:not(.ui){font-size:2.2vh;}
.ms-choice {
    height: 5vh !important;
    border: 3px solid #F78d1e !important;
    line-height: auto !important;
    color: #000 !important;

    -webkit-border-radius: 100px !important;
    -moz-border-radius: 3px !important;

}

.ms-choice > span {
   height:100% !important;
align-content: center;
    padding-left: 2.5vh !important;
   font-family: "Manrope", sans-serif; 
}

.ms-drop {
    margin-top: 1vh !important;
    padding: 2vh !important;
    color: #000 !important;
    border: 3px solid #F78d1e !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}

.ui.form input[type="text"] {
    border-radius: 100px !important;
}



input[type="checkbox"][data-name="selectItem"] {
  accent-color: #F78d1e; 
}

input[type="checkbox"][data-name="selectAll"] {
  accent-color: #F78d1e; 
}

.ms-choice > div {
    align-self: anchor-center;
}

.ui.top.attached.header {
font-size:2.5vh !important;  
padding-bottom: 0 !important;
}

.ui.header{
     font-family: "Manrope", sans-serif; 
}

.ui.form .field>label {
font-size:2vh;
font weight:400 !important;
}

.ui.positive.button{
 font-family: "Manrope", sans-serif;
}


.welcome-message {
 width:80%;
    margin: 5vh auto;

}

.welcome-message >p {
     font-family: "Manrope", sans-serif;
}

.welcome-btn{
    background-color: transparent;
    text-transform: none;
    border-radius: 100px;
    border: 3px solid #ffffff;
    padding: 1.5vh 2vh;
    transition: background-color 0.3s ease;
    display: inline-block;
    font-size: 2vh !important;
    color: #ffffff;
}

.welcome-btn:hover{
    color: rgb(255, 170, 31);
    background-color: rgb(255, 255, 255);
}


.ui.attached:not(.message)+.ui.attached.segment:not(.top){
    border: solid 1px black;
border-top: none !important;
}

#league-list > .ui.fluid.card {
border: solid 1px black;
border-radius: 10px;

}

.ui.card>.content:after{
  content: "";
  display: block;
  height: 1px;        /* thickness */
  background: #000;   /* line color */
  margin-top: 1rem;   /* spacing above line */
visibility: visible !important;
}

.ui.card>.extra.content:after{
  content: "";
  display: block;
  height: 1px;        /* thickness */
  background: #000;   /* line color */
  margin-top: 1rem;   /* spacing above line */
visibility: hidden !important;
}

.right.aligned.column a.ui {
border-radius: 100px;
    padding: 1.5vh 2vh;
    place-self: flex-start;
    background-color: #F78d1e !important;
    width: auto;
    color: #fff;
    font-size: 2vh !important;
    border: 3px solid #ffffff;
float:left;
margin-top:1vh;
}

 .ui.button.message-like{

border-radius: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 2vh !important;
    border: none !important;
}

#league-list .extra .ui.relaxed.grid .row .eight.wide.column {
 /*  flex: 0 0 100%;   force 100% width */
 /* max-width: 100%;   override Semantic UI max-width */
padding-bottom:3vh;
}

#league-list .extra .ui.relaxed.grid .row .eight.wide.column .ui.positive.button{
width:auto !important;
    place-self: flex-start;}

.ui.button.message-like.button.warning-like {
border: none !important;
}

.main_content_in > a.btn_default {
    border-radius: 100px !important;
padding: 1vh 2vh;
background-color: #F78d1e; 
color: #fff;
text-transform: capitalize;
}

.main_content_in > a.btn_default > span{
display: none !important;
}

.main_content_in > a.btn_default:hover {
    border-radius: 100px !important;
background-color: #F78d1e; 
color: #fff;
}

.settings h4, .players h4, .leagues h4 {
    margin: 0;
    padding: 0 0 25px 0;
    font-size: 2vh;
    line-height: 14px;
letter-spacing: normal; 
font-weight:bold;
color: #000;
font-family: anona, sans-serif !important;
}

/* Stack on smaller screens */
@media (max-width: 767px) {
  .ui.fluid.button.warning-like.message-like .ui.two.column.grid {
    flex-direction: column;
    text-align: center;
  }

  .ui.fluid.button.warning-like.message-like .ui.two.column.grid .column {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 0.5em;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .ui.fluid.button.warning-like.message-like .ui.two.column.grid .right.aligned.column {
    margin-bottom: 0;
  }

.right.aligned.column a.ui {
float:none;
}

#league-list .extra .ui.relaxed.grid .row .eight.wide.column .ui.positive.button{
width:auto !important;
    place-self: auto;}
}
li.Ringers-menu-item {display: none;}
#fixtures-find-ringers-section {
    display: none !important;
}
.team-source {
    display: none !important;
}