/************* New Design CSS **************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/HTML5 display-role reset for older browsers /
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    background: none;
    margin: 0;
    padding: 0;
}

.page_wrapper {
    max-width: 1316px;
    margin: 0 auto;
    padding: 0 15px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/*close commented backslash hack */


.content.content--primary {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;  
    overflow: auto !important;
}

.content.content--secondary {
    margin: 0;
}

.container {
    width: 100%;
    margin: 0;
    padding: 0;
}

.page-header {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

select {
    background-image: unset;
}

a#stats-button {
    margin-top: 7px;
    float: right;
}

.btn-verify--green {
    background: #00bb3a;
    color: #ffffff;
}

.btn-verify--green:hover {
    background: #ffffff;
    color: #00bb3a;
}

.btn-verify--green:focus {
    color: #00bb3a;
}

.main_container {
    background-color: #f5f5f5;
    font-family: 'Roboto', sans-serif;
    display: flow-root;
    padding: 40px 0;
}
/*******/
.first_last_bt{
    margin: 0 0 20px 0 ;
}
.two_end_bt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.white_bt{
    max-width: 170px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    font-size: 16px;
    font-weight: 700;
    color: #737373;
    padding: 10px;
    margin: 0;
    display: block;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
.white_bt:hover{
    color: #737373;
    text-decoration: none;
}
.white_bt:focus {
    color: #737373 !important;
}
.green_bt{
    max-width: 170px;
    width: 100%;
    background-color: #00BB3A;
    border: 1px solid #00BB3A;
    box-shadow: 0px 2px 4px 0px #00000040;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    padding: 10px;
    margin: 0;
    display: block;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
.green_bt:focus {
    color: #FFF !important;
}
.green_bt:hover{
    color: #FFF;
    text-decoration: none;
}

.half_white_block {
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.half_white {
    flex: 49%;
    background-color: #FFF;
    align-self: normal;
    max-width: 630px;
    align-self: flex-start;
}
.player_half_block {
    flex: 49%;
    background-color: #FFF;
    align-self: normal;
    padding: 13px;
    max-width: 630px;
    align-self: flex-start;
    width:  100%;
}
.padding20{
    padding: 20px;
}
.your_team_block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: flex-start;
    margin: 0 0 30px;
}
.team_image {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}
.team_image img{
  max-width: 100%;
}
.team_image .update_team_image,
.team-bar-code .download_team_bar_code {
    font-size: 14px;
    font-weight: 700;
    color: #808080;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: normal;
    background-color: #FFF;
    border: 1px solid #808080;
    padding: 10px 20px;
}
.team-bar-code .download_team_bar_code {
    font-size: 10px;
    padding: 8px;
}
.team_image .update_team_image:hover,
.team-bar-code .download_team_bar_code:hover {
    color: #EA5455;
}
.team_image .update_team_image:focus,
.team-bar-code .download_team_bar_code:focus {
    color: #EA5455;
}
.team_info p {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    line-height: 22px;
    margin: 0 0 8px;
}
.team_info h4 {
    margin: 20px 0;
    font-weight: 700;
    color: black;
    font-size: 23px;
}
.team_info p strong{
    font-weight: 600;
    color:#0D0D0D;
}
.social_icon_block {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 15px 0 0;
    border-top: 1px solid #D8D8D8;
}
.black_line {
    background-color: #000000;
    padding: 25px;
}
.white_line {
    background-color: #FFF;
    padding: 25px;
}
.black_line h6{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: normal;
    margin:0 0 5px;
}
.black_line span{
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    color: #FFF;
}
.black_line span strong{
    font-weight: 600;
}
.white_line h6{
    font-size: 16px;
    color: #0D0D0D;
    font-weight: 600;
    line-height: normal;
    margin:0 0 10px;
}
.white_line h6.red{
    color: #EA5455;
}
.white_line span {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #737373;
    display: block;
    margin: 0 0 5px;
}
.white_line span{
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    color: #737373;
    display: block;
    margin: 0 0 5px;
}
.white_line ol{
    padding: 0 0 0 20px;
    margin: 0;
}
.white_line ol li{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #737373;
}
.white_line .list-type ol {
    list-style-type: decimal;
}
.padding10{
    padding: 10px;
}
.padding15{
    padding: 15px;
}

.half_white_container {
    margin: 0 0 35px;
}
.two_end_bt > div {
    display: flex;
    flex-direction: row;
    gap: 15px;
    flex-wrap: nowrap;
    align-items: center;
    flex: 1;
    /*justify-content: center;*/
}
.two_end_bt > div:nth-child(2) {
    justify-content: flex-end;
}
.green_border_bt{
    max-width: 170px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #00BB3A;
    font-size: 16px;
    font-weight: 700;
    color: #00BB3A;
    padding: 10px;
    margin: 0;
    display: block;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
.green_border_bt:hover{
    text-decoration: none;
    color: #00BB3A;
}
.green_border_bt:focus {
    color: #00BB3A !important;   
}

.leave_team_bt {
    max-width: 170px;
    width: 100%;
    background-color: #EA5455;
    border: 1px solid #EA5455;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    padding: 10px;
    margin: 0;
    display: block;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
.leave_team_bt:hover, .leave_team_bt:focus {
    color: #FFF;
    background-color: #EA5455;
    border: 1px solid #EA5455;
}

.announcement_block hr.site_line {
    background-color: #D8D8D8;
    margin: 25px 0;
}

/****/
.team_image img{
    max-width: 175px;
}

/**player_right_block_css**/
.team_top_row {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    /*align-items: center;*/
    margin-bottom: 20px;
}

.team_top_row > div {
    flex: auto;
}

.profile_team {
    max-width: 45px;
}

.profile_team img {
    max-width: 45px;
    border-radius: 100%;
}

.team_title h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    color: #0D0D0D;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.team_title p {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    margin: 0;
}

.team_title .team_requ {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #797979;
}

.team_title .team_league_names {
    font-size: 17px;
    font-weight: 600;
    color: #797979;
}

.team_title p span {
    font-weight: 600;
    margin-left: 5px;
}

.view_team {
    max-width: max-content;
}

.view_team a {
    background-color: #57c0f5;
    padding: 7px 15px;
    text-transform: uppercase;
    color: #FFF;
    border: 1px solid #57c0f5;
    text-decoration: none;
    display: block;
    font-size: 14px;
    line-height: normal;
    font-weight: 700;
    text-align: center;
    box-shadow: 0px 2px 4px 0px #00000040;
    white-space: nowrap;
}

.view_team a:focus {
    color: #FFF !important;
}

.progress_block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    border-top: 1px solid #DDF4FF;
    border-bottom: 1px solid #DDF4FF;
    padding: 10px 0;
}

.progress_block > div {
    flex: auto;
}

.progress_status {
    max-width: max-content;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-left: auto;
}

.progress_status > span {
    font-size: 14px;
}

.progress_status.red{
    background-color: #ffdfdf;
    /*height: 100%;*/
    padding: 8px 10px;
}
.progress_status.red span{
    color: #EA5455;
    font-size: 14px;
    font-weight: 600;
}

.progress_status.green{
    background-color: #e0ffef;
    /*height: 100%;*/
    padding: 8px 10px;
}
.progress_status.green span{
    color: #00BB3A;
    font-size: 14px;
    font-weight: 600;
}

.progress_bar {
    width: 100%;
    height:25px;
    border: 1px solid #ccc;
    position: relative;
    background-color: #D8D8D8;
    padding: 4px;
    max-width: 100%;
}

.progress_fill {
    height: 100%;
    width: 0;
 /* Initially set to 0% */
    background-color: #00BB3A;
 /* Set the background color when filled */
    position: relative;
}

.percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
}

.bottom_arrow {
    margin: 25px 0 20px 0;
    text-align: center;
}


/*********teams_info_block**********/
.teams_info_block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
}
.teams_tab_row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    margin-bottom: 5px;
}
.teams_tab {
    border-right: 1px solid #DDF4FF;
    padding: 20px 20px;
    flex:30%;
}
.teams_desc {
    padding:0;
    flex: 70%;
}
.team_desc_prog {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    height: 38px;
}
.teams_tab_block,
.teams_desc_block {
    height: 239px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #5b6274 #f5f5f5;
}

