.main-title{text-align:center;background-color:#f5f5f5;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:40px}.menu-container{margin:0 10px;display:inline-block;position:relative}.menu-trigger{color:#fff;cursor:pointer;background-color:#0070f3;border:none;border-radius:5px;padding:10px 20px;font-size:16px}.menu-dropdown{z-index:10;background-color:#fff;border-radius:4px;min-width:160px;margin:0;padding:8px 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #00000026}.menu-item a{color:#333;text-align:left;padding:10px 16px;font-size:14px;text-decoration:none;display:block}.menu-item a:hover{background-color:#f5f5f5}.user-preferences{z-index:100;background-color:#f0f8ff;border:1px solid #000;flex-direction:column;justify-content:space-between;width:65%;height:50%;font-size:18px;display:flex;position:fixed;top:50%;left:50%;translate:-50% -50%}.Box{width:75%;margin:auto}.Box p,.FAQParagraph{margin-top:35px;font-family:"Times New Roman, Times, serif";font-size:22px;line-height:30px}.Header{margin-top:20px;font-family:"Times New Roman, Times, serif";font-size:26px;font-weight:700}body{background-color:#f1e4e4;margin:0;padding:0;font-family:Arial,sans-serif}.chat-container{background-color:#fff;height:100vh;display:flex}.sidebar{color:#fff;background-color:#2c3e50;flex:1;padding:20px;overflow-y:auto}.chat-area{flex-direction:column;flex:3;display:flex}.chat-header{color:#fff;text-align:center;background-color:#3498db;padding:15px}.messages{flex:1;padding:20px;overflow-y:auto}.message{margin-bottom:15px}.sent{justify-content:flex-end;display:flex}.received{justify-content:flex-start;display:flex}.message-bubble{border-radius:10px;max-width:70%;padding:10px}.sent .message-bubble{color:#fff;background-color:#3498db;border-bottom-right-radius:0}.received .message-bubble{color:#000;background-color:#eaeaea;border-bottom-left-radius:0}.message-input{background-color:#fff;border-top:1px solid #e0e0e0;align-items:center;padding:15px;display:flex}.message-input textarea{resize:none;border:none;border-radius:5px;flex:1;margin:10px;padding:10px}.sub-title{text-align:center;font:arial;height:75px;margin:0 auto;padding:10px;font-size:35px}.message-box{text-align:center;font:arial;color:red;margin:auto;padding:40px 10px;font-size:30px;font-weight:700}.big-container{display:block}.my_button{color:#fff;cursor:pointer;width:fit-content;height:fit-content;font:Arial;background-color:#006400;border:1px solid #000;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;margin:auto;padding:0 10px;font-size:20px;display:flex}.my_radio{justify-content:flex-start;align-items:flex-start;display:flex}.my_input{flex-direction:row;justify-content:space-between;margin:25px 0;font-size:30px;display:flex}.my_input label{text-align:left;color:#00f;width:40%;margin-left:10%}.my_input input{text-align:right;width:40%;font-size:inherit;align-content:center;margin-right:10%}.my_listbox_search{border:1px solid #000;display:block}.my_listbox_search_list_box{background-color:#fff;border:1px solid #000;width:75%;height:250px;display:block;overflow-y:scroll}.my_listbox_search input{color:#00f;background-color:#fff;justify-content:space-between;width:75%;font-size:20px;display:flex}.my_grid{border:1px solid #000;font-size:24px;display:block}.simple_list_box{width:65px;height:75px;display:block;overflow-y:scroll}.simple_list_box_title{justify-content:center;display:flex}.simple_list_box_all_items{display:block}.simple_list_box_one_item{justify-content:flex-start;display:flex}.main-container{margin:3% 25%;font-size:20px;display:block}.one-input-line{justify-content:space-between;margin:25px 0;display:flex}.one-user-link-box{flex-direction:column;justify-content:space-evenly;display:flex}.drop-down-box{margin:0 10px;display:inline-block;position:relative}.drop-down-trigger{color:#fff;cursor:pointer;background-color:#0070f3;border:none;border-radius:5px;padding:10px 20px;font-size:16px}.dropdown-list{z-index:10;background-color:#fff;border-radius:4px;min-width:160px;margin:0;padding:8px 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #00000026}.list-item{color:#333;text-align:left;padding:10px 16px;font-size:14px;text-decoration:none;display:block}.drop-down-menu{z-index:200;height:125px;position:absolute;overflow-y:scroll}.color-selector-dlg{z-index:100;background-color:#f0f8ff;border:1px solid #000;width:65%;height:60%;font-size:18px;display:block;position:fixed;top:50%;left:50%;translate:-50% -50%}.color-selector{border:1px solid #000;flex-wrap:wrap;justify-content:space-evenly;width:50%;margin:10px 0;display:flex}.one-color-choice{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:1000px;height:40px;display:flex}.one-color-option{cursor:pointer;border:1px solid #000;width:50px;height:20px;margin:10px;padding:5px}.one-color-option-selected{border:1px solid #4af706;width:50px;height:20px;margin:10px;padding:5px}.dropdown{display:inline-block;position:relative}.dropdown-btn{color:#000;cursor:pointer;border:none;width:150px;font-size:20px}.dropdown-content{z-index:1;background-color:#f1f1f1;min-width:160px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #0003}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.score-sheet{z-index:100;background-color:#f0f8ff;border:1px solid #000;flex-direction:column;justify-content:space-between;width:65%;height:80%;font-size:18px;display:flex;position:fixed;top:50%;left:50%;translate:-50% -50%}.score-sheet-choices{justify-content:flex-start;width:100%;margin:auto;display:flex}.score-sheet-dropdown{margin-left:100px;display:block}.score-sheet-dropdown-title{justify-content:flex-start;font-size:18px;display:flex}.scores-sheet-box-titles{grid-template-columns:10% 10% 10% 10% 10% 10% 10% 10% 10%;margin:2%;display:grid}.scores-sheet-box{grid-template-columns:10% 10% 10% 10% 10% 10% 10% 10% 10%;row-gap:1%;height:90%;margin:2%;display:grid;overflow-y:scroll}.scores-sheet-box-top-row{z-index:2;position:sticky;top:0}.left-side{width:25%;height:1000px;margin-left:10px;display:block}.room-info{justify-content:space-around;width:100%;margin:5px 0;font-size:23px;display:flex}.room-info-text{flex-wrap:wrap;width:75%;padding:5px;display:flex}.select-room-box{width:100%;height:100px}.right-side{width:75%;display:block}.bidding-box{width:90%;height:35%;margin:2% auto;padding:10px 0;display:block}.blank-box{border:1px solid #000;width:90%;height:35%;margin:2% auto}.all-bids-box{border:1px solid #000;width:90%;height:18%;margin:2% auto;display:block}.bidding-grid{grid-template-columns:25% 25% 25% 25%;margin:auto;display:grid}.bidding-choice-grid{flex-wrap:wrap;justify-content:space-evenly;margin:auto;display:flex}.position-label{font-size:21px;font:arial;justify-content:flex-start;display:flex}.vulnerability-message{text-align:center;height:23px;margin-bottom:2%;font-size:21px}.one-trick-div-container{width:30%;display:flex-start;justify-content:center;align-items:center;height:250px;margin-left:10px}.one_trick-mat-div{background-color:#9fee9f;border:3px solid #36be1a;width:40%;height:60%;margin-top:10%;margin-left:10%;display:block}.one-trick-div{display:block}.one-trick-card-div-NS{justify-content:center;display:flex}.one-trick-card-div-EW{justify-content:space-evenly;width:100%;margin:auto;display:flex}.played-tricks-one-trick-mat-div{display:block}.one-hand-div{width:30%;display:block}.hand-play-box{text-align:center;flex-direction:column;justify-content:flex-start;width:90%;height:35%;margin:2% auto;font-size:18px;display:flex}.controls-container{flex-wrap:wrap;justify-content:space-evenly;height:8%;display:flex}.assign-seats-modal-container{z-index:100;background-color:#f0f8ff;border:1px solid #000;flex-direction:column;justify-content:space-between;width:50%;height:75%;display:flex;position:fixed;top:50%;left:50%;translate:-50% -50%}.played-hands-box-container{z-index:100;background-color:#f0f8ff;border:1px solid #000;flex-direction:column;justify-content:space-between;width:35%;height:40%;display:flex;position:fixed;top:50%;left:50%;translate:-50% -50%}.host-controls-pop-containter{z-index:100;background-color:#f0f8ff;border:1px solid #000;flex-direction:column;justify-content:space-between;width:65%;height:75%;display:flex;position:fixed;top:50%;left:50%;translate:-50% -50%}.view-played-hands-pop-containter{background-color:#f0f8ff;border:1px solid #000;flex-direction:column;justify-content:flex-start;width:50%;height:50%;display:flex;position:fixed;top:50%;left:50%;translate:-50% -50%}.board-select-containter{z-index:100;background-color:#f5aa08;border:1px solid #000;flex-direction:column;justify-content:space-between;width:65%;height:75%;display:flex;position:fixed;top:50%;left:50%;translate:-50% -50%}.list-of-boards{background:#fff;border:1px solid #000;width:50%;height:50%;margin:5% auto;display:block;overflow-y:scroll}.one-board-container{justify-content:space-evenly;width:90%;margin:1%;font-size:20px;display:flex}.deck-collection-management-container{display:block}.select-deck-box{width:15%;margin:100px;display:block}.deck-collection-options-container{width:30%;margin:100px;font-size:25px;display:block}.deck-collection-containter{width:35%;margin:100px 0;display:block}.one-deck{width:100%;margin:auto;font-size:18px;display:block}.one-row{justify-content:space-around;margin:10px;display:flex}.containter-deck-collection-new,.start-table-container{display:block}.select-user-box{width:100%;display:block}.hand-features-box{border:1px solid #000;width:50%;display:block}.hand-feature-box{border:1px solid #000;display:block}.all-hand-features{border:1px solid #000;height:300px;display:block;overflow-y:scroll}.hand-feature-one-line{align-items:center;margin:2%;display:flex}.hand-feature-one-line label{width:20%}.hand-feature-one-line-widget{width:75%}.one-hand-feature{margin:5px}.one-hand-feature-one-line{margin:5px;font-size:15px}.all-tables{border:1px solid #000;height:300px;margin-top:40px;display:block;overflow-y:scroll}.one-room{justify-content:space-between;margin:5px;font-size:18px;display:flex}.one-room-room-name{overflow-wrap:break-word;width:50%}.one-room-buttons{justify-content:space-evenly;width:50%;display:flex}.room-management-container{display:block}.one-room-class{justify-content:space-between;width:100%;margin-top:5px;font-size:18px;display:flex}.show-decks{display:block}.show-decks-input{justify-content:space-around;width:50%;margin:25px auto;font-size:25px;display:flex}.room-name{width:150px;margin-left:25px;font-size:25px}.all-rooms-box{border:1px solid #000;width:75%;height:250px;overflow-y:scroll}.button-piece-per-room{justify-content:space-between;width:35%;margin-right:5px;padding:3px;display:flex}.edit-deck-box{background-color:azure;width:800px;height:850px;position:absolute;translate:10px 50px}.available-cards-box{border:1px solid #000;width:95%;height:150px;margin:auto;padding:0 10px}.available-cards-one-row{justify-content:flex-start;height:30px;display:flex}.top_row{justify-content:space-around;font-size:14px;display:flex}.all-invitations-box{border:2px solid #000;width:60%;height:300px;margin:40px auto;padding:10px;display:block;overflow-y:scroll}.one-invite{justify-content:space-evenly;align-items:top;border-bottom:2px dotted #333;font-size:22px;display:flex}.room-name{width:30%}.host{width:40%}.all-players{width:40%;display:block}.main-body{justify-content:space-evenly;width:100%;display:flex}.current-message-container{width:30vw;height:60vh;display:block}.current-message-title{margin:auto;font-size:24px;display:flex}.current-messages-list{border:1px solid #000;width:80%;height:50vh;display:block;overflow-y:scroll}.one-message{justify-content:space-between;width:100%;margin-top:9px;font-size:22px;display:flex}.message-form-container{border:1px solid #000;width:50vw;font-size:24px;display:block}.message-form-buttons{justify-content:space-evenly;width:100%;padding:3vh 3vw;display:flex}.message-form{justify-content:space-evenly;padding:1vh 1vw;display:flex}.message-form-text-subject{border:1px solid #000;width:65%;font-size:24px;display:block}.message-form-participants{width:30%;display:block}.message-stream-container{border:1px solid #000;width:30vw;height:50vh;display:block;overflow-y:scroll}.one-response-container{width:95%;margin:auto;font-size:18px}.one_response-header{justify-content:space-between;width:100%;display:flex}.one_response-text{width:100%;padding-bottom:1vh}