/* Login CSS */

.wrapper {
    /*height: 100vh;*/
}

.plr-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.ptb-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.p-12 {
    padding: 12px;
}

.p-24 {
    padding: 24px;
}

video {
    outline: none;
}

.login_main_wrapper {
    background: url(../images/baseball-bat-ball_bw.png) center no-repeat;
    background-size: cover;
    background-position: 100%;
}

.login_form_section {
    padding: 0 0 100px 0;
}

.login_section {
    background-color: rgba(255, 255, 255, 0.85);
}

.team_logo {
    background-color: var(--colorWhite);
    box-shadow: 0 5px 50px 0 rgba(68, 2, 14, 0.1);
    padding: 30px 50px;
}

.team_logo.organization {
    /*background-color: #333;*/
    background-color: var(--colorWhite);
    box-shadow: 0 5px 50px 0 rgba(68, 2, 14, 0.1);
}

.main_logo {
    padding: 90px 0px 40px 0px;
    text-align: center;
}

.main_logo h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--textBlack);
    vertical-align: middle;
}

.auth_form {
    width: 330px;
    margin: 0 auto;
}

.email_input {
    padding-right: 42px;
}

.forgot_password_link {
    font-size: 14px;
    letter-spacing: 0.29px;
    color: #4b7bec;
    margin: 5px 0 0 0;
}


/*.forgot_password_link a {
  padding: 8px;
  border-radius: 2px;
  display: inline-block;
}
.forgot_password_link a:hover {
  background-color: #f7f6f6;
}*/

.checkin_box {
    position: absolute;
    right: 1px;
    top: 28px;
    width: 40px;
}

.checkin_box .input-group-addon {
    border: none;
    padding: 19px 20px;
    background: var(--primary) url(../images/arrow-right.svg) 50% no-repeat;
    background-size: 50%;
    cursor: pointer;
}

.checkin_box .input-group-addon:focus {
    outline: none;
}

.login_tabs {
    display: flex;
}

.login_tabs .tab {
    background-color: var(--secondary);
    color: var(--textGrey);
    font-size: 14px;
    margin: 0;
    width: 100%;
    cursor: pointer;
}

.login_tabs .tab:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.login_tabs .tab:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.login_tabs .tab>.tab-input {
    width: 0;
    height: 0;
    margin: 0;
    display: none;
}

.login_tabs .tab>.tab-box {
    padding: 6px 10px;
    width: 100%;
    text-align: center;
    border-radius: 2px;
    transition: 0.5s;
    border: 1px solid transparent;
}

.login_tabs .tab>.tab-input:checked+.tab-box {
    background: var(--colorWhite);
    color: var(--primary);
    border: 1px solid var(--primary);
}

.result_tabs_2 {
    display: flex;
}

.result_tabs_2 .tab_2 {
    background-color: var(--secondary);
    color: var(--textGrey);
    font-size: 14px;
    margin: 0;
    width: 100%;
    cursor: pointer;
}

.result_tabs_2 .tab_2 {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.result_tabs_2 .tab_2 {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.result_tabs_2 .tab_2>.tab-input {
    width: 0;
    height: 0;
    margin: 0;
    display: none;
}

.result_tabs_2 .tab_2>.tab-box_2 {
    padding: 6px 10px;
    width: 100%;
    text-align: center;
    border-radius: 2px;
    transition: 0.5s;
    border: 1px solid transparent;
}

.result_tabs_2 .tab_2>.tab-input:checked+.tab-box_2 {
    background: var(--colorWhite);
    color: #1b191a;
    border: 1px solid #b0a4a6;
}

.terms_link {
    font-size: 14px;
    margin-left: 5px;
    letter-spacing: 0.29px;
    color: #4b7bec;
}

.login_main_wrapper .alert_container,
.login_main_wrapper .alert {
    margin: 0;
}


/* Login CSS */


/* Reset Password CSS */

.sub_heading {
    font-size: 14px;
    color: var(--textBlack);
}


/* Reset Password CSS */


/* Change Password CSS */

.pwd_section img.pwd_show_hide, .pwd_second_section img.pwd_show_hide {
    position: absolute;
    right: 15px;
    top: 40px;
    height: 16px;
    cursor: pointer;
    display: none;
}

.help_text {
    font-size: 12px;
    font-style: italic;
    color: var(--colorBlack);
    margin: 0;
}


/* Change Password CSS */


/* Custom Card CSS */

.card_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0px 0 15px;
}

.card_section {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    padding: 0 12px;
    margin: 0 0 20px 0;
}

.card_section:nth-child(4n+1) {
    /* padding-left: 0; */
}

.card_section:nth-child(4n) {
    /* padding-right: 0; */
}
.custom_card {
    border-radius: 2px;
    box-shadow: 2px 2px 8px 0 rgba(68, 2, 14, 0.1);
    border: solid 1px #f4f1f1;
    background-color: var(--colorWhite);
    min-height: 227px;
    position: relative;
    /*cursor: pointer;*/
    /*transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);*/
}


/*.custom_card:hover {
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}*/

.nodata_card p {
    color: var(--textGrey);
    font-weight: 500;
    font-size: 24px;
}

.custom_card.add_card,
.custom_card.add_card a {
    background-color: #333333;
    color: var(--colorWhite);
    z-index: 2;
    cursor: pointer;
}

.custom_card.add_card .add_content {
    margin: 0 0 0 10px;
    font-size: 12px;
    letter-spacing: 0.19px;
}

.custom_card .img_block {
    background-color: #F1F3F6;
    position: relative;
}

.player_custom_card .img_block {
    /*background-color: #F1F3F6;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: #010101;
}

.custom_card .img_block img {
    max-height: 100px;
    min-height: 100px;
}

.custom_card.org_card {
     cursor: pointer;
}
.custom_card.org_card .org_details {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 3px 0 0 0; 
    height: 130px;
}

.custom_card .org_details .org_name {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    font-weight: 500 !important;
    color: var(--textBlack);
    margin: 0 0 0 20px;
    word-break: break-word;
}
.custom_card.org_card .org_details .org_name {
    font-size: 24px;
}

.custom_card .org_details .org_name label {
    font-size: 18px;
}

.custom_card .org_details .licence_name {
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0.13px;
    color: #808787;
    margin: 3px 10px 10px 20px;
    /*text-align: center;*/
}

.player_custom_card .org_details .licence_name {
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0.13px;
    color: #808787;
    /*margin: 3px 10px 10px 20px;*/
    /*text-align: center;*/
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 10px;
    padding-right: 10px;
}

#tabs-3 .player_custom_card .org_details .licence_name {
    top: 18%;
    left: 54%;
}

.custom_card .org_details .licence_name span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
}

.custom_card .progress {
    height: 5px;
    border-radius: 0px;
}

.player_custom_card.org_card {
    cursor: pointer;
    height: 100%;
    background-color: #f7f6f5;
    display: grid;
    grid-template-rows: 2fr 1fr;
}


/* Custom Card CSS */


/* Add Organization CSS */

.custom_modal {
    border-radius: 1px;
    box-shadow: 0 0 30px 0 rgba(68, 2, 14, 0.1);
    border: solid 1px #f4f1f1;
    background-color: var(--colorWhite);
    padding: 30px;
    margin: 0 0 25px 0;
}

.add_organization {
    width: 950px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.add_organization.hide {
    top: 10px;
    z-index: 0;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    pointer-events: none;
}

.form_title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.38px;
    color: var(--textBlack);
    margin: 0 0 20px 0;
}

.add_organization .btn_section,
.edit_organization .btn_section {
    text-align: right;
}

.add_organization .btn_section .btn_primary,
.edit_organization .btn_section .btn_primary {
    margin-left: 15px;
}

.subscription_section {
    border-radius: 2px;
    background-color: #fcd4d4;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 5px 12px;
}

.subscription_section p {
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0.13px;
    color: #c01717;
}

.preview_image {
    max-height: 30px;
    box-shadow: 0px 0px 4px 0px rgba(68, 2, 14, 0.15);
    display: none;
}


/* Add Organization CSS */


/* View Organization CSS */

.view_organization {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 750px;
    z-index: 1050;
    margin: auto;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    height: max-content;
}

.view_organization.hide {
    top: 10px;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.view_organization .team_title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.38px;
    color: var(--textBlack);
    margin: 0 8px;
}

.modal_content.custom_modal {
    position: relative;
}

.active_status {
    font-size: 14px;
}

.view_label {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.25px;
    color: var(--textBlack);
    margin: 0 15px 0 0;
}
.view_label span {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: var(--textBlack);
    margin: 0;
}

.view_organization .view_label span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px;
    display: inline-block;
    vertical-align: middle;
}


/* View Organization CSS */


/* Edit Organization CSS */

.edit_organization_btn {
    position: absolute;
    right: 6%;
    /* top: 6%; */
}

.edit_organization {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: fit-content;
    z-index: 1050;
    margin: auto;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    max-height: 90vh;
    height: fit-content !important;
    overflow-y: scroll;
    margin: 1em auto;
    background-color: #fff;
}

.edit_organization.hide {
    top: 10px;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    pointer-events: none;
}
#edit_close_image{
    cursor: pointer;
}

/* Edit Organization CSS */


/* org_status_div CSS */

.org_status_div {
    position: absolute;
    left: 0;
    right: 0;
    width: 92%;
    margin: auto;
    z-index: 2;
    top: 0px;
    background-color: #F1F3F6;
}

.org_status_div .inactive_text {
    position: inherit;
    margin: 0 5px 0 0;
}

.org_status_div .help_icon {
    margin: 5px;
}

.org_status_div .onoffswitch-switch {
    top: 3px;
}

.org_status_div .onoffswitch-checkbox:checked+.org_status_div .onoffswitch-label .onoffswitch-switch {
    right: 14px;
}

.inactive_overlay {
    position: absolute;
    top: 26px;
    right: 0;
    bottom: 0;
    left: 0;
    /* width: 92%; */
    width:100%;
    margin: auto;
    background-color: #fff;
    z-index: 1;
    opacity: .5;
}


/* org_status_div CSS */


/* Add Team CSS */

.add_team {
    width: 750px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.edit_team {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 750px;
    z-index: 1050;
    margin: auto;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    height: max-content;
}

.edit_team {
    /*top: -110px;
  left: -30%;*/
}

.add_team.hide,
.edit_team.hide {
    top: 10px;
    z-index: 0;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    pointer-events: none;
}

.form_title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.38px;
    color: var(--textBlack);
    margin: 0 0 20px 0;
}

.add_team .btn_section,
.edit_team .btn_section,
.add_coach_team .btn_section,
.add_exist_coach_team .btn_section {
    text-align: right;
}

.add_team .btn_section .btn_primary,
.edit_team .btn_section .btn_primary {
    margin-left: 15px;
}


/* Add Team CSS */


/* Team Style CSS */

.custom_card.team_card {
    min-height: 300px;
    cursor: pointer;
}

.team_list_wrapper {
    padding: 15px;
}

.team_list_wrapper .team_name {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: var(--textBlack);
    margin: 0 0 5px 0;
    word-break: break-word;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
}

.team_list_wrapper .team_list_head {
    border-bottom: solid 1px #f1f0f0;
}

.team_list_wrapper .team_list_players {
    margin: 10px 0 0 0;
    height: 120px;
    overflow-y: scroll;
}
.team_list_wrapper .team_list_players::-webkit-scrollbar {
 display: none;
}
.team_list_wrapper .team_list_players{
 -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.team_list_wrapper .team_list_players img {
    margin: 0 5px 0 0;
    border-radius: 50%;
}

.team_list_wrapper .team_details {
    font-size: 12px;
    color: var(--textGrey);
    margin: 0 0 8px 0;
}

.team_list_wrapper .team_details span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--textBlack);
    margin: 0 2px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
}

.team_add_players {
    background-color: var(--bgvidcolor);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px;
    cursor: default;
}

.team_add_players .menu_panel {
    margin: 10px 0 0 -20px;
}

.team_add_players .dropdown:first-child {
    margin: 0 15px 0 0;
}

.team_add_players p {
    margin: 0 0 0 8px;
    color: var(--colorWhite);
    font-size: 14px;
    letter-spacing: 0.22px;
}

.edit_team_btn {
    position: absolute;
    right: 1%;
    top: 1%;
    padding: 0 8px;
    /*opacity: 0;*/
}

.custom_card.team_card:hover .edit_team_btn {
    opacity: 1;
}

.add_coach_team,
.add_exist_coach_team,
.add_exist_player_team {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 750px;
    z-index: 1050;
    margin: auto;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    height: max-content;
}

.add_coach_team.hide,
.add_exist_coach_team.hide,
.add_exist_player_team.hide {
    top: 10px;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    pointer-events: none;
}

.add_exist_coach_team .btn_section .btn_primary,
.add_coach_team .btn_section .btn_primary,
.add_exist_player_team .btn_section .btn_primary {
    margin-left: 15px;
}


/* Team Style CSS */


/* Coach Dropdown CSS */

.menu_panel.coach_menu_panel {
    margin: 0px 0 0 40px;
}

.custom_card.add_card .menu_panel a {
    background-color: var(--colorWhite);
    color: var(--textBlack);
}

.custom_card.add_card .menu_panel a:hover {
    background-color: var(--bgPink);
}


/* Coach Dropdown CSS */


/* Add Team CSS */

.add_exist_coach {
    width: 750px;
}

.add_coach {
    width: 810px;
}

