Main/resources/[housing]/oph3z-motels/html/style.css

@import url('https://fonts.cdnfonts.com/css/tt-lakes-neue-trial');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
    font-family: 'Barlow';
    font-weight: 700;
    user-select: none;
    font-style: normal;
}

body {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vw;
}

.rent-motel-rooms {
    display: none;
}

.bossmenu {
    display: none;
}

.dashboardmenu {
    display: none;
}

.employeesmenu {
    display: none;
}

.employee-invite {
    display: none;
}

.companymenu {
    display: none;
}

.customersmenu {
    display: none;
}

.nearby-players-cat {
    display: none;
}

.np-invite-settings {
    display: none;
}

.motel-care-menu {
    display: none;
}

.motel-care-menu-request {
    display: none;
}

.fix-room-menu {
    display: none;
}

.chancestyle-motelrooms {
    display: none;
}
.chancestyle-motelroomsrequest {
    display: none;
}

.send-room-invite {
    display: none;
}

.send-room-invite-door {
    display: none;
}

.send-room-invite-friends {
    display: none;
}

.send-motel-transfer {
    display: none;
}

.motel-isletme-satin-alma-ekrani {
    display: none;
}

.send-room-soru {
    display: none;
}

::-webkit-scrollbar {
    width: 0.1px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: transparent;
}

#scrollolacak::-webkit-scrollbar {
    width: 2px;
    border-radius: 24px;
}

#scrollolacak::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.17);
}

#scrollolacak::-webkit-scrollbar-thumb {
    background: #0195E9;
}

input[type=number] {
    font-family: 'Barlow';
    color: #7CCE2A;
    font-size: 1.8vh;
    padding-left: 1vh;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=text] {
    padding-left: 2vh;
}

.rent-motel-rooms {
    position: absolute;
    width: 123vh;
    height: 70.4vh;
    border-radius: 1vh;
    left: 28vh;
    top: 14.6vh;
    background: radial-gradient(6.32% 11.57% at 99.17% 0%, rgba(244, 31, 31, 0.44) 0%, rgba(231, 33, 33, 0) 100%)/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    , radial-gradient(82.3% 82.3% at 0% 105.17%, rgba(0, 117, 255, 0.114) 0%, rgba(0, 117, 255, 0) 100%)/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    , radial-gradient(50% 50% at 50% 50%, rgba(3, 10, 19, 0) 0%, rgba(3, 10, 19, 0.9) 100%), rgba(3, 10, 19, 0.95);
}

.header {
    position: absolute;
    width: 116.25555vh;
    height: 9vh;
    left: 4.3vh;
    top: 2.3vh;
}


.motelisim {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 24.69vh;
    height: 6.4vh;
}

.motelisim #motelname {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'TT Lakes Neue Trl Ext', sans-serif;
    font-style: normal;
    font-weight: bolder;
    font-size: 2.8vh;
    line-height: 90%;
    background: linear-gradient(124.39deg, #0085FF 20.58%, #00B2FF 90.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.motelisim #motelkonum {
    font-family: 'TT Lakes Neue Trl Ext', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 2.4vh;
    line-height: 90%;
    /* identical to box height, or 25px */
    color: rgba(255, 255, 255, 0.86);
    bottom: .5vh;
    left: 0;
    position: absolute;
}

.motelisimbossmenu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 24.69vh;
    height: 6.4vh;
}

.motelisimbossmenu #motelkonumbosmenmu {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'TT Lakes Neue Trl Ext', sans-serif;
    font-style: normal;
    font-weight: bolder;
    font-size: 2.8vh;
    line-height: 90%;
    background: linear-gradient(124.39deg, #0085FF 20.58%, #00B2FF 90.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.motelisimbossmenu #moteisim {
    font-family: 'TT Lakes Neue Trl Ext', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 2.4vh;
    line-height: 90%;
    /* identical to box height, or 25px */
    color: rgba(255, 255, 255, 0.86);
    bottom: .5vh;
    left: 0;
    position: absolute;
}

.cizgi {
    width: 0.3vh;
    height: 8vh;
    background: rgba(255, 255, 255, 0.2);
    left: 30.5vh;
    position: absolute;
}

.aciklama {
    width: 45.69vh;
    height: 6.6vh;
    position: absolute;
    left: 36vh;
    bottom: 0;
}

.aciklama h3 {
    top: -.8vh;
    position: absolute;
    color: #FFFFFF;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    line-height: 134.5%;
    font-size: 1.2vh;
    left: 0vh;
}

.aciklama span {
    top: 2.5vh;
    bottom: 2.7vh;
    position: absolute;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    line-height: 134.5%;
    font-size: 1.2vh;
    left: 0vh;
}

.close {
    width: 6vh;
    height: 2.7vh;
    position: absolute;
    top: 0;
    right: 0;
}

.close p {
    color: #FFFFFF;
    left: 0;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-style: normal;
    position: absolute;
    font-weight: 700;
}

.close .icon img {
    width: 1.8vh;
    height: 1.8vh;
    color: #FFFFFF;
    right: 0;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-style: normal;
    position: absolute;
    font-weight: 700;
    cursor: pointer;
}

.middlebar {
    position: absolute;
    top: 16vh;
    width: 112.25555vh;
    height: 4.2vh;
    left: 4.3vh;
}

#zil {
    width: 2.5vh;
    height: 2.5vh;
    position: absolute;
    left: 0;
    top: 1.3vh;
}

#motel-rooms-header {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 2vh;
    line-height: 134.5%;
    /* identical to box height, or 27px */
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.76);
    position: absolute;
    left: 3.3vh;
    top: 1.3vh;
}

.ortabutton {
    position: absolute;
    bottom: 0;
    width: 49vh;
    height: 3.4vh;
    left: 21.4vh;
}

.viprooms {
    bottom: 0;
    left: 0;
    position: absolute;
    /* background: linear-gradient(158.74deg, #FFB800 14.01%, #FF8A00 108.88%); */
    background: rgba(255, 255, 255, 0.09);
    border-radius: 5px;
    width: 15vh;
    height: 3vh;
    cursor: pointer;
}

.viprooms-img-text {
    width: 15vh;
    height: 3vh;
}

.viprooms-img-text>span {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.4vh;
    /* line-height: 134.5%; */
    /* identical to box height, or 22px */
    margin-left: 2vh;
    position: relative;
    color: rgba(255, 255, 255, 0.3);
}

.viprooms-img-text img {
    width: 1.7vh;
    height: 1.7vh;
    left: 2.6vh;
    position: absolute;
}

.middlerooms {
    bottom: 0;
    left: 17vh;
    position: absolute;
    border-radius: 5px;
    width: 15vh;
    background: rgba(255, 255, 255, 0.09);
    height: 3vh;
    cursor: pointer;
}

.middlerooms-img-text {
    width: 15vh;
    height: 3vh;
}

.middlerooms-img-text>span {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.4vh;
    /* line-height: 134.5%; */
    /* identical to box height, or 22px */
    margin-left: 3vh;
    position: relative;
    color: rgba(255, 255, 255, 0.3);
}

.middlerooms-img-text img {
    width: 2.2vh;
    height: 2.2vh;
    left: 1.7vh;
    position: absolute;
}

.pwodalari {
    bottom: 0;
    left: 34vh;
    position: absolute;
    background: rgba(255, 255, 255, 0.09);
    border-radius: 5px;
    width: 15vh;
    height: 3vh;
    cursor: pointer;
}

.pwodalar {
    width: 15vh;
    height: 3vh;
}

.pwodalar>span {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.4vh;
    /* line-height: 134.5%; */
    /* identical to box height, or 22px */
    margin-left: 2.5vh;
    position: relative;
    color: rgba(255, 255, 255, 0.3);
}

.pwodalar img {
    width: 2vh;
    height: 2vh;
    left: .5vh;
    position: absolute;
}

.moteldec {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36.9vh;
    height: 4.199vh;
}

.totalrooms {
    position: absolute;
    width: 16.5vh;
    left: 0;
    height: 4.199vh;
}

.totalrooms .icon img {
    width: 2.5vh;
    height: 3vh;
    z-index: 1;
    position: absolute;
    left: .65vh;
}

.totalrooms .iconbg {
    position: absolute;
    left: 0;
    background: linear-gradient(124.39deg, #0085FF 20.58%, #00B2FF 90.19%);
    left: 0;
    width: 3.7vh;
    height: 3.7vh;
}

.availablerooms {
    position: absolute;
    width: 16.5vh;
    right: 0;
    height: 4.199vh;
}

.availablerooms .icon img {
    width: 2.5vh;
    height: 3vh;
    z-index: 1;
    position: absolute;
    left: .65vh;
}

.availablerooms .iconbg {
    position: absolute;
    left: 0;
    background: linear-gradient(124.39deg, #00FFA3 20.58%, #00FF66 90.19%);
    width: 3.7vh;
    height: 3.7vh;
}

.totalrooms h1 {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 1.9vh;
    line-height: 134.5%;
    /* or 24px */
    color: #01A7FF;
}

.totalrooms p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.3vh;
    line-height: 134.5%;
    /* or 20px */
    color: #A5ABBD;
    right: 0;
    position: absolute;
    top: 0;
}

.availablerooms h1 {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 1.9vh;
    line-height: 134.5%;
    /* or 24px */
    color: #01FF80;
}

.availablerooms p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.2vh;
    line-height: 134.5%;
    /* or 20px */
    color: #A5ABBD;
    right: 0;
    position: absolute;
    top: 0;
}

.roomsbar {
    position: absolute;
    width: 114vh;
    height: 45.75vh;
    bottom: 3.2vh;
    left: 4.3vh;
    overflow-y: scroll;
    display: block;
}

.rooms {
    width: 22vh;
    height: 23vh;
    left: 0;
    top: 0;
    float: left;
    margin-bottom: 1vh;
    border-radius: .8vh;
    margin-right: 0.7vh;
    position: relative;
}

.rooms img {
    width: 22.1vh;
    height: 23.1vh;
    left: 0;
    top: 0;
    position: absolute;
}

.no-text {
    color: rgba(0, 0, 0, 0.51);
    font-size: 1.3vh;
    font-weight: 500;
    font-family: 'Barlow';
    right: 2.47vh;
    top: .2vh;
    position: absolute;
}

.oda-no {
    color: rgba(0, 0, 0, 0.79);
    font-size: 1.8vh;
    font-weight: 800;
    font-family: 'Barlow';
    text-align: ceter;
    right: .1vh;
    top: .5vh;
    position: relative;
}

.no-text-d {
    color: rgba(0, 0, 0, 0.51);
    font-size: 1.7vh;
    font-weight: 600;
    font-family: 'Barlow';
    right: 11vh;
    top: .5vh;
    position: absolute;
}

