* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}

body
{
    margin: 0px;
    position: relative;
    overflow-y: scroll;
    height: 100%;
    -webkit-text-size-adjust: 100%
}

#map 
{
    height: 100%;
}

html, body 
{
    height: 100%;
    margin: 0;
    padding: 0;
}

p
{
    font-family: 'acumin-pro', sans-serif;
    font-weight: 400;
    font-style: normal;
}

span
{
    font-family: 'acumin-pro', sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1
{
    font-family: 'regulator-nova', sans-serif;
    font-weight: 300;
    font-style: normal;
}

h2
{
    font-family: 'regulator-nova', sans-serif;
    font-weight: 300;
    font-style: normal;
}

h3
{
    font-family: 'regulator-nova', sans-serif;
    font-weight: 300;
    font-style: normal;
}

h4
{
    font-family: 'regulator-nova', sans-serif;
    font-weight: 300;
    font-style: normal;
}

h5
{
    font-family: 'regulator-nova', sans-serif;
    font-weight: 300;
    font-style: normal;
}

h6
{
    font-family: 'regulator-nova', sans-serif;
    font-weight: 300;
    font-style: normal;
}
div
{
    font-family: 'acumin-pro', sans-serif;
    font-weight: 400;
    font-style: normal;
}

header
{
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10000;
    transition: all 0.4s ease-in-out;
    box-shadow: 0px 0px 16px 4px rgba( 0, 0, 0, 0.3 );
}

input, textarea
{
    outline: none;
    font-family: 'acumin-pro', sans-serif;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

button
{
    outline: none;
}

.noselect 
{
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

/* .light_blue_gradient
{
    background: linear-gradient( 90deg, rgb(36, 171, 234, 0.5), rgb(36, 171, 234, 0.7), rgb(36, 171, 234, 1) );
}

.light_blue_text_color
{
    color: #24abea;
}

.mtl_gradient
{
    background: linear-gradient(90deg, rgba(109,205,168,1) 0%, rgba(107,200,176,1) 31%, rgba(100,183,203,1) 46%);
}

.mtl_text_color
{
    color: #51e3a4;
}

.black_gradient
{
    background: linear-gradient( 90deg, rgb(25, 43, 51, 0.5), rgb(25, 43, 51, 0.7), rgb(25, 43, 51, 1) );
}

.black_text_color
{
    color: #192b33;
} */

.profile_color1_background
{
    background-image: url('../static/img/1.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: 100%; 
    height: 100%;
}

.profile_color1_text
{
    color:  #5FD1E1;
}

.profile_color2_background
{
    background-image: url('../static/img/2.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: 100%; 
    height: 100%;
}

.profile_color2_text
{
    color:  #8E7D4A;
}

.profile_color3_background
{
    background-image: url('../static/img/3.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: 100%; 
    height: 100%;
}

.profile_color3_text
{
    color: #BC19EB;
}

.profile_color4_background
{
    background-image: url('../static/img/4.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: 100%; 
    height: 100%;
}

.profile_color4_text
{
    color:#5AE28A;
}

.profile_color5_background
{
    background-image: url('../static/img/5.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: 100%; 
    height: 100%;
}

.profile_color5_text
{
    color:#F43C18;
}

.profile_color6_background
{
    background-image: url('../static/img/6.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: 100%; 
    height: 100%;
}

.profile_color6_text
{
    color:#51E3A4;
}

.profile_color7_background
{
    background-image: url('../static/img/9.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: unset; 
    height: 100%;
}

.profile_color7_text
{
    color:#F1C90F;
}

.profile_color8_background
{
    background-image: url('../static/img/8.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: 100%; 
    height: 100%;
}

.profile_color8_text
{
    color:#FE934C;
}

.hidden 
{
    display: none;
}

.invisible
{
    visibility: hidden;
}

.bold
{
    font-weight: 700 !important;
}

.slick-dot-hidden
{
    display: none !important;
}

.desktop-only
{
    display: block;
}

.desktop-only-inline
{
    display: block;
}

.slick-slider-mobile-only
{
    display: none !important;
}

.mobile-only
{
    display: none;
}
.footer-mobile-only
{
    display: none
}

.cursor
{
    cursor: pointer;
}

a
{
    color: #51E3A4
}

a:link
{
    text-decoration: none;
    color: #51E3A4
}

img
{
    width: 100%;
}

.header_btn_container
{
    width: 120px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.header_image_container
{
    position: relative;
}

.find-a-club-header_container
{
    width: 100%;
    display: block;
    font-size: 0;
    padding: 0px 40px;
    position: relative;
    background-color: #fff;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
}

.header_logo_container
{
    width: 33.5%;
    display: inline-block;
    vertical-align: middle;
}

.header_logo_container img
{
    width: 100%;
    max-width: 100px;
}

.header_nav_container
{
    width: 66.5%;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.avatar_container
{
    width: 60px;
    border-radius: 50%;
    margin-left: auto;
    overflow: hidden;
    height: 60px;
}

.avatar_container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header_nav_container a p
{
    font-size: 17px;
    margin: 0;
}

.header_nav_container a
{
    color: black;
}

.header_login
{
    border-radius: 5px;
    border: 2px solid #51E3A4;
    color: #51E3A4;
    font-weight: 700;
    padding: 8px 0px;
    font-size: 16px;
    text-align: center;
    z-index: 1;
}

.header_login-reversed
{
    border-radius: 5px;
    border: 2px solid #51E3A4;
    background-color: #51E3A4;
    color: white;
    font-weight: 700;
    padding: 8px 0px;
    font-size: 17px;
    text-align: center;
}

.header_login-reversed p
{
    margin: 0;
}

.nav_p
{
    padding: 0px 25px;
}

.find_a_club_image_container
{
    position: relative;
    width: 100%;
}

.find_a_club_image_container img
{
    width: 100%;
}

.find_a_club_image_container_inner
{
    background-image: url('../static/img/hussle-homepage-image.jpg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: right; 
    height: 100%;
}

.homepage-container-height
{
    height: 600px;
}

.homepage-search-and-image-container
{
    display: flex; 
    flex-direction: row; 
    background-color: #f2f2f2; 
    /* height: 506px; */
    height: 80vh;
    position: relative;
}

.homepage-search-container
{
    width: 50%; 
    margin-top: 2%;
    padding: 0 50px 50px; 
    /* position: relative; */
    z-index: 1
}

.homepage-search-container-inner
{
    position: absolute; 
    top: 33%; 
    width: 50%
    /* transform: translateY(35%); */
}

.homepage-search-container-inner span
{
    font-family: 'regulator-nova', sans-serif;
    font-size: 18px;
}

.homepage-image-container 
{
    /* width: 50%; */
    width: 100%;
}

.homepage-image-container > img
{
    height: 100%; 
    width: 100%; 
    object-fit: cover;
}

.homepage-image-container-bottom_left
{
    width: 0; 
    height: 0; 
    /* border-top: 506px solid #f2f2f2;  */
    border-top: 80vh solid #f2f2f2; 
    border-right: 20em solid transparent; 
    position: absolute
}

.homepage-image-container-top_left
{
    width: 0; 
    height: 0; 
    border-bottom: 20em solid #f2f2f2; 
    border-right: 13em solid transparent; 
    transform: translateY(-101.5%);
    display: none
}

.find_a_club_image_container_inner::before
{
    padding: 50%;
}

.find_a_club_text_overlay-container
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0%;
    width: 50%
}

.find_a_club_text_overlay-container-inner
{
    width: 100%;
    padding: 0px 40px;
}

.find_a_club_text_overlay-title-container
{
    text-align: left;
    margin-bottom: 20px;
}

.find_a_club_text_overlay-title-container h1
{
    color: #51e3a4;
    /* font-size: 80px; */
    font-size: 60px;
    /* font-weight: 300; */
    font-weight: 600;
    margin: 0 0 10px 0;
}

.find_a_club_text_overlay-title-container h4
{
    font-size: 25px;
    margin: 0;
    font-weight: 300;
}

.find_a_club_text_overlay-input-container
{
    text-align: center;
    width: 70%;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px 0 0 10px;
    position: relative;
}

.find_a_club_text_overlay-input-container .find_a_club_search_bar
{
    height:100%
}

.find_a_club_text_overlay-target-container
{
    text-align: center;
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    padding: 17px 15px;
}

.homepage_row
{
    width: 105%;
    height: 80px;
    display: block;
    box-shadow: 2px 4px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 4px 15px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 4px 15px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.homepage-row-one
{
    text-align: center;
    background-color: #192b33; 
    padding: 65px 0;
}

.homepage-buttons-container
{
    position: relative;
    border: 3px solid white;
    border-radius: 5px;
    width: 256px;
    margin: auto;
    height: 40px;
    font-size: 0
}

.homepage-btn-animation
{
    background-color: #fff;
    position: absolute;
    height: 40px;
    border-radius: 5px;
    transition: left .5s ease;
    width: 125px;
    top: -3px;
    left: 0;
    z-index: -1;
}

/* .button-container-active
{
    width: 150px;
    max-width: 150px;
    background-color: white;
    position: absolute;
    height: 38px;
    border-radius: 100px;
    -webkit-transition: left .5s ease;
    transition: left .5s ease;
} */

.button-container
{
    display: inline-block;
    height: 100%;
    width: 125px;
    background-color: #192b33;
    /* border-radius: 5px; */
    z-index: 5;
    /* position: relative; */
    /* border-radius: 5px; */
}

.button-container button
{
    border: none;
    height: 101%;
    width: 100%;
    cursor: pointer;
    /* background-color: white */
}

.for-players
{
    /* border-radius: 2px 5px 5px 2px; */
    background-color: white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.for-clubs
{
    /* border-radius: 5px 2px 2px 5px; */
    background-color: #192b33;
    color: white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.homepage-slider-contents-container
{
    /* display: flex; */
    margin: auto;
    padding: 50px 0;
}

.homepage-slider-contents-container-inner
{
    width: 33.33%;
}

.homepage-slider-contents-container-inner .image-container
{
    height: 300px;
    max-width: 300px;
    margin: auto;
}

.homepage-slider-contents-container-inner .image-container img
{
    height: 100%;
    width: 100%;
    /* border-radius: 100%; */
    object-fit: cover;
}

.homepage-slider-contents-container-inner h3
{
    color: white;
    font-size: 25px;
    font-weight: bold;
}

.homepage-slider-contents-container-inner .text-container
{
    color: white;
    width: 75%;
    margin: auto;
    font-size: 17px;
}

.homepage-slider-contents-container .header_login
{
    padding: unset;
}

.homepage-slider-contents-container-mobile
{
    padding: 50px 0 0;
    display: none !important
    /* display:  */
}

/* .homepage-slider-contents-container-mobile .mob-for-players
{
    display: none !important;
}

.homepage-slider-contents-container-mobile .mob-clubs
{
    display: none;
} */

.slider-dots-container
{
    background-color: #192b33;
    height: 30px; display: flex;
    justify-content: center;
    margin: 10px;
    display: none;
}

.slider-dots-container div
{
    height: 10px; 
    width: 10px; 
    /* background-color: rgba(255, 255, 255, 0.70);  */
    border: solid 2px rgba(255, 255, 255, 0.70);
    border-radius: 100%;
    margin: 0 10px;
}

.slick-slider-dots
{
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-slider-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border: solid 2px rgba(255, 255, 255, 0.70);
    border-radius: 100%;
    background: transparent;
    color: transparent;
}

.slick-slider-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    opacity: 0;
    /* border: 0; */
    /* outline: solid 2px rgba(255, 255, 255, 0.70); */
    /* border: solid 2px rgba(255, 255, 255, 0.70);
    border-radius: 100%;
    background: transparent; */
}

.slick-slider-dots .slick-active
{
    background: rgba(255, 255, 255, 0.70);
    border: solid 2px rgba(255, 255, 255, 0.70);
    border-radius: 100%;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear
}

/* .homepage-row-one .login-btn-animation
{
    position: unset;
    opacity: unset
} */

.homepage_row span
{
    color: #c9c9c9;
    position: absolute;
    /* transform: translate(-1150%, 33px); */
    top: 40%;
    right: 93%;
}

.find_a_club_text_overlay-image-target-container
{
    width:25px;
    margin: auto;
}

.find_a_club_text_overlay-image-target-container img
{
    width: 100%;
}

.find_a_club_text_overlay-input-button-container
{
    display: inline-block;
    width: 30%;
    height: 100%;
    vertical-align: middle;
}

.find_a_club_text_overlay-input-button-container .find-club-button-container
{
    height: 100%
}

.find-club-button-container
{
    /* padding: 25px 15px; */
    padding: 27px 15px;
    /* background:-moz-linear-gradient(right, #51e3a4 0%,  #24abea 100%); FF3.6-15
    background: -webkit-linear-gradient(right, #51e3a4 0%, #24abea 100%); Chrome10-25,Safari5.1-6 
    background: linear-gradient(to right, #51e3a4 0%, #24abea 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51e3a4', endColorstr='#24abea',GradientType=1 ); IE6-9 */
    background-color: #51E3A4;
    border-radius: 0 10px 10px 0;
}

.find-club-button-container p
{
    color: white;
    font-size: 20px;
    margin: 0;
    margin-top: -2px;
    text-align: center;
}

.find_a_club_search_bar
{
    width: 100%;
    box-sizing: border-box;
    /* border: none; */
    padding: 24px 55px 24px 50px;
    text-align: left; 
    font-size: 20px;
    border-radius: 10px 0 0 10px;
    border: 3px solid white;
    -webkit-appearance: none;
    /* caret-color: transparent; */
}

.find_a_club_search_bar:focus
{
    border: solid 3px #51E3A4;
}

.to-profile-btn
{
    width: 100%;
    box-sizing: border-box;
    /* border: none; */
    padding: 24px 55px 24px 50px;
    text-align: left; 
    font-size: 20px;
    border-radius: unset;
    border: 3px solid white;
}
.view_map_btn
{
    color: white;
    width: 100%;
    border-radius: 20px;    
    padding: 10px 15px;
    background:-moz-linear-gradient(right, #51e3a4 0%,  #24abea 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(right, #51e3a4 0%, #24abea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #51e3a4 0%, #24abea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51e3a4', endColorstr='#24abea',GradientType=1 ); /* IE6-9 */
}

.header_sidebar_container
{
    position: fixed;
    height: 100%;
    background:-moz-linear-gradient(right, #51e3a4 0%,  #24abea 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(right, #51e3a4 0%, #24abea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(50deg, #51e3a4 0%, #24abea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51e3a4', endColorstr='#24abea',GradientType=1 ); /* IE6-9 */
    right: 0;
    top: 0;
    z-index: 10;
    transition: all 0.5s ease;
    overflow: hidden;
}

.account_sidebar
{
    position: fixed;
    height: 100%;
    background: -moz-linear-gradient(right, #51e3a4 0%, #24abea 100%);
    background: -webkit-linear-gradient(right, #51e3a4 0%, #24abea 100%);
    background: linear-gradient(50deg, #51e3a4 0%, #24abea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51e3a4', endColorstr='#24abea',GradientType=1 );
    right: 0;
    top: 0;
    z-index: 10000;
    transition: all 0.5s ease;
    overflow: hidden;
}

.account_sidebar_container_overlay
{
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.5)
}

.dont_show_sidebar
{
    width: 350px;
    right: -350px;
}

.show_sidebar
{
    width: 350px;
    right: 0px;
}

.header_sidebar_container_overlay
{
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.5)
}

.reveal_accolade_container_overlay
{
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.5);    
}

.img-error-msg-overlay
{
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.5)
}

.member-profile-image-zoom-container-overlay
{
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.5)   
}

.member-profile-badge-zoom-container-overlay
{
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.5)   
}

.img-error-msg-container
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    background-color: #fff;
    border-radius: 5px;
    max-width: 300px;
    z-index: 10;
    padding: 20px;
}

.sidebar_text_container
{
    display: block;
    width: 100%;
    padding: 25px;
    padding-top: 5px;
    height: 100%;
    position: relative;
}

.sidebar_text_container_top
{
    width: 100%;
    position: relative;
}

.sidebar_close_image_container
{
    width: 20px;
    position: absolute;
    right: 5px;
    top: 15px;
}

.accolade_banner_container .sidebar_close_image_container
{
    right: 15px;
}

.sidebar_close_image_container img
{
    width: 100%;
}

.sidebar_logout_container
{
    display: inline-block;
}

.sidebar_test-small
{
    font-size: 18px;
    font-weight: 100;
    color: white;
    font-family: 'regulator-nova', sans-serif;
}

.sidebar_text_container_middle
{
    margin-top: 25px;
}

.sidebar_test-large
{
    font-size: 28px;
    font-weight: 100;
    color: white;
    font-family: 'regulator-nova', sans-serif;
}

.sidebar_nav_container
{
    width: 100%;
    display: block;
    margin-bottom: 5px; 
}

.sidebar_nav_container sup
{
    font-size: 11px;
    padding-left: 10px;
    color: rgba(255,255,255,0.7)
}

.sidebar_text_container_bottom
{
    bottom: 25px;
    position: absolute;
    left: 25px;
    width: calc( 100% - 50px );
}

.profie_avatar_image_container
{
    background:-moz-linear-gradient(right, #51e3a4 0%,  #24abea 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(right, #51e3a4 0%, #24abea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(50deg, #51e3a4 0%, #24abea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51e3a4', endColorstr='#24abea',GradientType=1 ); /* IE6-9 */
    width: 100%;   
}

.profie_avatar_image_container_inner
{
    margin: auto;
    text-align: center;
    padding: 50px 0px;
}

.new_message_background
{
    border-radius:5px;
}


.profie_avatar_image_placeholder
{
    width: 125px;
    margin: auto;
    border: 5px solid #fff;
    /* padding-bottom: 0px; */
    height: 125px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 3px 10px 0px rgb( 0, 0, 0, 0.3 );
    cursor: pointer;
    margin-top: -35px;
    position: relative
}

.profie_avatar_image_placeholder img
{
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
    height: 100%;
}

.profile_image_camera_icon_container
{
    position: absolute;
    bottom: -5px;
    right: 0px;
    z-index: 2;
    width: 35px;
    height: 35px;
    background-color: #fff;
    padding: 5px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0px 3px 10px 0px rgb( 0, 0, 0, 0.3 );
    text-align: center;
}

.profile_image_camera_icon_container i
{
    font-size: 20px;
    line-height: 25px;
}

.profile_name_container
{
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 25px;
}

.profile_name_text
{
    color: #fff;
    font-weight: 600;
    margin: 10px;
    font-size: 28px;
}

.profile_selection_section_container
{
    width: 100%;
    display: block;
    font-size: 0px;;
}

.profile_section_container_inner
{
    width: 25%;
    display: inline-block;
    background-color: #51e3a4;
    position: relative;
}

.profile_section_container_inner_image-container
{
    max-width: 40px;
    margin: auto;
    padding: 20px;
}

.profile_section_container_inner_image-container img
{
    width: 100%;
}

.border-right
{
    border-right: 1px solid #fff;
}

.dimmed
{
    opacity: 0.5;
}

.highlighted
{
    background-color: #4dffdb;
}

.pointer::before
{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%) translateY(9px) rotate(45deg);
    border-bottom: 2px solid #51e3a4;
    border-right: 2px solid #51e3a4;
    background: #51e3a4;
}

.profile_info_section_container
{
    display: block;
    width: 100%;
    background-color: #f2f2f2;
}

.profile_basic_info_section_container
{
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
    /* border-bottom: 2px solid #ccc;   */
}

.profile_trophy_info .profile_basic_info_section_container
{
    padding-bottom: 0px;
}

.trophy-container
{
    width: 100%; 
    background-color: #f2f2f2; 
    padding: 30px 0; 
    text-align: center;
    display: flex;
    padding-top: 0; 
}

.trophy-container-inner
{
    /* background-color: white; 
    display: inline-block; 
    padding: 10px 130px; 
    margin: 10px 20px; 
    border-radius: 5px */

    width: 30%;
    margin: 10px 20px;
    text-align: center;
    padding-top: 35px;
}

.trophy-container-inner span
{
    font-size: 30px;
}

.trophy-ring
{
    /* height: 170px;  */
    width: 170px; 
    min-width: 100px;;
    /* border: 5px solid rgb(240, 209, 35);  */
    border-radius: 50%;
    padding: 25px 30px 30px;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.trophy-ring span
{
    font-size: 70px;
}

.trophy-container
{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.trophy-container-inner
    {
        position: relative;
        display: flex;
        /* height: 400px; */
        max-width: 300px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        /* background-color: rgb(158, 224, 224) */
    }

.trophy-container-inner .amount
    {
        position: relative;
        height: 160px;
        width: 160px;
        /* height: 100%;
        width: 100%; */
    }

.trophy-container-inner .amount svg
    {
        position: relative;
        height: 160px;
        width: 160px; 
        /* height: 100%;
        width: 100%;  */
        box-sizing: border-box;
        overflow: visible;
    }

.trophy-container-inner .amount svg circle
    {
        height: 160px;
        width: 160px;
        /* height: 100%;
        width: 100%; */
        fill: none;
        stroke-width: 9;
        stroke: #000;
        transform: translate(5px, 5px);
        stroke-dasharray: 440;
        stroke-dashoffset: 440;
        transform: rotate(-90deg);
        transform-origin: 50% 44%;
    }

.trophy-container-inner .amount svg circle:nth-child(1)
    {
        stroke-dashoffset: 0;
        stroke: #f3f3f3
    }

.trophy-container-inner .amount svg circle:nth-child(2)
    {
        /* stroke-dashoffset: 330; */
        /* stroke-dashoffset: calc( 440 - ( 440 * 0) / 100 ); */
        stroke-dashoffset: 440;
        /* stroke: gold */
        transition: all 0.5s ease;
    }

.trophy-container-inner .amount .number
    {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.trophy-container-inner .amount .number h2
    {
        font-size: 70px;
        margin: 0;
        font-weight: 700;
    }

/* .trophy-container-inner .amount .number h2 span
    {
        font-size: 24px;
        padding: 5px;
    } */

.profile_match_info .profile_basic_info_section_container
{
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 1100px;
    margin: auto;
    color: #373F42;
}

.mtl-trophy-track
{
    transition: all 0.3s ease;
}

.profile_accolade_info .profile_basic_info_section_container
{
    padding: 20px 40px;
    width: 100%;
    background-color: #f2f2f2;
}

.profile_basic_info_section_inner
{
    width: 32%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.profile_basic_info_section_inner:nth-child(2)
{
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

.profile_trophy_info .profile_basic_info_section_inner:nth-child(2)
{
    border: none;
}

.profile_basic_info_section_inner h3
{
    color: #666;
    font-weight: 400;
}

.profile_basic_info_section_inner p
{
    color: black;
    font-weight: 400;
}

.bsg-image_container
{
    max-width: 150px;
    margin: auto;
}

.bsg-image_container img
{
    width: 100%;
}

.basic_profile-league-info-container
{
    /* display: block; */
    width: 100%;
    background-color: #f2f2f2; 
}

.basic_profile-league-info-row
{
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    width: 100%;
}

.basic_profile-league-info-column
{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.basic_profile-league-info-text
{
    font-size: 17px;
    color: #666;
    font-weight: 400;
}

.profile_trophy_info-text
{
    font-size: 18px;
    color: #373F42;
    font-weight: 400; 
    margin: 0px;
    text-align: left;
    margin-left: 10px;
}

.basic_profile-league-info-value
{
    font-size: 22px;
    color: #51e3a4;
    font-weight: 400;
}

.left
{
    text-align: left;
}
.right
{
    text-align: right;
}

.basic_profile-league-info-container_inner
{
    max-width: 1100px;
    margin: auto;
    border-radius: 5px;
    padding-bottom: 10px;
}

.basic_profile-league-icon_container
{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.basic_profile-league-icon_container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar_text_container_middle a:link
{
    text-decoration: none;
}

.profile_trophy_info .bsg_text
{
    font-size: 17px;
    color: #666;
}

.profile_trophy_info-column_left
{
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}

.profile_trophy_info-column_center
{
    width: calc( 100% - 100px );
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.profile_trophy_info-column_right
{
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}

.match_info_selection_tab_container
{
    border: 2px solid #51E3A4;
    display: block;
    font-size: 0px;
    width: 300px;
    margin-left: auto;
    margin-bottom: 25px;
}

.match_info_selection_tab_container_inner
{
    display: inline-block;
    width: 33.33%;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    padding: 5px;
}

.match_info_selection_tab_container_inner:nth-child(2)
{
    border-left: 2px solid #51E3A4;
    border-right: 2px solid #51E3A4;
    width: 33.33%;
}

.match_info_selection_tab_container_inner-last
{
    width: 33.34%
}

.match_info_selection_tab-text
{
    font-size: 17px;
    color: #51E3A4;
    margin: 0px;
}

.match_info_selected
{
    background-color: #51E3A4;
}

.match_info_selected p
{
    color: white !important;
}

.match_info_table-outer
{
    font-size: 0px;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.match_info_league-logo-container
{
    width: 10.75%;
    /* width: 115px; */
    /* display: inline-block;
    vertical-align: middle; */
    position: absolute;
    /* transform: translateX(20%); */
    transform: translate(20%, 5%);
}
.match_info_league-logo-container img
{
    width: 100%;
    border-radius: 50%
}

.match_info_league-table-container
{
    width: 85%;
    /* width: 92%; */
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    margin-left: 15%;
    /* margin-left: 8%; */
}

.match_info_league-table-row
{
    display: block;
    width: 100%;
    margin: 4px 0px;
}

.match_info_league-table-column_one
{
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    background-color: #51E3A440;
    padding: 15px;
    padding-left: 10px;
    margin: 0px 2px;
}

.match_info_league-table-column_two
{
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    padding: 15px;
    background-color: #51E3A440;
    margin: 0px 2px;
    position: relative;
}

.half_width .match_info_league-table-column_two
{
    width: 10%;
    /* height: 55px; */
}

.third_width .match_info_league-table-column_two
{
    width: 10%;
}

.match_info_league-table-column_winner-text
{
    font-size: 17px;
    font-weight: 700;
    color: #248f8f;
    margin: 0px;
}

.match_info_league-table-column_loser-text
{
    font-size: 17px;
    font-weight: 100;
    color: #248f8f;
    margin: 0px;
}


.set-text
{
    font-size: 17px;
    font-weight: 100;
    color: #248f8f;
    margin: 0px;   
    position: relative;
}

.match_info_league-table-column_two .set-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.set-text span
{
    position: absolute;
    top: 0px;
    font-size: 12px;
}

.set_winner_text
{
    font-weight: 700;   
}

.winner_row
{
    margin: 5px 0px;
}

.results_row
{
    display: flex;
}

.match_info-message-container
{
    display: block;
    width: 100%;
    /* padding-top: 25px; */
    padding-top: 10px;
    margin-left: 2%;
}

.match_info-message
{
    font-size: 15px;
    color: #248f8f;
    margin: 5px 0px;
}

.match_info-date-container
{
    width: 100%;
    /* text-align: right; */
    display: block;
}

.match_info-date
{
    font-size: 12px;
    color: #248f8f;
    margin: 5px 0px;
    display: inline-block;
    margin-left: 2%;
}

.accolade_container
{
    display: block;
    width: 100%;
    font-size: 0px;
    margin-bottom: 20px; 
    display: flex;
    flex-wrap: wrap;
}

.accolade_column
{
    display: inline-block;
    /* width: calc( 20% - 15px ); */
    max-width: calc(20% - 20px);
    vertical-align: middle;
    text-align: center;
    /* margin-right: 15px; */
    /* margin-bottom: 15px; */
    background-color: #fff;
    border-radius: 5px;
    padding-top: 10px;
    position: relative;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    flex: 1 0 calc( 19% - 15px );
    box-sizing: border-box;
    margin: 10px;
}

.accolade_column[ data-selectedbadge="true" ] .selected_accolade_thumbtack_container i
{
    color: #51E3A4;
}

.accolade_column[ data-selectedbadge="true" ] .selected_accolade_thumbtack_container .unselected-thumbtack
{
    display: none
}
.accolade_column[ data-selectedbadge="true" ] .selected_accolade_thumbtack_container .selected-thumbtack
{
    display: block
}

.selected-thumbtack
{
    display: none;
}

.accolade_image_container
{
    max-width: 100px;
    margin: auto;
    position: relative;
}

.accolade_image_container img
{
    width: 100%;
}

.trophy_overlay
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(242,242,242, 0.6);
    cursor: default;
}

.accolade_text_container
{
    display: block;
    width: 100%;
    padding-bottom: 10px;
}

.accolade_text
{
    font-size: 13px;
    font-weight: 500;
    color: #51E3A4;
    margin: 0px;
}

.accolade_banner_container
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 250px;
    z-index: 10;
    padding: 10px;
}

.accolade_title_banner
{
    font-size: 20px;
    color: #24abea;
    font-weight: 900;
}

.accolade_text_banner
{
    font-size: 20px;
    color: #24abea;
    font-weight: 900;
}

.accolade_text_banner
{
    font-size: 17px;
    color: black;
    font-weight: 500;
}

.accolade_text_title
{
    font-size: 20px;
    margin: 0;
    color: #51E3A4;
    /* height: 60px; */
}

.friends_container
{
    width: 100%;

    display: block;
    padding: 20px 40px;
}

.friends_container .new_message_search_container
{
    position: relative;
    margin-bottom: 10px;
}

.friends_container_inner
{
    max-width: 1100px;
    margin: auto;
}

.friends_title_container
{
    width: 100%;
    padding: 5px;
    position: relative;
    
}

.friends_title
{
    color: #51e3a4;
    font-weight: 300;
    /* font-weight: 600; */
    vertical-align: middle;
    font-style: normal;
    font-family: 'regulator-nova', sans-serif;
    /* font-size: 35px; */
    font-size: 30px;
    letter-spacing: -1px;
}

.friends_title p
{
    font-family: 'regulator-nova', sans-serif;
}

.no_friends_title
{
    font-size: 25px;
    color: #51e3a4;
    font-weight: 500;
}

.friends_row
{
    width:100%;
    display: block;
    font-size: 0px;
    padding: 10px 0px;
}

.friends_column_one
{
    display: inline-block;
    vertical-align: middle;
    width: 65px;
}

.friends_profile_image_container
{
    max-width: 100px;
    border-radius: 75px;
    overflow: hidden;
    /* border: 2px solid #ccc; */
    width: 65px;
    height: 65px;
}

.friends_profile_image_container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.friends_column_two
{
    width: calc( 100% - 125px );
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
}

.friends_profile_name_container
{
    width: 100%;
    text-align: left;
}

.friends_profile_name
{
    font-size: 25px;
    color: #51e3a4;
    font-weight: 500;
}

.friends_column_three
{
    display: inline-block;
    width: 50px;
    color: #51E3A4;
    text-align: right;
    font-size: 22px;
    vertical-align: middle;
}

.friends_column_three .friends_profile_image_container
{
    width: 35px;
    height: 35px;
}

.background_new_message
{
   background-color: #CCC;
   border-radius: 25px;
}

.other_friend_icon-container
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 20px;
}

.club_info_image_container
{
    width: 100%;  
    position: relative; 
    height: 275px;
}

.club-header-bgc
{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 150px;
    background-color: #c2b2cd;
}

.club_info_wrapper
{
    width: 100%;  
}

.background_club_info_icon
{
    background-color: #715582;
}

.club_info_image_container .friends_profile_image_container
{
    border: none;
}

.club_info-btn
{
    padding: 2px;
    color: #3fd0a6;
    margin: auto;
    font-size: 20px;
}

.padlock-img
{
    color: green;
    width: 18px;
    display: inline-block;
    
}

.club_info_image_container .profile_section_container_inner
{
    background-color: #c2b2cd;
}

.club_info_image_container .profile_section_container_inner::before
{
    border-bottom: 2px solid #c2b2cd;
    border-right: 2px solid #c2b2cd;
    background: #c2b2cd;
}

.profile_section_container_inner_text_container
{
    text-align: center;
}

.profile_section_container_inner_text_container p
{
    font-size: 17px;
    color: white;
}

.club_info_options-col-1
{
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    
    
}
.club_info_select-container
{
    width: 100%;
    
}
.club_info_select-container select
{
    width: 100%;
    padding: 5px;
    border: 2px solid #715582;
    border-radius: 25px;
    color: #715582;
}

.club_section_info .profile_basic_info_section_container
{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1100px;
    margin: auto;
    width: 100%;
    padding-bottom: 25px;
}

.club_info_options-col-2
{
    display: inline-block;
    vertical-align: middle;
}

.club_info_options-col-2-image_cotnainer
{
    max-width: 35px;
    border-radius: 50%;
    overflow: hidden;
    background: #715582;
    margin: 0px 5px;
}

.club_info_options-col-2-image_cotnainer img
{
    width: 100%;
}

.club_section_info .profile_trophy_info .profile_basic_info_section_container
{
    padding-bottom: 25px;
}

.division_table_row
{
    width: 100%;
    display: block;
    padding-bottom: 3px;
}

.division_table_col_one
{
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    background-color: #51E3A440;
    text-align: left;
    position: relative;
    margin-right: 3px
}

.table_new_message
{
    position: absolute;
    right: 10px;
    top: 0px;
    width: 25px;
}

.table_new_message .background_new_message
{
    margin-top: 0px;
    height: auto;
}

.division_table_col_two
{
    width: calc( 10% - 3px );
    display: inline-block;
    vertical-align: middle;
    background-color: #51E3A440;
    text-align: center;    
    padding: 15px;
    /* margin: 0px 3px; */
    margin-right: 3px
}

/* .division_table_row .division_table_col_two:nth-child(3)
{
    margin: 0
} */

.division_table_col_one p, .division_table_col_one a
{
    color: #715582;
    font-weight: 500;
    margin: 0px;
}

.division_table_col_one .league_table_player_name:hover, .division_table_col_one .league_table_player_name a:hover
{
    color: #51e3a4;
}

.division_table_row.table_title .division_table_col_one p:hover, .division_table_row.table_title .division_table_col_one a:hover
{
    color: white;
}

.division_table_col_two p
{
    color: #715582;
    font-weight: 500;
    margin: 0px;
}

.table_title .division_table_col_one
{
    background-color: #51E3A4;
    margin-right: 3px;
}

.table_title .division_table_col_two
{
    background-color: #51E3A4;
}

.table_title p
{
    color: white;
}

.selected_season_display_container
{
    width: 100%;
    background-color: #715582;
}

.selected_season_display_text_container
{
    padding: 10px;
    text-align: center;
}

.selected_season_display_text_container p
{
    color: white;
    font-size: 17px;
}

.season_select .club_info_options-col-1
{
    margin-right: 0px;
}

.messages_container
{
    width: 100%;
    display: block;
    padding: 20px;
}

.messages_containers_inner
{
    max-width: 1100px;
    margin: auto;
}

.meassage_input-container
{
    margin-top: 25px;
    text-align: left;
    width: 100%;
    margin-bottom: 25px;
}

.message_search_bar
{
    width: calc( 100% - 65px );
    border-radius: 20px;
    border: 2px solid #51e3a4;
    padding: 10px 15px;
    background-image: url('../static/img/search_icon.png');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 10px 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle; 
    margin-right: 15px;
}
.message_search_bar::placeholder
{
    color: #51e3a4;
    font-size: 17px;
}

.message_search_bar:-ms-input-placeholder
{
    color: #51e3a4;
    font-size: 17px;
}

.message_search_bar::-ms-input-placeholder
{
    color: #51e3a4;
    font-size: 17px;
}
.new_message_container
{
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.new_message_container img
{
    width: 50px;
    margin: auto;
    border-radius: 100%;
    overflow: hidden;
}

.new_message_row
{
    width:100%;
    display: block;
    font-size: 0px;
    padding: 10px 10px;
    padding-right: 0px;
}

.new_message_background
{
    background-color: #f2f2f2;
}

.create_new_message_row
{
    width:100%;
    font-size: 0px;
    padding: 10px 0px;
}

.new_message_column_one
{
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    height: 65px;
    position: relative;
}

.new_message_profile_image_container
{
    width: 100%;
    border-radius: 75px;
    overflow: hidden;
   
    padding: 2px;
    height: 100%;
}

.new_message_profile_image_container img
{
    width: 100%;
    border-radius: 50%; 
    height: 100%;
    object-fit: cover;
}

.new_message_column_two
{
    width: calc( 100% - 95px );
    display: inline-block;
    vertical-align: middle;
    padding: 0px 20px;
    overflow: hidden;
    cursor: pointer;
}

.new_message_message-container
{
    text-align: left;
    width: max-content;
}

.new_message_column_three
{
    width: 10%;
    display: inline-block;
    vertical-align: top;  
    width: 20px;
    margin: auto;
    margin-top: 15px;
}

.new_message_column_three img
{
    width: 100%;
}

.new_message_name
{
    font-size: 20px;
    /* color: black; */
    color: #373F42;
    margin: 5px 0px;
}

.unopened_message
{
    font-weight: 700;
}

.new_message_message
{
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
    margin-top: 0px;
}

.new_message_date 
{
    font-size: 13px;
    font-weight: 500;
    color: #666;
    margin: 0px;
}

.temp_background
{
    background:-moz-linear-gradient(right, #c2b2cd 0%,  #715582 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(right, #c2b2cd 0%, #715582 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(50deg, #c2b2cd 0%, #715582 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2b2cd', endColorstr='#715582',GradientType=1 ); /* IE6-9 */   
}

.find_a_club_text_overlay-input-container a:link
{
    text-decoration: none;
}

.conversation_header
{
    width: 100%;
    padding: 10px;
    font-size: 0px;
    background-color: #f2f2f2;
    box-shadow: 2px 4px 15px rgba(0,0,0,0.3);
    position: relative;
    z-index: 25;
}

.conversation_header_col-one
{
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 15px;
    top: 23px;
    width: 50px;
}

.col-one_image_container
{
    width: 50px;
    margin: auto;
}

.col-one_image_container img
{
    width: 100%;
}

.col-one_image_container i
{
    font-size: 30px;
    color: #51e3a4
}

.conversation_header_col-two
{
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.conversation_header-member-profile-container
{
    height: 50px;
    border-radius: 75px;
    overflow: hidden;
    margin: auto;
}
.conversation_header_mobile_image_container
{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.conversation_header_mobile_image_container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.friend_name
{
    font-size: 17px;
    margin-top: 5px;
    color: white;
}

.conversation_body
{
    width: 55%;
    font-size: 0px;
    padding-bottom: 80px;
    display: inline-block;
    vertical-align: top;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    height: 100%;
    position: relative;
    
}

.conversation_body-container
{
    height: calc( 100vh - 170px );
    height: -webkit-calc( 100vh - 170px );
    height: -moz-calc( 100vh - 170px );
}

.conversation_messages_body
{
    width: 25%;
    display: inline-block;
    height: 100%;
    overflow-y: scroll;
}

/* width */
.conversation_messages_body::-webkit-scrollbar 
{
    width: 5px;
}
  
/* Track */
.conversation_messages_body::-webkit-scrollbar-track 
{
    background: #f1f1f1; 
}
   
/* Handle */
.conversation_messages_body::-webkit-scrollbar-thumb 
{
    background: #ccc; 
}

/* width */
.conversation_participants_body::-webkit-scrollbar 
{
    width: 5px;
}
  
/* Track */
.conversation_participants_body::-webkit-scrollbar-track 
{
    background: #f1f1f1; 
}
   
/* Handle */
.conversation_participants_body::-webkit-scrollbar-thumb 
{
    background: #ccc; 
}

.conversation_participants_body
{
    width: 20%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    background-color: #f2f2f2;
    padding: 20px;
    overflow-y: scroll;
}

.conversation_messages_body .messages_container
{
    border: 0px;
}

.user_message_container
{
    padding: 8px 20px 10px 20px;
}



.other_member_message-container
{
    max-width: 70%;
    padding: 8px 20px 10px 20px;
    background-color: #24abea;
    width: initial;
    position: relative;
    margin-bottom: 15px;
    /* margin-bottom: 35px; */
    position: absolute;
    left: 55px;
    top: 0px;
    border-radius: 20px;
}

/* .other_member_message-container:after
{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-right-color: #5cd6d6;
    border-left: 0;
    border-bottom: 0;
    margin-top: 0px;
    margin-left: -10px;
} */

.other_member_message-container p
{
    color: white;
    font-size: 17px;
    margin: 0px;
}

.user_message-container
{
    max-width: 70%;
    padding: 8px 20px 10px 20px;
    border-radius: 20px;
    background-color: #51e3a4;
    width: initial;
    position: relative;
    margin-left: auto; 
    margin-bottom: 15px;
    position: absolute;
    right: 20px;
    top: 0px;
}

/* .user_message-container:after
{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-left-color: #00e6b8;
	border-right: 0;
	border-bottom: 0;
	margin-top: -5px;
	margin-right: -10px;
} */

.user_message-container p
{
    color: white;
    font-size: 17px;
    word-break: break-word;
    margin: 0px;
}

.message_convo-background
{
    background-color: #fff;
}

.converstaion-time-container
{
    width: 100%;
    text-align: center;
}

.converstaion-time-container p
{
    font-size: 13px;
}

.type_new_message-contaner
{
    width: calc( 100% - 20px );
    margin: auto;
    position: relative;
}

.type_new_message-contaner .background_new_message
{
    background-color: #f2f2f2;
}


.new_message-input
{
    width: 100%;
    padding: 20px 20px;
    padding-right: 58px;
    text-align: center;
    border: none;
    outline: none;
    text-align: left;
    resize: none;
}


.new_message-input::placeholder
{
    color: white;
    font-size: 17px;
}

.type_new_message-contaner .new_message-input::placeholder
{
    color: #ccc;
    font-size: 17px;
}

.new_message-input:-ms-input-placeholder
{
    color: white;
    font-size: 17px;
}

.new_message-input::-ms-input-placeholder
{
    color: white;
    font-size: 17px;
}

.type_new_message-contaner .new_message-input::-ms-input-placeholder
{
    color: #ccc;
    font-size: 17px;
}

.admin_body
{
    background-color: #fff;   
}
.admin_container
{
    width: 100%;
    display: block;
    padding: 20px;
}

.admin_container_inner
{
    max-width: 1100px;
    margin: auto;
}

.admin_title_container
{
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
}

.admin_title
{
    font-size: 25px;
    color: #51e3a4;
    font-weight: 500;
    margin-bottom: 0px;
}

.admin_containerlm-league-info-table-container
{
    padding: 0px 40px;
}

.admin_containerlm-league-info-table-container .admin_title
{
    margin: 0px;
}

.admin_row
{
    width: 100%;
    font-size:0px;
    margin-bottom: 20px; 
    padding: 15px 0px;
}

/* .admin_row:nth-child(2)
{
    margin-top: 20px;
} */

.admin_column_one
{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
}

.admin_column_two
{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    text-align: right;
    padding-right: 10px;
}

.admin_column_text
{
    font-size: 20px;
    color: #666;
    margin: 0px;    
}

.admin_column_button
{
    max-width: 75px;
    border-radius: 20px;
    padding: 8px 10px;
    color: white;
    background-color: #51E3A4;
    font-size: 16px;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.admin_league_reg_column_one
{
    display: inline-block;
    width: 15%;
    vertical-align: middle;
    text-align: center;    
}
.admin_league_reg_column_two
{
    display: inline-block;
    width: 15%;
    vertical-align: middle;
    text-align: center;    
}

.admin_league_reg_column_three
{
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    text-align: center;    
}

.admin_league_reg_column_four
{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    text-align: center;    
}

.admin_league_reg_column_btn
{
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    text-align: center;    
}

.league_registration .admin_row
{
    margin-bottom: 0px;
    border-bottom: 1px solid #666;
}

.league_management_button_container
{
    max-width: 250px;
    border-radius: 20px;
    padding: 8px 10px;
    background-color: #51E3A4;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;   
}

.admin_league_man_column_two .league_management_button_container
{
    margin-left: auto;
    display: inline-block;
}


.league_management-margin-top
{
    margin-top: 20px;
}

.league_management_button_text
{
    font-size: 16px;
    color: white;
    margin: 0px;
}

.admin_row_title_container
{
    width: 100%;
    text-align: left;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admin_division_edit_container
{
    position: absolute;
    right: 0;
    top: 0;
}

.admin_division_edit_container p
{
    color: #51E3A4;
    font-size: 17px;
    margin: 0px;
}

.admin_league_man_column_one
{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
}

.admin_league_man_column_one p
{
    padding-left: 5px;
}

.admin_league_man_column_two
{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    text-align: right;
    padding-right: 10px;
}

.admin_league_man_column_three
{
    display: inline-block;
    width: 12%;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    text-align: center;
}

.admin_remove-btn-container
{
    background-color: #51E3A4;
    border-radius: 5px;
    padding: 5px;
    max-width: 80px;
    margin: auto;
}

.admin_remove-btn-container p
{
    font-size: 14px;
    color:  #fff
}

.admin_league_man_column_four
{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: right;
    padding-right: 10px;
}

.league_management .admin_row
{
    margin-bottom: 0px;
    border-bottom: 1px solid #666;
    position: relative;
    user-select: none;
    padding-left: 10px;
}

.admin-players-parent .admin_row
{
    margin-bottom: 0px;
    position: relative;
    user-select: none;
    padding-left: 10px;
}

/* .league_management .admin_row:nth-child(2)
{
    margin-top: 20px;
    border-top: 1px solid #666;
} */

.align-right
{
    margin-left: auto;
}

.admin_btn_row
{
    display: block;
    width: 100%;
    font-size: 0px; 
}

.disabled_btn
{
    background: #666;
    opacity: 0.5;
}

.club_info-container
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 250px;
    z-index: 10;
    padding: 10px;
}

.club_info-container .sidebar_close_image_container
{
    right: 15px;
}

.map_club_info_image-container
{
    max-width: 150px;
    margin: auto;
    overflow: hidden;
}

.map_club_info_image-container img
{
    width: 100%;
    border-radius: 50%;
}

.map_club_info_title-container
{
    display: block;
    width: 100%;
    text-align: center;
}

.map_club_info_title
{
    font-size: 20px;
    color: #51e3a4;
    font-weight: 900;
    margin-top: 5px;
    margin-bottom: 10px;
}

.map_club_info_text-container
{
    display: block;
    width: 100%;
    text-align: center;
}

.map_club_info_text
{
    font-size: 17px;
    color: #666;
    margin: 0px;
}

.map_club_info_button-container
{
    color: #51e3a4;
    width: 100%;
    border-radius: 20px;    
    padding: 10px 15px;
    font-size: 17px;
    border: 1px solid #51e3a4;
    text-align: center;
    max-width: 150px;
    margin: auto;
    margin-top: 10px;  
}

.admin_row_mobile
{
    width: 100%;
    font-size:0px;
    margin-bottom: 20px; 
    background-color: #f4f6f8;
    overflow: hidden;
    height: 65px;
    transition: height 0.3s ease;
}

.admin_row_mobile_title_container
{
    text-align: center;
}

.admin_row_mobile_title
{
    font-size: 20px;
    color: #51e3a4;
    margin-bottom: 0px;
}    

.admin_row_mobile_more_info-row
{
    width: 100%;
}

.admin_row_mobile_more_info-column_one
{
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 0px 10px;
}
.admin_row_mobile_more_info-column_two
{
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding: 0px 10px;    
}

.admin_row_mobile_more_info-column-text
{
    font-size: 17px;
    color: #51e3a4;
}

.admin_row_mobile_more_info-column_one .admin_column_button
{
    margin-right: auto;
    margin-left: 0;
}

.league_management-container
{
    margin-top: 30px;
    width: 100%;
}
.cursor-move
{
    cursor: move;
}

.admin_row_drag-bar
{
    width: 100%;
    display: block;
    height: 15px;
}

select
{
    -webkit-appearance: none;
}

.select_arrow-image-normal
{
    background-image: url("img/dropdown_arrow.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: calc( 100% - 5px );
}

.select_arrow-image-rotated
{
    background-image: url("img/dropdown_arrow - rotate.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: calc( 100% - 5px );
}

.select_when-container_time_select
{
    width: 100%;
    max-width: 85px;
    margin-left: auto;
}

.set_selected_time
{
	width:100%;
 	border-radius: 3px;
  	border: none;
	font-size: 18px;
  	word-break: break-word;
  	font-weight: 400;
  	font-family: "museo-sans","Source Sans Pro","Helvetica","Arial",sans-serif;
    color: black;
    outline: none;  
}

.set_selected_time option
{
	font-size: 18px;
  	word-break: break-word;
  	font-weight: 400;
  	color: black;
}

.select_arrow_normal
{
  background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(132deg, black 50%, transparent 55%);
  background-position:
    calc(100% - 20px) calc(1em - 10px),
    calc(100% - 15.5px) calc(1em - 10px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
}

.select_arrow_flipped
{
  background-image:
    linear-gradient(45deg, black 50%, transparent 50%),
    linear-gradient(132deg, transparent 55%, black 50%);
  background-position:
    calc(100% - 15px) calc(1em - 10px),
    calc(100% - 20px) calc(1em - 10px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
  border-color: #ccc;
  outline: 0;
}

.admin_breadcrumb_container
{
    width: 100%;
    text-align: left;
    padding: 10px;
    padding-left: 0px;
}

.admin_breadcrumb_container a:link
{
    color: none;
}

.admin_breadcrumb_text:nth-child(1)
{
    margin-left: 0px;
    color: #51e3a4;
}

.breadcrumb_previous
{
    color: #51e3a4;
}

a .breadcrumb_current
{
    color: #373F42 !important;
}

.admin_breadcrumb_text
{
    font-size: 17px;
    margin-bottom: 0px;
    display: inline-block;
    margin: 0px 5px;
}

.admin_landing_dashboard .admin_row
{
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.admin_row-coloumn
{
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.admin_row-coloumn img
{
    width: 100%;
    min-width: 150px;
    max-width: 250px;
    margin: auto;
    border-radius: 50%;
}

.admin_row-coloumn .admin-notification
{
    color: #fff;
    right: 30px;
    top: 20px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    font-size: 17px;
}

.admin-club-landing-page .admin_row
{
    background-color: #fff;
    padding: 0px;
}

.admin-club-landing-page .admin_column_one
{
    background-color: #f4f6f8;
    padding: 15px 15px;
    width: calc( 100% - 85px );    
}

.admin-club-landing-page .admin_column_two
{
    padding: 15px 5px;
    width: 85px;    
    position: relative;
}

.admin_column_one_inner
{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.league_active
{
    font-weight: 700;
    color: #373F42;
}

.admin-club-landing-page .admin_column_text
{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2px;
}

.league_management-container_inner
{
    background-color: #51e3a4;
}

.league_management-container_inner
{
    width: 100%;
    padding: 10px 15px;
    position: relative;
}

.lm-container-title
{
    font-size: 20px;
    color: #fff;
    margin: 0px;
}

.lm-container-image-container
{
    position: absolute;
    right: 15px;
    top: 11px;
    width: 20px;
    transition: all 0.2s ease;
}
.lm-container-image-container img
{
    width: 100%;
    filter: invert(100%);
    vertical-align: middle;
}

.lm-league-info-container
{
    height: 0px;
    overflow: hidden;
    display: block;
    transition: height 0.5s ease;
}

.lm-top-into_column
{
    width: 33%;
    margin: auto;
    background-color: #d3ede3; 
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.lm-top-into_column p
{
    font-size: 17px;
    margin: 0px 2px;
    display: inline-block;
}

.lm-top-into_column-edit
{
    position: absolute;
    right: 10px;
    top: 10px;
    text-decoration: underline;
    color: #51e3a4;
}

.lm-registration-switch
{
    margin-left: auto;
}

.lm-colunm-margin
{
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.lm-league-info-table-container
{
    display: block;
    width: 100%;
    padding: 15px 0px;
    border-top: 1px solid #666;

}

.lm-league-info-table-row
{
    display: block;
    width: 100%;
    font-size: 0px;
    padding: 10px; 
}

.lm-top-into_column-status
{
    color: #00eb75;
}

.lm-league-info-table-column-1
{
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.lm-league-info-table-column-2
{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    text-align: right;
}

.lm-league-info-table-column-3
{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    text-align: right;
}

.lm-league-info-table-column-4
{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    text-align: center;
}

.lm-league-info-table-column-title
{
    font-size: 17px;
    font-weight: 700;
    color: #666;
}

.lm-league-info-table-column-text
{
    font-size: 17px;
    font-weight: 500;
    color: #666;   
}

.lm-table-background
{
    background-color: #f4f6f8;
}

.create_new_league-container
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%);
    background-color: white;
    width: 800px;
    min-width: 290px;
    z-index: 10001;
    padding: 20px;
}

.create_new_league-container h2
{
    color: #51e3a4;
    font-weight: 500;
}

.create_new_league-container .sidebar_close_image_container
{
    top: 25px;
    right: 15px;
}

.create_new_league-row
{
    /* width: 100%; */
    width: 90%;
    display: block;
    /* margin-bottom: 20px; */
    margin: 0 auto 20px;
}

.select_date_contiainer
{
    width: 40%;
    margin: 0 5%;
    border: 1px solid #666;
    background-color: #f4f6f8;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.select_date-text
{
    color: #666;
    font-weight: 500;
    font-size: 17px;
    margin: 0px;
    padding: 10px;
}

.create_new_league-name-container
{
    width: 100%;
    margin-bottom: 15px;
}

.create_new_league-name-container input
{
    width: 100%;
    border: 3px solid #3fd0a6;
    padding: 10px;
    box-sizing: border-box;
}

.season_league_types_container
{
    margin-left: 40px;
    width: 90%
}

.create_league_league-type-button-container
{
    /* width: 19%; */
    display: inline-block;
    vertical-align: middle;
    max-width: 150px;
    border-radius: 20px;
    padding: 8px 10px;
    background-color: #51E3A4;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    text-align: center; 
}

.create_league_league-type-button-container-disabled
{
    background: #ccc
}

.create_league_league-type-button-text
{
    font-size: 12px;
    margin: 0px;
    color: white;
}

.admin_row_overall-container
{
    display: none;
}

.admin_row-overall_container
{
    display: flex; 
    flex-direction: column;
}

.admin_row-overall_container .admin_row
{
    margin-bottom: 0px;
}

.lightning-date-picker-pre-div
{
   display: inline-block;
   position: absolute;
   left: 0;
   top: -3px;
}

.lightning-date-picker-next-div
{
   display: inline-block;
   position: absolute;
   right: 0;
   top: -3px;
}

.lightning-date-picker-header
{
   	position: relative;
  	text-align: center;
  	margin-bottom: 15px;
}

.lightning-date-picker-day-row
{
  margin-bottom: 5px;
}

.lightning-date-picker-day-row span
{
    display: inline-block;
    text-align: center;
    font-weight: 400;
    font-family: "museo-sans","Source Sans Pro","Helvetica","Arial",sans-serif;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
}

.lightning-date-picker-day-control
{
  cursor: pointer;
  display: inline-block;
  padding: 8px;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  position: relative;
}

.lightning-date-picker-day-control-date:hover
{
    background-color: #51e3a4;
    border-radius: 50%;
    color: white;
    position: relative;  
}

.lightning-date-picker-day-control-date:hover span
{
    color: white;
}

.lightning-date-picker-selected-day-from-range
{
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.lightning-date-picker-selected-day-to-range
{
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px  !important;
}

.lightning-date-picker-selected-day
{
  background-color: #51e3a4;
  border-radius: 50%;
  color: white;
  position: relative;
}


.lightning-date-picker-today
{ 
    border: 1px solid #51e3a4;
    border-radius: 50%;
    color: white;
    position: relative;
}

.lightning-date-picker-today span
{
    color: black;
}

.lightning-date-picker-fill
{
  background-color: #00ffcc;
  color: white;
  position: relative;
}

.to .lightning-date-picker-selected-day
{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.lightning-date-picker-day-control span
{
	width: 100%;
}

.lightning-date-picker-month-display
{
  	font-weight: 400;
  	font-family: "museo-sans","Source Sans Pro","Helvetica","Arial",sans-serif;
    font-size: 20px;
    color: #51e3a4;
}

.lightning-calendar-day span
{
    color: #51e3a4;
}

.lightning-date-picker-prevnext span
{
   	font-weight: 400;
  	font-family: "museo-sans","Source Sans Pro","Helvetica","Arial",sans-serif;
  	font-size: 22px;
   	padding: 10px;
   	cursor: pointer;
}

.calendar_container
{
    width: 40%;
    margin: 0 5%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 15px;
}

.empty_span
{
    background-color: #ccc;
}

.manage_style
{
    color: #51e3a4;
    text-decoration: underline;
}

.manage-league_title-row .admin_column_text
{
    font-weight: 700;
}

.admin_create_div-btn
{
    background-color: #51e3a4;
    color: white;
    font-size: 20px;
    font-weight: 500; 
    border-radius: 20px; 
    padding: 8px 10px;
    text-align: center;
}

.admin_cancel_div-btn-container
{
    display: inline-block;
}

.admin_cancel_div-btn
{
    font-size: 20px;
    color: #666;
    text-decoration: underline;
    margin: 0 25px;
}

.homepage_section-container
{
    width: 100%;
    display: block;
}

.homepage_title_container
{
    width: 100%;
    text-align: center;
}

.homepage_title_container h2
{
    font-size: 30px;
    font-weight: 500;
}

.row
{
    width: 100%;
    font-size: 0px;
    display: block; 
}

.homepage_text_container
{
    text-align: center;
}

.homepage_text_container_inner
{
    width: 100%;
    max-width: 800px;
    margin: auto;
    text-align: center;
}

.homepage_text_container_inner h2
{
    font-size: 25px;
    font-weight: 500;
}

.homepage_text_container_inner p
{
    font-size: 20px;
    font-weight: 500;
}

.inline-container
{
    display: inline-block;
    vertical-align: middle;
}

.half
{
    width: 50%;
}

.homepage_image_container img
{
    width: 100%;
}

.list-club-container
{
    width: 100%;
    padding: 15px 20px 15px 40px;
    text-align: center;
}

.list_club_title_container h2
{
    text-align: left;
    font-size: 17px;
    font-weight: 700;
}

.club_list-row
{
    width: 100%;
    margin: auto;
    font-size: 0px;
    margin-bottom: 35px;
    position: relative;
}

.club_list_line
{
    position: absolute;
    right: 0px;
    width: 5px;
    background-color: #3fd0a6;
    height: 100%;
    top: 0;
}

.club_list-row-inner
{
    height: 250px;
}

.club_list-colum-one
{
    display: inline-block;
    width: 300px;
    vertical-align: middle;
    height: 100%;
}

.club_list-colum-two
{
    width: calc( 100% - 300px );
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 20px;
}
.club_list-colum-three
{
    width: 20%;
    display: inline-block;
    vertical-align: middle;
}

.club_list-colum-one img
{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.club_list-colum-one-image-container
{
    max-width: 300px;
    margin-right: auto;
    height: 100%;
}

.shadow
{
    box-shadow: 2px 4px 15px rgba(0.1,0.1,0.1,0.1);
    -moz-box-shadow: 2px 4px 15px rgba(0.1,0.1,0.1,0.1);
    -webkit-box-shadow: 2px 4px 15px #ccc;
}

.club_list-name-container
{
    padding: 10px 0px;
    padding-bottom: 35px;
    text-align: center;
}

.club_list-name-container h2
{
    font-size: 22px;
    font-weight: 500;
    color: #51e3a4;
    margin: 0px;
    margin-bottom: 5px;
    height: 50px;
}

.club_list-name-container p
{
    font-size: 13px;
    font-weight: 500;
    margin: 0px;
    height: 50px;
    width: 100%;
    color: #373F42;
}

.club_list_address-container
{
    width: 100%;
    padding: 5px 0px;
}

.club_list_address-container img
{
    margin-right: 5px;
}


.club_list_type_container
{
    width: 100%;
    padding: 5px 0px;
}

.club_list_type_container img
{
    margin-right: 5px;
}

.club_list_membership_container
{
    width: 100%;
    padding: 5px 0px;
}
.club_list_membership_container img
{
    margin-right: 5px;
}

.club-list-button-container
{
    width: 100%;
    padding: 5px 0px;
}

.club-list-button
{
    padding: 8px 10px;
    background-color: #51E3A4;
    color: white;
    font-size: 17px;
    text-align: center;
    border-radius: 5px;
    width: 130px;
    display: inline-block;
    margin-right: 10px;
}

.club-list-button-reversed
{
    padding: 8px 10px;
    border: 2px solid #51E3A4;
    color: #3fd0a6;
    font-size: 17px;
    text-align: center;
    border-radius: 5px;
    width: 130px; 
    display: inline-block;  
}

.date_picker-container
{
    margin-top: 15px;
}

.tl-array-drag-bar 
{
    position: absolute;
    left: 0;
    top:0;
    height: 100%;
    width: 10px;
    background-color: #51E3A4;    
    touch-action: none;
}

.division_name_input
{
    border: 2px solid #51E3A4;
    color: #51E3A4;
}

.division_title_input_container
{
    position: relative;
    margin-top: 10px;
}

.division_input_name_cross_container
{
    position: absolute;
    right: 10px;
    width: 15px;
    top: 50%;
    transform: translateY( -50% );
}

.division_input_save_cross_container
{
    position: absolute;
    right: 10px;
    width: 15px;
    top: 10%;
}

/* .objectedit-array-delete-box {
    position: absolute;
    right: 0;
    cursor: pointer;
    color: white;
}

.objectedit-array-row-wrapper {
    border: 1px solid black;
    margin-bottom: 15px;
    padding: 15px;
    background: white;
}

.objectedit-row-left {
    display: inline-block;
    width: 25%;
}

.objectedit-row-right {
    display: inline-block;
    position: relative;
    width: 75%;
} */

.profile-pic-selector-container
{
    /* width: 80%; */
    display: flex;
    align-items: center;
    overflow: hidden;
    width: calc(100% - 33px);
    position: absolute;
    top: 53px;
    left: 17px;
    background-color: white;
}

.profile-pic-selector-container span:nth-child(2)
{
    color: grey;
    font-size:15px
}

.profile-pic-selector-icon
{
    /* position: absolute;
    top: 53px;
    left: 17px;
    background-color: white;
    width: 100px; */
    cursor: pointer;
    padding-right: 20px
}

.my_league_status .friends_title
{
    font-size: 20px;
    color: black;
    margin-top: 0px;
    margin-bottom: 10px;
}

.my_leagues-row
{
    width: 100%;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.my_leagues-row img
{
    border-radius: 50%;
}

.my_leagues_container_2
{
    width: calc( 100% - 195px );
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 0px 15px;
}

.my_leagues_container_2 p
{
    margin: 0;
}

.league_row-league-name
{
    font-size: 20px;
    color: #373F42;
}

.league_row-season-name
{
    font-size: 15px;
    color: #aaa;
}

.league_row-season-dates
{
    font-size: 12px;
    color: #aaa;   
}

.my-leagues-view-btn
{
    width: 100px;
    background-color: #51e3a4;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    margin-left: auto;
    font-size: 16px;
}

.my-leagues-view-btn p
{
    margin: 0;
    color: #fff;
}

.my-leagues-view-btn[ style="opacity: 0.5" ]
{
    background-color: #fff;
    border: 2px solid #51e3a4;
}

.my-leagues-view-btn[ style="opacity: 0.5" ] p
{
    color: #51e3a4
}

.my_leagues_container_3
{
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.my_leagues_container_3 .my-leagues-view-btn
{
    width: 120px;
}

.my_leagues-row a
{
    color: inherit;
}

.my_leagues-row[ data-status="ended" ]
{
    opacity: 0.5;
}

.my_leagues-row[ data-status="ended" ] .my-leagues-view-btn
{
    background-color: #fff;
    border: 2px solid #51e3a4;
}

.my_leagues-row[ data-status="ended" ] .my-leagues-view-btn p
{
    color: #51e3a4;
}

.my_leagues-row[ data-status="future" ]
{
    cursor: unset;
}

.white_background
{
    background-color: #fff;
}

.light_grey_background
{
    background-color: #f4f6f8;
}

.club_home_info-container
{
    display: block;
    width: 100%;
    padding: 20px;
}

.club_home_info-container h2
{
    text-align: center;
}

.help-container
{
    display: grid;
    background-color: #f2f2f2;
    grid-template-areas:
    'help-center-container help-center-container  help-topics-container'
    'help-topics-text-container help-topics-text-container help-topics-container';
    padding: 0 30px;
    grid-gap: 15px;
    color: #373F42;
}

.help-container h1
{
    font-size: 30px;
    margin: 0px;
    color: #51e3a4;
    transition: background-color 0.4s ease;
}

.help-container h3
{
    margin: 0px;
    color: #51e3a4;
    transition: background-color 0.4s ease;
}

.help-container-inner
{
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px;
}

.help-container-inner p
{
    color: unset;
}

.help-center-container
{
    grid-area: help-center-container;
    margin-top: 10px;
}

.help-topics-text-container
{
    grid-area: help-topics-text-container;
    margin-bottom: 40px;
}

.help-topics-text-container > div
{
    background-color: white;
    margin-bottom: 30px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.help-topics-text-container div:last-child
{
    margin-bottom: 0;
    /* background-color: red; */
}

.help-topics-container
{
    grid-area: help-topics-container;
    margin-bottom: 30px;
}

.help-topics-container > div
{
    position: sticky; 
    top: 10px;
    margin-top: 10px;
    transition: all 0.4s ease-in-out;
}

.help-topics-container a 
{
    color: inherit;
}

.help-container-inner
{
    background-color: white;
    margin: 0 auto;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.help-topics-container ul
{
    list-style: none;
    padding: 0 10px;
    margin: 0;
}

.help-topics-container ul li
{
    padding: 5px 0;
    font-weight: bold;
    cursor: pointer;
    color: #51e3a4;
}

.help-topics-container ul > li li
{
    padding-left: 10px;
    font-weight: normal;
    font-size: 13px;
}

.contact-us-top-tabs
{
    display: flex;
    text-align: center;
    padding-top: 50px;
}

.tab-container
{
    width: 25%;
}

.tab-container-inner
{
    /* width: 45%; */
    margin: auto;
}

.tab-container-icon
{
    /* width: 50px; */
    margin: auto;
    font-size: 60px;
    /* border-right: solid 2px lightgray; */
}

/* .tab-container-inner .partnership-tab
{
    border-right: none;
} */

.tab-divider
{
    position: relative;
}
  
.tab-divider:after 
{
    content: '';
    height: 105px;
    width: 1px;  
    position: absolute;
    right: 0;
    top: 28px;   
    background-color: lightgray;
}

.support .tab-divider:after
{
    width: 2px;  
}

.tab-container-header h1
{
    margin-top: 0;
    padding-top: 22px;
}

.tab-container-text
{
    width: 155px;
    margin: auto;
}

.tab-arrow-down 
{
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;    
    border-top: 20px solid #f2f2f2;
    margin: auto;
    cursor: default;
}

.tab-arrow-down-background
{
    background-color: #f2f2f2;
    cursor: default;    
}

.contact-us-form-container
{
    display: flex;
    background-color: #f2f2f2;
    padding: 40px;
    padding-top: 30px;
}

.contact-us-form-inner
{
    background-color: white;
    /* box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 4px 15px #ccc; */
    width: 50%;
    padding: 30px;
    border-radius: 5px;
}

.contact-us-item-container
{
    position: relative;
}

.contact-us-item-container input
{
    margin-top: 10px;
    padding: 15px;
    border: 2px solid #51E3A4;
    color: #51E3A4;
    border-radius: 3px;
}

.contact-us-item-container input::placeholder
{
    color: #51E3A4;
}

.contact-us-form-inner .chevron-background::after
{
    content: "\f329";
    font-family: 'FontAwesome';
    color: #51e3a4;
    position: absolute;
    top: 50%;
    transform: translateY(-50% );
    right: 6px;
    font-size: 50px;
    text-align: center;  
    pointer-events: none;
    box-sizing: border-box;
}

.contact-us-item-container select
{
    margin-top: 10px;
    padding: 15px;
    border: 2px solid #51E3A4;
    border-radius: 3px;
    font-size: 15px;
    height: 57px;
}
.contact-us-item-container textarea
{
    margin-top: 10px;
    padding: 15px;
    border: 2px solid #51E3A4;
    border-radius: 3px;
}

.contact-us-item-container textarea::placeholder
{
    color: #51E3A4;
}

.contact-us-form-text-container
{
    width: 50%;
    padding-right: 40px;
}

.contact-us-form-text-header
{
    font-size: 35px;
}

.contact-us-form-chat-btn
{
    background-color: #51E3A4;
    border-radius: 5px;
    color: white;
    border: none;
    padding: 10px;
    width: 190px;
    font-size: 15px;
    position: relative;
    display: flex;
    padding-left: 40px;
}

.contact-us-form-chat-btn p
{
    margin: 0;
}

.contact-us-form-chat-btn span
{
    font-size: 25px;
    position: absolute;
    top: 2px;
    left: 8px;
}

.hidden-form
{
    display: none !important;
}

.register_container
{
    width: 100%;
    display: block;
    padding-top: 40px;
    padding-bottom: 40px; 
    background-color: #f1f1f1;
}

.register_inner
{
    width: 100%;
    max-width: 800px;
    margin: auto;
    box-shadow: 2px 4px 15px rgb(0 0 0 / 30%);;
    -moz-box-shadow: 2px 4px 15px rgb(0 0 0 / 30%);;
    -webkit-box-shadow: 2px 4px 15px rgb(0 0 0 / 30%);
    padding: 50px;
    border-radius: 5px;
    background-color: white;
}

.register-item-container
{
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.register-item-container label, input, select
{
    width: 100%;
    display: block;
    font-size: 16px;
}

.register-item-container input, select
{
    margin-top: 10px;
    padding: 15px;
    border: 2px solid #51E3A4;
    color: #51E3A4;
    border-radius: 3px;   
}

.blink-div
{
    position: absolute;
    top: 50%; 
    left: 50%;
    width: 0px; 
    height: 0px;
    background-color: #51E3A4;
    opacity: 0.4;
    /* z-index: -5; */
}

.select::placeholder
{
    /* color: #3fd0a6; */
    color: #51E3A4;
}

.register-item-container::placeholder
{
    color: #51E3A4;
}

.register-item-container input:focus, .register-item-container select:focus
{
    background-color: #fff;
}

.register_container select
{
    margin-top: 10px;
    padding: 15px; 
    border: 2px solid #51E3A4;
    border-radius: 3px; 
    /* background-color: #f2f2f2; */
    background-color: white;
}

.register_adress input
{
    margin-bottom: 20px;
}

.register-item-container label
{
    color: #51E3A4;
    font-size: 20px;
}

.form_button_container
{
    border-radius: 5px;
    background-color: #51E3A4;
    /* background:-moz-linear-gradient(right, #00e6b8 0%,  #5cd6d6 100%); FF3.6-15
    background: -webkit-linear-gradient(right, #00e6b8 0%, #5cd6d6 100%); Chrome10-25,Safari5.1-6 
    background: linear-gradient(to right, #00e6b8 0%, #5cd6d6 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e6b8', endColorstr='#5cd6d6',GradientType=1 ); IE6-9 */
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;   
    line-height: 45px;
}

.mtl-container-us-form-container .form_button_container
{
    margin-top: 30px;
}

/* .login_inner .form_button_container
{
    border-radius: 5px;
    background-color: #51E3A4;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;  
    line-height: 20px; 
}

.login_inner .forgot-password-controls .form_button_container
{
    border-radius: 5px;
    background-color: #51E3A4;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;  
    line-height: 40px;
} */

.form_button_container p
{
    color: white;
    font-size: 16px;
    margin: 0;
}

.register-btn .animated-btn
{
    border-radius: 5px;
}

.club_home_address-container
{
    text-align: center;
}

.club_contact_info-container
{
    display: block;
    width: 100%;
    padding: 20px;
}

.club_contact_info-container h2
{
    text-align: center;
}

.club_contact-container
{
    text-align: center;
}

.error_handling
{
    color: #ff4c4c;
    font-size: 16px;
}

.register_form_login-container
{
    border-bottom: solid 2px #EBF0F1;
    color: #9DB3BB;
    margin-bottom: 0px;
    padding-bottom: 30px;
    text-align: center;
}

.register_form_login-container p
{
    font-size: 20px;
    margin: 0px;
}

.register_form_login-container a
{
    color: #9DB3BB;
}

.register_form_title-container
{
    margin-bottom: 0px;
    padding: 30px 0px 35px;
    text-align: center;
}

.register_form_title-container p
{
    font-size: 30px;
    line-height: 1.4em;
    margin: 0px;
}

.login_container_background
{
    top: 0; 
    left: 0; 
    background-color: transparent; 
    position: fixed; 
    height: 100%; 
    width: 100%;
}
.login_container
{
    position: relative;
}

.login_inner
{
    width: 450px;
    display: block;
    position: absolute;
    /* left: -80px; */
    right: -213px;
    text-align: center;
    padding: 20px;
    /* top: 40px;   */
    top: 90px;  
    z-index: 10;
    transform: translateX( -50% );
    box-shadow: 1px 3px 8px 9px rgba(0,0,0,0.3);
}


.reset-password-message
{
    color: #3fd0a6;
    font-size: 16px;
    margin: 5px;
}

.login_container::before
{
    content: "";
    width: 20px;
    height:20px;
    /* position: absolute; */
    position: fixed;
    /* top: 30px; */
    top: 81px;
    /* left: 50%;; */
    right: 80px;
    transform: translateX( -50% ) rotate( 45deg );
    background-color:  #ffffff;
    z-index: 11;
    filter: drop-shadow(-6px -6px 3px rgb(0,0,0,0.3))
}

.find-a-club-header_container .login_inner
{
    background-color: #fff;
}

.find-a-club-header_container .login_inner .register-item-container input
{
    background-color: white;
}

.desktop_log-in_contianer
{
    display: block;
}

.mobile_log-in_contianer
{
    display: none;
}

.burger-menu_icon-container
{
    width: 50px;
    margin-left: auto;
}

.form_select_arrow_normal
{
  background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(132deg, black 50%, transparent 55%);
  background-position:
    calc(100% - 20px) calc(2em - 10px),
    calc(100% - 15.5px) calc(2em - 10px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
}

.form_select_arrow_flipped
{
  background-image:
    linear-gradient(45deg, black 50%, transparent 50%),
    linear-gradient(132deg, transparent 55%, black 50%);
  background-position:
    calc(100% - 15px) calc(2em - 10px),
    calc(100% - 20px) calc(2em - 10px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
  border-color: #ccc;
  outline: 0;
}

.register-item-dob-container
{
    width: 32%;
    display: inline-block;
    vertical-align: middle;
}

.register-item-dob-middle
{
    margin: 0px 2%;
}

#season_container .club_info_options-col-1
{
    margin: 0px;
}

.league-signup-overview
{
    width: 100%;
    display: block;
    font-size: 0px;
}

.league-signup-half
{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.league-signup-row
{
    width: 100%;
    padding-bottom: 10px;
}

.league-signup-row p
{
    margin: 0px;
}

.league-signup-row .league-list-club-search_col2
{
    border-radius: 0 5px 5px 0;
    /* border: 1px solid #51e3a4; */
}

.league-signup-row .league-list-club-search_col1
{
    width: calc( 100% - 100px );
    display: inline-block;
    vertical-align: middle;
    height: 50px;
}

.league-signup-order-summary
{
    width: 100%;
    padding: 20px 40px;
    background-color: #f2f2f2;
    text-align: center;
}

.league_row_right_desktop
{
    text-align: right;
}

#card_details_section input
{
    padding: 10px;
    /* border: 1px solid #545454; */
    border: 1px solid #c9c9c9;
    height: 45px;
}

.payment_input_half-first
{
    margin-right: 20px;
}

#stripe_cvv-placeholder
{
    /* border-left: 1px solid #545454 !important; */
    border-left: 1px solid #c9c9c9 !important;
}

.payment_input_half
{
    width: calc( 50% - 10px );
    vertical-align: middle;
    display: inline-block;
}

.payment_button
{
    /* margin-top: 15px; */
    background-color: transparent;
    border: 0px;
    color: white;
    border-radius: 3px;
}

.payment_button-container
{
    background-color: #51E3A4;
}

.checkout-form
{
    margin-bottom: 15px;
}

.checkout-error
{
    color: red
}

.club-logo-background-image
{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.participant_row
{
    width: 100%;
    padding: 5px 0px;
}

.participant_row_col_1
{
    display: inline-block;
    width: 60px;   
    height: 60px;
    vertical-align: middle;
    position: relative;
}

.participant_row-user-name-container
{
    display: inline-block;
    width: calc( 100% - 60px);
    padding: 0px 10px;
    vertical-align: middle;
}

.not_you-text
{
    color: #51e3a4;
}

.signup-complete-btn-container
{
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

.signup-complete-btn-container .find-club-button-container
{
    width: 235px;
    border-radius: 5px;
    margin: auto;
    background-color: #54e3a5;
    background: #54e3a5;
}

.orders-container
{
    width: 100%;
    display: block;
    padding: 20px;
}

.orders-title-container
{
    width: 100%;
    text-align: center;
}

.order-container
{
    max-width: 800px;
    margin: auto;
    border: 1px solid black;
    padding: 5px;
}

.order-no-container
{
    width: 100%;
    text-align: center;
}

.order-no
{
    font-weight: 600;
    color: #c9c9c9;
    font-size: 17px;
}

.league_selection_container
{
    width: 100%;
    display: block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0px 25px;
}

.league_selection_container_inner
{
    width: 100%;
    margin-right: auto;
}

.league_selection_tab
{
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    padding-bottom: 0px;
    padding-left: 0px;
    min-width: fit-content;
    outline: none;
}
.league_selection_tab p
{
    margin: 0;
    text-align: center;
}

.league_tab-selected .league_tab-div
{
    border-bottom: 3px solid #51e3a4;
}

.league_tab-div
{
    width: 100%;
    padding-top: 10px;
}

.league_tab-selected .league_tab-text
{
    color: #51e3a4;
    font-weight: 700;
}

#league-table .profile_basic_info_section_container
{
    max-width: 1100px;
    margin: auto;
    width: 100%;
    padding: 25px 0;
    background-color: #f2f2f2;
}

.league-division-select-container
{
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.league-division-select-container select
{
    width: 100%;
    border: 2px solid #3fd0a6;
    color: #3fd0a6;
    padding: 10px;
    margin: 0px;
}

.league-division-select-container .fa-chevron-square-down
{
    position: absolute;
    /* top: 50%; */
    top: 53%;
    transform: translateY(-50%);
    /* right: 10px; */
    right: 3px;
    color: #51E3A4;
    font-size: 38px;
    /* padding: 2px 2px 0 */
    padding-right: 2px;
}

.league_result-submit-container
{
    width: 65%;
    margin-left: auto;
    vertical-align: middle;
    display: inline-block;
    text-align: right;
}

.league_result-submit-container .league_result-submit-btn
{
    display: inline-block;
    vertical-align: middle;
}

.league_result-submit-container .league_result-submit-btn:first-child
{
    margin-right: 10px;
}

.league_result-submit-container .league_result-submit-btn-disabled
{
    display: inline-block;
    vertical-align: middle;
}

.league_result-submit-container .league_result-submit-btn-disabled:first-child
{
    margin-right: 10px;
}

.league_result-submit-btn
{
    width: 170px;
    background-color: #3fd0a6;
    background-color: #51E3A4;
    padding: 10px;
    margin-left: auto;
    border-radius: 5px;
    text-align: center;
}

.message-division-btn
{
    width: 55px;
    display: inline-block;
    vertical-align: top;
    background-color: #51e3a4;
    height: 100%;
    border-radius: 5px;
    text-align: center;
    color: white;
    margin-right: 10px;
    padding-top: 4px;
    height: 43px;
}

.league_result-submit-btn, .message-division-btn
{
    background-color: #24abea;
}

.message-division-btn.animated-btn::after, .league_result-submit-btn.animated-btn::after
{
    background-color:  #1595d1;
}


.message-division-btn span
{
    width: 30px;
    color: white;
    font-size: 25px;
    padding-top: 3px;
}

.message-division-btn-disabled
{
    background-color: rgba(63,208,166,0.3);
    width: 55px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    border-radius: 5px;
    text-align: center;
    color: white;
    margin-right: 10px;
    padding-top: 4px;
    height: 43px;
    cursor: default;
}

.message-division-btn-disabled p
{
    color: white;
    margin: 0px;
    text-transform: uppercase
}

.message-division-btn-disabled span
{
    width: 30px;
    color: white;
    font-size: 25px;
    padding-top: 3px;
}

.league_result-submit-btn-disabled
{
    width: 170px;
    background-color: rgba(63,208,166,0.3);
    padding: 10px;
    margin-left: auto;
    border-radius: 5px;
    text-align: center;
    cursor: default
}

.league_result-submit-btn-disabled p
{
    color: white;
    margin: 0px;
    text-transform: uppercase
}

.league_result-submit-btn p
{
    color: white;
    margin: 0px;
    text-transform: uppercase;
}

.results_form-container
{
    position: absolute;
    left: 50%;
    top: 0%;
    max-width: 750px;
    width: 100%;
    padding: 40px;
    border-radius: 10px;
    transform: translate( -50%, 10% );
    background-color: #fff; 
    z-index: 10001;
    top: -10%;
}

.results_form-title-container p
{
    margin: 0px;
    font-size: 25px;
}

.results_form-title-container
{
    width: 100%;
    text-align: center;
}

.results_form-field-container
{
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.results_form-field-container-small
{
    width: calc( 50% - 15px );
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: middle;
}

.result_select_container
{
    position: relative;
}

.result_select_container .fa-chevron-square-down
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* right: 15px; */
    right: 5px;
    color: #51E3A4;
    /* font-size: 25px; */
    font-size: 45px;
    margin: 2px 2px 0 0 
}

.input-marg-left
{
    margin-left: 15px;
}

.input-marg-right
{
    margin-right: 15px;
}

.set-label
{
    margin-bottom: 10px;
    text-align: center;
}

.results_form-container label, input, select, textarea
{
    width: 100%;
    height: 100%;
    display: block;
    font-size: 16px;
    outline: none;
    padding: 10px;
}

.results_form-container input, select, textarea
{
    margin-top: 10px;
    padding: 15px;
    border: 3px solid #3fd0a6;
    border-radius: 3px;
    background-color: #fff;
}

.results_contest-container label, input, select, textarea
{
    width: 100%;
    height: 100%;
    display: block;
    font-size: 16px;
    outline: none;
    padding: 10px;
}

.results_contest-container input, select, textarea
{
    margin-top: 10px;
    padding: 15px;
    border: 3px solid #3fd0a6;
    border-radius: 3px;
    background-color: #fff;
}

.add_set_btn-container
{
    width: 200px;
    text-align: center;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}


.add_set_btn-container-inner
{
    color: white;
    width: 100%;
    border-radius: 5px;    
    padding: 10px 15px;
    background-color: #51E3A4;
}

.add_set_btn-container-inner-disabled
{
    color: white;
    width: 100%;
    border-radius: 5px;    
    padding: 10px 15px;
    background-color: rgba(63,208,166,0.3);
}

.add_set_btn-container-inner p
{
    font-size: 15px;
    margin: 0px;
}

.add_set_btn-container-inner-disabled p
{
    font-size: 15px;
    margin: 0px;
}

.remove-set-container
{
    position: absolute;
    right: 0;
    top: 0;
}

.remove-result-form-container
{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
}

.club-home-season-container
{
    width: 22%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.5%;
    margin-bottom: 15px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    border-radius: 5px
}

.club-home-season-container select
{
    padding: 10px;
}

.club-home-season-image-container
{
    width: 100%;
    margin-bottom: -5px;
}

.club-home-season-image-container img
{
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.club-home-section-container
{
    padding: 35px;
    background-color: #f2f2f2;
}

.club-home-season-text-container
{
    width: 100%;
    background-color: white;
    padding: 10px;
    border-radius: 0 0 5px 5px;
}

.club-information-container
{
    display: flex;
    background-color: #f2f2f2;
    padding: 50px;
    color: rgba(0,0,0, 0.5)
}

.single-club-graphics-container
{
    /* background-color: white;
    border-radius: 10px; */
    text-align: center;
    width: 350px;
    /* box-shadow: 0px 1px 2px rgba(0,0,0,0.3); */
    border-radius: 5px;
    background-color: white;
    padding: 10px;
}

.single-club-graphics-container .numbers
{
    font-size: 45px;
    margin: 0;
    color: #51E3A4;
}

.single-club-graphics-container img
{
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.no-of-courts
{
    padding-top: 30px;
}

.types-of-courts
{
    display: flex;
    padding: 40px 20px;
    justify-content: center;
}

.types-of-courts > div
{
    width: 20%;
    margin-right: 10px;
}

.more-info
{
    padding-bottom: 20px;
}

.more-info > p
{
    text-decoration: underline;
}

.more-info-text
{
    text-align: left;
    padding: 0 10px;
    text-decoration: none;
}

.more-info-text p
{
    margin: 0;
}

.more-info-text a
{
    color: #51E3A4;
}


.info-container
{
    height: 0; 
    overflow: hidden; 
    padding: 0px 0px;
    transition: all ease 0.5s;
}

/* .members-only-container-desktop
{
    margin-right: 50px;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
} */

.members-only-container-desktop .link a
{
    color: #51E3A4; 
}

.members-only-container-desktop i
{
    color: #51E3A4;
    font-size: 30px;
    padding: 15px;
    padding-left: 0;
}

.members-only-container-mobile
{
    display: none
}

.members-only-container-mobile .link
{
    color: #51E3A4; 
}

.members-only-container-mobile i
{
    color: #51E3A4;
    font-size: 30px;
    padding: 15px;
}

.about-the-club-container
{
    background-color: white;
    border-radius: 5px;
    padding: 5px 20px;
    margin-right: 50px;
    /* box-shadow: 0px 1px 2px rgba(0,0,0,0.3); */
    margin-bottom: 10px;
}

.about-club-info-container
{
    width: calc(100% - 350px);
}

.about-the-club-container-text
{
    color: black
}

.about-the-club-container .numbers
{
    color: #51E3A4;
}

.facilities-container-inner
{
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto auto auto;
}

.facilities-container-inner > div
{
    display: flex;
    align-items: center;
}

.facilities-container-inner > div i
{
    padding-right: 10px;
}

.contact-admin-btn
{
    color: white;
    background-color: #51E3A4;
    border-radius: 5px;
    width: 250px;
    height: 40px;
    text-align: center;
    /* margin-left: 40px; */
    padding: 8px;
    cursor: pointer;
    margin: auto;
}

.contact-admin-btn p
{
    margin: 0;
}

.contact-and-opening-info
{
    display: flex;
}

.opening-times td
{
    padding-right: 10px;
}

.contact-info
{
    width: 60%;
}

.contact-info .address
{
    line-height: 50%;
}

.contact-info .tel-no
{
    margin-bottom: 0;
    margin-top: 40px;
}

/* .opening-times
{
    margin-left: 33%;
} */

.contact-info .numbers
{
    margin-bottom: 25px;
}

.contact-info .address
{
    line-height: 50%;
}

.season-title
{
    font-weight: 700;
    color: #373F42;
    font-size: 17px;
}

.season-date
{
    font-size: 12px;
    color: #ccc;
}

.enter-league-btn-container
{
    width: 100%;
    background: #51E3A4;
    text-align: center;
    padding: 8px;
    border-radius: 5px; 
}
.enter-league-btn-container p
{
    color: white;
    margin: 0px;
}

.enter-league-btn-container-reversed
{
    width: 100%; 
    text-align: center;
    padding: 6px;
    border-radius: 5px;  
    border: 2px solid #51e3a4;   
    color:#51e3a4 !important;
}

.enter-league-btn-container-reversed:hover
{
    color: white !important;
    background-color: #51E3A4;
}

.enter-league-btn-container-reversed p
{
    /* color: #51e3a4; */
    margin: 0px;
}

/* .enter-league-btn-container-reversed p:hover
{
    color: white
} */

.club-home-league-closed-message
{
    color: #24abea; 
    text-align: center; 
    /* margin: 12px 0; */
    display: none;
    /* height: 39px; */
    width: 100%;
    padding: 6px;
    border-radius: 5px;
    border: 2px solid #24abea;
    color: #24abea !important;
}

.club-home-league-closed-message p
{
    margin: 0px;
}

.league-status
{
    font-size: 12px;
    /* color: #ccc; */
    text-align: center;
}

.result_select_arrow_normal
{
  background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(132deg, black 50%, transparent 55%);
  background-position:
    calc(100% - 20px) calc(1em - 0px),
    calc(100% - 15.5px) calc(1em - 0px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
}

.result_select_arrow_flipped
{
  background-image:
    linear-gradient(45deg, black 50%, transparent 50%),
    linear-gradient(132deg, transparent 55%, black 50%);
  background-position:
    calc(100% - 15px) calc(1em - 0px),
    calc(100% - 20px) calc(1em - 0px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
  border-color: #ccc;
  outline: 0;
}

.submit-result-btn-container
{
    max-width: 250px;
    margin: auto;
    text-align: center;
    margin-top: 15px;;
}

.response-container
{
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 750px;
    width: 100%;
    padding: 20px;
    transform: translate( -50%, -50% );
    background-color: #fff; 
    z-index: 10001;
}

.calendar-container
{
    box-shadow: 0px 3px 15px 4px rgb(0, 0, 0, 0.3);
    padding: 5px;
    position: absolute;
    background-color: #fff;
    z-index: 10;
    right: 0px;
    top: 0px;
    padding: 20px;
}

.results_form-league-container
{
    text-align: center;
}

.results_form-league-container p
{
    margin: 0;
    margin-top: 5px;
    color: #3fd0a6;
    font-size: 20px;
}

.results-form-comment
{
    margin: 0;
    margin-top: 5px;
    color: #ccc;
    font-size: 12px;
}

.result-comment-name
{
    font-weight: bold;
    font-style: italic;
}

.result-set_container
{
    width: 100%;
    display: block;
    padding-bottom: 10px;
    background-color: #f2f2f2;
    padding: 15px;
}

/* .result_set-title-container
{

} */

.result_set-title-container p
{
    color: #3fd0a6;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
    font-weight: 700;
}

.set_score_select-container
{
    width: calc( 45% - 10px );
    display: inline-block;
    vertical-align: top;
}

.set-text-container
{
    width: 100%;
}

.set-text-container p
{
    font-size: 17px;
    color: #3fd0a6;
    border-bottom: 1px solid #3fd0a6;
    text-transform: uppercase;
}

.set_select-container
{
    width: 100%;
}

.set-select-half
{
    width: calc(50% - 10px);
    display: inline-block;
    vertical-align: top;
}

.set-select-sixty_five
{
    width: calc(65% - 10px);
    display: inline-block;
    vertical-align: top;
}

.set-select-thirty_five
{
    width: calc(35% - 10px);
    display: inline-block;
    vertical-align: top;
}

.set-select-thirty_five input
{
    height: 55px;
}

.set_select-container label
{
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.result_half_margin_right
{
    margin-right: 10px;
}

.result_half_margin_left
{
    margin-left: 10px;
}

.result_half_margin_right-outer
{
    margin-right: 5%;
}

.result_half_margin_left-outer
{
    margin-left: 5%;
}

.result_disabled_input
{
    background-color: #f2f2f2;    
}

.not-disabled-tiebreak-input
{
    border: 3px solid #3fd0a6;
}

.no_leagues_container
{
    width: 100%;
    padding: 5px;
    text-align: left;
    color: #373F42;
}

.footer-main-wrapper
{
    display: block;
    width: 100%;
    padding: 35px;
    background-color: #192b33;
}

.footer-hr-line
{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-inner-wrapper
{
    width: 100%;
    background-color: #192b33;
}

.footer_container_quater
{
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 5px;
    margin: auto
}

.footer_container_quater p
{
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-family: ‘acumen-pro’, sans-serif;
    margin-bottom: 0;
    line-height: 10px;
}

.footer_container_quater .header
{
    font-size: 20px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.70);
    font-family: 'regulator-nova', sans-serif;
}

.footer-table
{
    text-align: left;
    width: 65%;
    padding-top: 37px;
}

.footer-table th
{
    vertical-align: top;
}

.footer-table p
{
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-family: ‘acumen-pro’, sans-serif;
    margin-bottom: 0;
    line-height: 10px;
}

.footer-table-header
{
    font-size: 20px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.70);
    font-family: 'regulator-nova', sans-serif;
    margin-bottom: 0;
}

.media-logos-container
{
    text-align: right;
    float: right;
    transform: translateY(-145px);
}

.media-logos-container div
{
    display: inline-block;
    width: 25px;
    margin-left: 20px
}

.media-logos-container i
{
    height: 100%;
    width: 100%;
    color: rgba(255, 255, 255, 0.70);
    font-size: 28px;
}

.final_text_container
{
    padding-top: 30px;
    width: 65%;
}

.final_text_container p 
{
    color: rgba(255, 255, 255, 0.5);
    font-family: ‘acumen-pro’, sans-serif;
}

.footer_text_trail
{
    font-size: 13px;
    text-align: left;
}

.footer_text_logo
{
    float: right;
    width: 250px;
    transform: translateY(-40px);
}

.footer_text_logo p
{
    font-size: 25px;
    font-weight: 600;
}

.footer-image-container
{
    max-width: 150px;
    margin: auto;
}

.footer-image-wrapper
{
    text-align: center;
    padding: 20px 0 47px 0;
}

.footer-text-wrapper
{
    width: 100%;
    text-align: left;
    padding-bottom: 30px;
    margin-top: 15px;
}

.footer_container_image_quater
{
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
}

/* .slider-dots-container
{
    display: none;
} */

.club_header_bgc
{
    width: 100%;
    height: 150px;
    background: rgb(109,205,168);
    background: -moz-linear-gradient(90deg, rgba(109,205,168,1) 0%, rgba(107,200,176,1) 31%, rgba(100,183,203,1) 46%);
    background: -webkit-linear-gradient(90deg, rgba(109,205,168,1) 0%, rgba(107,200,176,1) 31%, rgba(100,183,203,1) 46%);
    background: linear-gradient(90deg, rgba(109,205,168,1) 0%, rgba(107,200,176,1) 31%, rgba(100,183,203,1) 46%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6dcda8",endColorstr="#64b7cb",GradientType=1);
}

.club_header_container
{
    transform: translateY( -50% );
}

.club-header-logo-container
{
    margin: auto;
    max-width: 150px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 3px 15px 4px rgb(0, 0, 0, 0.4);
    height: 150px;
}

.club-header-logo-container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.club_header-name-container
{
    text-align: center;
    width: 100%;
}

.club_header-name-container p
{
    margin-top: 5px 0px;
    font-weight: 600;
    color: #51e3a4;
    font-size: 25px;
}

.search_filter-container
{
    width: 100%;
    position: relative;
    text-align: left;
    height: 50px
}

.search_filter-container .club_list_search input
{
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3)
}

.club_list_search
{
    width: calc( 100% - 105px );
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    height: 100%;
}

.club_list_search input
{
    border: 3px solid white;
    padding: 10px 10px 10px 45px;
    border-radius: 5px;
    height: 100%;
    -webkit-appearance: none;
}

.club_list_search span
{
    position: absolute;
    color: #c9c9c9;
    top: 50%;
    transform: translateY( -50% );
    font-size: 18px;
    left: 10px
}

.club_list_search input:focus
{
    border: solid 3px #51e3a4;
}
.club_list_filter-btn
{
    /* width: 125px; */
    width: 65px;
    display: inline-block;
    vertical-align: top;
    background-color: #51e3a4;
    height: 100%;
    border-radius: 5px;
    text-align: center
}

.club_list_filter-btn p
{
    font-size: 17px;
    color: #3fd0a6;
    margin: 0;
    padding: 12px 10px;
}

.filter-img
{
    width: 30px;
    color: white;
    font-size: 30px;
    padding-top: 3px;
}

.club-list-filter-container
{
    position: absolute;
    right: 0;
    top: calc( 100% + 15px );
    background-color: white;
    width: 50%;
    padding: 20px;
    z-index: 10;
    box-shadow: 0px 0px 16px 4px rgba( 0, 0, 0, 0.3 );
}

.club-list-filter-container-inner
{
    /* padding: 20px 10px; */
    padding: 20px;
    position: relative;
    border-radius: 3px;
    border: 2px solid #51e3a4;
}

.club-list-filter-row
{
    width: 100%;
    font-size: 0px;
    display: block;
    text-align: left;
    color: #373F42;
}

.club-list-filter-col
{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    /* padding-bottom: 10px; */
    padding-bottom: 20px;
}

.filter-name
{
    /* font-size: 15px; */
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 10px;
}

.club-list-filter-icon
{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: 1px solid #51E3A4;
}

.club-list-filter-icon-inner
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate( -50%, -50% );
    width: 12px;
    height: 12px;
    background-color: #51E3A4;
}

.club-list-filter-value
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 25px );
}

.club-list-filter-value p
{
    /* font-size: 12px; */
    font-size: 15px;
    margin: 0;
    padding-left: 5px;
}

.club-filter-cross-container
{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
}

.filter-grey-background
{
    height: 166%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /* display: none; */
}

.club-list-recommend-text
{
    color: #3fd0a6;
}

.recommend-container p
{
    margin: 0;
}

.results_error
{
    margin: 0px;
    padding-top: 10px;
    color: #ff4c4c;
    font-style: italic;
    font-size: 15px;
}

.final-error-msg
{
    text-align: center;
    font-size: 15px;
}

.removeSetContainer
{
    position: absolute;
    right: 10px;
    top: 10px;  
}

.disabled_selects
{
    margin-top: 10px;
    padding: 15px;
    border: 3px solid #ccc;
    border-radius: 3px
}

.conversation_body_messages
{
    height: 100%;
    /* overflow-x: hidden; */
    padding: 20px;
    position: relative;
}

.conversation_body_messages_inner
{
    position: relative;
    height: 100%;
    margin: 20px -20px;
    overflow-x: hidden;
}

.new-message-bottom-wrapper
{
    /* display: inline-block; */
    width: 100%;
    position: relative;
    padding-top: 10px;
    background-color: #fff;
}

.new-message-bottom-wrapper .background_new_message
{
    margin-top: 0px;
}

.order_animation-container
{
    width: 100%;
    max-height: 100px;
}

.sqs-col-4
{
    width: 33.333%;
    display: inline-block;
    vertical-align: middle;
}

.order_sucsess_animation_container
{
    max-width: 300px;
    margin: auto;
}

/* width */
.conversation_body_messages_inner::-webkit-scrollbar 
{
    width: 5px;
}
  
  /* Track */
.conversation_body_messages_inner::-webkit-scrollbar-track 
{
    background: #f1f1f1; 
}
   
  /* Handle */
  .conversation_body_messages_inner::-webkit-scrollbar-thumb 
{
    background: #ccc; 
}

.col_no_margin
{
    margin: 0px;
}

#admin_header .select_when-container_time_select
{
    max-width: 100px;
}

#admin_header .select_arrow_normal
{
    background-position: calc(100% - 20px) calc(1em + 5px),
    calc(100% - 15.5px) calc(1em + 5px);
}

.league_management_button_manage_league_type
{
    margin-right: 15px;
}

.add_new_league_type_container
{
    width: 100%;
    text-align: center;
    position: relative;
}

.manage_league_type_input_container input
{
    width: 100%;
    border: 3px solid #3fd0a6;
    padding: 10px;
    box-sizing: border-box;
}

.manage_league_row
{
    margin-bottom: 10px;
}

.manage_league_row label
{
    width: 100%;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.manage_league_inputs_wrapper
{
    padding-bottom: 10px;
    position: relative;
}

.manage_league_type_remove
{
    position: absolute;
    top: 0px;
    right: 10px;
}

.save_manage_league_type
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.disabled_btn
{
    background-color: #ccc !important;
}

.league_type_error
{
    color: red;
}

.edit_league_row
{
    width: 100%;
    border: 1px solid #ccc;
    position: relative;
    padding: 10px 0px;
}

.edit_league_row_name-container
{
    text-align: center;
}

.edit_league_row_name-container p
{
    color: #51e3a4;  
    margin: 0px;
    font-size: 20px;  
}

.edit_league_row input
{
    width: 100%;
    border: 3px solid #3fd0a6;
    padding: 10px;
    box-sizing: border-box;
}

.edit_league_row
{
    margin-bottom: 10px;
}

.edit_league_row label
{
    width: 100%;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.edit_row_inputs_container_inner
{
    padding: 0 10px;
}

.edit_row_inputs_container
{
    overflow: hidden;
    transition: height 0.4s ease-in-out;
}

.league_types_container
{
    width: 100%;
}

.league_type_edit_container
{
    position: absolute;
    right: 5px;
    top: 5px; 
}

.edit_league_row .manage_league_row .league_type_input
{
    border: 1px solid #ccc;
}

.lightning-date-picker-btn-row
{
    width: 100%;
    text-align: right;
}

.calendar_btn
{
    margin-top: 0px;
    margin-right: 10px;
    border: none;
}

.no_pointer_events
{
    pointer-events: none;
}

.league_management-division-container
{
    margin-bottom: 50px;
}

.savePopup
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    padding: 20px;
    width: 250px;
    background-color: #fff;
    z-index: 10001;
    text-align: center;
    border-radius: 5px;;
}

.savePopup p
{
    font-weight: 700;
    font-size: 22px;
}

.savePopupOverlay
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    opacity: 0.4;
    z-index: 99;
}

.new_div_padding
{
    padding-top: 40px;
}

.conversation_mobile_header
{
 width: 100%;
 background-color: #f2f2f2;
 padding: 10px;
}

.mtl-player-profile-container
{
    display: block;
    width: 100%;
    padding: 20px 40px;
    background-color: #f2f2f2;
    font-size: 0px;
}

.mtl-player-profile-contanier-half
{
    width: calc(50% - 20px);
    display: inline-block;
    vertical-align: top;
}

.mtl-player-profile-container-half-first
{
    margin-right: 40px;
}

.mtl-player-profile-info-container
{
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    position: relative;
}

.mtl-player-profile-info-accordian 
{
    transition: 0.5s;
    cursor: pointer;
}

.active.mtl-player-profile-info-accordian:hover
{
    background-color: #f2f2f2;
}

.mtl-player-profile-info-accordian:after
{
    content: "\002B";
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.mtl-profile-accordian-v2
{
    margin-bottom: 40px;
}

.active:after
{
    content: "\2212";
}

.mtl-profile-tab.active:after
{
    content: '';
}

.league_selection_container_inner .active:after
{
    content: '';
}
 
.mtl-player-profile-info-accordian-header-container h2
{
    font-size: 20px;
    padding: 10px;
    margin: auto;
    color: #51E3A4;
}

.mtl-player-profile-info-accordian-panel
{
    background-color: white;
    max-height: 75px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding: 10px 0px;
    border-radius: 5px;
}

.mtl-profile-accordian-overlay
{
    position: absolute;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    height: 75px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 5px;
    cursor: pointer;
}

.mtl-profile-accordian-after::after
{
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX( -50% );
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #fff;
    background-image: url(../static/img/chevron-down-thin-green.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50% 54%;
    z-index: 2;
    box-shadow: 0px 2px 5px 1px #ccc;
    cursor: pointer;
}

.mtl-profile-accordian-after-active::after
{
    transform: rotate( 180deg ) translateX( 50% );
    background-position: 50% 50%;
    box-shadow: 0px -2px 5px 1px #ccc;
}

.mtl-profile-accordian-v2.mtl-profile-accordian-after-active .mtl-profile-accordian-overlay
{
    opacity: 0;
    z-index: -1;
}

.mtl-profile-accordian-v2.mtl-profile-leagues.mtl-profile-accordian-after-active::after
{
    bottom: -5px;
    background-position: 50% 50%;
    box-shadow: 0px -2px 5px 1px #ccc;
}

.mtl-player-profile-feed-container .mtl-player-profile-info-row
{
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.mtl-player-profile-info-row
{
    width: 100%;
    display: block;
    padding: 10px 20px;
    position: relative;
}

.mtl-player-profile-info-column
{
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.mtl-player-profile-info-column-left
{
    text-align:left;
}

.mtl-player-profile-info-column-right
{
    text-align:right;
}

.mtl-player-profile-info-column p
{
    font-size: 16px;
    color: #373F42;
    margin: 0;
    line-height: 1em;
}

.mtl-player-profile-messages
{
    margin-top: 35px;
}

.mtl-player-profile-messages .friends_title_container, .meassage_input-container
{
    display: none;
}

.mtl-player-profile-messages .messages_container
{
    padding: 10px;
}

.mtl-player-profile-messages #mtl-messaging-disabled-container
{
    padding-top: 10px;
}

.mtl-player-profile-feed-image-column
{
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.mtl-player-profile-feed-image-column img
{
    height: 100%;
    object-fit: cover;
}

.mtl-player-profile-feed-text-column
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 75px );
    padding-left: 10px;
}

.feed-row
{
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
}

.mtl-player-profile-feed-text-column p
{
    font-size: 16px;
}

.mtl-player-profile-feed-text-column span
{
    font-size: 16px;
    color: #373F42;
}

.feed-name
{
    color: #51e3a4;
}

.feed_posted-time
{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY( -50% );
    font-size: 16px;
    color: #ccc;
    margin: 0px;
}

.mtl-button
{
    max-width: 250px;
    padding: 10px;
    background-color: #51e3a4;
    margin: auto;
    width: fit-content;
    border-radius: 5px;
    transition: .3s;
}

.mtl-button p 
{
    color: white;
    font-size: 16px;    
    margin: 0px;
}

.animated-btn
{
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    /* color: white; */
    z-index: 1;
}
.animated-btn::after
{
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 0;
    bottom: 0;
    transform: skewX( -15deg );
    background-color: #48D598;
    height: 120%;
    z-index: -1;
}
.animated-btn:hover
{
    cursor: pointer;
}

.animated-btn:hover::after
{
    left: -10%;
    width: 120%;
}

.animated-btn-clear
{
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    color: #fff;
    z-index: 1;
}
.animated-btn-clear::after
{
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 0;
    bottom: 0;
    transform: skewX( -15deg );
    background-color: #51E3A4;
    height: 120%;
    color: #fff;
    z-index: -1;
}
.animated-btn-clear:hover
{
    cursor: pointer;
}

.animated-btn-clear:hover::after
{
    left: -10%;
    width: 120%;
}


.disabled_btn_parent.animated-btn:hover::after
{
    left: 0;
    width: 0;
}

.login-btn-animation
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 5px;
}

.login-btn-animation:hover
{
    opacity: 1;
}

.login-btn-animation p
{
    line-height: 44px;
}

#mtl-profile .messages_search_message_container
{
    display: none;
}

.mtl-profile-header-container
{
    width: 100%;
    position: relative;
    height: 250px;
}

.mtl-profile-header-row
{
    width: 100%;
    transform: translateY( calc( -50% + 2px ) );
    padding: 0 40px;
}

.mtl-profile-header-image-column
{
    max-width: 150px;
    vertical-align: top;
    display: inline-block; 
    padding-bottom: 10px;
}

.mtl-profile-header-text-column
{
    width: calc( 100% - 150px );
    vertical-align: bottom;
    display: inline-block;   
    padding-left: 20px;  
}

.mtl-profile-header-text-column .profile_name_text
{
    margin: 0px;
}

.mtl-profile-header-name-container
{
    width: 100%;
    padding-bottom: 13px;
}

/* .mtl-profile-tab-container
{
    width: fit-content;
    display: block;
}

.mtl-profile-tab-container.glider
{
    margin: unset !important;
    margin-right: auto !important;
} */

.mtl-profile-tab
{
    display: inline-block;
    vertical-align: middle;
    width: 125px;
    text-align: center;
    padding: 10px 0px;
    outline: 0;
    color: #373F42;
}

.mtl-profile-tab p
{
    margin: 0px;
    font-weight: 600;
    /* color: #373F42; */
}

.active-mtl-profile-tab
{
    border-bottom: 3px solid #51e3a4;
    color: #51e3a4;
}

.other-friend-add-friend-container
{
    position: absolute;
    top: calc( 100% - 105px );
    right: 180px;
    width: 135px;
    height: 50px;
}

.other-friend-add-friend-container .add-friend-text
{
    color: white; 
    font-size: 14px; 
    border: white solid 2px; 
    padding: 6px; 
    border-radius: 2px; 
    /* display: inline-block; */
    display: flex;
    justify-content: center;
    width: 100%;
}

.other-friend-add-friend-container .add-friend-text p
{
    margin: 0;
    /* float: left;
    margin-left: 0.5em; */
    padding-right: 5px;
}

.other-friend-add-friend-container .add-friend-text a
{
    float: right;
    /* margin-right: 5% */
    padding-left: 5px;
}
.other-friend-remove-friend-container
{
    position: absolute;
    top: 40px;
    right: 180px;
    width: 148px;
    height: 50px;
}

.other-friend-remove-friend-container .add-friend-text
{
    color: white; 
    font-size: 14px; 
    border: white solid 2px; 
    padding: 6px; 
    border-radius: 2px; 
    /* display: inline-block; */
    display: flex;
    justify-content: center;
    width: 100%;
}

.other-friend-remove-friend-container .add-friend-text p
{
    margin: 0;
    /* float: left;
    margin-left: 0.5em; */
    padding-right: 5px;
}

.other-friend-remove-friend-container .add-friend-text a
{
    float: right;
    /* margin-right: 5% */
    padding-left: 5px;
}

.other-friend-message-friend-container
{
    position: absolute;
    top: 40px;
    right: 40px;  
    width: 130px;
    height: 50px;
}

.other-friend-message-friend-container .message-friend-text
{
    color: white; 
    font-size: 14px; 
    border: white solid 2px; 
    padding: 6px; 
    border-radius: 2px; 
    display: flex;
    width: 100%;
    justify-content: center
}

.other-friend-message-friend-container .message-friend-text p
{
    margin: 0;
    /* float: left;
    margin-left: 10%; */
    padding: 0 5px;
}

.other-friend-add-friend-container .message-friend-text i
{
    /* float: right; */
    padding: 0 5px;
}

.other-friend-add-friend-container .friends_profile_image_container
{
    border-radius:0;
    border: none;
    padding: 0px;
    width: 130px;
    height: 50px;
}

.other-friend-message-friend-container .friends_profile_image_container
{
    border-radius: 0;
    border: none;
    padding: 0px;
    width: 130px;
    height: 50px;
}

.profile_header
{
    width: 100%;
    height: 200px;
}

.profile_color_selector_container
{
    position: absolute;
    top: calc( 100% - 85px );
    right: 45px;
    height: 30px;
}

.profile_color_selector_container svg
{
    height: 0px;
}

.profile_color_selector
{
    width: 25px;
    display: inline-block;
    /* vertical-align: middle; */
    height: 25px;
    border-radius: 50%;
    /* margin-right: 10px; */
    /* padding: 1px */
}

.profile_color_not_selected
{
    border: 1px solid rgba(255, 255, 255, .9);
}

.profile_color_selected
{
    border: 2px solid white;
}

.profile_color_selector_contianer_inner
{
    display: inline-block;
    vertical-align: middle;
}

.profile_color_selector_main
{
    z-index: 10;
    background: linear-gradient(to right, transparent 50%, white 50%);
    border: 1px solid #fff;
}

.announcement_bar-container
{
    width: 100%;
    padding: 20px 65px;
    text-align: center;
    color: white;
    position: relative;
    transition: height 0.2s ease;
    font-family: 'regulator-nova', sans-serif;
    z-index: -1;
}

.announcement-bar-bg-image
{
    background-image: url( "../static/img/MTL Announcement Bar BG.png" );
    background-size: 100% 100%;
    background-repeat: no-repeat;    
}

.announcement_bar_text-container
{
    width: 100%;
}

.announcement_bar_text-container p
{
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: white;
    font-family: 'regulator-nova', sans-serif;
}

.other_participant_message_profile_pic_container
{
    width: 30px; 
    height: 30px; 
    border-radius: 50%;
    position: absolute;
    left: -50px;
    bottom: 0;
    transform: translate( 50%, 0% );
    overflow: hidden;
}

.other_participant_message_profile_pic_container img
{
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}

.club-footer-container
{
    width: 100%;
    padding: 10px 40px;
    background-color: #51E3A4;
    text-align: center;
}

.club-footer-image-container
{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

.club-footer-image-wrapper
{
    max-width: 150px;
    margin: auto;
}

.announcement_bar_text-container a
{
    color: unset;
}

.annoucement_bar_cross
{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY( -50% );
}

.annoucement_bar_cross img
{
    width: 100%;
    height: 100%;
}

.login-popup-header
{
    font-size: 20px;
    font-weight: 700;
    color: #b3b3b3;
}

.login_inner input
{
    border: 2px solid #3fd0a6;
}

.login-popup-header-container
{
    padding-bottom: 10px;
}

.login-popup-register-prompt-container
{
    width: 100%;
    margin-top: 15px;
}

.login-popup-register-prompt-container h4
{
    font-size: 13px;
    font-weight: 700;
    color: #b3b3b3;
}

.login-popup-register-prompt-container a
{
    font-size: 13px;
    font-weight: 700;
    color: #b3b3b3;
    text-decoration: underline;
}

.login-popup-forgotten-password-container
{
    width: 100%;
    margin-bottom: 15px;
    text-align: right;
}

.login-popup-forgotten-password-container h4
{
    font-size: 13px;
    font-weight: 700;
    color: #b3b3b3;
    cursor: pointer;
}

.ann-bar-btn-container
{
    padding: 5px;
    background-color: white;
    border-radius: 3px;
    margin-left: 5px;;
}

.ann-bar-btn-container p
{
    color: #51e3a4;
}

.ann-bar-text-container
{
    max-width: calc( 100% - 100px );
    display: inline-block;
    vertical-align: middle;
}

.ann-bar-btn-container
{
    width: 100px;
    display: inline-block;
    vertical-align: middle;
}

.announcement_bar-container a
{
    text-decoration: none;
    color: transparent;
}

.img-error-msg-container .mtl-button
{
    width: 100px;
    text-align: center;
    margin-top: 36px;
}

.login-popup-forgotten-password-container p
{
    color: #b3b3b3;
    font-size: 13px;
    font-weight: 700;
}

.other-user-icons-image-container
{
    width: 100%;
    height: 100%;
}

.other-user-icons-image-container img
{
    width: 100%;
    height: 100%;
}

.register-item-container .confirm_password
{
    margin-top: 20px;
}

.register_postcode_input
{
    text-transform: uppercase;
}

.register_postcode_input::placeholder
{
    text-transform: capitalize;
}

.auto_height 
{
    width: 100%;
}

.badge_icon
{
    position: absolute;
    top: -7px;
    left: -7px;
    z-index: 2;
    width: 45px;
    height: 45px;
}

.badge_icon img
{
    width: 100%;
    /* border-radius: 50%; */
    object-fit: cover;
    height: 100%;
}

.club_list_item
{
    width: calc( 25% + 20px );
    vertical-align: top;
    position: relative;
    padding: 20px;
    margin-left: -20px;
}

.club_list_club_image_container
{
    height: 125px;
    width: 100%;
}

.club_list_club_image_container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}

.club_list_item_background
{
    background-color: white;
    border-radius: 0 0 5px 5px;
    padding: 15px;
    padding-top: 35px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3)
}

.club_list_item_logo_contianer
{
    width: 80px;
    margin: auto;
    height: 80px;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0px 3px 10px 0px rgb( 0, 0, 0, 0.3 );
}

.club_list_item_logo_contianer img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #fff;
}

.club_list_item .club-list-button
{
    width: 100%;
}


.club_list_item_address_container p
{
    margin: 0px;
    font-size: 12px;
}

.club_list_item_container
{
    text-align: left;
    width: 100%;
}

.account-settings-container
{
    /* padding: 5px 10px; */
    padding: 20px 40px;
    background-color: #f2f2f2;
    font-size: 0px;
}

.account_settings_column
{
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    padding-right: 70px;
}

.account_settings_heading
{
    color: #51e3a4;
    font-size: 30px;
    margin-bottom: 25px;
}

.account_settings_row
{
    width: 100%;
    margin-bottom: 15px;
}

.account_settings_row_label_container
{
    color: #51e3a4;
    font-size: 20px;   
    margin-bottom: 10px;
}

.account_settings_row_label_container label
{
    color: #51e3a4;
    font-size: 16px;   
    margin-bottom: 10px;
}

.new-message-image:hover
{
    cursor: pointer;
}

.account_settings_info_container
{
    width: 100%;
    min-height: 45px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 0px 16px 5px rgba( 0, 0, 0, 0.1 );
    position: relative;
}

.account_settings_info_container p
{
    /* color: #192b33; */
    color: #373F42;
    font-size: 17px;
    margin: 0px;
}

.account_settings_info_container .fa-chevron-right
{
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY( -50% );
    color: #51E3A4;
}

.account_settings_collumn_inner
{
    margin-top: 50px;
}

.setting_no_change
{
    opacity: 0.5;
}

.account_sidebar_inner
{
    padding: 20px;
    position: relative;
}

.account_sidebar_inner .sidebar_close_image_container
{
    right: 20px;
}

.account_sidebar_title h2
{
    font-size: 22px;
    color: white;
}

.account_sidebar_title
{
    margin-bottom: 30px;
}

.account_sidebar_changes_container input
{
    padding: 10px;
    border: 2px solid white;
    border-radius: 5px;
    background-color: transparent;
    color: white;
    margin-bottom: 15px;
}

.account_sidebar_changes_container input::placeholder
{
    color: white;
    font-style: italic;
}

.account_sidebar_changes_btn_container
{
    margin-top: 30px;
}

.account_sidebar_btn_update
{
    background-color: white;
    color: #51e3a4;
    text-align: center;
    border-radius: 5px;
    padding: 10px 5px; 
    margin-bottom: 10px;   
}

.account_sidebar_btn_update p
{
    margin: 0px;
    font-size: 18px;
}

.account_sidebar_btn_cancel
{
    background-color: transparent;
    border: 1px solid #fff;
    padding: 10px 5px;
    text-align: center;
    border-radius: 5px;
}

.account_sidebar_btn_cancel p
{
    color: white;
    font-size: 18px;
    margin: 0px;
}

.club-home-select-league-container
{
    position: relative;
}

.club-home-select-league-container .fa-chevron-square-down
{
    position: absolute;
    top: 54%;
    transform: translateY( -50% );
    right: 4px;
    color: #51E3A4;
    font-size: 38px;
    padding-right: 2px;
    display: none;
    /* padding: 2px 2px 2px 0 */
}

.new_message_icon_container
{
    position: absolute;
    right: 0px;
    top: 52%;
    transform: translateY( -50% );
    font-size: 22px;
    vertical-align: middle;
    color: #51E3A4;
    width: 35px;
    cursor: pointer;
    height: 35px;
    line-height: 30px;
    text-align: center;
}

.new_message_search_container
{
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    /* box-shadow: 0px 3px 10px 0px rgb( 0, 0, 0, 0.3 ); */
    z-index: 150;
}

.new_message_search_container input
{
    padding: 15px;
    border: 0px;
}

.new_message_search_container_inner
{
    position: relative;
}

/* #alt-search-container
{
    background-color: white;
    border: solid 3px #51E3A4;
}

#alt-search-container input
{
    background-color: white;
    padding-left: 40px;
    border: none;
} */

.new_message_search_container_input_wrapper
{
    position: relative;
    background-color: #fff;
    /* padding: 15px; */
    border-radius: 5px;
    /* height: 50px */
    padding: 15px;
    border: 3px solid #51E3A4;
}

.friends_title_container .new_message_search_container_input_wrapper
{
    border: none;
    padding: 0;
    width: 90%;
}

.new_message_search_container_input_wrapper:focus
{
    background-color: white;
    /* border: #51E3A4 solid 3px; */
}

.new_message_search_container_input_wrapper span input
{
    display: unset;
    /* width: auto; */
    /* padding: 15px 0 15px 40px; */
    /* padding: 10px 0 10px 40px; */
    width: 100%;
    /* border: 3px solid #51E3A4; */
    /* background-color: white; */
    border-radius: 5px;
    height: 100%;
    color: #373F42;
    padding: 0;
    background-color: transparent;
}

.new_message_search_container_input_wrapper .friends-search-input
{
    display: unset;
    width: auto;
    /* padding: 15px 0 15px 40px; */
    width: 100%;
    border: none;
    background-color: #f2f2f2;
    border-radius: 5px;
    height: 100%;
    color: #373F42;
}

.friends_title_container .new_message_search_container
{
    border: 3px solid #51E3A4;
    border-radius: 5px;
    padding: 15px;
}

.search-for-friends_wrapper 
{
    position: relative;
    /* background-color: #fff; */
    background-color: #f2f2f2;
    /* padding: 15px; */
    border-radius: 5px;
    height: 50px;
}

.friends-search-box-container
{
    position: relative;
}

.friends-search-box
{
    height: 50px; 
    padding-left: 45px; 
    background-color: #f2f2f2; 
    border-radius: 5px; 
    border: none;
    margin-bottom: 10px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.friends-search-box:focus
{
    background-color: white;
    border: solid 3px #51E3A4;
}

.friends-search-box-container span
{
    position: absolute;
    transform: translate(50%, 50%);
    color: #c9c9c9;
    font-size: 18px;
}


.friends-search-input:focus
{
    background-color: white;
    border: solid 3px #51E3A4;
}

.search-placeholder::placeholder
{
    color: red;
}

.new_message_search_container_input_wrapper i
{
    color: #c9c9c9;
    padding-right: 10px;
    font-size: 18px;
}

.friends_title_container .new_message_name_container
{
    background-color: #51E3A4;
    border-radius: 20px;
    padding: 2px 5px 5px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: -3px;
    float: left;
}
.new_message_name_container
{
    background-color: #51E3A4;
    border-radius: 20px;
    /* padding: 2px 5px;
    padding-left: 8px; */
    padding: 2px 5px 5px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}

.new_message_name_container span
{
    font-size: 15px;
    color: white;
}

.new_message_name_container span img
{
    width: 10px;
    margin-left: 10px;
    margin-right: 5px;
}

.messages_customer_list_popup_container
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0px 3px 17px 0px rgb( 0, 0, 0, 0.3 );
    border-radius: 5px;
    max-width: 300px;
    z-index: 10;
}

.new_message_search_container_close_search_container
{
    position: absolute;
    right: 30px;
    top: 53%;
    width: 15px;
    transform: translateY( -50% );
}

.friends_title_container .new_message_search_container_close_search_container_cross
{
    position: absolute;
    /* right: 30px; */
    right: -10%;
    top: 53%;
    width: 15px;
    transform: translateY( -50% );
}

.friends_title_container .new_message_search_container_close_search_container_tick
{
    position: absolute;
    /* right: 30px; */
    right: -10%;
    top: 53%;
    width: 15px;
    transform: translateY( -50% );
}

/* .new_message_tick
{
    color: #51E3A4;
    font-size: 25px;
} */

.messages_search_customer_row
{
    width: 100%;
    background-color: white;
    padding: 10px;
    font-size: 0px;
}

.messages_customer_search_name
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 50px ); 
    padding-left: 10px;   
}

.messages_customer_search_name p
{
    font-size: 18px;
}

.messages_customer_search_profile_image_container
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.messages_customer_search_profile_image_container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.messages_search_customer_row:hover
{
    background-color: #f2f2f2;
}

.messages_search_message_container
{
    width: 100%;
}

.messages_search_message_container
{
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative;
    height: 50px;
}

.messages_search_message_container span
{
    position: absolute;
    font-size: 18px;
    color: #c9c9c9;
    transform: translate(50%, 50%);
}

.messages_search_message_container input
{
    padding: 10px;
    padding-left: 45px;
    border-radius: 5px;
    background-color: #f2f2f2;
    border: 0px;
    font-size: 16px;
    height: 100%;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.messages_search_message_container input::placeholder
{
    line-height: 20px;
}

.messages_search_message_container input:focus
{
    background-color: white;
    border-radius: 5px;
    border: solid 3px #51E3A4;
}

.messages_search_message_result_container
{
    z-index: 10;
    background-color: white;
    box-shadow: 0px 3px 17px 0px rgb( 0, 0, 0, 0.3 );
    position: absolute;
    width: 100%;
}

.messages_search_message_result_row
{
    width: 100%;
    font-size: 0px;
    padding: 5px;
}

.messages_search_message_result_row:hover
{
    background-color: #f2f2f2;
}

.messages_search_message_result_col1
{
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    border-radius: 50%;
    overflow: hidden;
}

.messages_search_message_result_col1 img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.messages_search_message_result_col2
{
    display: inline-block;
    width: calc( 100% - 50px );
    vertical-align: middle;
}

.messages_search_message_result_col2 p
{
    font-size: 17px;
    font-weight: 500;
    color: #666;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-left: 10px;
}

.search_conversation-result_text
{
    font-size: 12px;
    margin: 0;
    text-align: center;
    padding: 5px;
}

.league_table_results_container .profile_basic_info_section_container
{
    padding-top: 1px !important;
}

.league_table_results_container .profile_basic_info_section_container
{
    padding-top: 1px !important;
}

.admin-conversation .conversation_body
{
    width: 100%;
}

.user_typing .message_text span
{
    /* font-size: 35px;
    line-height: 0; */
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 3px;
}

.message_text span
{
    display: block;
    width: 100%;
    padding-bottom: 10px;
}

.message_text span a
{
    text-decoration: underline;
    color: white;
}

.message_text > a
{
    text-decoration: underline;
    color: white
}

.typing_message_dot-1
{
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.1s;
    animation: dot 1.3s infinite;
    animation-delay: 0.1s;

}

.typing_message_dot-2 
{
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

.typing_message_dot-3
{
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.4s;
    animation: dot 1.3s infinite;
    animation-delay: 0.4s;
}

@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes shake 
{
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.new_message_search_container_close_search_container .fa-check
{
    color: #51E3A4;
    font-size: 25px;
}

.admin-save-popup
{
    width: 100%;
    position: sticky;
    bottom: 0;
    left: 0;
    height: 0px;
    background-color: #51E3A4;
    transition: all 0.5s ease;
    overflow: hidden;
}

.admin-save-popup_container
{
    width: 100%;
    text-align: right;
    padding: 15px;
}

.admin-popup-save-btn
{
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    display: inline-block;
    width: 100px;
    text-align: center;
    margin-left: 15px;
}

.admin-popup-save-btn p
{
    color: #51E3A4;
    margin: 0px;
    font-weight: 700;
}

.admin-popup-cancel-btn
{
    display: inline-block;
    text-align: center;
}

.admin-popup-cancel-btn p
{
    color: white;
    font-weight: 700;
    margin: 0;
}

.user-verified-icon
{
    position: absolute;
    right: 0px;
    top: 42px;
    /* z-index: 10; */
    z-index: 7;
    width: 24px;
    height: 24px;
    border-radius: 25px;
    background-color: #51e3a4;
    text-align: center;
    /* box-shadow: 0px 0px 12px 4px rgba( 0, 0, 0, 0.3 ); */
}

.user-verified-icon i
{
    font-size: 15px;
    color: white;
    line-height: 27px;
}

.admin-icon-messages
{
    position: absolute;
    font-size: 14px;
    border-radius: 50%;
    background-color: #24abea;
    width: 24px;
    height: 24px;
    color: white;
    text-align: center;
    /* transform: translate(-23px, 38px); */
    right: 0px;
    top: 42px;
    padding-top: 1px;
}

.admin-icon-participants
{
    position: absolute;
    font-size: 14px;
    border-radius: 50%;
    background-color: #24abea;
    width: 24px;
    height: 24px;
    color: white;
    text-align: center;
    /* transform: translate(37px, 38px); */
    right: -4px;
    top: 40px;
    padding-top: 1px;
}

.group_iamge
{
    width: 55px;
    height: 55px;
    border: 0;
}

.signup_search_for_user_container 
{
    margin-top: 10px;
}

.signup_search_for_user_container .new_message_search_container
{
    position: relative;
}

.accolade_unclock_on_text_container
{
    width: 100%;
    /* height: 30px; */
}

.accolade_unlocked_text
{
    font-size: 12px;
    margin: 0;
    line-height: 30px;
}

.selected_accolade_thumbtack_container
{
    position: absolute;
    top: 10px;
    right: 10px;
}

.selected_accolade_thumbtack_container i
{
    font-size: 15px;
    /* color: #ccc; */
    color: #51E3A4;
}

/* .unselected-thumbtack
{
    display: none;
    color: #51E3A4;
    font-size: 15px;
} */

#ResultsClubAdmin
{
    padding-top: 20px;
}

.resultsClubAdminTitle
{
    text-align: center;
    color: #51E3A4;
}

#ResultsClubAdmin .profile_info_section_container
{
    background-color: unset;
}

#ResultsClubAdmin .league_table_results_container .profile_basic_info_section_container
{
    padding: 0px;
}

#ResultsClubAdmin .match_info_table-outer
{
    border: 1px solid #51E3A4;
}

#ResultsClubAdmin .match_info_league-logo-container
{
    display: none;
}

#ResultsClubAdmin .match_info_league-table-container
{
    width: 100%;
}

#ResultsClubAdmin .third_width .match_info_league-table-column_two
{
    width: 12.5%;
}

#ResultsClubAdmin .half_width .match_info_league-table-column_two
{
    width: 19%;
}

#my-leagues
{
    background-color: #f2f2f2;
}

.my-leagues-container
{
    padding: 20px 40px;
}

.my-leagues-league-list-section
{
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

.leagues-list-club-section
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.leagues-list-club-section-inner
{
    padding: 10px 20px;
    padding-top: 0px;
}

.subscribed_club_list_container
{
    width: 100%;
    padding: 10px;
    background-color: #fff;
}

.subscribed_club_list_row
{
    width: 100%;
    font-size: 0px;
    display: block;
    cursor: pointer;
}

.subscribed_club_list_col1
{
    width: 75px;
    height: 75px;
    display: inline-block;
    vertical-align: middle;
    /* border: 1px solid #ccc; */
    padding: 2px;
    overflow: hidden;
}

.subscribed_club_list_col1 img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.subscribed_club_list_col2
{
    width: calc( 100% - 75px );
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.subscribed_club_list_name
{
    font-size: 20px;
    color: #51E3A4;
}

.league-list-club-search-row
{
    width: 100%;
    font-size: 0px;
    display: block;
}

.league-list-club-search_col1
{
    /* width: calc( 100% - 100px ); */
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
}

.league-list-club-search_col1 .find_a_club_search_bar
{
    padding: 10px;
    padding-top: 15px;
    padding-left: 45px;
    height: 100%;
    font-size: 12px;
    border-radius: 5px;
    border: none;
    text-align: left;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.league-list-club-search_col1 .find_a_club_search_bar:focus
{
    border: solid 3px #51E3A4;
}

.league-list-club-search_col1 .find_a_club_search_bar::placeholder
{
    font-size: 16px;
    /* line-height: 100%; */
}

.league-list-club-search_col1 span
{
    position: absolute;
    color: #c9c9c9;
    font-size: 18px;
    /* transform: translate(75%, 75%) */
    transform: translate(50%, 50%)
}

.league-list-club-search_col2
{
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    background-color: #51E3A4;
    text-align: center;
    height: 50px;
    border-radius: 0 10px 10px 0;
}

.league-list-club-search_col2 p
{
    font-size: 15px;
    color: white;
}

.my_leagues_league_status
{
    font-size: 14px;
    color: #51E3A4;
    margin: 0;
    margin-top: 5px;
    font-weight: 600;
}

.league-list-subscribed-clubs-container
{
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.league-signup-overview-container
{
    width: 600px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    margin: auto;
    text-align: left;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.league-signup-billing-details-container
{
    width: 600px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 20px;   
    margin: auto;
    margin-right: 30px;
    text-align: left;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.checkout-title
{
    font-size: 20px;
    color: #51E3A4;
}

.checkout-detail
{
    font-size: 20px;
}

.checkout_title
{
    font-size: 25px;
    color: #51e3a4;
    font-weight: 300;
    vertical-align: middle;
    font-family: 'regulator-nova', sans-serif;
    font-style: normal;
    margin-bottom: 15px;
}

/* .league-signup-row .league-list-club-search_col1
{
    border: 1px solid black;
    border-right: none;
} */

.league-signup-row .league-list-club-search_col1 .find_a_club_search_bar
{
    font-size: 17px;
    padding-left: 10px
}
.league-signup-row .league-list-club-search_col1 .find_a_club_search_bar::placeholder
{
    font-size: 17px;
    text-align: left;
}

.league-signup-row .league-list-club-search_col1 .find_a_club_search_bar:focus
{
    border: unset
}

.league-signup-row .league-list-club-search_col2 p
{
    line-height: 44px;
}

.checkout-discount-row
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.checkout-bold-text p
{
    font-weight: 700;;
}

.checkout-billing-address-option-container
{
    width: 100%;
    font-size: 0px;
    display: block;
    margin-bottom: 15px;
}

.checkout-billing-address-radio
{
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #51E3A4;
    padding: 3px;
    position: relative;
    vertical-align: middle;
}

.checkout-billing-address-radio-inner
{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #51E3A4;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -53%, -47% );
}

.checkout-billing-address-option
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 25px );
    padding-left: 5px;
}

.checkout-billing-address-option p
{
    font-size: 15px;
    margin: 0;
}

.checkout-billing-address-option-container[data-address-selected="true"] .checkout-billing-address-radio-inner
{
    display: block;
}

.checkout-billing-address-option-container[data-address-selected="false"] .checkout-billing-address-radio-inner
{
    display: none;
}

.billing-address-form-container input
{
    border-radius: 5px;
}

.checkout-doubles-add-user i
{
    padding: 10px;
    color: #fff;
    font-size: 20px;
}

.checkout-doubles-add-user span
{
    font-size: 17px;
    color: #fff;
}

.league-signup-half .new_message_name_container
{
    float: right;
}

#other-user-container .new_message_name_container span
{
    height: 32px;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.not_listed_container
{
    background-color: #51E3A4;
}

.not_listed_container .messages_customer_search_name
{
    width: 100%;
    padding: 0;
}

.not_listed_container .messages_customer_search_name p
{
    color: #fff;
    margin: 0;
    font-size: 17px;
}

.not_listed_container:hover
{
    background-color: #51E3A4;
}

.checkout-doubles-invite-container
{
    width: 100%;
}

.checkout-doubles-invite-container input
{
    padding: 10px;
}

.checkout-doubles-invite-container div
{
    margin-bottom: 15px;
}

.checkout-doubles-add
{
    width: 100%;
    background-color: #51E3A4;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

.checkout-doubles-add p
{
    margin: 0px;
    color: #fff;
    font-size: 17px;
}

.checkout-doubles-invite-close
{
    width: 15px;
    margin-bottom: 0;
    margin-left: auto;
}

.member-profile-image-zoom-container
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate( -50%, -50% );
    z-index: 9;
    padding: 25px;
}

.member-profile-image-zoom-container-inner
{
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #fff;
    width: 500px;
    height: 500px;
}

.member-profile-image-zoom-container-inner img
{
    width: 100%;
    object-fit: cover;
    height: 100%
}

.member-profile-image-zoom-container-cross
{
    width: 15px;
    margin-left: auto;
}

.member-profile-badge-zoom-container
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate( -50%, -50% );
    z-index: 9;
    padding: 25px;
}

.member-profile-badge-zoom-container-inner
{
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #fff;
    width: 500px;
    height: 500px;
    background-color: #fff;
    text-align: center;
}

.member-profile-badge-zoom-container-inner img
{
    width: 100%;
    /* object-fit: cover; */
    height: 100%;
    transform: translateY(20px);
}

.member-profile-badge-zoom-container-cross
{
    width: 15px;
    margin-left: auto;
}

.msg-indicator-container
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ff4c4c;
}

.msg-indicator-txt
{
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    margin: 0;
    text-align: center;
}

.nav-message
{
    width: fit-content;
    position: relative;
}

.nav-message .msg-indicator-container
{
    right: -25px;
    background-color: #ff4c4c;
}

.nav-message .msg-indicator-container .msg-indicator-txt
{
    color: #fff;
}

#verify
{
    height: 55vh;
    width: 100vw;
    text-align: center;
    background-color: #f2f2f2;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.verify-message-container
{
    background-color: white;
    border-radius: 10px;
    width: 35%;
    margin: auto;
    display: inline-block;
}

.verify-message-container p
{
    color: #373F42;
}

.need-help-msg
{
    color: rgba(0,0,0, 0.5);
}

.resend-btn
{
    width: 200px;
    padding: 5px;
    border-radius: 5px;
    background-color: #51E3A4;
    margin: auto;
}

.resend-btn p
{
    color: white;
    margin: 0px;
}

.glider-slide
{
    max-width: 150px;
}

.glider-track
{
    width: fit-content !important;
}

.glider-child
{
    border: 1px solid black;
    min-height: 180px;
    text-align: center;
}

.mtl-table-feed-item
{
    width: 100%;
    border: 1px solid #51E3A4;
    /* height: 50px; */
    margin-bottom: 25px;
    background-color: #fff;
    display: flex;
}

.mtl-table-feed-item-icon-container
{
    width: 50px;
    background-color: #51E3A4;
    /* height: 100%;
    display: inline-block; */
    vertical-align: middle;
    text-align: center;
}

.mtl-table-feed-item-icon-container i
{
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    position: relative;
    top: 50%;
    transform: translateY( -50% );
}

.mtl-table-feed-item-content-container
{
    display: inline-block;
    width: calc( 100% - 50px );
    vertical-align: middle;
    height: 100%;
    padding: 10px;
}

.mtl-table-feed-item-content-container span
{
    line-height: 30px;
    font-size: 15px;
    color: #248f8f;
}

.admin_player_image_col
{   
    /* width: 9%; */
    width: 10%;
    display: inline-block;
    vertical-align: middle;
}

.admin_player_image_container
{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.admin_player_image_container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin_player_name_col
{
    display: inline-block;
    vertical-align: middle;
    /* width: 12%;   */
    width: 20%;  
}

.admin_player_email_col
{
    display: inline-block;
    vertical-align: middle;
    width: 20%;  
}

.admin_player_number_col
{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}

.admin_player_gender_col
{
    display: inline-block;
    vertical-align: middle;
    /* width: 10%; */
    width: 20%;
}

.admin_player_dob_col
{
    display: inline-block;
    vertical-align: middle;
    /* width: 12%; */
    width: 20%;
}

.admin_player_age_col
{
    display: inline-block;
    vertical-align: middle;
    width: 5%;
}

.admin_row_players_titles .admin_column_text
{
    font-weight: 700;
}

.admin_players_container .admin_column_text
{
    word-break: break-word;
}

.for-players[ aria-disabled="false" ]
{
    background-color: transparent;
    color: white;
}

.for-clubs[ aria-disabled="true" ]
{
    background-color: #fff;
    color: unset;
}

.button-container button
{
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out
}

.homepage-signup-button-container p
{
    margin: 0px;
}

.admin-man-create-league-btn-container
{
    width: 50%;
    padding-bottom: 25px;
}

.admin_league_man_div-name
{
    max-width: 250px;
}

.admin_players-inner
{
    padding: 20px;
}

.admin_player_col
{
    padding: 5px;
}

.admin-players-white
{
    background-color: #fff;
}

.admin-players-grey
{
    background-color: #f2f2f2;
}

.results_contest-container
{
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 750px;
    width: 100%;
    padding: 40px;
    border-radius: 10px;
    transform: translate( -50%, -50% );
    background-color: #fff; 
    z-index: 10001;
}

.results_contest-title-container p
{
    margin: 0px;
    font-size: 25px;
}

.results_contest-title-container
{
    width: 100%;
    text-align: center;
}

.contest-results_form-field-container
{
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.contest-result_select_container
{
    position: relative;
}

.contest-result_select_container .fa-chevron-square-down
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* right: 15px; */
    right: 5px;
    color: #51E3A4;
    /* font-size: 25px; */
    font-size: 45px;
    margin: 2px 2px 0 0 
}

.submit-contest-result-btn-container
{
    max-width: 250px;
    margin: auto;
    text-align: center;
    margin-top: 15px;;
}

.contest-result-container
{
    /* position: absolute;
    right: 10px;
    top: 10px; */
    color: #51E3A4;
    font-size: 16px;
    /* display: inline-block; */
    float: right;
    display: none;
}

#league-table .match_info_table-outer
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.mtl-no-feed-item-container p
{
    text-align: center;
    font-size: 16px;
    color: #373F42;
}

.no-results-msg-container
{
    text-align: center;
}

.friends_title_container-inner
{
    position: relative;
}

#mtl-friends .new_message_search_container_input_wrapper
{
    border: 0px;
}

#mtl-friends .new_message_search_container_input_wrapper .friends-search-input
{
    width: calc( 100% - 20px );
    /* padding: 0px;
    padding-left: 5px; */
}

#mtl-friends .friends-search-input:focus
{
    background-color: unset;
    border: none;
}

.league-signup-order-summary .new_message_search_container_input_wrapper span input
{
    padding-left: 5px;
}

.report-message-container
{
    position: absolute;
    font-size: 15px;
    color: #51E3A4;
    visibility: hidden;
}

.report-message-container:hover
{
    visibility: visible;
}

.other_member_message-container .report-message-container
{
    color: #24abea;
    padding-right: 0px;
    left: 0;
    width: 300px;
    bottom: -20px;
}

.user_message-container .report-message-container
{
    padding-left: 0px;
    right: 0;
    text-align: right;
    width: 300px;
    bottom: -20px;
}

.message-sent-at-span
{
    margin-left: 10px;
    color: #ccc !important;
}

.timestamp-container
{ 
    position: absolute; 
    /* bottom: 0;  */
    top: 60px;
    left: 0;
}

.timestamp-container p
{
    margin-bottom: 0;
    color: #ccc;
    font-size: 15px;
}

/* .user_message-container .report-message-container
{
    left: -20px;
    padding-left: 0px;
} */

.message:hover .report-message-container
{
    visibility: visible;
}

.report-message-popup-container label, input, select, textarea
{
    width: 100%;
    height: 100%;
    display: block;
    font-size: 16px;
    outline: none;
    padding: 10px;
}

.report-message-popup-container input, select, textarea
{
    margin-top: 10px;
    padding: 15px;
    border: 3px solid #3fd0a6;
    border-radius: 3px;
    background-color: #fff;
}

.report-message-popup-container
{
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 750px;
    width: 100%;
    padding: 40px;
    border-radius: 10px;
    transform: translate( -50%, -50% );
    background-color: #fff; 
    z-index: 10001;
}

.report-message_form-field-container
{
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.report-message_select_container
{
    position: relative;
}

.report-message_select_container .fa-chevron-square-down
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* right: 15px; */
    right: 5px;
    color: #51E3A4;
    /* font-size: 25px; */
    font-size: 45px;
    margin: 2px 2px 0 0 
}

.report-message-btn-container
{
    max-width: 250px;
    margin: auto;
    text-align: center;
    margin-top: 15px;;
}

.register_disabled_btn
{
    background-color: rgba(63,208,166,0.3) !important;
}

.message-from-name
{
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: white;
}

#terms-checkbox
{
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 0px;
    margin-right: 5px;
}

.terms-text
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 30px );
}

.mtl-terms-container
{
    padding: 40px;
}

.chevron-background::after
{
    content: "\f329";
    font-family: 'FontAwesome';
    color: #51e3a4;
    position: absolute;
    top: 50%;
    transform: translateY(-50% );
    right: 6px;
    font-size: 30px;
    text-align: center;  
    pointer-events: none;
    box-sizing: border-box;
}

.chevron-background-disabled::after
{
    content: "\f329";
    font-family: 'FontAwesome';
    color: #ccc;
    position: absolute;
    top: 50%;
    transform: translateY(-50% );
    right: 6px;
    font-size: 30px;
    text-align: center;  
    pointer-events: none;
    box-sizing: border-box;
}

#result-container .chevron-background-disabled::after
{
    font-size: 45px;
}

#result-container .chevron-background::after
{
    font-size: 45px;
}

#contest-result-container .chevron-background::after
{
    font-size: 45px;
}

#club-homepage .chevron-background::after
{
    font-size: 35px;
}

.form-margin
{
    margin: 0px;
}

.success-msg-popup
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform:translate( -50%, -50% );
    width: 250px;
    background-color: #fff;
    border-radius: 5px;
    z-index: 10;
    padding: 10px;
}

.success-msg-popup-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb( 0, 0, 0, 0.3 );
    z-index: 9;
}

.club-memeber-only-parent
{
    /* width: calc( 100% - 250px ); */
    width: calc( 100% - 50px );
    text-align: center;
    margin: auto;
}

.club-memeber-only-container
{
    display: flex;
    justify-content: center;
}

.forgotten-pword-container
{
    height: 55vh;
    width: 100vw;
    text-align: center;
    background-color: #f2f2f2;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.forgotten-pword-container-inner
{
    background-color: white;
    border-radius: 10px;
    width: 500px;
    margin: auto;
    display: inline-block;
}

.forgotten-pword-container-inner-form
{
    width: 70%;
    margin: auto;
}

.forgotten-pword-input
{
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #51E3A4;
}

.forgotten-pword-input::placeholder
{
    color: #51E3A4;
}

.admin-notification
{
    position: absolute;
    top: -5px;
    right: -22px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ff4c4c;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
}

.admin-notification-parent
{
    width: fit-content;
    position: relative;
}

.admin_column_two .admin-notification
{
    right: -3px;
    color: #fff;
    top: 8px;
    z-index: 10
}

.league_management-container
{
    position: relative;
}

#table-section .league_management-container
{
    position: unset;
}

.league_management-container .admin-notification-season-target
{
    top: -10px;
    right: -8px;
    z-index: 2;
    color: #fff;
}

.lm-managebtn-notifications-parent
{
    position: relative;
    width: fit-content;
    margin: auto;
}

.lm-mobile-notification-parent
{
    position: relative;
}

.lm-mobile-notification-parent .admin-notification
{
    right: -8px;
}

.division_table_rows .division_table_col_two p
{
    position: relative;
    top: 50%;
    transform: translateY( -50% );
}

.response-msg
{
    color: #51E3A4;
}

#mtl-rules-section .friends_title_container
{
    text-align: center;
}

.mtl-rules-parent
{
    width: 100%;
    display: flex;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.mtl-rules-container
{
    width: 50%;
    vertical-align: middle;
    padding: 0px 10px;
}

.mtl-rules .friends_title
{
    font-size: 50px;
}

.mtl-rules-wrapper
{
    max-width: 1200px;
    margin: auto;
}

.mtl-rules-container h3
{
    font-size: 20px;
    font-weight: 700;
}

.mtl-rules-wrapper p, .mtl-rules-wrapper li
{
    color: #555;
    font-size: 15px;
}

.mtl-rules-example
{
    background-color: #f1f1f1;
    padding: 10px;
}

.mtl-rules-example p, .mtl-rules-example i
{
    font-size: 12px;
    margin: 5px;
}

.mtl-rules-emphasis i
{
    font-size: 12px;
    color: #51e3a4;
}

.mtl-rules-emphasis x
{
    display: block;
}

.mtl-rule-title
{
    font-size: 40px;
    color: #51e3a4;
}

.mt-rule-container-full div h2
{
    font-weight: 600;
    font-size: 20px;
}

.mt-rule-container-full
{
    border-bottom: 1px solid #ccc;
}

.mtl-register-self-rating-container
{
    display: grid;
    padding-top: 10px;
    grid-template-columns: auto auto auto auto auto;
}

.mtl-self-ration-hover-container
{
    /* position: absolute; */
    left: 0;
    background-color: #f2f2f2;
    padding: 10px;
    /* bottom: -65px; */
    display: none;
    z-index: 1;
    width: 100%;
    margin-top: 15px;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 15px;
}

.mtl-self-ration-hover-container-show
{
    display: block;
}


/* .mtl-self-ration-hover-container::before
{
    content: '';
    position: absolute;
    background-color: #f2f2f2;
    width: 20px;
    height: 20px;
    top: -10px;
    left: 40px;
    transform: rotate( 45deg );
} */

.mtl-self-ration-hover-container p
{
    margin: 0px;
    word-break: break-word;
}

.mtl-register-self-rating-label 
{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0px !important;
    position: relative;
}

.mtl-register-self-rating-label:hover .mtl-self-ration-hover-container
{
    display: block;
}
  
.mtl-register-self-rating-label input 
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    display: none;
}

.mtl-self-ration-radio
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    /* background-color: #eee; */
    border-radius: 50%;
    border: 1px solid #51E3A4
}

/* .mtl-register-self-rating-label:hover input ~ .mtl-self-ration-radio
{
   background-color: #ccc;
} */
  
/* .mtl-register-self-rating-label input:checked ~ .mtl-self-ration-radio 
{
    background-color: #2196F3;
} */
  
.mtl-self-ration-radio:after 
{
    content: "";
    position: absolute;
    display: none;
}
  
.mtl-register-self-rating-label input:checked ~ .mtl-self-ration-radio:after 
{
display: block;
}
  
.mtl-register-self-rating-label .mtl-self-ration-radio:after 
{
    top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #51E3A4
}

.settings-select
{
    position: relative;
}

.account_sidebar .chevron-background::after
{
    font-size: 45px;
}

.admin-player-self-rating
{
    color: #ccc;
    font-weight: 700;
}

.mtl-newsfeed-switch p
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 75px );
}

.mtl-setting-switch p
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 75px );
}

.mtl-email-notification-switch p
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 75px );
}

.mtl-email-notification-switch-all-conversations p
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 75px );
}

.switch
{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    vertical-align: middle;
    margin-left: 15px;
}
  
.switch input 
{ 
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    display: none;
}

.conversation_notify_switch
{
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    display: none;
}

.mtl-switch-slider 
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
  
.mtl-switch-slider:before 
{
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
  
input:checked + .mtl-switch-slider 
{
    background-color: #51e3a4;
}
  
input:focus + .mtl-switch-slider 
{
    box-shadow: 0 0 1px #51e3a4;
}

.mtl-club-search-container input:focus
{
    border: none;
}

input:checked + .mtl-switch-slider:before 
{
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
  
/* Rounded sliders */
.mtl-switch-slider.round 
{
    border-radius: 34px;
}

.mtl-switch-slider.round:before 
{
    border-radius: 50%;
}

.mtl-league-signup-container
{
    max-height: 450px;
    overflow-y: scroll 
}

.new_message_message a
{
    color: #666;
    text-decoration: underline;
}

.reset-pw-container
{
    width: 70%;
    margin: auto;
}

.resend-btn-disabled
{
    width: 200px;
    padding: 5px;
    border-radius: 5px;
    background-color: rgba(63,208,166,0.3) !important;
    margin: auto
}

.resend-btn-disabled p
{
    margin: 0px;
}

#mtl-messaging-disabled-container
{
    border-radius: 5px;
    padding: 10px;
    background-color: #fff0b3;
    margin-bottom: 15px;
}

#mtl-messaging-disabled-container span
{
    color: #666
}

#mtl-messaging-disabled-container span:first-child
{
    display: inline-block;
    /* line-height: 100%; */
    vertical-align: middle;
    font-size: 35px;
    width: 50px;
    text-align: center
}

#mtl-messaging-disabled-container span:last-child
{
    display: inline-block;
    vertical-align: middle;
    width: calc( 100% - 50px );
    font-size: 14px
}

/* .mtl-finish-league-container
{
    position: absolute;
    right: 0;
    top: 0;
} */

.mtl-finish-league-btn
{
    width: 150px;
    background-color: #51e3a4;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    margin-left: auto;
}

.are-you-sure-target .mtl-finish-league-btn
{
    width: 100%;
}

.checkout-doubles-add-user
{
    width: 150px;
    background-color: #51E3A4;
    border-radius: 5px;
    margin-left: auto;
    text-align: center;
}

.mtl-finish-league-btn p
{
    margin: 0;
    color: #fff;
}

.mtl-trophy-icon
{
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 30px;
    margin-right: 5px;
}

.mtl-season-end-wait-img-container
{
    width: 250px;
    margin: auto;
}

.mtl-season-end-wait-img-container img
{
    width: 100%;
}

.are-you-sure-container
{
    width: 350px !important;
}

.mtl-finish-season-wait
{
    font-weight: 700;
    margin-bottom: 15px;
}

.mtl-finish-season-text
{
    margin: 0 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    margin-bottom: 15px !important
}

.mtl-finish-season-cancel
{
    color: #51e3a4;
    text-decoration: underline;
    font-size: 16px !important;
}

.clubContactPopup
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    padding: 20px;
    width: 600px;
    background-color: #fff;
    z-index: 10001;
    text-align: center;
    border-radius: 5px;
    max-width: 100%;
}

.clubContactPopup p
{
    font-weight: 700;
    font-size: 22px;
}

.clubContactPopupOverlay
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    opacity: 0.4;
    z-index: 10000;
}

.club-contact-popup-title-container
{
    position: relative;
}

.club-contact-popup-title-container p
{
    margin: 0px;
    margin-bottom: 15px;
}

.remove-club-contact-form-cross
{
    position: absolute;
    right: 0;
    top: 75%;
    transform: translateY( -50% );
    width: 20px;
}

.conversation-dots-container
{
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY( -50% );
    width: 50px;
    height: 30px;
}

/*
.conversation-dots-container i
{
    color: #51E3A4;
    font-size: 30px;
    font-weight: 500;
}
*/

#conversation-dots-icon 
{
    width: 4px;
    height: 30px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transform: translateX(20px);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#conversation-dots-icon span 
{
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    height: 4px;
    width: 100%;
    background: #51E3A4;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#conversation-dots-icon span:nth-child(1) 
{
    top: 3px;
}

#conversation-dots-icon span:nth-child(2) 
{
    top: 14.5px;
}

#conversation-dots-icon span:nth-child(3) 
{
    top: 26px;
}

#conversation-dots-icon.open span:nth-child(1) 
{
    width: 35px;
    height: 2px;
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);

}

#conversation-dots-icon.open span:nth-child(2) 
{
    opacity: 0;
    left: -60px;
}

#conversation-dots-icon.open span:nth-child(3) 
{
    width: 35px;
    height: 2px;
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#conversation-dots-icon.open
{
    -webkit-transform: translateX(100%) translateY(-1px);
    -moz-transform: translateX(100%) translateY(-1px);
    -o-transform: translateX(100%) translateY(-1px);
    transform: translateX(100%) translateY(-1px);
}

.conversation_header_notify_wrapper
{
    padding: 15px 0px;
}

.conversation_header_notify_wrapper p
{
    margin: 0px;
}

.conversation-notify-col
{
    display: inline-block;
    vertical-align: middle;
}

.conversation-notify-col-text
{
    width: calc( 100% - 65px );
}

.conversation-notify-col-switch
{
    width: 65px;
    text-align: right;
}

.conversation-notify-col-switch
{
    margin: 0px;
}

.conversation_header_mobile_image_container_other_participant
{
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #f2f2f2;
}

.mtl-complete-account-container
{
    width: 100%;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    position: relative;
}

.mtl-complete-account-container-inner
{
    width: calc( 100% - 50px );
}

.mtl-complete-account-container-inner h3
{
    font-size: 20px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 10px;
}

.mtl-complete-account-container-inner p
{
    font-size: 17px;
    color: #fff;   
    margin: 0px;
}

.mtl-complete-account-arrow-container
{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY( -50% );
    font-size: 30px;
    color: #fff;
}

.mtl-complete-account-progress-bar
{
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background-color: rgb( 255, 255, 255, 0.5 );
    margin-bottom: 5px;
}

.mtl-complete-account-progress-bar-target
{
    width: 80%;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
}

.mtl-sidebar-account-completion-list-item-row
{
    width: 100%;
    font-size: 0px;
    margin: 25px 0;
    pointer-events: none;
}

.mtl-sidebar-account-completion-list-item-row-incomplete i, .mtl-sidebar-account-completion-list-item-row-incomplete h4 
{
    color: #fff !important;
}

.mtl-sidebar-account-completion-list-item-row-incomplete
{
    pointer-events: unset;
}

.mtl-sidebar-account-completion-icon-container
{
    width: 50px;
    vertical-align: middle;
    display: inline-block;
}

.mtl-sidebar-account-completion-icon-container i
{
    color: rgba(255,255,255,0.6);
    font-size: 25px;
}

.mtl-sidebar-account-completion-text-container
{
    width: calc( 100% - 50px );
    vertical-align: middle;
    display: inline-block;
}

.mtl-sidebar-account-completion-text-container h4
{
    font-size: 20px;
    margin: 0px;
    color: rgba(255,255,255,0.6);
}

.club-footer-image-wrapper a
{
    display: block;
}

.club-header-image
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mtl-club-header .club-name
{
    color: #fff;
    font-weight: 600;
    margin: 0px;
    font-size: 28px  
}

.mtl-club-header .mtl-profile-header-container
{
    height: 350px;
}

.mtl-club-header .mtl-profile-header-container .profile_header
{
    height: 300px
}

.club-header-not-home .mtl-profile-header-container .profile_header
{
    height: 350px
}

.club-header-not-home .mtl-club-header .mtl-profile-header-container
{
    height: 300px;
}

.club-header-not-home .mtl-profile-tab-container
{
    display: none;
}

.club-header-not-home .mtl-profile-header-row
{
    transform: translateY( calc( calc( -100% + 25px ) + 2px ) );
}

.club-header-not-home .mtl-profile-header-row .mtl-profile-header-image-column
{
    vertical-align: middle;
}

.club-header-not-home .mtl-profile-header-row .mtl-profile-header-text-column
{
    vertical-align: middle;
}

.club-header-not-home .club-header-enter-league-button
{
    display: none;
}

.mtl-club-header .league_selection_tab
{
    max-width: 200px;
}

.club_list_item .club-list-button-reversed
{
    width: calc( 50% - 5px);
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.club_list_item .club-list-button
{
    width: calc( 50% - 5px);
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    margin-left: 5px;
    border: 2px solid #51E3A4;
}

.club_list_item .club-list-button:hover
{
    border-color: #48D598;
}

.club-list-button-reversed.animated-btn:hover
{
    color: white;
    border-color: #48D598;
}

.mtl-club-header .club_header_bgc
{
    height: 100%;
}

.homepage-slider-container
{
    width: 100%;
    position: relative;
}

.mtl-hp-slide
{
    width: 100%;
    position: relative;
}

.mtl-hp-slide-text-content-container
{
    position: absolute;
    left: 50px;
    bottom: 50px;
    max-width: 800px;
}

.mtl-hp-slide-title
{
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.mtl-hp-slide-text-container
{
    margin-top: -18px;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.4);
}

.mtl-hp-slide-title-container
{
    text-shadow: 1px 1px 10px rgba(0,0,0,0.4);
}

.mtl-hp-slide-text
{
    font-size: 20px;
    color: #fff
}

.mtl-hp-slide-btn-container
{
    width: 200px;
    border: 3px solid #fff;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    padding-bottom: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 50px;
}

.mtl-hp-slide-btn-container:hover
{
    border-color: #48D598
}

.mtl-hp-slide-btn-container.animated-btn:hover::after
{
    bottom: -3px;
}

.mtl-hp-slide-btn-container-second
{
    width: 200px;
    border: 3px solid #fff;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    padding-bottom: 12px;
    display: inline-block;
    vertical-align: middle;
}

.mtl-hp-slide-btn-container-second:hover
{
    border-color: #48D598
}

.mtl-hp-slide-btn-container-second.animated-btn:hover::after
{
    bottom: -3px;
}

.mtl-hp-slide-btn-text
{
    margin: 0px;
    color: #fff;
    font-size: 20px;
}

.mtl-hp-slide-second-btn-text
{
    margin: 0px;
    color: #fff;
    font-size: 20px;
}

.mtl-hp-slide-image-container
{
    width: 100%;
    height: 84vh;
}

.mtl-hp-slide-image-container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mtl-slider-slick-target
{
    position: relative;
}

.mtl-club-search-container
{
    width: 100%;
    max-width: 600px;
    margin: auto;
    border-radius: 50px;
    background-color: #fff;
    padding: 5px;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX( -50% );
    z-index: 10;
    overflow: hidden;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.5);

    display: flex;
    align-items: center;
}

.mtl-club-search-container input
{
    padding: 10px;
    padding-left: 30px;
    width: calc( 100% - 65px );
    display: inline-block;
    vertical-align: middle;
    transition: width 0.3s ease;
    border: none;
}

.mtl-hp-search-btn
{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #51E3A4;
    /* display: inline-block; */
    display: flex;
    vertical-align: middle;
    position: relative;
    transition: all 0.3s ease;
}

.mtl-hp-search-btn .mtl-hp-search-button
{
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate( -50%, -50% ); */

    color: #fff;
    font-size: 28px;
    width: 100%;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 10px;
    
}

.mtl-search-btn-text
{
    transform: translate( 100%, -50% );
    transition: all ease 0.3s;
    position: absolute;
    top: 50%;
    right:0px;
    font-family: 'regulator-nova';
    opacity: 0;
    font-size: 23px;
}

.mtl-club-search-container[ data-focus="true" ] input
{
    width: calc( 100% - 150px );
}

.mtl-club-search-container[ data-focus="true" ] .mtl-hp-search-btn
{
    /* width: 150px; */
    width: 180px;
    /* border-radius: 25px; */
    border-radius: 40px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.mtl-search-btn-icon
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    transition: all 0.3s ease;
}

.mtl-club-search-container[ data-focus="true" ] .mtl-search-btn-text
{
    right: 26px;
    transform: translate( 0%, -50% );
    opacity: 1;
}

.mtl-club-search-container[ data-focus="true" ] .mtl-search-btn-icon
{
    left: 41px;
}

.mtl-slideshow-arrow
{
    position: absolute;
    top: 50%;
    transform: translateY( -50% );
    width: 50px;
    z-index: 1;
}

.mtl-slideshow-arrow-next
{
    right: 20px;
    text-align: right;
    font-size: 40px;
    color: #fff;
}

.mtl-slideshow-arrow-prev
{
    left: 20px;
    text-align: left;
    font-size: 40px;
    color: #fff;
}

.mtl-hp-slide-btn-link
{
    display: block;
    outline: none;
}

.club-info-mobile-lock
{
    text-align: center;
}

.club-info-mobile-lock
{
    display: inline-block;
    width: 55px;
    vertical-align: middle;
}

.club-info-mobile-lock-text
{
    display: inline-block;
    width: calc( 100% - 55px );
    vertical-align: middle;   
}

.member-only-anchor-mobile
{
    color: unset;
}

.club-header-enter-league-button
{
    width: 200px;
    padding: 8px;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    top: 235px;
    right: 40px
}

.club-header-enter-league-button p
{
    color: #51E3A4;
    margin: 0px;
}

.club-header-enter-league-button:hover p
{
    color: #fff
}

.mtl-login-register-container
{
    text-align: center;
    margin-top: 5px;
}
.mtl-login-register-container a, .mtl-login-register-container p
{
    color: #b3b3b3;
    margin: 0px;
    font-weight: 700;
    font-size: 16px;
}
.mtl-login-register-container a
{
    text-decoration: underline;
}

.partner-error-response
{
    margin: 0px;
}

.partner-error-response p
{
    padding: 0px;
}

.pulse::before, .pulse::after
{
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #51E3A4;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    animation: pulseAnimation 1.5s linear 5;
    opacity: 0;
}

.pulse::after
{
    animation-delay: 0.5s;
}

@keyframes pulseAnimation
{
    0%
    {
        transform: scale( 0.5 );
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale( 1.5 );
        opacity: 0;
    }
}

header .avatar_container
{
    overflow: unset;
}

.mtl-admin-results-breadcrumbs
{
    display: inline-block;
    width: calc( 100% - 755px );
}

.mtl-admin-results-filter-container
{
    display: inline-block;
}

.mtl-admin-results-filter-input
{
    display: inline-block;
    margin-right: 10px;
    position: relative;
    width: 200px;
}

.mtl-admin-results-filter-input input
{
    padding: 5px;
    border: 0px;
    border-bottom: 3px solid #51E3A4;
}

.mtl-admin-results-filter-input select
{
    padding: 10px;
    margin: 0px;
    border-color: #51E3A4;
}

.mtl-admin-results-filter-input::after
{
    color: #51E3A4;
    right: 8px;
}

.mtl-admin-results-filter-input:last-child
{
    margin: 0px;
}

.mtl-admin-results-inner .admin_breadcrumb_container
{
    padding: 0px;
}

.mtl-admin-results-inner
{
    width: 100%;
    max-width: 100%;
    padding: 20px;
}

.admin-results-parent
{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.admin-results-parent-inner
{
    width: 100%;
}

.mtl-admin-results-table
{
    width: 100%;
    border-spacing: 0;
}

.mtl-admin-results-table th
{
    padding: 10px;
    font-weight: 700;
    text-align: left;;
}

.mtl-admin-results-tbody td
{
    white-space: nowrap;
    text-align: left;
    padding: 10px;
}

.mtl-result-row-odd
{
    background-color: #f1f1f1;
}

.mtl-admin-filter-clear
{
    display: inline-block;
    width: 125px;
    background-color: #51E3A4;
    border-radius: 10px;
    text-align: center;
    padding: 5px;
}

.mtl-admin-filter-clear span
{
    color: #fff
}

.mtl-help-accordian
{
    overflow: hidden;
    height: 0px;
    transition:all ease 0.3s;
}

.mtl-help-accordian-inner h3, .mtl-help-accordian-inner p
{
    margin: 0px;
    padding-bottom:  10px;
}

.help-page-control-sub
{
    font-weight: 500 !important;
}

.accordian-indicator-target
{
    height: 100%;
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 0;
    color: #51E3A4
}

.mtl-help-sub-block h3
{
    font-size: 23px;
}

.club-home-season-container[ data-registration-open='false' ] .enter-league-btn-container
{
    display: none;
}

.club-home-season-container[ data-registration-open='false' ] .club-home-league-closed-message
{
    display: block;
}

.mtl-instagram-row
{
    background-color: unset;
    padding: 0px 40px;
    padding-top: 0px;
}

.mtl-instagram-slide-image-container
{
    display: block;
    overflow: hidden;
    padding-bottom: 100%
}

.mtl-instagram-slide-image-container img
{
    object-fit: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.mtl-instagram-section-title h3
{
    color: #51E3A4;
    font-size: 25px;
    margin: 25px 0; 
}

.mtl-instagram-slide
{
    display: block;
    position: relative;
    width: 100%;
    margin: 0px 10px 
}

#mtl-instagram
{
    position: relative;
}

.mtl-instagram-slideshow
{
    position: relative;
}

.mtl-instagram-slideshow .mtl-slideshow-arrow-prev
{
    left: -30px;
    color: black;
    width: fit-content;
    font-size: 28px;
    color: #c9c9c9;
}

.mtl-instagram-slideshow .mtl-slideshow-arrow-next
{
    right: -30px;
    color: black;
    width: fit-content;
    font-size: 28px;
    color: #c9c9c9;
}

.instagram-overlay
{
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.5)
}

.instagram-overlay-inner
{
    position: relative;
}

.instagram-overlay-close
{
    width: 25px;
    top: 30px;
    right: 30px;
    position: absolute;
    z-index: 1;
}

.instagram-overlay-media-container
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    width: 100%;
}

.media-container-IMAGE
{
    max-width: 900px;
    margin: auto;
}

.media-container-VIDEO
{
    text-align: center;
}

.media-container img
{
    width: 100%;
}

.homepage-instagram-button-row
{
    margin: 25px 0;
}

.homepage-instagram-button-row .header_btn_container
{
    width: 220px;
}

.mtl-instagram-slideshow .slick-list
{
    margin: 0px -10px;
}

.rewards-item.club_list_item .club-list-button
{
    width: 100%;
    margin: 0;
}

.item-anchor, .item-anchor:link
{
    color: #fff;
}

.rewards-item
{
    display: inline-block;
}

.checkout-nill-price
{
    padding: 10px 0px;
    position: relative;
}

.checkout-form-overlay
{
    display: none;
    opacity: 0.3;
    user-select: none;
    cursor: not-allowed;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 70px;
    z-index: 5;
    background-color: #fff;
}

.checkout-nill-price .checkout-form-overlay
{
    display: block;
}

.mtl-profile-leagues .no_leagues_container p
{
    font-size: 16px;
    margin: 0;
}

.mtl-profile-leagues .no_leagues_container
{
    padding: 5px 10px;
}

.mtl-profile-leagues, .mtl-profile-leagues .mtl-player-profile-info-accordian-panel
{
    box-shadow: unset;
    background-color: unset;
    padding: 0;
}

.register-membership-num-handler
{
    font-size: 14px;
}

.register_container-v2 .register-item-container label
{
    color: #6CA3B9;
}

.register_container-v2 .register-item-container input, .register_container-v2 .register-item-container select
{
    color: #6CA3B9;
    border-color: #6CA3B9;
}

.register_container-v2 .mtl-self-ration-radio
{
    border-color: #6CA3B9;
}

.register_container-v2 .mtl-register-self-rating-label .mtl-self-ration-radio:after
{
    background: #6CA3B9;
}

.register-v2-club-logo
{
    max-width: 110px;
    margin: auto;
}

.register-v2-club-logo img
{
    width: 100%;
}

.register_container
{
    background-image: url('/static/img/My\ Tennis\ Leagues\ Register.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-attachment: fixed;
}

.register_container-v2
{
    background-image: url('/static/img/My\ Tennis\ Leagues\ 2000x1331px2.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}


.register_container-v2 a:link
{
    color: #6CA3B9
}

.reg-v2-profile-image-alt-text
{
    font-size: 14px;
    color: black;
    display: block;
}

.lightning-register-file-input-container
{
    position: relative;
}

.register_container-v2 .profile-pic-selector-container
{
    top: 50%;
    left: 15px;
    transform: translateY( -50% );
    background-color: #fff;
    height: calc( 100% - 30px );
}

.profile-no-message-btn
{
    right: 40px !important
}

.mtl-profile-link-container-v2
{
    position: absolute;
    top: 20px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    text-align: center;
    cursor: pointer;
}

.mtl-profile-link-container-v2 i
{
    width: 100%;
    color: white;
    transform: translateY(12px);
    font-size: 25px;
}

.mtl-profile-link-container-v2.mtl-profile-link-container-v2-friend i
{
    font-size: 20px;
}

.mtl-profile-link-container-v2-phone
{
    right: 250px;
}

.mtl-profile-link-container-v2-email
{
    right: 180px;
}

.mtl-profile-link-container-v2-message
{
    right: 110px;
}

.mtl-profile-link-container-v2-friend
{
    right: 40px;
}

.mtl-profile-link-container-v2-disabled
{
    opacity: 0.5;
    user-select: none;
    cursor: default;
}

@media only screen and ( min-width: 1300px )
{
    .club_list_club_image_container
    {
        height: 175px;
    }
    .club_list_item_logo_contianer
    {
        top: 150px;
        width: 90px;
        height: 90px;
    }
    .club_list-name-container
    {
        padding: 20px 0px;
    }
}

@media only screen and ( max-width: 1330px )
{
    .league-signup-billing-details-container
    {
        width: calc(50% - 30px )
    }
    .league-signup-overview-container
    {
        width: 50%;
    }
}

@media only screen and ( max-width: 1300px )
{
    .conversation_messages_body .new_message_search_container_input_wrapper span input
    {
        max-width: 100%;
    }
    .find-club-button-container p
    {
        margin-top: unset;
    }
    .admin_players_container .admin_column_text
    {
        font-size: 17px;
    }
}

@media only screen and ( max-width: 1120px )
{
    .homepage-search-container-inner
    {
        width: unset;
    }

}

@media only screen and ( max-width: 1100px )
{
    #league-table .profile_basic_info_section_container
    {
        padding: 20px;
    }
    .account_settings_column
    {
        width: 50%;
    }
    .footer-table
    {
        width: 75%;
    }
    .homepage-slider-contents-container-inner .text-container
    {
        width: 75%;
    }
    .opening-times td
    {
        padding-right: unset;
    }
    .club-list-filter-container
    {
        width: 60%;
    }
    .about-club-info-container
    {
        width: unset;
    }
    .forgotten-pword-container-inner
    {
        width: 50%;
    }
    .mtl-admin-results-breadcrumbs
    {
        width: 100%;
    }
    .mtl-admin-results-filter-container
    {
        width: 100%;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 990px)
{
    .league-list-club-search_col1 span
    {
        transform: translate(75%, 53%)
    }
    .find_a_club_image_container_inner
    {
        background-image: url('../static/img/find_a_club-stock-image.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top; 
    }
    .homepage-container-height
    {
        height: 665px;
    }
    .homepage_row span
    {
        /* transform: translate(-1650%, 17px) */
        top: 33%;
        left: 5%;
        transform: unset;
    }
    .find_a_club_text_overlay-container
    {
        width: 80%;
        position: relative;
        left: 0;
        transform: translate(0%);
        margin: auto;
    }
    .find_a_club_text_overlay-container-inner
    {
        margin: auto;
        width: 100%;
        padding: 0px;
    }
    .find_a_club_text_overlay-title-container
    {
        text-align: center;
    }
    .find_a_club_text_overlay-title-container h1
    {
        font-size: 50px;
    }
    .find_a_club_text_overlay-title-container h4
    {
        font-size: 18px;
    }
    .homepage_row
    {
        box-shadow: none;
        height: unset
    }
    .homepage-slider-contents-container-inner .image-container
    {
        width: 240px;
        height: 240px;
    }
    .find_a_club_text_overlay-input-container
    {
        width: 100%;
        height: unset;
        position: relative;
    }
    .find_a_club_text_overlay-input-button-container
    {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .find_a_club_search_bar
    {
        border-radius: 5px;
        padding: 10px 15px 10px 15px;
        /* line-height: 40px; */
        text-align: center;
    }
    .mtl-club-search-container input
    {
        text-align: left;
    }
    .find_a_club_text_overlay-target-container
    {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; 
        padding: 0 55px 0 15px;
        line-height: 45px;       
    }
    .find-club-button-container
    {
        width: auto;
        border-radius: 5px;
        padding: 0px;
        line-height: 45px;
    }
    .find_a_club_text_overlay-input-container .find_a_club_search_bar
    {
        height: unset;
    }
    .find_a_club_text_overlay-image-target-container img
    {
        vertical-align: middle;
    }
    .homepage-row-one .inline-container
    {
        display: block;
        width: 100%;
    }
    .club_list_item 
    {
        width: calc( 33.33% + 20px );
    }
    .club-home-season-container
    {
        width: 30%;
    }
    .my-leagues-league-list-section
    {
        width: 100%;
    }
    .leagues-list-club-section
    {
        width: 100%;
    }
    .leagues-list-club-section-inner
    {
        padding: 0px;
    }
    .admin_players_container .admin_column_text
    {
        font-size: 15px;
    }
    .facilities-container-inner 
    {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-template-rows: auto auto auto auto;
    }
    .contact-info
    {
        width: 45%;
    }
    .opening-times td
    {
        padding-right: unset
    }
    .verify-message-container
    {
        width: 50%;
    }
    .club-list-filter-container
    {
        width: 70%;
    }
    .forgotten-pword-container-inner
    {
        width: 50%;
    }
    .media-container-IMAGE
    {
        max-width: 80%;
    }
    .media-container-VIDEO video
    {
        max-width: 80%;
    }
}

@media only screen and (max-width: 830px)
{
    .media-logos-container
    {
        transform: translateY(-145px);
    }
    .footer-table
    {
        width: 80%;
    }
    .contact-and-opening-info
    {
        display: block;
    }
}

@media only screen and (max-width: 750px)
{
    .homepage-image-container
    {
        width: 100%;
        height: 100%;
    }
    .homepage-search-container
    {
        position: absolute; 
        padding: 20px;
        top: 24%;
        width: 100%;
    }
    .homepage-search-and-image-container
    {
        position: relative;
        display: block;
        height: 100vh;
        flex-direction: unset;
    }
    .homepage-search-container-inner
    {
        position: relative; 
        transform: unset
    }
    .homepage_row
    {
        width: 95%;
        margin: auto
    }
    .homepage-image-container-bottom_left
    {
        display: none;
    }
    .homepage-image-container-top_left
    {
        display: none;
    }
    .homepage-slider-contents-container
    {
        display: block;
    }
    .find_a_club_text_overlay-title-container span
    {
        color: white;
    }
    .find_a_club_text_overlay-title-container h1
    {
        color: white
    }
    .club_list_search
    {
        width: calc( 100% - 87px );
        margin-right: 15px;
    }
    .trophy-container
    {
        width: 100%; 
        background-color: #f2f2f2; 
        padding: 50px 0; 
        text-align: center;
    }
    /* .trophy-container-inner
    {
        background-color: white; 
        display: inline-block; 
        padding: 10px; 
        margin: 10px auto; 
        border-radius: 5px;
        width: 80%
    } */
    .trophy-container-inner
    {
        margin: auto;
    }
    .trophy-ring
    {
        /* height: 100%; 
        width: 100%;  */
        /* border: 5px solid rgb(240, 209, 35);  */
        border-radius: 50%;
        /* padding: 30px; */
        margin: auto
    }
    .profile_trophy_info-text
    {
        font-size: 17px;
    }
    .club_list_filter-btn p
    {
        display: none
    }
    .club_list_filter-btn
    {
        width: unset;
        padding: 5px 12px 6px 12px;
    }
    .filter-img
    {
        font-size: 28px;
        width: unset;
        padding: unset;
    }
    .filter-grey-background
    {
        height: 184%;
    }
    .club-list-filter-container
    {
        width: 75%;
    }
    .friends_profile_name
    {
        font-size: 17px;
    }
    .new_message_column_two
    {
        padding: 0px 10px;
    }
    .desktop-only
    {
        display: none;
    }
    .desktop-only-inline
    {
        display: none;
    }
    .mobile-only
    {
        display: block;
    }
    .footer-mobile-only
    {
        display: flex;
        flex-direction: column-reverse;
    }
    .club_list-colum-one
    {
        width: 100%;
    }
    .club_list-colum-two
    {
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
    }
    .club_list-colum-three
    {
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
    }
    .club_list-colum-one-image-container
    {
        margin: auto;
    }
    .lm-top-into_column p
    {
        margin: 2px 2px;
    }
    .lm-top-into_column
    {
        width: 100%;
    }
    .lm-top-into_column.lm-colunm-margin
    {
        margin: 15px 0px;
    }
    .lm-league-info-container .admin_row-overall_container
    {
        margin-bottom: 0px !important;
    }
    .create_new_league-container
    {
        width: 100%; 
        top: 0%;
        transform: translate( -50%, 0% );
    }
    .calendar_container
    {
        width: 100%;
        margin: 0px;
    }
    .my_leagues-row
    {
        text-align: center;
    }
    .my_leagues-row .my_leagues_container_2, .my_leagues_container_3
    {
        width: 100%;
        text-align: center;
    }
    .mtl-profile-leagues .my_leagues-row .my_leagues_container_2
    {
        width: calc( 100% - 195px );
    }
    .mtl-profile-leagues .my_leagues-row .my_leagues_container_3
    {
        width: 120px;
    }
    .mtl-profile-leagues .my_leagues-row .league_row-league-name
    {
        font-size: 16px;
    }
    .my_leagues_container_3 .my-leagues-view-btn
    {
        margin: auto;
    }
    .my_league_status
    {
        text-align: center;
    }
    .new_message_container
    {
        text-align: right;
    }
    .register_inner
    {
        padding: 20px;
        width: calc( 100% - 20px );
    }
    .desktop_log-in_contianer
    {
        display: none;
    }
    
    .mobile_log-in_contianer
    {
        display: block;
    }
    .league-signup-order-summary
    {
        width: 100%;
        padding: 25px 10px;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column-reverse;
    }
    .league_selection_container_inner
    {
        width: 100%;
        padding: 0px 10px;
    }
    .slick-slider-desktop-only
    {
        display: none !important;
    }
    .slick-slider-mobile-only
    {
        display: block !important;
    }
    .find-a-club-header_container
    {
        padding: 5px 10px;
        padding-left: 6px;
    }
    .header_login-reversed
    {
        padding: 5px 0px;
    }
    .footer_container_quater
    {
        width: 50%;;
    }
    .media-logos-container
    {
        text-align: left;
        float: unset;
        transform: translate(-16px, 10px);
    }
    .footer-text-wrapper
    {
        padding-bottom: unset;
        padding-top: 32px;
        margin-top: unset;
    }
    .final_text_container
    {
        width: unset;
        padding-left: 5px;
    }
    .footer_text_logo
    {
        float: unset;
        transform: unset
    }
    .footer_text_logo p
    {
        font-size: 20px;
    }
    .homepage-slider-contents-container-mobile
    {
        display: block;
        padding-top: 0;
    }
    .slider-dots-container
    {
        display: flex;
    }    
    .conversation_messages_body
    {
        width: 100%;
    }
    .conversation_body
    {
        width: 100%;
        border-left: none;
        border-right: none;
        padding-bottom: 0px;
    }
    .conversation_participants_body
    {
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        transition: all 0.5s ease;
        height: 85%;
    }
    .conversation_body-container
    {
        border: none;
    }
    .club_list-row-inner
    {
        height: 100%;
    }
    .login_inner
    {
        /* left: -110px; */
        top: 85px;
    }
    .login_container::before
    {
        right: 60px;
        top: 75px;
    }
    .header_nav_container a p
    {
        margin: -3px;
    }
    .new-message-bottom-wrapper
    {
        padding: 10px 20px;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 70px;
    }
    .type_new_message-contaner
    {
        width: 100%;
    }
    .results_form-container
    {
        /* left: 0%;
        top: 0%;
        transform: translate( 0%, 0% ); */
        padding: 10px;
        width: calc( 100% - 20px );
    }
    .friends_container
    {
        padding: 20px 10px;
    }
    .admin_containerlm-league-info-table-container
    {
        padding: 0px 10px;
    }
    .admin_league_man_column_one
    {
        width: 50%;
        padding-left: 0px;
    }
    .admin_league_man_column_three
    {
        width: 14%;
        padding-left: 0px;
    }
    .admin_league_man_column_two
    {
        /* width: 100%;
        text-align: center; */
        padding-right: 0px;
    } 
    .league_management_button_manage_league_type  
    {
        margin-bottom: 10px;
    }
    .admin_row_overall-container
    {
        display: block;
    }
    /* .lm-league-info-container .start_column .calendar-container
    {
        width: 305px;
        right: -50%;
        transform: translateX(50%);
    }
    .lm-league-info-container .end_column .calendar-container
    {
        width: 305px;
        right: 0%;
        transform: translateX(50%);
    } */
    .admin-lm-page .end_column .calendar-container
    {
        width: 305px;
        right: 0%;
    }
    .admin-lm-page .start_column .calendar-container
    {
        width: 305px;
        right: 0%;
        transform: translateX(0%);
    }
    /* .coversation-full-height
    {
        height: 100vh;
    } */
    .mtl-player-profile-contanier-half
    {
        width: 100%;
    }

    /* .mtl-player-profile-contanier-half .mtl-player-profile-info-row
    {
        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    } */
    
    .mtl-player-profile-container-half-first
    {
        margin-right: 0px;
        margin-bottom: 20px;;
    }
    /* .mtl-profile-tab-container
    {
        width: 100%;
        overflow: hidden;
    } */
    .glider-track .mtl-profile-tab
    {
        width: 95px !important;
    }
    .glider-slide
    {
        min-width: 95px !important;
    }
    .mtl-profile-tab
    {
        max-width: 100%;
    }
    .mtl-profile-header-row
    {
        transform: translateY( -50% );
        padding: 0px 10px;
        padding-right: 0px;
    }
    .header_logo_container img
    {
        width: 100%;
        max-width: 70px;
    }
    .register_container
    {
        padding-top: 10px;
        padding-bottom : 10px;
    }
    .club-footer-image-container
    {
        width: 25%;
        padding: 5px;
    }
    .club-footer-container
    {
        padding: 10px 10px;
    }
    .profile_color_selector_container
    {
        top: 10px;
        right: 10px;
    }
    .profile_color_selector
    {
        margin: 0px;
    }
    .mtl-player-profile-container
    {
        padding: 20px 10px;
    }
    .new_message_column_one
    {
        width: 75px;
        height: 75px;
    }
    .basic_profile-league-info-container
    {
        padding: 20px 10px;
    }
    #league-table .profile_basic_info_section_container
    {
        padding: 20px 10px 0;
    }
    .messages_container 
    {
        padding: 20px 10px;
    }
    /* .mtl-player-profile-messages .messages_container
    {
        padding: 0;
    } */
    .avatar_container
    {
        width: 50px;
        height: 51px;
    }
    .announcement_bar-container
    {
        padding: 10px 10px;
    }
    .ann-bar-text-container
    {
        display: block;
        max-width: calc( 100% - 35px );

    }
    .ann-bar-btn-container
    {
        margin-top: 10px;
    }
    .announcement_bar_text-container p
    {
        font-size: 15px;
    }
    .annoucement_bar_cross
    {
        right: 25px;
    }
    .conversation_body_messages
    {
        padding: 0px 10px;
        height: 100%;
    }
    .conversation_body_messages_inner
    {
        margin-bottom: 0px;
        margin-right: -10px;
        margin-left: -10px;
        margin-top: 0px;
        padding-top: 5px;
    }
    .mtl-profile-header-name-container
    {
        padding-bottom: 20px;
    }
    .other-friend-add-friend-container
    {
        top: 10px;
        right: 150px;
        left: calc( 100% - 287px )
    }
    .other-friend-remove-friend-container
    {
        top: 10px;
        right: 150px;
        left: calc( 100% - 300px )
    }
    .profile-no-message-btn
    {
        right: unset !important;
        left: calc( 100% - 160px );
    }
    .other-friend-message-friend-container
    {
        top: 10px;
        right: 10px;
    }
    .accolade_column
    {
        max-width: unset;
        width: calc( 50% - 15px );
        margin: unset;
        margin-right: unset;
        flex: 0 1 calc(48% - 1em);
        margin-bottom: 15px;
        box-sizing: unset;
    }
    .accolade_container
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .profile_accolade_info .profile_basic_info_section_container
    {
        padding: 20px 10px;
    }
    .club_list_item 
    {
        width: calc( 50% + 20px );
    }
    .list-club-container
    {
        /* padding: 15px 10px; */
        padding: 15px 0px 15px 20px;
    }
    .new_message-input
    {
        padding: 15px 45px 15px 20px;
    }
    .badge_icon
    {
        top: -10px;
        left: -10px;
    }
    .account_settings_column
    {
        width: 100%;
        padding: 0;
    }
    .account-settings-container
    {
        padding: 5px 10px;
    }
    .club-home-season-container
    {
        width: 47%;
        margin-bottom: 15px;
    }
    .conversation_body-container
    {
        height: calc( 100vh - 140px );
        height: -webkit-calc( 100vh - 140px );
        height: -moz-calc( 100vh - 140px );
    }
    .my-leagues-container
    {
        padding: 20px 20px;
    }
    .league-signup-billing-details-container
    {
        width: 100%;
        /* margin-right: 0px;
        margin-bottom: 25px; */
        margin: 20px 0 25px 0;
    }
    .league-signup-overview-container
    {
        width: 100%;
    }
    .profile_match_info .profile_basic_info_section_container
    {
        padding: 35px 10px;
    }
    .conversation_header
    {
        position: sticky;
        top: 0;
        left: 0;
        height: 70px;
    }
    .new-message-image
    {
        top: 50% !important;
    }
    .animated-btn::after
    {
        position: unset;
        transition: unset;
        content: unset;
        width: unset;
        left: unset;
        bottom: unset;
        transform: unset;
        background-color: unset;
        height: unset;
        z-index: unset;
    }
    .animated-btn:hover::after
    {
        left: unset;
        width: unset;
    }
    .animated-btn-clear::after
    {
        position: unset;
        transition: unset;
        content: unset;
        width: unset;
        left: unset;
        bottom: unset;
        transform: unset;
        background-color: unset;
        height: unset;
        color: unset;
        z-index: unset;
    }
    .animated-btn-clear:hover::after
    {
        left: unset;
        width: unset;
    }
    .enter-league-btn-container-reversed:hover
    {
        color: #51e3a4 !important;
        background-color: unset;
    }    
    .login-text
    {
        display: none;
    }
    .help-container
    {
        grid-template-areas: 
        'help-center-container help-center-container help-center-container'
        'help-topics-container help-topics-container help-topics-container'
        'help-topics-text-container help-topics-text-container help-topics-text-container'
    }
    .help-container-inner
    {
        padding: 10px;
    }
    .help-container > div
    {
        padding: 0;
    }
    .help-topics-container
    {
        margin-bottom: unset;
    }
    .help-topics-container > div
    {
        background-color: white;
    }
    .create_new_league-row
    {
        width: 100%;
        
    }
    .season_league_types_container
    {
        margin-left: unset;
    }
    .admin-players-parent .admin_player_image_col
    {
        width: 100%;
    }
    .admin-players-parent .admin_player_name_col
    {
        width: 100%;
        text-align: center;
    }
    .admin-players-parent .admin_player_email_col
    {
        width: 100%;
        text-align: center;
    }
    .admin-players-parent .admin_player_number_col
    {
        width: 100%;
        text-align: center;
    }
    .admin-players-parent .admin_player_gender_col
    {
        width: 100%;
        text-align: center;
    }
    .admin-players-parent .admin_player_dob_col
    {
        width: 100%;
        text-align: center;
    }
    .admin-players-parent .admin_player_age_col
    {
        width: 100%;
        text-align: center;
    }
    .admin-players-parent .admin_player_image_container
    {
        margin: auto;
    }
    .admin_row_players_titles
    {
        display: none;
    }
    .admin_players_container .admin_title_container
    {
        text-align: center;
    }
    .admin-man-create-league-btn-container
    {
        width: 250px;
        padding-bottom: 0px;
    }
    .admin-man-create-league-btn-container h2
    {
        font-size: 16px;
    }
    .admin_breadcrumb_text
    {
        font-size: 14px;
    }
    .admin_container
    {
        padding: 10px;
    }
    .admin_players-inner
    {
        padding: 10px;
    }
    .admin_player_col
    {
        padding: 0px;
    }
    .club-information-container
    {
        display: block;
        padding: 25px 10px;
    }
    .single-club-graphics-container
    {
        width: 100%;
    }
    .members-only-container-desktop
    {
        /* display: none !important; */
        padding-bottom: 15px;
    }
    .members-only-container-mobile
    {
        display: block;
        background-color: white;
        padding: 10px;
        border-radius: 5px;
        align-items: center;
        margin-bottom: 10px;
    }
    .about-the-club-container
    {
        margin-right: unset;
    }
    .contact-and-opening-info
    {
        display: flex;
    }
    .contact-info
    {
        width: 60%;
    }
    .verify-message-container
    {
        width: 75%;
    }
    .user-verified-icon
    {
        right: 2px;
        top: 49px;
    }
    .admin-icon-messages
    {
        right: 2px;
        top: 49px;
    }
    /* .league-list-club-search_col1 .find_a_club_search_bar::placeholder
    {
        font-size: 14px;
    } */
    .homepage-signup-button-container
    {
        padding-top: 40px;
    }
    .homepage-instagram-button-row
    {
        padding: 0px;
    }
    .match_info_league-logo-container
    {
        display: none;
    }
    .match_info_league-table-container
    {
        width: 100%;
        margin-left: unset;
    }
    .match_info_league-table-column_one
    {
        width: 67%;
    }
    #league-table .match_info_table-outer
    {
        padding-top: 5px
    }
    .league-division-select-container
    {
        width: 100%;
        margin-bottom: 10px;
    }
    .league_result-submit-container
    {
        width: 100%;
        margin-top: 10px;
    }
    .match_info-message-container
    {
        margin-left: 1%;
    }
    .match_info-date
    {
        margin-left: 1%;
    }
    .tab-divider
    {
        display: none;
    }
    .tab-container-text
    {
        display: none;
    }
    .tab-container-header h1
    {
        font-size: 22px;
    }
    .contact-us-form-container
    {
        display: block;
    }
    .contact-us-form-text-container
    {
        width: unset;
        padding-right: unset;
    }
    .contact-us-form-inner
    {
        width: unset;
        margin-top: 16px;
    }
    .contact-us-top-tabs
    {
        padding-top: 20px;
    }
    /* .contact-admin-btn
    {
        margin-left: auto;
        margin-right: 15px;
    } */
    .find_a_club_text_overlay-input-container .find_a_club_search_bar
    {
        text-align: left;
    }
    .forgotten-pword-container-inner
    {
        width: 75%;
    }
    .admin_row-coloumn .admin-notification
    {
        right: -10px;
    }
    .mtl-rules-parent
    {
        display: block;
    }
    .mtl-rules-container
    {
        width: 100%;
    }
    .mt-rule-container-full
    {
        padding: 0px 10px;
    }
    .mtl-register-self-rating-container
    {
        grid-template-columns: auto auto auto;
        grid-row-gap: 10px;
    }
    .self-ration-radio-active .mtl-self-ration-hover-container
    {
        display: block;
    }
    .mtl-self-ration-hover-container
    {
        position: relative;
        margin-top: 15px;
        bottom: unset;
    }
    .mtl-self-ration-hover-container::before
    {
        display: none;
    }
    .mtl-club-search-container
    {
        width: calc( 100% - 50px );
        display: flex;
        align-items: center;
        top: 25px;
        padding: 3px;
    }
    .mtl-club-search-container input
    {
        width: calc( 100% - 45px );
        padding-left: 20px;
    }
    .mtl-hp-search-btn
    {
        width: 45px;
        height: 45px;
    }
    .mtl-hp-search-btn .mtl-hp-search-button
    {
        font-size: 25px;
    }
    .mtl-hp-slide-text-content-container
    {
        left: 0px;
        padding: 0px 10px;
        /* bottom: 10px; */
        bottom: 25px;
    }
    .mtl-hp-slide-btn-container
    {
        margin-right: 25px;
    }
    .mtl-club-search-container[ data-focus="true" ] .mtl-hp-search-btn
    {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 150px;
    }
    .mtl-club-search-container[ data-focus="true" ] .mtl-search-btn-icon
    {
        margin-right: 0;
        left: 32px;
    }
    .mtl-hp-slide-text
    {
        font-size: 16px;
    }
    .club-home-section-container
    {
        padding: 10px;
    }
    .mtl-club-league-selection
    {
        width: calc( 100% - 150px );
        margin-left: auto;
        padding-left: 0px;
        border: 0px;
    }
    .league_selection_container_inner .glider-slide
    {
        width: fit-content !important;
        max-width: unset !important;
        min-width: fit-content !important;
        padding-top: 10px;
    }
    .mtl-hp-slide-btn-text
    {
        font-size: 16px;
    }
    .mtl-hp-slide-second-btn-text
    {
        font-size: 16px;
    }
    .club-header-enter-league-button
    {
        top: 20px;
        right: 20px;
    }
    .mtl-admin-results-filter-input
    {
        display: block;
        margin: 10px auto;
    }
    .mtl-admin-filter-clear
    {
        display: block;
        margin: auto;
    }
    .lm-registration-switch
    {
        padding-bottom: 15px;
    }
    .mtl-instagram-section-title h3
    {
        font-size: 30px;
    }
    .mtl-instagram-row
    {
        padding: 0px 30px;
    }
    .mtl-instagram-slideshow .mtl-slideshow-arrow-next
    {
        right: -25px;
    }
    .mtl-instagram-slideshow .mtl-slideshow-arrow-prev
    {
        left: -25px;
    }
    .checkout-nill-price .checkout-form
    {
        display: none;
    }
    .register-membership-num-handler
    {
        font-size: 12px;
    }
}

@media only screen and (max-width: 600px)
{
    .facilities-container-inner {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto auto;
    }
    .admin_container_inner .admin_row-coloumn
    {
        width: 45%;
    }
    .admin_breadcrumb_container
    {
        padding: 20px 10px;
        padding-left: 0px;
    }
    .club-home-season-container
    {
        width: 100%;
        margin: 0px;
    }
    .club_list_item
    {
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .club_list_item_container .club_list_item
    {
        padding-top: 20px
    }
    .club_list-name-container
    {
        padding-top: 45px;
    }
    .club_list_club_image_container 
    {
        height: 150px;
    }
    .club_list_item_background
    {
        padding-top: 0px;
    }
    .club_list_item_logo_contianer
    {
        top: 125px;
    }
    .club_list-name-container h2
    {
        height: unset;
    }
    .club_list-name-container p
    {
        height: unset;
    }
    .member-profile-image-zoom-container
    {
        min-width: 100%;
    }
    .member-profile-image-zoom-container-inner
    {
        width: 300px;
        height: 300px;
        margin: auto;
    }
    .help-container
    {
        padding: 0 15px
    }
    .find_a_club_text_overlay-title-container h1
    {
        font-size: 48px;
    }
    .trophy-ring
    {
        padding: 10px;
        width: 90%
    }
    .club-list-filter-container
    {
        width: 100%;
    }
    .club_list_search
    {
        width: calc( 100% - 70px );
        margin-right: 15px;
    }
    .list-club-container
    {
        padding: 15px 10px;
    }
    .match_info_league-table-column_one
    {
        width: 66%;
    }
    .match_info_league-table-container
    {
        width: 101%;
        margin-left: -1%;
    }
    .mtl-terms-container
    {
        padding: 10px;
    }
    .member-profile-badge-zoom-container-inner
    {
        width: 90vw;
        max-height: 500px;
    }
    .forgotten-pword-container
    {
        padding: 10px;
    }
    .forgotten-pword-container-inner
    {
        width: 100%;
        padding: 10px;
    }
    .forgotten-pword-container-inner-form
    {
        width: unset;
    }
    .admin_row-coloumn .admin-notification
    {
        right: 13px;
    }

    .reset-pw-container
    {
        width: 100%
    }
    #club-homepage .club-home-season-image-container
    {
        display: none;
    }
    #club-homepage .club-home-season-container
    {
        margin-bottom: 10px;
        overflow: hidden;
    }
    .mtl-club-header .club-name
    {
        line-height: unset;
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 500px)
{
    .find_a_club_search_bar
    {
        padding: 10px 15px 10px 40px;
        font-size: 15px;
    }
    .find_a_club_text_overlay-title-container h1
    {
        font-size: 42px
    }
    .match_info_league-table-column_two
    {
        padding: 15px 0;
    }
    .contact-and-opening-info
    {
        display: block;
    }
    .trophy-container-inner .amount svg circle
    {
        stroke-dasharray: 440;
        stroke-dashoffset: 440;
    }
    /* .trophy-container-inner .amount svg circle:nth-child(2)
    {
        stroke-dashoffset: calc( 320 - ( 320 * 33.33) / 100 );
    } */
    /* .trophy-container-inner .amount
    {
        margin-bottom: -10px;
        margin-top: -20px
    } */
    .trophy-container-inner .text
    {
        margin: 0
    }
    .match_info_league-table-column_one
    {
        width: 65%;
    }
    .tab-container-icon
    {
        font-size: 40px;
    }
    .tab-container-header h1
    {
        font-size: 17px;
    }
    .contact-us-form-text-header
    {
        font-size: 25px;
    }
    .admin_row-coloumn .admin-notification
    {
        right: 3px;
    }
    .trophy-container
    {
        padding: 0;
        display: unset;
    }
    .profile_basic_info_section_container
    {
        padding: 0px;
    }
    .trophy-container-inner
    {
        display: unset;
    }
    .trophy-container-inner .amount
    {
        margin: auto;
    }
    .trophy-container-inner .amount svg circle
    {
        r: 50 !important
    }
    .mtl-hp-slide-title
    {
        font-size: 32px;
    }
    .mtl-club-search-container input
    {
        width: calc( 100% - 45px );
    }
    .mtl-club-search-container input::placeholder
    {
        font-size: 11px;
    }
    .mtl-hp-search-btn
    {
        width: 45px;
        height: 45px;
    }
    .mtl-club-search-container[ data-focus="true" ] .mtl-hp-search-btn
    {
        width: 100px;
    }
    .mtl-club-search-container[ data-focus="true" ] input
    {
        width: calc( 100% - 100px );
    }
    .mtl-hp-search-btn .mtl-hp-search-button
    {
        font-size: 16px;
    }
    .mtl-club-search-container[ data-focus="true" ] .mtl-search-btn-icon
    {
        left: 20px;
    }
    .mtl-club-search-container[ data-focus="true" ] .mtl-search-btn-text
    {
        right: 12px;
    }
    .mtl-hp-slide-btn-container
    {
        width: 160px;
        padding: 8px;
        padding-bottom: 9px;
    }
    .mtl-hp-slide-btn-container-second
    {
        width: 160px;
        padding: 8px;
        padding-bottom: 9px;
    }
    .mtl-club-header .mtl-profile-header-container
    {
        height: 250px;
    }
    .mtl-club-header .mtl-profile-header-container .profile_header
    {
        height: 200px;
    }
    .club-header-not-home .mtl-profile-header-container .profile_header
    {
        height: 250px
    }
    .mtl-profile-tab-container
    {
        display: flex;
    }
    .league_selection_tab
    {
        padding-left: 0;
        padding-top: 0;
        padding-right: 20px;
    }
    /* .mtl-club-search-container[ data-focus="true" ] .mtl-search-btn-icon
    {
        font-size: 20px;
    } */
    .mtl-hp-slide-image-container
    {
        height: 70vh;
    }
    .mtl-search-btn-text
    {
        font-size: 16px;
    }
    .mtl-instagram-slideshow .mtl-slideshow-arrow-next
    {
        display: none !important;
    }
    .mtl-instagram-slideshow .mtl-slideshow-arrow-prev
    {
        display: none !important;
    }
    .club-footer-image-container
    {
        width: 50%
    }
}

@media only screen and (max-width: 450px)
{
    .find_a_club_text_overlay-title-container h1
    {
        font-size: 35px;
    }
    .show_sidebar
    {
        width: 75%;
    }
    .friends_column_two
    {
        width: calc( 80% - 65px );
        display: inline-block;
        vertical-align: middle;
        padding: 0px 10px;
    }
    .friends_column_three
    {
        float: right;
        margin-top: 17px
    }
    .profie_avatar_image_placeholder
    {
        width: 100px;
        height: 100px;
    }
    .mtl-profile-header-text-column
    {
        width: calc( 100% - 100px );
    }
    .other_friend_icon-container
    {
        margin-left: 10px;
        margin-right: 10px; 
    }
    .admin_column_text
    {
        font-size: 15px;
    }
    .admin_column_button
    {
        font-size: 15px;
    }
    .create_new_league-container
    {
        width: 90%;
    }
    .create_league_league-type-button-container
    {
        padding: 8px 5px;
    }
    .find_a_club_text_overlay-container
    {
        max-width: 320px;
    }
    .find_a_club_text_overlay-target-container
    {
        padding: 0 38px 0 15px;
    }
    .find_a_club_image_container_inner
    {
        background-image: url('../static/img/find_a_club-stock-image.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top; 
    }
    .league-list-club-search_col1 .find_a_club_search_bar
    {
        padding-top: unset;
    }
    .homepage-container-height
    {
        height: 100%;
    }
    .list-club-container
    {
        padding: 15px 10px;
        width: 100%;
    }
    .division_table_col_one
    {
        width: 52%;
    }
    .division_table_col_two
    {
        width: calc( 12% - 3px );
    }
    .set_score_select-container
    {
        width: 100%;
    }
    .result_half_margin_right-outer
    {
        margin-right: 0px;
    }
    .result_half_margin_left-outer
    {
        margin-left: 0px;
    }
    .footer_container_quater
    {
        width: 100%;
    }
    .media-logos-container
    {
        transform: translate(-17px, 20px);
    }
    .header_btn_container
    {
        width: 80px;
    }
    .homepage-signup-button-container .header_btn_container
    {
        width: 120px;
    }
    .homepage-instagram-button-row .header_btn_container
    {
        width: 200px;
    }
    .header_login-reversed p
    {
        font-size: 14px;
    }
    .header_nav_container a p
    {
        font-size: 14px;
    }
    .login_inner
    {
        /* left: -70px; */
        right: -143px;
        /* top: 30px; */
        top: 71px;
        width: 300px;
    }
    .login_container::before
    {
        /* top: 20px; */
        top: 63px;
        right: 30px
    }
    .league-division-select-container .select_arrow-image-normal
    {
        background-size: 20px 20px;
    }
    /* .league-division-select-container
    {
        width: 40%;
    } */
    /* .league_result-submit-container
    {
        width: 60%;
    } */
    .league_result-submit-container .league_result-submit-btn
    {
        /* width: 100%; */
        width: 77%;
        margin:0px;
        margin-top: 10px;
    }
    .league_result-submit-container .league_result-submit-btn-disabled
    {
        /* width: 100%; */
        width: 77%;
        margin:0px;
        margin-top: 10px;
    }
    .message-division-btn
    {
        width: 20%;
        vertical-align: bottom;
    }
    .message-division-btn-disabled
    {
        width: 20%;
        vertical-align: bottom;
    }
    .footer_container_image_quater
    {
        width: 50%;
    }
    /* .mtl-profile-header-text-column
    {
        width: calc( 100% - 100px );
        width: calc( 100% - 190px );
    } */
    .mtl-profile-header-row
    {
        transform: translateY( calc( -39% - 4px ) );
    }
    .mtl-profile-header-text-column .profile_name_text
    {
        font-size: 20px;
    }
    .profile_image_camera_icon_container
    {
        right: -5px;
    }
    .lightning-date-picker-day-control
    {
        width: 14.2%;
        height: 45px;
    }
    /* .accolade_column
    {
        width: 100%;
        margin-right: 0px;
    } */
    .mtl-table-feed-item-content-container span
    {
        font-size: 13px;
    }
    .help-container h1 
    {
        font-size: 27px;
    }
    .trophy-container-inner span
    {
        font-size: 20px;
    }
    .trophy-ring span
    {
        font-size: 50px;
    }
    .profile_accolade_info .profile_basic_info_section_container
    {
        padding: 20px 10px;
    }
    .match_info_league-table-column_one
    {
        width: 64%;
    }
    .match_info-message-container
    {
        margin-left: 2%;
    }
    .match_info-date
    {
        margin-left: 2%;
    }
    .league_result-submit-container
    {
        margin-top: unset;
    }
    .glider-track .mtl-profile-tab
    {
        width: 110px !important
    }
    .doubles-result-text
    {
        font-size: 13px;
    }
    .set-text-doubles
    {
        font-size: 13px;
    }
    .trophy-container-inner .amount
    {
	    height: 100%;
        width: 100%;
        /* width: 100px; */
        position: relative;
        display: inline-block;
    }
    /* .trophy-container-inner .amount > div
    {
        position: absolute;
        height: 100%;
        width: 100%;
        border: 1px solid;
    } */
    /* .trophy-container-inner .amount .number
    {
        width: unset;
        left: 55px;
    } */
    .trophy-container-inner .amount svg
    {
        /* height: 100%;
        width: 100%; 
        text-align: center; */
        width: 100px;
        height: 110px;
    }
    .trophy-container-inner .amount svg circle
    {
        /* height: 100%;
        width: 100%; */
        /* transform-origin: 55% 50%; */
        /* transform-origin: 52% 46%; */
        width: 80px !important;
        height: 80px !important;
        max-width: 100px;
        max-height: 100px;
        r: 40px !important;
        cx: 40 !important;
        cy: 40 !important;
        transform-origin: 52% 40%;
    }
    .trophy-container-inner
    {
        /* height: 160px; */
        margin: unset;
        display: inline-block;
        width: 33.33%;
    }
    .admin_league_man_column_one
    {
        width: 44%;
    }
    .trophy-container-inner .amount .number h2
    {
        font-size: 50px;
    }
    /* .forgotten-pword-container
    {
        padding: 10px;
    }
    .forgotten-pword-container-inner
    {
        width: 100%;
        padding: 10px;
    }
    .forgotten-pword-container-inner-form
    {
        width: unset;
    } */
    .mtl-register-self-rating-container
    {
        grid-template-columns: auto auto;
        grid-row-gap: 10px;
    }
    .mtl-self-ration-radio
    {
        width: 20px;
        height: 20px;
    }
    .mtl-register-self-rating-label .mtl-self-ration-radio:after
    {
        width: 12px;
        height: 12px;
        left: 3px;
        top: 3px;
    }
    .mtl-register-self-rating-label
    {
        padding-left: 25px;
    }
    .trophy-container-inner .amount
    {
        margin-bottom: -30px;
    }
    .new_message_message
    {
        font-size: 10pt;
    }
    .mtl-complete-account-container-inner h3
    {
        font-size: 13px;
    }
    .mtl-complete-account-container-inner p
    {
        font-size: 11px;
    }
    .mtl-sidebar-account-completion-text-container h4
    {
        font-size: 17px;
    }
    #result-container .results_form-field-container .calendar-container
    {
        width: 100%;
        top: 60px;
    }
    .league_selection_tab
    {
        padding: 0;
        padding-right: 20px;
    }
    .contact-admin-btn
    {
        width: 100%;
    }
    .mtl-profile-tab-container .league_selection_tab:last-child
    {
        padding-right: 0px;
    }
    .mtl-club-header .club-name
    {
        font-size: 14pt;
        line-height: 35px;
    }
    .mtl-club-league-selection
    {
        width: calc( 100% - 120px );
    }
}

@media only screen and (max-width: 400px)
{
    /* .league-list-club-search_col1 .find_a_club_search_bar
    {
        padding-left: 30px;
    } */
    #club_search_input::placeholder
    {
        font-size: 16px
    }
    .homepage-search-container
    {
        top: 20%
    }
    .friends_title_container .new_message_search_container_close_search_container_tick
    {
        right: -5%;
    }
    .glider-track .mtl-profile-tab
    {
        width: 95px !important
    }
    .tab-container-icon
    {
        font-size: 30px;
    }
    .tab-container-header h1
    {
        font-size: 14px;
    }
    .contact-us-form-text-header
    {
        font-size: 18px;
    }
    .contact-us-form-container
    {
        padding-top: 5px;
        padding: 20px;
    }
    .admin_row-coloumn .admin-notification
    {
        right: -7px;
    }
    .profile_trophy_info-text
    {
        font-size: 15px;
    }
    .mtl-profile-header-text-column
    {
        padding-left: 20px;
    }
    .mtl-hp-slide-btn-container
    {
        width: 140px;
    }
    .mtl-hp-slide-btn-container-second
    {
        width: 140px;
    }
}


@media only screen and (max-width: 375px)
{
    .message-division-btn
{
    width: 19%;
    vertical-align: bottom;
}
    .message-division-btn-disabled
    {
        width: 19%;
        vertical-align: bottom;
    }
    .find_a_club_text_overlay-title-container h1
    {
        font-size: 31px;
    }
    .sidebar_test-large
    {
        font-size: 25px;
    }
    .sidebar_test-small
    {
        font-size: 15px;
    }
    .help-container h1 
    {
        font-size: 23px;
    }
    /* .season-league-row-mobile
    {
        height: 300px
    } */
    /* .trophy-container-inner .amount .number h2
    {
        margin-top: 10px;
    } */
    .footer_text_logo
    {
        width: 200px;
    }
    /* .mtl-profile-header-row
    {
        padding-left: 0px
    } */
    .league_selection_tab
    {
        padding-right: 10px;
        font-size: 15px;
        /* padding-bottom: 5px; */
    }
}

@media only screen and (max-width: 320px)
{
    .mtl-hp-slide-btn-container
    {
        margin-right: 10px;
    }
}

.new-league-wrapper
{
    display: inline-block;
    background: rgb(109,205,168);
    background: -moz-linear-gradient(90deg, rgba(109,205,168,1) 0%, rgba(107,200,176,1) 31%, rgba(100,183,203,1) 46%);
    background: -webkit-linear-gradient(90deg, rgba(109,205,168,1) 0%, rgba(107,200,176,1) 31%, rgba(100,183,203,1) 46%);
    background: linear-gradient(90deg, rgba(109,205,168,1) 0%, rgba(107,200,176,1) 31%, rgba(100,183,203,1) 46%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6dcda8",endColorstr="#64b7cb",GradientType=1);
    width: 100%;
}


.new-league-logo-wrapper
{
   display: inline-block;
   width: 100%;
     
}

.new-league-logo-wrapper-2
{
    height: 300px;
    width: 200px;
    margin: auto;
    padding: 50px 0px;
}


.new-league-text
{
  display: inline-block;
  font-size: 40px;
  color: white;
} 

.new-league-text-2
{
    display: inline-block;
    width: 90%;
}

.big-text-wrapper
{
    width: 100%;
    text-align: center;
}

.second-new-league-wrapper
{
    display: block;
    background: rgb(93,174,143);
    background: -moz-linear-gradient(90deg, rgba(93,174,143,1) 37%, rgba(86,156,169,1) 44%);
    background: -webkit-linear-gradient(90deg, rgba(93,174,143,1) 37%, rgba(86,156,169,1) 44%);
    background: linear-gradient(90deg, rgba(93,174,143,1) 37%, rgba(86,156,169,1) 44%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5dae8f",endColorstr="#569ca9",GradientType=1);
    width: 100%;
    height: 92px;
}

.second-wrapper-img
{
    padding-top: 20px;
    height: 20px;
    width: 50px;
    margin-left: 50px;

}

.second-banner-text
{
    text-align: left;
    font-size: 25px;
    color: white;
    margin-left: 125px;
    display: inline-block;
    vertical-align: top;
}

.second-banner-button
{
    display: inline-block;
    vertical-align: top;
    padding-top: 13px;
    
}

.second-banner-image
{
    width: 100%;
    height: 100%;
    padding: 5px 10px;
}

.second-banner-cross
{
    height: 50px;
    width: 30px;
    display: inline-block;
    position: absolute;
    right: 1%;
    top: 63%;

}



.second-wrapper-img img
{
    width: 40px;
    height: 40px;
    vertical-align: top;
}


.message-row-section
{
    display: inline-block;
    width: 30%;
    position: relative;
    bottom: 900px;
    overflow: hidden;

}

.write-message-inner
{
    width: 80px;
    float: right;
}

.message-inner-row
{
    width: 50%;
    font-size: 25px;
    color:#51e3a4;
    font-weight: 500;
    text-align: center;
}

.search-form-message
{
    
    font-size: 17px;
    float: left;
    margin-top: 50px;
    margin-left: 30px;
    border-radius: 100px;
  }
  
  .search-message-wrapper
  {
      display: inline-block;
  }

.search-form-message input
{
  
    border-radius: 20px;
    background-color: #E0E0E0;
    width: 220px;
    padding: 3px;
}


.inner-row-section
{
    height: 100%;
}


.icon-holder-1
{
    max-width: 80px;
    border-radius: 50%;
    border: 2px solid #ccc;
    overflow: hidden;
    margin-top: 12%;
}

.message-icon-section-wrapper
{
    width: 100%;
}

.icon-text-name
{
    position: relative;
    bottom: 85px;
    font-weight: 500;
    width: 54%;
    font-size: 17px;
    margin-left: 100px;
}

.icon-text-wrapper
{
    padding: 5px;
}

.new-message-image
{
    width: 45px;
    position: absolute;
    top: calc( 50% + 5px );
    right: 25px;
    transform: translateY(-50%);
    text-align: center;
}

.new-message-image .fa-paper-plane
{
    font-size: 23px;
    color: #51E3A4;
}

.homepage-option-container
{
    display: block;
    width: 100%;
    border-style: solid;
    border-width: 1px;
}

.homepage-option-1
{
    display: inline-block;
    width: 10%;
    margin-left: 30px;
    font-size: 20px;
}

.homepage-option-1:hover
{
    text-decoration: underline;
    color: #3fd0a6;
}

.homepage-option-2
{
    display: inline-block;
    width: 10%;
    margin-left: 30px;
    font-size: 18px;
}

.homepage-option-2:hover
{
    text-decoration: underline;
    color: #3fd0a6;
}

.homepage-option-3
{
    display: inline-block;
    width: 10%;
    margin-left: 30px;
    font-size: 20px;
}

.homepage-option-3:hover
{
    text-decoration: underline;
    color: #3fd0a6;
}

.homepage-season-option
{
    background-color: #f2f2f2;
    display: block;
    width: 100%;
    height: 100%;
    column-count: 4;
    padding: 35px;
}

.season-1-container
{

    box-shadow: 2px 2px grey;

}

.season-1-text-container
{
    display: inline-block;
    height: 89%;
    width: 100%;
    background-color: #F5F5F5;
    padding: 10px;
}

.season-1-text-1
{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;
}

.season-1-text-2
{
    font-size: 12px;
    margin-bottom: 50px;
}

.season-1-image
{
    height: 125px;
}

.season-1-button
{
    background-color: lightgreen;
    width: 85%;
    border-radius: 3px;
    margin: auto;
    margin-bottom: 18px;
    padding: 5px;
    border: 2px solid #3fd0a6;
    background-color: white;
}

.season-1-button-text
{
  text-align: center;
}

.Season-1-bottom
{
    text-align: right;
    padding-bottom: 10px;
    margin-right: 10px;
    color: #3fd0a6;
}

.Season-2-bottom
{
    text-align: right;
    padding-bottom: 10px;
    margin-right: 10px;
    color: red;
}

.Season-3-bottom
{
    text-align: right;
    padding-bottom: 10px;
    margin-right: 10px;
    color: red;
}

.Season-4-bottom
{
    text-align: right;
    padding-bottom: 10px;
    margin-right: 10px;
    color: red;
}

.Season-5-bottom
{
    text-align: right;
    padding-bottom: 10px;
    margin-right: 10px;
    color: red;
}

.Season-6-bottom
{
    text-align: right;
    padding-bottom: 10px;
    margin-right: 10px;
    color: red;
}

.Season-7-bottom
{
    text-align: right;
    padding-bottom: 10px;
    margin-right: 10px;
    color: red;
}

.Season-8-bottom
{
    text-align: right;
    padding-bottom: 10px;
    margin-right: 10px;
    color: red;
}



.season-2-container
{
    box-shadow: 2px 2px grey;
    margin-top: 35px;

}

.season-2-text-container
{
    display: inline-block;
    height: 89%;
    width: 100%;
    background-color: #F5F5F5;
    padding: 10px;
}

.season-2-text-1
{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;

}

.season-2-text-2
{
    font-size: 12px;
    margin-bottom: 50px;
}

.season-2-image
{
    height: 125px;
}

.season-2-button
{
    background-color: lightgreen;
    width: 85%;
    border-radius: 3px;
    margin: auto;
    margin-bottom: 18px;
    padding: 5px;
    border: 2px solid #3fd0a6;
    background-color: white;
}

.season-2-button-text
{
  text-align: center;
}

.season-3-container
{
    box-shadow: 2px 2px grey;
}

.season-3-text-container
{
    display: inline-block;
    height: 89%;
    width: 100%;
    background-color: #F5F5F5;
    padding: 10px;
}

.season-3-text-1
{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;
}

.season-3-text-2
{
    font-size: 12px;
    margin-bottom: 50px;
}


.season-3-image
{
    height: 125px;
}

.season-3-button
{
    background-color: lightgreen;
    width: 85%;
    border-radius: 3px;
    margin: auto;
    margin-bottom: 18px;
    padding: 5px;
    border: 2px solid #3fd0a6;
    background-color: white;
}

.season-3-button-text
{
  text-align: center;
}

.season-4-container
{
    box-shadow: 2px 2px grey;
    margin-top: 35px;
}

.season-4-text-container
{
    display: inline-block;
    height: 89%;
    width: 100%;
    background-color: #F5F5F5;
    padding: 10px;
}

.season-4-text-1
{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;
}

.season-4-text-2
{
    font-size: 12px;
    margin-bottom: 50px;
}


.season-4-image
{
    height: 125px;
}

.season-4-button
{
    background-color: lightgreen;
    width: 85%;
    border-radius: 3px;
    margin: auto;
    margin-bottom: 18px;
    padding: 5px;
    border: 2px solid #3fd0a6;
    background-color: white;
}

.season-4-button-text
{
  text-align: center;
}

.season-5-container
{
    box-shadow: 2px 2px grey;
}

.season-5-text-container
{
    display: inline-block;
    height: 89%;
    width: 100%;
    background-color: #F5F5F5;
    padding: 10px;
}

.season-5-text-1
{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;
}

.season-5-text-2
{
    font-size: 12px;
    margin-bottom: 50px;
}

.season-5-image
{
    height: 125px;
}

.season-5-button
{
    background-color: lightgreen;
    width: 85%;
    border-radius: 3px;
    margin: auto;
    margin-bottom: 18px;
    padding: 5px;
    border: 2px solid #3fd0a6;
    background-color: white;
}

.other_member_message-container
{
    padding: 8px 20px 10px 20px;
}

.season-5-button-text
{
  text-align: center;
}

.season-6-container
{
    box-shadow: 2px 2px grey;
    margin-top: 35px;
}

.season-6-text-container
{
    display: inline-block;
    height: 89%;
    width: 100%;
    background-color: #F5F5F5;
    padding: 10px;
}

.season-6-text-1
{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;
}

.season-6-text-2
{
    font-size: 12px;
    margin-bottom: 50px;
}


.season-6-image
{
    height: 125px;
}

.season-6-button
{
    background-color: lightgreen;
    width: 85%;
    border-radius: 3px;
    margin: auto;
    margin-bottom: 18px;
    padding: 5px;
    border: 2px solid #3fd0a6;
    background-color: white;
}

.season-6-button-text
{
  text-align: center;
}

.season-7-container
{
    box-shadow: 2px 2px grey;
}

.season-7-text-container
{
    display: inline-block;
    height: 89%;
    width: 100%;
    background-color: #F5F5F5;
    padding: 10px;
}

.season-7-text-1
{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;
}

.season-7-text-2
{
    font-size: 12px;
    margin-bottom: 50px;
}

.season-7-image
{
    height: 125px;
}

.season-7-button
{
    background-color: lightgreen;
    width: 85%;
    border-radius: 3px;
    margin: auto;
    margin-bottom: 18px;
    padding: 5px;
    border: 2px solid #3fd0a6;
    background-color: white;
}

.season-7-button-text
{
  text-align: center;
}

.season-8-container
{
    box-shadow: 2px 2px grey;
    margin-top: 35px;
}

.season-8-text-container
{
    display: inline-block;
    height: 89%;
    width: 100%;
    background-color: #F5F5F5;
    padding: 10px;
}

.season-8-text-1
{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;
}

.season-8-text-2
{
    font-size: 12px;
    margin-bottom: 50px;
}


.season-8-image
{
    height: 125px;
}

.season-8-button
{
    background-color: lightgreen;
    width: 85%;
    border-radius: 3px;
    margin: auto;
    margin-bottom: 18px;
    padding: 5px;
    border: 3px solid #3fd0a6;
    background-color: white;
}

.season-8-button-text
{
  text-align: center;
}


.fb-login-button-wrapper
{
    display: block;
    text-align: center;
    width: 100%;
    background-color: #4a67ad;
    color: white;
    margin: 0 auto;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 15px;
}
 
.league_selection_tab
{
    cursor: pointer;
}
#player-row-template
{
    display: none;
}
.mtl-dynamic-link
{
    cursor: pointer;
}

@media only screen and (max-width: 350px)
{
    .accolade_text_title
    {
        height: 80px;
    }
}

@media only screen and ( max-width: 300px )
{
    /* .trophy-container-inner .amount svg circle:nth-child(2)
    {
        stroke-dashoffset: calc(260 - ( 187 * 33.33) / 100 );
        stroke-dashoffset: 180;
    } */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{

    .footer-main-wrapper
    {
        display: block;
    }

    .footer-text-wrapper
    {
        display: inline-block;
        width: 100%;
        /* margin-top: 80px; */
        /* margin-top: 25px; */
    }

        .footer-image-5
        {
            display: inline-block;
            width: 12%;
        }   

        .footer-text-11
        {
           
            float: none;
        }
    .homepage-season-option
    {
        column-count: 1;
    }
    
    .club-homepage
    {
        width: 100%;
    }

    .homepage-option-1
    {
        margin-left: 0px;
        width: 20%;
    }

    .homepage-option-2
    {
        width: 35%;
    }

    .homepage-option-3
    {
        width: 28%;
    }

    .season-1-container
    {
        width: 100%;
        margin-left: 0px;
    }

    .season-2-container
    {
        width: 100%;
    }

    .season-3-container
    {
        width: 100%;
    }

    .season-4-container
    {
        width: 100%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{

    .homepage-season-option
    {
        column-count: 2; 
    }

}

@media only screen and (max-width: 480px)
{
    .badge_icon 
    {
        width: 35px;
        height: 35px;
    } 

    .other_member_message-container
    {
        padding: 8px 20px 10px 20px;
    }

    .user_message_container
    {
        padding: 8px 20px 10px 20px;
    }

    .new-message-bottom-wrapper
    {
        padding: 8px 20px;
    } 

    .badge_icon
    {
        top: -5px;
        left: -5px;
    }

    .other-friend-message-friend-container
    {
        top: 10px;
        right: 7px;
    }
}