.page #main .entry-header {
     display: none;
 }

 h4.sp_heading_links {
     margin-bottom: 0px;
 }

 .sp_heading_links a {
     color: #741B1A;
 }

 .select2-results {
     font-size: 15px;
 }


 .datepicker table {
     border: 0;
 }

 .page-id-8405 #content .ast-container {
     max-width: 1600px;
     padding: 0;
 }

 .page-id-8405 #content .ast-container .entry-content>.wp-block-spacer {
     display: none;
 }

 .woocommerce #customer_login .u-column1,
 .woocommerce #customer_login .u-column2 {
     max-width: 50% !important;
 }

 .hidden {
     display: none;
 }

 .table-borderless,
 .table-borderless th,
 .table-borderless td {
     border: none !important;
 }


 .wp_sport_portal {
     width: 100%;
     max-width: 1600px;
     border-radius: 50px 50px 50px 50px;
     margin: 30px auto;
     display: flex;
     align-items: stretch;
     min-height: 700px;
     font-family: 'Oswald', sans-serif;
     overflow-x: hidden;
 }

 .wp_sport_portal::after {
     content: "";
     display: table;
     clear: both;
 }

 .wp_sport_portal a {
     text-decoration: none !important;
 }


 .wp_sport_portal .wp_sidebar_container {
     width: 20%;
     float: left;
     overflow: hidden;
     border-radius: 0px 0px 50px 50px;

 }


 .wp_sport_portal .wp_main_container {
     width: 80%;
     float: left;
 }

 h4.sp_heading_links {
     display: inline;
     margin-bottom: 10px;
     padding: 6px 0;
     border-bottom: 1px solid #741B1A;
 }

 .sp_heading_links a {
     padding: 5px 10px;
     background-color: #fff;
     color: #741B1A;
 }


 .sp_heading_links a:hover,
 .sp_heading_links a.active {
     background-color: #741B1A;
     color: #fff;
     text-decoration: none;
 }


 .wp_sport_portal [type=button],
 .wp_sport_portal [type=submit],
 .wp_sport_portal button {
     display: inline-block;
     font-weight: 400;
     color: #741B1A;
     text-align: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     background-color: transparent;
     border: 1px solid #741B1A;
     padding: 5px 15px;
     font-size: 17px;
     border-radius: 3px;
     transition: all .3s;
 }

 button.nav-btn.sp-prev,
 button.nav-btn.sp-next {
     z-index: 100;
 }

 .wp_sport_portal [type=button]:hover,
 .wp_sport_portal [type=submit]:hover,
 .wp_sport_portal button:hover {
     color: #fff !important;
     background-color: #741B1A !important;
     text-decoration: none;
 }

 .wp_sport_portal input[type="color"] {
     width: 100%;
     min-height: 40px;
     padding: 5px 20px;
 }



 .carousel-indicators [data-bs-target] {
     box-sizing: content-box;
     flex: 0 1 auto;
     width: 30px;
     height: 3px;
     padding: 0;
     margin-right: 3px;
     margin-left: 3px;
     text-indent: -999px;
     cursor: pointer;
     background-color: #fff;
     background-clip: padding-box;
     border: 0;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     opacity: .5;
     transition: opacity .6sease;
 }

 .col-lg-3-5 {
     flex: 0 0 auto;
     width: 27%;
 }

 .col-lg-8-5 {
     flex: 0 0 auto;
     width: 73%;
 }

 .sp-btn {
     display: block;
     width: 100%;
     padding: 10px;
     background-color: #0073aa;
     color: #fff;
     text-align: center;
     border: none;
     cursor: pointer;
     border-radius: 5px;
 }

 .sp-btn:hover {
     background-color: #005a87;
 }




 .sport-login-portal .form-group {
     margin-bottom: 15px;
 }

 .sport-login-portal .form-group label {
     display: block;
     margin-bottom: 5px;
 }

 .sport-login-portal .form-group input {
     width: 100%;
     padding: 8px;
     box-sizing: border-box;
 }

 .sport-login-portal .form-group.rememberme {
     width: 100%;
 }



 /***********SIDE BAR***************/
 .wp_sidebar_container .logo_container {
     text-align: center;
     background-color: #fff;
     border-radius: 50px 0px 0px 0px;
     padding: 20px 0px 5px 0px;
     box-shadow: 0px 4px 10px -2px rgba(112, 112, 112, 0.5019607843137255);
     min-height: 160px;
 }



 .wp_sidebar_container .dashboard-logo {
     height: 100px;
     width: 90%;
     overflow: hidden;
     justify-content: center;
     align-items: center;
     margin: 0 auto;
 }

 .wp_sidebar_container .dashboard-logo img {
     width: auto;
     height: 100%;
     object-fit: cover;
     border-radius: 20px;
     margin: 0 auto;
 }

 .wp_sidebar_container .dashboard-name h6 {
     margin: 10px 0px 0px 0px;
 }

 .wp_sidebar_container .dashboard-name h6 a {
     font-size: 22px;
     font-weight: 600;
     color: #741B1A;
     text-decoration: none;
 }

 .wp_sport_portal .wp_sidebar_container .sport_sidebar_container {
     height: 100%;
 }

 .wp_sidebar_container .menu_bar_container {
     padding: 0px 0px 0px 0px;
     background: #741B1A;
     height: auto;
     overflow-y: auto;
     overflow-x: hidden;
     height: 100%;
 }

 .wp_sidebar_container .menu_bar_container ul.menu-list {
     padding: 0px;
     margin: 0px;
     list-style-type: none;
 }

 .wp_sidebar_container .menu_bar_container ul.menu-list li {
     margin-bottom: 5px;
     padding: 5px 20px;
     /*display: flex;*/
     align-items: center;
 }

 .wp_sidebar_container .menu_bar_container ul.menu-list a,
 .wp_sidebar_container .menu_bar_container a {
     color: #fff;
     text-decoration: none;
     display: block;
 }

 .wp_sidebar_container .menu_bar_container ul.menu-list a .menu-title {
     font-size: 20px;
     line-height: 26px;
     font-weight: 400;
 }


 .wp_sidebar_container .menu_bar_container ul.menu-list .menu-item {
     display: flex;
     align-items: center;
     gap: 20px;
     justify-content: center;
 }

 .wp_sidebar_container .menu_bar_container ul.menu-list .menu-item .menu-icon {
     height: 40px;
     width: 35px;
 }


 /*
 .wp_sidebar_container .menu_bar_container ul.menu-list .menu-icon img {
     width: 35px;
 }
*/

 .wp_sidebar_container .menu_bar_container ul.menu-list .menu-item .menu-title {
     width: 80%;
     display: inline-block;
 }


 .wp_sidebar_container .menu_bar_container ul.menu-list li:hover {
     background-color: #000;
 }

 .wp_sidebar_container .menu_bar_container ul.menu-list li.active {
     background-color: #000;
 }



 .player_score_graph_box,
 .player_attendence_graph_box {
     box-shadow:
         4px 6px 10px -2px rgba(112, 112, 112, 0.05),
         /* Right shadow */
         -4px 6px 10px -2px rgba(112, 112, 112, 0.05),
         /* Left shadow */
         0px 8px 10px -2px rgba(112, 112, 112, 0.05);
     /* Bottom shadow */
     border-radius: 20px;
     padding: 20px;
     margin-bottom: 10px;
 }

 /**********************************/



 /*************** PLAYER FORM *********************/

 .sp-white-bg {
     background-color: #fff;
 }

 .sp-box-shadow {
     box-shadow: 0px 4px 10px -2px rgba(112, 112, 112, 0.5019607843137255);
 }



 .player-form,
 .player-details,
 .view-event-box {
     background-color: #8d4949;
     border-radius: 50px;
     padding: 30px;
     margin: 50px auto;
     text-align: center;
     max-width: 80%;
     color: #fff;
 }

 .player-form .form-label,
 .player-details .form-label,
 .view-event-box .form-label,
 .player-form h4 {
     color: #fff;
 }

 .edit-player-data h5,
 .edit-player-data h4 {
     color: #fff;
 }

 .player-form .form-label {
     line-height: 1.2;
 }


 .game_event_type_section label span {
     font-size: 12px !important;
 }

 .view-event-box {
     max-width: 100%;
     padding: 30px 10px;
     margin-top: 10px;
 }

 .form-control {
     border-radius: 25px 25px 25px 25px !important;
     /*min-height: 50px;*/
     padding: 12px 15px !important;
     font-size: 16px !important;
     line-height: 16px;
 }

 .border-radius-0 {
     border-radius: 0px !important;
 }

 .playbook-right-sidebar .form-control {
     display: inline-block;
     padding: 12px 5px !important;
 }


 select.form-control {
     min-height: 46px;
 }



 .input-password-group .form-control {
     background: unset !important;
     border-radius: 0px !important;
     border: 0;
 }

 input[type="time"].form-control {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: #fff;
     border: 1px solid #ced4da;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     border-radius: 0.25rem;
     width: 100%;
 }


 input[type="time"] {
     -webkit-appearance: none;
     /* Ensures consistency across browsers */
     -moz-appearance: none;
     appearance: none;
     position: relative;
     padding-right: 35px;
     /* Space for custom icon */
 }

 /* Hide Chrome’s default time picker icon */
 input[type="time"]::-webkit-calendar-picker-indicator {
     display: none;
 }

 /* Custom clock icon */
 input[type="time"]::before {
     content: "\f017";
     /* Font Awesome clock icon */
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     right: 10px;
     top: 50%;
     transform: translateY(-50%);
     pointer-events: none;
     /* Allows clicking input */
 }



 .player_workoutplan_analysis .input-group .form-control {
     padding-left: 5px !important;
     padding-right: 5px !important;
 }



 .player_workoutplan_analysis .input-group-text {
     padding: 0px 8px;
 }




 .input-group-text {
     padding: 0px 20px;
     font-size: 16px;
     line-height: 16px;
 }

 .input-field-group .form-control {
     border: 0px;
 }

 .input-password-group .form-control:focus,
 .input-field-group .form-control:focus {
     border: 0;
     box-shadow: unset;
 }

 .input-password-group,
 .input-field-group {
     background: #fff;
     border-radius: 25px !important;
 }

 .input-field-group .input-group-text-icon {
     color: #000 !important;
 }



 #addEventForm .form-group .input-field-group {

     border: 1px solid #ccc;
 }


 #addEventForm .form-group .input-field-group input {
     border: 0px;
     margin-bottom: unset;
 }

 .player-form .form-control,
 .player-details .form-control {
     text-align: center;
 }

 .add-player-btn {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     border: 2px solid white;
     background-color: #8d4949;
     color: white;
     font-size: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 20px auto 0;
     cursor: pointer;
     transition: background-color 0.3s;
 }


 .add-player-btn:hover {
     background-color: white;
     color: #8d4949;
 }

 .player-form table {
     text-align: left;
     border: 0px;
     font-size: 19px;
 }

 .player-form table tbody,
 .player-form table td,
 .player-form table tfoot,
 .player-form table th,
 .player-form table thead,
 .player-form table tr,
 .player-details table tbody,
 .player-details table td,
 .player-details table tfoot,
 .player-details table th,
 .player-details table thead,
 .player-details table tr {
     border: 0px;
 }

 .player-form table td,
 .player-form table th,
 .player-details table td,
 .player-details table th {
     background-color: unset !important;
 }


 .styled-radio {
     display: flex;
     align-items: center;
     /* Align icon and label in one line */
     gap: 8px;
     /* Space between checkbox and text */
 }

 .styled-radio input[type="radio"],
 .styled-radio input[type="checkbox"] {
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }

 .styled-radio .custom-radio {
     height: 18px;
     width: 18px;
     background-color: #f0f0f0;
     border: 2px solid #ddd;
     border-radius: 50%;
     display: inline-block;
     position: relative;
     transition: all 0.2s ease-in-out;
     flex-shrink: 0;
     /* Prevent shrinking */
 }

 .styled-radio .label-text {
     font-size: 16px;
     color: #333;
     flex-grow: 1;
     /* Allow text to grow properly */
 }

 /* Checked state */
 .styled-radio input[type="radio"]:checked~.custom-radio,
 .styled-radio input[type="checkbox"]:checked~.custom-radio {
     background-color: #28a745;
     border-color: #28a745;
 }

 /* Checked indicator */
 .styled-radio input[type="radio"]:checked~.custom-radio::after,
 .styled-radio input[type="checkbox"]:checked~.custom-radio::after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 10px;
     height: 10px;
     background-color: #fff;
     border-radius: 50%;
 }

 /* Disabled state */
 .styled-radio input[type="checkbox"]:disabled~.custom-radio {
     opacity: 0.6;
 }

 .player-roster {
     background-color: #c39c9c;
     border-radius: 0px 50px 0px 50px;
     padding: 10px;
     color: white;
     height: 790px;
     overflow-y: auto;
     /* Enable vertical scrolling if needed */
     overflow-x: hidden;
     min-height: 100%;
 }

 .player-roster h3 {
     text-align: center;
     margin-bottom: 20px;
     color: #fff;
 }

 .search-bar {
     position: relative;
     margin-bottom: 20px;
 }

 .search-bar input {
     padding-left: 15px !important;
     padding-right: 40px !important;
     border: none !important;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
     border-radius: 25px 25px 25px 25px !important;
 }

 .search-bar .search-icon {
     position: absolute;
     top: 50%;
     right: 10px;
     transform: translateY(-50%);
     color: #6c757d;
     cursor: pointer;
 }

 .player-list {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
 }

 .player-item {
     background-color: white;
     color: #6c757d;
     border-radius: 50px;
     text-align: center;
     padding: 10px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     cursor: pointer;
     transition: transform 0.2s ease-in-out;
     text-decoration: unset !important;
 }

 .player-item a {
     text-decoration: none;
     color: #3f444b !important;
     width: 100%;
     display: inline-block;
 }

 .player-item:hover,
 .player-item.active {
     /*transform: scale(1.05);*/
     background: #741B1A !important;
     color: #fff !important;

 }

 .player-item.sp-btn-gray {
     background: #d9cfcf;
 }

 #single_player_workout_chart {
     height: 400px;
     width: 100%;
 }

 #players_workout_chart {
     height: 400px;
     width: 100%;
 }

 .player_attendence_graph_box {
     display: flex;
     gap: 20px;
     flex-wrap: wrap;
 }

 .chart_container {
     flex: 1 1 100%;
     max-width: 100%;
 }


 .player-item:hover a,
 .player-item.active a {
     color: #fff !important;
 }

 span.form-submit-section {
     margin-top: 40px;
     display: block;
     font-size: 16px;
 }

 span.form-submit-section img {
     margin: 5px auto;
     width: 45px !important;
     height: auto;
     cursor: pointer;
 }

 .form-img-link-section {
     margin-top: 40px;
     display: block;
     cursor: pointer;
 }

 .user-icons {
     margin-top: 20px;
 }

 .form-img-link-section img {
     margin-top: 10px;
     /*width: 50px !important;*/
     height: auto;
     width: auto !important;
 }

 .form-submit-action,
 .form-img-link-section img {
     transition: filter 0.3s ease-in-out;
 }

 .form-submit-action:hover,
 .form-img-link-section img:hover {
     filter: brightness(0) invert(0);
     /* Makes the image black (#000000) */
 }


 #update_event_player_score .player_name {
     font-weight: 600;
     font-size: 18px !important;
 }


 .wp_sport_portal .round-icon-btn {
     background-color: #741B1A !important;
     color: #fff !important;
     border-radius: 50px !important;
     padding: 5px 15px !important;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     cursor: pointer;
     display: flex;
     /* use flexbox */
     justify-content: space-between;
     /* text left, icon right */
     align-items: center;
     /* vertical center */
 }





 /**************** start calender  ********************/
 .wp_sport_portal .fc-button {
     background-color: transparent;
     border: 1px solid #741B1A;
     padding: 8px 15px;
     font-size: 16px;
     border-radius: 3px;
     transition: all .3s;
     display: inline-block;
     font-weight: 400;
     color: #741B1A;
 }




 #player-workoutplan-calendar .fc-button-group .fc-button {
     border: 1px solid #fff !important;
 }

 .wp_sport_portal .fc-button.fc-button-bg {
     color: #fff !important;
     background-color: #741B1A !important;
     border-radius: 10px;
 }

 .wp_sport_portal .fc-button.fc-button-bg.fc-button-large {
     padding: 10px 15px;
     font-size: 17px;
 }

 .wp_sport_portal .fc-button:hover .fc-icon {
     color: #fff !important
 }


 .wp_sport_portal .fc-button .fc-icon {
     vertical-align: middle;
     font-weight: 400 !important;
     text-align: center !important;
     white-space: nowrap !important;
     font-size: 20px !important;
 }

 #player-workoutplan-calendar .fc-button .fc-icon {
     color: #fff !important;
 }

 .wp_sport_portal .fc-button .fc-icon:hover {
     color: #fff !important
 }

 .fc-daygrid-day {
     cursor: cell;
 }

 .fc-daygrid-day-number {
     line-height: 18px;
     font-size: 14px;
 }

 .fc-daygrid .fc-daygrid-header .fc-header-cell .fc-cell-inner {
     font-size: 15px;
     line-height: 20px;
 }

 /**************** end calender  ********************/

 .calendar-action.player-calendar-action {
     position: unset !important;
 }

 .calendar-action.player-calendar-action a {
     color: #741B1A !important;
     font-size: 15px;

 }

 /************************************/

 .sp-btn-white {
     padding: 10px;
     background-color: #fff !important;
     color: #741B1A !important;
     text-align: center !important;
     border: none !important;
     cursor: pointer !important;
     border-radius: 5px !important;
     margin-top: 10px !important;
 }

 .sp-button {
     padding: 10px 10px !important;
     color: #fff !important;
     border-color: #fff !important;
     text-align: center;
     cursor: pointer;
     border-radius: 5px !important;
 }

 .sp-button:hover {
     border-color: #741B1A !important;
 }

 .sp-btn-active {
     border-color: #741B1A !important;
     background-color: #741B1A !important;
     color: #fff !important;
 }


 .logo-preview-container {
     position: relative;
     display: inline-block;
 }

 .logo_container_img {
     width: 100px;
     display: block;
 }

 .remove-logo-icon {
     position: absolute;
     top: -6px;
     right: -10px;
     z-index: 10;
     font-size: 15px;
     color: #741B1A;
     cursor: pointer;
     font-weight: bold;
     background: white;
     border-radius: 50%;
     padding: 1px 6px;
     display: none;
 }

 .form-control-file {
     min-height: unset !important;
 }


 .input-group-text-icon {
     color: #fff !important;
     background-color: unset;
     border: 0px;
 }


 .input-password-group .input-group-text-icon {
     color: #000 !important;
 }

 .mobile-details {
     display: none;
 }

 .desktop-details {
     display: block;
 }

 .trash-icon i {
     color: #741B1A;
     margin-left: 5px;
 }

 .sp_modal {
     display: none;
     position: fixed;
     z-index: 1000;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 400px;
     background: #fff;
     padding: 20px 10px;
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
     border-radius: 8px;
 }

 .sp_modal_dark {
     background: #8D4949;
     color: white;
 }

 .sp_modal_dark h6,
 .sp_modal_dark .form-label {
     color: white;
 }



 .sp_modal .close-btn {
     font-size: 40px;
     cursor: pointer;
     right: 10px;
     position: absolute;
     top: -5px;
 }

 .sp_modal .close-btn2 {
     font-size: 40px;
     cursor: pointer;
     right: 10px;
     position: absolute;
     top: -5px;
 }


 .sp_dialog_modal {
     position: fixed;
     z-index: 9999;
     top: 5%;
     left: 50%;
     transform: translateX(-50%);
     width: 600px;
     background: #fff;
     border: 1px solid #ccd0d4;
     border-radius: 8px;
     max-height: 90vh;
     display: flex;
     flex-direction: column;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
 }

 .modal-body-scroll {
     overflow-y: auto;
     padding: 0px 20px;
     flex: 1 1 auto;
 }

 .modal-header-buttons {
     padding: 12px 20px;
     border-bottom: 1px solid #ddd;
     display: flex;
     justify-content: flex-end;
     gap: 10px;
     flex-shrink: 0;
 }

 .modal-footer-buttons {
     padding: 12px 20px;
     border-top: 1px solid #ddd;
     display: flex;
     justify-content: flex-end;
     gap: 10px;
     flex-shrink: 0;
 }

 .sp_dialog_modal h2 {
     margin: 15px 20px 0;
 }



 /* Modal dark background overlay */
 .sp_modal_backdrop {
     position: fixed;
     z-index: 9998;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.6);
 }

 #combine_drills_modal .table th {
     width: 30%;
     padding: 5px 0px;
 }

 #combine_drills_modal .table td {
     width: 70%;
     padding: 5px 0px;
 }

 .form-field-desc {
     font-size: 12px;
     margin: 10px;
 }

 .sp_dialog_modal .close-btn {
     font-size: 30px;
     cursor: pointer;
     right: 15px;
     position: absolute;
     top: 2px;
 }

 .sp_dialog_modal h4 {
     margin: 10px 0px;
 }


 #confirm-alert-box .sp_modal_actions .btn-secondary {
     color: #741B1A;
     background-color: transparent;
     border: 1px solid #741B1A;
     padding: 5px 15px;
     font-size: 17px;
     border-radius: 3px;
 }

 #confirm-alert-box .sp_modal_actions .btn-secondary:hover {
     background-color: #741B1A;
     color: #fff;
 }

 #confirm-alert-box .sp_modal_actions .btn-primary {
     color: #fff;
     background-color: #741B1A;
     border: 1px solid #741B1A;
     padding: 5px 15px;
     font-size: 17px;
     border-radius: 3px;
 }

 #confirm-alert-box .sp_modal_actions .btn-primary:hover {
     color: #741B1A;
     background-color: transparent;
 }

 /* Responsive adjustments */
 @media (max-width: 768px) {
     .sp_dialog_modal {
         width: 95% !important;
         top: 2% !important;
         max-height: 95vh !important;
     }

     .modal-body-scroll {
         max-height: calc(95vh - 120px);
     }
 }

 #event_player_score_form .player_event_score {
     cursor: pointer;
 }

 #event_player_score_form .player_event_score:hover span {
     color: #741B1A;
 }

 .player_dashboard_event_attendance_box .player_attendance_form {
     cursor: pointer;
 }

 .player_dashboard_event_attendance_box .player_attendance_form:hover {
     color: #741B1A;
 }

 .player_dashboard_event_attendance_box .player_attendance_form.disable {
     cursor: not-allowed;
     /* pointer-events: none; */
 }

 .player_dashboard_event_attendance_box .player_attendance_form.disable:hover {
     color: #741B1A;
     opacity: 0.5;
 }

 body.modal-open {
     overflow: hidden;
 }

 #addEventModal {
     display: none;
     width: 500px;
     background: #fff;
     padding: 20px;
 }

 #addEventModal form label {
     display: block;
     margin-bottom: 5px;
     font-weight: bold;
     font-size: 13px;
     text-align: center;
 }

 #addEventModal .form-control {
     min-height: 40px;
     font-size: 15px !important;
     line-height: 20px !important;
     padding: 5px 10px !important;
 }

 #addEventModal form input,
 #addEventModal form textarea {
     padding: 8px;
     margin-bottom: 5px;
     border: 1px solid #ccc;
     border-radius: 4px;
 }

 #addEventModal form button {
     display: block;
     width: 100%;
     background: #741B1A;
     color: #fff;
     border: none;
     padding: 10px;
     font-size: 16px;
     border-radius: 4px;
     cursor: pointer;
 }

 #addEventModal form button:hover {
     background: #741B1A;
 }

 #addEventModal .form-group {
     margin-bottom: 5px;
 }

 /* Overlay background */
 .modal-overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     z-index: 999;
 }


 .fc {
     gap: unset;
 }

 .fc-toolbar {
     justify-content: flex-start;
 }

 .fc-toolbar-title {
     font-size: 15px;
     font-weight: 600;
     margin-left: 10px;
 }

 .fc-toolbar,
 .fc-toolbar-section {
     gap: unset;
 }

 .fc-direction-ltr .fc-border-s,
 .fc-direction-rtl .fc-border-e,
 .fc-flex-row,
 .fc-border {
     border: 0px;
 }

 .fc-daygrid>.fc-flex-row {
     order: 1;
 }

 .fc-daygrid>.fc-daygrid-body {
     order: 0;
 }



 .fc-daygrid-day-header {
     display: block;
     text-align: center;
 }

 .cal-event-dot {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     margin: auto;
 }

 a.fc-event {
     background-color: unset !important;
     border: 0px;
 }

 .wp_sport_portal .wp-block-kadence-pane button {
     display: flex !important;
 }


 /*

.upcoming-event-list {
    max-height: 100px;  
    overflow-y: scroll; 
    overflow-x: hidden;
    scrollbar-width: thin; 
    scrollbar-color: #888 #e0e0e0;  
}

 
.upcoming-event-list::-webkit-scrollbar {
    width: 6px;  
}

.upcoming-event-list::-webkit-scrollbar-track {
    background: #e0e0e0;  
}

.upcoming-event-list::-webkit-scrollbar-thumb {
    background-color: #888;  
    border-radius: 10px;    
}
 
.upcoming-event-list::-webkit-scrollbar {
    transform: scaleX(-1);  
}

.upcoming-event-list::-webkit-scrollbar-thumb {
    transform: scaleX(-1);  
}
*/


 .upcoming-event-list a {
     color: #000;
     text-decoration: none !important;
 }


 .upcoming-event-list .event-action a img {
     height: 100%;
 }

 #event_calendar {
     margin-bottom: 20px;
 }

 .upcoming-heading {
     margin: 30px 0px 20px 0px !important;
 }

 .upcoming-event-list {
     max-height: 258px;
     /* Adjust height to fit two events */
     overflow-y: auto;
     overflow-x: hidden;
     scrollbar-width: thin;
     /* Firefox */
     scrollbar-color: #888 transparent;
     padding-left: 0px !important;
     position: relative;
     margin-left: 0;
 }

 .upcoming-event-list li h5 {
     margin: 0;
     font-weight: 500;
     font-size: 16px;
     color: #000;
     margin-bottom: 1px;
 }

 .upcoming-event-list li .event-date {
     padding-left: 30px;
     color: #a1a1a1;
     font-size: 14px;
 }

 /* Custom scrollbar for Webkit browsers (Chrome, Safari) */
 .upcoming-event-list::-webkit-scrollbar {
     width: 6px;
     /* Slim and neat scrollbar */
     position: absolute;
     right: 0;
 }

 .upcoming-event-list::-webkit-scrollbar-track {
     background: transparent;
     /* Hide default track */
 }

 .upcoming-event-list::-webkit-scrollbar-thumb {
     background: linear-gradient(180deg, #a200ff, #ff3b30);
     /* Smooth gradient */
     border-radius: 10px;
     border: 2px solid white;
     /* Gives a sleek look */
 }

 /* Adding shadow effect to scrollbar */
 .upcoming-event-list::-webkit-scrollbar-thumb:hover {
     background: linear-gradient(180deg, #9200e6, #ff1a1a);
 }

 /* Add fade effect at top and bottom to mimic cut-off */
 .upcoming-event-list::before,
 .upcoming-event-list::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     height: 10px;
     pointer-events: none;
 }

 .upcoming-event-list::after {
     bottom: 0;
     background: unset;
 }

 .event_list {
     font-size: 15px;
 }


 .event_list th {
     font-weight: 700;
 }

 .event_list a {
     color: #741B1A;
 }

 .upcoming-event-list li {
     border-top: 0;
 }

 .sp_portal_text_color {
     color: #741B1A;
 }

 .sp_portal_bg_color {
     color: #741B1A;
 }












 .small-heading {
     color: #a1a1a1 !important;
     font-size: 15px !important;
     margin-bottom: 5px !important;
 }

 .upcoming-event-list li .event-time {
     padding: 8px 5px;
     background-color: #000;
     color: #fff;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 15px;
     width: 50px;
 }

 .right-arrow-btn {
     background: #2E2E2E;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
     border-radius: 6px;
     padding: 10px 10px;
     text-align: center;

 }

 .right-arrow-btn i {
     font-size: 16px;
     color: #fff;
     /* White arrow */
 }


 .upcoming-event-list li .event-title,
 .event_attendance_box .event-title {
     display: flex;
     align-items: center;
     margin-bottom: 5px;
     font-size: 15px;
 }


 .event-location {
     display: table-row;
 }

 .event_attendance_box .event-edit {
     background-color: #000;
     padding: 7px 7px;
     border-radius: 5px;
     text-align: center;
     color: #fff;
     font-size: 15px;
     line-height: 20px;
 }

 .event_attendance_box .event-time {
     background-color: #000;
     padding: 7px 7px;
     border-radius: 5px;
     text-align: center;
     color: #fff;
     font-size: 15px;
     line-height: 20px;
 }

 .event_attendance_box .event-edit a {
     color: #fff;
 }

 .attendance-list h4 {
     color: #707070;
 }


 .upcoming-event-list .event-action,
 .event_attendance_box .event-action {
     display: flex;
     column-gap: 5px;
     justify-content: end;
 }

 .upcoming-event-list li .event-dot,
 .event_attendance_box .event-dot {
     width: 10px !important;
     height: 10px !important;
     border-radius: 50%;
     margin-right: 10px;
     /* Space between the dot and the title */
     display: block;
 }

 .upcoming-event-list li {
     padding: 5px;
     margin-bottom: 5px;
     font-size: 12px;
     line-height: 20px;
     padding: 0px 15px 0px 0px;
 }



 .calendar-action {
     display: flex;
     align-items: center;
     gap: 10px;
     justify-content: flex-end;
     /* Align items to the right */
     width: 70%;
     float: right;
     clear: both;
     position: relative;
     top: 45px;
     min-height: 50px;
 }


 .calendar-action img {
     cursor: pointer;
     /* Optional: Adds a pointer cursor on hover for images */
 }

 .event_search_input {
     flex-grow: 1;
     /* Optional: Makes the input field take up remaining space */
     padding: 5px;
     /* Optional: Adds padding to the input */

     padding: 10px;
     min-height: 35px;
     margin: 0px;
     line-height: 1.2;
 }


 .add_new_event:hover {
     cursor: pointer !important;
 }

 .form-group {
     width: 100%;
 }

 .form-container {
     margin: 5px 0px;
 }

 .form-group input,
 .form-group textarea {
     width: 100%;
 }

 .form-container.flex {
     display: flex;
     gap: 10px;
 }

 .fc .fc-toolbar.fc-header-toolbar {
     margin-bottom: 1em;
 }

 .fc-header-cell {
     color: #a1a1a1;
 }

 .fc-daygrid-day.fc-day-today {
     background: linear-gradient(to bottom, #EA3544, #EB486E);
     border-radius: 5px;
     color: white;
     font-weight: bold;
     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
     /* Soft shadow */
 }

 .event_carousel .container {
     padding: 0px;
 }

 .carousel-indicators [data-bs-target] {
     color: #000;
     background-color: #000;
 }

 .carousel-indicators button {
     width: 10px !important;
     height: 10px !important;
     border-radius: 50% !important;
     border: 0px !important;
 }

 .carousel-indicators .active {
     background-color: #CC3366;
     /* Change active indicator color */
     opacity: 1;
 }

 /***************** chrt section **************************/

 /*
.chart_filter_section {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    width: 100%;
    min-height: 50px;
    float: right;
    clear: both;
    
}
*/

 .chart_filter_section {
     text-align: right;
     width: 100%;
     min-height: 50px;
 }

 .chart_filter_icon i {
     font-size: 25px;
 }

 .chart_filter_section:hover {
     cursor: pointer;
 }

 .attendence_chart_filter_select {
     width: 30%;
     float: right;
 }

 #player_attendence_chart_filter,
 #single_player_attendence_chart_filter {
     float: right;
     margin-left: 20px;
     margin-top: 5px;
 }

 #player_score_chart_filter {
     margin-top: 5px;
     display: inline-block;
 }

 .chart_filter_section .form-control {
     text-align: center;
     border-radius: 10px !important;
 }

 .player_score_filter_select {
     width: 90%;
     display: flex;
     align-items: center;
     gap: 10px;
     justify-content: flex-end;
     min-height: 50px;
     float: left;
     clear: both;
 }


 #player_score_type_select {
     width: 40%;
 }

 #player_score_event_container,
 #p_player_score_event_container {
     width: 60%;
 }


 #player_score_event_select {
     text-align: left;
     font-size: 14px;
     max-height: 100px;
     overflow-y: scroll;
     overflow-x: hidden;
     scrollbar-width: thin;
     scrollbar-color: #888 #e0e0e0;
 }


 /***************** Attandence **************************/


 .today-cell {
     font-weight: bold;
     color: #fff;
     text-align: center;
 }


 .day-name {
     font-size: 12px;
     display: block;
 }



 .single-event-header {
     position: relative;
     background-size: cover;
     background-position: center;
     height: 200px;
     /* Adjust height as needed */
     display: flex;
     align-items: center;
     /* Vertically center the text */
     justify-content: center;
     /* Horizontally center the text */
     color: #fff;
     /* White text color for better visibility */
     text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
     /* Add a subtle text shadow for readability */
     margin-bottom: 2px;
 }

 .single-event-header::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(116, 27, 26, 0.4);
     z-index: 1;
 }

 .single-event-header h3 {
     font-size: 30px;
     font-weight: bold;
     margin: 0;
     /* Remove default margin */
     padding: 0;
     /* Remove default padding */
     z-index: 10;
     line-height: 30px;
     color: #fff;
 }

 .single-event-header h3 span {
     font-size: 20px;
 }


 .attendance-list {
     margin: auto;
     margin-top: 10px;
     margin-bottom: 10px;
 }

 .attendance-list h3 {
     font-size: 24px;
     margin-bottom: 20px;
 }

 .attendance-list .attendance-columns {
     display: flex;
     justify-content: center;
     column-gap: 2px !important;

 }

 .attendance-list .column {
     width: 50%;
 }

 .attendance-list .player {
     text-align: left;
     padding: 5px 0;
     font-size: 15px;
     color: #707070;
     font-weight: 500;
 }

 .attendance-list .check_attendance {
     float: right;
     margin-right: 10px;
     width: 22px;
     height: 22px;
 }

 span.check_attendance img {
     width: 100%;
 }

 .attendance-list .check_attendance i {
     font-size: 17px;
 }

 .attendance-list .check_attendance .fa-check {
     color: #4CAF50;
 }

 .attendance-list .check_attendance .fa-times {
     color: #F44336;
     ;
 }


 .attendance-list .check_player_score {
     float: right;
     margin-right: 10px;
     border-bottom: 2px dotted #8D4949;
 }

 /*******************************************/

 #event_attend_form {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
 }

 #event_attend_form label {
     cursor: pointer;
 }

 #player_attendance_form_modal h6,
 #event_player_score h6 {
     margin-bottom: 0px;
     font-size: 15px;
 }

 #player_attendance_form_modal .sp-table {
     border: 0px;
     margin: 0;
     font-size: 14px;
     line-height: 20px;
 }

 #update_event_player_score .form-label {
     font-size: 14px;
     line-height: 15px;
 }

 .sp-table tr,
 .sp-table td {
     padding: 2px;
     border: 0px;
     background-color: transparent !important;
 }

 .show_mobile {
     display: none;
 }


 .full-height {
     height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .centered-image {
     max-width: 80%;
     height: auto;
 }


 .edit-player-data h4 {
     font-size: 25px;
     font-weight: 500;
     padding: 0px;
     margin: 0px;
     line-height: 40px;
 }

 .edit-player-data h5 {
     font-size: 22px;
     padding: 0px;
     font-weight: 400;
     margin: 0px;
 }

 .edit-player-data table {
     text-align: left;
 }

 .desktop-details.edit-player-data {
     text-align: left;
 }

 .desktop-details.edit-player-data h5 {
     padding: 0px;
     margin: 0px;
 }

 .multiple_player_attendance_chart {
     height: 400px !important;
 }

 .sp-select-box i {
     font-size: 12px;
 }

 .sp-dropdown-list .sp-dropdown-item {
     text-align: left !important;
 }



 #player_attendence_chart {
     width: 100% !important;
     height: 400px !important;
     /* Adjust height as needed */
     max-height: 500px;
 }


 /* Custom Dropdown Styling */
 .sp-custom-dropdown {
     position: relative;
 }

 .sp-select-box {
     background: #fff;
     padding: 11px 5px 10px 11px;
     border-radius: 10px;
     border: 1px solid #ced4da;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 15.5px;
     color: #495057;
     line-height: 21px;
 }

 /* Dropdown List */
 .sp-dropdown-list {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     background: #fff;
     border: 1px solid #ced4da;
     border-radius: 5px;
     max-height: 220px;
     overflow-y: auto;
     z-index: 10;
     font-size: 13px;
 }

 .sp-dropdown-item {
     display: flex;
     align-items: center;
     padding: 5px;
     color: #000;
     cursor: pointer;
     margin: 0;
 }

 .sp-dropdown-item:hover {
     background: #741B1A;
     color: #fff;
 }

 /* Hide default checkbox */
 .sp-dropdown-item input {
     margin-right: 10px;
     width: 22px;
     height: 22px;
 }

 /* Arrow */
 .arrow {
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 6px solid #741B1A;
     transition: 0.3s;
 }

 .down {
     transform: rotate(0deg);
 }

 .up {
     transform: rotate(180deg);
 }

 /* Hide the default checkbox */
 .player_score_events {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     border: 2px solid #007bff;
     background-color: white;
     cursor: pointer;
     position: relative;
     padding: 10px !important;
 }

 /* Style when checkbox is checked */
 .player_score_events:checked {
     background-color: #007bff !important;
     border: 2px solid #007bff !important;
 }

 /* Add checkmark */
 .player_score_events:checked::before {
     content: '\2713';
     /* Unicode checkmark */
     font-size: 12px;
     color: white;
     font-weight: bold;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
 }



 .wp_sport_alert {
     background: #741B1A;
     padding: 10px;
     color: #fff;
     border: 0px;
     border-radius: 10px;
     font-size: 15px;
     letter-spacing: 1px;
 }


 .wp_sport_alert .close-icon {
     cursor: pointer;
     font-size: 1.5rem;
     line-height: 0.4;
 }


 .player_event_attend_box {
     display: flex;
     gap: 10px;
 }

 .dataTables_wrapper .page-item.active .page-link {
     background-color: #741B1A;
     border-color: #741B1A;
 }

 .table-responsive.table {
     display: inline-table;
 }


 .workout_analysis_list .page-item.active .page-link {
     background-color: #741B1A;
     border-color: #741B1A;
 }

 .tlap_column {
     width: 80px !important;
 }

 .action_column {
     width: 100px !important;
 }






 .player_attendance_event_wise h5 {
     border-top: 1px solid #741B1A;
     padding-top: 20px;
     margin-top: 20px;
     margin-bottom: 0px;
 }


 #attendence_evnet_id {
     width: 80%;
     padding: 10px 10px;
     font-size: 17px;
     margin-left: 10px;
 }

 .user_register_link {
     text-align: left;
 }

 .user_register_link a {
     color: #000;
 }


 .player-form .user_register_link {
     margin-bottom: 20px;
 }



 .sp-custom-data-table .dataTables_paginate {
     text-align: right;
     float: right;
 }

 .sp-custom-data-table .dataTables_paginate .page-desh {
     padding: 0px 10px;
 }


 /***************************** Playbook Start ***********************************/

 .pdf_creator {
     margin-top: 20px;
 }

 .pdf_preview_container {
     width: 100%;
     max-width: 100%;
     margin: 0 auto;
 }

 .pdf_preview_container canvas {
     width: 100% !important;
     height: auto !important;
     display: block;
     margin-bottom: 20px;
 }



 .player_color_section label {
     margin: 0px;
 }

 .section_title {
     float: left;
     width: 20%;
     text-align: left;
 }

 .section_action {
     float: right;
     width: 80%;
     text-align: right;
 }


 .section_action .move_section {
     align-items: center;
     margin-right: 10px;
     color: #787c82;
     font-size: 16px;
     gap: 15px;
     display: inline-flex;
     position: relative;
     top: 3px;
 }

 .section_action .add_new_section_icon {
     align-items: center;
     margin-right: 10px;
     color: #787c82;
     user-select: none;
     cursor: pointer;
     position: relative;
     top: 3px;
     font-size: 16px;
 }



 .section_action .btn-group .btn:focus,
 .section_action .btn-outline-success.focus,
 .section_action .btn-outline-secondary {
     box-shadow: unset !important;
 }

 .section_action .btn-group {
     gap: 5px;
 }

 .section_action .btn-group .btn {
     padding: 5px 10px !important;
     font-size: 16px !important;
 }


 span.remove-playbook-action {
     padding: 5px 15px;
     cursor: pointer;
     display: inline-block;
     font-weight: 400;
     color: #741B1A;
     text-align: center;
     user-select: none;
     background-color: transparent;
     border: 1px solid #741B1A;
     font-size: 17px;
     border-radius: 3px;
 }


 button#export_playbook_pdf,
 button#save_playbook_data {
     margin-top: 20px;
 }

 button#update_playbook_data {
     margin-top: 10px;
 }

 .playbook_section_header {
     border-top: 1px solid #a1a1a1;
     margin: 10px 0px 5px 0px;
     display: flex;
     align-items: center;
     padding-top: 10px;

 }

 .playbook-forms .dropify-wrapper {
     margin-top: 0px;
 }

 .section_action .move_section>span {
     cursor: pointer;
 }

 .konvajs-content {
     margin: 0 auto;
 }


 #generate_play_form button {
     padding: 8px !important;
     border-radius: 5px !important;
     font-size: 13px;
     height: 40px;
 }

 #generate_play_form .remove-info-btn {
     border: 1px solid #741B1A !important;
     float: right;
     margin-right: 10px;
     font-size: 10px !important;

 }



 /* Optional: for input-label alignment */
 .player_color_section {
     display: flex;
     align-items: center;
     gap: 0px;
 }


 .pdf_creator #leftControls {
     margin: 10px auto;
     width: 100%;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: 5px;
     flex-wrap: wrap;
     font-size: 12px;
 }

 .pdf_creator #rightControls {
     margin: 0px auto;
     width: 100%;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: 5px;
     flex-wrap: wrap;
     font-size: 12px;
 }

 .pdf_creator .fieldSelect_box,
 #routeTypeSelect,
 #formationSelect {
     font-size: 12px;
     width: 100px;
 }

 .pdf_creator #routeTypeSelect {
     width: 150px;
 }

 .pdf_creator .controls select,
 .pdf_creator #leftControls select,
 .pdf_creator #rightControls select {
     border-radius: 5px;
 }

 /* styling for the player info section */
 .pdf_creator #playerInfos {
     width: 800px;
     margin: 0 auto 30px;
     text-align: left;
 }

 .pdf_creator .player-info-item {
     margin: 5px 0;
 }

 .pdf_creator .player-info-label {
     font-weight: bold;
     margin-right: 8px;
 }

 .pdf_creator .player-info-textarea {
     width: 100%;
     min-height: 40px;
 }

 .pdf_creator #formationSelect {
     font-size: 13px;
     /* or whatever size */
     width: 130px;
 }

 .pdf_creator #routeTypeSelect {
     font-size: 13px;
     /* or whatever size */
 }

 .pdf_creator #fieldSelect {
     font-size: 13px;
     /* or whatever size */
 }

 .pdf_creator #playerTypeSelect {
     font-size: 13px;
     width: 100px;
 }

 .pdf_creator #playerColor {
     width: 30px;
     height: 30px;
     padding: 0px !important;
     border-radius: 50%;
     min-height: unset;
     margin-left: 8px;
 }


 #generate_play_form #container {
     width: 100%;
     margin-bottom: 10px;
     /*height: 640px;  */

 }



 .sp_round_btn {
     background-color: #f7f7f7 !important;
     color: #707070 !important;
     border-radius: 25px !important;
     border: 1px solid #f7f7f7 !important;
     width: 150px;
     padding: 15px 20px !important;
     margin-bottom: 10px;
     font-weight: 600 !important;
     font-size: 15px !important;
 }

 .sp_round_btn:hover {
     border: 1px solid #707070 !important;
 }

 .sp_round_btn_publish {
     color: #fff !important;
     background-color: green !important;
     border-radius: 25px !important;
     border: 1px solid green !important;
     width: 150px;
     padding: 15px 20px !important;
     margin-bottom: 10px;
     font-weight: 600 !important;
     font-size: 15px !important;
 }


 .remove-action-btn {
     margin: 5px;
     text-align: right;
 }


 .active-form {
     display: block !important;
 }

 .form-navigation {
     text-align: right;
     padding: 0px;
     cursor: pointer;
     font-size: 40px;
     color: black;
     position: absolute;
     right: 0;
     z-index: 99;
 }

 .form-up {
     position: absolute;
     top: 50px;
     right: 10px;
 }

 .form-down {
     position: absolute;
     bottom: 50px;
     right: 10px;
 }




 .dropify-wrapper {
     border: unset !important;
 }

 .dropify-wrapper:hover {
     animation: unset !important;
     background-image: unset !important;
 }

 .dropify-wrapper .dropify-message span.file-icon {
     font-size: 30px !important;
     color: #000 !important;
 }

 .dropify-wrapper .dropify-message p {
     margin: 10px 0 0 !important;
     font-size: 15px;
 }

 .dropify-font-upload:before,
 .dropify-wrapper .dropify-message span.file-icon:before {
     font-family: 'Font Awesome 5 Free' !important;
     content: '\f382' !important;
     font-weight: 900 !important;
 }


 .clear-text-btn {
     position: relative;
     left: 25px;
     bottom: 50px;
     cursor: pointer;
     font-size: 20px;
     color: black;
     z-index: 10;
     float: left;
 }

 .clear-text-btn:hover {
     color: darkred;
 }

 div#wp-playbook_editor-wrap {
     margin-top: -15px;
 }

 .dropify-wrapper {
     margin-top: 15px;
 }


 .playbook-edit-actions-icon {
     margin-top: 10px;
     font-size: 17px;
 }





 .playbook-right-sidebar {
     background-color: #741B1A;
     border-radius: 50px;
     padding: 50px 40px;
     color: white;
     height: 100%;
     overflow-y: auto;
     /* Enable vertical scrolling if needed */
     overflow-x: hidden;
     text-align: center;
 }

 .playbook-content {
     background: #d3d3d3;
     padding: 20px;
     position: relative;
     min-height: 725px;
     margin-left: 25px;
 }

 .playbook-logo_container {
     text-align: center;
 }

 .playbook-team-logo img {
     width: 50px;
     height: 50px;
     object-fit: cover;
     border-radius: 20px;
 }

 .playbook-team-name h6 {
     margin: 10px 0px;
     font-size: 15px;
     font-weight: 600;
     color: #741B1A;
 }

 .playbook-form-title {
     font-size: 22px !important;
     color: #741B1A !important;
 }


 .open-playbook-form-selection {
     width: 50px;
     cursor: pointer;
     display: block;
     margin: 20px auto;
 }



 .playbook-form-option-box {
     display: none;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background: #999;
     color: #fff;
     padding: 10px 20px;
     border-radius: 10px;
     text-align: center;
     font-size: 14px;
     z-index: 9999;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
     width: 200px;
     margin: 0 auto;
 }

 .playbook-form-option-box .playbook-form-toggle {
     display: block;
     color: #000;
     text-decoration: none;
     padding: 0px;
     cursor: pointer;
     margin-bottom: 5px;
 }


 .playbook-form-option-box>i {
     color: #000;
     position: relative;
     font-size: 12px;
 }


 .playbook-forms {
     border-radius: 10px;
     color: white;
     text-align: center;
 }

 .playbook-forms-container {
     /* background-color: #787575; */
     padding: 30px 5px;
     min-height: 200px;
     overflow: hidden;
 }






 .playbook-form-option-box span {
     display: block;
     padding: 5px 0;
     cursor: pointer;
 }

 .open-playbook-form-selection {
     width: 50px;
     cursor: pointer;
 }


 .playbook-icons i {
     color: #000;
     cursor: pointer;
 }



 #controls {
     display: flex;
     flex-wrap: wrap;
     gap: 5px;
     justify-content: flex-start;
     align-items: center;
     padding: 0px;
     margin-bottom: 10px;
 }

 .contols_raw {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
     gap: 5px;
 }

 .contols_raw>* {
     flex-shrink: 0;
 }


 div.dataTables_wrapper div.dataTables_filter input {
     height: 30px;
 }

 .workout_analysis_list .dataTables_filter {
     float: left !important;
 }

 .workout_analysis_list .dataTables_info,
 .workout_analysis_list .pagination {
     font-size: 11px;
 }

 .workout_analysis_list table th {
     font-size: 11px;
     padding: 5px;
 }

 .workout_analysis_list table td {
     font-size: 12px;
     padding: 5px;
 }


 table.dataTable thead>tr>th.no-sort:before,
 table.dataTable thead>tr>th.no-sort:after {
     display: none !important;
 }

 table.dataTable thead>tr>th.no-sort {
     padding: 0 !important;
 }

 .pagination a {
     color: #741B1A;
 }


 .leaderbox-player-list {
     text-align: center;
     color: #fff;
 }



 /* Leaderboard container */



 .leaderbox-container {
     background: #212123;
     border-radius: 20px;
     padding: 20px;
     color: #fff;
     text-align: center;
     height: 85%;
 }

 /* Title and subtitle */
 .leaderbox-container h5 {
     margin: 0;
     font-size: 20px;
     font-weight: 700;
     text-transform: uppercase;
     color: #fff;
 }

 .leaderbox-container h6 {
     margin: 2px 0px 8px 0px;
     font-size: 14px;
     font-weight: 500;
     color: #fff;
 }

 /* Player list */
 .leaderbox-player-list {
     display: flex;
     flex-direction: column;
     gap: 10px;
     overflow-y: auto;
     height: 350px;
     scrollbar-width: thin;
     scrollbar-color: #888 #f1f1f1;
 }


 /* Chrome, Edge, Safari */
 .leaderbox-player-list::-webkit-scrollbar {
     width: 8px;
 }

 .leaderbox-player-list::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 10px;
 }

 .leaderbox-player-list::-webkit-scrollbar-thumb {
     background: #888;
     border-radius: 10px;
 }

 .leaderbox-player-list::-webkit-scrollbar-thumb:hover {
     background: #555;
 }


 /* Each player row */
 .leaderbox-player-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: #fff;
     color: #000;
     border-radius: 50px;
     padding: 5px 10px;
     font-size: 14px;
     font-weight: 500;
     transition: 0.3s;
 }

 /* Player number */
 .leaderbox-player-item .player_number {
     font-weight: 700;
     margin-right: 8px;
 }

 /* Player name */
 .leaderbox-player-item .player_name {
     flex: 1;
     text-align: left;
     padding-left: 8px;
 }

 /* Player score (right side pill) */
 .leaderbox-player-item .player_score {
     background: #000;
     color: #fff;
     border-radius: 20px;
     min-width: 60px;
     text-align: center;
 }

 /* Special colors for top 3 */
 .leaderbox-player-item:nth-child(1) {
     background: #d4af37;
     /* gold */
     color: #000;
 }

 .leaderbox-player-item:nth-child(2) {
     background: #c0c0c0;
     /* silver */
     color: #000;
 }

 .leaderbox-player-item:nth-child(3) {
     background: #cd7f32;
     /* bronze */
     color: #fff;
 }


 .player-workout-chart-section {
     background: #d9d9d9;
     border-radius: 20px;
     padding: 20px 5px;
 }

 .player-workout-chart-action {
     margin-left: 15px;
     width: 100%;

 }

 #get-page-content .container {
     width: 90%;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
     top: 1px !important;
 }

 .wp_sport_portal .select2-container .select2-selection--single {
     background-image: unset;
 }

 .active-membership-box-team {
     margin: 100px 0px;
 }


 .position-dropdown {
     position: relative;
     width: 100%;
 }

 .position-dropdown-toggle {
     background: #fff;
     border-radius: 20px;
     padding: 10px 14px;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border: 1px solid #ddd;
 }

 .position-dropdown-label {
     font-size: 14px;
     color: #666;
 }

 .position-dropdown-menu {
     position: absolute;
     top: 50px;
     left: 0;
     width: 100%;
     background: #fff;
     border-radius: 10px !important;
     padding: 10px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
     display: none;
     z-index: 999;
     max-height: 175px;
     overflow-y: auto;
 }

 .position-dropdown.open .position-dropdown-menu {
     display: block;
 }

 .position-checkbox {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 16px !important;
     line-height: 16px;
     padding: 4px 0;
     cursor: pointer;
     color: #666;
     margin-bottom: 0;
 }



 /* Rotate when dropdown open */
 .position-dropdown.open .caret {
     transform: rotate(180deg);
 }


 .sp_modal .form-group .input-field-group {
     border: 1px solid #ccc;
 }














 .sp-checkbox-dropdown {
     position: relative;
     width: 100%;
 }

 .sp-checkbox-dropdown-toggle {
     background: #fff;
     border-radius: 20px;
     padding: 10px 14px;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border: 1px solid #ddd;
 }



 .sp-dropdown-checkbox {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 16px !important;
     line-height: 16px;
     padding: 4px 0;
     cursor: pointer;
     color: #666;
     margin-bottom: 0;
 }

 .sp-checkbox-dropdown-label {
     font-size: 14px;
     color: #666;
 }

 .sp-checkbox-dropdown-menu {
     position: absolute;
     top: 50px;
     left: 0;
     width: 100%;
     background: #fff;
     border-radius: 10px !important;
     padding: 10px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
     display: none;
     z-index: 999;
     max-height: 175px;
     overflow-y: auto;
 }

 .sp-checkbox-dropdown.open .sp-checkbox-dropdown-menu {
     display: block;
 }

 /* Rotate when dropdown open */
 .sp-checkbox-dropdown.open.open .caret {
     transform: rotate(180deg);
 }

 .caret {
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 6px solid #741B1A;
     margin-left: 8px;
     transition: transform 0.2s ease;
 }

 .upload-video-btn {
     display: inline-flex;
     align-items: center;
     background: #fff;
     border-radius: 50px;
     padding: 10px 20px;
     cursor: pointer;
     box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
     transition: all .2s ease;
 }


 .table.search-data-table td {
     padding: 5px;
 }

 .filter-row input,
 .filter-row select {
     border-radius: 10px !important;
     height: 35px !important;
 }

 .filter-row .select2-container {
     width: 100% !important;
     z-index: 999;
 }

 .filter-row .select2-container,
 .mobile-filters .select2-container {
     width: 100% !important;
     z-index: 999;
 }


 /* Select2 visible box */
 .filter-row .select2-selection {
     height: 35px !important;
     border-radius: 10px !important;
     display: flex !important;
     align-items: center;
 }

 /* Select2 text alignment */
 .filter-row .select2-selection__rendered {
     line-height: 35px !important;
     padding-left: 12px !important;
 }

 .filter-row .select2-results {
     font-size: 12px !important;
 }


 .sp_modal2 {
     z-index: 99999;
 }

 .sp_modal .select2-selection {
     height: 40px !important;
     border-radius: 25px !important;
     display: flex !important;
     align-items: center;
     padding: 12px 15px !important;
     font-size: 16px !important;
     line-height: 16px;
 }

 .video-wrapper {
     position: relative;
     width: 100%;
 }

 #video-popup-modal {
     max-width: 800px;
 }

 #video-popup-modal iframe {
     border-radius: 10px;
 }


 .open-video-popup {
     cursor: pointer;
 }

 .sp_modal .video-close {
     font-size: 50px;
     top: -17px;
     cursor: pointer;
     right: 10px;
     position: absolute;
 }

 .sp_modal2 .video-close2 {
     font-size: 50px;
     top: -17px;
     cursor: pointer;
     right: 10px;
     position: absolute;
 }

 .sp_modal h5#confirm-modal-title {
     color: #791614;
     font-weight: 400;
     font-size: 24px;
     margin: 20px 0px;
     font-family: 'Oswald', sans-serif;
 }


 .sp_modal p#confirm-modal-message {
     margin-bottom: 20px;
     font-family: 'Oswald', sans-serif;
     color: #808285;
 }


 /* Astra + Bootstrap collapse FIX (final) */

 /* When collapsed (hidden) */
 .sp_accordion .collapse:not(.show),
 .workout-review-accordion .collapse:not(.show) {
     height: 0 !important;
     overflow: hidden;
     visibility: hidden !important;
 }

 /* When expanded (visible) */
 .sp_accordion .collapse.show,
 .workout-review-accordion .collapse.show {
     height: auto;
     visibility: visible !important;
     display: block;
     transition: height 0.35s ease;
 }


 .tlap-order-1 {
     order: 1;
 }

 .tlap-order-2 {
     order: 2;
 }

 .tlap-order-3 {
     order: 3;
 }

 .video-library-data-table th,
 .video-library-data-table td {
     padding-top: 5px;
     padding-bottom: 5px;
 }

 .table_action_box {
     display: flex;
     flex-wrap: nowrap;
     gap: 6px;
     justify-content: flex-end;
     align-items: center;
     -webkit-overflow-scrolling: touch;
 }

 .table_action_box .trash-icon {
     cursor: pointer;
 }

 .table-action {
     text-align: right;
 }

 .table-action i,
 a .round-btn,
 span.round-btn {
     color: #7B1E1E;
 }

 .table-action .badge-success,
 .table-action .badge-secondary {
     color: #fff !important;
 }

 .table-action .action-icon:focus-visible,
 .table-action .action-icon:focus,
 .table-action .action-icon:active {
     border: 1px solid #7B1E1E;
 }

 .hover-revert-color:hover {
     filter: brightness(0) invert(0);
 }

 .round-btn {
     border: 1px solid #a1a1a1;
     border-radius: 50px;
     padding: 8px 10px;
     font-size: 14px;
     line-height: 14px;
     display: inline-block;
 }

 .sp-playbook-quiz #tlap-quiz-root,
 .sp-playbook-quiz #tlap-quiz-root>div {
     background: unset;
 }



 .sp-playbook-quiz .rounded-xl {
     border-radius: 0.75rem !important;
 }

 .sp-playbook-quiz .flex {
     display: flex !important;
 }

 .sp-playbook-quiz .text-white {
     color: #fff !important;
 }

 .sp-playbook-quiz .text-gray-400 {
     color: #9ca3af !important;
 }

 .sp-playbook-quiz .text-gray-500 {
     color: #6b7280 !important;
 }

 .sp-playbook-quiz .bg-gray-900 {
     background-color: #111827;
 }

 .sp-playbook-quiz .text-gray-900 {
     color: #111827;
 }

 .sp-playbook-quiz .text-green-700 {
     color: #15803d !important;
 }

 .sp-playbook-quiz .text-green-800 {
     color: #166534 !important;
 }

 .sp-playbook-quiz .bg-green-50 {
     background-color: #f0fdf4;
 }

 .sp-playbook-quiz .border-green-600 {
     border-color: #16a34a;
 }

 .sp-playbook-quiz .bg-black {
     background-color: #000;
 }

 .sp-playbook-quiz .text-red-800 {
     color: #991b1b;
 }

 .sp-playbook-quiz .bg-red-50 {
     background-color: #fef2f2;
 }

 .sp-playbook-quiz .border-red-600 {
     border-color: #dc2626;
 }


 .sp-playbook-quiz .bg-green-100 {
     background-color: #dcfce7 !important;
 }

 .sp-playbook-quiz .text-orange-700 {
     color: #c2410c;
 }

 .sp-playbook-quiz .bg-orange-100 {
     background-color: #ffedd5;
 }


 .sp-playbook-quiz .bg-gray-50 {
     background-color: #f9fafb;
 }

 .sp-playbook-quiz .bg-brand {
     background-color: #791614;
 }

 .sp-playbook-quiz button {
     padding-left: 10px;
     padding-right: 10px;
 }

 .sp-playbook-quiz .rounded-full {
     border-radius: 9999px;
 }


 .sp-playbook-quiz #tlap-quiz-root nav>button.text-gray-400 {
     background-color: transparent;
 }


 img.search_calender_event {
     width: 23px;
 }

 img.add_new_event {
     width: 30px;
 }


 .ast-site-header-cart i.astra-icon:after {
     top: 4px;
     right: -5px;
 }




 body.loader-active {
     overflow: hidden;
     position: fixed;
     width: 100%;
     height: 100%;
 }



 a {
     -webkit-tap-highlight-color: rgba(52, 152, 219, 0.3);
 }

 a:active,
 a:focus {
     outline: none;
     box-shadow: 0 0 0 2px #741B1A;
     transition: box-shadow 0.2s ease;
 }


 a:focus-visible {
     outline: 2px solid #741B1A;
     outline-offset: 2px;
     box-shadow: none;
 }