/* Hide the scrollbar buttons */
.teams_tab_block::-webkit-scrollbar-button,
.teams_desc_block::-webkit-scrollbar-button {
    display: none;
}

/* For Webkit browsers (Chrome, Safari) */
.teams_tab_block::-webkit-scrollbar,
.teams_desc_block::-webkit-scrollbar {
    width: 5px;
}

.teams_tab_block::-webkit-scrollbar-thumb,
.teams_desc_block::-webkit-scrollbar-thumb {
    background-color: #5b6274; /* Blue color for the scrollbar thumb */
    border-radius: 3px; /* Add border-radius to the scrollbar thumb */
}

.teams_tab_block::-webkit-scrollbar-track,
.teams_desc_block::-webkit-scrollbar-track {
    background-color: #f5f5f5; /* Sky blue color for the scroll space */
}




.teams_tab_block {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.team_desc_prog .progress_bar{
    max-width: 285px;
    width: 100%;
}
.tab_title span{font-size: 12px;font-weight: 400;color: #737373;line-height: normal;margin-bottom: 4px;
    display: block;}
.tab_title h6{font-size: 14px;color: #0D0D0D;line-height: normal;font-weight: 600;}
.desc_prog_left {
    max-width: 285px;
    width: 100%;
}
.desc_prog_left span{font-size: 12px;font-weight: 400;line-height: 22px;display: flex;align-items: center;}
.desc_prog_left span img{margin-left: 10px;}
.desc_prog_left .progress_bar{background-color:#f5f5f5;height: 5px;padding: 0;border: none;}
.desc_prog_left .progress_bar .percentage{
    display: none;
}
.desc_prog_right {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-right: 15px;
}
.desc_prog_right span{font-size: 12px;font-weight: 400;line-height: 22px;color: #737373;}

/***********************/
.how_verify_box{
    display: block;
    width: 100%;
    margin-bottom: 23px;
}
.how_verify_box p{
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    line-height: normal;
    margin: 0 0 20px;
}
.site_skyblue_bt{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: normal;
    padding: 10px;
    text-transform: uppercase;
    max-width: 215px;
    width: 100%;
    display: block;
    text-align: center;
    background-color: #57C0F5;
    box-shadow: 0px 2px 4px 0px #00000040;
    text-decoration: none;
}
.site_skyblue_bt:focus {
    color: #FFF !important;
}
.site_skyblue_bt:hover{
    text-decoration: none;
    color: #FFF;
}
/*****************************announcement_conainer****************************/
.announcement_block{
    background-color: #FFF;
    padding: 35px;
    margin: 40px 0;
}
.announcement_wrapper{
    max-width: 1080px;
    margin: 0 auto;
}
.announcement_top {
    margin: 0 0 30px;
}
.announcement_top .announcement_wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.announcement_top .announcement_wrapper > div{
    flex: 1;
}
.announcement_top .announcement_wrapper > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
}
.announcement_top h3{
    font-size: 20px;
    font-weight: 700;
    color: #0D0D0D;
    margin: 0 0 5px;
    line-height: normal;
}
.announcement_top p{
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    line-height: normal;
    margin: 0;
}
.skyblue_border_bt{
    font-size: 16px;
    color: #57C0F5;
    border: 1px solid #57C0F5;
    font-weight: 700;
    line-height: normal;
    padding: 10px;
    text-transform: uppercase;
    max-width: 215px;
    width: 100%;
    display: block;
    text-align: center;
    background-color: #FFF;
    box-shadow: 0px 2px 4px 0px #00000040;
    text-decoration: none;
}
.skyblue_border_bt:hover{
    text-decoration: none;
    color: #57C0F5;
}
.skyblue_border_bt:focus{
    color: #57C0F5;
}
.announcement_box_block {
    margin: 0 0 35px;
}
.announcement_box_block .announcement_wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:25px;
    align-items: flex-start;
}
.announcement_box_block .announcement_box {
    max-width: 633px;
    align-self: normal;
}
.announcement_box{
    flex: 48%;
    border: 1px solid #D8D8D8;
}
.announcement_box .black_line{
    padding: 15px 20px;
}
.announcement_box .black_line>div:nth-child(2) {
    max-width: 145px;
    align-items: center;
    gap: 10px;
}
.announcement_box .black_line>div img {
    max-width: 120px;
}
.black_line{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
}
.black_line > div{
    flex: auto;
}
.black_line > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    max-width: 125px;
    width: 100%;
}
.black_line > div:nth-child(2) a{
    border-radius: 2px;
}
.announcement_box .white_line ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #737373;
    margin: 0 0 10px;
}

