body {
    /* font-family: 'Oxygen', sans-serif; */
    font-family: Roboto, sans-serif !important;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

.w-100 {
    width: 100% !important;
}

.d-flex {
    display: flex !important;
}

.edit-wrap {
    max-width: 370px;
}

.p-0 {
    padding: 0 !important;
}

.py-1 {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-2 {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-3 {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-4 {
    padding-top: 20px;
    padding-bottom: 20px
}

.p-1 {
    padding: 5px;
}

.p-2 {
    padding: 10px;
}

.p-3 {
    padding: 15px;
}

.p-4 {
    padding: 20px;
}

.m-0 {
    margin: 0 !important;
}

.my-1 {
    margin-top: 5px;
    margin-bottom: 5px
}

.my-2 {
    margin-top: 10px;
    margin-bottom: 10px
}

.m-1 {
    margin: 5px;
}

.m-2 {
    margin: 10px;
}

.ms-2 {
    margin-left: 10px;
}

.ms-3 {
    margin-left: 15px;
}

.me-2 {
    margin-right: 10px;
}

.me-3 {
    margin-right: 15px;
}

.m-3 {
    margin: 15px;
}

.m-4 {
    margin: 20px;
}

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

.text-uppercase {
    text-transform: uppercase !important;
}

.cursor-pointer {
    cursor: pointer;
}

.main-heading {
    color: #000000;
    font-size: 22px;
    font-family: 'Oxygen';
    font-weight: 600;
    padding: 9px 0px;
}

.select-wrap .select-form.form-select {
    background: #000000;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/film/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: 96%;
    font-size: 13px;
    padding: 8px 38px 8px 13px;
    border: 0;
}

.select-wrap .select-form.form-select:focus {
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}

.search-wrap {
    width: 150px;
}

.search-wrap .input-wrap {
    border-radius: 7px !important;
    padding-right: 35px;
    background: #F4F4F4;
    border: 0;
    height: 40px;
    font-size: 15px;
}

.search-wrap .input-group-btn {
    right: 0px;
}

.add-btn {
    border-radius: 7px !important;
    border: 0;
    font-size: 13px;
    color: #fff;
    height: 40px;
    padding: 5px 20px;
    align-items: center;
}

.add-btn:hover {
    color: #fff;
}

.add-img img {
    width: 14px;
}

.search-item-number {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #000;
    padding: 0px 15px;
    width: 70px;
    display: inline-block;
}

.search-select-item {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.all-teams-numer {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding: 8px 1px 0px;
    width: 57px;
    display: flex;
}

.all-teams {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.list-wrap {
    padding: 2px 20px;
    /* border-radius: 13px; */
    /* margin-bottom: 3px; */
    border-radius: 8px;
    color: #000;
    cursor: pointer;
}

.list-wrap.all-teams-danger {
    color: #fff;
}

.all-teams-dark {
    /* background: #F0F0F0; */
}

/* .left-dot-menu {
    background: url(../images/film/right-menu.svg) no-repeat;
}

.right-dot-menu {
    background: url(../images/film/right-menu.svg) no-repeat -44px 0px;
} */

.dot-menu-wrap {
    width: 43px;
    height: 43px;
    display: flex;
}

.members-title {
    color: #000000;
    font-size: 20px;
    font-family: 'Oxygen';
    font-weight: 600;
    margin: 0;
}

.members-title-wrap {
    padding-bottom: 9px;
    border-bottom: 1px solid #d9d9d9;
}

.checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-wrap .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #AAAAAA;
}

.checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Roboto', sans-serif;
}

.checkbox-wrap:hover input~.checkmark {
    background-color: #ccc;
}

.checkbox-wrap input:checked~.checkmark {
    background-color: #E1261C;
    border: 1px solid #E1261C;
}

.checkbox-wrap .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-wrap input:checked~.checkmark:after {
    display: block;
}

.checkbox-wrap .checkmark:after {
    top: 5px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #E1261C;
}

.show-title {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    padding-right: 35px;
}

.title-wrap {
    padding: 15px 0px;
    margin-bottom: 15px;
}

.checkbox-wrapper {
    padding-right: 28px;
}

.listing-title {
    height: 71px;
    width: 71px;
    border-radius: 9px;
    font-size: 18px;
    font-family: 'Oxygen';
    font-weight: 600;
    color: #fff;

}

.listing-wrap {
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 15px;
}

.listing-details {
    padding-left: 15px;
}

.listing-details h4 {
    color: #000000;
    font-size: 18px;
    font-family: 'Oxygen';
    font-weight: 600;
    margin: 0;
}

.listing-content {
    color: #000000;
    font-size: 16px;
    font-family: 'Oxygen';
    margin: 0;
}

.listing-wrap .notification {
    background: #E1261C;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    /* font-family: 'Roboto', sans-serif; */
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: -6px;
    top: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: unset !important;
}

.listing-title-green {
    background: #95D970;
}

.listing-title-pink {
    background: #DCC8D8;
}

.listing-title-red {
    background: #D7454D;
}

.listing-title-violet {
    background: #B459D9;
}

.listing-title-yellow {
    background: #E6CA60;
}

.listing-title-dark-green {
    background: #458F2E;
}

.listing-title-dark-violet {
    background: #8C42B3;
}

.game-tab-heading {
    background: #F7F7F7;
    border-radius: 9px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    border: 0;
}

.game-tab-heading .nav-link {
    padding: 7px 17px; /* 7px 25px; */
    margin: 0;
    transition: unset;
    border: 0;
    border-radius: 9px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    border-right: 1px solid #d9d9d9;
    border-radius: 0;
}

.game-tab-heading .nav-link:last-child {
    border: 0;
}

.game-tab-heading .nav-link.active {
    background: #E93D29;
    border: 0;
    border-radius: 0px;
    color: #fff
}

.game-tab-heading .nav-link:first-child.active {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    border-top-right-radius: 0;
}

.game-tab-heading .nav-link:last-child.active {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.game-tab-heading .nav-link:hover {
    isolation: unset;
    border-color: #d9d9d9;
}

.game-tab-heading .nav-link:focus {
    border: 0;
    isolation: unset;
}

.game-tab-wrap {
    border-top: 1px solid #d9d9d9;
    margin-top: 20px;
    padding-top: 20px;
}

.top-serch-wrap {
    position: absolute;
    width: 386px;
    right: 0;
    top: 0;
}

.form-control:focus {
    box-shadow: unset;
    background: #E2E2E2;
}

.top-search-wrap {
    order: 2;
}

.btn-order {
    order: 1;
}

.tab-title {
    padding-left: 10px
}

.wrap-search {
    flex-direction: row;
}

.header-container-wrap {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

/*********** Game start***********/
.game-heading-wrap {
    background: rgb(246, 245, 245);
    background: linear-gradient(180deg, rgba(246, 245, 245, 1) 0%, rgba(238, 238, 238, 1) 100%);
    padding: 10px 15px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
}

.game-number-wrap {
    width: 7%;
}

.game-date-wrap {
    width: 33%;
}

.game-detail-wrap {
    width: 38%;
}

.status-detail-wrap {
    width: 22%;
}

.game-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
}

.game-list-wrap li {
    margin: 0;
    padding: 5px 15px;
}

.game-list-wrap li:nth-child(odd) {
    background-color: #fff;
}

.game-list-wrap li:nth-child(even) {
    background-color: #F5F5F5;
}

.game-list-wrap .game-details-list {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.game-list-wrap li .calendar-list {
    padding: 0px 25px 0px 10px;
    cursor: pointer;
}

.game-list-wrap .calendar-list {
    cursor: pointer;
}

.game-list-wrap li .calendar-list.scheduled {
    opacity: .3;
    cursor: default;
}

.calendar-list.scheduled{
    cursor: pointer;
}

.game-list-wrap li .status-detail-wrap .status {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    margin-left: 15px;
}

.game-list-wrap li .status-detail-wrap .status.offline {
    background: #8D8D8D;
}

.game-list-wrap li .status-detail-wrap .status.online {
    background: #00C300;
}

.game-list-wrap li .status-detail-wrap .video-wrap {
    display: flex;
    font-size: 13px;
}

.game-tab-wrapper .nav-tabs {
    background: #000000;
}

.game-tab-wrapper .nav-tabs .nav-link {
    margin: 0;
    border-radius: 0;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #fff;
    padding: 10px 15px;
}

.game-tab-wrapper .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #e1271c;
    border-color: unset;
    border-radius: 0;
}

.game-tab-wrapper .nav-tabs .nav-link:hover {
    isolation: unset;
    border-color: #e1271c;
    background-color: #e1271c;
}

.game-tab-wrapper .nav-tabs .nav-link:focus {
    border: 0;
    isolation: unset;
}

.game-tab-wrapper .nav-link {
    width: 20%;
}

.all-teams-menu {
    color: #000;
    padding-left: 15px;
}

.all-teams-danger .all-teams-menu {
    color: #fff;
}

.all-teams-menu:hover {
    color: #000;
}

.form-btn-wrap {
    border-radius: 10px;
    padding: 10px 15px;
}

.bg-green {
    background: #1F9806;
}

.bg-red {
    background: #E93D29;
}

.form-control-wrap {
    border-radius: 7px !important;
    padding-right: 35px;
    background: #F4F4F4;
    border: 0;
    font-size: 15px;
}

.form-control-wrap:focus {
    background: #F4F4F4;
}

.members-list-wrap {
    list-style: none;
    margin: 40px 0px 0px;
    padding: 0;
}

.members-list-wrap li {
    padding: 2px 0px 10px;
}

.checkbox-container {
    height: 22px;
    display: block;
    position: relative;
    width: 35px;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    /* height: 0;
    width: 0; */
}

.checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #F7F7F7;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
}

.checkbox-container:hover input~.checkmark {
    background-color: #ccc;
}

.checkbox-container input:checked~.checkmark {
    background-color: #CD3624;
    border: 1px solid #CD3624;
}

.checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked~.checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.members-title {
    height: 60px;
    width: 60px;
    border-radius: 9px;
    font-size: 18px;
    font-family: 'Oxygen';
    font-weight: 600;
    color: #fff;
}

.members-listing-details h4 {
    color: #000000;
    font-size: 14px;
    font-family: 'Oxygen';
    /* font-weight: 600; */
    margin: 0;
}

.members-listing-details .email {
    color: #000000;
    font-size: 14px;
    font-family: 'Oxygen';
    margin: 0;
}

.members-listing-content {
    color: #000000;
    font-size: 14px;
    font-family: 'Oxygen';
    margin: 0;
    font-weight: 400;
}

.members-details-wrap {
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.members-menu-wrap {
    width: 32%;
    padding: 25px 31px;
    background: #F4F4F4;
    margin: 0px;
}

.members-menu-wrap .members-menu {
    border-radius: 8px;
    padding-left: 15px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
}

.members-menu-icon-wrap {
    border-radius: 8px;
    padding: 10px 14px;
}

.members-menu-icon-dark {
    background: #000000;
}

.menu-dark {
    background: #525252;
}

.members-menu-wrap .members-menu-icon-red {
    background: #AC1503;
}

.btn-update {
    padding-top: 115px;
    display: flex;
    flex-direction: column;
}

.list-members-wrap {
    width: 63%;
}

.update-btn {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    background: #E93D29;
    border-radius: 8px;
    padding: 9px 15px;
    text-align: center;
}

.cancel-btn {
    border: 1px solid #000;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    border-radius: 8px;
    padding: 9px 15px;
    text-align: center;
}

.edit-popup {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.popup-close-btn {
    right: 15px;
    top: 15px;
}

.popup-btn-close {
    border-radius: 8px;
    padding: 6px 14px;
    border: 0;
}

.edit-popup-wrap {
    margin-bottom: 30px;
}

.edit-popup-wrap .switch {
    display: inline-block;
    height: 28px;
    position: relative;
    width: 50px;
}

.edit-popup-wrap switch input {
    display: none;
}

.edit-popup-wrap .slider {
    background-color: #F0F0F0;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}

.edit-popup-wrap .slider:before {
    background-color: #E1261C;
    bottom: 4px;
    content: "";
    height: 20px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 20px;
}

.edit-popup-wrap input:checked+.slider {
    background-color: #F0F0F0;
}

.edit-popup-wrap input:checked+.slider:before {
    transform: translateX(22px);
}

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

.edit-popup-wrap .slider.round:before {
    border-radius: 50%;
}

.stats-title {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
}

.team-type-title {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.edit-type-heading .form-select {
    border-radius: 7px !important;
    background-color: #F4F4F4;
    border: 0;
    height: 47px;
    font-size: 15px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 260px;
}

.default-btn {
    background: #3d3c3c;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    padding: 11px 20px;
    border-radius: 13px;
}

.popup-heading {
    color: #000000;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 9px 0px
}

.main-sub-heading {
    color: #000000;
    font-size: 20px;
    font-family: 'Oxygen';
    font-weight: 600;
    margin: 0;
}

.main-heading-bottom {
    margin-bottom: 50px;
}

.popup-menu {
    background: none;
    border: 0;
}

.edit-content-wrap {
    padding: 25px 20px;
    box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.24);
}

.members-menu-wrap.popup-menu-wrap {
    width: 29%;
    padding: 25px 22px;
}

.list-members-wrap.popup-members-wrap {
    width: 69%;
}

.popup-title {
    color: #000000;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    padding: 9px 0px
}
.team-members {
    margin-right: 15px;
}
.popup-menu-wrap {
    justify-content: center;
}
.popup-heading-wrap {
    justify-content: center;
}
/* .btn-group .dropdown-menu {
    box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.24);
    padding:10px;
} */
.btn-group .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #8b8a8a;
    padding: 10px 0px
}
.btn-group .dropdown-menu .dropdown-item:hover{
    background: unset;
}
.schedule-wrap {
    justify-content: space-between;
}
.share-btn-wrap {
    background: #F7F7F7;
    border-radius: 9px;
    color: #000;
    border: 1px solid #d9d9d9;
}
.share-btn-wrap .share-btn{
    font-family: 'Roboto', sans-serif;
    color: #000;
    border-right: 1px solid #d9d9d9;
    padding: 8px 11px;
    font-weight: 400;
}
.share-btn-text {
    font-size: 16px;
    padding-left: 10px;
}
.share-btn-icon {
    font-size: 14px;
}
.schedule-title p{
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 20px;
}
.schedule-title-edit {
    color: #000;
    font-size: 22px;
    padding-left: 10px;
}
.schedule-title-edit:hover{
    color: #000;
}
.schedule-wrap .nav {
    background: #F7F7F7;
    border-radius: 9px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    border: 1px solid #d9d9d9;
}
.schedule-wrap .nav-pills .nav-link {
    padding: 7px 30px;
    margin: 0;
    transition: unset;
    border: 0;
    border-radius: 9px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    border-right: 1px solid #d9d9d9;
    border-radius: 0;
}
.schedule-wrap .nav-pills .nav-item:last-child .nav-link {
    border-right: 0;
}

.schedule-wrap .nav-pills .nav-link.active {
    background: #E93D29;
    border: 0;
    border-radius: 0px;
    color: #fff;
}

.schedule-wrap .nav-pills .nav-item:last-child .nav-link.active {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.schedule-wrap .nav-pills .nav-item:first-child .nav-link.active {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    border-top-right-radius: 0;
    border-bottom-right-radius:0;
}
.schedule-wrap .nav-link:hover {
    isolation: unset;
    border-color: #d9d9d9;
}

.schedule-wrap .nav-pills .nav-link:focus {
    border: 0;
    isolation: unset;
}
.share-btn-print {
    right: 15px;
    top: 0px;
    position: absolute;
}
.schedule-wrap .game-tab-wrapper .nav {
    background: #000;
}
.top-print-wrap {
    order: 2;
}
.schedule-order {
    order: 1;
}
@media screen and (max-width: 1399px) {
    .search-wrap {
        width: 203px;
    }
    .members-menu-wrap {
        width: 42%;
    }
    .list-members-wrap {
        width: 53%;
    }
    .schedule-wrap .nav-pills .nav-link{
        padding: 7px 17px;
    }
    .share-btn-wrap .share-btn {
        padding: 8px 9px;
    }
    .share-btn-text {
        font-size: 14px;
        padding-left: 7px;
    }
}

@media screen and (max-width: 1199px) {
    select#yearPicker {
        width: unset!important;
    }
    .game-tab-heading .nav-link {
        font-size: 15px;
    }

    .tab-title {
        padding-left: 7px
    }

    .main-heading {
        font-size: 18px;
    }

    .select-wrap .select-form.form-select {
        font-size: 14px;
    }

    .wrap-search {
        flex-direction: column;
    }

    .wrap-search .search-wrap {
        width: 100%;
        margin-bottom: 12px;
    }

    .listing-title {
        height: 61px;
        width: 61px;
        font-size: 15px;
    }

    .listing-details h4 {
        font-size: 15px;
    }

    .listing-wrap .notification {
        height: 23px;
        width: 23px;
        font-size: 13px;
    }

    .listing-content {
        font-size: 13px;
    }

    .members-title {
        font-size: 17px;
    }

    /* .game-tab-wrapper .nav-tabs .nav-link {
        padding: 10px 0px;
    } */
    .members-menu-wrap.popup-menu-wrap {
        width: 39%;
    }
    .list-members-wrap.popup-members-wrap {
        width: 55%;
    }
    .popup-members-wrap .members-list-wrap {
        margin: 11px 0px 0px;
    }
    .popup-members-wrap .members-list-wrap li {
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 10px;
    }
    .popup-members-wrap .members-list-wrap li .members-details-wrap {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .top-print-wrap {
        order: 1;
        margin-bottom: 15px;
    }
    .schedule-order {
        order: 2;
    }
    .schedule-container {
        flex-direction: column;
    }
    .schedule-wrap .nav {
        justify-content: space-around;
        display: flex;
    }
    .schedule-wrap .nav .nav-item {
        display: flex;
    }
}

@media screen and (max-width: 991px) {
    .top-search-wrap {
        order: 1;
    }

    .header-container-wrap {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .btn-order {
        order: 2;
    }

    .members-title-wrap {
        padding-bottom: 12px;
        padding-top: 13px;
    }

    .game-tab-wrapper {
        margin-top: 15px;
    }
    .members-list-wrap.left-menu-wrap {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    .members-list-wrap.left-menu-wrap li{
        width: 48%;
        display: flex;
    }
    .members-list-wrap {
        margin: 10px 0px 20px;
    }
    .edit-popup-wrap {
        flex-direction: column;
    }
    .popup-top-menu {
        margin-top: 15px;
    }
    .popup-container-list.organisation-members-list .members-list-wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .popup-container-list.organisation-members-list .members-list-wrap li{
        width: 48%;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 10px;
    }
    .popup-container-list.organisation-members-list .members-list-wrap li .members-details-wrap {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .popup-menu-wrap {
        justify-content: start;
    }
}
@media screen and (max-width: 920px) {
    .popup-top-menu {
        flex-direction: column;
    }
    .edit-type-heading {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .checkbox-wrapper {
        padding-right: 8px;
    }

    .checkbox-wrap {
        font-size: 13px;
        padding-left: 28px;
    }

    .checkmark {
        top: 2px;
        height: 16px;
        width: 16px;
    }

    .show-title {
        font-size: 13px;
        padding-right: 18px;
    }

    .add-btn {
        font-size: 13px;
    }
    .members-list-wrap.left-menu-wrap li{
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 10px;
    }
    .members-list-wrap.left-menu-wrap {
        flex-direction: column;
    }
    .members-list-wrap.left-menu-wrap li .members-details-wrap {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .list-members-container {
        flex-direction: column;
    }
    .btn-update {
        padding-top: 15px;
    }
    .members-menu-wrap {
        width: 100%;
    }
    .list-members-wrap {
        width: 100%;
    }
    .main-sub-heading {
        padding-top: 15px;
    }
    .members-list-wrap li{
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 10px;
    }
    .members-list-wrap li .members-details-wrap {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .popup-container-list.organisation-members-list .members-list-wrap {
        flex-direction: column;
    }
    .popup-container-list.organisation-members-list .members-list-wrap li{
        width: 100%;
    }
    .members-menu-container {
        flex-direction: column;
    }
    .members-menu-wrap.popup-menu-wrap {
        width: 100%;
        margin-bottom: 15px;
    }
    .list-members-wrap.popup-members-wrap {
        width: 100%;
    }
    .popup-heading-wrap {
        justify-content: start;
    }
}

@media screen and (max-width: 504px) {
    .game-tab-heading .nav-link {
        padding: 7px 11px;
        font-size: 13px;
    }

    .tab-title {
        padding-left: 3px;
    }

    .add-btn {
        font-size: 13px;
    }

    .main-heading {
        padding: 0px 0px 10px;
    }

    .members-title {
        font-size: 15px;
    }
    .btn-wrap {
        display: flex;
        flex-direction: column;
    }
    .default-btn {
        margin: 10px 0;
    }
}

/* game css */
 
.outer {
    border:1px solid #c1bcbc;
    border-radius: 50px;
    padding: 5px;
    width: 31%;
  }
  
  .toggle-item {
    cursor: pointer;
    flex: 1;
    text-align: center;
    transition: color 0.3s;
  
  }
  
  .toggle-item.active {
    color: white;
  
    border-radius: 50px;
    border: 1px solid #c1bcbc;
    background-color: red;
  }
  .toggle-item-movegame {
    cursor: pointer;
    flex: 1;
    text-align: center;
    transition: color 0.3s;
  
  }
  
  .toggle-item-movegame.active {
    color: white;
  
    border-radius: 50px;
    border: 1px solid #c1bcbc;
    background-color: red;
  }
  .toggle-item-copygame {
    cursor: pointer;
    flex: 1;
    text-align: center;
    transition: color 0.3s;
  
  }
  
  .toggle-item-copygame.active {
    color: white;
  
    border-radius: 50px;
    border: 1px solid #c1bcbc;
    background-color: red;
  }
  
  @media screen and (max-width: 768px) {
    .outer {
      width: 50%;
    }
    .toggle-item {
      font-size: 12px;
    }
    .toggle-item-movegame {
      font-size: 12px;
    }
    .toggle-item-copygame {
      font-size: 12px;
    }
    p{
      font-size: 9px;
      font-weight: 700;
    }
  
    .slider-container {
    width: 50%!important;
  
    text-align: center;
  }
  .dollar-amount {
    margin-top: 1px!important;
    font-size: 18px;
  }
  
   
  }
  .bg{
      background-color: #e9ecef;
  }
  
  .border {
  
      border-radius: 23px;
  }
  
  .slider-container {
    width: 31%;
  
    text-align: center;
  }
  
  .slider {
    width: 100%;
  }
  
  .dollar-amount {
    margin-top: 6px;
    font-size: 18px;
  }
  h3.text-center.mt-4.fw-bold.sizing {
    font-size: 21px;
}

hr:not([size]) {
    height: 1px!important;
    width: 90%!important;
    margin: 1rem auto;
    /* margin-right: 14px !important; */
    /* margin-left: 14px!important; */
}

.btn-group-lg>.btn, .btn-lg {
    padding: 0.5rem 2rem!important;
    font-size: 17px!important;
   
}

.custom{
    width: 100%;
    margin-left: -27px;
}

/* custom styles */
#nav-film .table-body {
    padding: 0 !important;
}
.game-row td {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #000 !important;
    font-weight: 400;
}
.game-tab-wrapper .date-wrap {
    width: 200px;
}
.game-row .calendar-list.disable img {
    opacity: .3;
    /* cursor: default; */
}

.film-list td:first-child, .film-list th:first-child, .film-list td:last-child, .film-list th:last-child {
   border-radius: 0;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px !important;
}
.game-tab-heading .nav-link.active {
    background: #E93D29 !important;
}
.players_totallist, .followers_totallist {
    max-height: 650px;
    min-height: 650px;
    overflow: auto;
}
.search-result-wrap {
    max-height: 425px;
    min-height: 185px;
    overflow: auto;
    padding-right: 5px;
}
.search-result-archive-wrap {
    max-height: 300px;   
    min-height: 300px;
    overflow: auto;
}
.update-team {
    border-radius: 8px;
    padding: 6px 14px;
    border: 0;
}
.player_data .listing-title img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    border-radius: 9px;
}
.listing-title {
    margin-left: 35px !important;
}
#players_data_append .player_data .form-check-input {
    margin-top: 24px !important;
}
.update_team_user {
    background: #E1261C;
}
#duplicateTeamModal .type {
    border: 1px solid #ccc;
    text-align: center;
    background-color: #CD3624;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 10px;
    margin-top: 15px;
}
#duplicateTeamModal .cancel {
    background-color: #000000;
}
#duplicateTeamModal .type a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    width: 100%;
}
.game-row .add-info {
    background-color: #000000;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    padding: 4px;
    width: 80px;
    display: block;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.members-title-wrap .members-title {
    color: #000;
    height: 27px;
    width: 215px;
}
.profile-img {
    border-radius: 50% !important;
}
#editPlayerdetails .btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
#editPlayerdetails .btn-danger {
    background-color: #e1261c!important;
    border-color: #e1261c!important;
}
.dropdown-wrapper .btn-group .dropdown-menu {
    box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.24);
    padding:10px;
}
.left-menu-wrap .left-menu-list li {
    padding: 0px !important;
    border-bottom: none !important;
}
.game_content .dropdown-menu {
    left: 2px !important;
    top: -26px !important;
}
.search-icon {
    width: 20px;
    margin: 6px;
}
.search-result-wrap .all-teams-menu {
    padding-right: 15px;
}

.search-result-wrap .list-wrap {
    padding-right: 5px;
}
.search-result-wrap .all-teams-wrap .dropdown-menu {
    left: -209px !important;
    top: 8px !important;
}
.search-result-archive-wrap .all-teams-wrap .dropdown-menu {
    left: -209px !important;
    top: 8px !important;
}
#defaultGameSetting .btn-block {
    width: 48%;
    margin-top: 0px;
}
.team_membertable .item-label {
    width: 100%;
}
.calendar-list.schedule {
    cursor: pointer;
}
/* .calendar-list.disable {
    cursor: not-allowed;
} */
.game-row .add-info {
    float: left;
    margin-top: 6px;
}
.game-row td {
    padding: .3rem .5rem;
}
.film-container {
    /* max-width: 1420px !important; */
    max-width: 1370px !important;
}

/* new */
/* .game-tab-wrapper .nav-tabs .nav-link {
    padding: 10px 0px !important;
    width: 113px;
    font-size: 12px;
} */
.game-tab-wrapper .nav-tabs .nav-link {
    padding: 10px 0px !important;
    font-size: 12px;
    display: flex;
    flex: 1;
    justify-content: center;
}
.game-tab-container {
    padding: 0;
}
.switch-game-view {
    padding-left: 6px !important; /* 10px !important; */
}
.wrap-search .add-btn {
    font-size: 11px; 
    padding: 5px 11px;
}
.wrap-search .search-wrap {
    width: 198px;
}
.film-tab:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.profileSec .dropdown-toggle::after {
    border-top: .7em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
}
.profileSec .dropdown-toggle {
    padding: 3px;
    margin-top: 60%;
}
.members-menu-wrap .global-search {
    border-radius: 8px !important;
    height: 46px;
}
.members-menu-wrap .global-search a {
    border-radius: 8px;
    height: 100%;
    width: 40px !important;
}
#createUserBtn, #globalCreateUserBtn, #createUserBtnMdl {
    background: #E1261C;
    color: #fff !important;
    padding: 15px 0px !important;
}
#globalSearchModal .align-left {
 text-align: left;
}

/* new */
.members-list-wrap {
    margin:0px!important;
}
.popup-heading {
    font-size: 13px11px!important;
}
.fw-bold {
    font-size: 14px11px!important;
}
td.text-right.custom-text {
    border: none;
}

/* switch stat */

input[switch] {
    display: none;
}
input[switch] + label {
    font-size: 1em;
    line-height: 1;
    width: 3.7rem;
    height: 1.5rem;
    background-color: #ddd;
    background-image: none;
    border-radius: 2rem;
    padding: 0.1666666667rem;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    font-family: inherit;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
input[switch] + label:before {
    color: #b7b7b7;
}
input[switch] + label:after {
    content: '';
    position: absolute;
    left: 0.1666666667rem;
    background-color: #f7f7f7;
    box-shadow: none;
    border-radius: 2rem;
    height: 1.22rem;
    width: 1.22rem;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    top: 2.5px;
}
input[switch]:checked + label {
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.2)));
    background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.2));
    border: 1px solid #e6e6e6;
}
input[switch]:checked + label:after {
      left: 2.22rem;
      background-color: #de1d1d;
      top: 1px;
}
input[switch="bool"] + label {
    background-color: grey;
}
/* switch stat */


