html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Oxygen', sans-serif;  
}
::selection {
    color: #fff;
    background-color: #E93D29;
}
@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px;
    }
}
@media (min-width: 992px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}
@media (min-width: 1080px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 1050px;
    }
}
@media (min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px;
    }
}
@media (min-width: 1330px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1355px;
    }
}
@media (min-width: 1440px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1355px;
    }
}
@media (min-width: 1540px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1480px;
    }
}
.login,
.registration {
    height: 95vh;
    display: flex;
    justify-content: space-around;
}
.login_group,
.registration_group {
    background-color: #d5d0d052;
    height: 50px;
}
.signup_button button,
.signin_button button {
    height: 50px;
}
.login .form-control,
.registration .form-control {
    border: none;
}
.login_logo img,
.registration_logo img {
    height: 120px;
}
.user_head {
    background-color: #000 !important;
}
header {
    /* border-bottom: 2px solid rgb(0 0 0 / 15%); */
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.profile_pic {
    background: #E93D29;
    border-radius: 29px;
    padding: 8px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}
.banner .main_items {
    height: 400px;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}
.item {
    margin: 4px;
    flex: 0 1 calc(20% - 8px);
}
.item_sub {
    background: rgb(208 17 7);
    border-radius: 15px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
header #popup {
    border-radius: 12px;
    position: absolute;
    width: 38%;
    height: 275px;
    display: block;
    background: #fff;
    left: calc(40% - 175px);
    top: 238px;
    padding: 5px;
    z-index: 10;
    cursor: default;
    display: none;
}
header .popup_content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1pxsolidrgba(0, 0, 0, .2);
    border-radius: 0.3rem;
    outline: 0;
}
header .popup_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
}
header .popup_body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
header .popup_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 2rem;
}
.btn-secondary {
    color: #000;
    background-color: #fff;
}
header .popup_body .form-control {
    background: #cbc9c940;
    border: none;
    padding: 1rem .75rem !important;
}
.winner {
    background: #E93D29 !important;
}
.winner_winner {
    background: #000 !important;
}
.winner_winner_image {
    display: flex;
    justify-content: center;
}
.winner_winner img {
    display: flex;
    justify-content: center;
    width: 50px;
}
.winner_inside_image .coin img {
    background: #E93D29 !important;
    padding: 10px;
    border-radius: 8px;
    width: 50px
}
.winner_inside_image {
    border-right: none !important;
}
.button_odd,
.button_even {
    border: none !important;
}
.button_even {
    background: #f2f2f2 !important;
}
.status_icon .dot {
    height: 9px;
    width: 9px;
    background-color: rgb(15, 194, 89);
    border-radius: 50%;
    display: inline-block;
}
.status_video .dot {
    height: 9px;
    width: 9px;
    background-color: #E93D29 !important;
    border-radius: 50%;
    display: inline-block;
}
.status_AI .dot {
    height: 9px;
    width: 9px;
    background-color: #c3a622 !important;
    border-radius: 50%;
    display: inline-block;
}
.status_table {
    width: 100%;
}
.status_icon,
.status_video,
.status_AI {
    width: 33.3%
}
.practice_navitem {
    width: 180px;
    text-align: center;
}
.sharedwithme_navitem {
    width: 220px;
    text-align: center;
}
.games_ai {
    background: #c6c6c6;
    border-radius: 8px;
    padding: 10px;
}
.popup_select {
    border-radius: 15px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #c6c6c6;
}
.download i,
.share_game i {
    font-size: 40px;
    color: #8f8f8f;
}
.view_status img,
.live_stream_url img {
    width: 40px;
}
.bookmark img {
    width: 23px;
}
.image_popup_bl {
    border-right: 1px solid #c6c6c6;
}
#viewstatus_popup {
    border-radius: 12px;
    position: absolute;
    width: 52%;
    /* height: 360px; */
    display: block;
    background: #fff;
    left: calc(30% - 175px);
    top: 203px;
    padding: 50px;
    z-index: 10;
    cursor: default;
    display: none;
}
.game_table_last_items .modal-header {
    border-bottom: none !important;
}
.games_allteams #dropdownMenuButton1 {
    border-radius: 8px;
}
p.test1 {
    word-break: keep-all;
}
.search {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1);

}
.search input {
    background: #ebebeb;
    height: 45px;
    width:100%;
    margin-right: 15px
}
.search input:focus {

    box-shadow: none;
    border: 2px solid #d1d1f3;
    background: #ebebeb;
}
.search .fa-search {
    position: absolute;
    top: 20px;
}
.search i {
    position: absolute;
    top: 12px;
    right: 30px;
    height: 50px;
    display: flex;
    justify-content: end;
    font-size: 20px;
    color: #000;
}
.search .form-control {
    border: none;
}
.games_table_video .dropdown-menu {
    padding: 1rem;
}
.more_modal {
    padding: 0 1rem;
}
.games_home_button button {
    margin: 0;
    background: #a6a6a6;
    border: 0 !important;
    border-radius: 8px;
    height: 45px;
}
.game_createfirst_addfield input {
    height: 45px;
    border-radius: 8px;
}
.game_create_cancel button {
    border-radius: 8px;
    height: 45px;
}
.select_team .input-group-text {
    background: #f1f1f1 !important;
}

.select_team input {
    border: none;
    height: 45px;
}
.select_team span {
    border: none;
}
.select_team input {
    height: 45px;
    background: #f1f1f1;
}
.select_team .form-control:focus {
    color: #212529;
    background-color: #f1f1f1;
    border-color: unset !important;
    outline: 0;
    box-shadow: unset !important;
}
.switch {
    position: relative;
    width: auto;
   
    display: block;
    margin: auto;
    margin-bottom: auto;
}
.switch input {
    display: none;
}
.game_fs p {
    font-size: 14px;
}
.game_fs {
    margin-top: 0.5rem;
}
.game_choose_options {
    border-bottom: 2px solid #a99f9f73 !important;
}
#create_game .modal-body {
    padding: 2rem !important;
}
.game_main h4 {
    padding: 1rem 0 !important;
    font-weight: 600;
    font-size: 28px;
}
#create_game .modal-content {
    border-radius: 12px !important;
}

#choosegame .modal-content {
    border-radius: 12px !important;
}
.game_choose_team .form-check-input:checked {
    background-color: #E93D29;
    border-color: #0d6efd;
}
.game_choose_team .form-check-input {
    background-color: #e0e0e0;
    ;
}
.game_choose_team .form-check-input[type=checkbox] {
    border-radius: 8px;
    width: 45px;
    height: 45px;
    border: none;
}
.game_choose_team .form-check-input:focus {
    box-shadow: unset;
}

.game_choose_team [type=checkbox]:checked,
[type=radio]:checked {
    background-size: 100% 100%;
}
.game_choose_team .form-check-input:checked[type=checkbox] {
    background-size: 100% 70%;
}
.game_choose_team .form-check-label {
    padding: 1rem;
}
#chooseteam .modal-body {
    padding: 3rem;
}
.ct_check {
    padding: 1rem 0;
}
.games_allteams .dropdown-menu.show {
    display: block;
    padding: 1rem;
    width: 360px;
}
.games_allteams input[type=checkbox] {
    vertical-align: middle;
    float: right;
    margin: 0.5rem 0;
}
.games_allteams label {
    display: block;
    overflow: hidden;
    width: 120px;
}
.games_allteams input[type=checkbox]+label {
    color: #000;
}
.games_allteams input[type=checkbox]:checked+label {
    color: #E93D29;
    font-style: normal;
}