.announcement_bottom h3{
    font-size: 16px;
    font-weight: 600;
    color: #0D0D0D;
    line-height: 22px;
    margin: 0;
}
.announcement_bottom p{
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    line-height: 22px;
    margin: 0 0 10px;
}
.team_join_request_row{
    padding: 15px 0;
    border: 1px solid #F5F5F5;
    margin-top: -1px;
}
.team_join_request_row .team_join_request_not_exist {
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    color: #737373;
    display: block;
    margin: 0 0 5px;
}
.player_row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    padding: 10px 0;
}
.player_row > div{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    flex: auto;
}
.player_row > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
}
.player_row img.verify {
    border-radius: 100%;
    max-width: 45px;
}
.player_row img.verify.verify_image {
    max-width: 30px;
}
.player_row img.user {
    border-radius: 100%;
    max-width: 50px;
}
.player_row h4{
    font-size: 15px;
    font-weight: 600;
    color: #737373;
    margin: 0;
    line-height: normal;
}
.player_row span{
    font-size: 13px;
    font-weight: 400;
    color: #C0C0C0;
    margin: 0;
    line-height: normal;
}

.remove_bt{
    font-size: 16px;
    color: #EA5455;
    border: 1px solid #EA5455;
    font-weight: 700;
    line-height: normal;
    padding: 10px;
    text-transform: uppercase;
    max-width: 170px;
    width: 100%;
    display: block;
    text-align: center;
    background-color: #FFF;
    text-decoration: none;
}
.remove_bt:hover{
    text-decoration: none;
    color: #EA5455;
}
.remove_bt:focus{
    color: #EA5455;
}
.approve_bt{
    font-size: 16px;
    color: #FFF;
    border: 1px solid #00BB3A;
    font-weight: 700;
    line-height: normal;
    padding: 10px;
    text-transform: uppercase;
    max-width: 170px;
    width: 100%;
    display: block;
    text-align: center;
    background-color:#00BB3A;
    text-decoration: none;
}
.approve_bt:hover{
    text-decoration: none;
    color: #FFF;
}
.approve_bt:focus{
    color: #FFF;
}
.team_no_league h4 {
    margin: 20px 0;
    font-weight: 700;
    color: black;
    font-size: 18px;
}

