body {
    width: 100%;
    height: 100%;
    background: #ECCBB3;
    overflow: hidden;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

#main_work_screen {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#work_place {
    transform: scale(1, 1);
}

div#menu {
    position: absolute;
    top: 0;
    left: 0;
}

div#work_place {
	/* padding: 40px; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.new_table {
    position: absolute;
    z-index: 1; 
    border: 1px dashed transparent;
}

#center_aling {
    position: absolute;
    top: 50%;
    left: 47%;
    margin-top: -150px;
    margin-left: -150px;
    width: 1px;
    height: 1px;
    z-index: 2;
}

.justify-between {
    justify-content: space-between;
}

.remove_tbl {
    position: absolute;
    width: 23px;
    height: 23px;
    background-color: #7E7E7E;
    right: 0;
    cursor: pointer;
    z-index: 3;
    background: url('../images/close.svg');
    background-size: cover;
}

.new_table img {
    max-width: 100%;
    max-height: 100%;
}

.new_table {
    width: auto;
    height: auto;
}

.num_table {
    position: absolute;
    top: 42%;
    left: 40.6%;
    font-size: 24px;
}

.stul_guest {
    position: absolute;
    height: 50%;
    top: 0;
    left: 38%;
    transform-origin: bottom center;
}

.input {
    width: 100%;
    height: 25px;
    background-color: #000;
    transform-origin: bottom center;
    padding: 1px 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

.input input {
    width: 100%;
    border: 0;
    display: block;
    background-color: transparent;
    border: 0;
    margin: 0;
    height: 10px;
    line-height: 12px;
    font-size: 8px;
    outline: none;
}

.input:after {
    content: '';
    position: absolute;
    /* Абсолютное позиционирование */
    left: 40%;
    bottom: -9px;
    /* Положение треугольника */
    border: 5px solid transparent;
    /* Прозрачные границы */
    border-top: 5px solid #fff;
    /* Добавляем треугольник */
}

.input {
    background-color: #fff;
    border-radius: 4px;
}

.input_out {
    position: absolute;
    width: 100%;
    height: 30px;
    transform-origin: center bottom;
}

.input {
    position: absolute;
    bottom: 50%;
    width: 150%;
    left: -25%;
}

.input input {
    text-align: center;
}

.vin {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
}


.v1vin {
    border-image-source: url(../images/vin1/group.svg) !important;
    border-image-slice: 80 !important;
    border-image-width: 50px !important;
    border-image-outset: 0 !important;
    border-image-repeat: inherit !important;
}

#v1 .left_top {
    position: absolute;
    top: 11px;
    left: 11px;
    width: 12%;
    height: 0;
    padding-top: 11%;
    background-size: contain;
    background-repeat: no-repeat;
}

#v1 .right_top {
    position: absolute;
    top: 18px;
    right: 4px;
    width: 12%;
    height: 0;
    padding-top: 11%;
    background-size: contain;
    background-repeat: no-repeat;
}

#v1 .left_bottom {
    position: absolute;
    bottom: 19px;
    left: 4px;
    width: 12%;
    height: 0;
    padding-top: 11%;
    background-size: contain;
    background-repeat: no-repeat;
}

#v1 .right_bottom {
    position: absolute;
    bottom: 12px;
    right: 11px;
    width: 12%;
    height: 0;
    padding-top: 11%;
    background-size: contain;
    background-repeat: no-repeat;
}

#v1 .bottom {
    position: absolute;
    bottom: 16px;
    left: 5%;
    width: 90%;
    height: 0;
    padding-top: 0.8%;
    background-size: contain;
    background-position: bottom center;
}

#v1 .top {
    position: absolute;
    top: 15px;
    left: 5%;
    width: 90%;
    height: 0;
    padding-top: 0.82%;
    background-size: contain;
    background-position: top center;
}

#v1 .left {
    position: absolute;
    left: 15px;
    top: 10%;
    width: 0.8%;
    height: 80%;
    background-size: contain;
    background-position: center left;
}

#v1 .right {
    position: absolute;
    right: 15px;
    top: 10%;
    width: 0.9%;
    height: 80%;
    background-size: contain;
    background-position: center left;
}
#v1 .left_top {
    background-image: url(../images/vin1/edge.svg);
}

#v1 .right_top {
    background-image: url(../images/vin1/edge.svg);
    transform: rotate(90deg);
}

#v1 .left_bottom {
    background-image: url(../images/vin1/edge.svg);
    transform: rotate(270deg);
}

#v1 .right_bottom {
    background-image: url(../images/vin1/edge.svg);
    transform: rotate(180deg);
}

#v1 .top {
    background-image: url(../images/vin1/top.svg);
    transform: rotate(180deg);
}

#v1 .right {
    background-image: url(../images/vin1/side.svg);
    transform: rotate(180deg);
}

#v1 .left {
    background-image: url(../images/vin1/side.svg);
}

#v1 .bottom {
    background-image: url(../images/vin1/top.svg);
}


/* Auth */
#backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    background: rgb(0 0 0 / 50%);
    display: none;
}
.auth {
    box-shadow: 0 0 30px rgb(0 0 0 / 20%);
    z-index: 11001 !important;
}
.auth__input {
    padding: 10px 15px;
    border-radius: 20px;
    border: 1px solid #d2d2d2;
    outline: none;
    margin-bottom: 10px;
}

.auth__button {
    background: #1890ff;
    border-radius: 90px;
    padding: 12px 20px;
    color: #fff;
    border: none;
    cursor: pointer;
    outline: none;
}

.auth__forgot_link {
    color: #0176ff;
    text-decoration: none;
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 15px;
}

.auth__tabs {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}

.auth__link {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    border: 1px solid #d2d2d2;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #000000;
    cursor: pointer;
    background-color: #cecece;
    transition: background-color 0.2s;
}
.auth__link.active {
    background-color: #fff;
    cursor: auto;
}
.auth__link:first-child {
    border-right: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.auth__link:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

#login-form {
    display: none;
}




#v2 .left_top {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 10%;
    height: 0;
    padding-top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
}

#v2 .right_top {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10%;
    height: 0;
    padding-top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
}

#v2 .left_bottom {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 10%;
    height: 0;
    padding-top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
}

#v2 .right_bottom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 10%;
    height: 0;
    padding-top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
}

#v2 .bottom {
    position: absolute;
    bottom: 10px;
    left: 22%;
    width: 56%;
    height: 0;
    padding-top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#v2 .top {
    position: absolute;
    top: 10px;
    left: 22%;
    width: 56%;
    height: 0;
    padding-top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

#v2 .left {
    position: absolute;
    left: 10px;
    top: 22%;
    width: 30px;
    height: 56%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}

#v2 .right {
    position: absolute;
    right: 10px;
    top: 22%;
    width: 30px;
    height: 56%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
#v2 .left_top {
    background-image: url(../images/vin2/top_left.png);
}

#v2 .right_top {
    background-image: url(../images/vin2/top_right.png);
}

#v2 .left_bottom {
    background-image: url(../images/vin2/bottom_left.png);
}

#v2 .right_bottom {
    background-image: url(../images/vin2/bottom_right.png);
}

#v2 .top {
    background-image: url(../images/vin2/top.png);
}

#v2 .right {
    background-image: url(../images/vin2/right.png);
}

#v2 .left {
    background-image: url(../images/vin2/left.png);
}

#v2 .bottom {
    background-image: url(../images/vin2/bottom.png);
}


div#work_place {
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.input input {
    display: block;
    margin: 0 auto;
}

.stul_guest {
    z-index: 1;
}

.input_out {
    z-index: 1;
}

.input {
    z-index: 1;
}

.input input {
    z-index: 1;
}

div#work_place {
    height: 100%;
    width: 100%;
}

div#zoom_block {
    position: fixed;
    right: 30px;
    bottom: 30px;
    font-size: 0;
    height: 60px;
    width: 120px;
}

div#zoom_block div {
    display: flex;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 50%;
    border: none;
    font-size: 40px;
    color: #000;
    background-color: #fff;
    box-shadow: none;
    cursor: pointer;
    font-weight: 700;
    justify-content: center;
    align-items: center;
}

div#menu_btn {
    position: fixed;
    top: 92px;
    left: 20px;
    width: 60px;
    height: 60px;
    z-index: 100;
    text-align: center;
}

div#menu_open {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

div#menu_open i {
    line-height: 60px;
    font-size: 40px;
}

div#menu {
    position: fixed;
    top: 152px;
    width: 200px;
    background-color: #fff;
    height: auto;
    left: 20px;
    padding: 10px;
    display: none;
}

div#select_bg {
    height: 40px;
    margin-bottom: 10px;
}

div#select_bg select {
    width: 100%;
    height: 40px;
    border: 0;
    border-bottom: 2px solid #000;
    display: block;
}

div#select_vin {
    height: 40px;
    margin-bottom: 10px;
}

div#add_table {
    height: 40px;
    margin-bottom: 10px;
}

div#select_vin select {
    width: 100%;
    height: 40px;
    border: 0;
    border-bottom: 2px solid #000;
    display: block;
}

select#select_table {
    height: 40px;
    border: 0;
    border-bottom: 2px solid #000;
    display: block;
    margin-right: 50px;
    width: -webkit-fill-available;
}

button#add_table_btn {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 2px solid #000;
    font-size: 24px;
    padding: 0;
}

div#delete_block {
    height: 40px;
    margin-bottom: 10px;
}

div#save_block {
    height: 40px;
}

button#delete_btn {
    width: 100%;
    height: 40px;
    background-color: #ccc;
    border: 0;
    border-radius: 3px;
}

div#save_block button {
    width: 100%;
    height: 40px;
    background-color: #000;
    border: 0;
    border-radius: 3px;
    color: #fff;
}

body {
    background-color: #eee;
}

div#rass_title {
    position: absolute;
    width: 80%;
    height: 30px;
    line-height: 30px;
    right: 10px;
    top: 10px;
    max-width: 300px;
}

div#rass_title input {
    border: 0;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 24px;
    background-color: transparent;
    outline: none;
}

div#rass_title {
    z-index: 10;
    background-color: #fff;
}

#reg_log_menu {
    text-align: right;
}

div.menu_button {
    text-align: center;
    padding-top: 10px;
    width: 100%;
    height: 30px;
    background-color: #00CCFF;
    border: 0;
    border-radius: 3px;
    color: #fff;
}

.underline {
    text-decoration: none;
    cursor: default;
}

div#zoom_block div {
    line-height: 42px;
    padding: 0;
}

div#zoom_block {
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 60px;
}
#zoom_block .zoom.aim svg {
    width: 27px;
    height: 27px;
}

.input_out.input_out_muj {
    top: 16%;
    width: 20%;
    left: 27%;
}

.input_out.input_out_jen {
    top: 16%;
    width: 20%;
    right: 27%;
}




.ui-icon-gripsmall-diagonal-se {
    z-index: 90;
    background: url(../images/resize.svg);
    background-size: cover;
    width: 23px;
    height: 23px;
}




* {
    box-sizing: border-box;
}

.d-flex {
    display: flex;
}

.justify-space-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

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

.header {
    width: 100vw;
    height: 72px;
    background: #FFFFFF;
    padding: 0 20px;
}

.header--fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
}

.header__title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
}

.header__subtitle {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 15px;
    color: #BFBFBF;
}

.header__actions {
    /* flex: 1 0 auto; */
}

.header__actions *:not(:last-child) {
    margin-right: 10px;
}

.save_btn {
    background: #272727;
    border-radius: 90px;
    height: 45px;
    max-width: 193px;
    width: 100%;
    padding: 12px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
}

form#save_a_sand {
    display: flex;
    margin: 0;
}

.clear_btn p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
}

.clear_btn {
    background: #CECECE;
    border-radius: 90px;
    height: 45px;
    max-width: 193px;
    width: 100%;
    padding: 12px 20px;
    cursor: pointer;
}

.save_btn p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
}

.share_btn {
    width: 45px;
    height: 45px;
    background: #C8C8C8;
    border-radius: 50%;
    cursor: pointer;
    padding: 14px;
}
#social {
	display: none;
}

.options {
    position: fixed;
    top: 92px;
    left: 20px;
    z-index: 100;
    text-align: center;
    border-radius: 3px;
}

.options__item {
    width: 177px;
    background: #fff;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 13px 14px;
    cursor: pointer;
    transition: opacity 0.3s;
    border-radius: 8px;
}

.options__item:not(:first-child) {
    margin-top: 3px;
}

/* .options__item:hover {
    opacity: 0.9;
} */

.options__container {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    padding: 0 15px;
    align-items: center;
}

.options__name {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #383838;
}

.background_value {
    width: 21px;
    height: 21px;
    background: #E1D4F1;
    border: 1px solid #F3F3F3;
    box-sizing: border-box;
    border-radius: 50%;
}

.options__icon {
    width: 24px;
}

.color_picker {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1.5px solid #383838;
    display: flex;
    justify-content: center;
    align-items: center;
}

.color_picker__value {
    padding: 4px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #f00;
}

.seating {
    width: 177px;
    background: #fff;
    padding: 13px 14px;
    cursor: pointer;
    transition: opacity 0.3s;
    border-radius: 8px;
    margin-top: 3px;
    text-align: left;
    position: relative;
    display: block;
}

.seating__title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
}

.seating__container {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
}