.oda-no-d {
    color: rgba(0, 0, 0, 0.79);
    font-size: 1.8vh;
    font-weight: 800;
    font-family: 'Barlow';
    right: 8.5vh;
    top: .3vh;
    position: absolute;
}

.room-header {
    color: white;
    font-size: 1.7vh;
    font-weight: 800;
    font-family: 'Barlow';
    left: 1.5vh;
    bottom: 10vh;
    position: absolute;
}

.room-descript {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2vh;
    font-family: 'Barlow';
    left: 1.5vh;
    bottom: 6.5vh;
    width: 19vh;
    height: 3vh;
    position: absolute;
}

.rent-button-vip {
    background: rgba(255, 255, 255, 0.08);
    width: 19vh;
    height: 3vh;
    bottom: 2vh;
    border-radius: .3vh;
    cursor: pointer;
    position: absolute;
}

.rent-button-vip>span {
    color: rgba(255, 255, 255, 0.39);
    font-size: 1.5vh;
    font-family: 'Barlow';
}

.rent-button-vip-rented {
    background: rgba(255, 255, 255, 0.08);
    width: 19vh;
    height: 3vh;
    bottom: 2vh;
    border-radius: .3vh;
    cursor: not-allowed;
    position: absolute;
}

.rent-button-vip-rented>span {
    color: rgba(255, 255, 255, 0.39);
    font-size: 1.5vh;
    font-family: 'Barlow';
}

.roomsbar2 {
    position: absolute;
    width: 114vh;
    height: 45.75vh;
    bottom: 3.2vh;
    left: 4.3vh;
    overflow-y: scroll;
    display: none;
}

.rooms2 {
    width: 22vh;
    height: 23vh;
    left: 0;
    top: 0;
    float: left;
    margin-bottom: 1vh;
    border-radius: .8vh;
    margin-right: 0.7vh;
    position: relative;
}

.rooms2 img {
    width: 22.1vh;
    height: 23.1vh;
    left: 0;
    top: 0;
    position: absolute;
}

.no-text2 {
    color: rgba(0, 0, 0, 0.51);
    font-size: 1.3vh;
    font-weight: 500;
    font-family: 'Barlow';
    right: 2.47vh;
    top: .2vh;
    position: absolute;
}

.oda-no2 {
    color: rgba(0, 0, 0, 0.79);
    font-size: 1.8vh;
    font-weight: 800;
    font-family: 'Barlow';
    text-align: center;
    top: .5vh;
    right: .1vh;
    position: relative;
}

.no-text-d2 {
    color: rgba(0, 0, 0, 0.51);
    font-size: 1.3vh;
    font-weight: 600;
    font-family: 'Barlow';
    right: 12vh;
    top: .3vh;
    position: absolute;
}

.oda-no-d2 {
    color: rgba(0, 0, 0, 0.79);
    font-size: 1.8vh;
    font-weight: 800;
    font-family: 'Barlow';
    right: 8.5vh;
    top: .3vh;
    position: absolute;
}

.room-header2 {
    color: white;
    font-size: 1.7vh;
    font-weight: 800;
    font-family: 'Barlow';
    left: 1.5vh;
    bottom: 10vh;
    position: absolute;
}

.room-descript2 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2vh;
    font-family: 'Barlow';
    left: .8vh;
    bottom: 6.5vh;
    width: 19vh;
    height: 3vh;
    position: absolute;
}

.rent-button-vip2 {
    background: rgba(255, 255, 255, 0.08);
    width: 19vh;
    height: 3vh;
    bottom: 2vh;
    border-radius: .3vh;
    cursor: pointer;
    position: absolute;
}

.rent-button-vip2>span {
    color: rgba(255, 255, 255, 0.39);
    font-size: 1.5vh;
    font-family: 'Barlow';
}

.roomsbar3 {
    position: absolute;
    width: 114vh;
    height: 45.75vh;
    bottom: 3.2vh;
    left: 4.3vh;
    overflow-y: scroll;
    display: none;
}

.rooms3 {
    width: 22vh;
    height: 23vh;
    left: 0;
    top: 0;
    float: left;
    margin-bottom: 1vh;
    border-radius: .8vh;
    margin-right: 0.7vh;
    position: relative;
}

.rooms3 img {
    width: 22.1vh;
    height: 23.1vh;
    left: 0;
    top: 0;
    position: absolute;
}

.no-text3 {
    color: rgba(0, 0, 0, 0.747);
    font-size: 1.3vh;
    font-weight: 500;
    font-family: 'Barlow';
    right: 2.47vh;
    top: .2vh;
    position: absolute;
}

.oda-no3 {
    color: rgba(0, 0, 0, 0.79);
    font-size: 1.8vh;
    font-weight: 800;
    font-family: 'Barlow';
    text-align: center;
    top: .5vh;
    right: .1vh;
    position: relative;
}

.no-text-d3 {
    color: rgba(0, 0, 0, 0.51);
    font-size: 1.3vh;
    font-weight: 600;
    font-family: 'Barlow';
    right: 12vh;
    top: .3vh;
    position: absolute;
}

.oda-no-d3 {
    color: rgba(0, 0, 0, 0.79);
    font-size: 1.8vh;
    font-weight: 800;
    font-family: 'Barlow';
    right: 8.5vh;
    top: .3vh;
    position: absolute;
}

.room-header3 {
    color: white;
    font-size: 1.7vh;
    font-weight: 800;
    font-family: 'Barlow';
    left: 1.5vh;
    bottom: 10vh;
    position: absolute;
}

.room-descript3 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2vh;
    font-family: 'Barlow';
    left: 1.5vh;
    bottom: 6.5vh;
    width: 19vh;
    height: 3vh;
    position: absolute;
}

.rent-button-vip3 {
    background: rgba(255, 255, 255, 0.08);
    width: 19vh;
    height: 3vh;
    bottom: 2vh;
    border-radius: .3vh;
    cursor: pointer;
    position: absolute;
}

.rent-button-vip3>span {
    color: rgba(255, 255, 255, 0.39);
    font-size: 1.5vh;
    font-family: 'Barlow';
}


/*! ------------------------ BOSS MENU ------------------------ !*/

.bossmenu {
    position: absolute;
    width: 123vh;
    height: 70.4vh;
    border-radius: 1vh;
    left: 28vh;
    top: 14.6vh;
    background: radial-gradient(6.32% 11.57% at 99.17% 0%, rgba(244, 31, 31, 0.44) 0%, rgba(231, 33, 33, 0) 100%)/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    , radial-gradient(82.3% 82.3% at 0% 105.17%, rgba(0, 117, 255, 0.114) 0%, rgba(0, 117, 255, 0) 100%)/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    , radial-gradient(50% 50% at 50% 50%, rgba(3, 10, 19, 0) 0%, rgba(3, 10, 19, 0.9) 100%), rgba(3, 10, 19, 0.95);
}

.left-menu {
    /* background-color: red; */
    width: 26vh;
    height: 50vh;
    left: 0;
    top: 15vh;
    position: absolute;
}

.dashboard {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0.38%, rgba(255, 255, 255, 0) 100%);
    width: 26vh;
    height: 4.5vh;
    left: 0;
    top: 0;
    cursor: pointer;
    position: absolute;
}

.dashboard-icon {
    width: 2.2vh;
    height: 2.2vh;
    left: 4vh;
    opacity: 0.6;
    position: absolute;
}

.dashboard>span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.5vh;
    font-family: 'Barlow';
    left: 9vh;
    position: absolute;
}

.employees {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0.38%, rgba(255, 255, 255, 0) 100%);
    width: 26vh;
    height: 4.5vh;
    left: 0;
    top: 7vh;
    cursor: pointer;
    position: absolute;
}

.employee-icon {
    width: 2.2vh;
    height: 2.2vh;
    left: 4vh;
    opacity: 0.6;
    position: absolute;
}

.employees>span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.5vh;
    font-family: 'Barlow';
    left: 9vh;
    position: absolute;
}

.company {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0.38%, rgba(255, 255, 255, 0) 100%);
    width: 26vh;
    height: 4.5vh;
    left: 0;
    top: 14vh;
    cursor: pointer;
    position: absolute;
}

.company-icon {
    width: 2.2vh;
    height: 2.2vh;
    left: 4vh;
    opacity: 0.6;
    position: absolute;
}

.company>span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.5vh;
    font-family: 'Barlow';
    left: 9vh;
    position: absolute;
}

.customer {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0.38%, rgba(255, 255, 255, 0) 100%);
    width: 26vh;
    height: 4.5vh;
    left: 0;
    top: 21vh;
    cursor: pointer;
    position: absolute;
}

.customer-icon {
    width: 2.2vh;
    height: 2.2vh;
    left: 4vh;
    opacity: 0.6;
    position: absolute;
}

.customer>span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.5vh;
    font-family: 'Barlow';
    left: 9vh;
    position: absolute;
}

.nearby-players {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0.38%, rgba(255, 255, 255, 0) 100%);
    width: 26vh;
    height: 4.5vh;
    left: 0;
    top: 28vh;
    cursor: pointer;
    position: absolute;
}

.nearby-icon {
    width: 2.2vh;
    height: 2.2vh;
    left: 4vh;
    opacity: 0.6;
    position: absolute;
}

.nearby-players>span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.5vh;
    font-family: 'Barlow';
    left: 9vh;
    position: absolute;
}

.motelcare {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0.38%, rgba(255, 255, 255, 0) 100%);
    width: 26vh;
    height: 4.5vh;
    left: 0;
    top: 35vh;
    cursor: pointer;
    position: absolute;
}

.motelcare2 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0.38%, rgba(255, 255, 255, 0) 100%);
    width: 26vh;
    height: 4.5vh;
    left: 0;
    top: 42vh;
    cursor: pointer;
    position: absolute;
}


.motelcare-icon {
    width: 2.2vh;
    height: 2.2vh;
    left: 4vh;
    opacity: 0.6;
    position: absolute;
}

.motelcare-icon2 {
    width: 2.2vh;
    height: 2.2vh;
    left: 4vh;
    opacity: 0.6;
    position: absolute;
}


.motelcare>span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.5vh;
    font-family: 'Barlow';
    left: 9vh;
    position: absolute;
}

.motelcare2 > span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.5vh;
    font-family: 'Barlow';
    left: 9vh;
    position: absolute;
}

.dashboardmenu {
    /* background: red; */
    position: absolute;
    width: 85.599vh;
    left: 34.8vh;
    bottom: 4.4vh;
    height: 51vh;
}

.dashboardmenu h1 {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 2.2vh;
    line-height: 90%;
}