@media (max-width: 768px) {
    .tab-content>.active {
        display: block;
        overflow: auto;
    }
    .game-tab-wrapper .nav-tabs .nav-link {
        padding: 10px 3px !important;
        font-size: 8px;
        display: flex;
        flex: 1;
        justify-content: center;
    }
    td.text-right.custom-text {
      
        height: 96px;
    }
    .game-tab-wrapper .nav-link {
        width: fit-content;
    }
    .game-tab-wrapper .nav-tabs .nav-link {
        font-size: 9px;
        justify-content: center;
        width: none;
    }
    .add-btn {
        padding: 3px 8px;
    }
    span.add-img.me-3 {
        margin-right: 6px!important;
    }

}

.schedule_content .game-row td {
    padding: .7rem .5rem;
}
.game-row td {
    vertical-align: middle;
}
.loader img {
    top: 30% !important;
    left: 35%;
}
.table-striped tbody tr:nth-of-type(odd){
    background-color: #F5F5F5 !important;
}
.mainWrapper {
    /* height: auto !important; */ /* commented for making the schedule a demo button attached to the bottom itself */
    min-height: 640px;
}
.maincontainer {
    height: auto !important;
    min-height: 90vh; /* 640px; */
}
.tab-content .table th {
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 12px;
}
.selectpicker-search {
    padding: 4px 8px;
}
.list-item .all-teams, .all-teams-wrap .all-teams {
    padding: 8px 1px 8px 0px;
}
.game-tab-heading .nav-link, .top-search-wrap .add-btn {
    font-size: 13px;
}
.top-search-wrap .add-btn {
    margin-right: 4px;
}
.schedule-wrap .nav-pills .nav-link {
    font-size: 13px;
}
.all-teams {
    font-size: 14px;
}
.search-result-wrap .list-wrap:nth-of-type(even){
    background-color: #E2E2E2;
}
.search-result-archive-wrap .list-wrap:nth-of-type(even){
    background-color: #E2E2E2;
}
.all-teams-danger {
    background: #E1261C !important;
}
.tab-pane {
    display: none;
}
.tab-pane.active, .tab-pane.show{
    display: block;
}
#addUserdetails #firstname:focus,#addUserdetails #lastname:focus,#addUserdetails #createUserTeamName:focus {
    box-shadow: unset;
    /* border: 1px solid #E2E2E2; */
    background: #E2E2E2;
}
.stat-table .game-row td {
    height: 45px;
}
.search-wrap .input-wrap:disabled {
    cursor: not-allowed;
}
.players_totallist h6, .followers_totallist h6{
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
}
.player_data p {
    font-size: 14px;
}
.tab-content .status-head {
    padding-right: 18px;
}

