/* .team-numberpoints.ui-button.ui-widget {
    box-shadow: none !important;
} */

.gameopen-container .dropdown-wrapper {
    display: block !important;
}

#cardSelectionPopup,
#teammateSelectionPopup {
    padding-top: 10px !important;
}

#newsfeed,
#currentbidcontainer {
    flex-wrap: wrap !important;
}

.namecontainer.player-name {
    width: 200px !important;
    margin: 0 auto !important;
}

#rightnamecontainer,
#rightnamecontainer2 {
    left: -125px !important;
}

#leftnamecontainer,
#leftnamecontainer2 {
    right: -125px !important;
}

.team-total-points-box .team-numberpoints {
    max-width: 139px !important;
}

.namecontainer .timer-capsule .player-title {
    margin-top: 0;
    z-index: 2;
    display: inline-block;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row !important;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) and (max-height: 600px) {}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .ui-button.ui-widget {
        font-size: 21px !important;
    }
}

@media screen and (min-width: 993px) {
    .copy-link-btn svg {
        display: none;
    }
}

@media screen and (max-width: 992px) {

    div#languageDropdownDiv {
        display: none !important;
    }

    button.btn.btn-smaller.copy-link-btn.btn-primary {
        font-size: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMWYxZjFmIj48cGF0aCBkPSJNNzYwLTIwMEgzMjBxLTMzIDAtNTYuNS0yMy41VDI0MC0yODB2LTU2MHEwLTMzIDIzLjUtNTYuNVQzMjAtOTIwaDI4MGwyNDAgMjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ3NjAtMjAwWk01NjAtNjQwdi0yMDBIMzIwdjU2MGg0NDB2LTM2MEg1NjBaTTE2MC00MHEtMzMgMC01Ni41LTIzLjVUODAtMTIwdi01NjBoODB2NTYwaDQ0MHY4MEgxNjBabTE2MC04MDB2MjAwLTIwMCA1NjAtNTYwWiIvPjwvc3ZnPg==) !important;
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .copy-link-btn.btn-success:hover,
    .copy-link-btn.btn-success {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNNzYwLTIwMEgzMjBxLTMzIDAtNTYuNS0yMy41VDI0MC0yODB2LTU2MHEwLTMzIDIzLjUtNTYuNVQzMjAtOTIwaDI4MGwyNDAgMjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ3NjAtMjAwWk01NjAtNjQwdi0yMDBIMzIwdjU2MGg0NDB2LTM2MEg1NjBaTTE2MC00MHEtMzMgMC01Ni41LTIzLjVUODAtMTIwdi01NjBoODB2NTYwaDQ0MHY4MEgxNjBabTE2MC04MDB2MjAwLTIwMCA1NjAtNTYwWiIvPjwvc3ZnPg==) !important;
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    button.btn.btn-smaller..copy-link-btn.btn-success:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNNzYwLTIwMEgzMjBxLTMzIDAtNTYuNS0yMy41VDI0MC0yODB2LTU2MHEwLTMzIDIzLjUtNTYuNVQzMjAtOTIwaDI4MGwyNDAgMjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ3NjAtMjAwWk01NjAtNjQwdi0yMDBIMzIwdjU2MGg0NDB2LTM2MEg1NjBaTTE2MC00MHEtMzMgMC01Ni41LTIzLjVUODAtMTIwdi01NjBoODB2NTYwaDQ0MHY4MEgxNjBabTE2MC04MDB2MjAwLTIwMCA1NjAtNTYwWiIvPjwvc3ZnPg==) !important;
    }

    .creategame-form>div:not(:last-child) {
        margin-bottom: 15px !important;
    }

    #alertbox {
        zoom: 0.6 !important;
    }

    div#lobbybuttonscontainer:has(button[style*="display: none"]) {
        max-width: 300px !important;
    }

    body .btn_confirm_selection {
        font-size: 13px !important;
        padding: 12px !important;
        max-height: 40px !important;
    }



    #rightnamecontainer,
    #rightnamecontainer2 {
        left: -140px !important;
    }

    #leftnamecontainer,
    #leftnamecontainer2 {
        right: -140px !important;
    }

    body div#cardSelectionContainer {
        max-height: 260px !important;
        grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)) !important;
    }

    body #cardSelectionPopup,
    body #teammateSelectionPopup {
        padding: 10px !important;
        height: auto !important;
        max-height: calc(100dvh - 140px);
    }


    .card-solitairtext {
        zoom: 1 !important;
    }

    .custom-slick-nav,
    div#lobbybuttonscontainer {
        max-width: 580px !important;
    }

    #confirmbegingamedialog p {
        white-space: normal !important;
    }

    .cardgame-mainpage .title-text-design {
        margin-top: 30px !important;
    }

    .copy_link_wrap {
        gap: 6px !important;
        padding: 5px 10px !important;
    }

    #ingamecontainer {
        width: 100% !important;
    }

    .copy_link_wrap button {
        border: none;
        font-size: 15px;
        color: #000;
        width: 28px;
        height: 28px;
        padding: 0;
        min-width: 28px;
    }

    .share-btn img {
        width: 13px;
        height: 13px;
        display: inline-block;
    }

    .copy_link_wrap {
        font-size: 0 !important;
    }

    .copy-link-btn {
        font-size: 0 !important;
    }

    .copy-link-btn svg {
        display: inline-block;
    }

    .player-name span,
    #newsfeed,
    #currentbidcontainer,
    .player-name-title {
        font-size: 22px !important;
    }

    .custom-slick-nav .slick-arrow:after {
        left: 1px;
        right: 1px;
        top: 1px;
        bottom: 1px;
    }

    .custom-slick-nav .slick-arrow {
        width: 35px;
        height: 35px;
    }

    .custom-slick-nav .slick-arrow::before {
        width: 10px;
    }

    .team-numberpoints.ui-button.ui-widget {
        width: 100% !important;
        height: 40px !important;
    }

    .slick-dotswrapper {
        width: 100% !important;
        max-width: calc(100% - 70px) !important;
    }

    #gamedescription+.custom-slick-nav {
        margin-bottom: 0;
        width: 100%;
        margin: 10px auto 0 !important;
        display: flex !important;
        justify-content: center;
    }

    #ingamecontainer>div,
    .cardgame-mainpage {
        zoom: 1 !important;
    }

    .dropdown-wrapper {
        padding: 4px 15px;
        position: relative;
    }

    .input-box {
        border-radius: 7px !important;
        -webkit-border-radius: 7px !important;
        -moz-border-radius: 7px !important;
        -ms-border-radius: 7px !important;
        -o-border-radius: 7px !important;
    }

    .chat-inputwrap input,
    .form-control {
        height: 35px !important;
        font-size: 15px !important;
        border-radius: 8px !important;
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        -ms-border-radius: 8px !important;
        -o-border-radius: 8px !important;
    }

    #joingamedialog {
        height: auto !important;
        max-height: calc(100dvh - 120px) !important;
    }

    .teamplayers-box {
        flex-direction: column !important;
    }

    .teamplayers-box {
        gap: 5px;
    }

    .room-list-header th,
    .room-list-row td {
        font-size: 16px !important;
    }

    .custom-slick-nav {
        height: 50px !important;
    }

    .btn-join-room {
        font-size: 14px !important;
    }

    .teamplayers-box {
        margin-bottom: 10px !important;
    }

    .btn-smaller.ui-state-default span {
        padding: 5px 0 !important;
    }

    .modal-body #availableRoomsList {
        overflow: auto !important;
    }

    .room-list-header .room-list-header-cell,
    .room-list-cell {
        white-space: nowrap !important;
    }

    #availableRoomsdialog {
        max-height: calc(100dvh - 120px) !important;
    }

    .modal-wrapper.ui-widget-content {
        zoom: 1 !important;
        max-width: 500px !important;
    }

    #update_game_details_dialog {
        min-height: inherit !important;
    }

    #gameaccordiancontainer:not(.gameopen-container) .games-titlebox,
    #gameaccordiancontainer:not(.gameopen-container) .gamein-container,
    #gameaccordiancontainer:not(.gameopen-container) #lobbybuttonscontainer,
    #gameaccordiancontainer:not(.gameopen-container) .custom-slick-nav {
        zoom: 1 !important;
    }

    div#lobbybuttonscontainer {
        zoom: 1 !important;
        width: 100% !important;
    }

    .title-text-design {
        margin-bottom: 20px !important;
    }

    .modal-header p.text-whitegradient-create-game-dialog.initial-show {
        font-size: 28px !important;
    }

    #creategamedialog .modal-header .inner-text-box {
        font-size: 16px !important;
    }

    #update_game_details_dialog {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #creategamedialog {
        max-height: calc(100dvh - 120px) !important;
    }

    .tab-toggle-label {
        padding: 9px 10px;
        font-size: 13px;
    }

    .individual-points-hover .team-numberpoints .ui-button-text {
        zoom: 1 !important;
    }

    .modal-heading {
        font-size: 28px !important;
        margin-bottom: 15px !important;
    }

    .modal-headingcontent,
    .gamestatuscontainer,
    .text-subheading {
        font-size: 16px !important;
    }

    .gametitle-text {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .homePlayerSelection {
        flex-direction: column;
        gap: 10px;
    }

    #howToContentId h3,
    .game-rules-content h3 {
        font-size: 25px !important;
    }

    div#htpContent h4,
    .game-rules-content h4,
    div#htpContent h5,
    .game-rules-content h5 {
        font-size: 20px !important;
    }

    div#htpContent table,
    .game-rules-content table,
    div#htpContent td,
    .game-rules-content td,
    div#htpContent th {
        font-size: 16px !important;
    }

    div#htpContent p,
    div#htpContent ul li,
    div#htpContent ol li,
    .game-rules-content p,
    .game-rules-content ul li,
    .game-rules-content ol li {
        font-size: 16px !important;
    }

    .ui-button.btn.btn-cancel,
    .btn.btn-cancel .ui-button-text {
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
    }

    .btn.btn-cancel .ui-button-text img {
        max-width: 20px !important;
    }

    #ingamecontainer>.gamein-container {
        zoom: 1 !important;
    }

    .howto-content>div {
        padding: 0 !important;
    }

    #lobby,
    .modal-wrapper.ui-widget-content {
        padding: 13px !important;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        gap: 10px;
    }

    #gamedescription {
        /* overflow: auto !important; */
    }

    .ui-button.ui-widget .ui-button-text,
    .ui-button.ui-widget {
        font-size: 18px !important;
        white-space: nowrap;
        /* min-width: inherit !important; */
    }

    #creategamedialog {
        margin: 0 !important;
        padding: 0 10px !important;
        max-height: 60dvh;
    }

    .modal-wrapper.ui-dialog::after,
    .modal-wrapper::before {
        border-radius: 20px !important;
        -webkit-border-radius: 20px !important;
        -moz-border-radius: 20px !important;
        -ms-border-radius: 20px !important;
        -o-border-radius: 20px !important;
    }

    .close-modal {
        position: absolute;
        top: -15px;
        right: -5px;
    }

    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        border-radius: 5px;
    }

    .gametitle_wrap {
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        -moz-border-radius: 10px !important;
        -ms-border-radius: 10px !important;
        -o-border-radius: 10px !important;
    }

    .join-link-container {
        padding-top: 0 !important;
    }



    #gamedescription+.custom-slick-nav:has(.slick-dotswrapper:empty) {
        height: auto !important;
        display: none !important;
    }

    .custom-slick-nav:has(.slick-dotswrapper:empty) .slick-dotswrapper {
        margin: 0 !important;
    }

    .gameopen-container {
        zoom: 1 !important;
        /* overflow: auto !important; */
    }

    .gamein-container {
        padding: 10px 10px 20px !important;
        border-radius: 15px !important;
        -webkit-border-radius: 15px !important;
        -moz-border-radius: 15px !important;
        -ms-border-radius: 15px !important;
        -o-border-radius: 15px !important;
    }
}