.games_allteams input {
    width: 20px;
    height: 20px;
}
#moreModal .modal-header {
    border-bottom: none !important;
}
#moreModal .modal-content {
    padding: 1rem;
    border-radius: 8px;
}
/* TAG LIST MANAGEMENT */
.snipback_taglist_management {
    padding: 3rem 0;
    min-height: calc(103vh - 186px);
}
.create_tag {
    width: 45px !important;
    height: 45px !important;
    /* display: flex !important; */
    align-items: center !important;
    background: #E93D29 !important;
    /* margin: 10px 0px  !important; */
    color: #fff !important;
    font-size: 32px !important;
    justify-content: center !important;
    border-radius: 8px !important;
}
.tag_copy,
.tag_edit,
.tag_delete {
    padding: 0 !important;
}
.tag_play {
    display: flex;
    align-items: center;
    font-size: 42px !important;
    width: 45px;
    height: 45px;
}
.tag_copy, .tag_edit {
    width: 45px !important;
    height: 45px;
    display: flex !important;
    justify-content: center !important;
    background: #7e7e7e !important;
    align-items: center !important;
    border-radius: 8px;
}
.tag_delete {
    width: 45px !important;
    height: 45px;
    display: flex !important;
    justify-content: center !important;
    background: #E93D29 !important;
    align-items: center !important;
    border-radius: 8px;
}
.tag_color_palette {    
    display: flex;
    justify-content: center !important;
    background: #ebeaea !important;
    align-items: center !important;
    border-radius: 8px;
    /* width: 52px !important; */
    height: 45px;
}
.taglist_custom .tag_color_palette{
    background: transparent !important;
}
.tag_color_palettedup .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
}
.listed_tag {
    display: flex !important;
    align-items: center !important;
    /* background: #4a9f04 !important; */
    border-radius: 8px !important;
    height: 45px !important;
    margin-top: 8px;
    font-size: 17px;
    color: #fff;
    padding: 10px !important;
    /* commented for tag list unwanted scroll */
    /* overflow-y: scroll; */
    word-break: break-all;
    text-align: left;
}
.listed_tag p {
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    /* text-align: center; */
    margin: 0;
}
.listedtag_buttons {
    margin-left: 1rem;
    padding: 0;
}
.snipback_taglists_tab
label {
    background: #f1f1f1;
    width: 100% !important;
    height: 44px;
    font-size: 17px;
    color: #000000;
    border-radius: 8px;
    word-break: break-all;
    overflow: auto;
}
.snipback_taglists_tab
 [type=radio] {
    display: none;
}
.snipback-border #tagListName{
    word-break: break-word;
    padding-left: 0.5rem;
}
.snipback_taglisttab_content
 {
    height: 57vh;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
}
.snipback-border{
    border: 1px solid #000;
    border-radius: 20px;
    padding-top: 20px;
}
.snipback_taglists_tab [type=radio]:checked~label {
    background: #7e7e7e;
    font-size: 17px;
    color: #FFFFFF;
    z-index: 2;
    width: 45px;
    height: 45px;
    border-radius: 8px;
    padding: 0 15px;
}
.snipback_taglists_tab [type=radio]:checked~label~.snipback_taglisttab_content
 {
    z-index: 1;
}
.taglist_button{
    width: 40% !important;
    display: flex;
    align-items: center;
}
#addTaglist .modal-content {
    padding: 1rem;
    border-radius: 12px;
}
.taglist_create_cancel button {
    border-radius: 8px;
    height: 45px;
}
#addTaglist input {
    height: 45px;
    border-radius: 8px;
    background: #f0f0f0;
}
#addTaglist .form-control {
    border: none !important;
}
#addTaglist h4 {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
#addTaglist button {
    font-size: 14px;
}
.snipback_taglists_tab h4,
.snipback_taglisttab_content
 h4 {
    font-size: 18px;
    font-weight: bold;
}
.snipback_taglisttab_content
 {
    -ms-overflow-style: none !important;
    scrollbar-width: none;
    overflow-y: scroll;
}
.snipback_taglists_tab::-webkit-scrollbar {
    display: none;
}
.snipback_taglists_tab{
    height: 59vh;
    -ms-overflow-style: none !important;
    scrollbar-width: none;
    overflow-y: scroll;
}
.snipback_taglisttab_content::-webkit-scrollbar {
    display: none;
}
.taglist_custom {
    height: 45px;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    border-radius: 8px;
    margin: 10px 0;
}
.taglist_custom input {
    background: #f1f1f1;
    border: none;
}
.taglist_custom .btn-success {
    background: #63bf18 !important;
    border: none;
}
.taglist_custom .btn-danger {
    background: #E93D29 !important;
    border: none;
}
.taglist_custom input:focus {
    outline: none !important;
    border: none;
}
.taglist_custom .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#editCustomTag h4 {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.snipback_taglisttab_content .table{
    color: transparent;
}
.profilename{
    color: rgb(0 0 0 / 92%);
    text-decoration: unset;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}
.profilename:hover {
    color: #525252;
}
.btn-check:focus+.btn-primary, .btn-primary:focus , .btn-check:focus+.btn, .btn:focus {
    box-shadow: none !important;
}
#modalAlertmsg .modal-footer button{
    width: 30%;
    height:40px;
    border-radius: 8px;
    text-align: center;
}
.gx-7{
    --bs-gutter-x: 7rem;
}
.userside_drop .dropdown-menu[data-bs-popper] {
    top: 40px;
    left: unset;
    margin-top: 0.125rem;
    border: 1px solid #d4d4d4;
    right: 0;
    border-radius: 9px;
    padding: 0;
}
.userside_drop .dropdown-item {
    
    width: auto;    
    border-bottom: 1px solid #00000029;
    margin: 0 15px;
    letter-spacing: 0.6px;
    padding: 0.5rem 1rem;
}
.playername span{
    top: 29px;
        left: 70%;
        display: flex;
        padding: 0px;
        width: 27px;
        height: 27px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #E93D29 !important;
        border-radius: 50rem!important;
        position: relative;
        color: white;
}
.playername .start-100 {
    left: 90%!important;
}
.playername .badge.rounded-pill{
    display: flex;
    padding: 0;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    top: 45px;
    }
    