.d-total-rooms {
    position: absolute;
    width: 27.5vh;
    height: 16vh;
    top: 5vh;
    background: rgba(255, 255, 255, 0.07);
    left: 0;
}

.d-total-rooms span {
    position: absolute;
    width: 13vh;
    height: 5vh;
    left: 1.3vh;
    top: 1vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    /* font-size: 24px; */
    font-size: 1.9vh;
    line-height: 120%;
    /* or 29px */
    color: #A5ABBD;
}

.d-total-rooms p {
    position: absolute;
    left: 1.3vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    /* font-size: 35.25px; */
    font-size: 2.8vh;
    line-height: 134.5%;
    bottom: 2vh;
    background: linear-gradient(124.39deg, #0085FF 20.58%, #00B2FF 90.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.d-available-rooms {
    position: absolute;
    width: 27.5vh;
    height: 16vh;
    top: 5vh;
    background: rgba(255, 255, 255, 0.07);
    left: 29.1vh;
}

.d-available-rooms span {
    position: absolute;
    width: 13vh;
    height: 5vh;
    left: 1.3vh;
    top: 1vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    /* font-size: 24px; */
    font-size: 1.9vh;
    line-height: 120%;
    /* or 29px */
    color: #A5ABBD;
}

.d-available-rooms p {
    position: absolute;
    left: 1.3vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    /* font-size: 35.25px; */
    font-size: 2.8vh;
    line-height: 134.5%;
    bottom: 2vh;
    background: linear-gradient(124.39deg, #00FFA3 20.58%, #00FF66 90.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.total-customers {
    position: absolute;
    width: 27.5vh;
    height: 16vh;
    top: 5vh;
    background: rgba(255, 255, 255, 0.07);
    left: 58.1vh;
}

.total-customers span {
    position: absolute;
    width: 13vh;
    height: 5vh;
    left: 1.3vh;
    top: 1vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    /* font-size: 24px; */
    font-size: 1.9vh;
    line-height: 120%;
    /* or 29px */
    color: #A5ABBD;
}

.total-customers p {
    position: absolute;
    left: 1.3vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    /* font-size: 35.25px; */
    font-size: 2.8vh;
    line-height: 134.5%;
    bottom: 2vh;
    background: linear-gradient(124.39deg, #FFFFFF 20.58%, #FFFFFF 90.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

#chancemotelname {
    position: absolute;
    left: 0;
    top: 25vh;
    width: 55vh;
    height: 6vh;
    background: rgba(255, 255, 255, 0.07);
    border: 2px solid rgba(255, 255, 255, 0.08);
    border-radius: .2vh;
    outline: none;
    color: rgba(255, 255, 255, 0.35);
    font-size: 2vh;
}



.savebtn {
    position: absolute;
    bottom: 0;
    right: 0;
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    border-radius: .3vh;
    width: 20vh;
    height: 4vh;
    cursor: pointer;
}

.savebtn h4 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 1.92vh;
    line-height: 134.5%;
    color: rgba(0, 0, 0, 0.56);
}

.savebtn2 {
    position: absolute;
    bottom: 0;
    right: 23vh;
    background: radial-gradient(130% 130% at 50% 50%, #D24444 0%, rgba(232, 78, 78, 0) 100%);
    border-radius: .3vh;
    width: 18vh;
    height: 4vh;
    cursor: pointer;
}

.savebtn2 h4 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 1.92vh;
    line-height: 134.5%;
    color: rgba(0, 0, 0, 0.56);
}

.savebtn3 {
    position: absolute;
    bottom: 0;
    left: 17vh;
    background: #00A3FF;
    border-radius: .3vh;
    width: 18vh;
    height: 4vh;
    cursor: pointer;
}

.savebtn3 h4 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 1.92vh;
    line-height: 134.5%;
    color: rgba(0, 0, 0, 0.56);
}

#transfermotelid {
    position: absolute;
    left: 0vh;
    bottom: 0vh;
    width: 14vh;
    height: 4vh;
    background: rgba(255, 255, 255, 0.07);
    border: 2px solid rgba(255, 255, 255, 0.08);
    border-radius: .2vh;
    outline: none;
    color: rgba(255, 255, 255, 0.35);
    font-size: 1.9vh;
}

.companymenu {
    /* background: red; */
    position: absolute;
    width: 85.599vh;
    left: 34.8vh;
    bottom: 4.4vh;
    height: 51vh;
}

.companymenu h1 {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 2.4vh;
    line-height: 90%;
}

.c-dashboard {
    left: 0;
    position: absolute;
    top: 4vh;
    background: rgba(255, 255, 255, 0.06);
    /* background: rgba(255, 255, 255, 0.06); */
    width: 85.599vh;
    height: 15.1vh;
}

.c-dashboard span {
    position: absolute;
    width: 16vh;
    height: 6vh;
    top: 2vh;
    left: 1vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    font-size: 2.1vh;
    line-height: 119.5%;
    /* or 31px */
    text-transform: uppercase;
    color: #FFFFFF;
}

.c-dashboard p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 3vh;
    line-height: 105%;
    text-transform: uppercase;
    color: rgba(34, 213, 73, 0.73);
    left: 1vh;
    position: absolute;
    top: 9vh;
}

.withdraw {
    width: 30vh;
    height: 16vh;
    top: 20vh;
    left: 0;
    position: absolute;
}

.w-text {
    color: #D03636;
    font-size: 1.8vh;
    font-weight: 600;
    font-family: 'Barlow';
    left: 0;
    top: 2vh;
    position: absolute;
}

.withdraw input {
    font-family: 'Barlow';
    color: #D03636;
    font-size: 1.8vh;
    padding-left: 1vh;
}

#w-amount {
    background: rgba(255, 255, 255, 0.12);
    border-radius: .7vh;
    outline: none;
    border: none;
    width: 25vh;
    height: 4.5vh;
    left: 0;
    top: 5vh;
    position: absolute;
}

#w-submit {
    background: linear-gradient(90deg, #DA3333 0%, #971D1D 100%);
    border-radius: .7vh;
    outline: none;
    border: none;
    width: 25vh;
    height: 4.5vh;
    left: 0;
    color: white;
    font-weight: 400;
    font-family: 'Barlow';
    font-size: 1.5vh;
    bottom: 1vh;
    cursor: pointer;
    position: absolute;
}

.deposit {
    width: 30vh;
    height: 16vh;
    bottom: -2vh;
    left: 0;
    position: absolute;
}

.d-text {
    color: #7CCE2A;
    font-size: 1.8vh;
    font-weight: 600;
    font-family: 'Barlow';
    left: 0;
    top: 2vh;
    position: absolute;
}

#d-amount {
    background: rgba(255, 255, 255, 0.12);
    border-radius: .7vh;
    outline: none;
    border: none;
    width: 25vh;
    height: 4.5vh;
    left: 0;
    top: 5vh;
    position: absolute;
}

#d-submit {
    background: linear-gradient(90deg, #2DCE2A 0%, #00FF57 100%);
    border-radius: .7vh;
    outline: none;
    border: none;
    width: 25vh;
    height: 4.5vh;
    left: 0;
    color: white;
    font-weight: 400;
    font-family: 'Barlow';
    font-size: 1.5vh;
    bottom: 1vh;
    cursor: pointer;
    position: absolute;
}

.company-history {
    width: 48vh;
    height: 30.8vh;
    right: 3.65vh;
    bottom: -1vh;
    position: absolute;
}

.c-text {
    color: white;
    font-size: 1.8vh;
    font-weight: 600;
    font-family: 'Barlow';
    left: 0;
    top: 0;
    position: absolute;
}

.history {
    width: 48vh;
    height: 28vh;
    bottom: 0;
    left: 0;
    display: block;
    overflow-y: auto;
    position: absolute;
}

.h-list {
    background: rgba(255, 255, 255, 0.06);
    border-radius: .8vh;
    width: 47.5vh;
    height: 5vh;
    top: 0;
    left: 0;
    margin-bottom: 1vh;
    position: relative;
}

.h-list img {
    width: 2.8vh;
    height: 2.8vh;
    left: 2vh;
    position: absolute;
}

.h-list>span {
    color: rgba(255, 255, 255, 0.68);
    font-size: 1.3vh;
    font-weight: 600;
    left: 11vh;
    font-family: 'Barlow';
    position: absolute;
}

.h-list>p {
    color: rgba(54, 208, 69, 0.87);
    right: 2vh;
    font-weight: 600;
    font-family: 'Barlow';
    position: absolute;
}

.employeesmenu {
    position: absolute;
    width: 85.599vh;
    left: 34.8vh;
    top: 15vh;
    height: 53.1vh;
}

.employeesmenu #e-title {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 2.4vh;
    line-height: 90%;
}

.e-invitebtn {
    position: absolute;
    right: 0;
    top: 0;
    background: #00A3FF;
    border-radius: .2vh;
    width: 14.4vh;
    height: 2.6vh;
}

.e-invitebtn h4 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.7vh;
    line-height: 105%;
    color: rgba(0, 0, 0, 0.51);
}

.e-list-title {
    position: absolute;
    top: 4vh;
    left: 1.8vh;
    width: 82.1vh;
    height: 2.6vh;
    display: flex;
}

#e-name {
    position: absolute;
    left: -0.7vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.e-list-title>#e-rank {
    position: absolute;
    left: 19.8vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.e-list-title>#e-salary {
    position: absolute;
    left: 39.2vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.e-list-title>#e-rankud {
    position: absolute;
    left: 59vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.e-list-title>#e-action {
    position: absolute;
    right: 1.8vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.e-list-body {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46.45vh;
    width: 85.599vh;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
}

.e-employees-list {
    position: relative;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 2.17056px 2.17056px 0px 0px;
    width: 85.599vh;
    height: 3.8vh;
    margin-bottom: 0;
    top: .5vh;
}

.e-employees-list:nth-child(odd) {
    background: rgba(255, 255, 255, 0.04);
}

.e-employees-list:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}

.e-employees-list>#e-e-l-name {
    font-family: 'Barlow';
    font-style: normal;
    left: 1vh;
    position: absolute;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.7);
}

.e-employees-list>#e-e-l-rank {
    font-family: 'Barlow';
    font-style: normal;
    left: 21.7vh;
    position: absolute;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.7);
}


/* .e-employees-list>#e-e-l-salary {
    font-family: 'Barlow';
    font-style: normal;
    left: 41vh;
    text-align: start;
    justify-content: start;
    width: 10vh;
    height: 2.2vh;
    position: absolute;
    font-weight: 500;
    font-size: 1vh;
    line-height: 105%;
    padding-left: .5vh;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 2px;
    /* identical to box height, or 19px 
    color: rgba(255, 255, 255, 0.48);
} */