@media screen and (max-width: 992px) and (orientation: landscape) {

    #cardSelectionPopup,
    #teammateSelectionPopup {
        padding: 10px !important;
        max-height: 300px !important;
    }

    #chatcontainer {
        height: calc(100% - 50px);
        margin-top: auto !important;
    }

    .tab-toggle-label {
        padding: 10px 10px !important;
        font-size: 15px !important;
    }

    #gamedescription {
        overflow: auto !important;
    }

    .title-text-design {
        margin-bottom: 20px !important;
        font-size: 28px !important;
    }

    .modal-wrapper.ui-widget-content {
        max-width: 500px !important;
    }

    .text-whitegradient {
        font-size: 22px !important;
    }

    .gameopen-container p {
        margin-bottom: 20px !important
    }

    #lobbychatarea {
        padding: 15px 20px 0 !important;
    }

    .dropdown-wrapper {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .chat-inputwrap input,
    .form-control {
        height: 40px !important;
        font-size: 15px !important;
    }

    .form-label {
        font-size: 11px !important;
    }

    .dropdown-wrapper {
        /* padding: 0px 12px; */
        position: relative;
    }

    .custom-select,
    .dropdown-wrapper label {}

    #gamedetails {
        /* overflow: auto !important; */
    }
}

@media screen and (max-width: 768px) and (orientation: portrait) {
    .gameopen-container p {
        margin-bottom: 30px !important;
    }

}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .gameopen-container p {
        margin-bottom: 30px !important;
    }

    .modal-wrapper.ui-widget-content {
        max-width: 500px !important;
    }

    body #topContainerParentDiv {
        max-width: 800px !important;
    }
}