.add_exist_coach,
.add_coach {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.add_exist_coach.hide,
.add_coach.hide {
    top: 10px;
    z-index: 0;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    pointer-events: none;
}

.add_exist_coach .btn_section,
.add_coach .btn_section,
#edit_coach_form .btn_section {
    text-align: right;
}

.add_exist_coach .btn_section .btn_primary,
.add_coach .btn_section .btn_primary {
    margin-left: 15px;
}


/* Add Team CSS */


/* Coach Expertise CSS */

.team_header_logo {
    /*margin:0px 25px 0px 25px;*/
}


/*.team_org_img
{
  height:50px;
  width:66px;
}*/

.coach_type_tabs {
    display: flex;
    margin: 5px 0;
}

.coach_type_tabs .tab {
    font-size: 12px;
    margin: 0 10px 0 0;
    cursor: pointer;
    border-radius: 30px;
    position: relative;
}

.coach_type_tabs .tab>.tab-input {
    width: 0;
    height: 0;
    margin: 0;
    /*display: none;*/
    opacity: 0;
    position: absolute;
}

.coach_type_tabs .tab>.tab-box {
    padding: 3px 15px 3px 15px;
    text-align: center;
    border-radius: 30px;
    transition: 0.5s;
    border: 1px solid transparent;
}

.coach_type_tabs .tab>.tab-input:checked+.tab-box {
    padding: 3px 30px 3px 15px;
}

.coach_type_tabs .tab>.tab-box:before {
    border: 1px solid transparent;
}

.coach_type_tabs .tab>.tab-input:checked+.tab-box:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    vertical-align: middle;
    right: 10px;
    top: 5px;
}

.coach_type_tabs .tab>.tab-input:checked+.tab-box:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: 15px;
    width: 5px;
    height: 9px;
    border: solid var(--colorWhite);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.coach_type_tabs .tab.pitch_check {
    background-color: var(--pitchVioletLight);
    color: var(--pitchViolet);
}

.coach_type_tabs .tab.pitch_check>.tab-input:checked+.tab-box {
    border-color: var(--pitchViolet);
}

.coach_type_tabs .tab.pitch_check>.tab-box:before {
    background-color: var(--pitchViolet);
}

.coach_type_tabs .tab.pitch_check>.tab-input:checked+.tab-box:before {
    border-color: var(--pitchVioletLight);
}

.coach_type_tabs .tab.field_check {
    background-color: var(--fieldOrangeLight);
    color: var(--fieldOrange);
}

.coach_type_tabs .tab.field_check>.tab-input:checked+.tab-box {
    border-color: var(--fieldOrange);
}

.coach_type_tabs .tab.field_check>.tab-box:before {
    background-color: var(--fieldOrange);
}

.coach_type_tabs .tab.field_check>.tab-input:checked+.tab-box:before {
    border-color: var(--fieldOrangeLight);
}

.coach_type_tabs .tab.hitting_check {
    background-color: var(--hittingBlueLight);
    color: var(--hittingBlue);
}

.coach_type_tabs .tab.hitting_check>.tab-input:checked+.tab-box {
    border-color: var(--hittingBlue);
}

.coach_type_tabs .tab.hitting_check>.tab-box:before {
    background-color: var(--hittingBlue);
}

.coach_type_tabs .tab.hitting_check>.tab-input:checked+.tab-box:before {
    border-color: var(--hittingBlueLight);
}


.coach_type_multiselect {
    /*display: flex;*/
    margin: 5px 0;
}

.coach_type_multiselect .tab {
    font-size: 12px;
    margin: 0 10px 0 0;
    cursor: pointer;
    border-radius: 30px;
    position: relative;
}

.coach_type_multiselect .tab>.tab-input {
    width: 0;
    height: 0;
    margin: 0;
    /*display: none;*/
    opacity: 0;
    position: absolute;
}

.coach_type_multiselect .tab>.tab-box {
    padding: 3px 15px 3px 15px;
    text-align: center;
    border-radius: 12px;
    background-color: #f1efef;
    color: #808787;
    transition: 0.5s;
    border: 1px solid transparent;
}

.coach_type_multiselect .tab>.tab-input:checked+.tab-box {
    padding: 3px 30px 3px 15px;
    background: var(--bgPink);
    color: var(--primary);
}

.coach_type_multiselect .tab>.tab-box:before {
    border: 1px solid transparent;
}

.coach_type_multiselect .tab>.tab-input:checked+.tab-box:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    vertical-align: middle;
    right: 10px;
    top: 5px;
    background: var(--primary);
}

.coach_type_multiselect .tab>.tab-input:checked+.tab-box:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: 15px;
    width: 5px;
    height: 9px;
    border: solid var(--colorWhite);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Coach Expertise CSS */


/* Coach Details CSS */

.coach_list_wrapper {
    /*min-height: 200px;*/
}

.coach_details {
    padding: 15px;
}

.coach_details img {
    width: 80px;
    height: 80px;
    margin: 0 10px 0 0;
    border-radius: 50%;
}

.coach_details_inner h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    letter-spacing: 0.38px;
    color: var(--textBlack);
    margin: 0 0 5px 0;
    word-break: break-word;
    text-transform: capitalize;
}

.coach_details_inner p.coach_type {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    letter-spacing: 0.31px;
    margin: 0 0 -2px 0;
    display: inline-block;
    word-break: break-word;
}


/*.coach_details_inner p.coach_type:after  {
  content: ',';
}
.coach_details_inner p.coach_type:last-child:after  {
  content: '' !important;
}*/

.coach_details_inner p.coach_mail {
    font-size: 14px;
    margin: 0 0 5px 0;
    word-break: break-all;
    color: var(--textGrey);
}

.edit_coach_btn {
    position: absolute;
    right: 5%;
    top: 10%;
}
.admin_card .edit_coach_btn {
    top: 5%;
}
.edit_coach_btn img {
    padding: 5px 0;
}

.assign_team_btn {
    position: absolute;
    right: 15%;
    top: 6%;
}


/* Coach Details CSS */


/*Add Player CSS */

.player_jersey_div {
    display: none;
}

#add_player_form .btn_section .btn_primary,
#add_team_player_form .btn_section .btn_primary {
    margin-left: 15px;
}


/*Add Player CSS */


/*Add Video CSS */

#add_video_form .form-group {
    margin-bottom: 35px;
}

.add_tag {
    font-size: 12px;
    letter-spacing: 0.43px;
    color: var(--primary);
    margin: 0 0 0 5px;
    display: inherit;
}

.add_tag_wrapper {
    margin: 25px 0 0 15px;
}

.add-more-link {
    font-size: 12px;
    letter-spacing: 0.43px;
    color: var(--primary);
    margin: 0 0 0 5px;
}

#add_video_form .btn_section .btn_primary {
    margin-left: 15px;
}

.upload_video_wrapper {
    border-radius: 1px;
    border: solid 1px var(--textGrey);
    padding: 20px;
}

.preview_video_wrapper,
.add_more_video,
.custom_tag_wrapper {
    display: none;
    cursor: pointer;
}

.preview_video_wrapper .thumbnail_image img {
    height: 60px;
    width: 100%;
}

#close_tag_btn {
    position: relative;
}

#close_tag_btn img,
#save_tag_btn img {
    width: 20px;
}


/*Add Video CSS */


/* Profile Detail CSS */

.profile_created {
    font-family: 'Barlow Condensed', sans-serif;
    margin: 0 0 20px 0px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.25px;
}

.profile_do_later {
    border-radius: 4px;
    background-color: #f7f6f6;
    padding: 20px;
    margin: 0 0 30px 0;
}

.profile_do_later .progress {
    height: 5px;
    border-radius: 0px;
}

.profile_do_later .user_name {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.25px;
    margin: 12px 15px 0px 0;
}

.profile_do_later .profile_percentage {
    margin: 0;
}

.profile_do_later .profile_percentage span.text_green {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}

.profile_do_later .profile_percentage span.text_grey {
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.1px;
    margin: 0 0 0 5px;
}

.do_later p {
    font-size: 14px;
    letter-spacing: 0.29px;
    color: var(--textGrey);
    margin: 0 15px 0 0;
}

.do_later .btn {
    font-size: 14px;
    padding: 8px 15px;
    min-width: inherit;
}

.preview_transcript_wrapper {
    display: none;
}


/* Profile Detail CSS */


/* Accordion CSS */

.accordion_profile_header,
.accordion .card {
    border: none;
}

.accordion .card {
    margin-bottom: 20px;
}

.accordion_profile_header {
    padding: 0;
}
.accordion_profile_header:hover {
    background-color: rgba(0,0,0,.07);
}

.accordion_profile_header a {
    padding: 12px 20px;
    display: block;
}

.accordion_profile_header h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: var(--textBlack);
}

.accordion .collapse_div {
    padding: 20px 0;
}

.accordion_profile_header .accordion_profile_header_info .arrow_img img {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: initial;
    transition-property: transform;
    transition-duration: 0.5s;
}

.md-accordion .accordion_profile_header.card-header a:not(.collapsed) .arrow_img img {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition-property: transform;
    transition-duration: 0.5s;
}

#add_detailed_player_form .btn_section .btn_primary {
    margin-left: 15px;
}


/* Accordion CSS */


/* Dev Plan CSS */

.dev_plan_card {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    padding: 0 12px;
    margin: 0 0 20px 0;
}

img.manage-transcripts-btns {
    margin-left: 10px;
}

.dev_plan_card:nth-child(3n + 1) {
    padding-left: 0;
}

.dev_plan_card:nth-child(3n) {
    padding-right: 0;
}

.dev_plan_card .custom_card .img_block img, .performance_plan_card .custom_card .img_block img {
    max-height: 200px;
    min-height: 200px;
    width: 100%;
}

.dev_plan_card .custom_card .dev_plan_details, .performance_plan_card .custom_card .dev_plan_details {
    min-height: 270px;
    padding: 10px 20px;
    /* padding-bottom: 90px; */
    /* height: 200px !important; */
}

.dev_plan_card .slimScrollDiv {
    height: 270px !important;
    width: 361px !important;
}

.dev_plan_details.current_plan {
    min-height: 270px !important;
}

.dev_plan_card .slimScrollBarY {
    z-index: unset !important;
}

.dev_plan_card .custom_card {
    width: 386px;
    cursor: default;
}

.player-completion-status .val {
    display: inherit;
}

.dev_plan_card .custom_card .dev_plan_details .dev_plan_name {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.75px;
    color: var(--colorBlack);
    margin-bottom: 8px;
}

.dev_plan_card .custom_card .dev_plan_details .dev_plan_desc {
    font-size: 14px;
    line-height: 1.71;
    color: var(--colorBlack);
    font-weight: 400;
}

.dev_plan_card .custom_card .dev_plan_details span b {
    color: var(--primary);
}

.dev_plan_card .custom_card .dev_plan_details p.dev_plan_desc.bleed {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.dev_plan_card .custom_card .dev_plan_details.current_plan {
    background-color: var(--bgvidcolor);
}

.dev_plan_card .custom_card .dev_plan_details.current_plan .dev_plan_name {
    color: var(--colorWhite);
}

.dev_plan_card .custom_card .dev_plan_details.current_plan .dev_plan_desc {
    color: var(--colorWhite);
}

.dev_plan_pro {
    background-color: var(--bgvidcolor);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    transition: 0.5s;
}

.dev_plan_pro:hover {
    background-color: var(--textBlack);
    transition: 0.5s;
}

.dev_plan_pro img.dev_pro_image {
    /*background-color: #edebeb;*/
    position: absolute;
    left: 0px;
    top: 0;
    padding: 5px;
    bottom: 0;
    margin: auto;
    height: 51px;
}

.dev_plan_pro.top_div {
    background-color: #ffffff!important;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    transition: 0.5s;
}

.dev_plan_pro .top_child_div {
    /*border: solid 2px transparent;*/
    border-radius: 2px;
    /*border: solid 2px #9b9899;*/
    background-color: #f5f6f8;
}


/*.dev_plan_pro .top_child_div:hover {
    border: solid 2px #9b9899;
}*/

.dev_plan_pro .a_tag_text {
    color: black;
}

.dev_plan_pro:hover {
    background-color: var(--textBlack);
    transition: 0.5s;
}

.current_plan .readMoreBtn {
    color: var(--colorLightGray);
}


/* #readMoreBtn {
    display: none;
} */


/*.dev_plan_pro img.dev_pro_image {*/


/*  background-color: #edebeb;*/


/*  position: absolute;*/


/*  left: 2px;*/


/*  top: 2px;*/


/*  padding: 5.5px 5px 5.5px 5px;*/


/*}*/

#coach_image2 {
    /*background-color: #edebeb!important;*/
    position: absolute!important;
    left: 0px!important;
    top: 1px!important;
    padding: 5.5px 5px 5.5px 5px!important;
}

#coach_image1 {
    /*background-color: #edebeb;*/
    position: absolute;
    left: 0px;
    top: 1px;
    padding: 5.5px 5px 5.5px 5px;
}

.dev_plan_pro .top_child_div a {
    color: var(--colorBlack);
    cursor: default;
}

.dev_plan_pro.top_div:hover,
.dev_plan_pro.top_div:hover .top_child_div,
.dev_plan_pro.top_div:hover a {
    /*background-color: var(--colorBlack) !important;
    color: var(--colorWhite);*/
}

.dev_plan_pro a {
    padding: 15px;
    text-align: center;
    font-size: 14px;
    letter-spacing: normal;
    line-height: 1.71;
    color: var(--colorWhite);
    
}