#player-salary {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.377) !important;
    border-radius: 2px;
    outline: none;
    font-size: 1.2vh;
    padding: .5vh !important;
    width: 10vh;
    height: 2.2vh;
    z-index: 999999999;
    left: 41vh;
    position: absolute;
}

.e-employees-list i {
    color: rgb(0, 255, 0);
    right: 32.5vh;
    cursor: pointer;
    position: absolute;
    display: block;
}

.e-employees-list>.rankup-icon {
    font-family: 'Barlow';
    font-style: normal;
    left: 60vh;
    width: 5vh;
    height: 2.2vh;
    position: absolute;
}

.e-employees-list>.rankdown-icon {
    font-family: 'Barlow';
    font-style: normal;
    left: 60.3vh;
    width: 5vh;
    height: 2.2vh;
    position: absolute;
}

#rankdown {
    width: 2vh;
    height: 2vh;
    left: 7.5vh;
    cursor: pointer;
    position: absolute;
}

#rankup {
    width: 2vh;
    height: 2vh;
    cursor: pointer;
}

.e-employees-list>.action-icon {
    font-family: 'Barlow';
    font-style: normal;
    right: 0.1vh;
    width: 10vh;
    height: 2.2vh;
    position: absolute;
}

.action-icon img {
    width: 6.5vh;
    height: 2vh;
    cursor: pointer;
}

.employee-invite {
    width: 50vh;
    height: 30vh;
    background: #08121C;
    border: 2px solid rgba(255, 255, 255, 0.13);
    z-index: 99;
    left: 1vh;
    top: 3vh;
    border-radius: .8vh;
    position: absolute;
    cursor: pointer;
}

.employee-invite>span {
    color: white;
    font-family: 'Barlow';
    font-size: 1.9vh;
    top: 3vh;
    left: 3vh;
    position: absolute;
}

.nearby-players-employee {
    width: 43.2vh;
    height: 22vh;
    bottom: 1vh;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
}

.npe-list {
    background: rgba(255, 255, 255, 0.08);
    width: 43.2vh;
    height: 4vh;
    top: 0;
    left: 0;
    margin-bottom: 1vh;
    border-radius: .5vh;
    position: relative;
}

.npe-list:nth-child(odd) {
    background: rgba(255, 255, 255, 0.04);
}

.npe-list:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}


.npe-list>span {
    color: rgba(255, 255, 255, 0.67);
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 1.5vh;
    left: 2vh;
    position: absolute;
}

.invite-button-npe {
    background: #00A3FF;
    width: 9vh;
    height: 2.5vh;
    border-radius: .4vh;
    right: 2vh;
    cursor: pointer;
    position: absolute;
}

.invite-button-npe>span {
    color: black;
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 1.3vh;
}

.customersmenu {
    position: absolute;
    width: 85.599vh;
    left: 34.8vh;
    top: 15vh;
    height: 53.1vh;
}

#c-title {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 2.4vh;
    line-height: 90%;
}

.c-list-title {
    position: absolute;
    top: 4vh;
    left: 1.8vh;
    width: 82.1vh;
    height: 2.6vh;
    display: flex;
}

#c-name {
    position: absolute;
    left: -0.7vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.c-list-title>#c-rank {
    position: absolute;
    left: 10.8vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.c-customers-list>#c-c-l-date {
    font-family: 'Barlow';
    font-style: normal;
    left: 12.7vh;
    position: absolute;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.7);
}

.c-list-title>#c-salary {
    position: absolute;
    left: 32.2vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.c-customers-list>#c-c-l-room {
    font-family: 'Barlow';
    font-style: normal;
    left: 34.2vh;
    position: absolute;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.7);
}

.c-list-title>#c-rankud {
    position: absolute;
    left: 48vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.c-customers-list>#c-c-l-money {
    font-family: 'Barlow';
    font-style: normal;
    left: 50vh;
    position: absolute;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(56, 255, 88, 0.7);
}

.c-list-title>#c-phonenumber {
    position: absolute;
    left: 61vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.c-customers-list>#c-c-l-phone {
    font-family: 'Barlow';
    font-style: normal;
    left: 63vh;
    position: absolute;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
} 

.c-list-title>#c-action {
    position: absolute;
    right: 1.8vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.c-list-body {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46.45vh;
    width: 85.599vh;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
}

.c-customers-list {
    position: relative;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 2.17056px 2.17056px 0px 0px;
    width: 85.599vh;
    height: 3.8vh;
    margin-bottom: 0vh;
    top: .5vh;
}

.c-customers-list>#c-c-l-name {
    font-family: 'Barlow';
    font-style: normal;
    left: 1vh;
    position: absolute;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.7);
}

.c-customers-list:nth-child(odd) {
    background: rgba(255, 255, 255, 0.04);
}

.c-customers-list:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}

.c-customers-list>.c-action-icon {
    font-family: 'Barlow';
    font-style: normal;
    right: 0.1vh;
    width: 10vh;
    height: 2.2vh;
    position: absolute;
}

.c-action-icon img {
    width: 6.5vh;
    height: 2vh;
    cursor: pointer;
}

.nearby-players-cat {
    position: absolute;
    width: 85.599vh;
    left: 34.8vh;
    top: 15vh;
    height: 53.1vh;
}

#n-title {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 2.4vh;
    line-height: 90%;
}

.n-list-body {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46.45vh;
    width: 85.599vh;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    /* Normal => block */
}

.n-list-title {
    position: absolute;
    top: 4vh;
    left: 1.8vh;
    width: 82.1vh;
    height: 2.6vh;
    display: flex;
}

#n-name {
    position: absolute;
    left: -0.7vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

#n-action {
    position: absolute;
    right: 16.5vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.52);
}

.n-np-list {
    position: relative;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 2.17056px 2.17056px 0px 0px;
    width: 84.599vh;
    height: 3.8vh;
    margin-bottom: 0;
    top: .5vh;
}

.n-np-list>#n-n-l-name {
    font-family: 'Barlow';
    font-style: normal;
    left: 1vh;
    position: absolute;
    font-weight: 500;
    font-size: 1.5vh;
    line-height: 105%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.7);
}

.invite-button-np {
    background: radial-gradient(147.22% 147.22% at 50% 50%, #37DE65 0%, rgba(52, 231, 102, 0) 100%);
    width: 20vh;
    height: 2vh;
    border-radius: .2vh;
    right: 2vh;
    cursor: pointer;
    position: absolute;
}

.invite-button-np>span {
    color: black;
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 1.3vh;
}

.np-invite-settings {
    position: absolute;
    width: 85.599vh;
    left: 0;
    bottom: 0;
    height: 49.1vh;
}

.nis-name-text {
    color: #00A3FF;
    font-family: 'Barlow';
    font-size: 1.8vh;
    left: 0;
    top: 2vh;
    position: absolute;
}

.nis-name {
    color: white;
    font-family: 'Barlow';
    font-size: 2vh;
    font-weight: 400;
    left: 0;
    top: 4vh;
    position: absolute;
}

.nis-cizgi {
    background: rgba(255, 255, 255, 0.08);
    width: 53vh;
    height: .2vh;
    top: 4.2vh;
    right: 14vh;
    position: absolute;
}

.nis-id-text {
    color: #00A3FF;
    font-family: 'Barlow';
    font-size: 1.8vh;
    right: 0;
    top: 2vh;
    position: absolute;
}

.nis-id {
    color: white;
    font-family: 'Barlow';
    font-size: 2vh;
    font-weight: 400;
    right: 0;
    top: 4vh;
    position: absolute;
}

.nis-chooseroom {
    color: white;
    font-family: 'Barlow';
    font-size: 1.8vh;
    font-weight: 400;
    left: 0;
    top: 14vh;
    position: absolute;
}

.nis-cizgi2 {
    background: rgba(255, 255, 255, 0.08);
    width: 60vh;
    height: .2vh;
    top: 15.2vh;
    right: 9.5vh;
    position: absolute;
}

.nis-select {
    color: white;
    font-family: 'Barlow';
    font-size: 1.8vh;
    font-weight: 400;
    right: 0;
    top: 14vh;
    position: absolute;
}

.nis-rooms {
    width: 85.599vh;
    height: 13vh;
    top: 18vh;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    position: absolute;
}

.nis-rooms-list {
    background: rgba(255, 255, 255, 0.13);
    width: 16vh;
    height: 4vh;
    border-radius: .3vh;
    top: 0;
    left: 0;
    margin-right: 1vh;
    margin-bottom: 1vh;
    bottom: 1vh;
    cursor: pointer;
    float: left;
    position: relative;
}

.nis-rooms-list>span {
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Barlow';
    font-size: 1.4vh;
    font-weight: 400;
}

.enterprice {
    color: rgba(255, 255, 255, 0.79);
    font-family: 'Barlow';
    bottom: 12vh;
    left: 0;
    font-size: 1.7vh;
    font-weight: 400;
    position: absolute;
}

#nearby-players-settings-price {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 25vh;
    height: 4vh;
    left: 0;
    bottom: 7vh;
    outline: none;
    border-radius: .3vh;
    position: absolute;
}

#nearby-players-settings-price::placeholder {
    color: #7cce2a71;
}

.enterday {
    color: rgba(255, 255, 255, 0.79);
    font-family: 'Barlow';
    bottom: 12vh;
    right: 30vh;
    font-size: 1.7vh;
    font-weight: 400;
    position: absolute;
}

#nearby-players-settings-time {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 25vh;
    height: 4vh;
    right: 19vh;
    bottom: 7vh;
    outline: none;
    border-radius: .3vh;
    color: rgba(255, 255, 255, 0.616) !important;
    position: absolute;
}

.npc-accept {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 15vh;
    height: 3.5vh;
    right: 2vh;
    bottom: 0;
    border-radius: .4vh;
    cursor: pointer;
    position: absolute;
}

.npc-accept>span {
    color: black;
    font-family: 'Barlow';
    font-size: 1.5vh;
}

.npc-cancel {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 15vh;
    height: 3.5vh;
    right: 18vh;
    bottom: 0;
    border-radius: .4vh;
    cursor: pointer;
    position: absolute;
}

.npc-cancel>span {
    color: black;
    font-family: 'Barlow';
    font-size: 1.5vh;
}


/*! ----------------- OTHER ----------------- !*/

.send-room-invite {
    background: rgba(8, 18, 28, 0.95);
    width: 60vh;
    height: 40vh;
    border-radius: .8vh;
    position: absolute;
}

.send-room-invite-door {
    background: rgba(8, 18, 28, 0.95);
    width: 60vh;
    height: 27vh;
    border-radius: .8vh;
    position: absolute;
}