@media screen and (max-width: 767px) {

    #cardscontainer.cards-boxwrapper img:nth-child(odd) {
        z-index: 11 !important;
    }

    #cardSelectionPopup button#confirmCardSelectionBtn {
        padding: 12px 15px !important;
    }

    .modal-heading {
        font-size: 24px !important;
        margin-bottom: 15px !important;
    }

    .my-cards-btns div {
        font-size: 12px !important
    }

    body .btn_confirm_selection {
        font-size: 13px !important;
        padding: 8px 5px !important;
    }

    button#confirmTeammateSelectionBtn {
        padding: 13px 5px !important;
        font-size: 12px !important;
    }

    .btn_confirm_selection.confirm-modal-btn,
    .btn_confirm_selection.my-cards-btns {
        font-size: 12px !important;
    }

    #update_game_details_dialog {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .ui-dialog .ui-dialog-buttonpane {
        padding: .3em 10px .5em 10px !important;
    }

    .player-name-title {
        margin-inline: auto !important;
    }

    .card-solitairtext {
        bottom: 0 !important;
    }

    #topContainerParentDiv {
        max-width: 400px !important;
    }

    .player-name span,
    #newsfeed,
    #currentbidcontainer,
    .player-name-title {
        /* font-size: 16px !important; */
    }

    /* #topContainerParentDiv {
        max-width: 400px !important;
    } */

    .full-screen-close-btn {
        font-size: 0.9rem;
    }

    div#languageDropdownDiv {
        display: none !important;
    }

    .dropdown-wrapper {
        padding: 0px 12px;
        position: relative;
        display: block !important;
    }

    .ui-button.ui-widget .ui-button-text,
    .ui-button.ui-widget {
        font-size: 15px !important;
        white-space: nowrap;
        /* min-width: inherit !important; */
    }

    .join-link-container h2 {
        margin-top: 0 !important;
    }

    .text-whitegradient-available-rooms-dialog {
        font-size: 34px !important;
    }

    #gamedetails {
        /* overflow: auto !important; */
    }

    .title-text-design {
        margin-bottom: 20px !important;
        font-size: 45px !important;
    }

    #ingamecontainer>div {
        zoom: 1 !important;
    }

    .modal-wrapper.ui-widget-content {
        max-width: 500px !important;
    }

    .text-whitegradient {
        font-size: 22px !important;
    }

    .how-to-play-icon-btn,
    .chat-icon-btn {
        z-index: 555 !important;
    }

    .title-text-design {
        font-size: 35px !important;
        /* margin-bottom: 50px !important */
    }

    .dropdown-wrapper {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .chat-inputwrap input {
        height: 35px !important;
    }

    .form-label {
        font-size: 11px !important;
    }
}