.dev_plan_pro a:hover .right_arrow {
    animation-name: move-left-to-right;
    animation-duration: 0.6s;
    /*animation-delay: 0.6s;*/
    animation-iteration-count: infinite;
    animation-direction: alternative;
}

@keyframes move-left-to-right {
    0% {
        transform: translateX(5%);
    }
    50% {
        transform: translateX(90%);
    }
    100% {
        transform: translateX(5%);
    }
}


/* Dev Plan CSS */


/* Profile CSS */

.profile_card {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    padding: 0 12px;
    margin: 0 0 20px 0;
}
.profile_card .custom_card {
    cursor: default;
}

.profile_card:nth-child(3n + 1) {
    padding-left: 0;
}

.profile_card:nth-child(3n) {
    padding-right: 0;
}

.profile_card .custom_card {
    min-height: 360px;
    max-height: 360px;
}

.profile_card .custom_card.profile_detail_card {
    background-color: var(--bgvidcolor);
}

.profile_card .profile_card_body {
    padding: 20px;
}

.profile_card .profile_card_header {
    padding: 20px 10px 0px 20px;
}

.profile_card .profile_card_header h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: var(--colorDark);
}

.profile_card .profile_card_body {
    min-height: 285px;
    max-height: 300px;
    overflow-y: auto;
}

.profile_card .profile_card_body .view_label {
    margin: 0 0 8px 0;
}
.profile_card .profile_card_body .guardian_label {
    margin: 0 0 10px 0;    
}
.profile_card .profile_card_body .guardian_label span {
    font-size: 12px;
    display: block;
    margin: 0 0 3px 0;
    color: var(--colorDark)
}

.profile_card .profile_card_body .manage_transcript {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.43px;
    color: var(--primary);
    margin: 0 0 8px 0;
}

.profile_card .profile_card_body .social_links a {
    font-size: 10px;
    color: var(--textGrey);
    margin: 0 10px 0 0;
}

.profile_card .profile_card_body .empty_state {
    background-color: #f5f6f8;
    padding: 50px 30px;
    width: 100%;
    text-align: center;
}

.profile_card .profile_card_body .empty_state p {
    font-size: 13px;
    line-height: 1.71;
    letter-spacing: 0.15px;
    color: var(--colorLightGray);
    margin: 0 0 10px 0;
}

.profile_card .profile_card_body .empty_state a {
    font-size: 12px;
    letter-spacing: 0.43px;
    color: var(--primary);
}

.profile_image_change {
    position: relative;
    width: 150px;
    margin: 0px auto 0 auto !important;
}

.profile_image_change .file_btn {
    font-size: 0px;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.profile_image_change img#cropped_image {
    min-width: 150px;
    min-height: 150px;
    max-width: 150px;
    max-height: 150px;
    border-radius: 50%;
}

.image_edit {
    position: absolute;
    bottom: -10px;
    right: 0;
    background: #fff;
    padding: 0px;
    border-radius: 50%;
    cursor: pointer;
    left: 0;
    margin: 0 auto;
    width: 25px;
    height: 25px;
    text-align: center;
}

.image_edit img {
    width: 15px;
}

.highlightVideos {
    padding: 70px 18px 70px 18px;
    border-radius: 2px;
    background-color: #f5f6f8;
}

.highlightVideos p {
    font-size: 14px;
    font-family: Roboto;
    letter-spacing: 0.15px;
    color: #808787;
    font-weight: normal;
    font-stretch: normal;
}

.player_profile_details {
    text-align: center;
    padding: 15px;
}

.player_profile_details h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0.8px;
    color: var(--colorWhite);
    margin: 0 0 6px 0;
    max-width: 355px;
    width: 100%;
}

.player_profile_details h3 span {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.13px;
}

.player_profile_details p.team_details {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    color: var(--colorWhite);
    margin: 0 0 0px 0;
}

.player_profile_details p.email {
    font-size: 12px;
    color: var(--colorGray);
    margin: 0 0 0px 0;
}

.view_profile_card {
    background-color: #515151;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.view_profile_card a.view_profile_card_link {
    padding: 12px 15px;
    color: var(--colorWhite);
    display: block;
    font-size: 14px;
    letter-spacing: 0.29px;
    position: relative;
}

.view_profile_card a#dropdownMenuCoach:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: solid 1px #969494;
}

.view_profile_card .menu_panel {
    margin: 0;
    box-shadow: 0px 0px 10px 2px rgba(68, 2, 14, 0.1)
}

.coach_mentor_details {
    margin: 0 0 15px 0;
    position: relative;
    cursor: pointer;
}

.coach_mentor_details:last-child {
    margin: 0;
}

.coach_mentor_details:after {
    content: '';
    /* border-bottom: 1px solid var(--secondary); */
    position: absolute;
    width: 100%;
    bottom: -10px;
}

.coach_mentor_details:last-child:after {
    content: '';
    border-bottom: none;
}

.coach_mentor_details h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: var(--textBlack);
    margin: 0 0 10px 0;
}

.coach_mentor_details .coach_mentor_details_inner img {
    width: 45px;
    height: 45px;
}

.coach_mentor_img {
    /* width: 100%!important;
    height: auto!important;
    margin-bottom: auto; */
    width: 100%!important;
    height: 7em !important;
    margin-bottom: auto;
    border-radius: 50%!important;
}

.coach_mentor_details .coach_mentor_details_inner h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.31px;
    color: var(--textBlack);
    margin: 0 0 5px 0;
}

.coach_mentor_details .coach_mentor_details_inner p {
    font-size: 12px;
    font-weight: 500;
    color: var(--textGrey);
    margin: 0;
}

.coach_mentor_details .coach_mentor_details_inner .coach_names {
    position: relative;
    width: 100%;
}

.dev_plan_card .coach_name_detail {
    margin-left: -4em;
    width: 4em !important;
}

.dev_plan_details .coach_name_detail,
.dev_plan_details .coach_name_detail_custom {
    position: absolute !important;
}

.dev_plan_card .coach_name_detail>div {
    /* top: 92px !important;
    left: 141px !important; */
    position: absolute !important;
    top: -24.35em !important;
    left: 2.1em !important;
    height: 29.29em !important;
    max-width: 384px !important;
    display: block;
}

.dev_plan_card:nth-child(2) .coach_name_detail>div {
    left: 2.15em !important;
    top: -24.4em !important;
}

.dev_plan_card:nth-child(3n) .coach_name_detail>div {
    left: 2.12em !important;
}

.dev_plan_card:nth-child(4n) .coach_name_detail>div {
    top: 97.49px !important;
    left: 141px !important;
}

.dev_plan_card:nth-child(5n) .coach_name_detail>div {
    left: 34.5em !important;
    top: 98px !important;
}

.dev_plan_card:nth-child(6n) .coach_name_detail>div {
    left: 59.39em !important;
    top: 98px !important;
}


/* .coach_mentor_details .coach_mentor_details_inner .coach_names:after {
    content: '';
    background: url('../images/icon_chevron_right_grey.svg') no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    height: 10px;
    bottom: 0;
    margin: auto;
} */

.multiple_coach_mentor:after {
    content: '';
    background: url('../images/icon_chevron_right_grey.svg') no-repeat;
    display: block;
    position: absolute;
    /* right: 0; */
    right: 23px;
    top: 0;
    width: 6px;
    height: 10px;
    bottom: 0;
    margin: auto;
}

.acheivements_div {
    margin: 0 0 15px 0;
}

.acheivements_div .acheivements {
    background-color: #f5f6f8;
    padding: 10px;
    max-width: 100px;
    max-height: 100px;
    min-height: 100px;
    min-width: 100px;
}

.acheivements_div .acheivements img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 15px 2px rgba(68, 2, 14, 0.1);
}

.acheivements_div .acheivements p {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.58px;
    color: var(--textBlack);
    margin: 0;
}

.acheivements_div .acheivements span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 12px;
    margin: 0;
    font-weight: bold;
    ;
    letter-spacing: 0.3px;
    color: var(--primary);
    background-color: var(--colorWhite);
    padding: 1px 5px;
    border-radius: 30px;
    position: absolute;
    top: 8%;
}

.view_profile_div .acheivements_link {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.43px;
    color: var(--primary);
}


/* Profile CSS */


/* Video Modal CSS */

#videoModal .close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
}

#videoModal .close-btn img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

#videoModal .modal-content {
    background: #000;
}

.video-thumbnail {
    cursor: pointer;
}

.approvals-filter {
    margin-bottom: 17px;
}

.approvals-filter .nav-link {
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #808787;
    border-radius: 15px;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
    margin-right: 16px;
    padding: 4px 16px;
}

.approvals-filter .nav-link.active {
    border: solid 1px #c20f2f;
    background-color: #ffffff;
    color: #c20f2f;
}

.approval-card {
    border-radius: 1px;
    box-shadow: 2px 2px 8px 0 rgba(68, 2, 14, 0.1);
    background-color: #ffffff;
    height: 208px;
    width: 100%;
    padding: 24px 11px;
    margin-bottom: 15px;
}

.approval-card-title img {
    margin-right: 8px;
    margin-left: 11px;
}

.approval-card-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 32px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #0e1012;
    display: flex;
    align-items: center;
}

.approvals-requests {
    margin-top: 24px;
    margin-left: -4px;
    margin-right: -4px;
}
.approvals-requests a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 96px;
}

.request-item {
    height: 96px;
    flex: 1;
    background-color: rgba(75, 101, 132, 0.08);
    margin: 0 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow Condensed', sans-serif;
    padding: 5px;
}

.request-item h5 {
    font-size: 14px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    color: #0e1012;
}

.request-item .count {
    font-size: 24px;
    font-weight: 600;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #5f7795;
}


/* Team Coach View */

.team_coach_btn {
    cursor: pointer;
}
#game_details{
    position:relative;
}
.playerProfileTeam#confirm_player_team_change,.playerProfileDetail#confirm_player_email_change,
.playerProfileDetail#confirm_guardian1_email_change,
.playerProfileDetail#confirm_guardian2_email_change{
    width:460px;
    z-index:1060;
    position: absolute;
    display:none;
    margin-top:80px;
    margin-left: 110px;
}
.coachList#confirm_coach_type_change {
    width:460px;
    z-index:1060;
    position: absolute;
    display:none;
    margin-top:80px;
    margin-left: 110px;
}
.coachList#confirm_tc_coach_type_change, .coachList#confirm_email_change {
    width:460px;
    z-index:1060;
    position: absolute;
    display:none;
    margin-top:80px;
    margin-left: 110px;
}
.teamList#confirm_coach_type_change {
    width:460px;
    z-index:1060;
    position: absolute;
    display:none;
    margin-top:80px;
    margin-left: 110px;    
}
.teamList#confirm_tc_coach_type_change {
    width:460px;
    z-index:1060;
    position: absolute;
    display:none;
    margin-top:80px;
    margin-left: 110px;
}
.teamAssign#confirm_tc_coach_type_change {
    width:460px;
    z-index:1060;
    position: absolute;
    display:none;
    margin-top:100px;
    margin-left:100px;
}
.teamAssignCoach#confirm_tc_coach_type_change {
    width:460px;
    z-index:1060;
    position: absolute;
    display:none;
    margin-top:100px;
    margin-left:100px;
}
.icon_modal_close_confirm {
    width: 20px;
    height: 20px;
    background: url(/images/icon_modal_close.svg) center no-repeat;
    background-size: 15px 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.edit_coach, .edit_performance_section, .delete_video_prompt {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0;
    width: 750px;
    z-index: 1050;
    margin: auto;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    height: max-content;
}

.team_coach {
    width: auto ! important;
    height: 20px ! important;
    border-radius: 2px;
    background-color: #f8e7ea ! important;
    margin: 0px 15px 0 0;
}

.view_team_coach {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #c20f2f;
    margin: 0px 0px 0px 5px;
    overflow: hidden;
}

.close_round {
    margin: 5px 5px 5px 5px;
    vertical-align: initial;
}

.view_coach {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 700px;
    z-index: 1050;
    margin: auto;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    height: max-content;
}

.view_coach.hide {
    top: 10px;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.edit_coach.hide, .edit_performance_section.hide, .delete_video_prompt.hide {
    top: 10px;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    pointer-events: none;
}

.assign_coach {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 700px;
    z-index: 1050;
    margin: auto;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    height: max-content;
}

.assign_coach.hide {
    top: 10px;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    pointer-events: none;
}

.unassign_coach {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 700px;
    z-index: 1050;
    margin: auto;
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    height: max-content;
}

.unassign_coach.hide {
    top: 10px;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    pointer-events: none;
}

.remove_panel {
    padding: 5px;
    border-radius: 2px;
    background-color: #515151;
}

.remove_text {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--colorWhite);
}

.team_coach_btn {
    padding: 0px 15px 0px 15px ! important;
}


/*manage-transcripts popup*/

.manage-transcripts-popup {
    /*min-height: 375px;*/
    border-radius: 1px;
    box-shadow: 0 0 30px 0 rgba(68, 2, 14, 0.1);
    border: solid 1px #f4f1f1;
    background-color: #ffffff;
    padding: 24px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    margin-top: 10px;
    display: flex;
}

.manage-transcripts-popup h3 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #0e1012;
    margin-bottom: 24px;
}

.manage-transcripts-popup ul {
    margin: 0;
    padding: 0;
}

.manage-transcripts-popup ul li {
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
    margin-bottom: 4px;
}
.manage-transcripts-popup ul li .list-sec-2{
    display: flex;
    align-items: baseline;
}