.playername .bg-danger{
    background: #E93D29 !important;
    color: #ffffff;
}
.playername .bg-grey{
    background: #9f9f9f !important;
    color: #000000;
}
    .jersey_create_cancel button {
        border-radius: 8px;
        height: 45px;
    }
    #players_data_remove, #players_data_append {
        padding: 10px 0px;
    }
    #userInvite .modal-content{
        padding: 1rem;
    }
    .snipback_sharecontent
    {
        width: 100%;
        height: 45px;
        background: #7e7e7e;
        padding: 0 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
    }
    .snipback_sharecontent input{
        background: #7e7e7e;
        border: 0;
        flex-grow: 1;
        margin: auto;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .snipback_sharecontent input:focus-visible{
        outline: 0;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        opacity: 1;
        z-index: 999;
      }   
      .tooltip .tooltiptext {
        visibility: hidden;
        width: 140px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -75px;
        opacity: 0;
        transition: opacity 0.3s;
      }
      .tooltip button{
        border: 0;
        background: transparent;
      }
      .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
      }
      
      .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
      }
      .f-modal-alert .f-modal-icon {
        border-radius: 50%;
        border: 4px solid gray;
        box-sizing: content-box;
        height: 80px;
        margin: 20px auto;
        padding: 0;
        position: relative;
        width: 80px;
      }
      .f-modal-alert .f-modal-icon.f-modal-warning {
        border-color: #f8bb86;
      }
      .f-modal-alert .f-modal-icon.f-modal-warning:before {
        -webkit-animation: pulseWarning 2s linear infinite;
                animation: pulseWarning 2s linear infinite;
        background-color: #fff;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 100%;
        opacity: 0;
        position: absolute;
        width: 100%;
      }
      .f-modal-alert .f-modal-icon.f-modal-warning:after {
        background-color: #fff;
        border-radius: 50%;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
      }
      .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body {
        background-color: #f8bb86;
        border-radius: 2px;
        height: 47px;
        left: 50%;
        margin-left: -2px;
        position: absolute;
        top: 10px;
        width: 5px;
        z-index: 2;
      }
      .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot {
        background-color: #f8bb86;
        border-radius: 50%;
        bottom: 10px;
        height: 7px;
        left: 50%;
        margin-left: -3px;
        position: absolute;
        width: 7px;
        z-index: 2;
      }
      .f-modal-alert .f-modal-icon + .f-modal-icon {
        margin-top: 50px;
      }
      
      .scaleWarning {
        -webkit-animation: scaleWarning 0.75s infinite alternate;
                animation: scaleWarning 0.75s infinite alternate;
      }
      
      .pulseWarningIns {
        -webkit-animation: pulseWarningIns 0.75s infinite alternate;
                animation: pulseWarningIns 0.75s infinite alternate;
      }
      @-webkit-keyframes scaleWarning {
        0% {
          transform: scale(1);
        }
        30% {
          transform: scale(1.02);
        }
        100% {
          transform: scale(1);
        }
      }
      @keyframes scaleWarning {
        0% {
          transform: scale(1);
        }
        30% {
          transform: scale(1.02);
        }
        100% {
          transform: scale(1);
        }
      }
      @-webkit-keyframes pulseWarning {
        0% {
          background-color: #fff;
          transform: scale(1);
          opacity: 0.5;
        }
        30% {
          background-color: #fff;
          transform: scale(1);
          opacity: 0.5;
        }
        100% {
          background-color: #f8bb86;
          transform: scale(2);
          opacity: 0;
        }
      }
      @keyframes pulseWarning {
        0% {
          background-color: #fff;
          transform: scale(1);
          opacity: 0.5;
        }
        30% {
          background-color: #fff;
          transform: scale(1);
          opacity: 0.5;
        }
        100% {
          background-color: #f8bb86;
          transform: scale(2);
          opacity: 0;
        }
      }
      @-webkit-keyframes pulseWarningIns {
        0% {
          background-color: #f8d486;
        }
        100% {
          background-color: #f8bb86;
        }
      }
      @keyframes pulseWarningIns {
        0% {
          background-color: #f8d486;
        }
        100% {
          background-color: #f8bb86;
        }
      }
      .trash {
        background:#ff6873;
        width: 66px;
        height: 80px;
        display: inline-block;
        margin:0 auto;
        
        position: relative;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .trash:after {
        content: 'Mouse hover on Recile Bin';
        position: absolute;
        left: -99px;
        right: 0;
        bottom: -50px;
        width: 300px;
    }
    .trash span {
        position: absolute;
        height: 12px;
        background: #ff6873;
        top: -19px;
        left: -10px;
        right: -10px;
        
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        transform: rotate(0deg);
        transition: transform 250ms;
        transform-origin: 19% 100%;
    }
    .trash span:after {
        content: '';
        position: absolute;
        width: 27px;
        height: 7px;
        background: #ff6873;
        top: -10px;
        
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        transform: rotate(0deg);
        transition: transform 250ms;
        transform-origin: 19% 100%;
        left: 27px;
    }
    .trash i {
        position:relative;
        width: 5px;
        height:50px;
        background:#fff;
        display:block;
        margin:14px auto;
        border-radius: 5px;
    }
    .trash i:after {
        content: '';
        width: 5px;
        height: 50px;
        background: #fff;
        position: absolute;
        left: -18px;
        border-radius: 5px;
    }
    .trash i:before {
        content: '';
        width: 5px;
        height: 50px;
        background: #fff;
        position: absolute;
        right: -18px;
        border-radius: 5px;
    }
    .trash:hover span + .footerClose:hover{
        transform: rotate(-45deg);
        transition: transform 250ms;
    }
    .text-shadow{
        text-shadow: 0 0 black;
    }
    .addDetails{
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
    }
    .addDetailScroll{
        height: 188px;
        overflow-y: scroll;
    }
    .addDetails .bg-grey{
        width: 80px;
        height: 50px;
        background: #E2E2E2;
    }
    .addDetails select{
        height: 50px;
        border-radius: 8px;
        color: #606060;
        background-color: #E2E2E2;
    }
    .addDetails .form-select:focus {
        border-color: unset;
        outline: 0;
        box-shadow: unset;
        background-color: #e2e2e2;
    }
    #addPlayerdetails .create_newuser .form-check-label{
        color: #606060;
    }
    #loadingGif {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh; /* to make it responsive */
        width: 100vw; /* to make it responsive */
        overflow: hidden; /*to remove scrollbars */
        z-index: 99999; /*to make it appear on topmost part of the page */
        display: none; /*to make it visible only on fadeIn() function */
    }
    .bg-orange.add{
        height: 50px;
        width: 50px;
        border: 0;
        border-radius: 8px;
        color: #fff;
    }
    .ui-front{ /* this one is for shwoing the autocomplete response */
        z-index: 9998 !important;
    }
   header .games_head img{
       height: 52px;
       width:52px;
   }
   .listedtag_buttons .border-dark{
    border-bottom-width: 1px !important;
   }
   .user_role .form-check-inline {
    display: inline-flex;
    margin-right: 2rem;
}
.user_role .form-check-label{
    margin-left: .5rem;
}
.playler-details .fs-16{
    font-size: 16px !important;
}
.form-control, .form-select{
    font-size: 15px;
}
#custom_tag_loading{
  position: fixed;
  left: 57%;
  top: 35%;
}
.create_tag i{
    display: flex;
}
.modal {
    top: 0 !important;
}
.add-edit .playername img{
    height: 65px;
    width: 65px;
}
#plyrlistloading
{
    width: 30px;
    height: 30px;
    position: fixed;
    left: 53%;
    top: 80%;
}

@media only screen and (max-width: 600px) {
    #plyrlistloading img
    {       
        left: 50% !important;
    }
}

.snipreels-opt.snipreels-scroll {
    height: 380px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.create-name-form .session-div{
    max-height: 400px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.create-name-form .session-item{
    display: flex;
    padding-bottom: 20px;
}

.create-name-form .session-det .session-snip {
    display: flex;
    margin-bottom: 2px;
}

.create-name-form .session-det .session-snip .session-snip-rec {
    /* margin-right: 20px; */
    width: 45%;
}

table.team-membrs td:not(:first-child){
    text-align: center;
    max-width: 61px !important;
}

table.team-membrs td span.btn-name{
    font-size: 12px;
    font-weight: bold;
}

.tooltip .tooltiptext.tooltip-btnname {
    /* visibility: hidden; */
    width: 110px; /* 140px; */ /* auto; */
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 115%;
    left: 95%; /* 60%; */ /* 135%; */
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext.tooltip-btnname {
    visibility: visible;
    opacity: 1;
}

.btn-grp {
    text-align: right;
}

.create-name-form .session-det .process-btn {
    border: 1px solid #e1261c;
    background-color: #cd3624;
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.create-name-form .session-det .report-btn {
    border: 1px solid #d0d0d0;
    background-color: #f5f5f5;
    color: #000000;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.session-det .text-left span{
    margin-left: 25px;
}

/* Css for Organization Settings Modal */
.org_setting_popup_section{
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 10px 10px;
}

.org_setting_title{
    background-color: #E93D29 !important;
    border-color: #E93D29 !important;
    color:white !important;
}

.org_setting_list{
    padding: 15px 20px;
    border-bottom: 1px solid #4e4b4b;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.org_setting_list.clickable{
    cursor: pointer;
}

.copy_icon{
    width: 24px;
    height: 24px;
    cursor: pointer;
}

#copy_tooltip{
    position: absolute;
    background-color: #333;
    color: white;
    padding: 5px;
    border-radius: 5px;
    display: none;
}
#org_setting_pre_tagging{
    height: 30px;
    width: 3rem;
}
#org_setting_recruit{
    height: 30px;
    width: 3rem;
}
.org_setting_form_check_input{
    background-color: white;
    border-color: #E93D29;
    border-radius: 2em !important;
}
.org_setting_form_check_input:checked{
    background-color: #E93D29;
    border-color: #E93D29;
}

.form-check-input:checked {
  background-color: #E93D29 !important;
  border-color: #E93D29 !important;
}

.seconds-content {
  font-size: 17px;
}
.form-control.snipduration{
  width:28% !important;
  cursor: text !important;
}
.sec-text{
  margin-top: 2%;
}
.layout_duration{
  margin-top: 2%;
}
.hide {
  display: none;
}

.snipupdate{
    cursor: pointer !important;
}

.snip_edit{
    cursor:pointer !important;
}
.save-org-playbook-email {
    background: #E93D29 !important;
    color: #fff !important;
    margin-top: 10px;
    padding: 5px 30px !important;
}
.pl-email-err {
    width: 100%;
    float: left;
    margin-top: 5px;
    font-size: 14px;
    color: #E93D29;
}
#org_setting_auto_approve{
    height: 30px;
    width: 3rem;
}