.game_content table tr th,
.game_content table tr td {
    border: 0 !important;
}

.category-wrap .select-wrapper {
    width: 100%;
}
.category-wrap .dropdown__filter {
    border-radius: 25px;
}
#userInvite .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: 999;
}
.player_data #teamDetailsDiv {
    margin-top: 1rem;
}
.circle-img {
    width: 18px;
}
.popup-top-menu .default-btn {
    padding: 6px 20px;
}
.popup-top-menu .edit-type-heading .form-select {
    height: 35px;
}
.popup-top-menu .edit-type-heading .team-type-title {
    margin-bottom: 0px;
    width: 50%;
    padding: 0px 0px 0px 9px;
}
.edit-popup-wrap {
    margin-bottom: 10px;
}
#teamManageModel .modal-body {
    padding-top: 0px;
}

/* Team Manage space optimize */
#teamManageModel .edit-content-wrap {
    padding: 12px 20px;

}
#teamManageModel #players_data_remove, #teamManageModel #players_data_append {
    padding: 6px 0px;
}
#teamManageModel .bg-scroll {
    height: 69vh;
    overflow-y: scroll;
}
#teamManageModel .d-flex.align-items-center.justify-content-start.popup-top-menu {
    height: 43px;
}

#teamManageModel .custom-btn {
    height: 23px;
}

#teamManageModel .popup-title {

    font-size: 17px;

}

#teamManageModel .popup-title {
  
    padding: 9px 0px;
}
#teamManageModel .popup-btn-close {
    
    padding: 2px 12px;
}
#teamManageModel .update-team {
    padding: 2px 10px;
}

#teamManageModel .modal-header {
 
    padding: 3px 1rem;
 
}
#teamManageModel .popup-close-btn {
    right: 15px;
    top: 8px;
}
/* .game-tab-container .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: 999;
}
.game-tab-container .tag_edit {
    width: 45px !important;
    height: 45px;
    display: flex !important;
    justify-content: center !important;
    background: #7e7e7e !important;
    align-items: center !important;
    border-radius: 8px;
    color: #fff !important;
    font-size: 32px !important;
}
.game-tab-container .tooltip .tooltiptext.tooltip-btnname {
    width: 110px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 115%;
    left: 95%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
} */
.remove-users-btn {
    border-radius: 7px;
    border: none;
    opacity: 1;
    color: #fff;
    background: #e93d29;
    margin: 20px auto 26px;
}
.hide {
    display: none;
}
/* .show {
    display: block;
} */