.manage-transcripts-popup ul li label {
    width: 80%;
    height: 40px;
    border-radius: 2px;
    background-color: #edebeb;
    display: flex;
    align-items: center;
    padding: 11px 16px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    color: #808787;
    margin-bottom: 4px;
}

.manage-transcripts-btns button {
    min-width: 100px;
    border-radius: 2px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
}

.manage-transcripts-btns .btn_primary {
    border-radius: 2px;
    border: solid 1px #c20f2f;
    background-color: #ffffff;
    color: #c20f2f;
    margin-left: 17px;
}

.manage-transcripts-popup::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: 10px solid black;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -3px 3px 3px 0 rgba(68, 2, 14, 0.1);
    left: 60px;
    top: 4px;
}


/* common button */

.custom-btn {
    min-width: 78px;
    border-radius: 2px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    border-radius: 2px;
}

.custom-btn.btn-secondary {
    border: solid 1px #f1efef;
    background-color: #f1efef;
    color: #808787;
}

.custom-btn.btn-primary {
    border: solid 1px #c20f2f;
    background-color: #ffffff;
    color: #c20f2f;
    margin-left: 17px;
}


/* filter container */

.filter-container {
    border-radius: 1px;
    border: solid 1px #f4f1f1;
    background-color: #ffffff;
    padding: 24px 24px 30px 24px;
    margin-left: 15px;
}

.filter-container .select2-container {
    min-width: 100%;
}

.filter-container h4 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #333333;
}


/* custom checkbox with checkicon */

.custom-checkbox-wrapper {
    display: flex;
}

.custom-checkbox-wrapper .custom-checkbox {
    margin-right: 11px;
}

.custom-checkbox .form-control {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}

.custom-checkbox label {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #808787;
    padding-right: 14px;
    cursor: pointer;
}


/* .custom-checkbox .form-control:checked+label {
    color: #c20f2f;
    background: url(../images/checkbox_icon.svg) 100% center no-repeat;
} */


/* filter-search */

.filter-search .list_search {
    max-width: 200px;
}

.filter-search form {
    margin-bottom: 5px;
}

.filter-button {
    margin-left: 24px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
}

.filter-video-button {
    margin-left: 10px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
}

.filter-button:focus {
    outline: none;
}

.filter-video-button:focus {
    outline: none;
}

.approval-nav {
    padding: 0 20px 6px;
}

.nav-tabs.approval-nav .nav-tab-link {
    padding: 6px 16px !important;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.75px;
    color: #0e1012;
}

.nav-tabs.approval-nav .nav-tab-link.active {
    color: #c20f2f;
    font-size: 16px;
}


/*trans_approve_card */

.trans_approve_card {
    padding: 24px;
    cursor: pointer;
}

.transcript-info-item .trans-info {
    flex: 1;
}

.trans-user-info span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    color: #0e1012;
}

.trans-user-info img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
}

.trans-year {
    margin-top: 12px;
}

.trans-year h6 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    color: #0e1012;
}

.trans-year span {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0e1012;
    margin-left: 4px;
}

.trans-count {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.31px;
    color: #5f7795;
}

.trans-count img {
    margin-right: 12px;
}

.trans-count span {
    font-weight: bold;
}

#coachApproveTransPost {
    display: flex!important;
}

.pdf_area {
    width: 100%;
    height: 80%;
    padding: 10px 40px;
}


/* video title with user name on video */

.video-info-item {
    width: 100%;
    padding: 24px 24px 0 24px;
}

.video-info-item .video-title {
    flex: 1;
    left: 0;
    top: 0;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 32px;
    font-weight: 600;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #ffffff;
}

.video-info-item .text-title {
    left: inherit;
    right: 0;
    height: 32px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 32px;
    padding: 0px 16px;
    cursor: pointer;
}

.video-info-item .user-info span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    color: #ffffff;
}

.video-info-item .user-info img {
    width: 24px;
    border-radius: 50%;
    height: 24px;
    overflow: hidden;
    margin-right: 8px;
}


/* submitted-video-info  */

.submitted-video-item .video-tag {
    margin-bottom: 8px;
}

.submitted-video-info .video-name {
    margin-bottom: 3px;
}

.submitted-video-info .video-type {
    margin: 0;
}


/* measurable-stats */

.measurable-stats li {
    border-radius: 2px;
    background-color: #f1f3f6;
    height: 80px;
    margin-bottom: 20px;
}

.measurable-stats .img-icon {
    width: 80px;
    height: 80px;
    margin: 0;
    padding: 19px;
    border-radius: 1px;
    background-color: #8799b0;
}

.measurable-stats .output {
    width: 80px;
    height: 80px;
    background-color: #e6faf0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.measurable-stats li .stats {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.measurable-stats li .stats label {
    margin: 0 0 6px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    color: #0e1012;
}

.measurable-stats li .stats span {
    margin: 0;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 32px;
    font-weight: 600;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #000000;
}

.providers {
    margin-bottom: 16px;
}

.blast-connect,
.rapsodo {
    padding: 8px;
    border-radius: 1px;
    border: solid 1px #333333;
    background-color: #f1f3f6;
    width: 96px;
    height: 40px;
}

.rapsodo {
    background: none;
    border: none;
}

.blast-connect img,
.rapsodo img {
    max-width: 100%;
}


/* common read more link */

.read-more-link {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.43px;
    color: var(--primary);
    display: inline-block;
}

.read-more-link:hover {
    color: var(--primary);
    text-decoration: underline;
}


/* video item row in right column*/

.video-item-row {
    padding: 25px 15px;
    cursor: pointer;
}

.video-item-row .video-img {
    width: 112px;
    height: 62px;
    margin-right: 12px;
    border-radius: 2px;
    overflow: hidden;
}

.video-item-row .video-thumbnail {
    padding: 0;
    border: none;
    border-radius: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.video-item-row .video-info {
    flex: 1;
}

.video-item-row .video-tag {
    letter-spacing: 0.25px;
    margin-bottom: 8px;
}

.video-item-row .video-info .video-name {
    margin-bottom: 6px;
}

.video-item-row .video-info .video-name h4 {
    flex: 1;
    margin-bottom: 0;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.31px;
    color: #0e1012;
}

.video-item-row .video-info .video-category {
    padding: 2px 12px;
    border-radius: 15.2px;
    background-color: rgba(234, 220, 239, 0.7);
    line-height: normal;
    letter-spacing: 0.15px;
    color: #9b59b6;
    font-size: 12px;
    font-weight: normal;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    height: 22px;
}

.video-item-row .video-info .video-type {
    margin: 0 0 6px 0;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0e1012;
}

.video-item-row .video-info .video-date {
    color: #808787;
    font-style: italic;
    margin-bottom: 0;
}

.video_review_submit {
    color: #808787;
    font-style: italic;
    margin-bottom: 0;
}

.video_player_coach_name {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.31px;
    color: #0e1012;
}

.video_submit_date {
    font-style: normal;
    color: #0e1012;
}


/*.video-item-row .video-info .video-date span {*/


/*    font-style: normal;*/


/*    color: #0e1012;*/


/*}*/

.pitching_text_pitching p {
    color: var(--colorViolet);
    font-size: 22px;
}

.pitching_text_hitting p {
    color: #20b5db!important;
}

.pitching_text_fielding p {
    color: #78e08f!important;
}


/* Performance CSS */
.performance_plan_card {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    padding: 0 12px;
    margin: 0 0 20px 0;
}
.performance_plan_card:nth-child(2n+1) {
    padding-left: 0;
}
.performance_plan_card:nth-child(2n) {
    padding-right: 0;
}

.performance_card {
    min-height: 367px;
    cursor: default;
}

.performance_card_header {
    padding: 20px;
    min-height: 57px;
}
.performance_card_header a, .edit_all_metrics a {
    color: var(--primary);
    font-size: 14px;
}
.performance_card_header a img {
    margin: 0 6px 0 0;
    width: 14px;
}

.performance_card_header h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    letter-spacing: 0.5px;
    color: var(--colorDark);
}

.performance_card_header h3 span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: var(--textGrey);
    margin: 6px 10px 0px 10px;
    display: inline-block;
}

.performance_card_body {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 260px;
    max-height: 300px;
    overflow-y: auto;
}
.performance_card_body2 {
    padding: 20px 0px 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 280px;
}

.performance_stat {
    height: 110px;
    padding: 25px 0;
    display: block;
    text-align: center;
    float: left;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 32%;
    max-width: 32%;
    position: relative;
    margin: 0 10px 10px 0;
    background-color: rgba(75, 101, 132, 0.08);
}

.performance_stat .performance_stat_label {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.44px;
    color: var(--textBlack);
    margin: 0;
}

.performance_stat .performance_stat_value {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: auto;
}
.performance_stat .performance_stat_value span {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: normal;
    color: var(--textGrey);
    margin-left: 5px;
    font-weight: 400;
}

.performance_stat.blueBG, .grey_box.blueBG, .performace_pro_table td.blueBG, .player_pro_table td.blueBG .player_pro_details {
    background-color: #ebf2f9;
}

.performance_stat.greenBG, .grey_box.greenBG, .performace_pro_table td.greenBG, .player_pro_table td.greenBG .player_pro_details {
    background-color: rgba(32, 191, 107, 0.08);
}

.performance_stat.orangeBG, .grey_box.orangeBG, .performace_pro_table td.orangeBG, .player_pro_table td.orangeBG .player_pro_details {
    background-color: rgba(247, 183, 49, 0.08);
}

.performance_stat.redBG, .grey_box.redBG, .performace_pro_table td.redBG, .player_pro_table td.redBG .player_pro_details {
    background-color: #fff1f1;
}

.performance_stat.blueBG .performance_stat_value, .grey_box.blueBG .performance_stat_value, .performace_pro_table td.blueBG .performance_values p {
    color: #3883c9;
}

.performance_stat.greenBG .performance_stat_value, .grey_box.greenBG .performance_stat_value, .performace_pro_table td.greenBG .performance_values p {
    color: #20bf6b;
}

.performance_stat.orangeBG .performance_stat_value, .grey_box.orangeBG .performance_stat_value, .performace_pro_table td.orangeBG .performance_values p {
    color: #f7b731;
}

.performance_card_footer {
    padding: 20px;
}

.legend {
    font-size: 12px;
    color: var(--textGrey);
    margin: 0;
}
.legend.blueBG, .legend.orangeBG, .legend.greenBG {
    margin: 0 8px 0 0;
}

.performance_card_footer a {
    /*margin: 0 0 0 5px;*/
}

.legend span {
    width: 10px;
    height: 10px;
    margin: 0 8px 0 0;
    display: inline-block;
}

.legend.blueBG span {
    background-color: #5f7795;
}

.legend.greenBG span {
    background-color: #20bf6b;
}

.legend.orangeBG span {
    background-color: #f7b731;
}

.table_wrapper {
    max-height: inherit;
}

.swing_table thead {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.25px;
}

.swing_table tbody {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #333;
}

.table td,
.table th {
    text-align: center;
}


/* Performance CSS */

.status_text {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0e1012;
}


/* error_page CSS */

.error_page_wrapper {
    margin: 30px 50px;
}

.error_page_wrapper .page-title {
    margin: 0px 0 15px 0;
}

.error_page_wrapper .white_card {
    min-height: 400px;
}

.error_page h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.38px;
    color: var(--textBlack);
    margin: 0 0 15px 0;
}

.error_page p {
    font-size: 14px;
    line-height: 1.71;
    color: var(--textBlack);
    margin: 0 0 15px 0;
}

.error_page a {
    min-width: 325px;
    padding: 8px;
}


/* error_page CSS */


/* transcript css */

input#file_button {
    color: transparent;
    background-color: transparent;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    z-index: 100;
}

.manage-transcripts-popup ul li .col-8 {
    left: -9.2em;
}

.manage-transcripts-popup ul li .col-2 {
    left: 2em;
}

input#file_name {
    position: relative;
}


/** Custom padding */

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}


/** Video Highlight **/

img.remove-highlights,
.green-tick {
    position: absolute;
    left: 6em;
    top: -0.3em;
    cursor: pointer;
    z-index: 9999;
}

.new_video {
    cursor: pointer;
}


/*video#new_video {*/


/*    height: calc(12vh) !important;*/


/*    object-fit: fill;*/


/*    width: 6em;*/


/*}*/

video.hightlighted_video {
    height: calc(12vh) !important;
    object-fit: fill;
    width: 6em;
}


/** Drill Notes **/

.manage-player-drill-notes {
    width: 783px;
    height: 287px;
    margin: -17.6em 0 0 23.8em;
    padding: 43px 40px 107px;
    border-radius: 1px;
    box-shadow: 0 8px 30px 0 rgba(68, 2, 14, 0.15);
    border: solid 1px #f4f1f1;
    background-color: #ffffff;
    z-index: 99999;
    position: absolute;
}


/* .manage-player-drill-notes::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: 10px solid black;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    transform: rotate(45deg);
    box-shadow: -3px 3px 3px 0 rgba(68, 2, 14, 0.1);
    left: 2px;
    top: 4px;
} */

.manage-player-drill-notes h4 {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.75px;
    color: #000000;
}

.manage-player-drill-notes label {
    /* margin: 0 643px 8px 0; */
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    color: #0e1012;
}

.manage-player-drill-notes textarea {
    width: 724px;
    min-height: 52px !important;
    height: 60px;
    margin: 8px 0 0;
    padding: 13px 40px 9px 14px;
    border-radius: 1px;
    border: solid 1px #808787;
}