.send-room-invite-friends {
    background: rgba(8, 18, 28, 0.95);
    width: 60vh;
    height: 27vh;
    border-radius: .8vh;
    position: absolute;
}

.send-motel-transfer {
    background: rgba(8, 18, 28, 0.95);
    width: 60vh;
    height: 24vh;
    border-radius: .8vh;
    position: absolute;
}


.motel-name-container-transfer{
    background: rgba(255, 255, 255, 0.05);
    width: 55vh;
    height: 4.5vh;
    top: 11vh;
    border-radius: .5vh;
    position: absolute;
}

.send-room-soru {
    background: rgba(8, 18, 28, 0.95);
    width: 60vh;
    height: 35vh;
    border-radius: .8vh;
    position: absolute;
}

.motel-name-container-soru {
    background: rgba(255, 255, 255, 0.05);
    width: 55vh;
    height: 4.5vh;
    top: 4vh;
    border-radius: .5vh;
    position: absolute;
}

.motel-name-room-container-soru {
    background: rgba(255, 255, 255, 0.05);
    width: 55vh;
    height: 4.5vh;
    top: 10vh;
    border-radius: .5vh;
    position: absolute;
}

.motel-name-time-container-soru {
    background: rgba(255, 255, 255, 0.05);
    width: 55vh;
    height: 4.5vh;
    top: 16vh;
    border-radius: .5vh;
    position: absolute;
}

#motel-time-input {
    background: none;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    outline: none;
    right: 7vh;
    width: 7vh;
    height: 3vh;
    border: none;
    position: absolute;
    text-align: center;
    color: white;
    justify-content: center;
    border-bottom: .1vh solid white;
    padding: 0;
}

#motel-time-input::placeholder {
    text-align: center;
    justify-content: center;
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    opacity: 0.5;
}

#motel-time-input-text {
    color: white;
    font-size: 1.3vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

.motel-name-price-container-soru {
    background: rgba(255, 255, 255, 0.05);
    width: 55vh;
    height: 4.5vh;
    top: 22vh;
    border-radius: .5vh;
    position: absolute;
}

.sri-accept {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    right: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

.sri-accept>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

.sri-decline {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    left: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

.sri-decline>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

.sri-accept-soru {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    right: 2.5vh;
    bottom: 3vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

.sri-accept-soru>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

.sri-decline-soru {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    left: 2.5vh;
    bottom: 3vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

.sri-decline-soru>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

.sri-text {
    color: #00A3FF;
    font-size: 2.2vh;
    top: 3vh;
    position: absolute;
}

.sri-text>span {
    color: #FFFFFFA3;
    margin-left: 1vh;
    font-size: 2vh;
}

.motel-name-container {
    background: rgba(255, 255, 255, 0.05);
    width: 55vh;
    height: 4.5vh;
    top: 9vh;
    border-radius: .5vh;
    position: absolute;
}




.motelname {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.4vh;
    font-family: 'Barlow';
    font-weight: 400;
    left: 2vh;
    position: absolute;
}

#motel-name {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

#motel-name-door {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

#motel-name-friends {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

#motel-name-transfer {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

#motel-name2 {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

.motel-name-room-container {
    background: rgba(255, 255, 255, 0.05);
    width: 55vh;
    height: 4.5vh;
    top: 15vh;
    border-radius: .5vh;
    position: absolute;
}

.motelroom {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.4vh;
    font-family: 'Barlow';
    font-weight: 400;
    left: 2vh;
    position: absolute;
}

#motel-room {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

#motel-room-door {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

#motel-room-friends {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

#motel-room2 {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

.motel-name-time-container {
    background: rgba(255, 255, 255, 0.05);
    width: 55vh;
    height: 4.5vh;
    top: 21vh;
    border-radius: .5vh;
    position: absolute;
}

.moteltime {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.4vh;
    font-family: 'Barlow';
    font-weight: 400;
    left: 2vh;
    position: absolute;
}

#motel-time {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

.motel-name-price-container {
    background: rgba(255, 255, 255, 0.05);
    width: 55vh;
    height: 4.5vh;
    top: 27vh;
    border-radius: .5vh;
    position: absolute;
}

.motelprice {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.4vh;
    font-family: 'Barlow';
    font-weight: 400;
    left: 2vh;
    position: absolute;
}

#motel-price {
    color: #34D674;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

#motel-price-soru {
    color: #34D674;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

#acceptreqq {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    right: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

#acceptreqq>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

#acceptreqq-door {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    right: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

#acceptreqq-door>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

#acceptreqq-friends {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    right: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

#acceptreqq-friends>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

#acceptreqq-transfer {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    right: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

#acceptreqq-transfer>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

#closereq {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    left: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

#closereq>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

#closereq-door {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    left: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

#closereq-door>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

#closereq-friends {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    left: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

#closereq-friends>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

#closereq-transfer {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 26.5vh;
    height: 4vh;
    left: 2.5vh;
    bottom: 2vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

#closereq-transfer>span {
    color: black;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
}

.motel-care-menu {
    position: absolute;
    width: 85.599vh;
    left: 34.8vh;
    bottom: 4.4vh;
    height: 51vh;
}

.motel-care-menu h1 {
    color: white;
    font-size: 3vh;
    font-family: 'Barlow';
    font-weight: 600;
    position: absolute;
    left: 0vh;
    top: 0vh;
}

.motel-care-room-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 85.599vh;
    height: 46.3vh;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

.motel-care-rooms {
    display: inline-block;
    width: 15.8vh;
    height: 16.4vh;
    left: 0;
    top: 0;
    border-radius: .8vh;
    margin-right: 1.22vh;
    margin-top: 1.22vh;
    position: relative;
}

.motel-care-rooms img {
    width: 15.8vh;
    height: 16.4vh;
    left: 0;
    top: 0;
    position: absolute;
}

.motel-care-room-header {
    color: white;
    font-size: 1.3vh;
    font-weight: 800;
    font-family: 'Barlow';
    left: 1.3vh;
    bottom: 6.8vh;
    position: absolute;
}

.motel-care-room-descript {
    color: white;
    font-size: 1vh;
    font-weight: 500;
    line-height: 107.5%;
    font-family: 'Barlow';
    left: 1.4vh;
    bottom: 4.1vh;
    position: absolute;
}

.motel-core-no-text {
    color: rgba(0, 0, 0, 0.71);
    position: absolute;
    top: .2vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    left: 4.1vh;
    font-size: 1.4vh;
}

.motel-core-oda-no {
    color: rgba(0, 0, 0, 0.71);
    position: absolute;
    top: .2vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    left: 6.3vh;
    font-size: 1.4vh;
}

.motel-core-oda-level {
    color: rgba(0, 0, 0, 0.71);
    position: absolute;
    top: .2vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    line-height: 105%;
    right: 3.8vh;
    font-size: 1.4vh;
}

.motel-core-level-text {
    color: rgba(0, 0, 0, 0.71);
    position: absolute;
    top: .2vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    right: 1.8vh;
    font-size: 1.4vh;
}

.motel-care-upgrade-button {
    position: absolute;
    left: 1.4vh;
    bottom: 1.7vh;
    width: 13.3vh;
    height: 1.8vh;
    background: linear-gradient(90.43deg, rgba(1, 171, 69, 0.6) 0.28%, rgba(0, 255, 102, 0.6) 103.35%);
    border: 1.5px solid #00FF38;
    border-radius: .3vh;
    cursor: pointer;
}

.motel-care-upgrade-button span {
    color: rgba(255, 255, 255, 0.64);
    font-size: 1vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
}

.motel-core-fixit-no-text {
    position: absolute;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.3vh;
    line-height: 105%;
    top: .2vh;
    left: 6.2vh;
    /* or 14px */
    text-align: center;
    color: rgba(255, 255, 255, 0.71);
    opacity: 0.67;
}

.motel-core-fixit-no {
    position: absolute;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    font-size: 1.3vh;
    line-height: 105%;
    top: .2vh;
    left: 8.5vh;
    /* or 14px */
    text-align: center;
    color: #FFFFFF;
    opacity: 0.67;
}

.motel-care-fixit-button {
    position: absolute;
    left: 1.4vh;
    bottom: 1.7vh;
    width: 13.3vh;
    height: 1.8vh;
    background: linear-gradient(90.43deg, rgba(230, 230, 230, 0.3) 0.28%, rgba(170, 170, 170, 0.3) 103.35%);
    border: 1.5px solid rgba(255, 255, 255, 0.45);
    border-radius: .3vh;
    cursor: pointer;
}

.motel-care-fixit-button span {
    color: rgba(255, 255, 255, 0.64);
    font-size: 1vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
}

.fix-room-menu {
    background: rgba(8, 18, 28, 0.95);
    width: 60vh;
    height: 27.1vh;
    border-radius: .8vh;
    position: absolute;
}

.fixmenu-sri-text {
    color: #FFFFFF;
    font-size: 2.4vh;
    top: 3vh;
    position: absolute;
}

.fixmenu-motelroom {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.4vh;
    font-family: 'Barlow';
    font-weight: 400;
    left: 2vh;
    position: absolute;
}

#fixmenu-motel-room {
    color: white;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}

.fixmenu-motelprice {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.4vh;
    font-family: 'Barlow';
    font-weight: 400;
    left: 2vh;
    position: absolute;
}

#fixmenu-motel-price {
    color: #34D674;
    font-size: 1.5vh;
    font-family: 'Barlow';
    font-weight: 600;
    right: 2vh;
    position: absolute;
}


/* REQUEST */
.chancestyle-motelroomsrequest {
    position: absolute;
    width: 105.8vh;
    height: 63.9vh;
    background: rgba(4, 10, 17, 0.95);
    border: 2px solid rgba(255, 255, 255, 0.13);
    border-radius: 1vh;
    left: 36.4vh;
}

.chancestyle-motelroomsrequest img {
    position: absolute;
    width: 6.4vh;
    height: 8.9vh;
    top: -.6vh;
    right: 8.7vh;
}

.chancestyle-motelroomsrequest h1 {
    position: absolute;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    font-size: 2.5vh;
    top: 1.7vh;
    left: 3.6vh;
    line-height: 123.5%;
    /* identical to box height, or 37px */
    color: #0094FF;
}

.chancestyle-motelroomsrequest span {
    position: absolute;
    font-family: 'Barlow';
    font-style: normal;
    top: 5vh;
    left: 3.6vh;
    font-weight: 500;
    font-size: 2vh;
    line-height: 123.5%;
    /* identical to box height, or 25px */
    color: #FFFFFF;
}

.upgrademenu-styleeditrequest {
    position: absolute;
    width: 45.1vh;
    height: 40.1vh;
    /* background: red; */
    left: 4.9vh;
    top: 14.49vh;
    display: block;
    overflow-y: auto;
}

#upgrademenu-title2request {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 2.1vh;
    line-height: 134.5%;
    /* identical to box height, or 30px */
    color: rgba(255, 255, 255, 0.63);
    top: 12vh;
    left: 4.6vh;
}