.team_join_league_blok {
    padding: 20px;
    color: #ffffff;
    background-color: #000000;
    margin: 10px 0;
    text-align: center;
}

.team_join_league_blok span {
    text-align: center;
    font-size: 13px;
    display: block;
}

.team_join_league_blok a {
    margin: 20px auto;
    max-width: 230px;
}

.slim {
    width: 230px;
    border-radius: 0;
    z-index: 1;
}
.slim .slim-area .slim-result img {
    max-width: 230px;
}

.join_request_user {
    position: relative;
}

/* .join_request_user img {
    max-width: 15px;
} */

/*.team_join_league_blok a {
    border: 1px solid #57c0f5;
    padding: 10px 20px;
    display: inline-block;
    margin: 20px;
    color: #FFFFFF;
    background-color: #57c0f5;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
}

.team_join_league_blok a:hover {
    color: #57c0f5;
    background-color: #000000;
    border: 1px solid #57c0f5;
}
*/

.unlock-roster-temporarily label {
    font-size: 14px !important;
}

.local_team_spot_block {
    padding: 20px 30px;
    background-color: #000000;
}

#spot-box-locked-roster span {
    line-height: 23px !important;
}

#spot-box-locked-roster ul {
    list-style-type: disc !important;
    margin-left: 45px;
}

#spot-box-locked-roster table tr td strong span {
    font-weight: 600 !important;
}

i.fa.fa-exclamation-triangle {
    margin-top: 0 !important;
}

.alert {
    font-size: 14px !important;
}
.flash_message_style {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.0rem !important;
    margin-bottom: 0px !important;
}
.close-alert {
    top: 35% !important;
    font-size: 2rem !important;
}

.status {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 13px;
    top: 0px;
    display: none; /* Hidden by default */
}

.need-additional-requirement-player span.age-badge:before,
.need-basic-requirement-player span.age-badge:before {
    content: "";
}
.need-additional-requirement-player span.age-badge,
.need-basic-requirement-player span.age-badge {
    background-color: #57c0f5;
}

.team-bar-code {
    place-self: flex-end;
    display: grid;
}
.team-bar-code figure.public-profile-id-image {
    position: unset;
    width: 100px;
}

.team-view-image {
    border-radius: 0%;
}

.first_last_bt .manage_add_coaches:hover + .manage_add_coaches_submenu, 
.manage_add_coaches_submenu:hover{
    color: #00BB3A !important;
    text-decoration: none;
    display: block;
    /*position: absolute;*/
}

.first_last_bt .manage_add_coaches:focus{
    color: #00BB3A !important;
}

.manage_add_coaches_submenu {
    display: none;
    text-align: left;
    background: white;
    margin: auto;
    padding: 0;
    /*width: 100%;*/
    box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.2);
    position: absolute;
    z-index: 11;
    right: 0px;
}

.manage_add_coaches_submenu li a {
    color: #737373 !important;
    display: block;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    border: 1px solid transparent;
    text-wrap: nowrap;
    max-width: 190px;
    cursor: pointer;
    text-align: left;
}
.manage_add_coaches_submenu li a:hover {
    background-color: #f5f5f5;
    color: #FFF;
    border: 1px solid #FFF;
}