.dev_plan_card .custom_card .dev_plan_details .readMoreBtn {
    cursor: pointer;
    color: var(--primary);
    font-size: .8em !important;
}

.dev_plan_card .custom_card .dev_plan_details .readMoreBtn:hover {
    opacity: .75;
}

.dev_plan_card:nth-child(2) .manage-player-drill-notes,
.dev_plan_card:nth-child(5) .manage-player-drill-notes {
    margin: -17.6em 0 0 -30px !important;
}

.dev_plan_card:nth-child(3) .manage-player-drill-notes,
.dev_plan_card:nth-child(6) .manage-player-drill-notes {
    margin: -17.6em 0em 0em -26.8em !important;
}


/* .pitching_pop {
    margin: -17.6em 0 0 -30px !important;
} */


/* .pitching_pop::before {
    transform: rotate(133deg)!important;
    left: 19em !important;
    top: 0em !important;
} */


/* 
.fielding_pop {
    margin: -17.6em 0em 0em -26.8em !important;
} */


/* .fielding_pop::before {
    transform: rotate(133deg)!important;
    left: 36em !important;
    top: 0em !important;
} */


/*switch*/

.onswitch {
    position: relative;
    display: inline-block;
    width: 34px ! important;
    height: 18px ! important;
}

.onoffswitch {
    position: relative;
    width: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid #808787;
    border-radius: 20px;
    width: 40px;
    height: 20px;
    margin: 0;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 30px;
    font-size: 12px;
    color: #808787;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Existing";
    padding-left: 10px;
    background-color: #FFFFFF;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "New";
    padding-right: 10px;
    background-color: #FFFFFF;
    color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 10px;
    margin: 2px;
    background: #808787;
    height: 10px;
    position: absolute;
    top: 3px;
    bottom: 8px;
    border: 2px solid #808787;
    border-radius: 10px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-right: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 4px;
}

.inactive_text {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: 0.25px;
    color: #fc765c;
    position: absolute;
}


/* Achievement */

.achievemnt_card {
    width: 100%;
    padding: 1.5em;
    border-radius: 2.7px;
    background-color: #f5f6f8;
}

.achievemnt_card_inner {
    display: flex;
    flex-direction: column;
    align-self: center;
    margin: 0 0 0 15px;
    height: 7em;
}

.achievemnt_card_inner h2 {
    font-size: 19px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.83px;
    color: #0e1012;
}

.select2-container--default .select2-results__option[aria-disabled=false] {
    display: block !important;
}

.select2-container {
    width: 100% !important;
}

.select2-dropdown--above,
.select2-dropdown--below {
    z-index: 99999;
}

.select2-selection--single {
    height: 20px !important;
}

.sign_type {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #0e1012;
}

.sign_type_date {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #808787;
    margin-top: -9px;
}

.achievemnt_card img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0px 0px 15px 5px rgba(68, 2, 14, 0.1);
    /* object-fit: contain; */
}

.achievemnt_card p.acheivement_comments {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #808787;
    margin: 0;
    padding: 10px 0 0 0;
    border-top: solid 1px #edebeb;
}

.achievement_heading {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #0e1012;
}

.open_achievement_popup {
    width: 745px;
    height: 429px;
    margin: 3em 0 0 27em;
    padding: 43px 40px 107px;
    border-radius: 1px;
    box-shadow: 0 8px 30px 0 rgba(68, 2, 14, 0.15);
    border: solid 1px #f4f1f1;
    background-color: #ffffff;
    z-index: 99999;
    position: absolute;
}

.open_achievement_popup .btn_primary {
    border: solid 1px #c20f2f;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    color: #c20f2f;
}

.add_achievement .content-title3 {
    font-weight: 500;
}

#coach_achievement h4 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.38px;
    color: #0e1012;
    margin: 0 0 25px 0;
}

.onswitch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    border: 3px solid #808787;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 1px;
    bottom: 1px;
    background-color: #808787;
    -webkit-transition: .4s;
    transition: .4s;
}
.sliderDisabled{
    cursor: auto !important;
}

input:checked+.slider {
    background-color: #ffffff;
}

input:focus+.slider {
    box-shadow: 0 0 1px #ffffff;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(16px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.disable_card {
    background-color: #ffffff;
    opacity: .4;
}

.coach_status_div {
    position: absolute;
    left: 12px;
    right: 12px;
    margin: auto;
    z-index: 1;
    top: 1px;
    background-color: #ffffff;
    height: 25px;
}

.expertcoach_status_div {
    position: absolute;
    left: 12px;
    right: 12px;
    margin: auto;
    z-index: 1;
    top: 5px;
    background-color: #ffffff;
    height: 25px;
}

.coach_status_div .inactive_text {
    position: inherit;
    margin: 5px 60px 0 30px;
}

.expertcoach_status_div .inactive_text {
    position: inherit;
    margin: 5px 7px 0 30px;
}


/*coach custom filter */

.approvals_filter .custom-checkbox-wrapper {
    display: flex;
}


/*.approvals_filter .custom-checkbox-wrapper .custom-level-checkbox {
    margin-right: 0px;
}*/

.approvals_filter .custom-level-checkbox .form-label-control {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}

.approvals_filter .custom-level-checkbox label {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #808787;
    padding: 4px 16px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    margin-right: 16px;
    cursor: pointer;
}

.approvals_filter .custom-level-checkbox .form-label-control:checked+label {
    border: solid 1px #c20f2f;
    background-color: #ffffff;
    color: #c20f2f;
}




/* Bulk Upload CSS */

.template_section {
    background-color: #f7f6f6;
    padding: 20px;
    display: inline-block;
}

.template_section p {
    color: var(--textBlack);
    font-size: 14px;
    margin: 0;
}

.template_section p a {
    color: var(--primary);
    margin: 0 0 0 10px;
    display: inline-block;
}

#file_bulk_upload.file_upload_input_container .delete_icon {
    right: inherit;
    top: 5px;
}

#file_bulk_upload.file_upload_input_container .browse_caption {
    margin: 0;
}

.bulk_tabs.nav-tabs li a.nav-link.active,
.bulk_tabs.nav-tabs li a.nav-link:hover {
    border-radius: 2px;
    background-color: var(--bgPink);
    color: var(--primary);
    border: none;
}

.bulk_tabs.nav-tabs li a.nav-link {
    font-family: 'Barlow Condensed', sans-serif;
    border: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.75px;
    color: var(--textBlack);
}

.bulk_tabs.nav-tabs li a.nav-link img {
    margin: 0 6px 0 0;
}

.bulk_tabs.nav-tabs li a.nav-link img.active_img,
.bulk_tabs.nav-tabs li a.nav-link.active img.inactive_img,
.bulk_tabs.nav-tabs li a.nav-link:hover img.inactive_img,
.bulk_tabs.nav-tabs li a.nav-link.active:hover img.active_img {
    opacity: 0;
    display: none;
    transition-property: opacity;
    transition-duration: 1s;
}

.bulk_tabs.nav-tabs li a.nav-link.active img.active_img,
.bulk_tabs.nav-tabs li a.nav-link img.inactive_img,
.bulk_tabs.nav-tabs li a.nav-link.active:hover img.active_img,
.bulk_tabs.nav-tabs li a.nav-link:hover img.active_img {
    opacity: 1;
    display: block;
    transition-property: opacity;
    transition-duration: 1s;
}

.bulk_upload_status_wrapper {
    border-radius: 4px;
    background-color: #f7f6f6;
    padding: 20px;
}

.bulk_upload_error_list {
    border-radius: 2px;
    background-color: var(--colorWhite);
    padding: 20px;
}

.bulk_upload_status_wrapper .success_status,
.bulk_upload_status_wrapper .success_fail {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
}

.bulk_upload_status_wrapper .success_fail {
    color: #ff4d4d;
}

.bulk_upload_status_wrapper .fix_errors {
    font-size: 12px;
    color: var(--textGrey);
    margin: 0 0 5px 0;
}

.bulk_upload_status_inner {
    display: none;
}

.bulk_upload_error_list p {
    font-size: 12px;
    font-style: italic;
    color: var(--textBlack);
    margin: 0 0 5px 0;
}

.bulk_upload_error_list p span {
    font-weight: 600;
    margin: 0 5px 0 0;
}


/* Bulk Upload CSS */

input#date_range {
    position: relative;
}

#profile_category_check .tab {
    margin: 0 -9px 0 0 !important;
}

.coach_notes_nodata {
    font-size: 14px ! important;
    font-family: 'Barlow Condensed', sans-serif ! important;
    color: #808787;
    font-weight: 500 ! important;
    letter-spacing: 0.22px ! important;
}

.coach_notes1_nodata {
    font-size: 12px ! important;
    font-family: 'Roboto', sans-serif ! important;
    color: #808787;
    font-weight: normal ! important;
    letter-spacing: 0.19px ! important;
}

.bulk_upload_error_list p span {
    font-weight: 600;
    margin: 0 5px 0 0;
}


/* Bulk Upload CSS */

input#date_range {
    position: relative;
}

#profile_category_check .tab {
    margin: 0 -9px 0 0 !important;
}

.coach_notes_nodata {
    font-size: 14px ! important;
    font-family: 'Barlow Condensed', sans-serif ! important;
    color: #808787;
    font-weight: 500 ! important;
    letter-spacing: 0.22px ! important;
}

.coach_notes1_nodata {
    font-size: 12px ! important;
    font-family: 'Roboto', sans-serif ! important;
    color: #808787;
    font-weight: normal ! important;
    letter-spacing: 0.19px ! important;
}

/*.tab_ajaxarea .tab-content .tab-pane {
    max-height: 730px;
    overflow: auto;
}*/

.video_inner_scroll {
    min-height: 775px;
    max-height: 775px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
#player_video_tab .slimScrollDiv {
    width: 100% !important;    
}
.video_scroll {
    min-height: 775px;
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    max-height: 775px;
    overflow-y: auto;
    overflow-x: hidden;
}
.admin_video_panel.panel, .expert_video_panel.panel {
    background: transparent;
}
.admin_video_panel.panel .panel-content, .expert_video_panel.panel .panel-content {
    background: var(--colorWhite);
}

/* onboard_experience_sec CSS */
.onboard_experience_sec.login_section, .onboard_experience_wrapper {
    background-color: var(--colorWhite);
}
.onboard_experience_sec .auth_form {
    width: 80%;
}
.onboard_experience_sec .auth_form .btn_section .btn_primary {
    /*width: 35%;*/
}
.onboard_experience_sec .team_logo {
    padding: 25px 50px;
    background-color: var(--colorWhite);
    box-shadow: none;
}
.onboard_experience_sec .main_logo {
    padding: 10px 0px 30px 0px;
}
.onboard_experience_sec .login_form_section {
    padding: 0 0 30px 0;
}

#onboard_profileEdit .edit_button .btn_cancel {
    color: #808787!important;
}

#onboard_profileEdit .edit_button .btn_cancel,
#onboard_profileEdit .edit_button .btn_update {
    min-width: 100px;
}

#onboard_profileEdit .profile_upload {
    position: relative;
}
#onboard_profileEdit .profile_upload img.profile_pic  {
    border-radius: 50%;
}

#onboard_profileEdit .profile_image {
    font-size: 0px;
    left: 0;
    top: 0px;
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
}

#onboard_profileEdit #file_upload_profile .form-error {
    margin-top: 0;
}

#onboard_profileEdit #upload_alert {
    font-size: 12px;
    color: red;
}

#onboard_profileEdit .alert_container ul {
    padding-left: 0px;
}

#onboard_profileEdit .profile_setting {
    width: max-content;
    height: 24px;
    padding: 5px;
    border-radius: 12px;
    box-shadow: 0 10px 30px 0 rgba(68, 2, 14, 0.1);
    border: solid 1px #e6e5e5;
    background-color: #ffffff;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
}
#onboard_profileEdit .profile_setting .remove_profile {
    margin: 0 10px 0 0;
}
/* onboard_experience_sec CSS */

#profileUpdate .custom_label {
    margin-bottom: 0px;
    font-size: 12px;
}
.profile_panel  {
    padding: 0;
}

/* Innerpro CSS */
.innerpro_chart_wrapper {
  border: solid 1px #e0e0e0;
  /*padding: 15px;*/
}
.text_orange {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 16px;
    letter-spacing: 0.29px;
    color: #ff7777 !important;
}
.text_blue {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 16px;
    letter-spacing: 0.29px;
    color: #78bec6 !important;
}
.text_chart_blue {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 16px;
    letter-spacing: 0.29px;
    color: #5ce0f1 !important;
}
.player_profile {
    background-color: #f1f3f6; 
    padding: 25px 15px 0px 15px;   
}
.weight_height_div {
    font-family: 'Barlow Condensed', sans-serif ! important;
    padding: 10px;
    font-size: 20px;
    letter-spacing: 0.36px;
    border-radius: 1px;
    background-color: rgba(255, 255, 255, 0.75);
    color: var(--textBlack);
}
.player_season {
    font-size: 10px;
    color: var(--textGrey);
}
.player_season .on_season:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #20bf6b;
    display: inline-block;
    margin: 0 5px 0 0;
}
/* Innerpro CSS */