.seating__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.seating__item {
    width: 44px;
    height: 44px;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.seating__row:not(:first-child) {
    margin-top: 10px;
}

.seating__item.active {
    background-color: #9B84B9;
}

.table1 {
    width: 22px;
    height: 17px;
    background: url('../images/t/t1.svg');
}

.seating__item.active .table1 {
    width: 22px;
    height: 17px;
    background: url('../images/t/t1a.svg');
}

.table2 {
    width: 29px;
    height: 29px;
    background: url('../images/t/t2.svg');
    background-size: contain;
}

.seating__item.active .table2 {
    width: 29px;
    height: 29px;
    background: url('../images/t/t2a.svg');
    background-size: contain;
}

.table3 {
    width: 24px;
    height: 24px;
    background: url('../images/t/t3.svg');
}

.seating__item.active .table3 {
    width: 24px;
    height: 24px;
    background: url('../images/t/t3a.svg');
}

.table4 {
    width: 29px;
    height: 29px;
    background: url('../images/t/t4.svg');
    background-size: cover;
}

.seating__item.active .table4 {
    width: 29px;
    height: 29px;
    background: url('../images/t/t4a.svg');
    background-size: cover;
}

.table5 {
    width: 28px;
    height: 31px;
    background: url('../images/t/t5.svg');
}

.seating__item.active .table5 {
    width: 28px;
    height: 31px;
    background: url('../images/t/t5a.svg');
}

.table6 {
    width: 26px;
    height: 31px;
    background: url('../images/t/t6.svg');
}

.seating__item.active .table6 {
    width: 26px;
    height: 31px;
    background: url('../images/t/t6a.svg');
}

.popup {
    min-width: 201px;
    position: absolute;
    top: 0px;
    left: 190px;
    display: none;
}

.seating__popup {
    padding: 10px 0;
    background-color: #fff;
    border-radius: 8px;
    z-index: 12;
    overflow: hidden;
    position: relative;
}

.popup__add_button {
    background: #9B84B9;
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 12px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
    /* z-index: 123; */
}

.table__name {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 15px;
    color: #A4A4A4;
    text-align: center;
}

.popup__name {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #383838;
}

.popup__count {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #000000;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 0.5px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
}

.popup__circle {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #000000;
    cursor: pointer;
    position: absolute;
    height: 65%;
    top: -11%;
    /* left: 38%; */
    transform-origin: bottom center;
    overflow: hidden;
}

.popup__circle_num {
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 0.5px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup__count.active {
    background: #9B84B9;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
    color: #fff;
    border: none;
}

.popup__circle.active .popup__circle_num {
    background: #FE5050;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
    color: #fff;
    border: none;
}

.popup__container {
    background-color: #fff;
    border-radius: 8px;
}

.popup__body {
    padding: 13px 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup__header {
    padding: 10px 17px;
    border-bottom: 1px solid #E9E9E9;
}

.popup__close {
    cursor: pointer;
    transition: transform 0.3s;
}

.popup__close:hover {
    transform: rotate(90deg);
}

.pallete__item {
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    border-radius: 2px;
    margin: 11px 0;
    cursor: pointer;
}

.pallete__item.active {
    border: 2px solid #000000;
}

.pallete__item.violet {
    background: #BA94E0;
}

.pallete__item.pink {
    background: #FFC2E7;
}

.pallete__item.yellow {
    background: #F1EBAF;
}

.pallete__item.green {
    background: #AFEED0;
}

.pallete__item.blue {
    background: #96E6FF;
}

.pallete__item.brown {
    background: #ECCBB3;
}

.pallete__item.orange {
    background: #FFBD81;
}

.pallete__item.magenta {
    background: #F4B2FF;
}

.pallete__item.grey {
    background: #B6B6B6;
}

.pallete__item.lime {
    background: #CDEAA8;
}

.pallete__item.red {
    background: #FFA3A3;
}

.pallete__item.darkblue {
    background: #ABCDFF;
}

.pallete {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 33.333333%;
    justify-content: space-between;
    max-width: 201px;
}


.frame__item {
    width: 48px;
    height: 42px;
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    box-sizing: border-box;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.frame__item.active {
    border: 2px solid #000000;
}

.frame {
    display: flex;
    flex: 0 0 33.3333%;
    justify-content: space-between;
}

.frame1 {
    width: 36px;
    height: 36px;
    background: url('../images/frames.png') -10px -10px;
}

.frame__item.active .frame1 {
    width: 36px;
    height: 36px;
    background: url('../images/frames.png') -66px -10px;
}

.frame2 {
    width: 31px;
    height: 30px;
    background: url('../images/frames.png') -122px -63px;
}

.frame__item.active .active {
    width: 31px;
    height: 30px;
    background: url('../images/frames.png') -67px -66px;
}

.frame3 {
    width: 37px;
    height: 33px;
    background: url('../images/frames.png') -10px -66px;
}

.frame__item.active .active {
    width: 37px;
    height: 33px;
    background: url('../images/frames.png') -122px -10px;
}

.vin .outer {
    border: 3px solid #fff;
    margin: 10px;
}

.vin .inner {
    border: 2px solid #fff;
    margin: 20px;
}

#v3 .outer,
#v3 .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.rectangle .popup__table {
    flex-grow: 1;
    width: 94px;
    height: 311px;
    background: #E2E2E2;
    border-radius: 3px;
}

.spouses .popup__table {
    flex-grow: 1;
    width: 120px;
    height: 55px;
    background: #E2E2E2;
    border-radius: 3px;
}

.square .popup__table {
    flex-grow: 1;
    min-width: 107px;
    width: 100%;
    height: 107px;
    background: #E2E2E2;
    border-radius: 3px;
    align-self: center;
}

.round .popup__table {
    width: 86px;
    height: 86px;
    background: #E2E2E2;
    border-radius: 50%;
    align-self: center;
    justify-self: center;
}

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

.left_count .popup__count {
    margin: 5px 10px 0 0;
}

.right_count .popup__count {
    margin: 5px 0 0 10px;
}

.horizontal_count .popup__count {
    margin: 5px;
}

.self-center {
    align-self: center;
    justify-self: center;
}

.zoom,
.burger,
.mobile_menu .close,
.table__item {
    transition: transform 0.1s;
}

.zoom.animate,
.burger:active,
.mobile_menu .close:active,
.table__item:active {
    transform: scale(0.8) rotate(0.1deg);
}

.rect .top .input:first-child {
    position: absolute;
    left: 5%;
    top: -100%;
}

.rect .top .input:last-child {
    position: absolute;
    right: 11%;
    top: -100%;
}

.rect .top .input {
    position: absolute;
    bottom: 50%;
    width: 41%;
}

.rect .middle .input:first-child {
    position: absolute;
    left: -6%;
    top: -45%;
}

.rect .middle .input:last-child {
    position: absolute;
    right: -6%;
    top: -20%;
}

.rect .middle .input {
    position: absolute;
    bottom: 50%;
    width: 25%;
}

.rect .bottom .input:first-child {
    position: absolute;
    left: 7%;
    top: -21%;
}

.rect .bottom .input:last-child {
    position: absolute;
    right: 8%;
    top: -21%;
}

.rect .bottom .input {
    position: absolute;
    bottom: 50%;
    width: 41%;
}

.new_table.rect {
    width: 300px;
    height: auto;
}

.new_table.mg {
    width: 270px;
    height: auto;
}



.new_table.square_x2 {
    width: 333px;
    height: 333px;
}

.side {
    display: flex;
    width: 100%;
    height: 100%;
}

.square_x2 .stul_guest {
    position: absolute;
    height: 50%;
    top: 0;
    left: 42%;
    transform-origin: bottom center;
}

.square_x2 .stul_guest.s2 {
    right: 30%;
    left: unset;
}

.square_x2 .stul_guest.s1 {
    left: 30%;
}

.square_x2 .stul_guest.s3 {
    top: -10%;
}

.square_x2 .stul_guest.s4 {
    top: 10%;
}

.square_x2 .stul_guest img {
    height: 59%;
}




.new_table.square_x3 {
    width: 406px;
    height: 406px;
	top: 1px;
	left: 1px;
}

.square_x3 .stul_guest {
    position: absolute;
    height: 50%;
    top: 0;
    left: 43%;
    transform-origin: bottom center;
}

.square_x3 .stul_guest.s1 {
    left: 25%;
}

.square_x3 .stul_guest.s2 {
    left: 44%;
}

.square_x3 .stul_guest.s3 {
    left: unset;
    right: 25%;
}

.square_x3 .stul_guest.s4 {
    top: -16%;
}

.square_x3 .stul_guest.s5 {
    top: 0%;
}

.square_x3 .stul_guest.s6 {
    top: 16%;
}

.square_x3 .stul_guest img {
    height: 48%;
}




.new_table.square_x4 {
    width: 479px;
    height: 479px;
}

.square_x4 .stul_guest {
    position: absolute;
    height: 50%;
    top: 0;
    left: 44.5%;
    transform-origin: bottom center;
}

.square_x4 .stul_guest.s1 {
    left: 22%;
}

.square_x4 .stul_guest.s2 {
    left: 37%;
}

.square_x4 .stul_guest.s3 {
    left: unset;
    right: 37%;
}

.square_x4 .stul_guest.s4 {
    right: 22%;
    left: unset;
}

.square_x4 .stul_guest.s5 {
    top: -22%;
}

.square_x4 .stul_guest.s6 {
    top: -7%;
}

.square_x4 .stul_guest.s7 {
    top: 8%;
}

.square_x4 .stul_guest.s8 {
    top: 23%;
}

.square_x4 .stul_guest img {
    height: 41%;
}



.new_table.square_x6 {
    width: 625px;
    height: 625px;
}

.square_x6 .stul_guest {
    position: absolute;
    height: 50%;
    top: 0;
    left: 45.5%;
    transform-origin: bottom center;
}

.square_x6 .stul_guest.s1 {
    left: 18%;
}

.square_x6 .stul_guest.s2 {
    left: 29%;
}

.square_x6 .stul_guest.s3 {
    left: 40%;
}

.square_x6 .stul_guest.s4 {
    right: 40%;
    left: unset;
}

.square_x6 .stul_guest.s5 {
    left: unset;
    right: 29%;
}

.square_x6 .stul_guest.s6 {
    left: unset;
    right: 18%;
}

.square_x6 .stul_guest.s7 {
    top: -28%;
}

.square_x6 .stul_guest.s8 {
    top: -17%;
}

.square_x6 .stul_guest.s9 {
    top: -6%;
}

.square_x6 .stul_guest.s10 {
    top: 5%;
}

.square_x6 .stul_guest.s11 {
    top: 16%;
}

.square_x6 .stul_guest.s12 {
    top: 27%;
}

.square_x6 .stul_guest img {
    height: 31%;
}





.new_table.round {
    width: 355px;
    height: 356px;
	top: 1px;
	left: 1px;
}

.round .stul_guest {
    position: absolute;
    height: 50%;
    top: 0;
    left: 43%;
    transform-origin: bottom center;
}

.round .stul_guest img {
    height: 55%;
}

.new_table.mg {
    width: 403px;
    height: 226px;
	top: 1px;
	left: 1px;
}

.mg .stul_guest {
    position: absolute;
    height: 43%;
    top: 0;
    left: 42%;
    transform-origin: bottom center;
}

.mg .stul_guest.s1 {
    left: 30%;
}

.mg .stul_guest.s2 {
    right: 30%;
    left: unset;
}






.new_table.rect_x0 {
    width: 299px;
    height: 225px;
	top: 1px;
	left: 1px;
}

.rect_x0 .stul_guest {
    position: absolute;
    height: 43%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.rect_x0 .stul_guest.top0 {
    left: 42%;
}

.rect_x0 .stul_guest.bottom0 {
    left: 41%;
    transform: rotate(180deg);
    bottom: 44%;
    top: unset;
}

.rect .stul_guest.top1 {
    left: 28%;
}

.rect .stul_guest.top2 {
    left: unset;
    right: 28%;
}

.rect .stul_guest.bottom1 {
    left: unset;
    right: 28%;
    transform: rotate(180deg);
    bottom: 44%;
    top: unset;
}

.rect .stul_guest.bottom2 {
    transform: rotate(180deg);
    left: 28%;
    bottom: 44%;
    top: unset;
}




.new_table.rect_x4 {
    width: 299px;
    height: 440px;
}

.rect_x4 .stul_guest {
    position: absolute;
    height: 22%;
    top: 0%;
    left: 41%;
    transform-origin: bottom center;
}

.rect_x4 .stul_guest.s1 {
    top: 20%;
    right: 8%;
    left: unset;
}

.rect_x4 .stul_guest.s2 {
    top: 33%;
    right: 8%;
    left: unset;
}

.rect_x4 .stul_guest.s3 {
    top: 46%;
    right: 8%;
    left: unset;
}

.rect_x4 .stul_guest.s4 {
    top: 59%;
    right: 8%;
    left: unset;
}

.rect_x4 .stul_guest.s5 {
    top: 20%;
    left: 8%;
}

.rect_x4 .stul_guest.s6 {
    top: 33%;
    left: 8%;
}

.rect_x4 .stul_guest.s7 {
    top: 46%;
    left: 8%;
}

.rect_x4 .stul_guest.s8 {
    top: 59%;
    left: 8%;
}

.rect_x4 .stul_guest.bottom1 {
    left: unset;
    right: 28%;
    transform: rotate(180deg);
    bottom: 22%;
    top: unset;
}

.rect_x4 .stul_guest.bottom2 {
    transform: rotate(180deg);
    left: 28%;
    bottom: 22%;
    top: unset;
}

.rect_x4 .stul_guest.bottom0 {
    left: 41%;
    transform: rotate(180deg);
    bottom: 22%;
    top: unset;
}

.rect_x4 .stul_guest.s1 .input {
    bottom: unset;
    left: 20%;
    top: 25%;
}

.rect_x4 .stul_guest.s2 .input {
    bottom: unset;
    left: 15%;
    top: 25%;
}

.rect_x4 .stul_guest.s3 .input {
    bottom: unset;
    left: 15%;
    top: 25%;
}

.rect_x4 .stul_guest.s4 .input {
    bottom: unset;
    left: 15%;
    top: 25%;
}

.rect_x4 .stul_guest.s5 .input {
    bottom: unset;
    left: -60%;
    top: 25%;
}

.rect_x4 .stul_guest.s6 .input {
    bottom: unset;
    left: -70%;
    top: 25%;
}

.rect_x4 .stul_guest.s7 .input {
    bottom: unset;
    left: -70%;
    top: 25%;
}

.rect_x4 .stul_guest.s8 .input {
    bottom: unset;
    left: -70%;
    top: 25%;
}





.new_table.rect_x6 {
    width: 299px;
    height: 550px;
}

.rect_x6 .stul_guest {
    position: absolute;
    height: 18%;
    top: 0%;
    left: 41%;
    transform-origin: bottom center;
}

.rect_x6 .stul_guest.s1 {
    top: 16%;
    right: 8%;
    left: unset;
}

.rect_x6 .stul_guest.s2 {
    top: 26%;
    right: 8%;
    left: unset;
}

.rect_x6 .stul_guest.s3 {
    top: 36%;
    right: 8%;
    left: unset;
}

.rect_x6 .stul_guest.s4 {
    top: 46%;
    right: 8%;
    left: unset;
}

.rect_x6 .stul_guest.s5 {
    top: 56%;
    right: 8%;
    left: unset;
}

.rect_x6 .stul_guest.s6 {
    top: 66%;
    right: 8%;
    left: unset;
}

.rect_x6 .stul_guest.s7 {
    top: 16%;
    left: 8%;
}

.rect_x6 .stul_guest.s8 {
    top: 26%;
    left: 8%;
}

.rect_x6 .stul_guest.s9 {
    top: 36%;
    left: 8%;
}

.rect_x6 .stul_guest.s10 {
    top: 46%;
    left: 8%;
}

.rect_x6 .stul_guest.s11 {
    top: 56%;
    left: 8%;
}

.rect_x6 .stul_guest.s12 {
    top: 66%;
    left: 8%;
}

.rect_x6 .stul_guest.bottom1 {
    left: unset;
    right: 28%;
    transform: rotate(180deg);
    bottom: 18%;
    top: unset;
}

.rect_x6 .stul_guest.bottom2 {
    transform: rotate(180deg);
    left: 28%;
    bottom: 18%;
    top: unset;
}

.rect_x6 .stul_guest.bottom0 {
    left: 41%;
    transform: rotate(180deg);
    bottom: 18%;
    top: unset;
}

.rect_x6 .stul_guest.s1 .input,
.rect_x6 .stul_guest.s2 .input,
.rect_x6 .stul_guest.s3 .input,
.rect_x6 .stul_guest.s4 .input,
.rect_x6 .stul_guest.s5 .input,
.rect_x6 .stul_guest.s6 .input {
    bottom: unset;
    left: 31%;
    top: 25%;
}

.rect_x6 .stul_guest.s7 .input,
.rect_x6 .stul_guest.s8 .input,
.rect_x6 .stul_guest.s9 .input,
.rect_x6 .stul_guest.s10 .input,
.rect_x6 .stul_guest.s11 .input,
.rect_x6 .stul_guest.s12 .input {
    bottom: unset;
    left: -60%;
    top: 25%;
}









.new_table.rect_x8 {
    width: 299px;
    height: 660px;
}

.rect_x8 .stul_guest {
    position: absolute;
    height: 15%;
    top: 0%;
    left: 41%;
    transform-origin: bottom center;
}

.rect_x8 .stul_guest.s1 {
    top: 12%;
    right: 8%;
    left: unset;
}

.rect_x8 .stul_guest.s2 {
    top: 21%;
    right: 8%;
    left: unset;
}

.rect_x8 .stul_guest.s3 {
    top: 29%;
    right: 8%;
    left: unset;
}

.rect_x8 .stul_guest.s4 {
    top: 38%;
    right: 8%;
    left: unset;
}

.rect_x8 .stul_guest.s5 {
    top: 46%;
    right: 8%;
    left: unset;
}

.rect_x8 .stul_guest.s6 {
    top: 55%;
    right: 8%;
    left: unset;
}

.rect_x8 .stul_guest.s7 {
    top: 64%;
    right: 8%;
    left: unset;
}

.rect_x8 .stul_guest.s8 {
    top: 73%;
    right: 8%;
    left: unset;
}

.rect_x8 .stul_guest.s9 {
    top: 12%;
    left: 8%;
}

.rect_x8 .stul_guest.s10 {
    top: 21%;
    left: 8%;
}

.rect_x8 .stul_guest.s11 {
    top: 29%;
    left: 8%;
}

.rect_x8 .stul_guest.s12 {
    top: 38%;
    left: 8%;
}

.rect_x8 .stul_guest.s13 {
    top: 46%;
    left: 8%;
}

.rect_x8 .stul_guest.s14 {
    top: 55%;
    left: 8%;
}

.rect_x8 .stul_guest.s15 {
    top: 64%;
    left: 8%;
}

.rect_x8 .stul_guest.s16 {
    top: 73%;
    left: 8%;
}

.rect_x8 .stul_guest.bottom1 {
    left: unset;
    right: 28%;
    transform: rotate(180deg);
    bottom: 15%;
    top: unset;
}

.rect_x8 .stul_guest.bottom2 {
    transform: rotate(180deg);
    left: 28%;
    bottom: 15%;
    top: unset;
}

.rect_x8 .stul_guest.bottom0 {
    left: 41%;
    transform: rotate(180deg);
    bottom: 15%;
    top: unset;
}

.rect_x8 .stul_guest.s1 .input,
.rect_x8 .stul_guest.s2 .input,
.rect_x8 .stul_guest.s3 .input,
.rect_x8 .stul_guest.s4 .input,
.rect_x8 .stul_guest.s5 .input,
.rect_x8 .stul_guest.s6 .input,
.rect_x8 .stul_guest.s7 .input,
.rect_x8 .stul_guest.s8 .input {
    bottom: unset;
    left: 20%;
    top: 25%;
}

.rect_x8 .stul_guest.s9 .input,
.rect_x8 .stul_guest.s10 .input,
.rect_x8 .stul_guest.s11 .input,
.rect_x8 .stul_guest.s12 .input,
.rect_x8 .stul_guest.s13 .input,
.rect_x8 .stul_guest.s14 .input,
.rect_x8 .stul_guest.s15 .input,
.rect_x8 .stul_guest.s16 .input {
    bottom: unset;
    left: -60%;
    top: 25%;
}






.new_table.rect_x10 {
    width: 299px;
    height: 770px;
}

.rect_x10 .stul_guest {
    position: absolute;
    height: 13%;
    top: 0%;
    left: 41%;
    transform-origin: bottom center;
}

.rect_x10 .stul_guest.s1 {
    top: 11%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s2 {
    top: 18%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s3 {
    top: 25%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s4 {
    top: 32%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s5 {
    top: 39%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s6 {
    top: 46%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s7 {
    top: 53%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s8 {
    top: 61%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s9 {
    top: 69%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s10 {
    top: 76%;
    right: 8%;
    left: unset;
}

.rect_x10 .stul_guest.s11 {
    top: 11%;
    left: 8%;
}

.rect_x10 .stul_guest.s12 {
    top: 18%;
    left: 8%;
}

.rect_x10 .stul_guest.s13 {
    top: 25%;
    left: 8%;
}

.rect_x10 .stul_guest.s14 {
    top: 32%;
    left: 8%;
}

.rect_x10 .stul_guest.s15 {
    top: 39%;
    left: 8%;
}

.rect_x10 .stul_guest.s16 {
    top: 46%;
    left: 8%;
}

.rect_x10 .stul_guest.s17 {
    top: 53%;
    left: 8%;
}

.rect_x10 .stul_guest.s18 {
    top: 61%;
    left: 8%;
}

.rect_x10 .stul_guest.s19 {
    top: 69%;
    left: 8%;
}

.rect_x10 .stul_guest.s20 {
    top: 76%;
    left: 8%;
}

.rect_x10 .stul_guest.bottom1 {
    left: unset;
    right: 28%;
    transform: rotate(180deg);
    bottom: 13%;
    top: unset;
}

.rect_x10 .stul_guest.bottom2 {
    transform: rotate(180deg);
    left: 28%;
    bottom: 13%;
    top: unset;
}

.rect_x10 .stul_guest.bottom0 {
    left: 41%;
    transform: rotate(180deg);
    bottom: 13%;
    top: unset;
}

.rect_x10 .stul_guest.s1 .input,
.rect_x10 .stul_guest.s2 .input,
.rect_x10 .stul_guest.s3 .input,
.rect_x10 .stul_guest.s4 .input,
.rect_x10 .stul_guest.s5 .input,
.rect_x10 .stul_guest.s6 .input,
.rect_x10 .stul_guest.s7 .input,
.rect_x10 .stul_guest.s8 .input,
.rect_x10 .stul_guest.s9 .input,
.rect_x10 .stul_guest.s10 .input {
    bottom: unset;
    left: 20%;
    top: 25%;
}

.rect_x10 .stul_guest.s11 .input,
.rect_x10 .stul_guest.s12 .input,
.rect_x10 .stul_guest.s13 .input,
.rect_x10 .stul_guest.s14 .input,
.rect_x10 .stul_guest.s15 .input,
.rect_x10 .stul_guest.s16 .input,
.rect_x10 .stul_guest.s17 .input,
.rect_x10 .stul_guest.s18 .input,
.rect_x10 .stul_guest.s19 .input,
.rect_x10 .stul_guest.s20 .input {
    bottom: unset;
    left: -60%;
    top: 25%;
}







.new_table.rect_x12 {
    width: 299px;
    height: 880px;
}

.rect_x12 .stul_guest {
    position: absolute;
    height: 11%;
    top: 0%;
    left: 41%;
    transform-origin: bottom center;
}

.rect_x12 .stul_guest.s1 {
    top: 10%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s2 {
    top: 17%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s3 {
    top: 24%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s4 {
    top: 30%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s5 {
    top: 36.5%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s6 {
    top: 43%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s7 {
    top: 50%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s8 {
    top: 56%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s9 {
    top: 62%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s10 {
    top: 68%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s11 {
    top: 74%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s12 {
    top: 80%;
    right: 8%;
    left: unset;
}

.rect_x12 .stul_guest.s13 {
    top: 10%;
    left: 8%;
}

.rect_x12 .stul_guest.s14 {
    top: 17%;
    left: 8%;
}

.rect_x12 .stul_guest.s15 {
    top: 24%;
    left: 8%;
}

.rect_x12 .stul_guest.s16 {
    top: 30%;
    left: 8%;
}

.rect_x12 .stul_guest.s17 {
    top: 36.5%;
    left: 8%;
}

.rect_x12 .stul_guest.s18 {
    top: 43%;
    left: 8%;
}

.rect_x12 .stul_guest.s19 {
    top: 50%;
    left: 8%;
}

.rect_x12 .stul_guest.s20 {
    top: 56%;
    left: 8%;
}

.rect_x12 .stul_guest.s21 {
    top: 62%;
    left: 8%;
}

.rect_x12 .stul_guest.s22 {
    top: 68%;
    left: 8%;
}

.rect_x12 .stul_guest.s23 {
    top: 74%;
    left: 8%;
}

.rect_x12 .stul_guest.s24 {
    top: 80%;
    left: 8%;
}

.rect_x12 .stul_guest.bottom1 {
    left: unset;
    right: 28%;
    transform: rotate(180deg);
    bottom: 11%;
    top: unset;
}

.rect_x12 .stul_guest.bottom2 {
    transform: rotate(180deg);
    left: 28%;
    bottom: 11%;
    top: unset;
}

.rect_x12 .stul_guest.bottom0 {
    left: 41%;
    transform: rotate(180deg);
    bottom: 11%;
    top: unset;
}

.rect_x12 .stul_guest.s1 .input,
.rect_x12 .stul_guest.s2 .input,
.rect_x12 .stul_guest.s3 .input,
.rect_x12 .stul_guest.s4 .input,
.rect_x12 .stul_guest.s5 .input,
.rect_x12 .stul_guest.s6 .input,
.rect_x12 .stul_guest.s7 .input,
.rect_x12 .stul_guest.s8 .input,
.rect_x12 .stul_guest.s9 .input,
.rect_x12 .stul_guest.s10 .input,
.rect_x12 .stul_guest.s11 .input,
.rect_x12 .stul_guest.s12 .input {
    bottom: unset;
    left: 20%;
    top: 25%;
}

.rect_x12 .stul_guest.s13 .input,
.rect_x12 .stul_guest.s14 .input,
.rect_x12 .stul_guest.s15 .input,
.rect_x12 .stul_guest.s16 .input,
.rect_x12 .stul_guest.s17 .input,
.rect_x12 .stul_guest.s18 .input,
.rect_x12 .stul_guest.s19 .input,
.rect_x12 .stul_guest.s20 .input,
.rect_x12 .stul_guest.s21 .input,
.rect_x12 .stul_guest.s22 .input,
.rect_x12 .stul_guest.s23 .input,
.rect_x12 .stul_guest.s24 .input {
    bottom: unset;
    left: -60%;
    top: 25%;
}






.new_table.rect_x14 {
    width: 299px;
    height: 990px;
}

.rect_x14 .stul_guest {
    position: absolute;
    height: 10%;
    top: 0%;
    left: 41%;
    transform-origin: bottom center;
}

.rect_x14 .stul_guest.s1 {
    top: 9%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s2 {
    top: 14.6%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s3 {
    top: 20.2%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s4 {
    top: 25.8%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s5 {
    top: 31.4%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s6 {
    top: 37%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s7 {
    top: 42.6%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s8 {
    top: 48.2%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s9 {
    top: 53.8%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s10 {
    top: 59.4%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s11 {
    top: 65%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s12 {
    top: 70.6%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s13 {
    top: 76.2%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s14 {
    top: 82%;
    right: 8%;
    left: unset;
}

.rect_x14 .stul_guest.s15 {
    top: 9%;
    left: 8%;
}

.rect_x14 .stul_guest.s16 {
    top: 14.6%;
    left: 8%;
}

.rect_x14 .stul_guest.s17 {
    top: 20.2%;
    left: 8%;
}

.rect_x14 .stul_guest.s18 {
    top: 25.8%;
    left: 8%;
}

.rect_x14 .stul_guest.s19 {
    top: 31.4%;
    left: 8%;
}

.rect_x14 .stul_guest.s20 {
    top: 37%;
    left: 8%;
}

.rect_x14 .stul_guest.s21 {
    top: 42.6%;
    left: 8%;
}

.rect_x14 .stul_guest.s22 {
    top: 48.2%;
    left: 8%;
}

.rect_x14 .stul_guest.s23 {
    top: 53.8%;
    left: 8%;
}

.rect_x14 .stul_guest.s24 {
    top: 59.4%;
    left: 8%;
}

.rect_x14 .stul_guest.s25 {
    top: 65%;
    left: 8%;
}

.rect_x14 .stul_guest.s26 {
    top: 70.6%;
    left: 8%;
}

.rect_x14 .stul_guest.s27 {
    top: 76.2%;
    left: 8%;
}

.rect_x14 .stul_guest.s28 {
    top: 82%;
    left: 8%;
}

.rect_x14 .stul_guest.bottom1 {
    left: unset;
    right: 28%;
    transform: rotate(180deg);
    bottom: 10%;
    top: unset;
}

.rect_x14 .stul_guest.bottom2 {
    transform: rotate(180deg);
    left: 28%;
    bottom: 10%;
    top: unset;
}

.rect_x14 .stul_guest.bottom0 {
    left: 41%;
    transform: rotate(180deg);
    bottom: 10%;
    top: unset;
}

.rect_x14 .stul_guest.s1 .input,
.rect_x14 .stul_guest.s2 .input,
.rect_x14 .stul_guest.s3 .input,
.rect_x14 .stul_guest.s4 .input,
.rect_x14 .stul_guest.s5 .input,
.rect_x14 .stul_guest.s6 .input,
.rect_x14 .stul_guest.s7 .input,
.rect_x14 .stul_guest.s8 .input,
.rect_x14 .stul_guest.s9 .input,
.rect_x14 .stul_guest.s10 .input,
.rect_x14 .stul_guest.s11 .input,
.rect_x14 .stul_guest.s12 .input,
.rect_x14 .stul_guest.s13 .input,
.rect_x14 .stul_guest.s14 .input {
    bottom: unset;
    left: 20%;
    top: 25%;
}

.rect_x14 .stul_guest.s15 .input,
.rect_x14 .stul_guest.s16 .input,
.rect_x14 .stul_guest.s17 .input,
.rect_x14 .stul_guest.s18 .input,
.rect_x14 .stul_guest.s19 .input,
.rect_x14 .stul_guest.s20 .input,
.rect_x14 .stul_guest.s21 .input,
.rect_x14 .stul_guest.s22 .input,
.rect_x14 .stul_guest.s23 .input,
.rect_x14 .stul_guest.s24 .input,
.rect_x14 .stul_guest.s25 .input,
.rect_x14 .stul_guest.s26 .input,
.rect_x14 .stul_guest.s27 .input,
.rect_x14 .stul_guest.s28 .input {
    bottom: unset;
    left: -60%;
    top: 25%;
}



.new_table.rect_x16 {
    width: 299px;
    height: 1100px;
}

.rect_x16 .stul_guest {
    position: absolute;
    height: 9%;
    top: 0%;
    left: 41%;
    transform-origin: bottom center;
}

.rect_x16 .stul_guest.s1 {
    top: 8%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s2 {
    top: 13%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s3 {
    top: 18%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s4 {
    top: 23%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s5 {
    top: 28%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s6 {
    top: 33%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s7 {
    top: 38%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s8 {
    top: 43%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s9 {
    top: 48%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s10 {
    top: 53%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s11 {
    top: 58%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s12 {
    top: 63%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s13 {
    top: 68%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s14 {
    top: 73%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s15 {
    top: 78%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s16 {
    top: 83%;
    right: 8%;
    left: unset;
}

.rect_x16 .stul_guest.s17 {
    top: 8%;
    left: 8%;
}

.rect_x16 .stul_guest.s18 {
    top: 13%;
    left: 8%;
}

.rect_x16 .stul_guest.s19 {
    top: 18%;
    left: 8%;
}

.rect_x16 .stul_guest.s20 {
    top: 23%;
    left: 8%;
}

.rect_x16 .stul_guest.s21 {
    top: 28%;
    left: 8%;
}

.rect_x16 .stul_guest.s22 {
    top: 33%;
    left: 8%;
}

.rect_x16 .stul_guest.s23 {
    top: 38%;
    left: 8%;
}

.rect_x16 .stul_guest.s24 {
    top: 43%;
    left: 8%;
}

.rect_x16 .stul_guest.s25 {
    top: 48%;
    left: 8%;
}

.rect_x16 .stul_guest.s26 {
    top: 53%;
    left: 8%;
}

.rect_x16 .stul_guest.s27 {
    top: 58%;
    left: 8%;
}

.rect_x16 .stul_guest.s28 {
    top: 63%;
    left: 8%;
}

.rect_x16 .stul_guest.s29 {
    top: 68%;
    left: 8%;
}

.rect_x16 .stul_guest.s30 {
    top: 73%;
    left: 8%;
}

.rect_x16 .stul_guest.s31 {
    top: 78%;
    left: 8%;
}

.rect_x16 .stul_guest.s32 {
    top: 83%;
    left: 8%;
}

.rect_x16 .stul_guest.bottom1 {
    left: unset;
    right: 28%;
    transform: rotate(180deg);
    bottom: 9%;
    top: unset;
}

.rect_x16 .stul_guest.bottom2 {
    transform: rotate(180deg);
    left: 28%;
    bottom: 9%;
    top: unset;
}

.rect_x16 .stul_guest.bottom0 {
    left: 41%;
    transform: rotate(180deg);
    bottom: 9%;
    top: unset;
}

.rect_x16 .stul_guest.s1 .input,
.rect_x16 .stul_guest.s2 .input,
.rect_x16 .stul_guest.s3 .input,
.rect_x16 .stul_guest.s4 .input,
.rect_x16 .stul_guest.s5 .input,
.rect_x16 .stul_guest.s6 .input,
.rect_x16 .stul_guest.s7 .input,
.rect_x16 .stul_guest.s8 .input,
.rect_x16 .stul_guest.s9 .input,
.rect_x16 .stul_guest.s10 .input,
.rect_x16 .stul_guest.s11 .input,
.rect_x16 .stul_guest.s12 .input,
.rect_x16 .stul_guest.s13 .input,
.rect_x16 .stul_guest.s14 .input,
.rect_x16 .stul_guest.s15 .input,
.rect_x16 .stul_guest.s16 .input {
    bottom: unset;
    left: 20%;
    top: 25%;
}

.rect_x16 .stul_guest.s17 .input,
.rect_x16 .stul_guest.s18 .input,
.rect_x16 .stul_guest.s19 .input,
.rect_x16 .stul_guest.s20 .input,
.rect_x16 .stul_guest.s21 .input,
.rect_x16 .stul_guest.s22 .input,
.rect_x16 .stul_guest.s23 .input,
.rect_x16 .stul_guest.s24 .input,
.rect_x16 .stul_guest.s25 .input,
.rect_x16 .stul_guest.s26 .input,
.rect_x16 .stul_guest.s27 .input,
.rect_x16 .stul_guest.s28 .input,
.rect_x16 .stul_guest.s29 .input,
.rect_x16 .stul_guest.s30 .input,
.rect_x16 .stul_guest.s31 .input,
.rect_x16 .stul_guest.s32 .input {
    bottom: unset;
    left: -60%;
    top: 25%;
}






.new_table.rect_x18 {
    width: 299px;
    height: 1210px;
}

.rect_x18 .stul_guest {
    position: absolute;
    height: 8%;
    top: 0%;
    left: 41%;
    transform-origin: bottom center;
}

.rect_x18 .stul_guest.s1 {
    top: 7%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s2 {
    top: 11.6%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s3 {
    top: 16.2%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s4 {
    top: 20.8%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s5 {
    top: 25.4%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s6 {
    top: 30%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s7 {
    top: 34.6%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s8 {
    top: 39.2%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s9 {
    top: 43.8%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s10 {
    top: 48.4%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s11 {
    top: 53%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s12 {
    top: 57.6%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s13 {
    top: 62.2%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s14 {
    top: 66.8%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s15 {
    top: 71.4%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s16 {
    top: 76%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s17 {
    top: 80.6%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s18 {
    top: 85.2%;
    right: 8%;
    left: unset;
}

.rect_x18 .stul_guest.s19 {
    top: 7%;
    left: 8%;
}

.rect_x18 .stul_guest.s20 {
    top: 11.6%;
    left: 8%;
}

.rect_x18 .stul_guest.s21 {
    top: 16.2%;
    left: 8%;
}

.rect_x18 .stul_guest.s22 {
    top: 20.8%;
    left: 8%;
}

.rect_x18 .stul_guest.s23 {
    top: 25.4%;
    left: 8%;
}

.rect_x18 .stul_guest.s24 {
    top: 30%;
    left: 8%;
}

.rect_x18 .stul_guest.s25 {
    top: 34.6%;
    left: 8%;
}

.rect_x18 .stul_guest.s26 {
    top: 39.2%;
    left: 8%;
}

.rect_x18 .stul_guest.s27 {
    top: 43.8%;
    left: 8%;
}

.rect_x18 .stul_guest.s28 {
    top: 48.4%;
    left: 8%;
}

.rect_x18 .stul_guest.s29 {
    top: 53%;
    left: 8%;
}

.rect_x18 .stul_guest.s30 {
    top: 57.6%;
    left: 8%;
}

.rect_x18 .stul_guest.s31 {
    top: 62.2%;
    left: 8%;
}

.rect_x18 .stul_guest.s32 {
    top: 66.8%;
    left: 8%;
}

.rect_x18 .stul_guest.s33 {
    top: 71.4%;
    left: 8%;
}

.rect_x18 .stul_guest.s34 {
    top: 76%;
    left: 8%;
}

.rect_x18 .stul_guest.s35 {
    top: 80.6%;
    left: 8%;
}

.rect_x18 .stul_guest.s36 {
    top: 85.2%;
    left: 8%;
}

.rect_x18 .stul_guest.bottom1 {
    left: unset;
    right: 28%;
    transform: rotate(180deg);
    bottom: 8%;
    top: unset;
}

.rect_x18 .stul_guest.bottom2 {
    transform: rotate(180deg);
    left: 28%;
    bottom: 8%;
    top: unset;
}

.rect_x18 .stul_guest.bottom0 {
    left: 41%;
    transform: rotate(180deg);
    bottom: 8%;
    top: unset;
}

.rect_x18 .stul_guest.s1 .input,
.rect_x18 .stul_guest.s2 .input,
.rect_x18 .stul_guest.s3 .input,
.rect_x18 .stul_guest.s4 .input,
.rect_x18 .stul_guest.s5 .input,
.rect_x18 .stul_guest.s6 .input,
.rect_x18 .stul_guest.s7 .input,
.rect_x18 .stul_guest.s8 .input,
.rect_x18 .stul_guest.s9 .input,
.rect_x18 .stul_guest.s10 .input,
.rect_x18 .stul_guest.s11 .input,
.rect_x18 .stul_guest.s12 .input,
.rect_x18 .stul_guest.s13 .input,
.rect_x18 .stul_guest.s14 .input,
.rect_x18 .stul_guest.s15 .input,
.rect_x18 .stul_guest.s16 .input,
.rect_x18 .stul_guest.s17 .input,
.rect_x18 .stul_guest.s18 .input {
    bottom: unset;
    left: 15%;
    top: 25%;
}

.rect_x18 .stul_guest.s19 .input,
.rect_x18 .stul_guest.s20 .input,
.rect_x18 .stul_guest.s21 .input,
.rect_x18 .stul_guest.s22 .input,
.rect_x18 .stul_guest.s23 .input,
.rect_x18 .stul_guest.s24 .input,
.rect_x18 .stul_guest.s25 .input,
.rect_x18 .stul_guest.s26 .input,
.rect_x18 .stul_guest.s27 .input,
.rect_x18 .stul_guest.s28 .input,
.rect_x18 .stul_guest.s29 .input,
.rect_x18 .stul_guest.s30 .input,
.rect_x18 .stul_guest.s31 .input,
.rect_x18 .stul_guest.s32 .input,
.rect_x18 .stul_guest.s33 .input,
.rect_x18 .stul_guest.s34 .input,
.rect_x18 .stul_guest.s35 .input,
.rect_x18 .stul_guest.s36 .input {
    bottom: unset;
    left: -60%;
    top: 25%;
}


.rect_x4.zero .stul_guest.s1,
.rect_x4.zero .stul_guest.s5 {
    top: 12%;
}
.rect_x4.zero .stul_guest.s2,
.rect_x4.zero .stul_guest.s6 {
    top: 30%;
}
.rect_x4.zero .stul_guest.s3,
.rect_x4.zero .stul_guest.s7 {
    top: 48%;
}
.rect_x4.zero .stul_guest.s4,
.rect_x4.zero .stul_guest.s8 {
    top: 66%;
}





.rect_x6.zero .stul_guest.s1,
.rect_x6.zero .stul_guest.s7 {
    top: 8%;
}
.rect_x6.zero .stul_guest.s2,
.rect_x6.zero .stul_guest.s8 {
    top: 21%;
}
.rect_x6.zero .stul_guest.s3,
.rect_x6.zero .stul_guest.s9 {
    top: 34%;
}
.rect_x6.zero .stul_guest.s4,
.rect_x6.zero .stul_guest.s10 {
    top: 47%;
}
.rect_x6.zero .stul_guest.s5,
.rect_x6.zero .stul_guest.s11 {
    top: 60%;
}
.rect_x6.zero .stul_guest.s6,
.rect_x6.zero .stul_guest.s12 {
    top: 73%;
}



.rect_x8.zero .stul_guest.s1,
.rect_x8.zero .stul_guest.s9 {
    top: 8%;
}
.rect_x8.zero .stul_guest.s2,
.rect_x8.zero .stul_guest.s10 {
    top: 18%;
}
.rect_x8.zero .stul_guest.s3,
.rect_x8.zero .stul_guest.s11 {
    top: 28%;
}
.rect_x8.zero .stul_guest.s4,
.rect_x8.zero .stul_guest.s12 {
    top: 38%;
}
.rect_x8.zero .stul_guest.s5,
.rect_x8.zero .stul_guest.s13 {
    top: 48%;
}
.rect_x8.zero .stul_guest.s6,
.rect_x8.zero .stul_guest.s14 {
    top: 58%;
}
.rect_x8.zero .stul_guest.s7,
.rect_x8.zero .stul_guest.s15 {
    top: 68%;
}
.rect_x8.zero .stul_guest.s8,
.rect_x8.zero .stul_guest.s16 {
    top: 78%;
}





.rect_x10.zero .stul_guest.s1,
.rect_x10.zero .stul_guest.s11 {
    top: 6%;
}
.rect_x10.zero .stul_guest.s2,
.rect_x10.zero .stul_guest.s12 {
    top: 14.3%;
}
.rect_x10.zero .stul_guest.s3,
.rect_x10.zero .stul_guest.s13 {
    top: 22.6%;
}
.rect_x10.zero .stul_guest.s4,
.rect_x10.zero .stul_guest.s14 {
    top: 30.9%;
}
.rect_x10.zero .stul_guest.s5,
.rect_x10.zero .stul_guest.s15 {
    top: 39.2%;
}
.rect_x10.zero .stul_guest.s6,
.rect_x10.zero .stul_guest.s16 {
    top: 47.5%;
}
.rect_x10.zero .stul_guest.s7,
.rect_x10.zero .stul_guest.s17 {
    top: 56%;
}
.rect_x10.zero .stul_guest.s8,
.rect_x10.zero .stul_guest.s18 {
    top: 64.3%;
}
.rect_x10.zero .stul_guest.s9,
.rect_x10.zero .stul_guest.s19 {
    top: 72.6%;
}
.rect_x10.zero .stul_guest.s10,
.rect_x10.zero .stul_guest.s20 {
    top: 81%;
}







.rect_x12.zero .stul_guest.s1,
.rect_x12.zero .stul_guest.s13 {
    top: 6%;
}
.rect_x12.zero .stul_guest.s2,
.rect_x12.zero .stul_guest.s14 {
    top: 13%;
}
.rect_x12.zero .stul_guest.s3,
.rect_x12.zero .stul_guest.s15 {
    top: 20%;
}
.rect_x12.zero .stul_guest.s4,
.rect_x12.zero .stul_guest.s16 {
    top: 27%;
}
.rect_x12.zero .stul_guest.s5,
.rect_x12.zero .stul_guest.s17 {
    top: 34%;
}
.rect_x12.zero .stul_guest.s6,
.rect_x12.zero .stul_guest.s18 {
    top: 41%;
}
.rect_x12.zero .stul_guest.s7,
.rect_x12.zero .stul_guest.s19 {
    top: 48%;
}
.rect_x12.zero .stul_guest.s8,
.rect_x12.zero .stul_guest.s20 {
    top: 55%;
}
.rect_x12.zero .stul_guest.s9,
.rect_x12.zero .stul_guest.s21 {
    top: 62%;
}
.rect_x12.zero .stul_guest.s10,
.rect_x12.zero .stul_guest.s22 {
    top: 69%;
}
.rect_x12.zero .stul_guest.s11,
.rect_x12.zero .stul_guest.s23 {
    top: 76%;
}
.rect_x12.zero .stul_guest.s12,
.rect_x12.zero .stul_guest.s24 {
    top: 83%;
}









.rect_x14.zero .stul_guest.s1,
.rect_x14.zero .stul_guest.s15 {
    top: 5%;
}
.rect_x14.zero .stul_guest.s2,
.rect_x14.zero .stul_guest.s16 {
    top: 11.2%;
}
.rect_x14.zero .stul_guest.s3,
.rect_x14.zero .stul_guest.s17 {
    top: 17.4%;
}
.rect_x14.zero .stul_guest.s4,
.rect_x14.zero .stul_guest.s18 {
    top: 23.5%;
}
.rect_x14.zero .stul_guest.s5,
.rect_x14.zero .stul_guest.s19 {
    top: 29.7%;
}
.rect_x14.zero .stul_guest.s6,
.rect_x14.zero .stul_guest.s20 {
    top: 35.9%;
}
.rect_x14.zero .stul_guest.s7,
.rect_x14.zero .stul_guest.s21 {
    top: 42%;
}
.rect_x14.zero .stul_guest.s8,
.rect_x14.zero .stul_guest.s22 {
    top: 48.2%;
}
.rect_x14.zero .stul_guest.s9,
.rect_x14.zero .stul_guest.s23 {
    top: 54.4%;
}
.rect_x14.zero .stul_guest.s10,
.rect_x14.zero .stul_guest.s24 {
    top: 60.6%;
}
.rect_x14.zero .stul_guest.s11,
.rect_x14.zero .stul_guest.s25 {
    top: 66.8%;
}
.rect_x14.zero .stul_guest.s12,
.rect_x14.zero .stul_guest.s26 {
    top: 73%;
}
.rect_x14.zero .stul_guest.s13,
.rect_x14.zero .stul_guest.s27 {
    top: 79.2%;
}
.rect_x14.zero .stul_guest.s14,
.rect_x14.zero .stul_guest.s28 {
    top: 85%;
}








.rect_x16.zero .stul_guest.s1,
.rect_x16.zero .stul_guest.s17 {
    top: 4%;
}
.rect_x16.zero .stul_guest.s2,
.rect_x16.zero .stul_guest.s18 {
    top: 9.5%;
}
.rect_x16.zero .stul_guest.s3,
.rect_x16.zero .stul_guest.s19 {
    top: 15%;
}
.rect_x16.zero .stul_guest.s4,
.rect_x16.zero .stul_guest.s20 {
    top: 20.5%;
}
.rect_x16.zero .stul_guest.s5,
.rect_x16.zero .stul_guest.s21 {
    top: 26%;
}
.rect_x16.zero .stul_guest.s6,
.rect_x16.zero .stul_guest.s22 {
    top: 31.5%;
}
.rect_x16.zero .stul_guest.s7,
.rect_x16.zero .stul_guest.s23 {
    top: 37%;
}
.rect_x16.zero .stul_guest.s8,
.rect_x16.zero .stul_guest.s24 {
    top: 42.5%;
}
.rect_x16.zero .stul_guest.s9,
.rect_x16.zero .stul_guest.s25 {
    top: 48%;
}
.rect_x16.zero .stul_guest.s10,
.rect_x16.zero .stul_guest.s26 {
    top: 53.5%;
}
.rect_x16.zero .stul_guest.s11,
.rect_x16.zero .stul_guest.s27 {
    top: 59%;
}
.rect_x16.zero .stul_guest.s12,
.rect_x16.zero .stul_guest.s28 {
    top: 64.5%;
}
.rect_x16.zero .stul_guest.s13,
.rect_x16.zero .stul_guest.s29 {
    top: 70%;
}
.rect_x16.zero .stul_guest.s14,
.rect_x16.zero .stul_guest.s30 {
    top: 75.5%;
}
.rect_x16.zero .stul_guest.s15,
.rect_x16.zero .stul_guest.s31 {
    top: 81%;
}
.rect_x16.zero .stul_guest.s16,
.rect_x16.zero .stul_guest.s32 {
    top: 87%;
}








.rect_x18.zero .stul_guest.s1,
.rect_x18.zero .stul_guest.s19 {
    top: 4%;
}
.rect_x18.zero .stul_guest.s2,
.rect_x18.zero .stul_guest.s20 {
    top: 9%;
}
.rect_x18.zero .stul_guest.s3,
.rect_x18.zero .stul_guest.s21 {
    top: 14%;
}
.rect_x18.zero .stul_guest.s4,
.rect_x18.zero .stul_guest.s22 {
    top: 19%;
}
.rect_x18.zero .stul_guest.s5,
.rect_x18.zero .stul_guest.s23 {
    top: 24%;
}
.rect_x18.zero .stul_guest.s6,
.rect_x18.zero .stul_guest.s24 {
    top: 29%;
}
.rect_x18.zero .stul_guest.s7,
.rect_x18.zero .stul_guest.s25 {
    top: 34%;
}
.rect_x18.zero .stul_guest.s8,
.rect_x18.zero .stul_guest.s26 {
    top: 39%;
}
.rect_x18.zero .stul_guest.s9,
.rect_x18.zero .stul_guest.s27 {
    top: 44%;
}
.rect_x18.zero .stul_guest.s10,
.rect_x18.zero .stul_guest.s28 {
    top: 49%;
}
.rect_x18.zero .stul_guest.s11,
.rect_x18.zero .stul_guest.s29 {
    top: 54%;
}
.rect_x18.zero .stul_guest.s12,
.rect_x18.zero .stul_guest.s30 {
    top: 59%;
}
.rect_x18.zero .stul_guest.s13,
.rect_x18.zero .stul_guest.s31 {
    top: 64%;
}
.rect_x18.zero .stul_guest.s14,
.rect_x18.zero .stul_guest.s32 {
    top: 69%;
}
.rect_x18.zero .stul_guest.s15,
.rect_x18.zero .stul_guest.s33 {
    top: 74%;
}
.rect_x18.zero .stul_guest.s16,
.rect_x18.zero .stul_guest.s34 {
    top: 79%;
}
.rect_x18.zero .stul_guest.s17,
.rect_x18.zero .stul_guest.s35 {
    top: 84%;
}
.rect_x18.zero .stul_guest.s18,
.rect_x18.zero .stul_guest.s36 {
    top: 88.8%;
}













.p.top2 .stul_guest.top1 {
    left: 28%;
}

.p.top2 .stul_guest.top2 {
    left: unset;
    right: 28%;
}

.p.top6 .stul_guest.top1 {left: 15%;}
.p.top6 .stul_guest.top2 { left: 27%; }
.p.top6 .stul_guest.top3 { left: 40%; }
.p.top6 .stul_guest.top4 { left: 53%; }
.p.top6 .stul_guest.top5 { left: 66%; }
.p.top6 .stul_guest.top6 { left: 78%; }

.new_table.p_x10 {
    width: 590px;
    height: 760px;
}

.p_x10 .stul_guest {
    position: absolute;
    height: 13%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.p_x10 .stul_guest.s1, .p_x10 .stul_guest.s2, .p_x10 .stul_guest.s3, .p_x10 .stul_guest.s4, .p_x10 .stul_guest.s5, .p_x10 .stul_guest.s6, .p_x10 .stul_guest.s7, .p_x10 .stul_guest.s8, .p_x10 .stul_guest.s9, .p_x10 .stul_guest.s10 {
    right: 4%;
    left: unset;
}
.p_x10 .stul_guest.s11, .p_x10 .stul_guest.s12, .p_x10 .stul_guest.s13, .p_x10 .stul_guest.s14, .p_x10 .stul_guest.s15, .p_x10 .stul_guest.s16, .p_x10 .stul_guest.s17, .p_x10 .stul_guest.s18, .p_x10 .stul_guest.s19, .p_x10 .stul_guest.s20 {
    left: 4%;
}

.p_x10 .stul_guest.s1, .p_x10 .stul_guest.s11 {top: 12%;}
.p_x10 .stul_guest.s2, .p_x10 .stul_guest.s12 {top: 19.5%;}
.p_x10 .stul_guest.s3, .p_x10 .stul_guest.s13 {top: 27%;}
.p_x10 .stul_guest.s4, .p_x10 .stul_guest.s14 {top: 34.5%;}
.p_x10 .stul_guest.s5, .p_x10 .stul_guest.s15 {top: 42%;}
.p_x10 .stul_guest.s6, .p_x10 .stul_guest.s16 {top: 49.5%;}
.p_x10 .stul_guest.s7, .p_x10 .stul_guest.s17 {top: 57%;}
.p_x10 .stul_guest.s8, .p_x10 .stul_guest.s18 {top: 64.5%;}
.p_x10 .stul_guest.s9, .p_x10 .stul_guest.s19 {top: 72%;}
.p_x10 .stul_guest.s10, .p_x10 .stul_guest.s20 {top: 80%;}


.p_x10 .stul_guest.s1 .input,
.p_x10 .stul_guest.s2 .input,
.p_x10 .stul_guest.s3 .input,
.p_x10 .stul_guest.s4 .input,
.p_x10 .stul_guest.s5 .input,
.p_x10 .stul_guest.s6 .input,
.p_x10 .stul_guest.s7 .input,
.p_x10 .stul_guest.s8 .input,
.p_x10 .stul_guest.s9 .input,
.p_x10 .stul_guest.s10 .input {
    bottom: unset;
    left: 45%;
    top: 25%;
}
.p_x10 .stul_guest.s11 .input,
.p_x10 .stul_guest.s12 .input,
.p_x10 .stul_guest.s13 .input,
.p_x10 .stul_guest.s14 .input,
.p_x10 .stul_guest.s15 .input,
.p_x10 .stul_guest.s16 .input,
.p_x10 .stul_guest.s17 .input,
.p_x10 .stul_guest.s18 .input,
.p_x10 .stul_guest.s19 .input,
.p_x10 .stul_guest.s20 .input {
    bottom: unset;
    left: -45%;
    top: 25%;
}



.new_table.p_x12 {
    width: 590px;
    height: 880px;
}

.p_x12 .stul_guest {
    position: absolute;
    height: 12%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.p_x12 .stul_guest.s1, .p_x12 .stul_guest.s2, .p_x12 .stul_guest.s3, .p_x12 .stul_guest.s4, .p_x12 .stul_guest.s5, .p_x12 .stul_guest.s6, .p_x12 .stul_guest.s7, .p_x12 .stul_guest.s8, .p_x12 .stul_guest.s9, .p_x12 .stul_guest.s10, .p_x12 .stul_guest.s11, .p_x12 .stul_guest.s12 {
    right: 4%;
    left: unset;
}
.p_x12 .stul_guest.s13, .p_x12 .stul_guest.s14, .p_x12 .stul_guest.s15, .p_x12 .stul_guest.s16, .p_x12 .stul_guest.s17, .p_x12 .stul_guest.s18, .p_x12 .stul_guest.s19, .p_x12 .stul_guest.s20, .p_x12 .stul_guest.s21, .p_x12 .stul_guest.s22, .p_x12 .stul_guest.s23, .p_x12 .stul_guest.s24  {
    left: 4%;
}

.p_x12 .stul_guest.s1, .p_x12 .stul_guest.s13 {top: 9%;}
.p_x12 .stul_guest.s2, .p_x12 .stul_guest.s14 {top: 15.8%;}
.p_x12 .stul_guest.s3, .p_x12 .stul_guest.s15 {top: 22.6%;}
.p_x12 .stul_guest.s4, .p_x12 .stul_guest.s16 {top: 29.4%;}
.p_x12 .stul_guest.s5, .p_x12 .stul_guest.s17 {top: 36.2%;}
.p_x12 .stul_guest.s6, .p_x12 .stul_guest.s18 {top: 43%;}
.p_x12 .stul_guest.s7, .p_x12 .stul_guest.s19 {top: 49.8%;}
.p_x12 .stul_guest.s8, .p_x12 .stul_guest.s20 {top: 56.6%;}
.p_x12 .stul_guest.s9, .p_x12 .stul_guest.s21 {top: 63.4%;}
.p_x12 .stul_guest.s10, .p_x12 .stul_guest.s22 {top: 70.2%;}
.p_x12 .stul_guest.s11, .p_x12 .stul_guest.s23 {top: 77%;}
.p_x12 .stul_guest.s12, .p_x12 .stul_guest.s24 {top: 84%;}

.p_x12 .stul_guest.s1 .input,
.p_x12 .stul_guest.s2 .input,
.p_x12 .stul_guest.s3 .input,
.p_x12 .stul_guest.s4 .input,
.p_x12 .stul_guest.s5 .input,
.p_x12 .stul_guest.s6 .input,
.p_x12 .stul_guest.s7 .input,
.p_x12 .stul_guest.s8 .input,
.p_x12 .stul_guest.s9 .input,
.p_x12 .stul_guest.s10 .input,
.p_x12 .stul_guest.s11 .input,
.p_x12 .stul_guest.s12 .input {
    bottom: unset;
    left: 45%;
    top: 25%;
}

.p_x12 .stul_guest.s13 .input,
.p_x12 .stul_guest.s14 .input,
.p_x12 .stul_guest.s15 .input,
.p_x12 .stul_guest.s16 .input,
.p_x12 .stul_guest.s17 .input,
.p_x12 .stul_guest.s18 .input,
.p_x12 .stul_guest.s19 .input,
.p_x12 .stul_guest.s20 .input,
.p_x12 .stul_guest.s21 .input,
.p_x12 .stul_guest.s22 .input,
.p_x12 .stul_guest.s23 .input,
.p_x12 .stul_guest.s24 .input {
    bottom: unset;
    left: -45%;
    top: 25%;
}







.new_table.p_x15 {
    width: 590px;
    height: 1060px;
}

.p_x15 .stul_guest {
    position: absolute;
    height: 12%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.p_x15 .stul_guest.s1, .p_x15 .stul_guest.s2, .p_x15 .stul_guest.s3, .p_x15 .stul_guest.s4, .p_x15 .stul_guest.s5, .p_x15 .stul_guest.s6, .p_x15 .stul_guest.s7, .p_x15 .stul_guest.s8, .p_x15 .stul_guest.s9, .p_x15 .stul_guest.s10, .p_x15 .stul_guest.s11, .p_x15 .stul_guest.s12, .p_x15 .stul_guest.s13, .p_x15 .stul_guest.s14, .p_x15 .stul_guest.s15 {
    right: 3%;
    left: unset;
}
.p_x15 .stul_guest.s16, .p_x15 .stul_guest.s17, .p_x15 .stul_guest.s18, .p_x15 .stul_guest.s19, .p_x15 .stul_guest.s20, .p_x15 .stul_guest.s21, .p_x15 .stul_guest.s22, .p_x15 .stul_guest.s23, .p_x15 .stul_guest.s24, .p_x15 .stul_guest.s25, .p_x15 .stul_guest.s26, .p_x15 .stul_guest.s27, .p_x15 .stul_guest.s28, .p_x15 .stul_guest.s29, .p_x15 .stul_guest.s30  {
    left: 3%;
}

.p_x15 .stul_guest.s1, .p_x15 .stul_guest.s16 {top: 9%;}
.p_x15 .stul_guest.s2, .p_x15 .stul_guest.s17 {top: 14.5%;}
.p_x15 .stul_guest.s3, .p_x15 .stul_guest.s18 {top: 20%;}
.p_x15 .stul_guest.s4, .p_x15 .stul_guest.s19 {top: 25.5%;}
.p_x15 .stul_guest.s5, .p_x15 .stul_guest.s20 {top: 31%;}
.p_x15 .stul_guest.s6, .p_x15 .stul_guest.s21 {top: 36.5%;}
.p_x15 .stul_guest.s7, .p_x15 .stul_guest.s22 {top: 42%;}
.p_x15 .stul_guest.s8, .p_x15 .stul_guest.s23 {top: 47.5%;}
.p_x15 .stul_guest.s9, .p_x15 .stul_guest.s24 {top: 52.5%;}
.p_x15 .stul_guest.s10, .p_x15 .stul_guest.s25 {top: 58%;}
.p_x15 .stul_guest.s11, .p_x15 .stul_guest.s26 {top: 63.5%;}
.p_x15 .stul_guest.s12, .p_x15 .stul_guest.s27 {top: 69%;}
.p_x15 .stul_guest.s13, .p_x15 .stul_guest.s28 {top: 74.5%;}
.p_x15 .stul_guest.s14, .p_x15 .stul_guest.s29 {top: 80%;}
.p_x15 .stul_guest.s15, .p_x15 .stul_guest.s30 {top: 85.5%;}

.p_x15 .stul_guest.s1 .input,
.p_x15 .stul_guest.s2 .input,
.p_x15 .stul_guest.s3 .input,
.p_x15 .stul_guest.s4 .input,
.p_x15 .stul_guest.s5 .input,
.p_x15 .stul_guest.s6 .input,
.p_x15 .stul_guest.s7 .input,
.p_x15 .stul_guest.s8 .input,
.p_x15 .stul_guest.s9 .input,
.p_x15 .stul_guest.s10 .input,
.p_x15 .stul_guest.s11 .input,
.p_x15 .stul_guest.s12 .input,
.p_x15 .stul_guest.s13 .input,
.p_x15 .stul_guest.s14 .input,
.p_x15 .stul_guest.s15 .input {
    bottom: unset;
    left: 45%;
    top: 25%;
}

.p_x15 .stul_guest.s16 .input,
.p_x15 .stul_guest.s17 .input,
.p_x15 .stul_guest.s18 .input,
.p_x15 .stul_guest.s19 .input,
.p_x15 .stul_guest.s20 .input,
.p_x15 .stul_guest.s21 .input,
.p_x15 .stul_guest.s22 .input,
.p_x15 .stul_guest.s23 .input,
.p_x15 .stul_guest.s24 .input,
.p_x15 .stul_guest.s25 .input,
.p_x15 .stul_guest.s26 .input,
.p_x15 .stul_guest.s27 .input,
.p_x15 .stul_guest.s28 .input,
.p_x15 .stul_guest.s29 .input,
.p_x15 .stul_guest.s30 .input {
    bottom: unset;
    left: -45%;
    top: 25%;
}









.new_table.p_x18 {
    width: 590px;
    height: 1240px;
}

.p_x18 .stul_guest {
    position: absolute;
    height: 12%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.p_x18 .stul_guest.s1, .p_x18 .stul_guest.s2, .p_x18 .stul_guest.s3, .p_x18 .stul_guest.s4, .p_x18 .stul_guest.s5, .p_x18 .stul_guest.s6, .p_x18 .stul_guest.s7, .p_x18 .stul_guest.s8, .p_x18 .stul_guest.s9, .p_x18 .stul_guest.s10, .p_x18 .stul_guest.s11, .p_x18 .stul_guest.s12, .p_x18 .stul_guest.s13, .p_x18 .stul_guest.s14, .p_x18 .stul_guest.s15, .p_x18 .stul_guest.s16, .p_x18 .stul_guest.s17, .p_x18 .stul_guest.s18 {
    right: 3%;
    left: unset;
}
.p_x18 .stul_guest.s19, .p_x18 .stul_guest.s20, .p_x18 .stul_guest.s21, .p_x18 .stul_guest.s22, .p_x18 .stul_guest.s23, .p_x18 .stul_guest.s24, .p_x18 .stul_guest.s25, .p_x18 .stul_guest.s26, .p_x18 .stul_guest.s27, .p_x18 .stul_guest.s28, .p_x18 .stul_guest.s29, .p_x18 .stul_guest.s30, .p_x18 .stul_guest.s31, .p_x18 .stul_guest.s32, .p_x18 .stul_guest.s33, .p_x18 .stul_guest.s34, .p_x18 .stul_guest.s35, .p_x18 .stul_guest.s36  {
    left: 3%;
}

.p_x18 .stul_guest.s1, .p_x18 .stul_guest.s19 {top: 7%;}
.p_x18 .stul_guest.s2, .p_x18 .stul_guest.s20 {top: 11.7%;}
.p_x18 .stul_guest.s3, .p_x18 .stul_guest.s21 {top: 16.4%;}
.p_x18 .stul_guest.s4, .p_x18 .stul_guest.s22 {top: 21.1%;}
.p_x18 .stul_guest.s5, .p_x18 .stul_guest.s23 {top: 25.8%;}
.p_x18 .stul_guest.s6, .p_x18 .stul_guest.s24 {top: 30.5%;}
.p_x18 .stul_guest.s7, .p_x18 .stul_guest.s25 {top: 35.2%;}
.p_x18 .stul_guest.s8, .p_x18 .stul_guest.s26 {top: 39.9%;}
.p_x18 .stul_guest.s9, .p_x18 .stul_guest.s27 {top: 44.6%;}
.p_x18 .stul_guest.s10, .p_x18 .stul_guest.s28 {top: 49.3%;}
.p_x18 .stul_guest.s11, .p_x18 .stul_guest.s29 {top: 54%;}
.p_x18 .stul_guest.s12, .p_x18 .stul_guest.s30 {top: 58.7%;}
.p_x18 .stul_guest.s13, .p_x18 .stul_guest.s31 {top: 63.4%;}
.p_x18 .stul_guest.s14, .p_x18 .stul_guest.s32 {top: 68.1%;}
.p_x18 .stul_guest.s15, .p_x18 .stul_guest.s33 {top: 72.8%;}
.p_x18 .stul_guest.s16, .p_x18 .stul_guest.s34 {top: 77.5%;}
.p_x18 .stul_guest.s17, .p_x18 .stul_guest.s35 {top: 82.2%;}
.p_x18 .stul_guest.s18, .p_x18 .stul_guest.s36 {top: 87%;}

.p_x18 .stul_guest.s1 .input,
.p_x18 .stul_guest.s2 .input,
.p_x18 .stul_guest.s3 .input,
.p_x18 .stul_guest.s4 .input,
.p_x18 .stul_guest.s5 .input,
.p_x18 .stul_guest.s6 .input,
.p_x18 .stul_guest.s7 .input,
.p_x18 .stul_guest.s8 .input,
.p_x18 .stul_guest.s9 .input,
.p_x18 .stul_guest.s10 .input,
.p_x18 .stul_guest.s11 .input,
.p_x18 .stul_guest.s12 .input,
.p_x18 .stul_guest.s13 .input,
.p_x18 .stul_guest.s14 .input,
.p_x18 .stul_guest.s15 .input,
.p_x18 .stul_guest.s16 .input,
.p_x18 .stul_guest.s17 .input,
.p_x18 .stul_guest.s18 .input {
    bottom: unset;
    left: 45%;
    top: 25%;
}


.p_x18 .stul_guest.s19 .input,
.p_x18 .stul_guest.s20 .input,
.p_x18 .stul_guest.s21 .input,
.p_x18 .stul_guest.s22 .input,
.p_x18 .stul_guest.s23 .input,
.p_x18 .stul_guest.s24 .input,
.p_x18 .stul_guest.s25 .input,
.p_x18 .stul_guest.s26 .input,
.p_x18 .stul_guest.s27 .input,
.p_x18 .stul_guest.s28 .input,
.p_x18 .stul_guest.s29 .input,
.p_x18 .stul_guest.s30 .input,
.p_x18 .stul_guest.s31 .input,
.p_x18 .stul_guest.s32 .input,
.p_x18 .stul_guest.s33 .input,
.p_x18 .stul_guest.s34 .input,
.p_x18 .stul_guest.s35 .input,
.p_x18 .stul_guest.s36 .input {
    bottom: unset;
    left: -45%;
    top: 25%;
}
















.t.top6 .stul_guest.top1 {left: 15%;}
.t.top6 .stul_guest.top2 { left: 27%; }
.t.top6 .stul_guest.top3 { left: 40%; }
.t.top6 .stul_guest.top4 { left: 53%; }
.t.top6 .stul_guest.top5 { left: 66%; }
.t.top6 .stul_guest.top6 { left: 78%; }

.t.top8 .stul_guest.top1 {left: 12%;}
.t.top8 .stul_guest.top2 {left: 22%;}
.t.top8 .stul_guest.top3 {left: 32%;}
.t.top8 .stul_guest.top4 {left: 42%;}
.t.top8 .stul_guest.top5 {left: 52%;}
.t.top8 .stul_guest.top6 {left: 62%;}
.t.top8 .stul_guest.top7 {left: 72%;}
.t.top8 .stul_guest.top8 {left: 82%;}

.t.top10 .stul_guest.top1 {left: 11%;}
.t.top10 .stul_guest.top2 {left: 19%;}
.t.top10 .stul_guest.top3 {left: 27%;}
.t.top10 .stul_guest.top4 {left: 35%;}
.t.top10 .stul_guest.top5 {left: 43%;}
.t.top10 .stul_guest.top6 {left: 51%;}
.t.top10 .stul_guest.top7 {left: 59%;}
.t.top10 .stul_guest.top8 {left: 67%;}
.t.top10 .stul_guest.top9 {left: 75%;}
.t.top10 .stul_guest.top10 {left: 83%;}

.t.bottom1 .stul_guest.bottom1 { bottom: 8%; left: 47%; top: unset; }
.t_x8.bottom1 .stul_guest.bottom1 { bottom: 16%; left: 47%; top: unset; }

.new_table.t_x8 {
    width: 910px;
    height: 760px;
}

.t_x8 .stul_guest {
    position: absolute;
    height: 13%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.t_x8 .stul_guest.s1, .t_x8 .stul_guest.s2, .t_x8 .stul_guest.s3, .t_x8 .stul_guest.s4, .t_x8 .stul_guest.s5, .t_x8 .stul_guest.s6, .t_x8 .stul_guest.s7, .t_x8 .stul_guest.s8 {
    right: 32%;
    left: unset;
}
.t_x8 .stul_guest.s9, .t_x8 .stul_guest.s10, .t_x8 .stul_guest.s11, .t_x8 .stul_guest.s12, .t_x8 .stul_guest.s13, .t_x8 .stul_guest.s14, .t_x8 .stul_guest.s15, .t_x8 .stul_guest.s16 {
    left: 32%;
}

.t_x8 .stul_guest.s1, .t_x8 .stul_guest.s9 {top: 23%;}
.t_x8 .stul_guest.s2, .t_x8 .stul_guest.s10 {top: 31%;}
.t_x8 .stul_guest.s3, .t_x8 .stul_guest.s11 {top: 39%;}
.t_x8 .stul_guest.s4, .t_x8 .stul_guest.s12 {top: 47%;}
.t_x8 .stul_guest.s5, .t_x8 .stul_guest.s13 {top: 55%;}
.t_x8 .stul_guest.s6, .t_x8 .stul_guest.s14 {top: 63%;}
.t_x8 .stul_guest.s7, .t_x8 .stul_guest.s15 {top: 71%;}
.t_x8 .stul_guest.s8, .t_x8 .stul_guest.s16 {top: 79%;}

.t_x8 .stul_guest.s1 .input,
.t_x8 .stul_guest.s2 .input,
.t_x8 .stul_guest.s3 .input,
.t_x8 .stul_guest.s4 .input,
.t_x8 .stul_guest.s5 .input,
.t_x8 .stul_guest.s6 .input,
.t_x8 .stul_guest.s7 .input,
.t_x8 .stul_guest.s8 .input {
    bottom: unset;
    left: 45%;
    top: 25%;
}
.t_x8 .stul_guest.s9 .input,
.t_x8 .stul_guest.s10 .input,
.t_x8 .stul_guest.s11 .input,
.t_x8 .stul_guest.s12 .input,
.t_x8 .stul_guest.s13 .input,
.t_x8 .stul_guest.s14 .input,
.t_x8 .stul_guest.s15 .input,
.t_x8 .stul_guest.s16 .input {
    bottom: unset;
    left: -45%;
    top: 25%;
}












.new_table.t_x10 {
    width: 910px;
    height: 860px;
}

.t_x10 .stul_guest {
    position: absolute;
    height: 12%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.t_x10 .stul_guest.s1, .t_x10 .stul_guest.s2, .t_x10 .stul_guest.s3, .t_x10 .stul_guest.s4, .t_x10 .stul_guest.s5, .t_x10 .stul_guest.s6, .t_x10 .stul_guest.s7, .t_x10 .stul_guest.s8, .t_x10 .stul_guest.s9, .t_x10 .stul_guest.s10 {
    right: 32%;
    left: unset;
}
.t_x10 .stul_guest.s11, .t_x10 .stul_guest.s12, .t_x10 .stul_guest.s13, .t_x10 .stul_guest.s14, .t_x10 .stul_guest.s15, .t_x10 .stul_guest.s16, .t_x10 .stul_guest.s17, .t_x10 .stul_guest.s18, .t_x10 .stul_guest.s19, .t_x10 .stul_guest.s20  {
    left: 32%;
}

.t_x10 .stul_guest.s1, .t_x10 .stul_guest.s11 {top: 23%;}
.t_x10 .stul_guest.s2, .t_x10 .stul_guest.s12 {top: 29.5%;}
.t_x10 .stul_guest.s3, .t_x10 .stul_guest.s13 {top: 36%;}
.t_x10 .stul_guest.s4, .t_x10 .stul_guest.s14 {top: 42.5%;}
.t_x10 .stul_guest.s5, .t_x10 .stul_guest.s15 {top: 49%;}
.t_x10 .stul_guest.s6, .t_x10 .stul_guest.s16 {top: 55.5%;}
.t_x10 .stul_guest.s7, .t_x10 .stul_guest.s17 {top: 62%;}
.t_x10 .stul_guest.s8, .t_x10 .stul_guest.s18 {top: 68.5%;}
.t_x10 .stul_guest.s9, .t_x10 .stul_guest.s19 {top: 75%;}
.t_x10 .stul_guest.s10, .t_x10 .stul_guest.s20 {top: 82%;}

.t_x10 .stul_guest.s1 .input,
.t_x10 .stul_guest.s2 .input,
.t_x10 .stul_guest.s3 .input,
.t_x10 .stul_guest.s4 .input,
.t_x10 .stul_guest.s5 .input,
.t_x10 .stul_guest.s6 .input,
.t_x10 .stul_guest.s7 .input,
.t_x10 .stul_guest.s8 .input,
.t_x10 .stul_guest.s9 .input,
.t_x10 .stul_guest.s10 .input {
    bottom: unset;
    left: 45%;
    top: 25%;
}
.t_x10 .stul_guest.s11 .input,
.t_x10 .stul_guest.s12 .input,
.t_x10 .stul_guest.s13 .input,
.t_x10 .stul_guest.s14 .input,
.t_x10 .stul_guest.s15 .input,
.t_x10 .stul_guest.s16 .input,
.t_x10 .stul_guest.s17 .input,
.t_x10 .stul_guest.s18 .input,
.t_x10 .stul_guest.s19 .input,
.t_x10 .stul_guest.s20 .input {
    bottom: unset;
    left: -45%;
    top: 25%;
}



















.new_table.t_x12 {
    width: 910px;
    height: 980px;
}

.t_x12 .stul_guest {
    position: absolute;
    height: 10%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.t_x12 .stul_guest.s1, .t_x12 .stul_guest.s2, .t_x12 .stul_guest.s3, .t_x12 .stul_guest.s4, .t_x12 .stul_guest.s5, .t_x12 .stul_guest.s6, .t_x12 .stul_guest.s7, .t_x12 .stul_guest.s8, .t_x12 .stul_guest.s9, .t_x12 .stul_guest.s10, .t_x12 .stul_guest.s11, .t_x12 .stul_guest.s12 {
    right: 32%;
    left: unset;
}
.t_x12 .stul_guest.s13, .t_x12 .stul_guest.s14, .t_x12 .stul_guest.s15, .t_x12 .stul_guest.s16, .t_x12 .stul_guest.s17, .t_x12 .stul_guest.s18, .t_x12 .stul_guest.s19, .t_x12 .stul_guest.s20, .t_x12 .stul_guest.s21, .t_x12 .stul_guest.s22, .t_x12 .stul_guest.s23, .t_x12 .stul_guest.s24   {
    left: 32%;
}

.t_x12 .stul_guest.s1, .t_x12 .stul_guest.s13 {top: 20%;}
.t_x12 .stul_guest.s2, .t_x12 .stul_guest.s14 {top: 25.6%;}
.t_x12 .stul_guest.s3, .t_x12 .stul_guest.s15 {top: 31.2%;}
.t_x12 .stul_guest.s4, .t_x12 .stul_guest.s16 {top: 36.8%;}
.t_x12 .stul_guest.s5, .t_x12 .stul_guest.s17 {top: 42.4%;}
.t_x12 .stul_guest.s6, .t_x12 .stul_guest.s18 {top: 48%;}
.t_x12 .stul_guest.s7, .t_x12 .stul_guest.s19 {top: 53.6%;}
.t_x12 .stul_guest.s8, .t_x12 .stul_guest.s20 {top: 59.2%;}
.t_x12 .stul_guest.s9, .t_x12 .stul_guest.s21 {top: 64.8%;}
.t_x12 .stul_guest.s10, .t_x12 .stul_guest.s22 {top: 70.4%;}
.t_x12 .stul_guest.s11, .t_x12 .stul_guest.s23 {top: 76%;}
.t_x12 .stul_guest.s12, .t_x12 .stul_guest.s24 {top: 82%;}

.t_x12 .stul_guest.s1 .input,
.t_x12 .stul_guest.s2 .input,
.t_x12 .stul_guest.s3 .input,
.t_x12 .stul_guest.s4 .input,
.t_x12 .stul_guest.s5 .input,
.t_x12 .stul_guest.s6 .input,
.t_x12 .stul_guest.s7 .input,
.t_x12 .stul_guest.s8 .input,
.t_x12 .stul_guest.s9 .input,
.t_x12 .stul_guest.s10 .input,
.t_x12 .stul_guest.s11 .input,
.t_x12 .stul_guest.s12 .input  {
    bottom: unset;
    left: 45%;
    top: 25%;
}
.t_x12 .stul_guest.s13 .input,
.t_x12 .stul_guest.s14 .input,
.t_x12 .stul_guest.s15 .input,
.t_x12 .stul_guest.s16 .input,
.t_x12 .stul_guest.s17 .input,
.t_x12 .stul_guest.s18 .input,
.t_x12 .stul_guest.s19 .input,
.t_x12 .stul_guest.s20 .input,
.t_x12 .stul_guest.s21 .input,
.t_x12 .stul_guest.s22 .input,
.t_x12 .stul_guest.s23 .input,
.t_x12 .stul_guest.s24 .input {
    bottom: unset;
    left: -45%;
    top: 25%;
}












.new_table.t_x14 {
    width: 910px;
    height: 1100px;
}

.t_x14 .stul_guest {
    position: absolute;
    height: 9%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.t_x14 .stul_guest.s1, .t_x14 .stul_guest.s2, .t_x14 .stul_guest.s3, .t_x14 .stul_guest.s4, .t_x14 .stul_guest.s5, .t_x14 .stul_guest.s6, .t_x14 .stul_guest.s7, .t_x14 .stul_guest.s8, .t_x14 .stul_guest.s9, .t_x14 .stul_guest.s10, .t_x14 .stul_guest.s11, .t_x14 .stul_guest.s12, .t_x14 .stul_guest.s13, .t_x14 .stul_guest.s14 {
    right: 32%;
    left: unset;
}
.t_x14 .stul_guest.s15, .t_x14 .stul_guest.s16, .t_x14 .stul_guest.s17, .t_x14 .stul_guest.s18, .t_x14 .stul_guest.s19, .t_x14 .stul_guest.s20, .t_x14 .stul_guest.s21, .t_x14 .stul_guest.s22, .t_x14 .stul_guest.s23, .t_x14 .stul_guest.s24, .t_x14 .stul_guest.s25, .t_x14 .stul_guest.s26, .t_x14 .stul_guest.s27, .t_x14 .stul_guest.s28 {
    left: 32%;
}

.t_x14 .stul_guest.s1, .t_x14 .stul_guest.s15 {top: 19%;}
.t_x14 .stul_guest.s2, .t_x14 .stul_guest.s16 {top: 24%;}
.t_x14 .stul_guest.s3, .t_x14 .stul_guest.s17 {top: 29%;}
.t_x14 .stul_guest.s4, .t_x14 .stul_guest.s18 {top: 34%;}
.t_x14 .stul_guest.s5, .t_x14 .stul_guest.s19 {top: 39%;}
.t_x14 .stul_guest.s6, .t_x14 .stul_guest.s20 {top: 44%;}
.t_x14 .stul_guest.s7, .t_x14 .stul_guest.s21 {top: 49%;}
.t_x14 .stul_guest.s8, .t_x14 .stul_guest.s22 {top: 54%;}
.t_x14 .stul_guest.s9, .t_x14 .stul_guest.s23 {top: 59%;}
.t_x14 .stul_guest.s10, .t_x14 .stul_guest.s24 {top: 64%;}
.t_x14 .stul_guest.s11, .t_x14 .stul_guest.s25 {top: 69%;}
.t_x14 .stul_guest.s12, .t_x14 .stul_guest.s26 {top: 74%;}
.t_x14 .stul_guest.s13, .t_x14 .stul_guest.s27 {top: 79%;}
.t_x14 .stul_guest.s14, .t_x14 .stul_guest.s28 {top: 84%;}

.t_x14 .stul_guest.s1 .input,
.t_x14 .stul_guest.s2 .input,
.t_x14 .stul_guest.s3 .input,
.t_x14 .stul_guest.s4 .input,
.t_x14 .stul_guest.s5 .input,
.t_x14 .stul_guest.s6 .input,
.t_x14 .stul_guest.s7 .input,
.t_x14 .stul_guest.s8 .input,
.t_x14 .stul_guest.s9 .input,
.t_x14 .stul_guest.s10 .input,
.t_x14 .stul_guest.s11 .input,
.t_x14 .stul_guest.s12 .input,
.t_x14 .stul_guest.s13 .input,
.t_x14 .stul_guest.s14 .input {
    bottom: unset;
    left: 45%;
    top: 25%;
}
.t_x14 .stul_guest.s15 .input,
.t_x14 .stul_guest.s16 .input,
.t_x14 .stul_guest.s17 .input,
.t_x14 .stul_guest.s18 .input,
.t_x14 .stul_guest.s19 .input,
.t_x14 .stul_guest.s20 .input,
.t_x14 .stul_guest.s21 .input,
.t_x14 .stul_guest.s22 .input,
.t_x14 .stul_guest.s23 .input,
.t_x14 .stul_guest.s24 .input,
.t_x14 .stul_guest.s25 .input,
.t_x14 .stul_guest.s26 .input,
.t_x14 .stul_guest.s27 .input,
.t_x14 .stul_guest.s28 .input {
    bottom: unset;
    left: -45%;
    top: 25%;
}










.new_table.t_x16 {
    width: 910px;
    height: 1220px;
}

.t_x16 .stul_guest {
    position: absolute;
    height: 8%;
    top: 0%;
    left: 43%;
    transform-origin: bottom center;
}

.t_x16 .stul_guest.s1, .t_x16 .stul_guest.s2, .t_x16 .stul_guest.s3, .t_x16 .stul_guest.s4, .t_x16 .stul_guest.s5, .t_x16 .stul_guest.s6, .t_x16 .stul_guest.s7, .t_x16 .stul_guest.s8, .t_x16 .stul_guest.s9, .t_x16 .stul_guest.s10, .t_x16 .stul_guest.s11, .t_x16 .stul_guest.s12, .t_x16 .stul_guest.s13, .t_x16 .stul_guest.s14 , .t_x16 .stul_guest.s15, .t_x16 .stul_guest.s16 {
    right: 32%;
    left: unset;
}
.t_x16 .stul_guest.s17, .t_x16 .stul_guest.s18, .t_x16 .stul_guest.s19, .t_x16 .stul_guest.s20, .t_x16 .stul_guest.s21, .t_x16 .stul_guest.s22, .t_x16 .stul_guest.s23, .t_x16 .stul_guest.s24, .t_x16 .stul_guest.s25, .t_x16 .stul_guest.s26, .t_x16 .stul_guest.s27, .t_x16 .stul_guest.s28, .t_x16 .stul_guest.s29, .t_x16 .stul_guest.s30, .t_x16 .stul_guest.s31, .t_x16 .stul_guest.s32 {
    left: 32%;
}

.t_x16 .stul_guest.s1, .t_x16 .stul_guest.s17 {top: 17%;}
.t_x16 .stul_guest.s2, .t_x16 .stul_guest.s18 {top: 21.6%;}
.t_x16 .stul_guest.s3, .t_x16 .stul_guest.s19 {top: 26.2%;}
.t_x16 .stul_guest.s4, .t_x16 .stul_guest.s20 {top: 30.8%;}
.t_x16 .stul_guest.s5, .t_x16 .stul_guest.s21 {top: 35.4%;}
.t_x16 .stul_guest.s6, .t_x16 .stul_guest.s22 {top: 40%;}
.t_x16 .stul_guest.s7, .t_x16 .stul_guest.s23 {top: 44.6%;}
.t_x16 .stul_guest.s8, .t_x16 .stul_guest.s24 {top: 49.2%;}
.t_x16 .stul_guest.s9, .t_x16 .stul_guest.s25 {top: 53.8%;}
.t_x16 .stul_guest.s10, .t_x16 .stul_guest.s26 {top: 58.4%;}
.t_x16 .stul_guest.s11, .t_x16 .stul_guest.s27 {top: 63%;}
.t_x16 .stul_guest.s12, .t_x16 .stul_guest.s28 {top: 67.6%;}
.t_x16 .stul_guest.s13, .t_x16 .stul_guest.s29 {top: 72.2%;}
.t_x16 .stul_guest.s14, .t_x16 .stul_guest.s30 {top: 76.8%;}
.t_x16 .stul_guest.s15, .t_x16 .stul_guest.s31 {top: 81.4%;}
.t_x16 .stul_guest.s16, .t_x16 .stul_guest.s32 {top: 86%;}

.t_x16 .stul_guest.s1 .input,
.t_x16 .stul_guest.s2 .input,
.t_x16 .stul_guest.s3 .input,
.t_x16 .stul_guest.s4 .input,
.t_x16 .stul_guest.s5 .input,
.t_x16 .stul_guest.s6 .input,
.t_x16 .stul_guest.s7 .input,
.t_x16 .stul_guest.s8 .input,
.t_x16 .stul_guest.s9 .input,
.t_x16 .stul_guest.s10 .input,
.t_x16 .stul_guest.s11 .input,
.t_x16 .stul_guest.s12 .input,
.t_x16 .stul_guest.s13 .input,
.t_x16 .stul_guest.s14 .input,
.t_x16 .stul_guest.s15 .input,
.t_x16 .stul_guest.s16 .input  {
    bottom: unset;
    left: 45%;
    top: 25%;
}
.t_x16 .stul_guest.s17 .input,
.t_x16 .stul_guest.s18 .input,
.t_x16 .stul_guest.s19 .input,
.t_x16 .stul_guest.s20 .input,
.t_x16 .stul_guest.s21 .input,
.t_x16 .stul_guest.s22 .input,
.t_x16 .stul_guest.s23 .input,
.t_x16 .stul_guest.s24 .input,
.t_x16 .stul_guest.s25 .input,
.t_x16 .stul_guest.s26 .input,
.t_x16 .stul_guest.s27 .input,
.t_x16 .stul_guest.s28 .input,
.t_x16 .stul_guest.s29 .input,
.t_x16 .stul_guest.s30 .input,
.t_x16 .stul_guest.s31 .input,
.t_x16 .stul_guest.s32 .input  {
    bottom: unset;
    left: -45%;
    top: 25%;
}


























.popup_rel {
    position: relative;
}


.mobile_menu, .burger {
    display: none;
}




#pop_up {
	top: 20%;
	left: 42%;
	position: absolute;
	max-width: 300px;
	padding: 20px;
	z-index: 1002;
	display: none;
	background-color: #FFFFFF;
	border-radius: 8px;
	text-align: center;
}

div.stul_guest_name {
    font-size: inherit;
    line-height: inherit;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
}

.stul_edit {
    background: url(../images/edit.svg);
    width: 12px;
    height: 12px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
}

.stul_edit.active {
    background: url(../images/save.svg);
    width: 12px;
    height: 12px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
    /* transition: all 0.3s; */
}

.stul_edit:hover {
    opacity: 0.8;
}

.stul_edit:active {
    transform: scale(0.8);
}

.stul__content {
    line-height: 8px;
    font-size: 8px;
}










#pop_up.auth .mobile_menu__header,
#pop_up .m_login_btn,
#pop_up #not_now {
    display: none;
}

#logout a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}



#share_popup {
    display: none;
    position: absolute;
    padding: 32px 34px 40px 34px;
    background: #fff;
    max-width: 427px;
    width: 100%;
    min-height: 172px;
    top: 50%;
    left: 50%;
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    transform: translate(-50%, -50%);
    z-index: 2001;
}

#share_popup .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    color: #000000;
}

#share_popup .close {
    position: absolute;
    width: 45px;
    height: 45px;
    background: #FE5050;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -16px;
    top: -12px;
    cursor: pointer;
    transition: all 0.3s;
}
#share_popup .close:hover {
    transform: rotate(90deg);
}
#share_popup .content {
    margin-top: 20px;
    display: grid;
    grid-column-gap: 5px;
    grid-template-columns: repeat(auto-fill, 55px);
}
#share_popup .item {
    cursor: pointer;
    margin-bottom: 5px;
}
#share_popup .item:hover {
    opacity: 0.8
}








@media (max-width: 812px) {
    #share_popup .close {
        right: 0;
    }
    .options {
        display: none;
    }

    div#zoom_block {
        height: 140px;
        width: 45px;
        right: 20px;
        bottom: 110px;
    }

    div#zoom_block div {
        width: 45px;
        height: 45px;

    }

    .burger {
        position: absolute;
        width: 60px;
        height: 60px;
        right: 20px;
        bottom: 20px;
        border-radius: 50%;
        background: #9B84B9;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobile_menu {
        position: absolute;
        z-index: 2003;
        background: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
    }

    .mobile_menu__header {
        height: 63px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #F3F0F5;
    }

    .mobile_menu__header .title {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 19px;
        line-height: 22px;
        text-transform: uppercase;
        color: #9567CF;
        padding-left: 15px;
    }

    .mobile_menu__header .close {
        background: #9B84B9;
        height: 100%;
        min-width: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile_menu .p11 {
        padding: 11px 0;
    }

    .mobile_menu .item {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        color: #8F8F8F;
    }

    .mobile_menu .table_designer {
        padding: 20px 15px;
        border-bottom: 1px solid #F3F0F5;
    }

    .mobile_menu .table__item {
        width: 30%;
        height: 44px;
        border: 1px solid #E8E8E8;
        min-height: 70px;
        box-sizing: border-box;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobile_menu .table__item:active {
        background-color: #9B84B9;
    }

    .mobile_menu__item {
        padding-left: 20px;
        padding-right: 15px;
        justify-content: space-between;
        min-height: 67px;
        border-bottom: 1px solid #F3F0F5;
        cursor: pointer;
    }
    
    .color_picker {
        margin-right: 20px;
    }

    .mobile_menu .item__icon {
        margin-right: 25px;
    }

    .m_back {
        margin-left: 20px;
        height: 100%;
    }
    .m_back .item {
        padding-left: 15px;
    }
    .pallete {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: none;
        flex-direction: column;
    }
    .pallete__item {
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        border-radius: 2px;
        margin: 11px 0;
        cursor: pointer;
    }
    .frame {
        display: flex;
        flex: 0 0 33.3333%;
        flex-direction: column;
        justify-content: space-between;
    }
    .frame__item {
        width: 48%;
        min-height: 68px;
        margin-bottom: 15px;
        border-radius: 7px;
    }
    .frame__item.active {
        border: 2px solid #9B84B9;
    }

    .m_table__inner .popup {
        width: 100%;
        height: 100%;
        display: flex !important;
        position: unset;
    }
    .m_table__inner .popup__count.active {
        background: #9B84B9;
    }

    .m_table__inner .popup__add_button {
        width: 100%;
        border-radius: 0;
        background: #9B84B9;
        min-height: 65px;
    }

    .m_table__inner {
        display: flex;
        flex-grow: 1;
        height: 100%;
        margin-top: -63px;
        padding-top: 63px;
    }

    .popup_rel {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        align-content: space-between;
        flex-grow: 1;
    }
    .seating__popup {
        width: 100%;
    }
    .rectangle .popup__table {
        flex-grow: 1;
        width: 94px;
        min-height: 311px;
        height: 100%;
        background: #E2E2E2;
        border-radius: 3px;
    }
    .popup__body {
        padding: 13px 17px;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 400px;
        margin: 0 auto;
    }

    .w100 {
        width: 100%;
    }
    .pallete__item {
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        border-radius: 2px;
        margin: 11px 0;
        cursor: pointer;
    }

    .header {
        height: 67px;
        padding: 0 5px 0 19px;
    }

    .header .header__title {
        font-size: 16px;
        line-height: 19px;
    }

    .header .header__subtitle {
        font-size: 11px;
        line-height: 13px;
    }

    .header #delete_btn p, .header .share_btn p {
        display: none;
    }
    .header #delete_btn, .header .share_btn {
        background: #EEE3FD;
        border-radius: 50%;
        height: 36px;
        width: 36px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #9567CF;
    }

    .header #logout p,
    .header #save_btn p,
    .header #edit p,
    .header #create p {
        display: none;
    }

    .header .save_btn {
        background: #9567CF;
        border-radius: 50%;
        height: 36px;
        width: 36px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .header #delete_btn path, .header .save_btn path, .header .share_btn path {
        stroke: currentColor;
    }

    .header #logout path {
        stroke: initial;
    }

    .header__actions *:not(:last-child) {
        margin-right: 5px;
    }


    /* 
    -------------------AUTH----------------
    */

    #pop_up.auth {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        padding: 0;
    }

    #pop_up.auth .mobile_menu__header {
        display: flex;
    }

    #pop_up.auth .auth__tabs, #pop_up.auth .header__title, #pop_up.auth .header__subtitle {
        display: none;
    }

    #reg, #login-form {
        padding: 20px 15px;
    }

    #pop_up.auth .auth__input {
        width: 100%;
        height: 60px;
        background: #FFFFFF;
        border: 1px solid #D7D7D7;
        box-sizing: border-box;
        border-radius: 12px;
        font-family: Roboto;
        font-weight: 700;
        font-size: 18px;
        line-height: 21px;
        display: flex;
        align-items: center;
        color: #000000;
    }
    #pop_up.auth .auth__input::placeholder {
        font-weight: 400;
    }
    #pop_up.auth .auth__input:focus {
        border-color: #9567CF;
        border-width: 2px;
    }

    #pop_up.auth .auth__button {
        width: 100%;
        height: 60px;
        background: #9567CF;
        border-radius: 12px;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
    }

    #pop_up.auth .m_login_btn {
        width: 100%;
        height: 60px;
        font-family: 'Roboto';
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #9567CF;
        text-decoration: none;
        margin-top: 10px;
    }
    
}

.txtarea {
    width: 100%;
    height: 100%;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #F6F6F6;
    resize: none;
    outline: none;
    font-size: inherit;
    line-height: inherit;
    overflow: hidden;
    font-family: inherit;
}