#upgrademenu-title3request {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 2.1vh;
    line-height: 134.5%;
    /* identical to box height, or 30px */
    color: rgba(255, 255, 255, 0.63);
    top: 12vh;
    left: 55.39vh;
}

.cm-containerrequest {
    width: 5.9vh;
    height: 7vh;
    right: 8.7vh;
    top: 0;
    text-align: center;
    position: absolute;
}

#upgrademenu-no-textrequest {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 2.2vh;
    /* line-height: 134.5%; */
    /* identical to box height, or 30px */
    top: -1.56vh;
    left: -.02vh;
    text-align: center;
    position: relative;
    color: rgba(0, 0, 0, 0.51);
}

#upgrademenu-no-numberrequest {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    font-size: 2.2vh;
    /* line-height: 134.5%; */
    /* identical to box height, or 30px */
    top: 3vh;
    left: 2.50vh;
    text-align: center;
    position: absolute;
    color: rgba(0, 0, 0, 0.51);
}

.upgrademenu-stylebarrequest {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 14.39vh;
    height: 14.3vh;
    background: rgb(198, 198, 198);
    margin-right: .44vh;
    margin-top: .44vh;
    /* margin-left: .3vh; */
}

.upgrademenu-stylebarrequest .anan-activeknkrequest {
    background: linear-gradient(139.54deg, #0085FF 22.14%, #004483 107.17%);
}

.selectbtnrequest {
    position: absolute;
    width: 14.41vh;
    height: 3vh;
    background: rgb(0, 0, 0);
    border-radius: 0vh 0vh 0.2vh 0.2vh;
    top: 11.37vh;
    cursor: pointer;
}


.upgrademenu-stylebarrequest>#upstyle1request {
    position: absolute;
    width: 14.39vh;
    height: 11.3vh;
    top: 0;
    left: 0;
}

.upgrademenu-walleditrequest {
    position: absolute;
    width: 45.1vh;
    height: 40.1vh;
    right: 4.9vh;
    top: 14.49vh;
    display: block;
    overflow-y: auto;
}

.upgrademenu-wallbarrequest {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 14.39vh;
    height: 14.3vh;
    margin-right: .44vh;
    margin-top: .44vh;
    /* margin-left: .3vh; */
}

.upgrademenu-wallbarrequest .bacin-activeknkrequest {
    background: linear-gradient(139.54deg, #0085FF 22.14%, #004483 107.17%);
}

.upgrademenu-wallbarrequest>#upwalls1request {
    position: absolute;
    width: 14.39vh;
    height: 11.3vh;
    top: 0;
    left: 0;
}

.selectbtnrequest .selectbtnrequest-active {
    color: black !important;
}

.selectbtnwallrequest .selectbtnwallrequest-active {
    color: black !important;
}


.selectbtnrequest h5 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5vh;
    line-height: 134.5%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.43);
}

.selectbtnwallrequest {
    position: absolute;
    width: 14.41vh;
    height: 3vh;
    background: rgb(0, 0, 0);
    border-radius: 0vh 0vh 0.2vh 0.2vh;
    top: 11.30vh;
    cursor: pointer;
}

.selectbtnwallrequest h5 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5vh;
    line-height: 134.5%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.43);
}

.up-menu-cancel-btnrequest {
    position: absolute;
    bottom: 2.3vh;
    left: 25.5vh;
    width: 23.8vh;
    height: 3.4vh;
    background: radial-gradient(130% 130% at 50% 50%, #D24444 0%, rgba(232, 78, 78, 0) 100%);
    border-radius: .4vh;
}

#up-menu-cancel-txtrequest {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 2.1vh;
    line-height: 134.5%;
    /* or 29px */
    color: rgba(0, 0, 0, 0.56);
    cursor: pointer;
}

.up-menu-save-btnrequest {
    position: absolute;
    bottom: 2.3vh;
    left: 51.6vh;
    width: 23.8vh;
    height: 3.4vh;
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    border-radius: .4vh;
    cursor: pointer;
}

#up-menu-save-txtrequest {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 21.6557px;
    font-size: 2.1vh;
    /* or 29px */
    color: rgba(0, 0, 0, 0.78);
}


.badrooms-upgraderequest {
    top: 3.4vh;
    left: 31vh;
    position: absolute;
    /* background: linear-gradient(158.74deg, #FFB800 14.01%, #FF8A00 108.88%); */
    background: rgba(255, 255, 255, 0.09);
    border-radius: 5px;
    width: 15vh;
    height: 3.5vh;
    cursor: pointer;
}

#squatterimgupgraderequest {
    width: 2vh;
    height: 2vh;
    left: 1vh;
    top: 0.8vh;
    position: absolute;
}

.badrooms-upgraderequest>span {
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.2vh;
    top: 1.15vh;
    position: absolute;
}

.middlerooms-upgraderequest {
    top: 3.4vh;
    left: 47.5vh;
    position: absolute;
    /* background: linear-gradient(158.74deg, #FFB800 14.01%, #FF8A00 108.88%); */
    background: rgba(255, 255, 255, 0.09);
    border-radius: 5px;
    width: 15vh;
    height: 3.5vh;
    cursor: pointer;
}

#middleimgpraderequest {
    width: 2vh;
    height: 2vh;
    left: 1vh;
    top: 0.8vh;
    position: absolute;
}

.middlerooms-upgraderequest>span {
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.2vh;
    left: 4.7vh;
    top: 1.15vh;
    position: absolute;
}

.viprooms-upgraderequest {
    top: 3.4vh;
    left: 64vh;
    position: absolute;
    /* background: linear-gradient(158.74deg, #FFB800 14.01%, #FF8A00 108.88%); */
    background: rgba(255, 255, 255, 0.09);
    border-radius: 5px;
    width: 15vh;
    height: 3.5vh;
    cursor: pointer;
}

#vipimgupgraderequest {
    width: 2vh;
    height: 2vh;
    left: 1vh;
    top: 0.8vh;
    position: absolute;
}

.viprooms-upgraderequest>span {
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.2vh;
    left: 5.1vh;
    top: 1.15vh;
    position: absolute;
}

/* REQUEST BİTTİ SAYGILAR*/


.chancestyle-motelrooms {
    position: absolute;
    width: 105.8vh;
    height: 63.9vh;
    background: rgba(4, 10, 17, 0.95);
    border: 2px solid rgba(255, 255, 255, 0.13);
    border-radius: 11px;
    left: 36.4vh;
}

.chancestyle-motelrooms img {
    position: absolute;
    width: 6.4vh;
    height: 8.9vh;
    top: -.6vh;
    right: 8.7vh;
}

.chancestyle-motelrooms h1 {
    position: absolute;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    font-size: 2.5vh;
    top: 1.7vh;
    left: 3.6vh;
    line-height: 123.5%;
    /* identical to box height, or 37px */
    color: #0094FF;
}

.chancestyle-motelrooms span {
    position: absolute;
    font-family: 'Barlow';
    font-style: normal;
    top: 5vh;
    left: 3.6vh;
    font-weight: 500;
    font-size: 2vh;
    line-height: 123.5%;
    /* identical to box height, or 25px */
    color: #FFFFFF;
}



.upgrademenu-styleedit {
    position: absolute;
    width: 45.1vh;
    height: 40.1vh;
    /* background: red; */
    left: 4.9vh;
    top: 14.49vh;
    display: block;
    overflow-y: auto;
}

#upgrademenu-title2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 2.1vh;
    line-height: 134.5%;
    /* identical to box height, or 30px */
    color: rgba(255, 255, 255, 0.63);
    top: 12vh;
    left: 4.6vh;
}

#upgrademenu-title3 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 2.1vh;
    line-height: 134.5%;
    /* identical to box height, or 30px */
    color: rgba(255, 255, 255, 0.63);
    top: 12vh;
    left: 55.39vh;
}

.cm-container {
    width: 5.9vh;
    height: 7vh;
    right: 8.7vh;
    top: 0;
    text-align: center;
    position: absolute;
}

#upgrademenu-no-text {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 2.2vh;
    /* line-height: 134.5%; */
    /* identical to box height, or 30px */
    top: -1.56vh;
    left: -.02vh;
    text-align: center;
    position: relative;
    color: rgba(0, 0, 0, 0.51);
}

#upgrademenu-no-number {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    font-size: 2.2vh;
    /* line-height: 134.5%; */
    /* identical to box height, or 30px */
    top: 3vh;
    left: 2.50vh;
    text-align: center;
    position: absolute;
    color: rgba(0, 0, 0, 0.51);
}

.upgrademenu-stylebar {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 14.39vh;
    height: 14.3vh;
    background: rgb(198, 198, 198);
    margin-right: .44vh;
    margin-top: .44vh;
    /* margin-left: .3vh; */
}

.upgrademenu-stylebar .anan-activeknk {
    background: linear-gradient(139.54deg, #0085FF 22.14%, #004483 107.17%);
}

.selectbtn {
    position: absolute;
    width: 14.41vh;
    height: 3vh;
    background: rgb(0, 0, 0);
    border-radius: 0vh 0vh 0.2vh 0.2vh;
    top: 11.37vh;
    cursor: pointer;
}


.upgrademenu-stylebar>#upstyle1 {
    position: absolute;
    width: 14.39vh;
    height: 11.3vh;
    top: 0;
    left: 0;
}

.upgrademenu-walledit {
    position: absolute;
    width: 45.1vh;
    height: 40.1vh;
    right: 4.9vh;
    top: 14.49vh;
    display: block;
    overflow-y: auto;
}

.upgrademenu-wallbar {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 14.39vh;
    height: 14.3vh;
    margin-right: .44vh;
    margin-top: .44vh;
    /* margin-left: .3vh; */
}

.upgrademenu-wallbar .bacin-activeknk {
    background: linear-gradient(139.54deg, #0085FF 22.14%, #004483 107.17%);
}

.upgrademenu-wallbar>#upwalls1 {
    position: absolute;
    width: 14.39vh;
    height: 11.3vh;
    top: 0;
    left: 0;
}

.selectbtnrequest .selectbtn-active {
    color: black !important;
}

.selectbtn .selectbtn-active {
    color: black !important;
}

.selectbtnwall .selectbtnwall-active {
    color: black !important;
}