/* Inner Pro Calenar CSS */
.date_table thead th {
    border: none;
    text-align: center;
    vertical-align: middle;
    width: 14.28%;
    padding: 12px;
}
.date_table thead th span {
    display: block;
}
.date_table thead th span:first-child, .innerpro_date_range p {
    font-size: 12px;
    color: var(--textGrey);
    font-weight: 400;
}
.date_table thead th span:nth-child(2), .innerpro_date_range h5 {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: var(--colorBlack);
}
.innerpro_date_range p {
    margin-bottom: 10px;
}
.date_table thead th.active span:nth-child(2) {
    background-color: var(--bgPink);
    color: var(--primary);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: auto;
    line-height: 30px;
}
.innerpro_player_details img {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    border-radius: 50%;
}
.innerpro_player_details_inner h2 {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 20px;
    letter-spacing: 0.31px;
    color: var(--textBlack);
    margin: 0;
}
.innerpro_player_details_inner p.coach_type, .innerpro_player_details_inner p.coach_mail {
    font-size: 12px;
    color: var(--textGrey);
    margin: 0;
}
.innerpro_player_details_inner .text_elipsis {
    max-width: 120px;
    margin: 0 10px 5px 0;
}
.player_pro_row {
    border-radius: 2px;
    box-shadow: 0 1px 8px 0 rgba(68, 2, 14, 0.05);
    border: solid 1px #f4f1f1;
    background-color: #ffffff;
    margin: 0 15px 20px 15px;
}
.player_pro_table td {
    text-align: left;
    padding: 0;
    width: 14.28%;
    border: none;
    border-left: solid 1px #f4f1f1;
}
.player_pro_details {
    border-radius: 1px;
    border: solid 1px rgba(32, 191, 107, 0.1);
    background-color: #e8f8f0;
    padding: 10px;
    position: relative;
    min-height: 113px;
    /*overflow: auto;*/
}
.player_pro_details.inverse {
    border-radius: 0px;
    border: none;
    background-color: transparent;
    padding: 10px 4px;
    width: 150px;
    border-bottom: 1px solid rgba(244, 241, 241, 0.25);
}
.player_pro_details.inverse:last-child {
    border-bottom: none;
}
.player_pro_details.inverse h2, .player_pro_details.inverse h5 {
    color: var(--colorWhite);
}
.player_pro_details.inverse h2 {
    color: var(--colorWhite);
}
.player_pro_details.inverse p span, .player_pro_details.inverse p {
    color: #31d17c;
    font-size: 14px;
}
.player_pro_details h2 {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.35px;
    color: var(--colorBlack);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    margin-bottom: 10px;
}
.player_pro_details h5 {
    font-size: 10px;
    color: var(--textGrey);
    margin-bottom: 10px;
}
.player_pro_details p {
    margin-bottom: 0px;
}

.player_pro_details p, .player_pro_details span.on_off_status {
    font-size: 10px;
    color: #14a458;
}
.player_pro_details span.on_off_status {
    position: absolute;
    right: 4px;
    top: 2px;
}
.player_pro_details p span {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #14a458;
    margin: 0 5px 0 0;
}
.player_pro_details .multi_events p {
    display: none !important;
}
.player_pro_scroll {
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
}
/* .player_metrics_scroll {
    min-height: 200px;
    max-height: 200px;
    overflow-y: auto;
} */
.innerpro_calender_margin .white_card {
    min-height: inherit;
}
/* Inner Pro Calenar CSS */

/* Profile Enable CSS */
.profile_enable {
    padding: 5px;
}
.profile_enable_panel {
    margin: -40px 0 0 36px;
    width: 200px;
}
.profile_enable_panel a {
    padding: 20px 30px;
}
.profile_enable_panel a.make_public {
    padding: 0;
}
.profile_enable_panel a.make_public>span {
    width: 100%;
}
.profile_enable_panel .profile_card_edit {
    color: var(--primary);
}
.profile_enable_panel .onswitch {
    margin: 0;
    cursor: pointer;    
    width: inherit !important;
    height: inherit !important;
}
.profile_enable_panel .onswitch .enable_text {
    padding: 20px 30px 0px 30px;
    display: block;
}
.profile_enable_panel .onswitch .slider {
    border: 3px solid var(--textGrey);
    left: 120px;
    width: 35px;
    height: 18px;
    top: 21px;
}
.profile_enable_panel .onswitch .slider:before {
    background-color: var(--textGrey);
}
.profile_enable_panel .onswitch input:checked+.slider {
    border: 3px solid var(--primary);
}
.profile_enable_panel .onswitch input:checked+.slider:before {
    background-color: var(--primary);    
}
.mobileView {
    display: none !important;
}
/* Profile Enable CSS */

/* Performance CSS */
.description_modal .modal-dialog {
    max-width: 700px;
}
.description_modal .modal-header {
    border: none;
}
.description_modal .modal-body {
    padding: 50px 80px;
}
.description_modal .description_modal_body h2 {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.38px;
    color: var(--textBlack);
    margin: 0 0px 20px 0;
}
.description_modal .description_modal_body p {
    font-size: 14px;
    color: var(--textGrey);
    font-weight: 400;
}
.description_modal .description_modal_body h5 {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    margin: 0 15px 5px 0;
    color: var(--textBlack);
}

.performance_tabs {
    padding: 0;
}
.performance_tabs a.nav-link {
    display: inline-block;
    margin: 0 10px 0 0;
}
.performance_tabs a.nav-link {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.75px;
    color: var(--textBlack);
    border: none;
}
.performance_tabs a.nav-link.active,
.performance_tabs  a.nav-link:hover {
    border-radius: 2px;
    background-color: var(--bgPink);
    color: var(--primary);
}
.description_modal .table_wrapper {
    max-height: inherit;
}
.description_modal .table tbody td, .description_modal .table tbody th {
    font-size: 14px;
}
.performance_update {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    color: var(--textGrey);
    text-transform:capitalize;
}
.performance_stat:nth-child(3n) {
    margin-right: 0;
}
.black_white_card {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    padding: 0 12px;
    margin: 0 0px 10px 0;
}
.black_white_card:nth-child(2n+1), .performance_stat_profile .black_white_card:nth-child(2n+1) {
    padding-left: 0;
}
.black_white_card:nth-child(2n), .performance_stat_profile .black_white_card:nth-child(2n) {
    padding-right: 0;
}
.black_box {
    background-color: #333333;
    width: 40%;
    margin: 0 10px 0 0;
    text-align: center;
    height: 70px;
    padding: 10px 15px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.black_box p {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.67px;
    color: var(--colorWhite);
    margin: 0;
}
.grey_box {
    background-color: #f5f6f8;
    width: 59%;
    height: 70px;
    text-align: center;
    padding: 8px;
}
.grey_box .performance_stat_label {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.44px;
    color: var(--textBlack);
    margin: 0;
}

.grey_box .performance_stat_value {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
}
.grey_box .performance_stat_value span {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: normal;
    color: var(--textGrey);
    margin-left: 5px;
    font-weight: 400;
}
.performance_add_heading p {
    font-size: 16px;
    color: var(--textBlack);
    margin: 0;
}
.upload_wrapper {
  border-bottom: solid 1px #f4f1f1;
}
.performance_table thead th {
    border: none;
    text-align: center;
    vertical-align: middle;
    width: 12.5%;
    padding: 0;
}
.performance_table thead th:nth-child(8), .performace_pro_table td:nth-child(8) {
    width: 4.25% !important;
}
.performance_table thead th:nth-child(9), .performace_pro_table td:nth-child(9) {
    /* width: 8.25% !important; */
    width: 4.25% !important;
}
.performance_table thead th span, .performance_type_heading p {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.44px;
    margin: 0;
}
.performance_values p {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #5f7795;
    margin: 0;
}
.performance_values p span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: var(--textGrey);
    margin: 0 0 0 5px;
}
.performace_pro_table td {
    text-align: center;
    padding: 20px 0px;
    width: 12.5%;
    border: none;
    border-left: solid 1px #f4f1f1;
    vertical-align: middle;
}
.performace_pro_table td.last_updation {
    padding: 0
}
.performace_pro_table td.last_updation p.last_label {
    font-size: 10px;
    font-weight: 400;
    font-style: italic;
    color: var(--textGrey);
    margin: 0;
}
.performace_pro_table td.last_updation p.last_date {
    font-size: 10px;
    font-weight: 500;
    font-style: italic;
    color: var(--textGrey);
    margin: 0;
}
span.unit_span {
    font-size: 10px;
    font-style: italic;
    color: var(--textGrey);
    position: absolute;
    right: 10px;
    top: 63%;
}
/* Performance CSS */

/* Kinetic Pro CSS */
.player_pro_details.kineticpro_details {
    min-height: 85px;
    padding: 14px;
    cursor: pointer;
    background-color: #f5f6f8;
}
.player_pro_details.kineticpro_details h4 {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 14px;
    color: var(--textBlack);
    margin: 0;
}
.player_pro_details.kineticpro_details h4 span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--textBlack);
    display: block;
    margin: 5px 0 0 0;
}
.player_pro_table td.blueBG .player_pro_details.kineticpro_details h4 span.kineticpro_value  {
    color: #5f7795;
}
.player_pro_table td.greenBG .player_pro_details.kineticpro_details h4 span.kineticpro_value  {
    color: #20bf6b;
}
.player_pro_table td.orangeBG .player_pro_details.kineticpro_details h4 span.kineticpro_value  {
    color: #f7b731;
}
.player_pro_table td.redBG .player_pro_details.kineticpro_details h4 span.kineticpro_value  {
    color: #ff4d4d;
}
.kinetic_player_pro_details.inverse {
    border-radius: 0px;
    border: none;
    background-color: transparent;
    padding: 10px 4px;
    width: 150px;
    border-top: 1px solid rgba(244, 241, 241, 0.25);
}
.kinetic_player_pro_details h2 {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.35px;
    color: var(--colorWhite);
    margin: 0 5px;
}
.kinetic_player_pro_details h2 span {
    font-size: 20px;
    margin: 0 4px;
}
/* Kinetic Pro CSS */

/* Black White Box */ 
.black_white_box {
    border-radius: 2px;
}
.black_white_box .black_white_header, .black_white_box .black_white_body {
    padding: 15px;
}
.black_white_box .black_white_header {
    background-color: #333333;
    cursor: pointer;
}
.black_white_box .black_white_body {
    background-color: #f5f6f8;
}
.black_white_box.min_height .black_white_header, .black_white_box.min_height .black_white_body {
    padding: 25px 15px;
}
.black_white_box .black_white_header p {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: var(--colorWhite);
    margin: 0;
}
.black_white_box .black_white_body p {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--colorBlack);
    margin: 0;
}
.black_white_body #myTabContent .nodata {
    cursor: pointer;
}
/* Black White Box */ 

.admin_card {
    min-height: 240px;
}
.invitation_span {
    font-size: 11px;
    font-style: italic;
    color: var(--textGrey);
    margin: 5px 0 5px 5px;
}
.admin_card .invitation_span {
    position: absolute;
    bottom: 0;
    width: 98%;
    padding: 0 6px;
}
.invitation_negative_span {
    font-size: 11px;
    font-style: italic;
    color: red;
    margin: 5px 0 5px 5px;
}
.invitation_resend_btn {
    color: white;
    background-color: var(--textGrey);
    border-radius: 5px;
    border: none;
    width: 70px;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.25px;
    /* font-family: barlow condensed; */
    text-align: center;
    line-height: 1;
    margin-top: 2px;
}
.profile_resend_section {
    margin: -20px 0 0 0;
}

/* ACR Chart */
.acr_player_details {
    position: relative;
}
.acr_player_details:before {
    content: '';
    border-top: 1px solid #e0e0e0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 30%;
    top: -5px;
}
#acr_chart>div {
    width: 100% !important;
    /*height: 100% !important;*/
}
#acr_modal .modal-body h2 {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.36px;
    color: var(--textBlack);
}
#acr_modal .modal-body p {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.35px;
    margin: 0 10px;
    color: var(--colorBlack);
}
#acr_modal   .modal-body p span {
    font-size: 20px;
}
.acr_table tbody {
    width: 50%;
}
.acr_table td, .acr_table th {
    vertical-align: middle;
    border-top: none;
    border-bottom: solid 1px #e0e0e0;
}
.acr_table th {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.25px;
    color: var(--textBlack);
}
.acr_table td {
    font-size: 12px;
    color: var(--textBlack);
}
.acr_table tr:last-child td, .acr_table tr:last-child th {
    border-bottom: none;
}
/* ACR Chart */

/* KP Chart Page*/
.black_white_box .black_white_header .nav li a.nav-link {
    font-family: 'Barlow Condensed', sans-serif;
    border: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.75px;
    color: #999999;
}
.black_white_box .black_white_header .nav li a.nav-link.active, .black_white_box .black_white_header .nav li a.nav-link:hover {
    border-radius: 2px;
    background-color: #515151;
    color: var(--colorWhite);
    border: none;
}
.black_white_box .black_white_body .tab-content {
    margin: 0;
    min-height: 425px;
}
.black_white_box .black_white_body .tab-content {
    margin: 0;
    min-height: 425px;
}
.kp_player_profile  {
    background-color: #f5f6f8;
    padding: 10px;
    margin-left: auto;
    width: 60%;
}
.kp_player_profile img.profile_pic {
    min-height: 30px;
    max-height: 30px;
    min-width: 30px;
    max-width: 30px;
    border-radius: 50%;
}
#img_datepicker {
    cursor: pointer;
}
.barlow_text {
    font-family: 'Barlow Condensed', sans-serif ! important;
    
}
/* KP Chart Page*/