/* game icon alignment */
/* td.text-right.custom-text {
    display: flex;
    justify-content: end !important;
    border: none;
}
span.m-2.d-flex.align-items-center.empty-grey {
    width: 24px;
}
span.m-2.d-flex.align-items-center.empty-green {
    width: 147px;
}
span.m-2.d-flex.align-items-center.empty-grey3 {
    width: 108px;
}
span.m-2.d-flex.align-items-center.hq-grey {
    width: 24px;
}
span.m-2.d-flex.align-items-center.lq-grey {
    width: 107px;

}
.m-1.fw-bold.custom-home {
    width: 78px;
} */

.c-pointer.user_edit {
    width: 33px;
    color: black;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    margin-right: 6px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

button.remove-users-btn.btn.btn-default.show {
    line-height: 2!important;
}
.custom-text .col-lg-2, .custom-text .col-lg-3 {
    min-width: 84px!important;
    flex: 0 0 18.33%!important;
}
td.text-right.custom-text {
    justify-content: end;
}
.col-lg-2.d-flex.justify-content-center.newcol {
    margin: 0px -37px;
}
.col-lg-3.d-flex.align-items-center.justify-content-center.newhome {
    margin: 0px -35px;
    font-size: 11px;
}
/* .game-row td {
    font-size: 12px !important;
} */
      
@media (max-width: 768px){
    td.text-right.custom-text {
        height: 86px;
        width: 501px;
    }
}

.disable-block {
    pointer-events: none;
    opacity: 0.3;
}
#create_edit_game .dropdown__filter {
    height: 37px;
}
@media (max-width: 768px){
.game-tab-wrapper .nav-tabs .nav-link {
    font-size: 7px;

}}
.game-row .custom-text {
    min-width: 377px;
}
.dropdown-menu.show ul.dropdown-menu{
    display: block !important;
}
.menu_div .menu_link:hover {
    color: #fff;
}
.add-edit .info-popup-heading {
    font-weight: normal !important;
    color: #000000;
    font-size: 14px;
    font-family: 'Oxygen';
    margin: 0;
}
.nav-followers .title-wrap {
    margin-bottom:0px;
    padding: 10px 0px 0px 0px;
}

#gameModal #create_edit_game .modal-footer .close,
#gameModal #create_edit_game .modal-footer .create-btn {
    padding: 0.375rem 0.75rem;
    opacity: 1;
}

#multi-stat-export-button {
    margin-left: 10px;
}

/* 16-01-2024 - Abish */
@media (max-width: 480px) {
    .logoContainer {
        margin: none;
    }
}

@media (max-width: 765px) {
    .custom-container {
        width: 352px !important;
    }
    .client-logo img {
        width: 36% !important;
    }
    .bannerTexts {
        font-size: 11px !important;
        width: 220px !important;
        margin-left: -156px !important;
    }
    .filter-wrapper {
        flex-direction: column;
    }
    .fliter-center {
        margin-top: 10px;
    }
    .fliter-sub {
        margin-bottom: 10px;
    }
    .fliter-textInput {
        display: inline !important;
    }
    .about-snipback {
        flex-direction: column!important;
        padding: 0 0 0 8px !important;
    }
    .aboutRight {
        text-align: center;
    }
    .aboutLeft {
        padding: 0!important;
    }
    .aboutImage,
    .abtSections {
        margin-top: 20px;
    }
    .search-textInput {
        width: 73% !important;
    }
    .slick-prev {
       
        left: -370px!important;
    }
    .slick-next,
    .slick-prev {
        right: -11px !important;
    }
    .search-img {
        display: none;

    }
    
    .game-tab-wrapper .nav-tabs .nav-link {
        font-size: 7px!important;
    }
    

   

    .fliter-input {
      
        width: 158px!important;
    }

    input#date_picker {
      
        padding: 8px 8px!important;
        height: 22px!important;
    }



    .search-textInput .fliter-input {

        width: 187px!important;
    }

    .game-tab-heading .nav-link, .top-search-wrap .add-btn {
        font-size: 9px!important;
        padding: 7px 4px!important;
    }
    .snipback_taglists_tab label {
    
        font-size: 11px!important;
      
    }
  


  
}



@media (max-width: 500px){
    .filter-wrapper {
   
        margin-top: 4px!important;
        font-size: 10px!important;
    }

    .fliter-center {
 
        margin-bottom: 0px!important;
        display: flex!important;
    }
  
    .fliter-center {
        margin-top: 0px!important;
    }
    .sort-right .fliter-sub {
   
        display: flex!important;
    }
    .fliter-sub {
        padding-left: 0px!important;
       
        
    }
   


    .fliter-input, .fliter-text {
        padding: 3px 5px!important;
        font-size: 9px!important;
        border-radius:3px!important;
    
    }
    .fliter-input {
        height: 23px!important;
    }

    .breadcrumb_nonactive.active {
 
        padding: 4px 2px!important;
        font-size: 10px!important;

    }
    .breadcrumb_nonactive {
        padding: 4px 2px!important;
        font-size: 9px!important;
    }
    .breadcrumb {
       padding: 0px!important;
    }
    .breadcrumb-item {
        margin-bottom: 0px!important;
    }
    

    .bannerSection {
     
        padding: 1px 0 2px 310px!important;
      
    }

    .mainHead {
        font-size: 11px!important;
        margin: 1px 0!important;
    }

    .fliter-sub label {
        margin-bottom: 0px!important;
    }

    .sort-img {
        padding: 5px!important;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 0px!important;
    }
    
    .breadcrumb-item+.breadcrumb-item {
        padding-left: 2px!important;
    }
  
    .bannerSection .bannerTexts{
        padding-bottom: 0px!important;
        display: block!important;
    }
    .mainHead .see-more {
      
        height: 20px!important;
        width: 63px!important;
        padding: 2px!important;
       
        font-size: 12px!important;
    }

 
    .customer-films {
        display: grid;
        grid-template-columns: repeat(1,1fr)!important;
        gap: 10px;
    }

    .tooltip .tooltiptext.tooltip-viewname {
     
        display: none!important;
    }
    .list-grid-position {
        height: 32px!important;
    }
    .list-grid-margin {
        margin-top: 5px!important;
    }
    .redText{
        font-size: 16px!important;
    }

    .more-film-btn {
      
        padding: 5px 21px 0 !important;
    }
    .back-black-btn {
        font-size: 13px!important;
    }
    .breadcrumb label{
        margin-bottom:0px!important;
    }


    .grid-active-div {
      
        background-size: contain!important;
        /* left: 267px!important; */
    }

    .list-div {
      
        background-size: contain!important;
    }
    .game-row td {
        font-size: 8px!important;
   
    }
    td.text-right.custom-text {
        height: 57px!important;
        width: 0px!important;
    }
    .learn-more {
        margin-left: 0px!important;
        font-size: 12px!important;
        padding: 0px 5px!important;
        border-radius:2px!important;

      
    }
    
}


@media only screen and (min-width: 500px) and (max-width: 768px) {

 
    
    .learn-more {
        margin-left: 8px !important;

    
        padding: 4px 8px!important;
        border-radius:3px!important;
        font-size: 14px!important;
       
    }
   
    
  
      .bannerTexts {
        font-size: 10px !important;
        width: 267px !important;
        margin-left: -156px !important;
    }

      
input#date_picker {
    height: 37px!important;
}

input#date_picker {
    width: 121px!important;
}

.fliter-center {
    display: flex!important;
    justify-content: space-evenly!important;
}
.search-textInput {
    width: 43% !important;
}

    


    }
    
  
    .learn-more {
        font-size: 14px!important;
    }
    a.new-top {
        margin-top: 8px;
    }
    .about-content {
        text-align: justify!important;
    }
    .aboutWrap,.slick-track {
    
        text-align: justify!important;
    }

    .container-features p{
        text-align: justify!important;
    }

.game-row {
    height: 45px!important;
}


@media only screen and (min-width: 767px) and (max-width: 821px) {
    .profileSec {
      
        margin-left: 139px!important;
        margin-top: 6px!important;
    }


}
/* End */

.breadcrumb_nonactive.disabled, .list-games.disabled{
    opacity: 0.4;
    pointer-events: none;
}
.snip-org-name {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    font-weight: 400;
}

.require-icon {
    color: #E93D29;
}
.highlight {
    border: 2px solid #E93D29 !important;
}
.team-remind .btn-wrap .nav-item {
    border: none !important;
    margin-right: 5px;
}
.team-remind .btn-wrap .nav-item a {
    background: #e3e3e3;
    color: #000;
}
.team-remind .btn-wrap .nav-item a.active {
    background: #E93D29;
    color: #FFF;
}
.team-remind h3 {
    font-family: Roboto, sans-serif;
    font-size: 16px;
}
.film-list .dropleft button {
    width: 30px;
}
.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
}

.game_content .dropdown-menu {
    /* left: 11px !important; */
    left: 2px !important;
    top: -55px !important;
}

.other-teams .select-wrapper .dropdown-menu.show {
    transform: none !important;
    will-change: unset !important;
    top: -466px !important;
    height: 464px !important;
}

#editPlayerdetails .single-col {
    margin-left: 2rem;
}

#editPlayerdetails .jersey-wrap {
    max-width: 43%;
}

.video_container_wrap h5{
font-size: 16px;
font-weight: bold;
color: #000000;
}
.video_container_wrap p{
font-size: 13px;
color: #000000;
}
.question_wrap h5{
font-size: 18px;
font-weight: bold;
color: #000000;
}
.question_wrap h6{
font-size: 31px;
font-weight: bold;
color: #000000;
text-align: center;
font-family: roboto;
}
.question_wrap .bg-light{
background-color: #E2E2E2;
border-radius: 8px;
margin: 0px 1px;
}

@media (max-width: 1140px){
.video_container_wrap .video-container {
width: 138px;
height: 146px;
border-radius: 12px;
overflow: hidden; 
position: relative; 
}
.video_container_wrap{
width: 138px;
height: auto;
}
}
@media  (min-width: 300px) and (max-width: 512px)  {


.video_container_wrap .video-container {
width: 98px;
/* height: 106px; */
border-radius: 12px;
overflow: hidden; 
position: relative; 
}  
.video_container_wrap{
width: 98px;
height: auto;
}
.coach_row_par{
   font-size: 14px;
}
}



/* <!-- Custom CSS --> */

.coach {
	box-shadow: 0px 3px 20px #00000029;
	border-radius: 8px;
	padding: 35px;
}

.coach .nav-link {
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 34px 34px 20px 34px;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
}

.coach .nav-link::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: #D1D1D1;
	transition: width 0.3s;
}

.coach .nav-link.active::after {
	width: 100%;
	background-color: #E1261C;
}

.coach .nav-link.active::after {
	width: 100%;
	background-color: #E1261C;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.coach .nav-item:first-child .nav-link::after {
	border-top-left-radius: 15px;
}

.coach .nav-item:last-child .nav-link::after {
	border-top-right-radius: 15px;
}

.coach_row {
	min-height: 500px;
}

.coach_row_par {
	font-size: 20px;
	color: #000000;
	font-weight: 600;
	margin-bottom: 2rem;
}