/* Apply styles only when scrollbar is present */
@media (hover: hover) and (pointer: fine) {
    .list_block {
        scrollbar-width: thin;
        scrollbar-color: #57C0F5 #DDF4FF;
 /* Blue scrollbar with sky blue scroll space */
    }
}

/***mobile for header and footer css***/
@media only screen and (max-width:767px) {
    .half_white_block{
        /*flex-direction: column;*/
        width: 100%;
    }
    .your_team_block{
        flex-direction: column;
        align-items: center;
    }
    .two_end_bts{
        flex-direction: column;
    }
    .two_end_bt > div{
        width: 100%;
        /*flex-wrap: wrap;
        justify-content: center;*/
    }
    .two_end_bt > div:nth-child(2)
    {
      justify-content: flex-start;
      justify-content: center;
    }
    .two_end_bt .mobile_btn_set {
        flex-direction: column;
        justify-content: center;
    }
    .announcement_block{
        padding: 15px;
    }
    .announcement_top .announcement_wrapper , .black_line{
        flex-direction: column;
        align-items: flex-start;
    }
    .player_row{
        flex-direction: column;
    }
    .player_row > div{
        width: 100%;
    }
    .team_join_request_row{
        padding: 10px;
    }
    .teams_info_block{
        flex-direction: column;
    }
    .teams_tab{
        padding: 10px;
        border: 1px solid #DDF4FF;
    }
    .teams_tab , .teams_desc{
        flex: 100%;
        width: 100%;
    }
    .slim {
        width: 250px !important;
    }
    .line_menu_container .page_wrapper {
        padding: 0;
    }

    .progress_status.red , .progress_status.green {
        margin: 10px 10px 10px auto;
    }

    .slim .slim-area .slim-result img {
        max-width: 250px;
    }

    .title_block {
        flex-direction: column;
        align-items: flex-start;
    }

    .title {
        margin-bottom: 25px;
    }

    .coach_dashboard_block {
        flex-direction: column;
    }

    .progress_block {
        flex-wrap: wrap;
    }

    .view_team {
        margin: 15px 0;
    }

    .line_menu_container .page_wrapper {
        padding: 0;
    }

    .two_end_bt {
        flex-direction: column;
    }

    .green_border_bt {
        max-width: 166px;
    }
    .team_top_row {
        flex-direction: column;
    }
    .black_line > div:nth-child(2) {
        flex-direction: column;
    }
    .player_row > div:nth-child(2) {
        flex-direction: column;
    }

    .manage_add_coaches_submenu {
        top: 41px;
        right: 0px;
    }
    .mobile_btn_set {
        position: relative;
    }
    .manage_add_coaches_submenu li a {
        max-width: 100%;
    }
    .btn-half {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/*********************ipad for header and footer*************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
    .line_menu_container {
        padding: 10px 0;
    }

    .line_menu_container .page_wrapper {
        flex-wrap: wrap;
    }

    .line_btns {
        justify-content: flex-start;
    }
    .half_white_block{
        flex-direction: column;
    }
    .team_join_request_row{
        padding: 10px;
    }
}

@media print {
    * {
        color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    body {
        -webkit-print-color-adjust: exact;
    }
    .main_header, .line_menu_container, .first_last_bt, .player_half_block, .announcement_container, .main_footer, .team_not_have_league, .update_team_image, .how_verify_box, .site_line, .hide_team_lock_roster, .download_team_bar_code {
        display: none;
    }
    .half_white {
        border: 1px solid black;
    }
    .progress_status {
        max-width: max-content;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: nowrap;
        flex-direction: row;
        margin-left: auto;
    }
    .progress_status.red{
        background-color: #ffdfdf !important;
        print-color-adjust: exact; 
        /*height: 100%;*/
        padding: 8px 10px;
    }
    .progress_status.red span{
        color: #EA5455;
        font-size: 14px;
        font-weight: 600;
    }

    .progress_status.green{
        background-color: #e0ffef !important;
        print-color-adjust: exact; 
        /*height: 100%;*/
        padding: 8px 10px;
    }
    .progress_status.green span{
        color: #00BB3A;
        font-size: 14px;
        font-weight: 600;
    }
    .print_team_green {
        border: 4px solid #00BB3A;
    }
    .print_team_red {
        border: 4px solid #EA5455;
    }
}
@media (max-width: 767px) {
    .team-bar-code {
        place-self: auto;
    }
}
@media (min-width: 991px) {
    .team_info {
        width: 100%;
    }
}