#parent-switch{
    height: 30px;
    width: 3rem;
}
.selectmulti{
    max-width: 92%;
    width: 90%;
}

.custom-org-wrap {
  height:31px;
}
.submenu.environment-select .org-expand {
    float: unset!important;
}
.hiddenorg{
    display:none !important;
}
.menudropdown{
    min-width: 14rem !important;
}
/* End of Organization Settings Modal */


/* facility cam */
.remove-sub-location {
    cursor: pointer;
    float: left;
    width: 25px;
}
.gimb-remove-main-location, .remove-main-location, .add-sub-location {
    cursor: pointer;
    float: right;
    width: 25px;
}
.gimb-remove-main-location img {
    max-width: 100%;
}
.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: auto; /* 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;
}
.gimb-edit_venue,
.edit_venue {
    width: 22px;
    height: 22px;
    background: #ccc;
    border-radius: 50%;
    float: right;
}
.gimb-delete_venue,
.delete_venue {
    width: 22px;
    height: 22px;
    background: #E1261C;
    border-radius: 50%;
    float: left;
}
.gimb-edit_venue img
.edit_venue img {
    margin: 0px 0px 4px 2px;
}
.gimb-delete_venue img,
.delete_venue img {
    margin: 0px 0px 4px 1px;
}
.gimb-venue-wrap h4, .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;
}

.gimb-create-venues input[type="text"],
.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: auto; /* 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;
}

/* new footer section in footer */

.newFooterSection .footer-outer{
    background-color: #000;
}

.newFooterSection .footer-outer .footer-sub-inner{
    padding: 8px 0;
}

.newFooterSection .footer-outer .footer-sub-inner .social-media-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1.5rem;
    margin-bottom:0.5rem
}

.newFooterSection .footer-outer .footer-sub-inner .copyright-text .small,
.newFooterSection .footer-outer .footer-sub-inner .copyright-text small{
    text-align:center;
    display:block;
    color:#fff
}

.newFooterSection a {
    line-height: 1.5rem !important;
    text-decoration: none;
    font-size: 1rem !important;
    color: #6c757d !important;
}

.newFooterSection .social-media-btn .icon {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: unset;
}

.newFooterSection .social-media-btn .icon-facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='facebook' width='8.593' height='17.012' viewBox='0 0 8.593 17.012'%3E%3Cpath id='XMLID_835_' d='M76.977,9.061h1.865v7.677a.274.274,0,0,0,.274.274h3.162a.274.274,0,0,0,.274-.274V9.1H84.7a.274.274,0,0,0,.273-.243l.326-2.826a.274.274,0,0,0-.273-.306H82.553V3.95c0-.534.288-.8.855-.8h1.614a.274.274,0,0,0,.274-.274V.276A.274.274,0,0,0,85.022,0H82.8c-.016,0-.051,0-.1,0a4.264,4.264,0,0,0-2.788,1.051,2.924,2.924,0,0,0-.972,2.6V5.722H76.977A.274.274,0,0,0,76.7,6v2.79A.274.274,0,0,0,76.977,9.061Z' transform='translate(-76.703)' fill='%23fff'/%3E%3C/svg%3E");
}

.newFooterSection .social-media-btn .icon-twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='twitter' width='20.438' height='16.734' viewBox='0 0 20.438 16.734'%3E%3Cpath id='XMLID_827_' d='M19.973,30.028a7.747,7.747,0,0,1-.988.36,4.37,4.37,0,0,0,.89-1.565.33.33,0,0,0-.482-.384,7.779,7.779,0,0,1-2.3.909,4.389,4.389,0,0,0-7.459,3.136,4.475,4.475,0,0,0,.036.567,11.233,11.233,0,0,1-7.71-4.09A.33.33,0,0,0,1.42,29a4.394,4.394,0,0,0,.45,5.05,3.717,3.717,0,0,1-.587-.262.33.33,0,0,0-.49.281c0,.019,0,.039,0,.059A4.4,4.4,0,0,0,2.94,37.9c-.112-.011-.223-.027-.334-.048a.33.33,0,0,0-.376.424,4.386,4.386,0,0,0,3.214,2.941A7.762,7.762,0,0,1,1.3,42.4a7.938,7.938,0,0,1-.929-.054.33.33,0,0,0-.217.6,11.832,11.832,0,0,0,6.4,1.875,11.383,11.383,0,0,0,8.819-3.874,12.278,12.278,0,0,0,3.056-8c0-.12,0-.242-.006-.363a8.529,8.529,0,0,0,1.963-2.079.33.33,0,0,0-.408-.485Z' transform='translate(0.002 -28.097)' fill='%23fff'/%3E%3C/svg%3E");
}

.newFooterSection .social-media-btn .icon-instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='instagram' width='18.371' height='18.371' viewBox='0 0 18.371 18.371'%3E%3Cpath id='Path_16307' data-name='Path 16307' d='M11.01,16.02A5.01,5.01,0,1,0,6,11.01,5.01,5.01,0,0,0,11.01,16.02Zm0-1.67a3.34,3.34,0,1,0-3.34-3.34A3.34,3.34,0,0,0,11.01,14.35Z' transform='translate(-1.825 -1.825)' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath id='Path_16308' data-name='Path 16308' d='M17.835,5a.835.835,0,1,0,.835.835A.835.835,0,0,0,17.835,5Z' transform='translate(-3.639 -1.66)' fill='%23fff'/%3E%3Cpath id='Path_16309' data-name='Path 16309' d='M1.546,3.736C1,4.807,1,6.21,1,9.016v2.338c0,2.806,0,4.209.546,5.281a5.01,5.01,0,0,0,2.19,2.19c1.072.546,2.475.546,5.281.546h2.338c2.806,0,4.209,0,5.281-.546a5.01,5.01,0,0,0,2.19-2.19c.546-1.072.546-2.475.546-5.281V9.016c0-2.806,0-4.209-.546-5.281a5.01,5.01,0,0,0-2.19-2.19C15.563,1,14.16,1,11.354,1H9.016C6.21,1,4.807,1,3.736,1.546A5.01,5.01,0,0,0,1.546,3.736ZM11.354,2.67H9.016c-1.431,0-2.4,0-3.155.063a3.6,3.6,0,0,0-1.368.3,3.34,3.34,0,0,0-1.46,1.46,3.6,3.6,0,0,0-.3,1.368c-.061.752-.063,1.724-.063,3.155v2.338c0,1.431,0,2.4.063,3.155a3.6,3.6,0,0,0,.3,1.368,3.34,3.34,0,0,0,1.46,1.46,3.6,3.6,0,0,0,1.368.3c.752.061,1.724.063,3.155.063h2.338c1.431,0,2.4,0,3.155-.063a3.6,3.6,0,0,0,1.368-.3,3.34,3.34,0,0,0,1.46-1.46,3.6,3.6,0,0,0,.3-1.368c.061-.752.063-1.724.063-3.155V9.016c0-1.431,0-2.4-.063-3.155a3.6,3.6,0,0,0-.3-1.368,3.34,3.34,0,0,0-1.46-1.46,3.6,3.6,0,0,0-1.368-.3C13.757,2.671,12.785,2.67,11.354,2.67Z' transform='translate(-1 -1)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.newFooterSection .social-media-btn .icon-linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='linkedin' width='18.109' height='18.693' viewBox='0 0 18.109 18.693'%3E%3Cpath id='Path_16306' data-name='Path 16306' d='M2.551,20.694H6.056V7.725H2.551ZM4.3,2a2.1,2.1,0,1,0,2.1,2.1A2.094,2.094,0,0,0,4.3,2Zm7.711,7.711V7.725H8.509V20.694h3.505v-6.66c0-3.739,4.79-3.972,4.79,0v6.66H20.31V12.749C20.31,6.44,13.65,6.673,12.014,9.711Z' transform='translate(-2.2 -2)' fill='%23fff'/%3E%3C/svg%3E");
}