.selectbtnwallrequest .selectbtnwall-active-request {
    color: black !important;
}


.selectbtn h5 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5vh;
    line-height: 134.5%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.43);
}

.selectbtnwall {
    position: absolute;
    width: 14.41vh;
    height: 3vh;
    background: rgb(0, 0, 0);
    border-radius: 0vh 0vh 0.2vh 0.2vh;
    top: 11.30vh;
    cursor: pointer;
}

.selectbtnwall h5 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5vh;
    line-height: 134.5%;
    /* identical to box height, or 19px */
    color: rgba(255, 255, 255, 0.43);
}

.up-menu-cancel-btn {
    position: absolute;
    bottom: 2.3vh;
    left: 25.5vh;
    width: 23.8vh;
    height: 3.4vh;
    cursor: pointer;
    background: radial-gradient(130% 130% at 50% 50%, #D24444 0%, rgba(232, 78, 78, 0) 100%);
    border-radius: .4vh;
}

#up-menu-cancel-txt {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 2.1vh;
    line-height: 134.5%;
    /* or 29px */
    color: rgba(0, 0, 0, 0.56);
    cursor: pointer;
}

.up-menu-save-btn {
    position: absolute;
    bottom: 2.3vh;
    left: 51.6vh;
    width: 23.8vh;
    height: 3.4vh;
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    border-radius: .4vh;
    cursor: pointer;
}

#up-menu-save-txt {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 21.6557px;
    font-size: 2.1vh;
    /* or 29px */
    color: rgba(0, 0, 0, 0.78);
}

.motel-isletme-satin-alma-ekrani {
    background: url(img/isletme-solback.png);
    background-size: cover;
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
}

.motel-satinalma-sidebar {
    position: absolute;
    top: 32vh;
    left: 6.3vh;
    width: 34.7vh;
    height: 36.2vh;
}

#isletme-motelkonum {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    font-size: 2.6vh;
    line-height: 105%;
    /* or 31px */
    color: #0094FF;
}

#isletme-motelname {
    position: absolute;
    left: 0;
    top: 3vh;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 2vh;
    line-height: 105%;
    /* identical to box height, or 21px */
    color: #FFFFFF;
}

#isletme-motelaciklama {
    top: 7.5vh;
    position: absolute;
    left: 0;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5vh;
    line-height: 134.5%;
    /* or 22px */
    color: rgba(255, 255, 255, 0.5);
}

.isletme-odabilgi-kutu1 {
    position: absolute;
    left: 0;
    top: 15vh;
    background: rgba(255, 255, 255, 0.13);
    border-radius: .4vh;
    width: 34.7vh;
    height: 4.4vh;
}

#active-motelrooms {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.3vh;
    line-height: 134.5%;
    position: absolute;
    left: 1.2vh;
    /* identical to box height, or 22px */
    color: rgba(255, 255, 255, 0.7);
}

#active-motelrooms-number {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.3vh;
    line-height: 134.5%;
    /* identical to box height, or 22px */
    right: 2vh;
    position: absolute;
    color: #FFFFFF;
}

.isletme-odabilgi-kutu2 {
    position: absolute;
    left: 0;
    top: 20vh;
    background: rgba(255, 255, 255, 0.13);
    border-radius: .4vh;
    width: 34.7vh;
    height: 4.4vh;
}

#total-motelrooms {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.3vh;
    line-height: 134.5%;
    position: absolute;
    left: 1.2vh;
    /* identical to box height, or 22px */
    color: rgba(255, 255, 255, 0.7);
}

#total-motelrooms-number {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.3vh;
    line-height: 134.5%;
    /* identical to box height, or 22px */
    right: 2vh;
    position: absolute;
    color: #FFFFFF;
}

.isletme-odabilgi-kutu3 {
    position: absolute;
    left: 0;
    top: 25vh;
    background: rgba(255, 255, 255, 0.13);
    border-radius: .4vh;
    width: 34.7vh;
    height: 4.4vh;
}

#damaged-motelrooms {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.3vh;
    line-height: 134.5%;
    position: absolute;
    left: 1.2vh;
    /* identical to box height, or 22px */
    color: rgba(255, 255, 255, 0.7);
}

#damaged-motelrooms-number {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.3vh;
    line-height: 134.5%;
    /* identical to box height, or 22px */
    right: 2vh;
    position: absolute;
    color: #FFFFFF;
}

#isletme-price {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 2.3vh;
    line-height: 134.5%;
    /* or 40px */
    letter-spacing: 0.07em;
    color: #23CC67;
    bottom: 0;
    position: absolute;
    left: 0;
}

#isletme-price-txt {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9vh;
    line-height: 134.5%;
    /* identical to box height, or 27px */
    color: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: 2.9vh;
}

.motel-satinalma-btns {
    position: absolute;
    width: 32.7vh;
    height: 11vh;
    bottom: 4.9vh;
}

.motel-satinalma-solbtn {
    top: 0;
    left: 0;
    position: absolute;
    width: 4.3vh;
    height: 4.3vh;
    background: rgba(255, 255, 255, 0.37);
    border: 2.19403px solid #FFFFFF;
    border-radius: .7vh;
    cursor: pointer;
}

#motel-satinalma-vector {
    width: 33%;
    height: 33%;
    position: absolute;
}

.motel-satinalma-motelnumber-txt {
    position: absolute;
    width: 8.1vh;
    height: 2.8vh;
    background: rgba(255, 255, 255, 0.42);
    border-radius: .3vh;
    top: .7vh;
}

#motel-satinalma-bakilannumber {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    font-size: 2.1vh;
    position: absolute;
    left: 2.8vh;
    line-height: 134.5%;
    /* or 32px */
    color: rgba(0, 0, 0, 0.65);
}

#motel-satinalma-totalnumber {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 2.1vh;
    line-height: 134.5%;
    left: 4vh;
    position: absolute;
    color: rgba(0, 0, 0, 0.65);
}

.motel-satinalma-sagbtn {
    top: 0;
    right: 0;
    position: absolute;
    width: 4.3vh;
    height: 4.3vh;
    background: rgba(255, 255, 255, 0.37);
    border: 2.19403px solid #FFFFFF;
    border-radius: .7vh;
    cursor: pointer;
}

#motel-satinalma-vector-ters {
    width: 33%;
    height: 33%;
    position: absolute;
    transform: rotate(180deg);
}

.motel-satinalma-buybtn {
    position: absolute;
    width: 27vh;
    height: 4.3vh;
    bottom: 0;
    background: linear-gradient(141.1deg, rgba(0, 255, 71, 0.6) 18.48%, rgba(4, 126, 38, 0.6) 95.17%);
    border: .2vh solid #00FF29;
    border-radius: .5vh;
    cursor: pointer;
}

#motel-satinalma-buybtn-txt {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 7 00;
    font-size: 2.1vh;
    line-height: 134.5%;
    /* or 32px */
    color: rgba(255, 255, 255, 0.6);
}

.ortabutton .viproomclick {
    background: linear-gradient(158.74deg, #FFB800 14.01%, #FF8A00 108.88%);
}

.viprooms .viproomclick2 {
    color: rgba(0, 0, 0, 0.73);
}

.ortabutton .middleroomclick {
    background: linear-gradient(124.39deg, #0085FF 20.58%, #00B2FF 90.19%);
}

.middlerooms .middleroomclick2 {
    color: rgba(0, 0, 0, 0.73);
}

.ortabutton .badroomclick {
    background: linear-gradient(0deg, rgba(205, 76, 76, 0.473), rgba(205, 76, 76, 0.2)), rgba(255, 255, 255, 0.08);
}

.pwodalari .badroomclick2 {
    color: rgba(0, 0, 0, 0.73);
}

.odanocontainer {
    color: black;
    width: 3.7vh;
    height: 4vh;
    right: 1.5vh;
    top: 0;
    position: absolute;
}

.nis-rooms .nis-active {
    background: #00A3FF;
}

.nis-rooms .nis-active2 {
    color: black;
}

.send-request {
    background: rgba(8, 18, 28, 0.95);
    border-radius: 11px;
    width: 50vh;
    height: 20vh;
    display: none;
    z-index: 99999999999;
    position: absolute;
}

.send-request>span {
    color: #FFFFFFA3;
    top: 1vh;
    left: 1vh;
    text-align: center;
    font-weight: 400;
    font-family: 'Barlow';
    font-size: 1.8vh;
    position: absolute;
}

.accept-offer {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 23vh;
    height: 5vh;
    right: 1vh;
    bottom: 1vh;
    cursor: pointer;
    position: absolute;
}

.accept-offer>span {
    color: rgba(0, 0, 0, 0.699);
    font-size: 1.8vh;
    font-weight: 600;
    font-family: 'Barlow';
}

.decline-offer {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 23vh;
    height: 5vh;
    left: 1vh;
    bottom: 1vh;
    cursor: pointer;
    position: absolute;
}

.decline-offer>span {
    color: rgba(0, 0, 0, 0.699);
    font-size: 1.8vh;
    font-weight: 600;
    font-family: 'Barlow';
}

.badrooms-upgrade {
    top: 3.4vh;
    left: 31vh;
    position: absolute;
    /* background: linear-gradient(158.74deg, #FFB800 14.01%, #FF8A00 108.88%); */
    background: rgba(255, 255, 255, 0.09);
    border-radius: 5px;
    width: 15vh;
    height: 3.5vh;
    cursor: pointer;
}

#squatterimgupgrade {
    width: 2vh;
    height: 2vh;
    left: 1vh;
    top: 0.8vh;
    position: absolute;
}

.badrooms-upgrade>span {
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.2vh;
    top: 1.15vh;
    position: absolute;
}

.middlerooms-upgrade {
    top: 3.4vh;
    left: 47.5vh;
    position: absolute;
    /* background: linear-gradient(158.74deg, #FFB800 14.01%, #FF8A00 108.88%); */
    background: rgba(255, 255, 255, 0.09);
    border-radius: 5px;
    width: 15vh;
    height: 3.5vh;
    cursor: pointer;
}

#middleimgprade {
    width: 2vh;
    height: 2vh;
    left: 1vh;
    top: 0.8vh;
    position: absolute;
}

.middlerooms-upgrade>span {
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.2vh;
    left: 4.7vh;
    top: 1.15vh;
    position: absolute;
}

.viprooms-upgrade {
    top: 3.4vh;
    left: 64vh;
    position: absolute;
    /* background: linear-gradient(158.74deg, #FFB800 14.01%, #FF8A00 108.88%); */
    background: rgba(255, 255, 255, 0.09);
    border-radius: 5px;
    width: 15vh;
    height: 3.5vh;
    cursor: pointer;
}