.coach_add_btn {
	width: 219px;
	height: 52px;
	box-shadow: 0px 3px 20px #00000029;
	border-radius: 8px;
	font-size: 18px;
	color: #fff;
	background-color: #E1261C;
	border-color: #E1261C;
	border: none;

}
.resource_add_btn {
	width: 219px;
	height: 52px;
	box-shadow: 0px 3px 20px #00000029;
	border-radius: 8px;
	font-size: 18px;
	color: #fff;
	background-color: #E1261C;
	border-color: #E1261C;
	border: none;

}
.coach_add_btn_form{
    width: 148px;
    height: 39px;
    font-size: 16px;
    border-radius: 9px;
    color: #fff;
    background-color: #E1261C;
	border-color: #E1261C;
	border: none;
}
.coach_add_btn_form span {
	margin-left: 19px;
}
.coach_add_btn span {
	margin-left: 19px;
}

.btn-close {
	opacity: .75;
}

/* <!-- create new task css --> */

/* textarea {
	resize: none;
} */

.assignment_form .form-control,
.form-select {
	background-color: #f6f6f6;
}

.coach_date {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}

.coach_date .input-group-text {
	height: 38px;
	border: 1px solid #ced4da;
	/* border-top-left-radius: 0; */
	/* border-bottom-left-radius: 0; */
	width: 48px;
	background-color: #f6f6f6;
}

.coach_form label {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}

.coach_form .coach_add_btn {
	width: 168px;
	height: 48px;

}

.coach_form .form-select {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}

.custom-coach-formcontrol {
	border-right: none;
}


.video_review>div {
	padding-right: 0px;
}

.add_more_custom {
	font-size: 16px;
	color: #E1261C;
}

/* file upload */
.file-upload {
	position: relative;
	width: 100%;
	height: 86px;
	border: 2px dashed #707070;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}

.drop-area {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.file-upload label {
	color: #E1261C;
	cursor: pointer;
}

@media (max-width: 576px) {
	.modal-header.modal-header-custom {
		border-bottom: none;
	}
}


@media (min-width: 900px) {
	.assignment_form .modal-dialog {
		max-width: 60%;
		margin-right: auto;
		margin-left: auto;
	}
}


/* table css */
.coach-table .table-no-border {
	border: none;
}

.coach-table .table-head-radius th:first-child {
	/* border-top-left-radius: 8px !important; */
    text-align: center!important;
	padding-left: 15px;

}

.coach-table .table tr td,
th {
	border-bottom: none;
}

.coach-table .table-head-radius th:last-child {
	border-top-right-radius: 8px !important;
}

.coach-table .table-head-radius th:first-child {
	border-bottom-left-radius: 8px !important;
}

.coach-table .table-head-radius th:last-child {
	border-bottom-right-radius: 8px !important;
}

.coach-table .table>:not(:first-child) {
	border-top: none !important;
}

.coach-table thead tr th{
	font-size: 14px!important;
	font-weight: bolder;
    /* background: linear-gradient(180deg, rgba(246, 245, 245, 1) 0%, rgb(211, 211, 211, 1) 100%); */
	font-weight: 100 !important;
	background-color: #575757;
	color: #FFFFFF!important;
}
.coach-table tbody, td, tfoot, th, thead, tr {
    border-style: hidden!important;
}
.coach-table tbody tr td {
	font-size: 14px;
	color: #000000;
	padding: 1rem .5rem !important;
	vertical-align: middle;

}

.coach-table .delete-text {
	color: #E1261C !important;
}

.table_img img {
	padding-left: 14px;
}

/* Assignment submission css */
.submission_span {
	font-size: 16px;
	font-weight: bold !important; /* 400 */
	color: #000000;

}

.assignment_profile {
	display: flex;
	flex-wrap: wrap;
}

.assignment_profile_img {
	width: 35px; /* 47px; */
	height: 35px; /* 47px; */
	border-radius: 25px;
	background-color: #E1261C
}

.assignment_profile p {
    font-size: 20px;
    color: #000000;
	align-self: center;
	padding-left: 12px;
}

.video_container_wrap .video-container {
	width: 165px;
	/* height: 176px; */
	border-radius: 12px;
	overflow: hidden;
	position: relative;
}

.video_container_wrap {
	/* width: 165px; */
	height: auto;
    
}

.video_container_wrap .video-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.submission_video {

	display: flex;
	flex-wrap: wrap;
	border-bottom: 2px solid #00000029;
	padding-bottom: 15px;
    width:100%;
}

.submission_video>div:nth-child(2) {
	margin: 0 12px;
}



.question_wrap h5 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}


.question_wrap .bg-light {
	background-color: #E2E2E2;
	border-radius: 8px;
	margin: 0px 1px;
}

@media (max-width: 1140px) {
	.video_container_wrap .video-container {
		width: 138px;
		height: 146px;
		border-radius: 12px;
		overflow: hidden;
		position: relative;
	}

	.video_container_wrap {
		width: 138px;
		height: auto;
	}
}

@media (min-width: 300px) and (max-width: 512px) {


	.video_container_wrap .video-container {
		width: 98px;
		height: 106px;
		border-radius: 12px;
		overflow: hidden;
		position: relative;
	}

	.video_container_wrap {
		width: 98px;
		height: auto;
	}

	.coach_row_par {
		font-size: 14px;
	}
}

/* library css */
.library_btn {
	width: 82px;
	height: 28px;
	box-shadow: 0px 3px 20px #00000029;
	border-radius: 5px;
	font-size: 12px;
	color: #fff;
	background-color: #E1261C;
	border-color: #E1261C;
	border: none;
}

.library h4 {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}

.library .table_img img {
	padding-left: 24px;
}

.coach tr.bg-light td:first-child {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.coach tr.bg-light td:last-child {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.library_header_button {
	font-size: 16px;
	font-weight: 600;
	background-color: #575757;
	border-radius: 8px;
	color: #FFFFFF;
}

.file_wrap_column {
	display: flex;
	flex-wrap: wrap;
}

.file_cover {
	margin-right: 12px;

}

.file_head {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 14px;
}

.file_cover p {
	font-size: 13px;
	color: #000000;
	margin: 8px 0 8px 0;

}

.file_wrap {
	width: 109px;
	height: 105px;
	border: 1px solid #707070;
	border-radius: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    position: relative;
}

.link .d-grid a {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

.link .d-grid {
	padding: 8px 8px;
	margin: 4px 0px;
	background-color: #f6f6f6;
	border-radius: 8px;
}

.library_column_wrap {
	/* min-height: 329px; */
}
.bg-light {
    min-height: unset!important;
}
.assignment_form .modal-header {
    /* padding: 1rem 2rem!important; */
    border-bottom: none;
}
@media (max-width: 768px) {
	.coach {
		box-shadow: 0px 3px 20px #00000029;
		border-radius: 8px;
		padding: 15px;
	}
    .video_container_wrap p{
        font-weight: unset!important;
        }
}
@media(max-width: 991px) {

    .coach .text-center {
        text-align: center !important;
    }
 
}

  /* Styling for radio buttons */
  .assignment_form .radio-container {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.assignment_form .radio-container input[type="radio"] {
    display: none;
}

.assignment_form .radio-label {
    cursor: pointer;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background-color: #ddd;
    margin-right: 19px;
}

/* Styling for checked radio button */
.assignment_form .radio-container input[type="radio"]:checked + .radio-label {
    background-color: red;
    border-color: red;
}

.custom-file_upload .file-upload {
    height: 65px;
}

/* 
.game-tab-heading {
    display: flex;
    flex-wrap: nowrap!important; 
    width: 530px;
    overflow-x: auto;
    white-space: nowrap;
    }
    .game-tab-heading::-webkit-scrollbar {
        width: 2px !important;
        height: 0px!important;
    }
    
    .game-tab-heading::-webkit-scrollbar-thumb {
        background-color: transparent !important;
    } */

    .table_head_data{
        width: 68px;
    }

/* scroll_nav */

    /* .container_nav_cover{
        display: flex;
        flex-wrap: wrap;
        position: relative;
      }
        
     
        .game-tab-heading {
        
            width: 528px;
            flex-wrap: nowrap;
            overflow-x: auto;
            white-space: nowrap;
            margin: 0 24px;
        }
        .game-tab-heading::-webkit-scrollbar {
            width: 6px !important;
            height: 0px;
          }
  
          .game-tab-heading::-webkit-scrollbar-thumb {
            background-color: transparent !important;
          }
          .container_nav_cover .arrow {
            position: absolute;
            cursor: pointer;
          }
          .container_nav_cover .next{
            right: 0px;
            background: #f7f7f7;
            width: 24px;
            height: 40px;
            z-index: 2;
            font-size: 26px;
            padding-left: 3px;
            color: #000;
            border-radius: 0 12px 12px 0;
          }
          .container_nav_cover .prev{
        
            background: #f7f7f7;
            width: 24px;
            height: 40px;
            z-index: 2;
            font-size: 26px;
            padding-left: 3px;
            color: #000;
            border-radius: 12px 0 0 12px;
          }
  
          
  

    @media screen and (max-width: 1199px) {
        .game-tab-heading .nav-link {
            padding: 7px 29px!important;
            font-size: 15px;
        }
    }
    @media screen and (max-width: 554px) {
        .game-tab-heading {
  
            width: 313px;
        
            }

    }
    @media (max-width: 765px) {
        .container_nav_cover .next{
            height: 36px!important;
          }
          .container_nav_cover .prev{
            height: 36px!important;
          }
    }
    @media screen and (max-width: 990px) {
        .container_nav_cover{
            margin-bottom: 1rem;
        }
        .container_nav_cover .next{
            height: 37px;
          }
          .container_nav_cover .prev{
            height: 37px;
          }
    }
    .game-tab-heading.game-tab-custom-wrap .nav-link:first-child.active{
        border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 0;
    }
    .game-tab-heading .nav-link:last-child.active {
        border-top-right-radius: 0px!important;
        border-bottom-right-radius: 0px!important;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .game-tab-heading{
        border-radius: 0px!important;
    } */

/*  facility camera
     .remove-sub-location {
        cursor: pointer;
        float: left;
        width: 25px;
    }
    .remove-main-location, .add-sub-location {
        cursor: pointer;
        float: right;
        width: 25px;
    }
    .addMainLocation {
        cursor: pointer;
        float: right;
        margin-right: 8px;
    }
    .addMainLocation img {
        width: 38px;
    }
    .remove-main-location img {
        width: 24px;
    }
    
    .remove-sub-location img {
        width: 15px;
    }
    .add-sub-location img {
        width: 21px;
    }
    td.col-action {
        width: 70px;
        padding: 14px 3px !important;
    }
    .venue-wrap .venue-thumb-wrap {
        border: 1px solid #707070;
        border-radius: 19px;
        cursor: pointer;
        width: 116px;
        height: 103px;
    }
    .camera-wrap .venue-thumb-wrap {
        border-radius: 19px;
        cursor: pointer;
        width: 300px;
        height: 122px;
        margin-top: 32px;
    }
    .camera-thumb {
        width: 43px;
        height: 29px;
        margin-top: 32px;
    }
    .edit_venue {
        width: 22px;
        height: 22px;
        background: #ccc;
        border-radius: 50%;
        float: right;
    }
    .delete_venue {
        width: 22px;
        height: 22px;
        background: #E1261C;
        border-radius: 50%;
        float: left;
    }
    .edit_venue img {
        margin: 0px 0px 4px 2px;
    }
    .delete_venue img {
        margin: 0px 0px 4px 1px;
    }
    .venue-wrap h4, .camera-wrap h4 {
        font-size: 12px;
        margin-top: 5px;
    }
    .venue-action {
        padding: 13px 5px;
    }
    #facilityCams .modal-title {
        font-size: 16px;
    }
    #facilityCams .modal-header {
        border: none;
        padding-left: 30px;
    }
    #facilityCams .close span {
        font-size: 34px;
        font-weight: 100;
    }
    .create-venues input[type="text"] {
        border-radius: 8px;
    }
    
    .mounted-wrap {
        width: 148px;
    }
    #mounted {
        margin: 10px 0px 0px 0px;
    }
    .mounted-wrap label {
        margin: 6px 0px 0px 22px;
        opacity: 0.7;
    }
    
    .add-sub-location {
        width: 28px;
        height: 28px;
        border: 1px solid #707070;
        border-radius: 8px;
    }
    .remove-sub-location {
        width: 28px;
        height: 28px;
        border: 1px solid #E1261C;
        border-radius: 8px;
    }
    .add-sub-location img {
        width: 14px;
    }
    .remove-sub-location img {
        width: 10px;
    }
    .venue-wrap {
        margin-bottom: 15px;
        max-width: 20%;
        min-width: fit-content;
    }
    .camera-wrap {
        margin-bottom: 15px;
        max-width: 40%;
        min-width: fit-content;
        border: 2px solid #ccc;
        height: 206px;
        border-radius: 6px;
        margin-left: 15px;
        padding: 0px !important;
    }
    .cancelFacilityRooms {
        background: #A09F9D;
    }
    .device_id::-webkit-outer-spin-button,
    .device_id::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .device_id {
        -moz-appearance: textfield;
    }
    .bgcolor-red {
        background-color: #E73C28 !important;
    }
    .width-100 {
        width: 100px;
    }
    .cancelFacilityRooms, .back-to-venue {
        color:#FFF !important;
    } */
.teamlist .form-control{
    background: #E2E2E2;
    border: 0;
    height: 45px;
    border-radius: 8px;
}


#nav-tab-library .nav-tabs .nav-link {
    flex: unset!important;
    color: #000000;
  
}
#nav-tab-library .nav-tabs {
    background: #e7e7e7;
}
#nav-tab-library  .nav-tabs .nav-link.active {
    color: #000000;
    background-color: unset;
    /* border-color: unset; */
    border-radius: 0;
    border-bottom: 3px solid #E1261C;
    font-weight: 600;
}
#nav-tab-library  .nav-tabs .nav-link.active:hover {
    border-bottom: 3px solid #E1261C;
    font-weight: 600;
}
#nav-tab-library  .nav-tabs .nav-link:hover{
    border-color: unset;
    background-color: unset;
}
#nav-tab-library span.vertical-border {
    width: 100%;
    border-right: 2px solid #000000;
}