.newFooterSection .social-media-btn .icon-youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='youtube' width='26.122' height='18.384' viewBox='0 0 26.122 18.384'%3E%3Cpath id='XMLID_823_' d='M25.1,47.5c-.943-1.121-2.684-1.578-6.009-1.578H7.026c-3.4,0-5.171.487-6.111,1.68C0,48.761,0,50.475,0,52.848V57.37c0,4.6,1.087,6.931,7.026,6.931H19.1c2.883,0,4.481-.4,5.514-1.393,1.06-1.014,1.512-2.671,1.512-5.538V52.848C26.122,50.345,26.051,48.621,25.1,47.5ZM16.77,55.733,11.29,58.6a.843.843,0,0,1-1.233-.747v-5.71a.843.843,0,0,1,1.231-.748l5.48,2.846a.843.843,0,0,1,0,1.495Z' transform='translate(0 -45.917)' fill='%23fff'/%3E%3C/svg%3E");
}

.small, small {
    font-size: .875rem !important;
}

.copyright-text a {
    color: #fff !important;
    text-decoration: none;
    font-size: .9rem !important;
}

/* new footer section in footer */

/* new header section */

.page-wrapper {
    min-height: 90vh;
}

.page-wrapper header {
    transition-property: background-color, border, font-size, transform, color, padding, display, margin, height, opacity, visibility, opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
    position: sticky;
    top: 0;
    z-index: 9998;
}

.page-wrapper header .header-wrap-inner .navbar {
    transition-property: background-color, border, font-size, transform, color, padding, display, margin, height, opacity, visibility, opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
    width: 100%;
}

.bg-dark, .btn-dark:hover, section.bg-dark .magnify-lens {
    background-color: #000 !important;
}

.page-wrapper header#navbar .navbar {
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.page-wrapper header#navbar .navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-size: 1.25rem;
    margin-right: 1rem;
    text-decoration: none;
    white-space: nowrap;
}

.page-wrapper header#navbar .header-wrap-inner .navbar .navbar-brand img.logo{
    transition-property: background-color, border, font-size, transform, color, padding, display, margin, height, opacity, visibility, opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
}

.page-wrapper header#navbar .header-wrap-inner .navbar .navbar-brand img {
    max-width: 14rem;
    object-fit: contain;
    width: 100%;
    vertical-align: middle;
}

.page-wrapper header#navbar .header-wrap-inner .navbar .navbar-brand img.logo.logo2{
    display: none;
}

.page-wrapper header#navbar .header-wrap-inner .navbar .navbar-toggler {
    border: none;
    padding: 0;
}

.page-wrapper header#navbar .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .55);
    border-color: rgba(255, 255, 255, .1);
}

.page-wrapper header#navbar .header-wrap-inner .navbar-nav {
    gap: 1rem;
}

.page-wrapper header#navbar .header-wrap-inner .navbar-nav .nav-item .nav-link {
    padding: 0;
    color: #fff;
    text-wrap: nowrap;
}

.page-wrapper header#navbar #navbarSupportedContent .profileSec a.nav-link{
    padding: .5rem 1rem !important;
    color: #fff;
    background-color: #000000;
}

.page-wrapper header#navbar #navbarSupportedContent a{
    line-height: 1.5rem !important;
}

.page-wrapper header#navbar #navbarSupportedContent a.menu_link.nav-link {
    font-size: 14px !important;
}

.page-wrapper header#navbar #navbarSupportedContent .menu_link.active {
    padding: 2px 1.55rem !important;
}

.page-wrapper header#navbar #navbarSupportedContent .menu_link.active {
    background: #e1261c;
    border-radius: 20px;
}

.page-wrapper header#navbar .header-wrap-inner .buttons {
    list-style: none;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: normal;
    gap: .5rem;
}

.bg-white{
    background-color:#fff!important;
}
@media (min-width: 1400px) {
    .page-wrapper header#navbar .container {
        max-width: 90% !important;
    }
}
@media (min-width: 992px) {
    .page-wrapper header#navbar .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }

    .page-wrapper header#navbar .navbar-expand-md .navbar-toggler {
        display: none;
    }

    .page-wrapper header#navbar .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .name-custom {
        font-size: 12px !important;
    }

    .page-wrapper header#navbar .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .page-wrapper header#navbar .header-wrap-inner .navbar-nav {
        gap: 2rem;
    }

    .page-wrapper header#navbar  .header-wrap-inner .buttons {
        padding-left: 2.5rem;
    }
}

/* new header section end */

/* new body css */

/* #allOrganizations.modal,
#organization_settings_modal.modal,
#facilityCams.modal { */
.modal{
    top: 0 !important;
    z-index: 9998 !important;
}

.container-custom {
    max-width: 1370px !important;
}

.form-group {
    margin-bottom: 1rem;
}

a {
    text-decoration: none !important;
}

#search_result .loader img {
    top: 30% !important;
    left: 50% !important;
}

.profileSec .dropdown .dropdown-toggle {
    padding: 3px!important;
    margin-top: 60% !important;
}

#resetPwd.modal{
    top: 25% !important;
    z-index: 9999;
}

.pool-film-container {
    max-width: 1370px !important;  
}

.custom-modal, .custom-modal.fade {
    transition-duration: 1s !important;
}

.custom-modal.login-modal .modal-dialog {
    max-width: 26.813rem !important;
}

.modal.show .modal-dialog, .offcanvas.show {
    transform: none;
}

.custom-modal .modal-dialog .modal-content {
    border: none !important;
}

.custom-modal.login-modal .modal-header {
    border: none !important;
    justify-content: center;
}

.custom-modal.login-modal .logo-wrap {
    text-align: center;
}

.modal-header .btn-close {
    padding: .5rem;
    margin: -.5rem -.5rem -.5rem auto;
}

.custom-modal.login-modal .btn-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto;
    color: #000;
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat rgba(0,0,0,0);
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

/* #login-modal .btn { /* , [type=button], [type=reset], [type=submit], button *
    white-space: normal;
    border-radius: 5rem !important;
    font-size: 1.25rem;
} */

#userlogin .error {
    height: unset;
}

.bg-light, .custom-modal.login-modal .modal-content {
    background-color: #f7f7f7 !important;
}

.custom-modal.login-modal .logo-wrap img {
    height: 3.511rem;
    object-fit: contain;
}

.custom-modal.login-modal .login-form {
    margin-bottom: 1rem;
}

.custom-modal.login-modal .login-form .form-group .input-group .input-group-text {
    background-color: rgba(0, 0, 0, 0) !important;
    position: absolute;
    z-index: 10;
    height: 100%;
    border-radius: 0;
    border: none !important;
}

