::-webkit-scrollbar { display:none; } * { box-sizing: border-box; } html, body { padding:0px;margin:0px;height:100vh;scroll-behavior: smooth;} html { overflow:hidden; } body { line-height:1.0;font-family:Helvetica,Tahoma,Arial;font-size:12px;color:#000; } A:link { color:#000;text-decoration:none; } A:active { color:#000;text-decoration:none; } A:visited { color:#000;text-decoration:none; } A:hover { color:#fff;text-decoration:none; } A:link.white { color:#fff;text-decoration:none; } A:active.white { color:#fff;text-decoration:none; } A:visited.white { color:#fff;text-decoration:none; } A:hover.white { color:#888;text-decoration:none; } A:link.whitebold { color:#fff;text-decoration:none;font-weight:bold; } A:active.whitebold { color:#fff;text-decoration:none;font-weight:bold; } A:visited.whitebold { color:#fff;text-decoration:none;font-weight:bold; } A:hover.whitebold { color:#e00;text-decoration:none;font-weight:bold; } A:link.dark { color:#505050;text-decoration:none; } A:active.dark { color:#505050;text-decoration:none; } A:visited.dark { color:#505050;text-decoration:none; } A:hover.dark { color:#c00;text-decoration:none; } A:link.black { color:#000;text-decoration:none; } A:active.black { color:#000;text-decoration:none; } A:visited.black { color:#000;text-decoration:none; } A:hover.black { color:#c00;text-decoration:none; } A:link.white_id06 { color:#fff;text-decoration:none; } A:active.white_id06 { color:#fff;text-decoration:none; } A:visited.white_id06 { color:#fff;text-decoration:none; } A:hover.white_id06 { color:#600;text-decoration:none; } A:link.personalInfoButton { color:#000;text-decoration:none; } A:active.personalInfoButton { color:#000;text-decoration:none; } A:visited.personalInfoButton { color:#000;text-decoration:none; } A:hover.personalInfoButton { color:#0c0;text-decoration:none; } A:link.infoSnabbvalButton { color:#000;text-decoration:none; } A:active.infoSnabbvalButton { color:#000;text-decoration:none; } A:visited.infoSnabbvalButton { color:#000;text-decoration:none; } A:hover.infoSnabbvalButton { color:#C00;text-decoration:none; } @font-face { font-family:railsBold;src:url('../gfx/Rail-Bold.woff');font-weight:bold; } @font-face { font-family:railsRegular;src:url('../gfx/Rail-Regular.woff');font-weight:bold; } #caps_lock_div { color:#900;font-weight:bold;display:none; } #siteTop { width:100%;height:100px;border-bottom:1px Solid #999;background-color:#fff; } #siteMenuLeft { width:180px;height:80%;border-right:1px dashed #999;float:left;padding:15px 0px 0px 10px;position:absolute;top:100px;left:0px; } #siteContentMain { width:80%;min-width:800px;height:80%;padding:15px 0px 0px 15px;border:1px Solid #c00;float:left;position:absolute;top:100px;left:190px; } #siteContentLoggedOut { width:80%;margin:0 auto;border:0px Solid #c00;overflow:hidden;margin-top:60px; } #siteLogoLoggedOut { width:250px;height:66px;background-image:url('/infotavla/gfx/logowisehouse.png');background-repeat:no-repeat;margin:0 auto;margin-bottom:20px; } #pageDate { width:150px;position:fixed;top:10px;right:10px;font-size:20px;text-align:right; } /*#pageLogo { width:246px;height:66px;float:left;margin:12px;background-image:url('/infotavla/gfx/logo.png');background-size:246px 66px;background-repeat:no-repeat; }*/ h2#pageLogo { width:246px;height:66px;margin-left:15px;background-image:url('../gfx/logowisehouse.png');background-repeat:no-repeat;display:block;text-indent:-9999px;float:left;border:0px Solid #c00; } h2#pageLogo a { width:246px;height:66px;display:block;overflow:hidden;outline:none;text-indent:-9999px;} #infoPanel_tenantPartColored { width:47vw;height:94vh;float:left;z-index:-10;position:fixed;top:0px;left:0px; } #infoPanel_holder { width:49vw;border:0px Solid #c00;overflow:auto;margin:5px 0px 0px 10px;position:relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none; } .infoPanel_tenantHolder { width:48vw;height:90vh;border:0px Solid #c00;overflow:auto;float:left;-webkit-transform-origin:top left;position:relative; } .infoPanel_address { width:30vw;border:0px Solid #c00;height:48px;font-size:4px;font-weight:bold;margin-bottom:0px;float:left; } .infoPanel_floor { width:47vw;border:0px Solid #c0c;overflow:auto; } .infoPanel_floorheader { width:5vw;border:0px Solid #c00;float:left;height:33px;text-align:center;font-size:30px;padding-top:15px; } .infoPanel_floorname { width:46vw;border:0px Solid #c00;font-weight:bold;font-size:35px;margin-top:20px; } .infoPanel_floorname_noname { border:0px Solid #c00;height:13px; } .infoPanel_floornumber { width:5vw;float:left;height:3.3vh;border:0px Solid #c00;text-align:center; } .infoPanel_tenants { width:46vw;height:3.4vh;border:0px Solid #cc0;font-size:27px;overflow:auto; } .infoPanel_tenantname { width:30vw;height:3.3vh;border:0px Solid #c00;float:left; } .infoPanel_tenantlgh { width:7vw;height:3.3vh;border:0px Solid #c00;float:right; } #infoPanelNew_tenantPartColored { width:47vw;height:94vh;float:left;z-index:-10;position:fixed;top:0px;left:0px; } #infoPanelNew_holder { width:49vw;border:0px Solid #c00;overflow:auto;margin:5px 0px 0px 10px;position:relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none; } .infoPanelNew_tenantHolder { width:48vw;height:90vh;border:0px Solid #c00;overflow:auto;float:left;-webkit-transform-origin:top left;position:relative; } .infoPanelNew_address { width:30vw;border:0px Solid #c00;height:48px;font-size:4px;font-weight:bold;margin-bottom:0px;float:left; } .infoPanelNew_floor { width:47vw;border:0px Solid #c0c;overflow:auto; } .infoPanelNew_floorheader { width:5vw;border:0px Solid #c00;float:left;height:33px;text-align:center;font-size:30px;padding-top:15px; } .infoPanelNew_floorname { width:46vw;border:0px Solid #c00;font-weight:bold;font-size:35px;margin-top:20px; } .infoPanelNew_floorname_noname { border:0px Solid #c00;height:13px; } .infoPanelNew_floornumber { width:5vw;float:left;height:3.3vh;border:0px Solid #c00;text-align:center; } .infoPanelNew_tenants { width:46vw;height:3.4vh;border:0px Solid #cc0;font-size:27px;overflow:auto; } .infoPanelNew_tenantname { width:30vw;height:3.3vh;border:0px Solid #c00;float:left; } .infoPanelNew_tenantlgh { width:7vw;height:3.3vh;border:0px Solid #c00;float:right; } .infoPanel_clock { width:40vw;height:200px;border:0px Solid #c00;text-align:center;margin-top:10vh; } .infoPanel_infopage { width:100vw;border:0px Solid #c00;min-height:600px;overflow:auto;float:left;margin-left:10px; } #welcomeDiv { width:600px;height:100px;border:0px Solid #c00;position:relative;top:20%;text-align:center;line-height:35px;margin:0 auto;font-size:20px; } #mainscreenDiv { width:300px;height:100px;border:0px Solid #c00;position:relative;top:15%;margin:0 auto;font-size:16px;font-weight:bold;margin-top:10%; } .mainscreenLogo { width:246px;height:66px;border:0px Solid #0c0;margin:0 auto;margin-bottom:40px;background-image:url('https://dev.wisehouse.se/login/gfx/logowisehouse.png');background-repeat:no-repeat;display:block;text-indent:-9999px; } .mainscreenOpen { width:240px;margin:0 auto;border:0px Solid #c00;text-align:center;font-size:26px; } .infoPanel_infopage_red { width:100vw;border:0px Solid #c00;padding-top:80px;min-height:400px;overflow:auto;float:left;margin-left:10px; } .infoPanel_infopage_blue { width:100vw;border:0px Solid #c00;padding-top:80px;min-height:400px;overflow:auto;float:left;margin-left:10px; } .infoPanel_infopage_green { width:100vw;border:0px Solid #c00;padding-top:80px;min-height:400px;overflow:auto;float:left;margin-left:10px; } .infoPanel_infopage_red_old { width:100vw;border:0px Solid #c00;padding-top:80px;min-height:400px;overflow:auto;float:left;margin-left:10px;background-image:url('/login/gfx/pageheader_red.png');background-repeat:no-repeat;background-position:0px -40px;background-size:100% 147px; } .infoPanel_infopage_blue_old { width:100vw;border:0px Solid #c00;padding-top:80px;min-height:400px;overflow:auto;float:left;margin-left:10px;background-image:url('/login/gfx/pageheader_blue.png');background-repeat:no-repeat;background-position:0px -40px;background-size:100% 147px; } .infoPanel_infopage_green_old { width:100vw;border:0px Solid #c00;padding-top:80px;min-height:400px;overflow:auto;float:left;margin-left:10px;background-image:url('/login/gfx/pageheader_green.png');background-repeat:no-repeat;background-position:0px -40px;background-size:100% 147px; } .infoPanel_infosnabbval { width:45vw;height:50px;border:2px Solid #c00;position:fixed;bottom:10px;right:10px; } .infoPanel_infosnabbval_content { width:500px;height:50px;border:1px Solid #c00;margin:0 auto; } .infoSnabbvalKnapp { width:80px;height:40px;border:1px Solid #c00;overflow:hidden;float:left;margin-right:20px;font-weight:bold; } .infoPanel_infopage_title { font-weight:bold;font-size:30px; } .infoPanel_infopage_content { font-size:30px; } .infopage_content { width:40vw;float:left;border:0px Solid #c00;margin-top:80px; } .infopage_content_img { width:40vw;float:left;border:0px Solid #c00; } .infopage_content_img_show { border:0px Solid #c00;height:96vh;background-repeat:no-repeat;background-size:auto 96vh; } .infopage_arrow { width:7.2vh;float:left;border:0px Solid #c00;height:98vh;font-size:90px;color:#000;padding-top:40vh;-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none; } .infopage_arrow_holder { width:7vh;height:6.9vh;border:1px Solid #999;border-radius:20px;text-align:center;background-color:#f0f0f0;cursor:pointer; } .infopage_arrow_div { text-align:center;margin-top:-2.5vh;margin-left:-0.3vh; } #infopage_1 { display:block; } #infopage_2 { display:none; } #infopage_3 { display:none; } #siteLogo { margin-top:50px;width:800px;height:100px;background-image:url('/infotavla/gfx/logowisehouse.png');background-repeat:no-repeat; } #infoDivContent { width:48vw;border:0px Solid #0c0;position:fixed;top:0px;right:0px; } .welcome_name { font-size:40px;margin-top:70px; } .welcome_img { padding:20px 40px 20px 40px;background-color:#808080;display:inline-block; } .infopage_extratext { font-size:60px; } .infopage_pagenr { position:fixed;right:0px;top:0px;color:#000;border:0px Solid #c00;width:8vh;height:3.5vh;text-align:center;padding-top:1vh; } #infoDivContentAlarmX { width:41vw;border:0px Solid #0c0;position:fixed;top:70px;right:70px; } #eventshow_alarmdiv_border { position:fixed;top:0px;right:0px;box-sizing:border-box;width:48vw;height:100%;z-index:1100; } .eventshow_alarmdiv_border_flash{ border:50px dashed #e00; } #eventshow_alarmdivholderX { background-color:#fff;position:fixed;top:0px;left:0px;width:100%;height:100%;padding:60px;z-index:1000;box-sizing:border-box;border:0px Solid #c00; } #eventshow_alarm_titleX { margin:0 auto;text-align:center;font-size:120px;font-weight:bold;color:#e00;border:0px Solid #c00; } #eventshow_alarm_content_holderX { border:0px Solid #c00;padding:5px; } #eventshow_alarm_contentX { border:0px Solid #c00; } #eventshow_alarmdiv_background { position:fixed;top:0px;right:0px;box-sizing:border-box;width:48vw;height:100%;z-index:0; } .eventshow_alarmdiv_back_red { background-color:#cd1141;background-image:url('http://vanster.wisehouse.se/infotavla/gfx/background_red.jpg'); } .eventshow_alarmdiv_back_blue { background-color:#4bacf8;background-image:url('http://vanster.wisehouse.se/infotavla/gfx/background_blue.jpg'); } #infoDivContentAlarm { width:41vw;border:0px Solid #0c0;position:fixed;top:70px;right:70px; } #eventshow_alarmdivholder { position:fixed;top:0px;left:0px;width:100%;height:100%;padding:60px;z-index:1000;box-sizing:border-box;border:0px Solid #c00; } #eventshow_alarm_title { border:0px Solid #fff;margin:0 auto;margin-top:15%;font-size:120px;font-family:railsBold;color:#fff;text-align:center;display:block; } #eventshow_alarm_content_holder { border:0px Solid #00c;padding:5px;font-family:railsBold;color:#fff;text-align:center;display:block; } #eventshow_alarm_content { border:0px Solid #ccc;text-align:center;display:block; } #eventshow_audiosource { z-index:1500; } #eventPauseButtonDiv { } .eventPauseButtonDivTooLate { width:350px;height:160px;position:fixed;bottom:100px;right:100px;text-align:center;background-color:#777;color:#fff;margin-right:10px;font-size:28px;font-weight:bold;border-radius:8px;z-index:9000;margin-bottom:10px; } .eventPauseButtonDiv { width:350px;height:160px;position:fixed;bottom:100px;right:100px;text-align:center;background-color:#050;color:#fff;margin-right:10px;font-size:28px;font-weight:bold;border-radius:8px;z-index:9000;margin-bottom:10px; } .eventPauseButtonSpan { width:100%;height:100px;position:absolute;top:0;left:0;padding-top:60px;z-index:1;background-image:url('../gfx/empty.gif'); } #eventAbortButtonDiv { } .eventAbortButtonDivTooLate { width:350px;height:160px;position:fixed;bottom:100px;right:100px;text-align:center;background-color:#777;color:#fff;margin-right:10px;font-size:28px;font-weight:bold;border-radius:8px;z-index:9000;margin-bottom:10px; } .eventAbortButtonDiv { width:350px;height:160px;position:fixed;bottom:100px;right:100px;text-align:center;background-color:#500;color:#fff;margin-right:10px;font-size:28px;font-weight:bold;border-radius:8px;z-index:9000;margin-bottom:10px; } .eventAbortButtonSpan { width:100%;height:100px;position:absolute;top:0;left:0;padding-top:60px;z-index:1;background-image:url('../gfx/empty.gif'); } .eventFromDiv { font-size:20px; } .eventFromTitle { text-align:center;font-size:40px;font-family:railsRegular; } .eventFromLGH { border:0px Solid #fff;font-size:40px;font-family:railsRegular;overflow:auto;display:block;margin:0 auto; } .eventFromName { border:0px Solid #f00;font-size:40px;font-family:railsRegular;font-weight:bold;text-align:center; } .eventFromFloor { border:0px Solid #f00;font-size:40px;font-family:railsRegular;float:left; } .eventFromText { font-size:30px;font-family:railsRegular; } .eventText { font-size:20px; } .eventMarkedLGH { color:#c00;font-weight:bold; } .menuLinkIcon_home { background-image:url('../gfx/icons/house.png');background-repeat:no-repeat; } .menuLinkIcon_pages { background-image:url('../gfx/icons/page.png');background-repeat:no-repeat; } .menuLinkIcon_NewPage { background-image:url('../gfx/icons/page_add.png');background-repeat:no-repeat; } .menuLinkIcon_user { background-image:url('../gfx/icons/user.png');background-repeat:no-repeat; } .menuLinkIcon_users { background-image:url('../gfx/icons/group.png');background-repeat:no-repeat; } .menuLinkIcon_tags { background-image:url('../gfx/icons/tag_blue.png');background-repeat:no-repeat; } .menuLinkIcon_facilities { background-image:url('../gfx/icons/house_link.png');background-repeat:no-repeat; } .menuLinkIcon_logout { background-image:url('../gfx/icons/stop.png');background-repeat:no-repeat;background-position:40px 2px;color:#333;font-weight:bold; } .menuLinkIcon_calendar { background-image:url('../gfx/icons/calendar.png');background-repeat:no-repeat;background-position:40px 2px;color:#333;font-weight:bold; } .menuLinkIcon_lgh { background-image:url('../gfx/icons/application_home.png');background-repeat:no-repeat; } .menuLinkIcon_back { background-image:url('../gfx/icons/arrow_undo.png');background-repeat:no-repeat; } .menuLinkIcon_save { background-image:url('../gfx/icons/disk.png');background-repeat:no-repeat; } .menuLinkIcon_key { background-image:url('../gfx/icons/key.png');background-repeat:no-repeat;background-position:40px 0px;color:#333;font-weight:bold; } .menuLinkIcon_personalinfo { background-image:url('../gfx/icons/page.png');background-repeat:no-repeat;background-position:40px 0px;color:#333;font-weight:bold; } .menuLinkIcon_opendoor { background-image:url('../gfx/icons/door_in.png');background-repeat:no-repeat;background-position:40px 2px;color:#333;font-weight:bold; } .menuLinkIcon_phone { background-image:url('../gfx/icons/phone.png');background-repeat:no-repeat;background-position:40px 0px;color:#333;font-weight:bold; } .menuLinkIcon_felanmalan { background-image:url('../gfx/icons/error.png');background-repeat:no-repeat;background-position:40px 0px;color:#333;font-weight:bold; } #facilityTodayButtonOLD { width:160px;z-index:100;position:fixed;top:16vh;left:2vw; } #facilityTodayButton { width:10vw;z-index:100; } #pageMainButtonDivSmall_1 { width:10vw;height:4.8vh;position:relative;text-align:center;background-color:#050;color:#fff;margin-right:10px;font-weight:bold;border-radius:8px;z-index:10; } .pageMainButtonSpanSmall_1 { width:100%;height:4.8vh;position:absolute;top:0;left:0;padding-top:7px;z-index:1;background-image:url('../gfx/empty.gif'); } .facilityDisabled { color:#555 !important;cursor:not-allowed !important;background-color:#999 !important; } .facilityDisabled:hover { border:1px Solid #999 !important; } .admin_btn { height:45px;margin-bottom:10px;border-radius:8px;background-color:#ddd;cursor:pointer;outline:none;border:2px Solid #999;padding-left:15px;padding-right:12px;font-weight:bold; } .admin_btn:hover { border:2px Solid #C00; } /*.facility_btn { width:250px;height:100px;margin-bottom:10px;border-radius:8px;background-color:#ddd;cursor:pointer;outline:none;border:2px Solid #999;padding-left:15px;padding-right:12px;font-weight:bold;font-size:22px;margin-right:10px; }*/ .facility_btn { width:250px;height:100px;margin-bottom:10px;border-radius:8px;background-color:#ddd;cursor:pointer;outline:none;border:2px Solid #999;font-weight:bold;font-size:22px;font-weight:bold;font-size:22px;margin-right:10px; } .facility_btn:hover { border:2px Solid #C00; } .facilitiesButtonHolder { width:250px;height:150px;position:relative;float:left;margin-left:20px;} .facilitiesButton { width:250px;height:150px;padding-top:5px;background-color:#ddd;border:1px Solid #999;border-radius:8px; } .facilitiesButtonContent { position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .facilitiesButtonContentIconText { padding-top:70px;text-align:center;font-size:22px; } .settingsButtonHolder { width:250px;height:150px;position:relative;float:left;margin-left:20px;} .settingsButton { width:250px;height:150px;padding-top:5px;background-color:#ddd;border:1px Solid #999;border-radius:8px; } .settingsButtonContent { position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .settingsButtonContentIconText { padding-top:70px;text-align:center;font-size:22px; } #bookingList_title { font-size:35px;margin-bottom:20px;border:0px Solid #c00;float:left;font-weight:bold; } #bookingList_username { font-size:16px;margin-top:20px;width:400px;text-align:right;font-weight:bold;float:right;border:0px Solid #0c0; } #bookingList_holder { width:100vw;border:0px Solid #c00;position:relative;top:0px;left:0px;overflow:hidden;margin-bottom: 100px; } .bookingList_holder_row { width:100vw;border:0px Solid #c00;overflow-x:visible;overflow-y:hidden;-webkit-overflow-scrolling: touch; } #bookingList_left { width:100px;height:100%;font-size:100px;float:left;padding-top:115px;border:0px Solid #c00; } #bookingList_left_gray { color:#aaa; } #bookingList_content { border:0px Solid #c00;width:160vw;overflow:visible; } #bookingList_right { width:480px;margin-top:10px;float:left;border:0px Solid #c00; } #bookingList_list_title { margin-left:10px;font-size:20px;margin-top:30px;font-weight:bold; } #bookingList_list { margin-left:10px;font-size:16px;margin-top:10px; } #bookingList_liststandalone { margin-left:20px;font-size:16px; } #bookingList_listcontent { margin-left:20px;font-size:16px;border:0px Solid #c00;} .bookingList_infoTextHolder { width:50vw;min-width:480px;border:0px Solid #c00;font-size:18px;margin-bottom:20px; } .bookingList_infoText { width:50vw;min-width:480px;border:1px Solid #999;font-size:14px;padding:5px;background-color:#f7f7f7; } #bookingList_mybookingHolder { display:inline-block;border:0px Solid #c00; } .bookingList_mybookingRow { width:100%;border:1px Solid #999;background-color:#699ef4;margin-bottom:5px;padding:5px;font-weight:bold;font-size:20px; } .bookingList_row { clear:both;float:left;width:auto;height:60px;overflow:hidden;border:0px Solid #0c0; } .bookingList_col { width:100px;height:35px;float:left;text-align:center;margin-right:5px;border:1px Solid #0c0; } .bookingList_colFirst { width:60px;height:35px;float:left;padding-top:1%;text-align:center;border:0px Solid #c00;font-size:18px; } .bookingList_colToday { color:#3060b0;text-shadow: 1px 1px 5px #555;font-weight:bolder; } .bookingList_row_header { position:relative;width:auto;height:4vh;font-size:16px;border:0px Solid #c00; } .bookingList_col_header { width:90px;;height:40px;float:left;text-align:center;margin-right:3px;border:0px Solid #999; } .bookingList_colFirst_header { margin-left:-40px;width:105px;height:35px;float:left;border:0px Solid #c00; } .booked_self { background-color:#699ef4;font-weight:bold; } .booked_other { background-color:#ccc;font-weight:normal; } .button_book { background-color:#80e570; } .button_booked { background-color:#900;color:#fff; } .button_booked_red { background-color:#900;color:#fff; } .button_passed { background-color:#e9e9e9;font-weight:normal; } .button_bookyours { background-color:#699ef4; } .button_bookyourslocked { background-color:#699ef4; } .markedButton { background-color:#699ef4; } .button_bookyours:hover .bookLinkButtonContentIconText { display:none;color:#c00; } .button_bookyours:hover .bookLinkButtonContent::after { content:'AVBOKA?';color:#900; } .button_bookyours_loggedin { background-color:#c769f4; } .button_bookyours_loggedin_locked { background-color:#c769f4; } .button_blocked { background-color:#777;color:#fff; } .button_halfbooked_minefree { background: #699ef4; /* Old browsers */ background: -moz-linear-gradient(-45deg, #699ef4 1%, #699ef4 50%, #699ef4 50%, #80e570 51%, #80e570 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #699ef4 1%,#699ef4 50%,#699ef4 50%,#80e570 51%,#80e570 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #699ef4 1%,#699ef4 50%,#699ef4 50%,#80e570 51%,#80e570 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699ef4', endColorstr='#80e570',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .button_halfbooked_freemine { background: #80e570; /* Old browsers */ background: -moz-linear-gradient(-45deg, #80e570 1%, #80e570 50%, #80e570 50%, #699ef4 51%, #699ef4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #80e570 1%,#80e570 50%,#80e570 50%,#699ef4 51%,#699ef4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #80e570 1%,#80e570 50%,#80e570 50%,#699ef4 51%,#699ef4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80e570', endColorstr='#699ef4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bookLinkButtonHolder { width:90px;height:55px;position:relative;float:left;overflow:visible;text-align:center;margin-right:3.6px;font-weight:bold;font-size:14px; } .bookLinkButton { width:90px;height:55px;text-align:center;border:1px Solid #999;border-radius:8px; } .bookLinkButtonContent { padding-top:23px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .bookLinkButtonContentBooked { padding-top:15px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .bookLinkButtonContentIconText { width:90%;margin:0 auto;right:0;left:0;position:absolute;max-height:6vh;border:0px Solid #c00;overflow:hidden; } .multiScheduleButtons { width:470px;border:0px Solid #c00;overflow:auto;display:block; } .multiScheduleButtonHolder { width:90px;height:55px;position:relative;float:left;overflow:none;text-align:center;font-weight:bold;font-size:14px;margin-right:3.6px;margin-bottom:5px } .multiScheduleButton { width:90px;height:55px;text-align:center;border:1px Solid #999;border-radius:8px; } .multiScheduleButtonContent { padding-top:23px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .multiScheduleButtonContentBooked { padding-top:7px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .multiScheduleButtonContentIconText { width:90%;margin:0 auto;right:0;left:0;position:absolute;max-height:6vh;border:0px Solid #c00;overflow:hidden; } .multiScheduleMarked { background-color:#699ef4;border:2px Solid #c00; } .multiScheduleNotMarked { background-color:#e9e9e9; } .bookingList_tab { width:200px;height:45px;padding:5px 0px 5px 10px;float:left;border-top-left-radius:8px;border-top-right-radius:8px;border:1px Solid #999; } .bookingList_tabHolder { height:100%;border-bottom:1px Solid #999;margin-bottom:15px; } .bookLinkButtonHolderTab { width:200px;height:5vh;position:relative;float:left;margin-right:5px;font-weight:bold; } .bookLinkButtonTab { width:200px;height:5vh;border-top-left-radius:8px;border-top-right-radius:8px;border:1px Solid #999; } .bookLinkButtonContentTab { position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .bookLinkButtonContentIconTextTab { width:200px;border:0px Solid #c00;padding:5px 0px 5px 10px; } .bookLinkButtonTabMarked { background-color:#80e570; } #bookTabButtonHolder { height:45px;border-bottom:0px Solid #999;margin-bottom:15px; } #bookTabButtonDiv { display:inline-block;white-space:nowrap;padding:0px 10px 0px 0px;height:5vh;position:relative;text-align:center;color:#fff;margin-right:1px;border:1px Solid #909;border-top-left-radius:8px;border-top-right-radius:8px;z-index:9; } .bookTabButtonSpan { border:1px Solid #c00;width:100%;height:5vh;padding:0px 10px 0px 10px;z-index:1;background-image:url('../gfx/empty.gif');font-size:20px;font-weight:bold; } .bookTabButtonSpanText { border:0px Solid #c00;padding-top:5px; } .bookTabButtonMarked { background-color:#80e570; } #bookTabs_holder { width:100vw;height:45px;border-bottom:2px Solid #999; } .bookTabs_tab { height:45px;display:inline-block;float:left;border-top:2px Solid #999;border-left:2px Solid #999;border-right:2px Solid #999;border-top-left-radius:8px;border-top-right-radius:8px;margin-right:7px; } .bookTabs_link { height:45px;position:relative;border:0px Solid #c00;padding:1.5vh 1vw 0 1vw;font-size:15px;font-weight:bold; } .bookTabs_link_marked { background-color:#80e570;border-bottom:2px Solid #ccc; } .bookTabs_activeWeek { float:right;font-size:20px; } .bookErrorDiv { width:85vw;height:160px;border:4px Solid #c00;background-color:#ddd;border-radius:8px;padding:5px;position:fixed;left:8%;top:25%;z-index:50; } .bookErrorDivTitle { width:85vw;height:4vh;border:0px Solid #c0c;margin-top:30px;color:#c00;font-weight:bold;font-size:30px;text-align:center; } .bookErrorDivMessage { width:85vw;height:8vh;border:0px Solid #00c;margin-top:10px;font-size:20px;text-align:center;overflow:hidden; } #facilityListHolder { width:510px; } .facilityListRow { width:500px;height:60px;position:relative;text-align:center;background-color:#050;color:#fff;margin-right:10px;font-weight:bold;border-radius:8px;z-index:10;margin-bottom:10px; } .facilityListRowButton { width:100%;height:45px;position:absolute;top:0;left:0;padding-top:15px;z-index:1;background-image:url('../gfx/empty.gif'); } #datefield { float:right;margin-right:5px; } #timefield { float:right; } .loginForm_holder { width:670px;margin:0 auto;margin-top:5vh;border:0px Solid #c00; } .loginFormLogo { width:246px;height:66px;border:0px Solid #0c0;margin:0 auto;margin-bottom:40px;background-image:url('../gfx/logowisehouse.png');background-repeat:no-repeat;display:block;text-indent:-9999px; } .loginForm_row { width:100vw;margin-bottom:5px;overflow:auto; } .loginForm_left { width:150px;float:left; } .loginForm_right { width:70vw;float:left;border:0px Solid #c00; } .loginForm_input { width:195px;border:2px Solid #999;border-radius:5px;padding:5px 0px 5px 7px;outline-width:0px; } .loginForm_input:focus { border:2px Solid #900; } .loginForm_submit { padding:10px 15px 10px 15px;border:2px Solid #999;border-radius:5px;cursor:pointer; } .formClass { border:0px Solid #c0c;width:95vw; } .changePWInfoPopup { width:100vw;height:75px; } #bookingList_weekbar_holder { width:95vw;overflow:hidden;border:0px Solid #0c0;margin:10px 0px 0px 0px; } #bookingList_weekbar { width:95vw;display:inline;overflow:scroll;border:0px Solid #c00;} .bookingList_weekbar { width:55px;height:55px;position:relative;float:left;text-align:center;margin-right:10px;margin-bottom:10px;font-weight:bold;font-size:20px; } .bookingList_weekbar_button { width:55px;height:55px;text-align:center;border:1px Solid #999;border-radius:8px;background-color:#80e570; } .bookingList_weekbar_button_chosen { width:55px;height:55px;text-align:center;border:2px Solid #944;border-radius:8px;background-color:#73a2e5; } .bookingList_weekbar_buttoncontent { position:relative;width:100%;height:60px;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif');border:0px Solid #c00; } .bookingList_weekbar_IconText { padding-top:18px;width:55px;height:60px;position:relative;margin:0 auto;border:0px Solid #c00;overflow:hidden; } .bookingList_weekbar_arrow { padding-top:20px;width:50px;height:60px;position:relative;float:left;text-align:center;line-height:14px;font-weight:bold;font-size:50px;border:0px Solid #c00;color:#555; } .bookingList_weekbar_select_div { border:0px Solid #c00;overflow:auto;float:left;margin-right:10px;margin-bottom:20px; } .bookingList_weekbar_select { border:1px Solid #999;font-size:20px;border-radius:8px;padding:7px; } .bookingList_weekbar_today { width:120px;height:55px;position:relative;float:left;text-align:center;font-weight:bold;font-size:20px;margin-right:10px;margin-bottom:10px; } .bookingList_weekbar_button_today { width:120px;height:55px;text-align:center;border:1px Solid #999;border-radius:8px;background-color:#80e570; } .bookingList_weekbar_button_today_c { width:120px;height:55px;text-align:center;border:1px Solid #999;border-radius:8px;background-color:#73a2e5; } .bookingList_weekbar_today_IconText { padding-top:18px;width:120px;height:55px;position:relative;margin:0 auto;border:0px Solid #0c0;overflow:hidden; } #myBookings_holder { width:40vw;height:100%;display:inline-block;border:0px Solid #0c0; } .myBookings_list { width:100%;height:100%;position:relative;float:left;text-align:center;margin-bottom:20px;margin-right:0.36vw;font-weight:bold;font-size:12px; } .myBookings_list_button { width:105%;height:80px;padding-top:15px;border:1px Solid #999;border-radius:8px;background-color:#699ef4; } .myBookings_list_buttoncontent { padding-top:1.2vh;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif');border:0px Solid #c00; } .myBookings_list_IconText { width:85%;height:57px;margin-left:15px;border:0px Solid #c00;overflow:hidden; } .myBookings_ButtonHolder { width:300px;height:55px;position:relative;float:left;overflow:scroll;text-align:center;margin:5px;font-weight:bold;font-size:14px; } .myBookings_Button { width:300px;height:55px;text-align:center;border:1px Solid #999;border-radius:8px;background-color:#699ef4; } .myBookings_ButtonContent { padding-top:23px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .myBookings_ButtonContentBooked { padding-top:7px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .myBookings_ButtonContentIconText { width:90%;margin:0 auto;right:0;left:0;position:absolute;max-height:6vh;border:0px Solid #c00;overflow:hidden; } .showUpdateMessage { margin:0 auto;width:70vw;border:0px Solid #c00;margin-top:15vh; } .showUpdateMessageTitle { margin:0 auto;width:65vw;border:0px Solid #c00;text-align:center;font-size:40px;margin-bottom:30px; } .showUpdateMessageText { margin:0 auto;width:65vw;border:0px Solid #c00;text-align:center;font-size:15px; } .personalInfoRow { width:37vw;height:35px;border:2px Solid #ccc;border-radius:8px;padding:5px 10px 5px 10px;margin:0 auto;margin-bottom:10px; } .personalInfo_holder { width:350px;margin:0 auto;margin-top:15vh;border:0px Solid #c00; } .personalInfoLogo { width:350px;height:66px;border:0px Solid #0c0;margin:0 auto;margin-bottom:40px;background-image:url('../gfx/logowisehouse.png');background-repeat:no-repeat;background-position:center;display:block;text-indent:-9999px; } .personalInfolinkButtonHolder { width:360px;height:80px;border:0px Solid #c00;position:relative; } .personalInfolinkButton { width:360px;height:80px;padding-top:15px;border:1px Solid #999;border-radius:8px; } .personalInfoUnreadBullet { margin-top:-10px;width:20px;height:10px;border:0px Solid #c0c;margin-left:12px;display:inline-block;float:left;color:#42b0f4;font-size:30px;} .personalInfo_read { background-color:#ddd; } .personalInfo_unread { background-color:#ddffe1; } .personalInfoContent { width:100%;height:100%;padding-top:16px;position:absolute;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .personalInfoContentText { width:310px;font-size:20px;margin-left:35px;border:0px Solid #c00; } /*.personalInfoImageHolder { width:50vw;height:97vh;margin:0 auto;border:0px Solid #c00;text-align:center;border-right:0px Solid #d0d0d0;border-left:0px Solid #d0d0d0; }*/ /*.personalInfoImage { height:97vh;border:0px Solid #c00; }*/ .personalInfoImage { width:100%;border:0px Solid #c00; } .logoutButtonHolder { width:15vw;height:4vh;float:left;text-align:center;font-weight:bold;font-size:15px;position:fixed;bottom:9vh;right:1.5vw; } .logoutButton { width:15vw;height:6vh;background-color:#ccc;text-align:center;border:1px Solid #999;border-radius:8px; } .logoutButtonContent { width:100%;height:100%;padding-top:2vh;position:absolute;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .logoutButtonContentIconText { width:15vw;height:4vh;margin:0 auto;border:0px Solid #c00;overflow:hidden; } .menuLinkIcon_logout2 { background-image:url('../gfx/icons/stop.png');background-repeat:no-repeat;background-position:10px 0px;background-size:1vw auto;color:#333;font-weight:bold; } .facilityButtonHolder { width:15vw;height:4vh;float:left;text-align:center;font-weight:bold;font-size:15px;position:fixed;bottom:16vh;right:1.5vw; } .facilityButton { width:15vw;height:6vh;background-color:#ccc;text-align:center;border:1px Solid #999;border-radius:8px; } .facilityButtonContent { width:100%;height:100%;padding-top:2vh;position:absolute;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .facilityButtonContentIconText { width:15vw;height:4vh;margin:0 auto;border:0px Solid #c00;overflow:hidden; } .multi_schedule_ButtonSeparate { height:70px;border:0px Solid #00c;font-weight:bold; } .multi_schedule_ButtonHolder { width:145px;height:40px;position:relative; } .multi_schedule_Button { width:145px;height:45px;padding-top:15px;background-color:#ddd;border:1px Solid #999;border-radius:8px; } .multi_schedule_ButtonContent { padding-top:22px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .multi_schedule_ButtonContentIconText { padding-left:17px;margin-left:10px; } .mainscreen_menu_holder { width:370px;margin:0 auto;border:0px Solid #c00; } .mainscreen_menu_left { width:300px;overflow:auto;border:0px Solid #c00;float:left; } .mainscreen_menu_right { width:300px;overflow:auto;border:0px Solid #00c;float:left; } .mainscreen_menu_holders { width:100vw;margin:0 auto;margin-top:5vh;border:0px Solid #c00;font-size:17px; } .mainscreen_menu_lefts { width:100vw;overflow:auto;border:0px Solid #c00;float:left;padding-left:3vw;} .mainscreen_menu_rights { width:300px;overflow:auto;border:0px Solid #00c;float:left; } .personalsettings_holder { width:550px;margin:0 auto;border:1px Solid #c00;display:table; } .personalSettings_holder { border:0px Solid #c00;display:table; } .personalSettings_tenantHolder { border:0px Solid #c0c;display:table;margin-bottom:20px; } .personalSettings_name { border:0px Solid #cc0;display:table;width:360px;font-size:18px;font-weight:bold;width:350px;margin-bottom:5px; } .personalSettings_details { border:0px Solid #cc0;display:table;width:360px; } .personalSettings_details_row { border:0px Solid #c0c;display:table;margin-bottom:5px; } .personalSettings_details_title { border:0px Solid #cc0;display:table;width:150px;float:left;text-align:right;font-size:16px;padding-right:15px; } .personalSettings_details_field { border:0px Solid #cc0;display:table;width:200px;float:left; } .personalSettings_addnumberlink { margin-left:150px; } .personalSettings_button { height:45px;margin-bottom:10px;border-radius:8px;background-color:#ddd;cursor:pointer;outline:none;border:2px Solid #999;padding-left:15px;padding-right:12px;font-weight:bold; } .personalSettings_button:hover { border:2px Solid #C00; } .personalSettings_addnum::before { content: url('/gfx/icons/add.png');position:relative;left:-4px;top:2px;padding-right:5px; } .agreementTextPopupHolder { width:100%;height:100%;z-index:20000;overflow:auto;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,0.5); } .agreementTextPopup { width:80vw;height:530px;border:2px Solid #555;border-radius:8px;z-index:20001;overflow:auto;margin:0 auto;position:fixed;top:10%;left:15%;background-color:#f0f0f0; } .agreementText { width:86%;height:380px;border:1px Solid #999;background-color:#fff;margin:20px 20px 0px 20px;overflow:auto;padding:10px; } .agreementTextTitle { font-size:20px;font-weight:bold;margin:10px 0px 0px 20px;display:none; } .agreementTextButtons { height:85px;margin:20px 14px 0px 20px;border:0px Solid #c00;overflow:hidden; } .agreementTextButtonLeft { border:0px Solid #c00;width:95px;height:80px;overflow:hidden;float:left; } .agreementTextButtonRight { border:0px Solid #00c;width:95px;height:80px;overflow:hidden;float:right; } .agreementText::-webkit-scrollbar { width: 12px; } .agreementText::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } .agreementText::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .button_pfaagreement_cancel { background-color:#990000; } .button_pfaagreement_ok { background-color:#80e570; } .bookLinkButtonHolderR { width:90px;height:55px;position:relative;float:right;text-align:center;margin-right:0.36vw;font-weight:bold;font-size:20px; } .bookLinkButtonR { width:90px;;height:55px;text-align:center;padding-top:15px;border:1px Solid #999;border-radius:8px; } .bookLinkButtonContentR { padding-top:3vh;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .bookLinkButtonContentBookedR { padding-top:7px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url('../gfx/empty.gif'); } .bookLinkButtonContentIconTextR { width:10vw;margin:0 auto;max-height:6vh;border:0px Solid #c00;overflow:hidden; } .settingsSaved { background-color:#bde2bc;border:2px Solid #000;border-radius:8px;text-align:center;padding:30px;font-weight:bold;display:inline-block; } .settingsSavedError { background-color:#e3bdc4;border:2px Solid #000;border-radius:8px;text-align:center;padding:30px;font-weight:bold;display:inline-block; } .boendeinfo-title {font-size: 30px; margin: -3em 0em 1em .1em;} .fullscreenMsg { position: fixed; top: 0; left: 0; right: 0; bottom: 0;border:0px Solid #0c0; z-index: 1000; width: 100%; height: 100vh; overflow: hidden; background: rgba(222, 222, 222, 0.7); } .fullscreenMsgContent { width:400px;display:block;margin: 0 auto;border:5px Dashed #888;margin-top:20vh;text-align:center;padding:10px;background-color:#fff;border-radius:12px; } #loginErrorMsg { border:5px Dashed #c00 !important; } #errorMsg { border:5px Dashed #c00 !important; } #successMsg { border:5px Dashed #0c0 !important; } .msgPersonalSettings { width:400px;text-align:center;font-size:18px;font-weight:bold;background-color:#fff;padding:15px;min-width:500px;border:5px Solid #00c !important; } .fullscreenMsgQuestion { position: fixed; top: 0; left: 0; right: 0; bottom: 0;border:1px Solid #0c0; z-index: 1000; width: 100%; height: 100vh; overflow: hidden; background: rgba(222, 222, 222, 0.7); } .fullscreenMsgQuestionContent { width:400px;display:block;margin: 0 auto;border:5px Dashed #888;margin-top:20vh;text-align:center;padding:10px;background-color:#fff;border-radius:12px; } .fullscreenMsgQuestionTitle { font-size:24px;font-weight:bold; } .fullscreenMsgButtons { margin:0 auto;border:0px Solid #c00;text-align:center;overflow:auto;margin-top:25px; } .fullscreenMsgButtonHolder { width:90px;height:55px;position:relative;float:left;overflow:scroll;text-align:center;margin-right:3.6px;font-weight:bold;font-size:14px; } .fullscreenMsgButton { width:90px;height:55px;text-align:center;border:1px Solid #999;border-radius:8px; } .fullscreenMsgButtonContent { padding-top:23px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1; } .fullscreenMsgButtonContentBooked { padding-top:7px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1; } .fullscreenMsgButtonContentIconText { width:90%;margin:0 auto;right:0;left:0;position:absolute;max-height:6vh;border:0px Solid #c00;overflow:hidden; } #ldoginErrorMsg { float:left;text-align:center;background-color:#fff;z-index:9999;margin:0 auto;padding:15px 0px 15px 15px;width:300px;height:50px;line-height:15px;margin-top:20px;border:5px Dashed #c0c; } .ldoginErrorMsgNone { background-color:#fff;z-index:9999;margin:0 auto;padding:15px 0px 15px 15px;width:300px;height:50px;line-height:15px;margin-top:20px;border:5px Dashed #000; } /* Big screen size - new CSS */ @media (min-width: 57em) { #pageDate { width:auto;position:fixed;top:auto;bottom:10px;right:10px;font-size:20px;text-align:right; } .infopageInteractiveButtons { width:80vw;overflow:auto;display:table;border:0px Solid #c00;z-index:91000; } .myBookingsHolder { width:800px !important;border:0px Solid #c00;display:table;margin:20px 0px 0px 20px; } .big_booking_btn { width:540px !important; } .big_booking_btn:hover { border:1px Solid #C00; } .activate_booking_btn { width:200px !important; } .activate_booking_btn:hover { border:1px Solid #C00; } } .changepw_infobox_red { width:80vw;display:table;padding:30px;clear:both;border:3px Dashed #900;background-color:#fff;font-size:20px;border-radius:8px;margin-left:30px; } .changepw_infobox_green { width:80vw;display:table;padding:30px;clear:both;border:3px Dashed #090;background-color:#fff;font-size:20px;border-radius:8px;margin-left:30px; } @media (min-width: 850px) { .changepw_infobox_red { width:40vw;display:table;padding:30px;clear:both;border:3px Dashed #900;background-color:#fff;font-size:20px;border-radius:8px; } .changepw_infobox_green { width:40vw;display:table;padding:30px;clear:both;border:3px Dashed #090;background-color:#fff;font-size:20px;border-radius:8px; } } .myBookingsHolder { width:90vw;max-width:800px;border:0px Solid #c00;display:table;margin:20px 0px 0px 20px; } .big_booking_btn { width:460px;height:65px;border-radius:8px;background-color:#ddd;cursor:pointer;outline:none;border:1px Solid #999;padding-right:12px;font-weight:bold;font-size:15px;color:#111;letter-spacing:1px;margin-bottom:10px; } .big_booking_btn:hover { border:1px Solid #C00; } .activate_booking_btn { width:140px;height:65px;border-radius:8px;background-color:#ddd;cursor:pointer;outline:none;border:1px Solid #999;padding-right:12px;font-weight:bold;font-size:15px;color:#111;letter-spacing:1px;margin-bottom:10px; } .activate_booking_btn:hover { border:1px Solid #C00; }