/* Performance Stats */
.performance_stat>.tab-input, .black_white_card .grey_box>.tab-input {
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}
.performance_stat .tab-box, .black_white_card .grey_box .tab-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.black_white_card > .d-flex {
    position: relative;
}
.performance_stat>.tab-input:checked+.tab-box:before, .black_white_card .grey_box>.tab-input:checked+.tab-box:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    vertical-align: middle;
    right: 5px;
    top: 5px;
    background: var(--colorWhite);
}
.performance_stat>.tab-input:checked+.tab-box:after, .black_white_card .grey_box>.tab-input:checked+.tab-box:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    right: 12px;
    width: 6px;
    height: 12px;
    border: solid rgba(0, 0, 0, 0.2);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.performance_stat>.tab-input:checked+.tab-box, .black_white_card .grey_box>.tab-input:checked+.tab-box {
    background-color: rgba(0, 0, 0, 0.2);
    color: var(--primary);
}
.stats_count {
    font-size: 14px;
    color: var(--textBlack);
}
.stats_count span {
    font-family: 'Barlow Condensed', sans-serif ! important;
    color: var(--primary);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.83px;
    margin-right: 5px;
}
/*#performance_stats_scroll {
    max-height: 460px !important;
    overflow: auto;
}*/
.perf_stats_info {
    border-radius: 2px;
    background-color: #515151;
    padding: 8px;
    margin: 0;
    font-size: 12px;
    line-height: 1.67;
    color: var(--colorWhite);
}
.perf_stats_info span {
    font-size: 14px;
    font-weight: bold;
}
.performance_stat_profile .performance_stat {
    flex: 0 0 47%;
    max-width: 47%;
    margin: 0 0 8px 0;
    padding: 15px 0;
    height: auto;
}
.performance_stat_profile .performance_stat:nth-child(2n+1) {
    margin-right: 8px;
}
.performance_stat_profile .performance_stat:nth-child(2n) {
    margin-left: 8px;
}
.performance_stat_profile .black_white_card {
    padding: 0 8px;
    margin: 0 0 8px 0;
}
.performance_stat_profile .performance_stat .performance_stat_label, .performance_stat_profile  .black_box p, .performance_stat_profile .grey_box .performance_stat_label {
    font-size: 12px;
}
.performance_stat_profile .performance_stat .performance_stat_value,  .performance_stat_profile .grey_box .performance_stat_value {
    font-size: 20px;
}
.performance_stat_profile .black_box {
    margin: 0;
    padding: 10px;
}
/* Performance Stats */

#gpa {
    padding: 5px 8px;
}

#coming_soon_modal .modal-body h2 {
    font-family: 'Barlow Condensed', sans-serif ! important;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.38px;
    color: var(--textBlack);
    margin: 0 0 0 5px;
}
#coming_soon_modal .modal-body .text_block {
    border-radius: 4px;
    background-color: #f7f6f6;
    padding: 35px;
    margin: 20px 50px 30px 50px;
}
#coming_soon_modal .modal-body p {
    font-size: 14px;
    color: var(--textBlack);
    margin: 0 0 5px 0;
}
#subscription_lock_modal.modal{
    top: 70px;
    left: 110px !important; 
    padding-right: 64px !important;
}
#subscription_lock_modal .modal-dialog{
    max-width: 400px;
    overflow: hidden;

}
#subscription_lock_modal .modal-header{
    
    position: relative;

}
#subscription_lock_modal .modal-content{
    border: 0;
}
.enb_request{
    background: #C20F2F 0% 0% no-repeat padding-box;
    border:none;
    opacity: 1;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    bottom: 0;
    margin: auto;
    transition: box-shadow 0.4s ease-in-out;
}
.enb_request.ad_lock_plan{
    background: #000000 0% 0% no-repeat padding-box !important;
    border:initial !important;
}
.enable_hover,.enb_request .ad_lock_plan:hover{
    box-shadow: 0 0 10px 5px  #C20F2F;
}
#subscription_lock_modal h5{
    font-size: 23px;
}
#subscription_lock_modal .lock_plan_desc{
    font-size: 14px;
}
.snippetSmallScreen{
    display: none;
}

@media only screen and (max-width: 899px) {
    .tourCard {
        position: absolute !important;
        top: 100px !important;
        left: 30px !important;
        margin: -22px 5% 0 5%;
        z-index: 9999 !important;
    }
    .takeAtour .arrow-right:after{
        display: none;
    }
  }

  @media only screen and (max-width: 576px) {
    
    .snippetSmallScreen{
        display: block;
    }
    .snippetBigScreen{
        display: none;
    }
    .dropdown-toggle::after{
        display:none;
    }
  }
  .custom_height
  {
    min-height: 168px ! important;
  }

/* Start#THEME CUSTOMIZER - CSS */
.theme_card{
    height: 100%;

}
.theme_settings_wrapper{
    margin: 0 5px 0 0;
    padding: 15px;
}

.theme_settings_wrapper .theme_settings_head {
    border-bottom: solid 1px #f1f0f0;
}
.theme_settings_wrapper .theme_settings_details {
    font-size: 12px;
    color: var(--textGrey);
    margin: 0 0 8px 0;
}
.theme_settings_wrapper .theme_settings_customizer {
    margin: 20px 10px 10px 15px;
}
#theme_orgCustomize_form label{
    font-size: 14px;
}

.theme_black, .font_colorblack {
    /* top: 547px; */
    /* left: 182px; */
    width: 102px;
    height: 40px;
    background: #000000 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 4px;
    opacity: 1;
}

.theme_white, .font_colorwhite{
    /* top: 547px; */
    /* left: 304px; */
    width: 102px;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 4px;
    opacity: 1;

}


.highlightingcolor_container_wrapper{
    margin: 0px 0px 0 0;
}
.highlight_type_red {
    top: 685px;
    left: 181px;
    width: 49px;
    height: 44px;
    /* UI Properties */
    background: #C20F2F 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
}

.highlight_type_green {
    top: 685px;
    left: 246px;
    width: 49px;
    height: 44px;
    background: #28C76F 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
}

.highlight_type_navy {
    top: 685px;
    left: 311px;
    width: 49px;
    height: 44px;
    /* UI Properties */
    background: #0E294B 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
}

.highlight_type_sandal {
    top: 685px;
    left: 376px;
    width: 49px;
    height: 44px;
    /* UI Properties */
    background: var(--unnamed-color-e0d09c) 0% 0% no-repeat padding-box;
    background: #E0D09C 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
}
.highlight_type_yellow {
    top: 685px;
    left: 441px;
    width: 49px;
    height: 44px;
    /* UI Properties */
    background: #FECB2E 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
}

.highlight_type_blue {
    top: 685px;
    left: 506px;
    width: 49px;
    height: 44px;
    /* UI Properties */
    background: #6FACDE 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
}

.theme_pickhighlighter{
    background: transparent url('../images/icon_metro_eyedropper.svg') 48% 48% no-repeat padding-box;
    top: 685px;
    left: 571px;
    width: 49px;
    height: 44px;
    /* UI Properties */
    border: 1px solid #7070704B;
    border-radius: 4px;
    opacity: 1;
}

.highlightingcolor_radio_container{
    padding: 2px;
 }

 .theme_tab-input{
    position: absolute;
    opacity: 0;
}

.font_tab-input{
    position: absolute;
    opacity: 0;
}
.highlight_tab-input{
    position: absolute;
    opacity: 0;
}

#tick-mark_white, #tick-mark_white1 {
    position: relative;
    display: block;
    top: 5px;
    width: 25px;
    height: 25px;
}

#tick-mark_black, #tick-mark_black1 {
    position: relative;
    display: block;
    top: 5px;
    width: 25px;
    height: 25px;
}
#tick-mark-red, #tick-mark-green, #tick-mark-blue, #tick-mark-yellow, #tick-mark-sandal, #tick-mark-navy{
    position: relative;
    display: block;
    top: 5px;
    width: 25px;
    height: 25px;
}

#tick-mark_white::before, #tick-mark_white1::before {
    position: absolute;
    left: 0;
    top: 71%;
    height: 22%;
    width: 3px;
    /* border: solid 3px #ffffff; */
    background-color: #ffffff;
    content: "";
    border-width: 0 2px 2px 0;
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

#tick-mark_white::after, #tick-mark_white1::after {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 90%;
    height: 2px;
    content: "";
    border: solid 1.5px #ffffff;
    border-width: 0 2px 2px 0;
    transform: translateX(12px) rotate(-42deg);
    transform-origin: left bottom;
}


#tick-mark-red::before, #tick-mark-green::before, #tick-mark-yellow::before, #tick-mark-navy::before, #tick-mark-sandal::before, #tick-mark-blue::before{
    position: absolute;
    left: 0;
    top: 71%;
    height: 22%;
    width: 3px;
    background-color: #ffffff;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

#tick-mark-red::after, #tick-mark-green::after, #tick-mark-blue::after, #tick-mark-sandal::after, #tick-mark-navy::after, #tick-mark-yellow::after{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 80%;
    height: 2px;
    content: "";
    border: solid 1.5px #ffffff;
    border-width: 0 2px 2px 0;
    transform: translateX(12px) rotate(-42deg);
    transform-origin: left bottom;
}


#tick-mark_black::before, #tick-mark_black1::before {
    position: absolute;
    left: 0;
    top: 71%;
    height: 22%;
    width: 3px;
    /* border: solid 1.5px #000000; */
    background-color: #000000;
    border-width: 0 2px 2px 0;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

#tick-mark_black::after , #tick-mark_black1::after {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 90%;
    height: 2px;
    content: "";
    border: solid 1.5px #000000;
    border-width: 0 2px 2px 0;
    transform: translateX(12px) rotate(-42deg);
    transform-origin: left bottom;
}


.preview-checkbox-wrapper {
    display: flex;
}

.preview-checkbox-wrapper .custom-checkbox {
    margin-right: 11px;
}

.preview-checkbox .form-control {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}

.preview-checkbox label, .preview-checkbox1 label {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #949b9b;
    padding-right: 14px;
    cursor: pointer;
}


.preview-level-checkbox label, .preview-level-checkbox1 label {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 4px 10px;
    border-radius: 5px;
    margin-right: 3px;
    cursor: pointer;
    white-space: nowrap;
    
}

.preview-level-checkbox .form-label-control , .preview-level-checkbox1 .form-label-control {
    display: none;
    border: solid 1px #000000;
    background-color: #9b9797;
    color: #000;
}


/* @media all and (max-width: 991px) {
    .preview-level-checkbox {
        display: inline-block;
    }
} */


/* The container */
.preview_label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .preview_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .preview_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: solid 1px #000;
    border-radius : 5px;
  }
  
  /* On mouse-over, add a grey background color */
  .preview_label:hover input ~ .preview_checkmark {
    background-color: #fff;
  }
  
  /* When the checkbox is checked, add a blue background */
  .preview_label input:checked ~ .preview_checkmark {
    background-color: #000;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .preview_checkmark:after {
    content: "";
    position: relative;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .preview_label input:checked ~ .preview_checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .preview_label .preview_checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 9px;
    border: solid 3px #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #color_input {
    position: absolute;
    opacity: 0;
    height: 45px;
    border: none;
    background: var(--foreground);
    transition-duration: 0.5s;
    animation-delay: 5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
}

.phone {
    border: 4px solid #121212;
    border-width: 14px 7px;
    border-radius: 40px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.preview-app-footer {
    background: #f4f4f4;
    color: #444;
    padding: 5px;
    font-size: 11px;
}


.three_dot_drop {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #FFF;
    font-size: 20px;
    cursor: pointer;
    font-weight: 500;
    transform: rotate(90deg);
    letter-spacing: 1.6px;
    text-align: center;
    z-index: 4;
}

.demo_video_edit_drop {
    width: 200px;
    float: left;
    background-color: #FFF;
    padding: 20px 40px;
    position: absolute;
    top: 47px;
    right: 0;
    z-index: 3;
}

.demo_video_edit_drop a {
    width: 100%;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #333333;

}

.expert_sub_message2 {
    color: #FFF;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin: 10px 10px 2px 10px;
}

.expert_sub_content2 ul {
    padding: 0;
    margin: 0;
}

.expert_sub_content2 ul li {
    width: 100%;
    font-size: 14px;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    position: relative;
    padding: 0 0 25px 16px;
}

.expert_sub_content2 ul li:after {
    width: 7px;
    height: 7px;
    background-color: #ACA5A5;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
}

/* Demo details screen  */
@media only screen and (min-width: 1366px) {
.demo_video_tab ul.nav-tabs li.nav-tab-item a.nav-tab-link {
    font-size: 16px !important;
    padding: 4px 13px 6px 13px !important;
}
}

.m-top {
    margin-top: -50px;
}

.video_cover_full_img {
    width: 100%;
    float: none;
    display: inline-block;
    cursor: pointer;
}

.demo_video_list {
    width: 100%;
    border-left: 4px solid transparent;
    padding: 20px;
    float: left;
    cursor: pointer;
    padding-bottom: 0;
}

.demo_video_list.active {
    border-left-color: #C20F2F;
    box-shadow: 0px 8px 25px #44020E1A;
    pointer-events: none;
    margin-top: 20px;
    margin-bottom: 10px;
}

.demo_video_list article {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f0f0;
    padding-bottom: 20px;
}

.demo_video_list.active article {
    border-bottom: none;
}

.demo_video_list figure {
    width: 140px;
    float: left;
    padding: 0;
    margin: 0;
    margin-right: -150px;
}

.demo_video_list figure img {
    width: 100%;
}

.demo_video_list aside {
    width: 100%;
    float: left;
    padding: 0 0 0 150px;
}

.demo_video_list aside h5 {
    font-size: 18px;
    margin-bottom: 5px;
}

.demo_video_list aside p {
    font-size: 12px;
    color: #0E1012;    
    font-family: 'Roboto', sans-serif;
    font-style: 400 !important;
    padding: 0 0 4px 0;
    margin: 0;
}

.demo_video_list aside p span {
    color: #808787;
    font-style: italic;
}

.demo_video_list .note_txt {
    font-size: 14px;
}

/* End#THEME CUSTOMIZER - CSS */

.tooltips{
    cursor:pointer;
    display:inline-block;
    font-family: 'Roboto', sans-serif;
}
.tooltips .tooltiptext {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 400;
    font-style: italic;
    color: var(--textGrey);
    margin: 0;
    display: none;
    width: 130px;
    background-color: #F7F6F6;
    color: black;
    text-align: center;
    border-radius: 2px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 4%;
    font-size: 11px;
    box-shadow: 1px 0px 3px gray;
  }
  
  .tooltips .tooltiptext::after {
    font-family: 'Roboto', sans-serif;
    content: "";
    position: absolute;
    top: 20%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #00000033;
  }
  .tooltips:hover .tooltiptext {
    display: block;
  }
  p.last_date {
    font-size: 10px;
    font-weight: 500;
    font-style: italic;
    color: var(--textGrey);
    margin: 0;
}
.last_label{
    display: flex;
    width: 100%;
    justify-content: center;
    margin:0 !important;
}
.last_labels_container{
    margin-top: 10px;
    margin-bottom:10px!important;
}
.deactiveModalBody{
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--textBlack);
}
.deactivateCancel {
    background-color: var(--secondary);
    border: solid 1px transparent;
    color: var(--textGrey);
}