.custom-modal.login-modal .login-form .form-group .input-group input {
    border: none !important;
    background-color: #fff !important;
    padding-left: 3.5rem !important;
}

#userlogin .form-control.form-input {
    height: unset;
    border-radius: .625rem !important;
    opacity: 1;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
}

#userlogin .form-control {
    padding: 1rem;
}

#userlogin .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-left: calc(var(--bs-gutter-x)* -.5);
}

#userlogin .alert {
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    position: relative;
    margin-bottom: 1rem;
}

#userlogin .alert-danger, 
#userlogin .alert-primary {
    color: #871711;
    background-color: #f9d4d2;
    border-color: #f6bebb;
}

#userlogin .input-group-text {
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: gray;
    text-align: center;
    background-color: #d5d5d5;
    border: 1px solid #aaa;
    border-radius: .25rem;
    white-space: nowrap;
}

.icon {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: unset !important;
}

.custom-modal.login-modal .icon.sm {
    width: .875rem !important;
    height: .875rem !important;
}

.custom-modal.login-modal .modal-body, .p-4 {
    padding: 1.5rem !important;
}

.custom-modal.login-modal .login-form .submit-btn .btn {
    width: 100%;
    border-radius: .625rem !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
}

.icon.sm {
    width: .625rem;
    height: .625rem;
}

.icon-email {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='style_fill' data-name='style=fill' width='12.488' height='10.746' viewBox='0 0 12.488 10.746'%3E%3Cg id='email'%3E%3Cpath id='Subtract' d='M4.59,2.75a3.437,3.437,0,0,0-2.4.806A3.31,3.31,0,0,0,1.25,6.09v4.066a3.31,3.31,0,0,0,.938,2.534,3.436,3.436,0,0,0,2.4.806H10.4a3.436,3.436,0,0,0,2.4-.806,3.31,3.31,0,0,0,.938-2.534V6.09A3.31,3.31,0,0,0,12.8,3.556a3.436,3.436,0,0,0-2.4-.806Zm7.1,3.26a.436.436,0,0,0-.533-.689L7.938,7.81a.726.726,0,0,1-.888,0L3.828,5.32A.436.436,0,1,0,3.3,6.01L6.517,8.5a1.6,1.6,0,0,0,1.953,0Z' transform='translate(-1.25 -2.75)' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-security {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.244' height='13.659' viewBox='0 0 10.244 13.659'%3E%3Cpath id='lock-svgrepo-com' d='M17.391,5.122h-.854V3.415a3.415,3.415,0,0,0-6.83,0V5.122H8.854A.853.853,0,0,0,8,5.976v6.83a.853.853,0,0,0,.854.854h8.537a.853.853,0,0,0,.854-.854V5.976A.853.853,0,0,0,17.391,5.122Zm-4.268,5.122a.854.854,0,1,1,.854-.854A.853.853,0,0,1,13.122,10.244ZM14.83,5.122H11.415V3.415a1.707,1.707,0,1,1,3.415,0Z' transform='translate(-8)' fill='%23231f20'/%3E%3C/svg%3E");
}

#userlogin .btn.sm { /* header#navbar .header-wrap-inner .navbar .buttons  */
    padding: .5rem 1.5rem !important;
    font-size: 1rem !important;
    width: 100% !important;
}

#userlogin .btn-danger, .btn-info, .btn-primary, .btn-success, .btn-success-100, .btn-warning, .btn-warning-100 {
    border: none !important;
}

#userlogin .btn, 
#userlogin .btn-outline-dark:hover, 
#userlogin .custom-modal .close-btn:hover, 
#userlogin .learn-more .close-btn:hover,
#userlogin [type=button], 
#userlogin [type=reset], 
#userlogin [type=submit], 
#userlogin button {
    transition-property: background-color, border, font-size, transform, color, padding, display, margin, height, opacity, visibility, opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
}

#login-modal .forget-password-wrap {
    text-align: center;
    margin-bottom: 1.5rem;
}

#login-modal .forget-password-wrap .forget-password,
#login-modal .sign-in-button .btn {
    font-size: .875rem !important;
    color: #000 !important;
}

#login-modal .forget-password-wrap a {
    line-height: 1.5rem !important;
    text-decoration: none;
}

#login-modal .sign-in-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

#login-modal .sign-in-button .btn {
    background-color: #fff !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
    padding: .938rem 1rem !important;
    border-radius: .625rem !important;
}

#login-modal .btn-white {
    background-color: #fff !important;
    border: none !important;
}

#login-modal .modal-footer {
    justify-content: center !important;
    border: none !important;
    padding-top: 0;
}

#login-modal .signup-btn {
    text-align: center;
}

#login-modal .signup-btn small a {
    color: #e1261c !important;
    font-weight: 700;
    line-height: 1.5rem !important;
    text-decoration: none;
    font-size: 1rem !important;
    text-decoration: none !important;
}

.icon-google-black {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.263' height='14.553' viewBox='0 0 14.263 14.553'%3E%3Cpath id='gogleplus' d='M9.276,8.778a3.99,3.99,0,0,1,2.8,1.077l2.07-2.008a6.973,6.973,0,0,0-4.871-1.9,7.276,7.276,0,0,0,0,14.553,6.714,6.714,0,0,0,6.987-7.109,6.047,6.047,0,0,0-.184-1.491H9.272v2.712h4.006a3.772,3.772,0,0,1-4,3.073,4.455,4.455,0,0,1,0-8.909Z' transform='translate(-2 -5.948)'/%3E%3C/svg%3E");
}

.icon-apple-black {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='apple' width='17' height='20.001' viewBox='0 0 17 20.001'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-102 -7439)'%3E%3Cg id='icons' transform='translate(56 160)'%3E%3Cpath id='apple-_173_' data-name='apple-%5B%23173%5D' d='M57.571,7282.19a4.27,4.27,0,0,0,1.086-3.19,4.731,4.731,0,0,0-3.075,1.52,4.056,4.056,0,0,0-1.108,3.09,3.918,3.918,0,0,0,3.1-1.42m2.628,7.44a4.446,4.446,0,0,0,2.8,4.04,10.716,10.716,0,0,1-1.444,2.85c-.871,1.21-1.774,2.43-3.2,2.45-1.4.03-1.847-.79-3.446-.79s-2.1.77-3.42.82c-1.373.05-2.42-1.32-3.3-2.53-1.794-2.49-3.164-7.02-1.324-10.08a5.162,5.162,0,0,1,4.321-2.51c1.348-.02,2.621.87,3.445.87s2.371-1.07,4-.91a4.923,4.923,0,0,1,3.818,1.98,4.508,4.508,0,0,0-2.256,3.81' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 1310px) {
    header#navbar .header-wrap-inner .navbar .menu_link {
        padding: 3px 26px !important;
    }
}

@media (min-width: 1020px) {
    #userlogin .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

.bg-wrapper .hide {
    display: block !important;
}

.profilePhotoModal .close{
    font-size: 1.5rem;
    font-weight: 700;
    background-color: transparent;
    border: 0;
}


#editPlayerdetails #ed_email {
    font-weight: 400;
    font-size: 1rem;
    /* opacity: 1; */
    /* border: 1px solid #ced4da; */
}

#editPlayerdetails #ed_email[readonly] {
    background-color: #e9ecef !important;
    opacity: 1 !important;
    border: 1px solid #ced4da !important;
}

.custom-modal.login-modal .login-form .g-recaptcha {
    justify-content: center;
    display: flex;
}

#login-modal .sign-in-button .btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-modal.login-modal .sign-in-button .btn i, .navbar-brand {
    margin-right: 1rem!important;
}

/* home-header css starts */
.environment-select .profileIco.invisible {
    display:unset;
}

.org-wrap {
    width: 100% !important;
}

.environment-select .org-parent {
    width: max-content !important;
    min-width: 85% !important;
    max-width: fit-content !important;
}

