footer{background-color:#1d1e21;position:absolute;bottom:0;height:60px;width:100%;display:flex}footer .footer_container{width:100%;margin:0 auto;display:flex}footer .left_section{display:flex;margin:auto;width:20%}footer .middle_section{display:flex;margin:auto;width:50%;justify-content:center}@media (max-width:1000px){footer .middle_section{position:absolute;bottom:70px;left:20%}footer .middle_section input[type=text]{width:100%}}footer button.user_face{padding:0}footer button.user_face img{object-fit:none;object-position:42% 27%;width:40px;height:37px}footer .right_section{display:flex;margin:auto;width:20%;justify-content:flex-end}footer button{padding:0 12px;margin:auto 0;background:none;border:none}footer form{display:inline-flex}footer button:hover{background-color:hsla(0,0%,100%,.1)}footer input[type=text]{width:350px;font:inherit;height:40px;padding:0 .5em;border-radius:7px;box-sizing:border-box;color:#000;border:1px solid #999;margin:0 0 0 12px}footer ::-webkit-input-placeholder{color:#777}footer ::-moz-placeholder{color:#777}footer :-ms-input-placeholder{color:#777}footer ::-ms-input-placeholder{color:#777}footer ::placeholder{color:#777}html{touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0 auto;color:#fff;font-family:Ubuntu,sans-serif;overflow:hidden;background-color:#000;background-image:url(/images/hotel_view_images_hq/hotelview_default.png);background-repeat:no-repeat;background-position:center 0}canvas{position:absolute;width:100%;height:100%;z-index:-1}button{cursor:pointer}.room_info{width:300px;height:100px;background-color:#1d1e21;position:absolute;bottom:80px;left:20px;padding:10px;border:1px solid #19181c;border-radius:5px;box-sizing:border-box;color:#eee}.room_info .title{font:inherit;font-size:1.1em;margin:0}.room_info .owner_info{margin:0;font-size:.9em;color:#9d9ca0}.room_info .owner_info .owner_name{color:#8fc8cd}.room_info .buttons_container{display:flex;bottom:10px;position:absolute}.room_info button{min-width:35px;height:35px;background-color:#2c2b2c;border:none;border-top:1px solid #444;border-bottom:1px solid #000;border-radius:4px;box-sizing:border-box;margin-right:5px;display:flex;color:inherit;font:inherit;font-size:.9em}.room_info button img{margin:auto}.room_info button:hover{background-color:#373539}header{position:absolute;top:0;right:0;left:0;width:300px;height:50px;background-color:#1d1e21;margin:0 auto;padding:10px;border:1px solid #19181c;border-radius:5px;box-sizing:border-box;color:#eee;display:flex}.bar_content{margin:auto;display:flex}.bar_content img,.bar_content span{margin:auto 3px}button.bar_content{background:none;border:none}button.bar_content:hover{background-color:hsla(0,0%,100%,.1)}.top_bar{width:100px;height:50px;background-color:#1d1e21;position:absolute;right:0;top:0;padding:10px;border:1px solid #19181c;border-radius:5px;box-sizing:border-box;color:#eee;display:flex}.logo{margin:auto}.logo a{text-decoration:none;color:inherit}.logo h1{display:inline;margin-left:.1em;font-family:Poiret One,sans-serif;font-weight:inherit;font-size:3em;text-transform:lowercase;text-shadow:0 0 2px #000}.main_wrapper{background-color:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;display:flex;z-index:100000}.main_container{margin:auto;display:flex;flex-direction:column}.main_content{position:relative;margin:auto;width:500px;background:rgba(24,24,24,.8);border:1px solid #282722;padding:10px;box-sizing:border-box;border-radius:5px;text-align:center}.main_content_footer{color:#9d9ca0;font-size:.8em;text-align:center}.main_content_footer a{color:inherit}.main_content p{margin:2em}.main_content h2{margin:0;font-weight:inherit;font-size:1.5em}.main_content input[type=text]{font:inherit;height:40px;padding:0 .5em;border-radius:7px;box-sizing:border-box;color:#000;border:1px solid #999;margin:0 auto;width:250px}.main_content input[type=text].wrong{border:2px solid #a00}.main_content .wrong::-webkit-input-placeholder{color:#ac4141}.main_content .wrong::-moz-placeholder{color:#ac4141}.main_content .wrong:-ms-input-placeholder{color:#ac4141}.main_content .wrong::-ms-input-placeholder{color:#ac4141}.main_content .wrong::placeholder{color:#ac4141}.main_content ::-webkit-input-placeholder{color:#777}.main_content ::-moz-placeholder{color:#777}.main_content :-ms-input-placeholder{color:#777}.main_content ::-ms-input-placeholder{color:#777}.main_content ::placeholder{color:#777}.main_content .look_item{display:inline-block;padding:6px;box-sizing:border-box}.main_content button{position:static;background-color:#282729;color:#eee;padding:7px 16px;font:inherit;font-size:1.2em;border-radius:3px;border:none;border-top:1px solid #444;border-bottom:1px solid #000}.main_content button:hover{background-color:#383739}.main_content button.close{position:absolute;top:20px;right:20px}.main_content .loading{margin-top:20px}.main_content .loading .loading_info{font-size:.7em;color:#999}.main_content hr{border-color:#444}.item_info{width:190px;background-color:#3d3d3d;position:absolute;bottom:100px;right:20px;padding:10px;border:1px solid #19181c;border-radius:5px;box-sizing:border-box;color:#eee;font-size:9px;font-family:Volter}.item_info.no_buttons{bottom:70px}.item_info .title{font:inherit;font-weight:700;margin:0}.item_info hr{border:none;border-top:1px solid #333}.item_info .image_container{width:100%;display:flex}.item_info .user_container{display:flex;width:100%;justify-content:space-between}.item_info .user_container .avatar_container{width:65px;height:130px;background:#656565;border:1px solid #2f2f2f;border-radius:5px}.item_info .user_container .badge_container{width:100px;height:130px;flex-wrap:wrap;align-content:flex-start;display:flex}.item_info .user_container .badge_container button{width:50px;height:50px;background:none;border:none;display:flex;padding:0;overflow:hidden}.item_info .user_container .badge_container button img{margin:auto}.item_info .image_container img{margin:auto;max-width:150px;max-height:300px}.item_info p{margin:0;color:#9d9ca0;word-break:break-word}.item_info p.motto{cursor:text;width:100%}.item_info p span{width:100%;display:block;min-height:1em}.item_info p .loading{font-style:oblique}.item_info p input{background:inherit;font:inherit;box-sizing:border-box;border:none;color:#eee;width:100%}.item_info_button_container{position:absolute;bottom:70px;right:20px;display:flex}.item_info button.close{position:absolute;font:inherit;top:5px;right:5px;color:#eee;min-width:20px;height:20px;background:none;border:none}.item_info button.close:hover{background-color:#383739}.item_info_button_container button{min-width:35px;height:25px;background-color:#3d3d3d;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;margin-left:5px;display:flex;color:inherit;font-family:Volter;font-size:9px;font-weight:400;color:#fff;padding:0 9px}.item_info_button_container button span{margin:auto}.item_info_button_container button:hover{background-color:#5d5d5d}.avatar_editor{font-family:Volter;font-size:9px;position:absolute;left:20px;right:0;top:15px;height:410px;width:380px;background:#3d3d3d;border:1px solid #282722;padding:5px 15px;box-sizing:border-box;border-radius:5px;text-align:center;z-index:200}.avatar_editor button.close{position:absolute;top:7px;right:2px;width:2em;padding:0;color:#fff;background:inherit;border:none;font:inherit}.avatar_editor h2{font:inherit;font-weight:700;margin:0}.avatar_editor hr{border:1px solid #2f2f2f;border-bottom:none;margin:3px}.avatar_editor .main_tab_container{display:flex;padding:0 10px;width:100%}.avatar_editor .main_tab_container button{background-color:#4c4c4c;width:52px;height:41px;box-sizing:border-box;border:1px solid #202020;border-radius:5px 5px 0 0}.avatar_editor .main_tab_container button.selected,.avatar_editor .main_tab_container button:hover{background-color:#656565;border-bottom:1px solid #656565}.avatar_editor .parts_container{background-color:#656565;border-radius:5px;height:300px;padding:2px 8px;box-sizing:border-box}.avatar_editor .parts_container .first_row{display:flex;margin-top:2px}.avatar_editor .second_tab_container{display:flex}.avatar_editor .second_tab_container button{display:flex;background:inherit;border:none;color:#fff;font:inherit;margin-right:5px;border-radius:5px;height:37px;width:60px}.avatar_editor .second_tab_container button.gender{width:90px}.avatar_editor .second_tab_container button.selected,.avatar_editor .second_tab_container button:hover{background:#757575}.avatar_editor .second_tab_container button img,.avatar_editor .second_tab_container button span{margin:auto}.avatar_editor .parts_grid{background-color:#f0f0f0;width:255px;height:118px;border-radius:5px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:flex-start;padding:5px;overflow-y:scroll;overflow-x:hidden}.avatar_editor .parts_grid button{width:50px;height:50px;border-radius:5px;box-sizing:border-box;border:none;margin:2px;background-color:#fff;position:relative}.avatar_editor .parts_grid button img.generic{object-fit:none;object-position:65% 25%;width:45px;height:45px}.avatar_editor .parts_grid button img.head{object-fit:none;object-position:65% 17%;width:45px;height:45px}.avatar_editor .parts_grid button img.torso{object-fit:none;object-position:65% 65%;width:45px;height:45px}.avatar_editor .parts_grid button img.legs{object-fit:none;object-position:65% 100%;width:45px;height:45px}.avatar_editor .parts_grid button.hc:after{display:block;content:" ";width:9px;height:7px;background:url(/images/avatar_editor/hc.png) no-repeat 0 0;position:absolute;right:2px;bottom:2px}.avatar_editor .parts_grid button.selected,.avatar_editor .parts_grid button:hover{background-color:#cbcbcb}.avatar_editor .platform{background:url(/images/avatar_editor/platform.png) 3px 58px no-repeat;height:118px;width:77px;position:relative}.avatar_editor .platform img{position:absolute;left:11px;bottom:24px}.avatar_editor .palette_container{width:332px;box-sizing:border-box;display:flex;border-radius:5px}.avatar_editor .colors_container{background-color:#f0f0f0;margin:9px auto;height:118px;box-sizing:border-box;padding:20px 7px;display:flex;flex-wrap:wrap;align-content:flex-start;overflow-y:scroll;overflow-x:hidden}.avatar_editor .colors_container button{width:25px;height:21px;border-radius:3px;box-sizing:border-box;border:1px solid #000;margin:1px;background-color:#f6f6f6;padding:2px;position:relative}.avatar_editor .colors_container button.hc:after{display:block;content:" ";width:9px;height:7px;background:url(/images/avatar_editor/hc.png) no-repeat 0 0;position:absolute;right:2px;bottom:2px}.avatar_editor .colors_container button .palette{width:100%;height:100%;background-color:#ddaf83;border-top:1px solid hsla(0,0%,100%,.4);border-bottom:1px solid rgba(0,0,0,.2);box-sizing:border-box}.avatar_editor .colors_container button.selected,.avatar_editor .colors_container button:hover{padding:4px}.avatar_editor .button_container{display:flex;margin-top:10px}.avatar_editor .button_container button{margin:auto;min-width:35px;height:25px;background-color:#3d3d3d;border:1px solid #eee;border-radius:4px;box-sizing:border-box;display:flex;color:inherit;font:inherit;color:#eee;padding:0 10px 2px}.avatar_editor .button_container button:hover{background-color:#4c4c4c}.inventory{font-family:Volter;font-size:9px;position:absolute;left:20px;right:0;top:15px;height:300px;width:390px;background:#418db0;border:2px groove #69a4c0;box-sizing:border-box;border-radius:5px;text-align:center;z-index:200;padding:4px}.inventory button.close{position:absolute;top:3px;right:2px;width:2em;padding:0;color:#fff;background:inherit;border:none;font:inherit}.inventory h2{font:inherit;font-weight:700;margin:0}.inventory hr{border:1px solid #69a4c0;border-bottom:none;margin:3px}.inventory .main_tab_container{display:flex;padding:0 10px}.inventory .main_tab_container button{background-color:#9fbdcc;width:100%;height:20px;box-sizing:border-box;border:1px solid #3d5059;border-radius:5px 5px 0 0;font:inherit;color:#000}.inventory .main_tab_container button.selected,.inventory .main_tab_container button:hover{background:#fff;border-bottom:1px solid #fff}.inventory .items_container{background-color:#fff;border-radius:5px;height:250px;padding:2px 8px;box-sizing:border-box;border:1px solid #567483;border-top:none}.inventory .second_tab_container{display:flex;margin:3px 0;border-radius:3px;border:1px solid #000;border-right:none}.inventory .second_tab_container button{background:inherit;color:#000;font:inherit;border:none;border-right:1px solid #000;height:22px;width:100%;outline:none}.inventory .second_tab_container button.selected,.inventory .second_tab_container button:hover{background:#989898}.inventory .grid_container{display:flex;height:205px;width:100%}.inventory .grid_container .grid{width:205px;display:flex;flex-wrap:wrap;align-content:flex-start;overflow-y:scroll;overflow-x:hidden}.inventory .grid_container .grid button{width:42px;height:42px;border-radius:5px;box-sizing:border-box;border:none;margin:2px;background-color:#cbcbcb;position:relative;padding:1px;font:inherit;overflow:hidden}.inventory .grid_container .grid button.selected,.inventory .grid_container .grid button:hover{background-color:#9bca64}.inventory .grid_container .grid button span{position:absolute;top:1px;right:1px;background:#fff;border:1px solid #2f6982;color:#2f6982;padding:0 2px}.inventory .grid_container .item_preview{width:150px;position:relative}.inventory .grid_container .item_preview .image_container{width:100%;height:100px;overflow:hidden}.inventory .grid_container .item_preview .item_data{color:#000;text-align:left;padding:5px 10px}.inventory .grid_container .item_preview .item_data h2{font-weight:700}.inventory .grid_container .item_preview .item_data p{margin:0}.inventory .grid_container .item_preview .item_data button{position:absolute;bottom:0;background:inherit;border:1px solid #000;padding:5px 10px;font:inherit;border-radius:3px}.inventory .grid_container .item_preview .item_data button:hover{background-color:#cbcbcb}.catalogue{font-family:Volter;font-size:9px;position:absolute;left:20px;right:0;top:15px;height:480px;width:520px;z-index:200;display:flex}.catalogue .navigator{background:#418db0;border:2px groove #69a4c0;border-radius:5px;box-sizing:border-box;height:405px;width:167px;position:absolute;right:0;top:25px;z-index:0;padding:4px}.catalogue button.close{position:absolute;top:4px;right:2px;width:2em;padding:0;color:#fff;background:inherit;border:none;font:inherit}.catalogue .navigator h2{font:inherit;margin:0;text-align:center;font-weight:700}.catalogue .navigator hr{border:1px solid #69a4c0;border-bottom:none;margin:3px}.catalogue .navigator .tab_container{width:100%;height:340px;background:#fff;border:1px solid #000;box-sizing:border-box;overflow-y:scroll}.catalogue .navigator .tab_container button{font:inherit;width:100%;height:21px;background:#fff;border:none;border-bottom:1px solid #000;display:flex;padding:0}.catalogue .navigator .tab_container button.second_tab{background:#d2f0f3}.catalogue .navigator .tab_container button.open{font-weight:700}.catalogue .navigator .tab_container button.selected,.catalogue .navigator .tab_container button:hover{background:#72d8e5}.catalogue .navigator .tab_container button .icon{width:23px;height:20px;display:flex}.catalogue .navigator .tab_container button.main_tab .icon{border-top:2px solid hsla(0,0%,100%,.3);border-bottom:1px solid rgba(0,0,0,.3);border-right:1px solid rgba(0,0,0,.3);box-sizing:border-box}.catalogue .navigator .tab_container button .icon img{object-fit:none;margin:auto}.catalogue .navigator .tab_container button span{margin:auto 0;padding:0 7px}.catalogue .content{background:url(/images/catalogue/layout_bg.png) no-repeat;position:absolute;left:0;width:360px;height:480px;z-index:1;color:#000}.catalogue .content .handle{position:absolute;width:100%;height:80px}.catalogue .wrapper{padding:45px 20px;width:315px}.catalogue .wrapper .header_container{width:100%;height:60px;margin-bottom:10px;display:flex}.catalogue .wrapper .header_container img{margin:0 auto;object-fit:none}.catalogue .wrapper .description{height:70px;margin:0 auto}.catalogue .wrapper .frontpage_teaser{height:170px;background-repeat:no-repeat;overflow:hidden;margin:0 auto;position:relative}.catalogue .wrapper .frontpage_teaser img.border{position:absolute;z-index:3;object-fit:none}.catalogue .wrapper .frontpage_teaser img.top_story{position:absolute;z-index:2;top:12px;left:12px;width:280px;height:145px;object-fit:none}.catalogue .wrapper .frontpage_teaser h2{position:absolute;font:inherit;top:70px;left:35px;z-index:4;color:#faf8cc}.catalogue .wrapper .frontpage_teaser p{position:absolute;font:inherit;top:90px;left:35px;z-index:4;color:#cecece}.catalogue .wrapper .frontpage_content{width:100%;height:125px;background-color:#cbcbcb;padding:15px;box-sizing:border-box;border-radius:5px}.catalogue .wrapper .frontpage_content h2{font:inherit;font-weight:700}.catalogue .wrapper .frontpage_vouchers{margin-top:5px;background-color:#6d9dcd;width:100%;height:35px;display:flex;padding:5px;box-sizing:border-box;border-radius:5px}.catalogue .wrapper .frontpage_vouchers span{margin:auto}.catalogue .wrapper .frontpage_vouchers input{height:20px;width:130px;margin:auto 15px;font:inherit;padding:2px 5px;border-radius:5px;border:1px solid #777;box-sizing:border-box}.catalogue .wrapper .frontpage_vouchers button{margin:auto;font:inherit;height:20px;border:1px solid #000;background:#fff;padding:0 7px;border-radius:3px}.catalogue .wrapper .frontpage_vouchers button:hover{background:#efefef}.catalogue .wrapper .second_row{display:flex}.catalogue .wrapper .second_row .grid_container{width:50%;height:250px}.catalogue .wrapper .second_row .grid_container .title{font-weight:700}.catalogue .wrapper .second_row .grid_container .grid{width:100%;height:240px;display:flex;flex-wrap:wrap;align-content:flex-start;overflow-y:scroll;overflow-x:hidden}.catalogue .wrapper .second_row .grid_container .grid button{width:38px;height:38px;border-radius:5px;box-sizing:border-box;border:none;margin:2px;background-color:#fff;position:relative;padding:1px;font:inherit;font-size:.55em;overflow:hidden}.catalogue .wrapper .second_row .grid_container .grid button.selected,.catalogue .wrapper .second_row .grid_container .grid button:hover{border:1px solid #9d9d9d;border-radius:10px}.catalogue .wrapper .second_row .item_description{width:50%;height:250px}.catalogue .wrapper .second_row .item_description .image_container{height:165px;display:flex;overflow:hidden}.catalogue .wrapper .second_row .description_container{height:40px;overflow:hidden;padding:1px}.catalogue .wrapper .second_row .button_container{background-color:#ffc900;padding:10px;border-radius:10px;display:flex}.catalogue .wrapper .second_row .button_container span{margin:auto}.catalogue .wrapper .second_row .button_container button{margin:auto;font:inherit;height:20px;border:1px solid #000;background:#fff;padding:0 7px;border-radius:3px}.catalogue .wrapper .second_row .button_container button:hover{background:#efefef}.catalogue .wrapper .second_row .item_description .image_container img{object-fit:none;margin:auto}.catalogue .wrapper .second_row .item_description .description_container h2{font:inherit;font-weight:700;margin:0}.catalogue .wrapper .second_row .item_description .description_container p{margin:0}.catalogue_confirm_purchase{position:absolute;left:20px;right:0;top:15px;height:200px;width:280px;background:#418db0;border:2px groove #69a4c0;box-sizing:border-box;border-radius:5px;text-align:center;z-index:200;padding:4px;font-family:Volter;font-size:9px}.catalogue_confirm_purchase button.close{position:absolute;top:4px;right:2px;width:2em;padding:0;color:#fff;background:inherit;border:none;font:inherit}.catalogue_confirm_purchase h2{font:inherit;margin:0;text-align:center;font-weight:700}.catalogue_confirm_purchase hr{border:1px solid #69a4c0;border-bottom:none;margin:3px}.catalogue_confirm_purchase .wrapper{width:100%;height:90%;background:#fff;border:1px solid #567483;border-radius:5px;box-sizing:border-box;color:#000;padding:10px;position:relative}.catalogue_confirm_purchase .first_row{height:40%;display:flex}.catalogue_confirm_purchase .first_row button{width:42px;height:42px;border-radius:5px;box-sizing:border-box;border:1px solid #a0a0a0;margin:0;background-color:#f0f0f0;position:relative;padding:1px;font:inherit;font-size:.55em}.catalogue_confirm_purchase .first_row h2{margin:auto}.catalogue_confirm_purchase .second_row{height:30%}.catalogue_confirm_purchase .third_row{height:30%;display:flex}.catalogue_confirm_purchase .third_row button{width:30%;margin:auto;font:inherit;height:25px;border:1px solid #000;background:#fff;padding:0 7px;border-radius:3px}.catalogue_confirm_purchase .third_row button:hover{background:#efefef}.notification{position:absolute;left:20px;right:0;top:15px;height:180px;width:280px;background:#418db0;border:2px groove #69a4c0;box-sizing:border-box;border-radius:5px;text-align:center;z-index:200;padding:4px;font-family:Volter;font-size:9px}.notification button.close{position:absolute;top:4px;right:2px;width:2em;padding:0;color:#fff;background:inherit;border:none;font:inherit}.notification h2{font:inherit;margin:0;text-align:center;font-weight:700}.notification hr{border:1px solid #69a4c0;border-bottom:none;margin:3px}.notification .wrapper{width:100%;height:90%;background:#fff;border:1px solid #567483;border-radius:5px;box-sizing:border-box;color:#000;padding:10px;position:relative}.notification .first_row{height:80%;display:flex}.notification .first_row span{margin:auto}.notification .second_row{height:20%;display:flex}.notification .second_row button{width:20%;margin:auto;font:inherit;height:25px;border:1px solid #000;background:#fff;padding:0 7px;border-radius:3px}.notification .second_row button:hover{background:#efefef}.nav{position:absolute;left:20px;right:0;top:15px;height:470px;width:320px;background:#418db0;border:2px groove #69a4c0;box-sizing:border-box;border-radius:5px;text-align:center;z-index:200;padding:4px;font-family:Volter;font-size:9px}.nav button.close{position:absolute;top:4px;right:2px;width:2em;padding:0;color:#fff;background:inherit;border:none;font:inherit}.nav h2{font:inherit;margin:0;text-align:center;font-weight:700}.nav hr{border:1px solid #69a4c0;border-bottom:none;margin:3px}.nav .main_tab_container{display:flex;padding:0 10px}.nav .main_tab_container button{background-color:#9fbdcc;width:100%;height:20px;box-sizing:border-box;border:1px solid #3d5059;border-radius:5px 5px 0 0;font:inherit;color:#000}.nav .main_tab_container button.selected,.nav .main_tab_container button:hover{background:#fff;border-bottom:1px solid #fff}.nav .wrapper{background-color:#fff;border-radius:5px;height:420px;padding:2px 8px;box-sizing:border-box;border:1px solid #567483;border-top:none}.nav .wrapper .search_bar{background-color:#cbcbcb;border:1px solid #979797;border-radius:5px;height:27px;width:100%;margin-top:5px;display:flex}.nav .wrapper .search_bar form{margin:auto;width:100%;display:flex}.nav .wrapper .search_bar input{margin:auto;height:17px;width:190px;border:1px solid #000;font:inherit;padding:0 5px}.nav .wrapper .search_bar ::-webkit-input-placeholder{color:#555}.nav .wrapper .search_bar ::-moz-placeholder{color:#555}.nav .wrapper .search_bar :-ms-input-placeholder{color:#555}.nav .wrapper .search_bar ::-ms-input-placeholder{color:#555}.nav .wrapper .search_bar ::placeholder{color:#555}.nav .wrapper .more_rooms button,.nav .wrapper .search_bar button{margin:auto;background:#fff;border:1px solid #000;height:20px;padding:0 8px;border-radius:3px;font:inherit}.nav .wrapper .more_rooms button:hover,.nav .wrapper .search_bar button:hover{background-color:#cbcbcb}.nav .wrapper .more_rooms{background-color:#cbcbcb;border:1px solid #979797;border-radius:5px;height:27px;width:100%;margin-top:5px;display:flex}.nav .wrapper .more_rooms .info{display:flex;margin:auto auto auto 5px}.nav .wrapper .more_rooms .info img{margin:auto 10px}.nav .wrapper .more_rooms .info span{color:#000;margin:auto 10px}.nav .wrapper .more_rooms button{margin:auto 10px auto auto}.nav .wrapper .basic_rooms{margin-top:5px;height:340px;width:100%;display:flex;flex-direction:column;overflow-y:scroll}.nav .wrapper .basic_rooms .room_button{width:100%;height:17px;background:#dee4f2;border:none;font:inherit;padding:0 8px;box-sizing:border-box;display:flex;cursor:pointer}.nav .wrapper .basic_rooms .room_button span{width:70%;text-align:left;margin:auto 0;overflow:hidden;color:#000}.nav .wrapper .basic_rooms .room_button .icons_container{display:flex;width:30%;justify-content:flex-end}.nav .wrapper .basic_rooms .room_button .icons_container button{border:none;background:none;margin:auto 0 auto 2px}.nav .wrapper .basic_rooms .room_button button.door_bell{width:13px;height:16px;background-image:url(/images/navigator/doormode_doorbell_small.png)}.nav .wrapper .basic_rooms .room_button button.door_password{width:13px;height:16px;background-image:url(/images/navigator/doormode_password_small.png)}.nav .wrapper .basic_rooms .room_button button.make_favourite{width:18px;height:16px;background-image:url(/images/navigator/make_favourite.png)}.nav .wrapper .basic_rooms .room_button button.favourite,.nav .wrapper .basic_rooms .room_button button.make_favourite:hover{width:18px;height:16px;background-image:url(/images/navigator/favourite.png)}.nav .wrapper .basic_rooms .room_button button.usercount{font:inherit;text-align:right;color:#fff;width:34px;height:13px;background-image:url(/images/navigator/usercount_fixed_b.png)}.nav .wrapper .basic_rooms .room_button button.usercount.g,.nav .wrapper .basic_rooms .room_button button.usercount.o{background-image:url(/images/navigator/usercount_fixed_g.png)}.nav .wrapper .basic_rooms .room_button button.usercount.r{background-image:url(/images/navigator/usercount_fixed_r.png)}.nav .wrapper .basic_rooms .room_button button.usercount.y{background-image:url(/images/navigator/usercount_fixed_y.png)}.nav .wrapper .basic_rooms p{margin:auto;color:#000;border:none;font:inherit;font-weight:700;text-align:center}.nav .wrapper .basic_rooms .room_button:nth-child(2n){background:#fff}.nav .wrapper .basic_rooms .room_button:hover,.nav .wrapper .basic_rooms .room_button:nth-child(2n):hover{background:#a2d6ea}.createroom{position:absolute;left:20px;right:0;top:15px;height:420px;width:320px;background:#418db0;border:2px groove #69a4c0;box-sizing:border-box;border-radius:5px;text-align:center;z-index:200;padding:4px;font-family:Volter;font-size:9px}.createroom button.close{position:absolute;top:4px;right:2px;width:2em;padding:0;color:#fff;background:inherit;border:none;font:inherit}.createroom h2{font:inherit;margin:0;text-align:center;font-weight:700}.createroom hr{border:1px solid #69a4c0;border-bottom:none;margin:3px}.createroom .wrapper{background-color:#fff;border-radius:5px;height:390px;padding:2px 8px;box-sizing:border-box;border:1px solid #567483;border-top:none}.createroom .wrapper h2{font:inherit;text-align:left;font-weight:700;color:#000;margin-top:3px}.createroom .wrapper .grid{width:100%;height:290px;display:flex;flex-wrap:wrap;align-content:flex-start;overflow-y:scroll;overflow-x:hidden;margin-top:5px}.createroom .wrapper .grid button{width:133px;height:95px;background:#cbcbcb;border:1px solid #979797;border-radius:5px;box-sizing:border-box;margin:1px;font:inherit;position:relative;overflow:hidden;display:flex}.createroom .wrapper .grid button.selected,.createroom .wrapper .grid button:hover{background:#6e8184}.createroom .wrapper .grid button img{object-fit:none;margin:auto}.createroom .wrapper .grid button .tile_count{position:absolute;bottom:3px;display:flex;width:80%}.createroom .wrapper .grid button .tile_count img,.createroom .wrapper .grid button .tile_count span{margin:auto}.createroom .wrapper form{display:block;width:100%;margin-top:5px}.createroom .wrapper form input{width:100%;background:none;font:inherit;margin-top:5px;height:20px;border:1px solid #000;box-sizing:border-box;padding:5px}.createroom .wrapper form ::-webkit-input-placeholder{color:#777}.createroom .wrapper form ::-moz-placeholder{color:#777}.createroom .wrapper form :-ms-input-placeholder{color:#777}.createroom .wrapper form ::-ms-input-placeholder{color:#777}.createroom .wrapper form ::placeholder{color:#777}.createroom .wrapper form .button_container{width:100%;display:flex;margin-top:7px}.createroom .wrapper form .button_container button{margin:auto;background:none;border:1px solid #000;border-radius:3px;height:20px;font:inherit;padding:0 8px}.createroom .wrapper form .button_container button:hover{background-color:#cbcbcb}.messenger{position:absolute;left:20px;right:0;top:15px;width:230px;background:#f9c100;border:1px solid #000;box-sizing:content-box;border-radius:5px;text-align:center;z-index:200;padding:5px 0 0;font-family:Volter;font-size:9px}.messenger button.close{position:absolute;top:5px;right:2px;width:2em;padding:0;color:#fff;background:inherit;border:none;font:inherit;color:#936c05}.messenger h2{font:inherit;text-align:center;font-weight:700;color:#936c05;margin:0 0 5px}.messenger .main_tab{cursor:pointer;width:100%;font:inherit;background:-webkit-gradient(linear,left top,left bottom,from(#6b6b6b),color-stop(50%,#6b6b6b),color-stop(51%,#555),to(#555));background:linear-gradient(180deg,#6b6b6b 0,#6b6b6b 50%,#555 51%,#555);height:18px;box-sizing:border-box;border-top:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.5);color:#fff;display:flex}.messenger .main_tab.selected{background:-webkit-gradient(linear,left top,left bottom,from(#8adaff),color-stop(50%,#8adaff),color-stop(51%,#59bfff),to(#59bfff));background:linear-gradient(180deg,#8adaff 0,#8adaff 50%,#59bfff 51%,#59bfff);color:#000}.messenger .main_tab.active{background:-webkit-gradient(linear,left top,left bottom,from(#ff9302),color-stop(50%,#ff9302),color-stop(51%,#ea8000),to(#ea8000));background:linear-gradient(180deg,#ff9302 0,#ff9302 50%,#ea8000 51%,#ea8000)}.messenger .main_tab span{margin:auto 10px}.messenger .main_tab button{border:none;background:none;margin:auto 0;padding:0}.messenger .main_tab button.open_arrow{width:9px;height:5px;background-image:url(/images/messenger/arrow_down_white.png)}.messenger .main_tab button.close_arrow{width:5px;height:9px;background-image:url(/images/messenger/arrow_right_white.png)}.messenger .main_tab.selected button.open_arrow{background-image:url(/images/messenger/arrow_down_black.png)}.messenger .main_tab.selected button.close_arrow{background-image:url(/images/messenger/arrow_right_black.png)}.messenger .wrapper{background-color:#fff;height:230px;padding:5px;box-sizing:border-box;border-top:none}.messenger .wrapper.search{background-color:#b6b6b6}.messenger .wrapper.search button.second_tab{background:rgba(0,0,0,.1)}.messenger .wrapper button.second_tab{background:#eee;width:100%;text-align:left;font:inherit;height:20px;border:none;font-weight:700}.messenger .wrapper .friends_container{overflow-y:scroll;height:185px}.messenger .wrapper .friend_list{width:100%;display:flex;flex-direction:column}.messenger .wrapper .friend_list .friend{background:none;width:100%;height:20px;display:flex;font:inherit;color:#000;overflow:hidden;cursor:pointer}.messenger .wrapper .friend_list .friend:nth-child(2n){background:rgba(0,0,0,.1)}.messenger .wrapper .friend_list .friend.selected,.messenger .wrapper .friend_list .friend:hover{background:#8adaff}.messenger .wrapper .friend_list .friend img{margin:auto 0;width:20px;height:20px;object-fit:none;object-position:20% 60%}.messenger .wrapper .friend_list .friend span{margin:auto 5px;width:125px;text-align:left}.messenger .wrapper .friend_list .friend .icons_container{display:flex;justify-content:flex-end}.messenger .wrapper .friend_list .friend .icons_container button{border:none;background:none;margin:auto 0 auto 2px;padding:0}.messenger .wrapper .friend_list .friend .icons_container button.ask_for_friend{width:16px;height:15px;background-image:url(/images/messenger/ask_for_friend.png)}.messenger .wrapper .friend_list .friend .icons_container button.follow_friend{width:16px;height:15px;background-image:url(/images/messenger/follow_friend.png)}.messenger .wrapper .friend_list .friend .icons_container button.start_chat{width:16px;height:14px;background-image:url(/images/messenger/start_chat.png)}.messenger .wrapper .friend_list .friend .icons_container button.accept{width:16px;height:13px;background-image:url(/images/messenger/accept.png)}.messenger .wrapper .friend_list .friend .icons_container button.decline{width:13px;height:13px;background-image:url(/images/messenger/decline.png)}.messenger .wrapper .actions_container{margin-top:5px;width:100%;background:rgba(0,0,0,.2);height:30px;border-radius:5px;border:1px solid #9a9a9a;display:flex;padding:3px 5px;box-sizing:border-box}.messenger .wrapper .actions_container.requests button{margin:auto;width:45%}.messenger .wrapper .actions_container.requests button span{margin:auto}.messenger .wrapper .actions_container button{background:#fff;min-width:30px;height:23px;margin:auto 5px auto 0;box-sizing:border-box;border:1px solid #000;border-radius:3px;display:flex;font:inherit}.messenger .wrapper .actions_container button img{margin:auto}.messenger .wrapper .actions_container button:hover{background:#ccc}.messenger .wrapper .actions_container form{margin:auto;width:100%;display:flex}.messenger .wrapper .actions_container input{margin:auto;height:20px;width:130px;border:1px solid #000;box-sizing:border-box;border-radius:3px;font:inherit;padding:0 5px}.messenger .wrapper .actions_container ::-webkit-input-placeholder{color:#555}.messenger .wrapper .actions_container ::-moz-placeholder{color:#555}.messenger .wrapper .actions_container :-ms-input-placeholder{color:#555}.messenger .wrapper .actions_container ::-ms-input-placeholder{color:#555}.messenger .wrapper .actions_container ::placeholder{color:#555}.messenger .wrapper .actions_container form button{margin:auto;background:#fff;border:1px solid #000;box-sizing:border-box;height:20px;width:60px;padding:0 8px;border-radius:3px;font:inherit}.messenger .wrapper .actions_container button:hover,.nav .wrapper .more_rooms button:hover{background-color:#cbcbcb}.messenger .footer{width:100%;display:flex;height:40px}.messenger .footer button{background:#fff;font:inherit;width:90px;height:20px;border:1px solid #000;border-radius:3px;margin:auto 10px;display:flex}.messenger .footer button:hover{border:2px solid #000}.messenger .footer button img,.messenger .footer button span{margin:auto 5px}.chat{position:absolute;left:20px;right:0;top:15px;width:210px;background:#f9c100;border:1px solid #000;box-sizing:content-box;border-radius:5px;text-align:center;z-index:200;padding:5px 0 0;font-family:Volter;font-size:9px}.chat button.close{position:absolute;top:5px;right:2px;width:2em;padding:0;color:#fff;background:inherit;border:none;font:inherit;color:#936c05}.chat h2{font:inherit;text-align:center;font-weight:700;color:#936c05;margin:0 0 5px}.chat .main_tab_container{height:30px;background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),color-stop(50%,#f0f0f0),color-stop(51%,#ddd),to(#ddd));background:linear-gradient(180deg,#f0f0f0 0,#f0f0f0 50%,#ddd 51%,#ddd);width:100%;display:flex;box-sizing:border-box;border-bottom:1px solid grey}.chat .main_tab_container button{height:30px;width:30px;padding:0;border:1px solid grey;border-left:none;background:inherit;display:flex}.chat .main_tab_container button.alert{background:-webkit-gradient(linear,left top,left bottom,from(#8adaff),color-stop(50%,#8adaff),color-stop(51%,#59bfff),to(#59bfff));background:linear-gradient(180deg,#8adaff 0,#8adaff 50%,#59bfff 51%,#59bfff)}.chat .main_tab_container button.selected,.chat .main_tab_container button:hover{background:#fff;border-bottom-color:#fff}.chat .main_tab_container button img{margin:5px 3px;width:20px;height:20px;object-fit:none;object-position:20% 60%}.chat .main_tab_container button.arrow img{object-position:initial}.chat .actions_container{background:#fff;height:32px;width:100%;display:flex;padding:3px 5px;box-sizing:border-box;justify-content:space-between}.chat .actions_container button{margin:auto 0;display:flex;padding:0;width:32px;height:22px;background:#fff;border:1px solid #000;box-sizing:border-box;border-radius:3px}.chat .actions_container button:hover{border:2px solid #000}.chat .actions_container button.close_chat{border:none}.chat .actions_container button img{margin:auto}.chat .wrapper{height:240px;background:#fff;color:#000;overflow-y:scroll;padding:0 5px}.chat .wrapper,.chat .wrapper p{width:100%;box-sizing:border-box}.chat .wrapper p{word-break:break-word;margin:0;text-align:left;padding:4px;background:#def3ff}.chat .wrapper p.me{background:#fff}.chat .wrapper p.info{background:#e8e8e8;color:#757575}.chat form{display:flex;padding:10px}.chat form,.chat textarea{width:100%;box-sizing:border-box}.chat textarea{background:#fff;border:1px solid #888;resize:none;height:50px;font:inherit;padding:3px}
/*# sourceMappingURL=main.6344d3ab.chunk.css.map */