/*  Start# Day Add Assign */
.wrapper_assign_exercise {
    background-color: #FFF;
}

.wrapper_assign_exercise h2 {
    font-size: 24px;
    font-family: 'Barlow Condensed', sans-serif;
    color: #0E1012;
    padding-bottom: 20px;
}

.wrapper_assign_exercise .media-content-delete-btn {
    min-width: 180px;
    padding: 10px 25px;
}

.wrapper_assign_exercise .media-content-delete-btn:hover {
    color: #808787;
}

.wrapper_assign_exercise .media-content-done-btn {
    padding: 10px 55px;
    margin-left: 20px;
}

.wrapper_assign_exercise .media-content-done-btn:hover {
    color: #FFFFFF;
}

.tab_week {
    width: 100%;
    float: none;
    display: inline-block;
}

.wrapper_assign_exercise .tab_week .media-content-done-btn {
    font-size: 14px;
    padding: 10px 25px;
    margin-left: 20px;
}

.tab_week ul li {
    padding-right: 15px;
}

.tab_week ul li.nav-tab-item > a.nav-tab-link{
    font-size: 16px;
    color: #C20F2F;
    font-family: 'Barlow Condensed', sans-serif;
    padding: 5px 15px 6px 15px !important;
}

.tab_week ul li.nav-tab-item > a:hover {
    /*background-color: #C20F2F !important;
    font-weight: normal;
    color: #FFFFFF !important;*/    
}

.tab_day {
    width: 100%;
    float: none;
    display: inline-block;
}

.tab_day h3 {
    float: left;
    font-size: 24px;
    color: #0E1012;
    font-family: 'Barlow Condensed', sans-serif;
}

.tab_day ul {
    float: left;
}

.tab_day ul li {
    float: left;
    padding: 0 20px 0 0;
    margin: 0;
}

.tab_day ul li.nav-tab-item > a.nav-tab-link{
    font-size: 16px;
    color: #0E1012;
    font-family: 'Barlow Condensed', sans-serif;
    background-color: #EDEDED;
    padding: 7px 17px 9px 17px !important;
}

.tab_day ul li.nav-tab-item > a:hover {
    background-color: #C20F2F !important;
    font-weight: normal;
    color: #FFFFFF !important;
}

.tab_day ul li.nav-tab-item > a.active {
    background-color: #C20F2F !important;
    font-weight: normal;
    color: #FFFFFF !important;
}

.container-add-assign {
    width: 100%;
    float: none;
    display: inline-block;
}

.custom_card.box_add_card,
.custom_card.box_add_card a {
    min-height: 195px;
    background-color: #333333;
    color: var(--colorWhite);
    z-index: 2;
    cursor: pointer;
}

.custom_card.box_add_card .add_content {
    margin: 0 0 0 10px;
    font-size: 12px;
    letter-spacing: 0.19px;
}

.box_day_assign {
    width: 100%;
    height: 195px;
    float: left;
    border: 1px solid #707070A6;
    border-radius: 4px;
}

.box_day_assign .figure {
    width: 121px;
    height: 100%;
    float: left;
    margin-right: -121px;
    position: relative;
}

.box_day_assign .figure img {
    width: 100%;
    height: 100%;
}

.box_day_assign .aside {
    width: 100%;
    float: left;
    padding: 15px 0 0 135px;    
}

.box_day_assign .aside h5 {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #0E1012;
    margin-bottom: 10px;    
}

.box_day_assign .aside label {
    font-size: 14px;
    font-weight: 500;
    color: #0E1012;
    margin-bottom: 6px;
}

.box_day_assign .aside .form-control {
    width: 100%;
    height: 30px;
    background-color: #FFF;
    border: 1px solid #70707075;
    border-radius: 3px;
    padding: 5px 7px;
    font-size: 14px;
}

.box_day_assign .aside .col-left {
    width: 50%;
    float: left;
    padding: 0 15px 10px 0;
}

/* End# Day Add Assign  */

.playerList_link{
  color: #C20F2F;
  font-size: 14px;
  font-family: 'Roboto';
  font-weight: 500;
  text-decoration: underline;
}
.playerList_link_content .playerList_link:hover{
  color: #C20F2F;
  text-decoration: underline;
  cursor: pointer;
}
.subscription .switch{
    position: relative;
    width: 30px;
    height: 15px;
}
.subscription .switch input {
    display: none;
}
.subscription .slider {
    border-radius: 34px;
    border: 1px solid #999;
    background-color: transparent !important;
}
.subscription .slider:before {
    position: absolute !important;
    content: "" !important;
    height: 11px !important;
    width: 10px !important;
    left: 1px !important;
    bottom: 1px !important;
    background-color: #999 !important;
    transition: 0.4s !important;
    border-radius: 50px !important;
}
.subscription .sub{
   color:#FFFFFF;
   font-family: 'Roboto';
   font-size: 12px;
}
.subscription .switch.active .slider{
    border: 1px solid #C20F2F !important;
}
.subscription .switch.active .slider:before{
    background-color: #C20F2F !important;
}

/* New Dev play Style Start */

.dev_plan_card_footer{
    display: block;
}
.dev_plan_card_footer a{
    padding: 10px 30px;
    display: flex;
    justify-content: space-between ;
}

.card_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin: 0 0px 0 15px; */
}
.dev_plan_card{
    position: relative;
    /* padding: 0; */
    margin: 0%;
    margin-bottom: 20px;
}
.dev_plan_card .custom_card {
    width: 100%;
    cursor: default;
}

.dev_plan_card .dev_plan_status{
    font-size: 12px;
    /* position: absolute; */
    /* bottom: 55px; */
    background: #E4F1FD;
    padding: 3px 8px;
    border-radius: 5px;
    color: #209CDA;
    font-weight: bold;
}
.dev_plan_card .dev_plan_status.success{
    color: #28C76F;
    background: #dbf7e8;
}
.dev_plan_card .dev_plan_status.warning{
    color: #F7B731;
    background: #fff6e3;
}
.dev_plan_card .dev_plan_status.danger{
    color: #c3352e;
    background: #ffe7e5;
}
.dev_plan_card_disabled{
    display: none;
    width: calc(100% - 0px);
    height: 100%;
    background: rgba(200, 200, 200, 0.5);
    left: 0px;
    top: 0;
    position: absolute;
    z-index: 9;
    text-align: center;
    border-radius: 8px 8px 0px 0px;
}
.dev_plan_card:nth-child(3n) .dev_plan_card_disabled{
    /* width: calc(100% - 24px); */
}
.dev_plan_card.disabled .dev_plan_card_disabled{
    display: block;
}
.dev_plan_card_disabled > span{
    display: inline-block;
    margin-top: 100px;
    width: 100px;
    height: 100px;
    background: rgba(195,53,46, 0.2);
    border-radius: 50%;
}
.dev_plan_card_disabled > span > span{
    display: inline-block;
    width: 90px;
    margin-top: 5px;
    height: 90px;
    background: rgba(195,53,46, 0.3);
    border-radius: 50%;
}
.dev_plan_card_disabled > span > span > span{
    display: inline-block;
    width: 80px;
    margin-top: 5px;
    height: 80px;
    background: rgba(0,0,0, 1);
    border-radius: 50%;
    border:5px solid rgba(195,53,46, 1);
    font-size: 40px;
    line-height: 75px;
}
.dev_plan_card_disabled > span > span > span i{
    color : rgba(195,53,46, 1)
}



.assessment_test_section{
    display: block;
    position: relative;
}

.assessment_test_section .alert-primary{
    background: #2586F60F 0% 0% no-repeat padding-box;
    border: 0;
    color: #2586F6;
}
.assessment_test_section .alert-danger{
    background: #fef2f2 0% 0% no-repeat padding-box;
    /* background: #fff 0% 0% no-repeat padding-box; */
    border: 0;
    color: #E85045;
}
.assessment_test_section .alert i{
    color: inherit;
}
.assessment_test_section .content-container{
    background: #fff;
    padding: 24px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.assessment_test_section .content-container .content-title{
    margin-bottom: 15px;
}

.assessment_list_container{
    display: block;
    position: relative;
}
.assessment_list_container .assessment_list_item{
    display: flex;
    justify-content: space-between;
    /* border: 1px solid #ddd; */
    /* padding: 10px 0px; */
    margin-bottom: 20px;
}
.assessment_list_container .assessment_list_item .assessment_list_text{
    display: flex;
    align-items: center;
    
}
.assessment_list_container .assessment_list_item .assessment_list_text span{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin-right: 1rem;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.assessment_list_container .assessment_list_item .assessment_list_text p{
    margin: 0;
}
.assessment_list_container .assessment_status{
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background-color: #ddd;
    color: #000;
}
.assessment_list_container .assessment_status i{
    color: inherit;
}
.assessment_list_container .assessment_status i.fa-eject{
    transform: rotate(90deg);
}
.assessment_list_container .assessment_status.passed{
    background: #60CC8F 0% 0% no-repeat padding-box;
    color: #fff;
}
.assessment_list_container .assessment_status.active{
    background: #e4f1fd 0% 0% no-repeat padding-box;
    color: #3e9cda;
}
.assessment_list_container .assessment_status.failed{
    background: #E85045 0% 0% no-repeat padding-box;
    color: #fff;
}

.assessment-date-select-container{
    margin-bottom: 2rem;
}
.assessment-date-select-container select{
    min-width: 200px;
}
.assessment-tab .nav-link{
    margin-right: 1rem;
    padding: 3px 15px;
}
.assessment-tab .nav-link.active{
    background: #C20F2F1A 0% 0% no-repeat padding-box;
    color: #C20F2F;

}
.assessment-accordian{
    margin-bottom: 15px;
}
.assessment-accordian .btn-accordian{
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
}
.assessment-accordian .btn-accordian i {
    transform: rotate(0deg);
    transition: 0.4s;
} 
.assessment-accordian .btn-accordian:not(.collapsed) i {
    transform: rotate(180deg);
    transition: 0.4s;
} 
.assessment-body{
    border: 0;
    color: #000;
    padding: 20px;
}
.badges-container{
    display: block;
}
.badges-container .badge-assessment{
    padding: 7px 10px;
    font-size: 14px;
    font-weight: normal;
    background: #E4E3E3 ;
}
.badges-container .badge-assessment.danger{
    background: #fcf0e7;
    color: #D62020;
}
.badges-container .badge-assessment.success{
    background: #f7f6e5;
    color: #4D9219;
}
.badges-container .badge-assessment i{
    color: inherit;
    margin-right: 5px;
}
.curve-score-container{
    display: block;
    text-align: center;
    border-bottom: 2px solid #ddd;
    padding-top: 0px;
    margin-top: -65px;
    margin-bottom: 20px;
}
#curve-score-graph{
    text-align: center;
}
#curve-score-graph svg {
    height: 200px;
    width: 320px;
    /* fill: none;
    stroke: red;
    stroke-width: 3; */
    stroke-linecap: round;
}
.badge-score{
    border: 1px solid #14A458;
    color: #14A458;
    border-radius: 20px;
    background: #f3fbf7;
}
.badge-score.badge-danger {
    border: 1px solid #D62020;
    color: #D62020;
    background: #F8EFE8;
}
.badge-score i{
    color: inherit;
}
.score-card{
    display: flex;
    background: #FAFAFA;
    padding: 15px;
    margin-bottom: 15px;
}
.score-card .score-card-icon{
    margin-right: 15px;
}
.score-card .score-card-text h5{
    margin: 0px;
}
.score-card .score-card-text p{
    margin: 0px;
}
.assessment-title{
    font-size: 18px;
    margin-bottom: 10px;
    border-bottom:1px solid #f1f1f1;
    border-top:1px solid #f1f1f1;
    background: #f9f9f9;
    padding: 7px 10px;
}