.submenu.environment-select .org-expand {
    padding-left: 9px !important;
}

.environment-select .org-expand {
    margin-top: 10px !important;
}

.submenu.environment-select i.fas.fa-cog {
    margin-top: 10px !important;
}

.submenu.environment-select i.fas.fa-cog {
    padding-left: 9px !important;
}
/* home-header css ends */

#orgResultDiv .profileIco.invisible {
    display:unset;
}


/* home page sub-organization css starts*/
#modal_sub_organization .sub-name-organization-wrap {
    display: flex;
}

#modal_sub_organization .sub-name-organization {
    align-self: center!important;
    font-weight: 800!important;
    font-size: 15px!important;
    background-color: #ffffff!important;
}

#orgNameList .form-control:disabled, .form-control[readonly] {
    font-weight: 700!important;
    font-size: 18px!important;
    color: #000!important;
    background-color: #ffffff!important;
    opacity: 1!important;
    border: none !important;
}

#modal_sub_organization .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
    border:none;
    background:none;
}

#modal_sub_organization .addMoreorg {
    display: flex;
    justify-content: center;
}

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

#modal_sub_organization .btn-section {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

#modal_sub_organization .btn-section .btn {
     border-radius: .25rem!important;
     font-size: 16px!important;
}

#modal_sub_organization .subOrgRow {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

#subOrgContainer {
    flex-direction: column;
    align-items: center;
    margin-top: 0px;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    max-height: 300px;
    overflow-x: hidden;
}

#modal_sub_organization .payment-info-radio-btn{
    justify-content: center;
}

#modal_sub_organization #subOrgContainer .form-control{
    color:#000;
}

#subOrgContainer::-webkit-scrollbar {
    width: 0px !important;
    height: 0px;
}

#subOrgContainer::-webkit-scrollbar-thumb {
    background-color: transparent !important;
}

#modal_sub_organization a {
    color: #0d6efd !important;
}

/* home page sub-organization css ends*/
#userlogin .form-control {
    padding: 1rem 2.5rem;
}

@media (max-width: 767.98px) {
    .custom-modal.login-modal .sign-in-button {
        flex-wrap: wrap;
    }
	.custom-modal.login-modal .sign-in-button .btn {
        width: 100%;
    }
}

#fcam_show_rooms .fcam-room {
    border-bottom: 1px solid #cdcdcd;
    padding: 5px;
    cursor: pointer;
}

#fcam_show_rooms .room-active {
    background-color: #f1f1f1;
}

#fcam_show_rooms_def .fcam-room {
    border-bottom: 1px solid #cdcdcd;
    padding: 5px;
    cursor: pointer;
}

#fcam_show_rooms_def .room-active {
    background-color: #f1f1f1;
}

#fcam_show_cams .checkLeft{
    margin-left: 0px;
}

#fcam_show_cams.bg-transparent1{
    color: #fff !important;
}

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

.bgcolor-grey {
    background-color: #DEDEDE !important;
}
.userInfomodal.form-control[disabled] {
    border: 1px solid #ccc !important;
}

#org_setting_default{
    height: 30px;
    width: 3rem;
}
 /* #orgcat_facility-camera-details .checkmark{
    position: 0;
    top: 0px !important;
    left: 0;
    height: 0;
    width: 0;
    border-radius: 0;
     
} */
 /* background-color: #eee; */
.checkbox-container input:checked~.checkmark {
    background-color: #CD3624 !important;
    border: 1px solid #CD3624 !important;
}

#orgcat_facility-camera-details .members-listing-content.teamRole {
    display: inline;
    font-size: 14px; 
    color: #000000 !important;
    font-weight: 400 !important;
    font-family: 'Oxygen' !important;
    padding-left: 14px !important;
}

.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);
}

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

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

.checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 21px;
    background-color: #F7F7F7;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
}
/* .form-check-input:checked[type=checkbox] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e);
} */
.hasDatepicker{
    padding-right: 60% !important;
    width: 86% !important;
 }
 .outer {
    border: 1px solid #c1bcbc;
    border-radius: 50px;
    padding: 5px;
    width: 31%;
}
.game-date-wrap.textdateclass{
    color:white !important;
  }
  .newclasslistgames {
    background-color: #e0e0e0; /* Initial background color */
    border-radius: 9px; /* Makes the div background oval */
    padding: 2px 20px; /* Adjust padding for size */
    display: inline-flex; /* Ensures the div adjusts to content size */
    align-items: center;
    cursor: pointer; /* Indicates the div is clickable */
    transition: background-color 0.3s; /* Smooth transition for color change */
  }

  /* Optional: Add hover effect for better UX */
  .newclasslistgames:hover {
    background-color:#E1261C !important; /* Slightly darker background on hover */
  }


  .all-teams-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.item-label {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.game-name-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* Prevent wrapping */
    margin-right: 10px;
}

.game-date-wrap {
    flex-shrink: 0; /* Prevent shrinking of date */
    text-align: right;
    color: white;
}

.all-teams {
    word-break: break-word; /* Allow the game name to break into multiple lines if needed */
}

.game-date-wrap.textdateclass {
    color: white;
    font-size: 0.85rem;
    text-align: right;
    white-space: nowrap; /* Prevent date wrapping */
}

/* Style for the select-wrapper to mimic a dropdown/select box */
#organization_settings_modal .select-wrapper {
    position: relative;
    display: inline-block;
    max-width: 52%;
    min-width: 265px;
}

.game-selection-input {
    width: 100%;
    padding: 10px 15px;
    font-size: 1rem;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

/* Make the input look like a dropdown but behave as a text input */
.game-selection-input::placeholder {
    color: #999;
}

/* Remove focus outline and add custom focus style */
.game-selection-input:focus {
    outline: none;
    border-color: #007bff; /* Blue border when focused */
    box-shadow: 0 0 4px rgba(0, 123, 255, 0.25);
}


.scrollable-list {
    max-height: 380px;   /* Adjust this value to limit the maximum height */
    min-height: 100px;   /* Ensure it has a minimum height even if no data */
    overflow-y: auto;    /* Enable vertical scrolling when content overflows */
    border: 1px solid #ccc; /* Optional: Add a border for better visibility */
    padding: 10px;
    background-color: #f9f9f9; /* Optional background */
    border-radius: 5px;
}

/* Custom scrollbar styling (optional) */
.scrollable-list::-webkit-scrollbar {
    width: 8px; /* Width of scrollbar */
}

.scrollable-list::-webkit-scrollbar-track {
    background: #f1f1f1; /* Track color */
    border-radius: 5px;
}

.scrollable-list::-webkit-scrollbar-thumb {
    background: #888; /* Thumb color */
    border-radius: 5px;
}

.scrollable-list::-webkit-scrollbar-thumb:hover {
    background: #555; /* Hover color */
}
.assignment_team_new {
    background-color:#E1261C !important;
    color:white !important;
    height: 36px !important;
}

#uploaded_game {
    border: 1px solid #ccc !important; /* Light gray border */
    padding: 10px; /* Optional padding */
    color:#000000
}

 .upload-link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
  }

  .overflowhidden1 {
    padding-right:0px !important;
  }

  .is-invalid {
    border-color: red;

  }

  .video-thumbnail{
    height: 107px;
  }
  .assigned_rec .hasDatepicker{
    width: 100% !important;
    text-align: left;
  }

.pool-film-container .customer-logos.slick-slider .slick-prev,
.pool-film-container .customer-logos.slick-slider .slick-next {
    width: unset;
        padding: 10px 20px !important;
  }
  .checkbox-container input:checked~.checkmark {
    background-color: #CD3624 !important;
    border: 1px solid #CD3624 !important;
}

.members-listing-content.teamRole {
    display: inline;
    font-size: 14px;
}

.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);
}

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

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

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