.wbtitle {
    cursor: pointer;
}
.reeltitle {
    cursor: pointer;
}

.library-wrap {
    width: 125px;
}

.top-search-wrap .commonValidateErr {
    position: absolute;
    bottom: -39px;
}

.assignment-tab-content .delete-text a {
    color: #E1261C;
}

#players_data_remove .bg-scroll{
    max-height: 300px;
    min-height: 300px;
    overflow: auto;
}


.listing-title h6{
    width:71px;
  }
  
  @media screen and (max-width: 767px) {
    .popup-heading-wrap {
        justify-content: center!important;
    }
    #teamManageModel .popup-title {
      font-size: 12px;
  }
  #teamManageModel .update-team {
    padding: 2px 8px!important;
  }
  #teamManageModel .popup-btn-close {
    padding: 2px 10px!important;
  }
  }
  
  #teamManageModel .d-flex.align-items-center.justify-content-start.popup-top-menu {
    height: auto!important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .listing-details {
    /* width: 100px; */
    width: 65%;
  }
  @media screen and (min-width: 1000px) and (max-width: 1080px) {
    .listing-details {
      width: 0;
    }
    .list-members-wrap.popup-members-wrap {
      width: 69%!important;
      padding: 0.75rem;
  }
  } 
  @media (min-width: 1000px) and (max-width: 1247px) {
    .add-btn {
      font-size: 11px !important;
  }
  .top-search-wrap .upload-game {
      padding: 5px 8px!important;
      width: 100px;
  }
  }
.camera-wrap.active .venue-thumb-wrap {
    border: 2px solid red;
}

#snapshotimg{
    cursor: pointer;
}

.fullscreen-container {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 100000;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .fullscreen-image {
    max-width: 90%;
    max-height: 90%;
    margin: auto;
  }
  
  .close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    color: white;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
  }
  
  .capturepreview {
    position: relative;
    display: inline-block;
}

.fullscreen-icon {
    position: absolute;
    top: 10px; /* Adjust this value to move the icon vertically */
    right: 20px; /* Adjust this value to move the icon horizontally */
    background: url(../images/fullscreen_icon.png) no-repeat center center; /* Replace with your icon URL */
    background-size: contain;
    width: 24px; /* Adjust the width of the icon */
    height: 24px; /* Adjust the height of the icon */
    cursor: pointer;
}

#add-duration .fcam-outer{
    border: 1px solid #c1bcbc;
    border-radius: 50px;
    /* padding: 5px; */
    width: 50%;
}

#select-facility-camera #facility_cameras{
    border: 1px solid #c1bcbc;
    border-radius: 50px;
    padding: 5px;
    width: 100%;
}

#facility-camera-details .fcam-header h6 {
    margin-bottom: unset;
}

#add-duration.duration-outer {
    border-radius: 50px;
    padding: 5px;
    width: 31%;
}

#other-duration-div #other-duration {
    border-radius: 5px;
    padding: 5px;
    width: 75%;
    margin: 5px;
}

/* Team default facility style start */

#add-duration-def .fcam-outer{
    border: 1px solid #c1bcbc;
    border-radius: 50px;
    /* padding: 5px; */
    width: 100%;
}

#select-facility-camera-def #facility_cameras_def{
    border: 1px solid #c1bcbc;
    border-radius: 50px;
    padding: 5px;
    width: 100%;
}

#facility-camera-details-def .fcam-header h6 {
    margin-bottom: unset;
}

#add-duration-def.duration-outer {
    border-radius: 50px;
    padding: 5px;
    width: 31%;
}

#other-duration-div-def #other-duration-def {
    border-radius: 5px;
    padding: 5px;
    width: 75%;
    margin: 5px;
}

/* Team default facility style end */


#add-duration .start-now {
    font-size: 12px;
    margin-bottom: unset;
    margin-left: 16px;
    width: 18%;
}

#add-duration .startnow-switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
    margin-bottom: unset;
}

#add-duration .startnow-switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.startnow-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.startnow-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .startnow-slider {
    background-color: red;
}

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

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

/* Rounded sliders */
.startnow-slider.round {
    border-radius: 34px;
}

.startnow-slider.round:before {
    border-radius: 50%;
}

/* adduser woemail */


.add-woemail-card {
    border: 1px solid #CCC;
    border-radius: 5px;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    height: auto; /* Initial height */
    margin-top: 10px;
}

.add-woemail-card.collapsed {
    height: 50px; /* Collapsed height */
    margin-top: 10px;
}

.add-woemail-card-header {
    background-color: #f0f0f0;
    padding: 10px;
    height: 40px;
}
.add-woemail-card-content{
    min-height: 100px;
    max-height: 200px;
}

.add-woemail-card-footer {
    padding: 10px;
    text-align: left;
    color:red;
}

.add-woemail-card-title{
    float:left;
    width:80%;
    cursor: pointer ;
}

.add-woemail-card-options {
    float: right;
    width: 25px;
 /*   border: solid 2px #000;  */
    border-radius: 50%;
    height: 25px;
    text-align: center;
    background: #f0f0f0;
}

.add_woemail_fields{
    float: left;
    width: 25%;
    padding: 8px;
}

#saveMutipleUsersWOEmail {
    background: #E1261C;
    color: #fff !important;
    padding: 15px 0px !important;
}

@media  (min-width: 300px) and (max-width:359px)  {
    .venue-thumb-wrap {
        width: 90px;
    }
}


.resource_click{
    cursor: pointer;
}

.delete-icon{
    text-align: right; 
    position: absolute;
    right: 10px;
    top: 0;
}
.delete-trash-resource{
    color:red;
    font-size: 14px;
}
.filename_resource{
 
    height: 2em;
    line-height: 1em;
    font-size: 13px;
    font-weight: 400;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    cursor: pointer;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    width: 120px;
}
.filename_resource:hover{
    overflow: visible; 
    white-space: normal;
    height:auto;  
    padding-bottom: 6px;
}

.resourcemodal{
    margin-left: 20%;
    width: 68%;
}

.drop-areaupload {
    position: relative;
    max-width: 100%; /* Ensures it doesn't overflow */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center; /* Centers the text horizontally */
    padding: 10px; /* Adjust padding as needed */
}

/* Tooltip styling */
.drop-areaupload:hover::after {
    content: attr(data-fullname); /* Show the full file name */
    position: absolute;
    bottom: 100%; /* Position the tooltip above the text */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 1;
    font-size: 12px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 320px) and (max-width: 500px){
    .game-tab-container #nav-members .title-wrap > div {
        flex-wrap: wrap;
    }

    .header-container-wrap .fliter-center {
        justify-content: center!important;
        padding-top: 7px!important;
    }
}

.search-input-wrap {
    display: flex;
    align-items: center;
}

.search-input-icon {
    margin-right: 15px; 
}

.add-team-icon {
    margin-left: 10px; 
    cursor: pointer;
}

.teamnamecss {
    color: #e02d2d;
}

.pool-add-new-user {
    color: #E73C28;
    float: right;
    font-size: 14px;
}

.pool-add-new-user:hover {
    color: #E73C28;
}

.disabled {
    pointer-events: none; /* Disable clicking */
    opacity: 0.5; /* Optional: make it look disabled */
}

.pool-type-select {
    width: 100% !important;
}

.team-webpage {
    padding: 8px 5px;
    margin-right: 8px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* new css for merging */

.padl-uset {
    padding-left: unset;
} 
    
.padr-uset {
    padding-right: unset;
}

.marginl-uset {
    margin-left: unset;
} 
    
.marginr-uset {
    margin-right: unset;
}

.modal{
    top: 0 !important;
    z-index: 9999;
}

.popup-close-btn.position-absolute .popup-btn-close,
.popup-close-btn.position-absolute .cursor-pointer {
    line-height: unset !important;
}

.edit-popup-wrap .btn-wrap .default-btn {
    line-height: unset !important;
}

/* new css for merging end */

.search-result-wrap::-webkit-scrollbar {
	width: 3px !important;
}

.search-result-wrap::-webkit-scrollbar-thumb {
	background-color: #E93D29 !important;
}

.search-result-archive-wrap::-webkit-scrollbar {
	width: 3px !important;
}

.search-result-archive-wrap::-webkit-scrollbar-thumb {
	background-color: #E93D29 !important;
}

.fliter-input {
    width: 100%!important;
}

#org_setting_auto_approve_team .org_setting_form_check_input{
    height: 30px;
    width: 3rem;
}

#facility-camera-details.modal {
    z-index: 9999 !important;
}

.create-btn:active,
.create-btn:hover {
    background-color: #ef4935;
}