@media screen and (max-width: 575px) {
    .modal-wrapper.ui-widget-content {
        max-width: 90% !important;
    }
}

@media screen and (max-width: 575px) {
    .ui-button.ui-widget {}
}

@media screen and (min-width: 768px) and (max-width: 992px) and (orientation: portrait) {
    .team-points {
        zoom: 1;
        bottom: 210px;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {

    .player-name span,
    #newsfeed,
    #currentbidcontainer,
    .player-name-title {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .team-points {
        bottom: 20px;
    }
}

@media screen and (min-width: 1200px) {
    .team-points {
        zoom: 0.8;
        bottom: 30px;
    }
}

@media screen and (min-width: 900px) {
    .team-points {
        bottom: 30px;
    }
}

@media screen and (max-height: 375px) {

    #leavegameconfirmationdialog,
    #confirmbegingamedialog,
    #abortdialog,
    #joinConfirmationDialog {
        max-height: calc(100dvh - 130px) !important;
    }

    #cardSelectionPopup,
    #teammateSelectionPopup {
        max-height: calc(100dvh - 80px) !important;
    }
}

@media screen and (max-width: 992px) and (orientation: landscape) {
    .title-text-design {
        font-size: 20px !important;
    }

    .gametitle-text {
        font-size: 16px !important;
    }

    .modal-headingcontent,
    .gamestatuscontainer,
    .text-subheading {
        font-size: 12px !important;
    }

    .gametitle_wrap {
        padding: 7px !important;
    }

    .copy_link_wrap input {
        font-size: 12px;
    }

    .copy_link_wrap button {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }

    .share-btn img {
        width: 11px;
        height: 11px;
    }

    button.btn.btn-smaller.copy-link-btn.btn-primary {
        background-size: 12px;
    }

    .copy_link_wrap button i {
        font-size: 11px;
        line-height: 20px;
    }

    .join-link-container {
        padding: 10px 10px 0;
    }

    .text-subheading {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .player-name-title {
        font-size: 13px !important;
        padding: 6px !important;
        margin-bottom: 5px !important;
    }

    /* .player-name span, #newsfeed, #currentbidcontainer, .player-name-title {
        font-size: 12px !important;
    } */
    .ui-button.ui-widget .ui-button-text,
    .ui-button.ui-widget {
        font-size: 12px !important;
    }

    #leavegamebutton {
        max-width: 160px;
    }

    .playerbox-wrap {
        margin-bottom: 0 !important;
    }

    .gamein-container {
        padding: 10px 10px 16px !important;
    }

    .title-text-design {
        margin-bottom: 13px !important;
    }

    .edit_player_name {
        margin: 0 10px 5px !important;
        font-size: 14px !important;
    }

    .confirm-leavedialogue.ui-dialog .ui-dialog-buttonpane span.ui-button-text {
        line-height: 1.6 !important;
    }

    #updategameDetailsLink svg {
        width: 20px;
        height: 20px;
    }

    .custom-slick-nav,
    div#lobbybuttonscontainer {
        max-width: 400px !important;
    }

    .ui-button .ui-button-text {
        line-height: 1 !important;
    }

    .modal-heading {
        font-size: 21px !important;
        margin-bottom: 05px !important;
    }

    .modal-header p {
        font-size: 0.7em !important;
    }

    p.title-text-design.alert-model-title {
        font-size: 26px !important;
    }

    .modal-header:not(.no-pattern)::after {
        height: 20px !important;
        background-size: 300px !important;
    }

    .modal-header {
        padding-bottom: 30px !important;
    }

    body .btn_confirm_selection {
        font-size: 11px !important;
    }

    div#cardSelectionContainer {
        max-height: 100% !important;
    }

    div#gametable button#deletegamebutton span.ui-button-text {
        font-size: 28px !important;
    }

    .round-summarybox {
        white-space: nowrap;
        overflow: auto;
        margin-top: 0 !important;
    }

    .outer-border {
        width: calc(100% - 390px) !important;
        height: calc(100dvh - -80px) !important;
    }

    .playerbox-wrap .team-box .player-name.text-center span {
        font-size: 11px !important;
    }
}

p.text-whitegradient-create-game-dialog.initial-show.hide {
    display: block !important;
}