#facility-camera-details .members-listing-content {
    color: #000000;
    font-size: 14px;
    font-family: 'Oxygen';
    margin: 0;
    font-weight: 400;
    padding-left: 25px;
    display:inline;
} 
.outer {
    border: 1px solid #c1bcbc;
    border-radius: 50px;
    padding: 5px;
    width: 31%;
}

.org_category_list .org_category_cam{
    top: 8%;
    margin-top: 0%;
}
#organization_settings_modal .layout_duration{
    margin-top: 2%;
}

#org_setting_cat_name{
  overflow-wrap: break-word !important;
  max-width: 253px;
   }

#organization_settings_modal .dropdown-toggle{
    margin-top: unset !important;
}

.page-wrapper header#navbar .header-wrap-inner .buttons {
    flex-wrap: unset !important;
}

#facilityCams .fcamgim_tab-head {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

#facilityCams .tab-facilty_cam, 
#facilityCams .tab-gimbal {
    width: 50%;
}

#facilityCams .tab-facilty_cam li {
    border-top-left-radius: 9px;
}

#facilityCams .tab-gimbal li {
    border-top-right-radius: 9px;
}

#facilityCams .fcamgim_tab-head li {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 1px 0;
    cursor: pointer;
    padding: 0px 20px;
    height: 44px;
    line-height: 31px;
    color: #000000;
    border-bottom: 0px;
    overflow: hidden;
    background: #F0F0F0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#facilityCams .fcamgim_tab-head li.active {
    background-color: #E93D29;
    color: #fff;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#facilityCams .fcamgim_tab-head li:hover {
    color: #000;
    height: 45px !important;
}

#facilityCams .gimb-venues {
    width: 100%;
}

#facilityCams #gimb_container .scoreboard-wrap .scoreboard-recorder {
    margin: 6px 0px 0px 0px;
    width: 20px;
    height: 20px;
}

#facilityCams #gimb_container .scoreboard-wrap .scoreboard-recorder-label {
    font-size: 12px;
    margin: 8px 0px 0px 25px;
}

#facilityCams .addMainLocation_gimb img {
    width: 38px;
}

#facilityCams .addMainLocation_gimb {
    cursor: pointer;
    float: right;
    margin-right: 8px;
}

.gimb-venue-wrap {
    margin-bottom: 15px;
    max-width: 20%;
    min-width: auto; /* fit-content; */
}

.gimb-venue-wrap .venue-thumb-wrap {
    border: 1px solid #707070;
    border-radius: 19px;
    cursor: pointer;
    width: auto; /* 116px; */
    height: 103px;
}

.gimb-edit_venue img {
    margin: 0px 0px 4px 2px;
}

.gimb-add-sub-location img {
    width: 14px;
}

.gimb-remove-sub-location {
    width: 28px;
    height: 28px;
    border: 1px solid #E1261C;
    border-radius: 8px;
    cursor: pointer;
    float: left;
}

.gimb-add-sub-location {
    width: 28px;
    height: 28px;
    border: 1px solid #707070;
    border-radius: 8px;
}

.gimb-camera-wrap {
    min-width: fit-content;
    border: 2px solid #ccc;
    height: auto;
    border-radius: 6px;
    margin: 0px 20px 20px 20px;
    padding: 0px !important;
    position: relative;
    width: auto;
}

.gimb-camera-wrap .venue-thumb-wrap {
    height: 162px !important;
    margin-top: unset !important;
    border-radius: 19px;
    cursor: pointer;
    width: 300px;
    margin-top: 32px;
}

.gimb-camera-wrap .camera-options-wrap { 
    height: auto; /* 95px */
    margin-top: unset !important;
    background: #4d4d4d;
    color: #fff;
    padding: 1px;
    border-radius: 0px 0px 8px 8px;
}

.gimb-camera-wrap .camera-options-wrap h4 {
    /* float: left;
    margin-left: 124px; */
    width: 75%;
    display: inline-block;
    /* padding-left: 41px; */
}

.gimb-venue-wrap h4, .gimb-camera-wrap h4 {
    font-size: 12px !important;
    margin-top: 5px;
    font-weight: unset !important;
}
.gimb-create-venues .table {
    --bs-table-accent-bg: rgba(0, 0, 0, 0);
 }
 .gimb-create-venues input.form-control {
     background-color: unset !important;
     padding: .375rem .75rem;
 }
 .gimb-saveFacilityRooms{
     padding: .375rem .75rem !important;
     font-size: 1rem !important;
     border-radius: .25rem !important;
 }
.gimb-cancelFacilityRooms, .gimb-back-to-venue {
    color:#FFF !important;
}

.gimb-create-venues input[type="text"] {
    border-radius: 8px;
}

.gimb-cancelFacilityRooms {
    background: #A09F9D;
    background-color: #A09F9D !important;
}

.gimb-camera-thumb-wrap {
    height: 162px;
    align-content: center;
    margin-top: unset !important;
}

.gimb-camera-thumb-wrap .camera-thumb {
    margin-top: unset !important;
}
#org_setting_restrictstat{
    height: 30px;
    width: 3rem;
}

#org_setting_email_notification{
    height: 30px;
    width: 3rem;
}
.orgsettingscustomclass{
    padding: 15px 13px 15px 20px !important;
}
.credential_link{
    position: absolute;
    font-size: 12px;
    right: 18px;
    bottom: 0px;
    color: #e1261c;
    line-height: normal;
    font-weight: 400;
}
.resend-cred-btn{
    width: 100%;
}
.resend-cred-btn small {
    position: relative;
}
.credential_link_pg {
    position: absolute;
    font-size: 12px;
    color: #e1261c;
    line-height: 1;
    font-weight: 400;
    margin-left: 40px;
    bottom: 0;
}
.custom-login .signUp_div {
    position: relative;
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.custom-swal-success-txt .swal-text {
    text-align: center;
}
.copyIcongame{
    margin-top: 8%;
    align-self: center;
}
.copy-game-id{
    margin-top: 0%;
    font-size: 14px;
    cursor: pointer;
    color: #666565cc;
}
.checkboxselection{
    margin-left:8%;
    margin-top: 8%;
}
.disabled {
    pointer-events: none; /* Disable clicking */
    opacity: 0.5; /* Optional: make it look disabled */
}
.ui-menu-item .associated-item::after {
    content: " [This is the associated primary email ID added by the provided user. Select and proceed.]";
    color: #414141 !important;
    font-size: 13px !important;
       }
       
.childRow {
 position: relative;
}
 
.text-danger.child-error-msg {
 position: absolute;
 bottom: -18px;
}

.add-rotation-set {
align-self: end;
margin-bottom: 5px
}

#snipsToLibraryModal .addto-type .type {
    height: 40px;
    background-color: #CD3624;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

#snipsToLibraryModal .addto-type .addto-plyr-type {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    width: 100%;
    text-align: center;
}

#snipsToLibraryModal .close span {
    font-size: 25px;
}
#snipsToLibraryModal .content {
    margin-left: 15px;
}

#mapToDiv .list-group{
    max-height: 400px;
    overflow-y: scroll;
}
.gamemap-team-loader {
    position: absolute;
    display: none;
    width: 40px;
    top: 60px;
    left: 125px;
}
.img-zero-setup img{
  width:30%
}
.img-conference{
    align-self: center;
}
@media (max-width: 720px) {
    .img-conference {
        height: unset!important;
        align-self: center;
    }
    .btn-zero-setup{
        width: 93%;
        font-size: 12px!important;
        margin-bottom: 9px;
    }
        .img-setup {
        width: 75% !important;
    }
    .tabs-wrapper .tab-btn {
        color: #000;
    }
    .club_custom_img img {
        height: 4rem;
    }
    
    .img_wrap_college img {
        height: 5rem !important;
    }
}
#modalAlertmsg{
    z-index:9999!important;
}