.modal-body .createorg{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.select-form-box .orgbox{
    width: 100%;
    max-width: 600px; /* Adjust as needed */
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    background-color: #fff; /* Optional: background color for better visibility */
}

.form-wrap .wrap-org{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.addMoreorg {
    display: flex;
    justify-content: center;
    align-items: center;
}

#subOrgContainer {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers items horizontally */
    margin-top: 20px; /* Add space above if needed */
    width: 100%; /* Ensures container uses full width available */
    max-width: 100%; /* Prevent container from exceeding parent width */
    min-height: auto;
    max-height: 300px;
    overflow:auto;
}

.subOrgRow {
    width: 100%; /* Ensure rows take up full width of container */
    max-width: 800px; /* Adjust to control row width */
    display: flex;
    justify-content: center; /* Center the row contents horizontally */
    margin-bottom: 10px; /* Add spacing between rows */
}

#subOrgContainer .error-message {
    font-size: 13px;
}

#organization_settings_modal .bs-placeholder .filter-option-inner-inner::before {
    content: "Choose any organization";
    display: block; 
}

#organization_settings_modal .filter-option-inner-inner {
    color: #000; 
    position: relative;
}

#organization_settings_modal .filter-option-inner-inner::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: black;
}

#organization_settings_modal .multiselect .btn {
    height: 41px;
}
      
#orgcat_select-facility-camera #orgcat_facility_cam{
    border: 1px solid #c1bcbc;
    padding: 5px;
    width: 100%;
}


.cam-position-control {
    margin-top: 19px;
}
#hide-baltrack-msg {
    margin-top: 6px;
}
.hide-baltrack-lbl {
    font-size: 13px;
}    
.followers_totallist::-webkit-scrollbar{
    display: none;
}
.followers_totallist .col-lg-6 {
    border-bottom: 1px solid #ccc;
}
.assignment-tab-content .delete-text a {
    color: #E1261C;
}
.header-container-wrap .search-wrap{
    width: 150px;
}
@media screen and (max-width: 1399px) {
    .header-container-wrap .search-wrap {
        width: 95px;
    }
}

/* new styles */

  
.slider-container-gametab {
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    position: relative;
  }
  
  .arrow-custom {
    display: none;
    background-color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    user-select: none;
  }
  
  .nav-slider {
    /* overflow: hidden; */
    flex: 1;
  }
  
  .slider-container-gametab-nav {
    display: flex;
    transition: transform 0.3s ease-in-out;
  }
  
  .slider-container-gametab-film {
    flex-shrink: 0;
    text-align: center;
    width: 100px;
    flex-direction: column;
    align-items: center;
  
  }
  
  .tab-title {
    font-size: 14px;
  }
  
  @media (min-width: 1141px) {
    .slider-container-gametab-film {
      width: fit-content;
    }
  }
    @media (max-width: 1140px) and (min-width: 990px) {
    .slider-container-gametab-film {
      width: fit-content;
    }
  }
  @media (max-width: 991px) and (min-width: 768px) {
    .slider-container-gametab-film {
      width:fit-content;
    }
    .tab-title {
        margin-top: 5px;
        font-size: 11px;
    }
  }
  
  @media (max-width: 991px) and (min-width: 768px) {
    .slider-container-gametab-film {
      width: fit-content;
    }
  }
  
  @media (max-width: 767px) {
    .slider-container-gametab-film {
      width: calc(100% / 3);
    }
    .tab-title {
        margin-top: 5px;
        font-size: 9px!important;
    }
    .arrow-custom{
        display: block;
    }
  }

.header-container-wrap .nav{
    flex-wrap: unset!important;
}

.film-tab{
    display:unset!important;
}
.tab-title {
    padding-left: 5px;
}
.film-tab span img{
    width: 15px;
}
.tab-title {
    margin-top: 5px;
    font-size: 13px;
}

.game-tab-heading .nav-link {
    padding: 11px 8px;
    background: #f7f7f7;
}


.container_nav_cover .prev {
    height: 39px;
    border-radius: 7px 0 0 7px;
}

.container_nav_cover .next {
    height: 39px;
    border-radius: 0 7px 7px 0!important;
}
.filter-wrap-div{
    width: max-content;
    align-items: center;
    justify-content: center;
    display: flex;
}

 /* mobile screen games tab new update  */
@media screen and (max-width: 554px) {
  .game-tab-heading {
      width: auto;
  }
  .header-container-wrap .search-wrap {
      width: auto !important;
      margin-left: 5px !important;
    }
    .header-container-wrap .search-wrap .input-wrap {
      padding-right: 9px;
  }
  .header-container-wrap .switch-game-view {
      padding-left: 3px !important;
  }
  .header-container-wrap .list-grid-position {
      width: 35px !important;
      height: 40px !important;
  }
  .header-container-wrap .fliter-text {
      font-size: 14px !important;
  }
  .header-container-wrap select#yearPicker {
      width: 150px!important;
  }
  .header-container-wrap .team-webpage {
      margin-right: 1px;
      width: 55px;
    }
    .header-container-wrap .fliter-center {
      padding-bottom: 3px;
  }
}

.player_reel_title { 
    cursor: pointer;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.ellipsisorgname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    display: block;
    text-align: left;
}

.disabled-class {
    pointer-events: none; /* Prevent clicking */
    opacity: 0.6; /* Make it look faded */
    cursor: not-allowed; /* Show disabled cursor */
}

.loader-filmtab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 25vh;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-align: center;
}

.loader-filmtab .dots {
    display: flex;
    gap: 8px;
}

.loader-filmtab .dot {
    width: 8px;
    height: 8px;
    background-color: black;
    border-radius: 50%;
    opacity: 0;
    animation: dots-animation 1.5s infinite ease-in-out;
}

.loader-filmtab .dot:nth-child(1) { animation-delay: 0s; }
.loader-filmtab .dot:nth-child(2) { animation-delay: 0.3s; }
.loader-filmtab .dot:nth-child(3) { animation-delay: 0.6s; }

@keyframes dots-animation {
    0%, 100% { opacity: 0; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1.2); }
}

.loader-filmtab .loader_info {
    margin-top: 20px;
    margin-bottom: 30px;
}

#players_loading.loader img,
#l_img.loader img {
    left: 50% !important;
}

.loader-filmtab#nodata{
    height: auto;
    top: 80px;
    position: relative;
}

.btn.teamname-ok-btn,
.btn.teamname-cancel-btn {
    border-radius: 6px;
}

.custom-swal-modal .swal-footer .swal-button-container {
    margin: 0 5px; /* Adjust spacing between buttons */
}

.swal-button--uploadVideo.btn.btn-primary{
border-color:color !important;

color:#000000 !important;
background-color: #efefef !important;
}
.swal-button.swal-button--uploadClips.btn.btn-primary {

    color:#000000 !important;
    background-color: #efefef !important;
}

.swal-button.swal-button--cancel.btn.btn-sec{
        color: #000000  !important;
        border-color: #000000 !important;
   
}

.swal-button.swal-button--cancel:not([disabled]):hover {
    background-color: #ffffff !important;
}

#clips_container_game #tbody_clips .clipRow td {
    padding-left: 0px !important;
}

.assignment_form .modal-title {
    margin: 1px;
}

.assignment_profile_img .user-initials {
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    content: attr(data-letters);
    line-height: 2.2em;
    text-align: center;
}
.LiveHelpButton {
    display: none;
}
@media (min-width: 1000px) and (max-width: 1370px) {
    .popup-top-menu .edit-type-heading .team-type-title {
        font-size: 14px;
    }

.popup-top-menu .default-btn {
    padding: 5px 15px;
    font-size: 10px;
}
}

.map-active-div {
    /* margin: 1rem !important; */
    margin: 12px 6px !important;
}

.map-active-div .mapuserbtn {
    height: 38px;
    border-radius: 10px;
    font-size: 15px !important;
}

.member_profile {
    padding-right: 15px !important;
}


.map-active-div .active-switch {
    position: relative;
    display: inline-block;
    width: 48px; /* 54px; */
    height: 25px; /* 28px; */
    margin-bottom: unset;
        cursor: pointer;
}

.map-active-div .active-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

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

.map-active-div .active-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.map-active-div .active-slider.round:before {
    border-radius: 50%;
}

.map-active-div .active-slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 5px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.map-active-div input:checked + .active-slider {
    background-color: #e1261c !important;
}

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

.map-active-div  input:checked + .active-slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

.map-active-div .active-slider-status {
    position: relative;
    top: 8px;
    width: 55px;
    height: 25px;
    margin-bottom: .8rem;
    /* display: flex;
    justify-content: center; */
}

.member_profile .btn-remove-delete,
.member_profile .update_team_user {
    margin: 12px 6px !important;
}

#grid_view_member .select-Team-Data {
    display: grid;
    grid-template-columns: 1fr 2.5fr 1fr 1fr 1fr;
    gap: 0; /* No gap between columns */
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
}

#grid_view_member .select-Team-Data p {
    margin: 0;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#grid_view_member .list-Players-ByUserId{
    display: grid;
    grid-template-columns: 1fr 2.5fr 1fr 1fr 1fr;
    gap: 0; /* No gap between columns */
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
}

#grid_view_member .list-Players-ByUserId p{
    margin: 0;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.div_custom_heading{
    display: grid;
    grid-template-columns: 1fr 2.5fr 1fr 1fr 1fr;
    gap: 0; /* No gap between columns */
    align-items: center;
    border-bottom: 1px solid #ddd;
    border-radius: 5px;
    /* padding: 8px 0; */
}

.div_custom_heading div{
    margin: 0;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.div_custom_heading{
    background-color: black;
    color: #fff;
    padding-left: 0.8rem;
    padding-right: 1.2rem;
}

#grid_view_member .remove-player {
    margin-top: 15px!important;
    margin-right: 2px;
}

#grid_view_member .playername{
   display:none;
}

#orgUsersSearch:focus{
    z-index:0 !important;
}

.div_custom_heading div:nth-child(4) {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

@media (max-width: 991px) {
    .div_custom_heading {
        grid-template-columns: 1fr 2fr 1fr 1.2fr 1fr;
    }
    .div_custom_heading div {
        font-size: 13px;
    }
    .div_custom_heading i#editJerseyNo {
        font-size: 18px;
        margin-left: 4px;
    }
}

@media (max-width: 767px) {
    .div_custom_heading {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        font-size: 14px;
    }
    .div_custom_heading div:nth-child(4) {
        font-size: 14px;
    }
    .div_custom_heading i#editJerseyNo {
        font-size: 18px;
        margin-left: 4px;
    }
}
.save-users-jerseyno-btn{
    border-radius: 7px;
    border: none;
    opacity: 1;
    color: #fff;
    background: #e93d29;
    margin: auto;
}

p#toggleText_custom {
    cursor: pointer;
}

.game-row .game-name-info {
    width: 88%;
    max-width: 300px;
    font-family: Arial, sans-serif;
    line-height: 1.2;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.game-row .vs-line b {
    font-weight: bold;
}

.game-row .game-name-info .game-title,
.game-row .game-name-info .opponent-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.assign-view-reprot {
    display: flex;
    justify-content: space-around;
    width: 80%;
    text-align: center;
    align-items: center;
}

table#assign_sub_table {
    margin-bottom: unset;    
}

table#assign_sub_table tbody {
    border-top: 1px solid #dee2e6;
}

table#assign_sub_table tbody,
table#assign_sub_table tbody tr,
table#assign_sub_table thead,
table#assign_sub_table thead tr {
    border-style: solid !important;
}