#vipimgupgrade {
    width: 2vh;
    height: 2vh;
    left: 1vh;
    top: 0.8vh;
    position: absolute;
}

.viprooms-upgrade > span {
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.2vh;
    left: 5.1vh;
    top: 1.15vh;
    position: absolute;
}

#search-customers {
    background-color: transparent;
    width: 20vh;
    height: 3vh;
    color: white;
    outline: none;
    padding: 0 !important;
    text-align: center;
    border: none;
    z-index: 999999999;
    top: 0;
    right: 3.8vh;
    border-bottom: 2px solid white;
    position: absolute;
}

.motel-management {
    display: none;
}

.motel-management {
    background: radial-gradient(82.3% 82.3% at 0% 105.17%, rgba(0, 117, 255, 0.114) 0%, rgba(0, 117, 255, 0) 100%), radial-gradient(50% 50% at 50% 50%, rgba(3, 10, 19, 0) 0%, rgba(3, 10, 19, 0.9) 100%), rgba(3, 10, 19, 0.95);
    width: 43vh;
    height: 58vh;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    left: 0;
    opacity: 0.95;
    position: absolute;
}

.motel-management h1 {
    color: white;
    top: 1vh;
    font-size: 3vh;
    position: absolute;
}

.mm-cizgi {
    background: rgba(217, 217, 217, 0.08);
    width: 38vh;
    height: 1vh;
    top:  8vh;
    border-radius: .8vh;
    position: absolute;
}

.management-nearby {
    background: radial-gradient(135.96% 135.96% at 50% 50%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0) 100%);
    width: 10vh;
    height: 6.5vh;
    top: 12vh;
    left: 5vh;
    border: 2px solid rgba(255, 255, 255, 0.21);
    border-radius: .3vh;
    cursor: pointer;
    position: absolute;
}

.management-nearby > span {
    color: white;
    width: 7vh;
    text-align: center;
    font-size: 1.5vh;
    word-wrap: break-word;
}

.management-friends {
    background: radial-gradient(135.96% 135.96% at 50% 50%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0) 100%);
    width: 10vh;
    height: 6.5vh;
    top: 12vh;
    right: 16.5vh;
    border: 2px solid rgba(255, 255, 255, 0.21);
    border-radius: .3vh;
    cursor: pointer;
    position: absolute;
}

.management-friends > span {
    color: white;
    width: 7vh;
    text-align: center;
    font-size: 1.5vh;
    word-wrap: break-word;
}

.management-requests {
    background: radial-gradient(135.96% 135.96% at 50% 50%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0) 100%);
    width: 10vh;
    height: 6.5vh;
    top: 12vh;
    right: 5vh;
    border: 2px solid rgba(255, 255, 255, 0.21);
    border-radius: .3vh;
    cursor: pointer;
    position: absolute;
}

.management-requests > span {
    color: white;
    width: 7vh;
    text-align: center;
    font-size: 1.5vh;
    word-wrap: break-word;
}

.mm-ikincicizgi {
    background: rgba(217, 217, 217, 0.08);
    width: 33vh;
    height: 1vh;
    left: 5vh;
    top: 22vh;
    border-radius: 0.8vh;
    position: absolute;
}

.mm-nearby-players {
    background: radial-gradient(135.96% 135.96% at 50% 50%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0) 100%);
    width: 33vh;
    height: 27vh;
    bottom: 6vh;
    border: 2px solid rgba(255, 255, 255, 0.21);
    border-radius: .4vh;
    display: none;
    position: absolute;
}

.mm-nearby-players > span {
    color: white;
    font-size: 1.8vh;
    top: 2vh;
    position: absolute;
}

.mnp-players {
    width: 29vh;
    height: 20vh;
    bottom: 1vh;
    display: block; /* Normal => block */
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
}

.playersiste {
    background: rgba(217, 217, 217, 0.15);
    width: 29vh;
    height: 4vh;
    top: 0;
    margin-bottom: 1vh;
    border-radius: .5vh;
    position: relative;
}

.playersiste > span {
    width: 11vh;
    color: white;
    left: 1vh;
    font-size: 1.5vh;
    position: absolute;
}

.pi-add {
    background: #00A3FF;
    width: 7.5vh;
    height: 3vh;
    right: 9vh;
    border-radius: .8vh;
    cursor: pointer;
    position: absolute;
}

.pi-add > span {
    width: 7.5vh;
    color: black;
    font-size: 1.3vh;
    text-align: center;
}

.pi-invite {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 7.5vh;
    height: 3vh;
    right: 1vh;
    border-radius: .8vh;
    cursor: pointer;
    position: absolute;
}

.pi-invite > span {
    width: 7.5vh;
    color: black;
    font-size: 1.3vh;
    font-weight: 600;
    text-align: center;
}

.mm-friends {
    background: radial-gradient(135.96% 135.96% at 50% 50%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0) 100%);
    width: 33vh;
    height: 27vh;
    bottom: 6vh;
    border: 2px solid rgba(255, 255, 255, 0.21);
    border-radius: .4vh;
    display: none;
    position: absolute;
}

.mm-friends > span {
    color: white;
    font-size: 1.8vh;
    top: 2vh;
    position: absolute;
}

.send-request2 {
    background: rgba(8, 18, 28, 0.95);
    border-radius: 11px;
    width: 50vh;
    height: 20vh;
    display: none;
    z-index: 99999999999;
    position: absolute;
}

.mf-players {
    width: 29vh;
    height: 20vh;
    bottom: 1vh;
    display: block; /* Normal => block */
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
}

.playersiste2 {
    background: rgba(217, 217, 217, 0.15);
    width: 29vh;
    height: 4vh;
    top: 0;
    margin-bottom: 1vh;
    border-radius: .5vh;
    position: relative;
}

.playersiste2 > span {
    color: white;
    left: 1vh;
    font-size: 1.5vh;
    position: absolute;
}

.pi-kick {
    background: #CC4242;
    width: 8vh;
    height: 3vh;
    right: 1vh;
    border-radius: .8vh;
    cursor: pointer;
    position: absolute;
}

.pi-kick > span {
    width: 7.5vh;
    color: black;
    font-size: 1.3vh;
    font-weight: 600;
    text-align: center;
}

.time-update {
    background: radial-gradient(135.96% 135.96% at 50% 50%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0) 100%);
    width: 28vh;
    height: 4vh;
    bottom: 1vh;
    left: 5vh;
    border: 2px solid rgba(255, 255, 255, 0.21);
    border-radius: .4vh;
    display: flex;
    position: absolute;
}

.time-left {
    width: 10.6vh;
    color: white;
    left: .5vh;
    font-size: 1.2vh;
    text-align: center;
    position: absolute;
}

.new-time {
    background: radial-gradient(135.96% 135.96% at 50% 50%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0) 100%);
    width: 8vh;
    height: 2vh;
    font-size: 1.3vh !important;
    padding: .2vh !important;
    border: 1px solid white;
    outline: none;
    right: 8vh;
    position: absolute;
}

.tu-price {
    color: #15EE70;
    right: 1vh;
    font-size: 1.2vh;
    position: absolute;
}

.mm-save {
    background: #00A3FF;
    width: 4vh;
    right: 5vh;
    bottom: 1vh;
    height: 4vh;
    border-radius: .5vh;
    cursor: pointer;
    position: absolute;
}

.mm-save > span {
    color: black;
    font-size: 1.2vh;
    text-align: center;
}

.send-request2 > span {
    color: #FFFFFFA3;
    top: 1vh;
    left: 1vh;
    text-align: center;
    font-weight: 400;
    font-family: 'Barlow';
    font-size: 1.8vh;
    position: absolute;
}

.accept-offer2 {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 23vh;
    height: 5vh;
    right: 1vh;
    bottom: 1vh;
    cursor: pointer;
    position: absolute;
}

.accept-offer2 > span {
    color: rgba(0, 0, 0, 0.699);
    font-size: 1.8vh;
    font-weight: 600;
    font-family: 'Barlow';
}

.decline-offer2 {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 23vh;
    height: 5vh;
    left: 1vh;
    bottom: 1vh;
    cursor: pointer;
    position: absolute;
}

.decline-offer2 > span {
    color: rgba(0, 0, 0, 0.699);
    font-size: 1.8vh;
    font-weight: 600;
    font-family: 'Barlow';
}

.motel-management .emrelutfisagolsun {
    background: radial-gradient(135.96% 135.96% at 50% 50%, rgba(0, 163, 255, 0.52) 0%, rgba(255, 255, 255, 0) 100%);
}

.motel-care-menu-request {
    position: absolute;
    width: 85.599vh;
    left: 34.8vh;
    bottom: 4.4vh;
    height: 51vh;
}

.motel-care-menu-request h1 {
    color: white;
    font-size: 3vh;
    font-family: 'Barlow';
    font-weight: 600;
    position: absolute;
    left: 0vh;
    top: 0vh;
}

.request-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 85.599vh;
    height: 46.3vh;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

.requests {
    background: radial-gradient(135.96% 135.96% at 50% 50%, rgba(255, 255, 255, 0.096) 0%, rgba(255, 255, 255, 0) 100%);
    width: 20.4vh;
    height: 15vh;
    border-radius: .4vh;
    left: 0;
    top: 0;
    float: left;
    margin-right: 1vh;
    margin-bottom: 1vh;
    position: relative;
}

.barisinbiip {
    width: 20.4vh;
    height: 15vh;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    position: absolute;
}

.barisinbiip:hover {
    z-index: 999;
    opacity: 1;
}

.r-header {
    color: white;
    top: 1vh;
    font-size: 1.5vh;
    position: absolute;
}

.requests-text {
    color: white;
    font-size: 1.3vh;
    text-align: center;
}

.r-accept {
    background: radial-gradient(130% 130% at 50% 50%, #00FF66 0%, rgba(0, 255, 102, 0) 100%);
    width: 10.1vh;
    height: 3vh;
    bottom: 0;
    right: 0;
    border-top-right-radius: .4vh;
    border-bottom-right-radius: .4vh;
    cursor: pointer;
    position: absolute;
}

.r-accept > span {
    color: black;
    font-weight: 600;
    font-size: 1.5vh;
}

.r-decline {
    background: radial-gradient(130% 130% at 50% 50%, #DD3131 0%, rgba(204, 57, 57, 0) 100%);
    width: 10.1vh;
    height: 3vh;
    bottom: 0;
    left: 0;
    border-top-left-radius: .4vh;
    border-bottom-left-radius: .4vh;
    cursor: pointer;
    position: absolute;
}

.r-decline > span {
    color: black;
    font-weight: 600;
    font-size: 1.5vh;
}