table#assign_sub_table thead th {
    top: -1px;
}

table#assign_sub_table thead th,
table#assign_sub_table tbody td {
    font-size: 14px !important;
    border-style: solid !important;
    border-width: 1px;
    border: 1px solid #dee2e6;
}

.table-wrapper.assign-list-wrapper {
    max-height: 380px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    margin-bottom: 2rem;
    scrollbar-width: thin;
    scrollbar-color: #f4676e #f1f1f1;
}

.scrollable-table thead th {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
    border: 1px solid #dee2e6;
}

.table-wrapper::-webkit-scrollbar {
    width: 10px;
}

.table-wrapper::-webkit-scrollbar-track {
    background: #535352;
}

.table-wrapper::-webkit-scrollbar-thumb {
    background-color: #f4676e;
    border-radius: 6px;
    border: 2px solid #f1f1f1;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.team-chat {
    padding: 8px 8px; /* 9px 10px; */
    width: 34px; /* 36px; */
    border-radius: 7px !important;
    border: 0;
    font-size: 13px;
    color: #fff;
    height: 40px;
    align-items: center;
}

.team-chat-icon:hover {
    background-color: #bd2130 !important;
}

.top-search-wrap .add-btn {
    padding: 5px 12px;
    background: #CD3624;
}

.add-btn.upload-game .add-img,
.add-btn.add-game .add-img {
    font-size: 10px;
}

.top-search-wrap .team-chat {
    padding: 10px 9px;
}

#addAssignmentBtn{
    padding: 10px 12px !important;
}

.select-game-assign
{
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    font-size: 18px;
    background-color: #E1261C !important;
    color: white !important;
    height: 36px !important;    
}

.coach_form .coach_cancel_btn {
    box-shadow: 0px 3px 20px #00000029;
	font-size: 18px;
	color: #fff;
	border: none;
}

.coach_form .coach_cancel_btn.coach_btn {
    width: 168px;
    height: 48px;
    border-radius: 8px;
    background-color: #E1261C;
    border-color: #E1261C;
}

.selected-count {
    /* width: 100%;
    margin-bottom: 1rem;
    text-align: left;*/
    float: left;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight:600; 
}

.padleft-05 {
    padding-left: 0.5rem !important;
}

.smartstat-wrap{
    white-space: nowrap;
}

.multi-report-select{
    white-space: nowrap;
}

.interactive-stat{
    /* margin-left:20%; */
}

.film-list .filter-img {
    height: 18px !important;
    width: 18px !important;
    padding: 5px !important;
    border-radius: 5px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 8px;
}

.stat-table .filter-img {
    height: 18px !important;
    width: 18px !important;
    padding: 0px !important;
    border-radius: 5px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 8px;
    display: inline-block;
    position: relative;
    top: 3px;
}


.stat-table .filter-img.inactive,
.film-list .filter-img.inactive {
    border: 1px solid #b0b0b0;
    background-color: #f5f5f5 !important;
    background-image: url(../images/game/filter_type_fill.svg);
}

.stat-table .filter-img.active,
.film-list .filter-img.active {
    border: 1px solid #e1261c !important;
    background-color: #e1261c !important;
    background-image: url(../images/game/filter_type.svg);
}

.tab-content .type-head {
    display: flex;
}

.status-head{
      padding-left: 20px!important;
}

.newcol .bubble-tooltip{
       padding-left: 26px;
}

button.resend-cred,
.member_profile .btn-remove-delete {
    opacity: 1;
    position: relative;
    display: inline-block;
}

.btn.cust-size {
    padding: 0.3rem .5rem !important;
}

.btn.btn-red {
    background-color: #E1261C;
    border-color: #CD3624;
    color: #FFFFFF;
}

.tooltip .tooltiptext.tooltip-resend-cred,
.tooltip .tooltiptext.tooltip-remdel-action {
    /* left: 12px; */
    font-size: 13px;
    width: 100%;
    position: absolute;
    background-color: #000000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    z-index: 1;
    margin-left: -40px;
    display: none;
    transition: opacity 0.3s;
}

.resend-cred.tooltip .tooltiptext::after,
.btn-remove-delete.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000000 transparent transparent transparent;
}

.resend-cred.tooltip:hover .tooltiptext.tooltip-resend-cred,
.btn-remove-delete.tooltip:hover .tooltiptext.tooltip-remdel-action {
    visibility: visible;
    opacity: 1;
    display: block;
}

.tooltip .tooltiptext.tooltip-resend-cred {
    width: 130px;
    left: 0;
    margin-left: -35px;
}

/* assignment pending bubble */
.tab-title-wrapper {
  position: relative;
  display: inline-block;
}

.tab-bubble {
    position: absolute;
    top: -12px;
    right: -8px;
    border-radius: 50%;
    font-family: sans-serif;
    font-weight: bold;
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    z-index: 1;
    
    /* Optional bounce animation
    animation: bounceIn 0.3s ease;
    transition: transform 0.2s ease, box-shadow 0.2s ease; */
}

.nav-tab-fade {
    color: white;
    background-color: #E93D29 !important;
}

.nav-tab-active {
    color: white;
    background-color: #5d5a59 !important;
}

.delete_tab_cls{
   display: flex;
}

#assign-game-type .toggle-item,
#assign-game-type .toggle-item.active {
    height: 30px;
    padding: 4px 12px;
    line-height: 20px;
    font-weight: 500;
    border: 1px solid #c1bcbc;
    border-radius: 50px;
}

#assign-game-type.outer {
    border: 1px solid #e1261c;
}

/* Responsive: Stack on small screens */
@media (max-width: 576px) {
  .game-mode-label {
    width: 100%;
    margin-bottom: 5px;
  }

  #assign-game-type {
    width: 100%;
    justify-content: center;
  }
}

.flex-col-45 {
  flex: 0 0 100%;
  max-width: 46%;
}

.flex-col-90 {
  flex: 0 0 100%;
  max-width: 92%;
}

#submisn_loader.loader_div,
#assign_loader_img.loader_div,
#assign_loader.loader_div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; /* Adjust width and height to fit your loader */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999; /* Ensure loader is on top */
}

.spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* Assignment Pending Bubble Tooltip container */
.tooltip-custom .tooltiptext {
  visibility: hidden;
  width: auto;
  max-width: 200px; /* Limit the max width of the tooltip */
  background-color: rgba(0, 0, 0, 0.8); /* Slightly transparent black */
  color: #fff;
  text-align: center;
  border-radius: 8px; /* Rounded corners */
  padding: 6px;
  position: absolute;
  z-index: 999;
  opacity: 0;
  /* transition: opacity 0.3s ease, transform 0.2s ease; */
  transition: opacity 0.3s ease, transform 0.2s ease, scale 0.3s ease; /* Added scaling for smooth effect */
  /* transform: translateY(10px); */ /* Slight downward movement */
  transform: translateY(-10px); /* Tooltip starts slightly above its final position */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add shadow for depth */
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap; /* Prevent text from wrapping */  
  top: -120%;
}

/* Tooltip arrow */
.tooltip-custom .tooltiptext::after {
  content: '';
  position: absolute;
  /* top: 100%; */ /* Arrow points downwards now */
  bottom: 108%;
  left: 50%;
  margin-left: -5px;
  transform: translateY(30%);
  border-width: 5px;
  border-style: solid;
  /* border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent; */
  border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent; /* Arrow color matches tooltip background */
}

/* Show the tooltip when hovering over the button */
.tooltip-custom:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  /* transform: translateY(0) scale(1.05); */ /* Tooltip smoothly moves up */
  transform: translateY(38px); /* Tooltip moves slightly above the button */
}

.tooltip-custom{
    position: relative; /* Needed to position tooltip inside button */
}

button.film-tab {
  position: relative;
  overflow: visible; /* <-- important! */
  z-index: 1;
}

/* Other team mapping */

#mapToMyTeams .tab-button {
  padding: 10px 20px;
  font-size: 16px;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  cursor: pointer;
  /* transition: all 0.3s ease; */
  border-radius: 0; /* Default no rounded corners */
  width: 50%;
}

#mapToMyTeams .tab-button.active {
  background-color: #E93D29;
  color: #fff;
  border-color: #E93D29;
}

#mapToMyTeams #myTeamsTab {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mapToMyTeams #otherTeamsTab {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#mapToMyTeams .tab-button.active {
  border-radius: 0; /* Remove any default rounding to reset */
}

#mapToMyTeams .tab-content {
    display: none;
    margin-top: 10px;
}

#mapToMyTeams .tab-content.active {
    display: block;
}

#mapOtherToDiv #other_teams .list-group
{
    max-height: 400px;
    overflow-y: scroll;
}

#mdlcontent .modal-footer .moveto-btngrp {
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
    width: 120px;
}

#mdlcontent .modal-footer .moveto-btngrp#moveCancel{
    background: #dedede;
}

#mdlcontent .modal-footer .moveto-btngrp#moveBtn{
    background: #E73C28;
}

.game-title.twoline-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

.game-name-info.tooltip-custom  {

    position: relative; /* or static */
    overflow: visible;
    display: inline-block;
}

.game-name-info.tooltip-custom .tooltiptext {
    top: auto;
    max-width: unset;
    width: auto;
    z-index: 999999; /* ensure it stacks above the table */
    transform: translate(-50%, -8px); /* center + move up */
    position: absolute;
    bottom: 100%; /* place above */
    left: 30%;
}

.game-name-info.tooltip-custom .tooltiptext::after {
    top: 90%;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

.game-title.twoline {
    word-break: break-word;
    line-height: 1.2em; /* Adjust based on your design */
    max-height: 2.4em;  /* 2 lines x line-height */
    position: relative;
}

.calendar-list.tooltip-custom .tooltiptext {
    max-width: unset;
    width: auto;
    z-index: 999999; /* ensure it stacks above the table */
    transform: translate(-50%, -8px); /* center + move up */
    position: absolute;
    top: 245%;
    left: 45%;
}

.coach .nav-item .nav-link.task-pend::after {
	border-top-right-radius: 15px;
}

/* Download Game model styles start */
#gameDownloadModal .modal-title {
    text-transform: uppercase;
    font-size: 14px;
}
.gameDownloadContent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);  /* 2 per row */
    gap: 15px;
    padding: 10px;
}

.game-view-download, #sessionURLModal .copy-session-url {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 0px;
    margin: 0px 0px;
    background-color: #fafafa;
    cursor: pointer;
    transition: all 0.2s ease;
}

.game-view-download:hover, #sessionURLModal .copy-session-url:hover {
    border-color: #007bff;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.game-view-download .thumb, #sessionURLModal .copy-session-url .thumb {
    flex: 0 0 120px;
    padding: 0px 9px;
}
.session-img {
    width: 120px;
    height: auto;
    border-radius: 6px;
    border: 1px solid #ccc;
    object-fit: cover;
}

.game-view-download .info, #sessionURLModal .copy-session-url .info {
    flex: 1;
    padding-left: 9px;
    text-transform: uppercase;
    font-size: 12px !important;
}

.game-view-download h4, #sessionURLModal .copy-session-url h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}
#game_download_loader {
    display: none;
    top: 50px;
    left: 47px;
}
/* Download Game model styles end */

#statusModal .gamestatus-note {
    font-size: 14px;
    color: #cd3624;
    text-align: center;
    margin-top: 20px;
}
#sessionURLModal .modal-dialog {
    max-width: 620px !important;
}