body {background-color:#f0f0f0;font-family:verdana,arial,helvetica,sans-serif;color:#303030;font-size:13px;line-height:24px;margin:0px;padding:0px;overflow:auto;-webkit-text-size-adjust: 100%;height:100%; -webkit-touch-callout: none;} body.private {background-color:#ffffff;height:100vh;min-height:100%;} @media (max-width: 840px) { body {-webkit-user-select: none;} } #sub-contacts {overflow:hidden;} /* @media (max-width: 840px) { #app-cnt {opacity:1;transition:opacity 0.2s ease;} } */ #ir_win {padding:6px;} .list-mnu {padding:0px;margin:0px;list-style:none;} .list-mnu > li {padding:4px;} /* basic window buttons */ .sbutctr {text-align:center;padding:10px;padding-top:12px;background-color:#fefefe;overflow:hidden;clear:both;} .sbutctrd {text-align:center;padding:10px;padding-top:32px;background-color:#fefefe;overflow:hidden;clear:both;} .sbut:link,.sbut:active,.sbut:visited,sbut:hover {text-decoration:none;display:inline-block;line-height:22px;margin-left:14px;margin-right:14px;font-size:14px;font-weight:bold;color:#97c93c;border-bottom:1px solid #808080;} /* download badges */ .badge_cnt {width:300px;margin:auto;} .badgea {float:left;} .badgeb {float:right;} @media (max-width: 360px) { .badge_cnt {width:100%} .badgea {float:none;margin:auto;margin-bottom:12px;} .badgeb {float:none;margin:auto;} } /* item viewer */ .viewer {margin:0px;padding:0px;list-style:none;transition: all 0.5s ease;overflow:hidden;} .viewer li {margin:0px;padding:0px;} .vnavb {position:absolute;left:0px;top:0px;width:60px;height:100%;background-image:url('/images/swipe-buttons-121532.png?v=1');background-repeat:no-repeat;background-position:-146px center;cursor:pointer;transition: all 0.5s ease;z-index:1000;} .vnavn {position:absolute;right:0px;top:0px;width:60px;height:100%;background-image:url('/images/swipe-buttons-121532.png?v=1');background-repeat:no-repeat;background-position:-30px center;cursor:pointer;transition: all 0.5s ease;z-index:1000;} .vnavbs {position:absolute;left:0px;top:0px;width:60px;height:100%;background-image:url('/images/swipe-buttons-121532.png?v=1');background-repeat:no-repeat;background-position:6px center;cursor:pointer;transition: all 0.5s ease;z-index:1000;} .vnavns {position:absolute;right:0px;top:0px;width:60px;height:100%;background-image:url('/images/swipe-buttons-121532.png?v=1');background-repeat:no-repeat;background-position:-182px center;cursor:pointer;transition: all 0.5s ease;z-index:1000;} .viewer-but {overflow:hidden;position:relative;} .viewer-but:hover .vnavn, .vnavn:hover {background-position:-182px center;} .viewer-but:hover .vnavb, .vnavb:hover {background-position:6px center;} .hidden {display:none;} .viewer_nextc {} /* message container */ .msg-container {padding:18px;padding-top:8px;padding-bottom:8px;text-align:center;font-size:12px;line-height:28px;} #usruid {display:none;} /* view card */ .card-img {float:right;margin-left:8px;border:1px solid #ffffff;border-radius:6px;-moz-border-radius:6px;} .card-contact {height:40px;line-height:38px;overflow:hidden;margin-right:50px;} .card-contact img {float:left;margin-right:12px;border:0px solid #ffffff;border-radius:6px;-moz-border-radius:6px;} .card-content {padding-left:2px;padding-right:2px;line-height:22px;} .card-content > b {display:block;font-size:14px;font-weight:bold;line-height:22px;padding-top:2px;padding-bottom:2px;} .card-desc {display:block;padding-top:2px;padding-bottom:2px;} .card-job-title {display:block;padding-top:2px;padding-bottom:2px;} .card-cnt {border:0px !important;padding:6px;} /* top panel */ #top_panel {display:none;position:fixed;top:-100px;left:0px;right:0px;z-index:10;transition: all 0.33s ease;overflow:hidden;} .top_pcnt {clear:both;background-color:#97c93c;overflow:hidden;height:40px;} .bot_pcc {width:30px;float:right;position:relative;} .bot_pcb {position:absolute;display:block;width:30px;height:28px;margin-top:6px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-24px -500px;background-size:500px 600px;} .bot_pic {width:40px;float:left;position:relative;} .bot_pib {position:absolute;display:block;width:40px;height:40px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:-550px -240px;} .down_cnt {width:116px;margin:auto;height:36px;padding-top:3px;} .down_cntm {width:248px;margin:auto;height:36px;padding-top:3px;} .down_apple {float:left;width:116px;height:38px;background-image:url('/images/downloadiosappicon-121759.png?v=3');background-size:116px;background-repeat:no-repeat;} .down_google {float:right;width:116px;height:38px;background-image:url('/images/downloadandroidappicon-122100.png?v=2');background-size:116px;background-repeat:no-repeat;} @media (max-width: 340px) { .down_cnt {width:100px;height:33px;padding-top:6px;} .down_cntm {width:208px;height:33px;padding-top:6px;} .down_apple {width:100px;background-size:100px;} .down_google {width:100px;background-size:100px;} } /* bottom panel quick buttons */ #bot_panel {display:none;position:fixed;bottom:-300px;left:0px;right:0px;z-index:11;transition: all 0.33s ease;overflow:hidden;} .bot_pcnt {clear:both;background-color:#97c93c;overflow:hidden;} .bot_qbuttons {list-style:none;padding:0px;margin:0px;height:70px} .bot_qbuttons li {float:left;color:#ffffff;font-size:12px;text-align:center;line-height:20px;padding-top:16px;font-weight:bold;} .bot_qbuttons li a {color:#ffffff;text-decoration:none;display:block;height:42px;overflow:hidden;padding-left:2px;padding-right:2px;} .bot_pbut {list-style:none;padding:0px;margin:0px;overflow:hidden;position:absolute;width:100%;} .bot_pbut li {width:30px;height:28px;display:block;background-color:#97c93c;float:right;border: 2px solid #ffffff;border-bottom:0px;text-align:center;} .bot_pbut li a {text-decoration:none;} .bot_pbut li.bbleft {border-right:0px;-webkit-border-top-left-radius: 12px;-moz-border-radius-topleft: 12px;border-top-left-radius: 12px;} .bot_pbut li.bbright {margin-right:4px;border-left:0px;-webkit-border-top-right-radius: 12px;-moz-border-radius-topright: 12px;border-top-right-radius: 12px;} .bbdel {height:28px;border-bottom:2px solid #ffffff;} .bbclose {display:block;width:30px;height:28px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-21px -499px;background-size:500px 600px} .bbhelp {display:block;width:30px;height:28px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:4px -499px;background-size:500px 600px} @media (max-width: 840px) { #bot_panel, #top_panel {display:block;} } #help_win {padding:8px;overflow:hidden;} /* quick share contact */ .qck-hdr {float:none !important;margin-right:50px;} .qck-share {margin-right:2px;margin-left:2px;float:right;width:24px;height:34px;background-image:url('/files/dynamic/16716906z17b81c416a0z6aef.svg');background-size:22px;background-repeat:no-repeat;background-position:center center;cursor:pointer;} .qck-qrc {margin-right:2px;margin-left:2px;float:right;width:24px;height:34px;background-image:url('/files/dynamic/16716906z17b81c416a0z6aec.svg');background-size:26px;background-repeat:no-repeat;background-position:center center;cursor:pointer;} .qck-key {margin-right:2px;margin-left:2px;float:right;width:24px;height:34px;background-image:url('/files/dynamic/16716906z17b81c416a0z6ada.svg');background-size:26px;background-repeat:no-repeat;background-position:center center;cursor:pointer;} .qck-lock {margin-right:2px;margin-left:2px;float:right;width:24px;height:34px;background-image:url('/files/dynamic/16716906z17b81c416a0z6ae1.svg');background-size:22px;background-repeat:no-repeat;background-position:center center;cursor:pointer;} .rel-but {margin-right:2px;margin-left:2px;float:right;width:24px;height:34px;background-image:url('/files/dynamic/16716906z17b81c416a0z6af9.svg');background-size:22px;background-repeat:no-repeat;background-position:center center;cursor:pointer;} @media (max-width: 840px) { .qck-share {margin-bottom:4px;width:34px;height:44px;background-size:24px;} .qck-qrc {margin-bottom:4px;width:34px;height:44px;background-size:28px;} .qck-key {margin-bottom:4px;width:34px;height:44px;background-size:28px;} .qck-lock {margin-bottom:4px;width:34px;height:44px;background-size:24px;} .rel-but {margin-bottom:4px;width:34px;height:44px;background-size:24px;} } /* .qck-share {margin-right:2px;float:right;width:24px;height:34px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-196px 1px;cursor:pointer;} .qck-qrc {margin-right:2px;float:right;width:22px;height:34px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-166px 1px;cursor:pointer;} .qck-key {margin-right:2px;float:right;width:22px;height:34px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-134px 1px;cursor:pointer;} .qck-lock {margin-right:2px;float:right;width:22px;height:34px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-106px 1px;cursor:pointer;} */ .win-shead {padding-left:8px;background-color:#f8f8f8;border-width:1px 0px 0px 0px;border-color:#e8e8e8;border-style:solid;font-size:11px;line-height:22px;font-weight:bold;color:#606060;} .share-icn, .add-icn {width:44px;height:44px;margin-right:6px;border:1px solid #f0f0f0;border-radius:6px;-moz-border-radius:6px;float:left;background-image:url('/images/appmenuprinet-124470.png?v=1');background-repeat:no-repeat;background-size:64%;background-position:center center;background-color:#97c93c;} .icn-mail {background-image:url('/files/dynamic/16716906z17b81c416a0z6b0f.svg');background-size:80%;} .icn-sms {background-image:url('/files/dynamic/16716906z17b81c416a0z6b36.svg');background-size:70%;} .icn-wl {background-image:url('/files/dynamic/16716906z17b81c416a0z6b41.svg');background-size:70%;} .icn-tree {background-image:url('/files/dynamic/16716906z17b81c416a0z6b3a.svg');background-size:64%;} .icn-connect {background-image:url('/files/dynamic/16716906z17b81c416a0z6b0b.svg');background-size:64%;} .icn-nfc {background-image:url('/files/dynamic/16716906z17b81c416a0z6b2c.svg');background-size:70%;} .icn-add {background-image:url('/files/dynamic/16716906z17b81c416a0z6b63.svg');background-size:60%;} .icn-grp-con {background-image:url('/files/dynamic/16716906z17b81c416a0z6b0b.svg');background-size:64%;} .icn-grp-add {background-image:url('/files/dynamic/16716906z17b81c416a0z6b63.svg');background-size:60%;} .icn-imp {background-image:url('/files/dynamic/16716906z17b81c416a0z6b22.svg');background-size:74%;} .icn-exp {background-image:url('/files/dynamic/16716906z17b81c416a0z6b12.svg');background-size:74%;} .icn-qrc {background-image:url('/files/dynamic/16716906z17b81c416a0z6b2f.svg');background-size:84%;} .icn-wa {background-image:url('/files/dynamic/16716906z17b81c416a0z6b46.svg');background-size:80%;} .icn-fbm {background-image:url('/files/dynamic/16716906z17b81c416a0z6b28.svg');background-size:88%;} .icn-ln {background-image:url('/files/dynamic/16716906z17b81c416a0z6b25.svg');background-size:80%;} .lnk-icn {display:block;height:24px;padding-top:0px;padding-left:24px;background-image:url('/images/linkicons-119969.png?v=1');background-size: 512px 384px;overflow:hidden;background-repeat:no-repeat;} .li-wlink {background-position:0px -26px;} .li-add {background-position:0px -52px;} #share_element {height:30px;line-height:30px;} .share_sel_hdr {border-bottom:1px solid #e0e0e0;border-top:0px solid #f0f0f0;background-color:#fafafa;} .share_sel_bck {line-height:30px;padding-left:24px;padding-top:4px;background-image:url('/images/pnbuttons-119751.png?v=4');background-position:0px -30px;width:80px;cursor:pointer;} .share_el_cnt {padding:8px;border-width:1px 0px 0px 0px;border-color:#e0e0e0;border-style:solid;padding-right:40px;position:relative;} .share_el_sel {width:40px;height:40px;position:absolute;right:0px;top:0px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:right -278px;cursor:pointer;} .share_el_cnt > .error {font-size:11px;line-height:17px;color:#c00000;margin-bottom:8px;} .share_sh {width:142px;height:40px;position:absolute;right:44px;top:6px;color:#808080;text-align:right;} .share-msg {padding:16px;padding-top:32px;line-height:28px;text-align:center;} .sc_contact {padding:0px;list-style:none;margin:4px;padding-bottom:8px;} .sc_contact li {font-size:12px;line-height:12px;} .sc_contact li h3 {margin:0px;padding:0px;} .sc_contact li img {border-radius:6px;-moz-border-radius:6px;border:0px solid #d0d0d0;} .sc_contact_avt {float:left;margin-left:4px;margin-right:6px;width:46px;} .sc_contact_avts {float:left;margin-right:6px;width:46px;} .sc_contact_qr {float:right;margin-left:6px;width:100px;cursor:pointer;position:relative;top:-4px;right:-4px;} .srv-options {padding:0px;margin:0px;list-style:none;clear:both;} .srv-options li {list-style:none;position:relative;margin:4px;margin-top:0px;margin-bottom:8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px;overflow:hidden;transition: background 0.25s ease;border:1px solid #d0d0d0;border-radius:6px;-moz-border-radius:6px;cursor:pointer;font-size:12px;line-height:23px;} .srv-options li label, .srv-options li b {display:block;color:#505050;font-weight:bold;cursor:pointer;} .srv-options li:hover {background-color:#f8f8f8;-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);-moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);} .srv-options li img {float:left;border-radius:4px;-moz-border-radius:4px;margin-right:6px;border:1px solid #f0f0f0;} .srv-options li span {color:#404040;display:block;height:20px;overflow:hidden;} .srv-options li > a {text-decoration:none;padding:4px;height:46px;display:block;} .srv-options li.nbns {border:0px;} .srv-options li.nbns:hover {background-color:#ffffff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} @media (max-width: 840px) { #my_quick_icons {margin-top:-4px;margin-bottom:4px;transition:all 0.3s ease;} #my_quick_icons.hide {opacity:0;} .share-quick {margin-top:-2px;} .add_quick {margin-top:-4px;} .foto_quick {margin-top:-4px;} } .icon-options {display:none;list-style:none;padding:0px;width:102%;text-align:center;margin-left:-1%;margin-right:-1%;} .icon-options li {display:table-cell;inline-block;width:33.3333%;ooverflow:hidden;vertical-align:top;border:4px solid white;border-radius:12px;background-color:#ffffff;padding:0px 0px 3px 0px;} .icon-options li a {font-weight:bold;text-decoration:none;font-size:10px;line-height:15px;} .icon-options li:hover {background-color:#f4f4f4;} .icon-options li:active {background-color:#f0f0f0;} .icon-options .label {padding:0px 4px;} .icon-options .icn {width:50%;height:0px;padding-top:50%;margin:auto;background-size:60%;background-repeat:no-repeat;background-position:center center;margin-bottom:6px;margin-top:6px;background-color:#97c93c;border-radius:50%} .icn.add-contact {background-image:url('/files/dynamic/16716906z17b81c416a0z6b63.svg');background-size:50%;} .icn.take-photo {background-image:url('/files/dynamic/27830e4az17830a9aa24z1eab.svg');} .icn.image {background-image:url('/files/dynamic/d657035z1894468b3ebz781a.svg');} .icn.invite {background-image:url('/files/dynamic/1d820788z1791d71d08dz3b94.svg');background-size:60%;} .icn.qrcode {background-image:url('/files/dynamic/16716906z17b81c416a0z6b2f.svg');background-size:70%;} .icn.share {background-image:url('/files/dynamic/16716906z17b81c416a0z6b7c.svg');background-size:50%;} .icn.whatsapp {background-image:url('/files/dynamic/16716906z17b81c416a0z6b46.svg');background-size:70%;} .icn.email {background-image:url('/files/dynamic/16716906z17b81c416a0z6b0f.svg');background-size:70%;} .icn.sms {background-image:url('/files/dynamic/16716906z17b81c416a0z6b36.svg');background-size:60%;} @media (max-width: 840px) { .icon-options {display:table;} } .xsdot_xs2 img {margin:5px;margin-left:7px;margin-right:8px;float:left;border:1px solid #d0d0d0;border-radius:8px;-moz-border-radius:8px;} .xsdot_xs2 {padding:0px;margin:0px;margin-top:3px;margin-bottom:3px;list-style:none;clear:both;} .xsdot_xs2 li {margin-bottom:8px;margin-top:8px;cursor:pointer;float:left;width:47.8%;margin-left:0.9%;margin-right:0.9%;border:1px solid #d0d0d0;border-radius:8px;-moz-border-radius:8px;cursor:pointer;transition: background 0.5s ease;} .xsdot_xs2 li p {height:72px;padding-top:2px;padding-right:3px;overflow:hidden;font-size:12px;line-height:22px;} .xsdot_xs2 span {display:block;margin-top:44px;margin-left:4px;margin-right:4px;float:right;padding-left:5px;width:12px;height:18px;line-height:18px;} .xsdot_xs2 li:hover, .xsdot_x2 li:active {background-color:#f0f0f0;} /* dyn tab */ @media (max-width: 840px) { .tab-mhdr {position:fixed;left:50px;right:50px;top:0px;z-index:10;} .tab-mcnt {padding-top:6px;} } .tab {float:left;overflow:hidden;padding:0px;margin:0px;border-width:1px 1px 0px 1px;border-style:solid;border-color:#d0d0d0;background-color:#ffffff;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;text-align:left;list-style:none;} .tab li {border-width:0px 1px 0px 0px;border-style:solid;border-color:#e0e0e0;font-weight:bold;display:inline-block;} .tab li:last-child {border:0px;} .tab li a:link,.tab li a:active, .tab li a:visited, .tab li a:hover {text-decoration:none;display:inline-block;line-height:38px;padding-left:10px;padding-right:10px;font-size:12px;} .tab li.selected {background-color:#97c93c;} .tab li.selected a {color:#ffffff;} .tab-hdr {display:none;} .tab li:hover {background-color:#f0f0f0;} .tab li.selected:hover {background-color:#87b92c;} .tab-del {clear:both;height:1px;background-color:#97c93c;position:relative;margin:0 -12px;padding:0px 12px;margin-bottom:14px;} .tab-del-0px {clear:both;height:2px;background-color:#97c93c;position:relative;margin:0 -12px;padding:0px 12px;margin-bottom:8px;} @media (max-width: 840px) { .tab {float:none;border:0px;width:100%;background-color:#97c93c;display:block;position:relative;margin:0 -12px;padding:0px 12px;-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;text-align:center;} .tab li {border:0px} .tab li a:link,.tab li a:active, .tab li a:visited, .tab li a:hover {color:#ffffff;line-height:40px;} .tab li.selected {background-color:#95c73a;padding-left:10px;padding-right:10px;} .tab li.selected a {color:#ffffff;padding-left:0px;padding-right:0px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:0px -970px;} .tab li:hover {background-color:#87b92c;} .tab-del {height:0px;margin-bottom:8px;} .tab-del-0px {height:0px;margin-bottom:0px;} } /* @media (max-width: 300px) { .tab li.selected {background-color:#ffffff;} .tab li.selected a {color:#303030;} .tab-hdr {display:block;height:38px;line-height:38px;padding-left:8px;overflow:hidden;padding-right:40px;margin-right:40px;border-width:1px 1px 0px 1px;border-style:solid;border-color:#d0d0d0;background-color:#ffffff;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -38px;cursor:pointer;font-weight:bold;} .tab-cnt {display:none;position:absolute;top:40px;z-index:100;width:100%;} .tab {float:none;display:block;border-width:0px 1px 1px 1px;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.65);-moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.65);box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.65);} .tab li {float:none;display:block;border-width:1px 0px 1px 0px;line-height:40px;} .tab li a:link,.tab li a:active, .tab li a:visited {display:block;} .tab li.selected:hover {background-color:#f0f0f0;} } */ .show {display:block;} /* contact links */ .link-box {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;height:26px;line-height:21px;padding:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} /* drop down labels */ span.private {font-size:9px;color:#c04040;float:right;} span.pri-net {font-size:9px;color:#c0b030;float:right;} span.public {font-size:9px;color:#97c93c;float:right;} /* system messages */ #sys_msg {overflow:hidden;transition: all 0.3s ease;} @media (max-width: 840px) { #sys_msg {position:fixed;bottom:-200px;left:0px;right:0px;background-color:#97c93c;z-index:10;} #sys_msg:hover {background-color:#91c236;} } .msg-close {float:right;width:24px;height:24px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-22px -502px;background-size:500px 600px;cursor:pointer;} .sys-message {padding:0px;margin:0px 4px 12px 4px;} .sys-message li {background-image:url('/images/contacticons-119911.png?v=8');background-position:left 0px;background-color:#97c93c;list-style:none;position:relative;margin-bottom:9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:6px;overflow:hidden;transition: all 0.25s ease;border:1px solid #97c93c;border-radius:6px;-moz-border-radius:6px;padding-left:50px;color:#ffffff;} .sys-message li.more {height:54px;border-color:#f0f0f0;background-image:none;padding:6px;background-color:#ffffff;cursor:pointer;} .sys-message li.more strong {display:block;height:41px;text-align:center;line-height:26px;color:#606060;background-image:url('/images/pnbuttons-119751.png?v=4');background-position:center -254px;background-repeat:no-repeat;} .sys-message li.more div {position:relative;width:41px;height:41px;margin:auto;background-image:url('/files/dynamic/651a5a05z14eb0fd32f4z7f8a.gif');background-size: 41px 41px;} .sys-message li:hover {background-color:#91c236;border-color:#91c236;} .sys-message li.more:hover {background-color:#f8f8f8;} .sys-message li a {color:#ffffff;} .sys-message li a:hover {color:#e8e8e8;} /* abcd */ .icn_connect, .icn_add {padding-top:24px;height:0px;overflow:hidden;display:block;background-image:url('/images/contacticons-119911.png?v=8');background-size:500px 400px;} .icn_connect {background-position:3px -173px;} .icn_add {background-position:3px -146px;} .alert-but {width:140px;height:28px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-position:-177px -812px;cursor:pointer;position:relative;display:block;overflow:hidden;} #num_alerts_cnt {display:none;position:absolute;top:0px;left:18px;z-index:2000;width:20px;padding-top:2px;} #num_alerts {float:right;display:inline;font-size:9px;line-height:12px;color:#ffffff;border:1px solid #f52b2b;border-radius:6px;-moz-border-radius:6px;padding:0px;padding-left:2px;padding-right:2px;background-color:#f52b2b;} /* search box */ #search_list {padding-top:8px;} #share_sel_cnt {margin-top:-8px;} #device_contact {position:relative;} #imp_win {transition:all 0.2s ease;} .transio {transition:all 0.2s ease;} .search-list, .search-set {margin:4px;padding:0px;border:1px solid #ffffff;border-radius:8px;-moz-border-radius:8px;} .search-select {margin:4px;padding:0px;margin-top:6px;margin-bottom:6px;} .search-box {display:block;width:100%;border:1px solid #f0f0f0;b0b0b0;background-color:#f0f0f0;f8f8f8;margin:0px;height:30px;line-height:21px;padding:3px 30px 3px 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:7px;-moz-border-radius:7px;background-image:url('/files/dynamic/16716906z17b81c416a0z6bad.svg');background-size:22px;background-position:4px 3px;background-repeat:no-repeat;} .search-box:focus {outline-width:0;outline:none;border:1px solid #c0c0c0;background-color:#f0f0f0;} .search-list > form, .search-select > form {position:relative;} #device_tab {position:absolute;right:0px;top:0px;} #search-tab {padding:0px;list-style:none;} #search-tab > li {width:32px;height:30px;float:left;background-repeat:no-repeat;} #sspn {background-image:url('/images/iconprinetblack-124480.png?v=1');background-size:64%;background-position:5px 5px;} .offline #sspn {background-image:url('/images/iconprinetred-124482.png?v=1');background-size:64%;background-position:5px 5px;} #ssbd {background-image:url('/files/dynamic/4127fffaz17c36d1015dz7ecc.svg');background-size:64%;background-position:9px 5px;} #sspn.st-sel {background-image:url('/images/iconprinetgreen-124481.png?v=2');} #ssbd.st-sel {background-image:url('/files/dynamic/16716906z17b81c416a0z6b9e.svg');} .offline #sspn.st-sel {background-image:url('/images/iconprinetred-124482.png?v=1');} /* #search-tab > li {font-size:9px;font-family:arial;text-align:center;line-height:12px;height:34px;margin:0px;padding:3px;padding-top:4px;float:left;width:40px;border:1px solid #b0b0b0;background-color:#e8e8e8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;margin-left:5px;cursor:pointer;transition:all 0.4s ease;} #search-tab > li.st-sel {background-color:#97c93c;} #search-tab > li.st-selb {background-color:#d4cf47;} */ /* contact select */ .contact_select {padding:0px;margin:0px;height:240px;overflow:auto;border-width:1px 0px 0px 0px;border-style:solid;border-color:#d0d0d0;} .contact_select li {height:54px ;list-style:none;float:left;width:100%;position:relative;margin:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px;overflow:hidden;transition: background 0.25s ease;cursor:pointer;border-width:0px 0px 1px 0px;border-style:solid;border-color:#d0d0d0;} .contact_select li img {float:left;border-radius:4px;-moz-border-radius:4px;} .contact_select li div {position:absolute;margin-left:48px;margin-right:32px;} .contact_select li div h3 {display:block;line-height:22px;font-size:12px;color:#606060;overflow:hidden;} .contact_select li div label {display:block;line-height:22px;font-size:11px;color:#606060;overflow:hidden;cursor:pointer;} .contact_select li:hover {background-color:#f8f8f8;} .contact_select li b {background-color:#e0e0ff;} .contact_select li.enabled {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -114px;} .contact_select li.disabled {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -206px;} .contact_select li.more {width:99%;height:54px;padding:6px;border-color:#f0f0f0;background-image:none;} .contact_select li.more::before {background-image:none;} .contact_select li:hover {background-color:#f8f8f8;-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);-moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);} .contact_select li > a {padding:6px;display:block;height:40px;} /* contact set */ .contact_set {padding:0px;margin:0px;transition: all 0.3s ease;} .contact_set li {list-style:none;float:left;width:99%;position:relative;margin:0.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px;overflow:hidden;transition: background 0.25s ease;border:1px solid #d0d0d0;border-radius:6px;-moz-border-radius:6px;cursor:pointer;} .contact_set li img {float:left;border-radius:4px;-moz-border-radius:4px;} .contact_set li div {position:absolute;margin-left:48px;margin-right:32px;} .contact_set li div h3 {display:block;line-height:22px;font-size:12px;color:#606060;overflow:hidden;} .contact_set li div label {display:block;line-height:22px;font-size:11px;color:#606060;overflow:hidden;cursor:pointer;} .contact_set li.enabled {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -114px;} .contact_set li.disabled {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -206px;} .contact_set li.more {width:99%;height:54px;padding:6px;border-color:#f0f0f0;background-image:none;} .contact_set li.more::before {background-image:none;} .contact_set li:hover {background-color:#f8f8f8;-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);-moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);} .contact_set li > a {padding:6px;display:block;height:40px;} /* business list */ .bu-list-name {font-weight:bold;padding-left:5px;} .bu-but-add {float:right;display:block;width:24px;height:24px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position: -4px -7px;margin-right:5px;} .bu-but-add:active, .bu-but-add:link {text-decoration:none;} #business_lists {padding:0px;margin:0px;} #business_lists > li {list-style:none;float:left;width:33.3%;border:1px solid #ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #business_lists > li.dtarget {border:1px solid #e0e0e0;} .business_list {padding:0px;margin:0px;margin-left:3px;margin-right:3px;transition: all 0.3s ease;min-height:400px;} .business_list li {list-style:none;float:none;width:100%;position:relative;margin:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px;overflow:hidden;transition: background 0.25s ease;border-width:1px 0px 0px 0px;border-color:#e8e8e8;border-style:solid;cursor:pointer;background-image:url('/images/contacticons-119911.png?v=8');background-position:right -200px;} .business_list li img {float:left;border-radius:4px;-moz-border-radius:4px;} .business_list li > a {padding:6px;display:block;height:40px;overflow:hidden;} .business_list li > a > div {position:relative;margin-left:48px;} .business_list li > a > div h3 {display:block;line-height:22px;font-size:12px;color:#606060;overflow:hidden;} .business_list li > a > div label {display:block;line-height:22px;font-size:11px;color:#606060;overflow:hidden;cursor:pointer;} .business_list li:last-child {border-width:1px 0px 1px 0px;border-color:#e8e8e8;border-style:solid;} .business_list li.me {background-position:right -100px;} .business_list li.linked {background-position:right 0px;} .business_list li.group {background-position:right -600px;} .business_list li.linked-group {background-position:right -400px;} .business_list li.member {background-position:right -300px;} .business_list li.suggested {background-image:none;} .business_list li.suggested > a {margin-right:80px;display:block;} .business_list a:link, .business_list a:active, .business_list a:visited, .business_list a:hover {text-decoration:none;} .business_list li:hover {background-color:#f8f8f8;-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);-moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.12);} .business_list li b {background-color:#e0e0ff;} .business_list li.more {width:99%;height:54px;padding:6px;border-color:#f0f0f0;background-image:none;} .business_list li.more div {position:relative;margin:auto;} #business_lists_tab {display:none;position:absolute;list-style:none;height:34px;background-color:#ffffff;} #contact_listbc {min-height:80px;} @media (max-width: 840px) { .bu-list-name {height:32px;} #business_lists_tab {padding:0px;margin-top:8px;display:block;left:0px;right:40px;overflow:hidden;border-left:1px solid #c0c0c0;border-bottom:1px solid #f0f0f0;border-top-left-radius:6px;border-top-right-radius:6px;} #business_lists_tab > li {float:left;padding:0px;height:34px;line-height:32px;border-right:1px solid #c0c0c0;border-top:1px solid #c0c0c0;padding:0px 5px 0px 5px;border-top-left-radius:6px;border-top-right-radius:6px;cursor:pointer;} #business_lists > li {display:none;float:none;width:100%;border:0px;margin:0px;padding-top:6px;margin-left:-3px;margin-right:-3px;} #business_lists > li.show-list {display:block;} #business_lists_tab > li.tab-sel {background-color:#e8e8e8} } /* contact list */ .contact_list {padding:0px;margin:0px;transition: all 0.3s ease;} /* .contact_list li {list-style:none;float:left;width:49%;position:relative;margin:0.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px;overflow:hidden;transition: background 0.25s ease;border:1px solid #d0d0d0;border-radius:6px;-moz-border-radius:6px;cursor:pointer;background-image:url('/images/contacticons-119911.png?v=8');background-position:right -200px;} */ .contact_list li {list-style:none;float:left;width:49%;position:relative;margin:0.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px;overflow:hidden;transition: background 0.25s ease;border:1px solid #d0d0d0;border-radius:6px;-moz-border-radius:6px;cursor:pointer;} .contact_list li::before {content:"";display:block;position:absolute;top:3px;right:3px;width:30px;height:30px;background-image:url('/files/dynamic/16716906z17b81c416a0z6b52.svg');background-size:60%;background-repeat:no-repeat;background-position:center center;} .contact_list li img {float:left;border-radius:20px;-moz-border-radius:20px;} .contact_list li > a {padding:6px;display:block;height:40px;overflow:hidden;} .contact_list li > a > div {position:relative;margin-left:48px;} .contact_list li > a > div h3 {display:block;line-height:22px;font-size:12px;color:#606060;overflow:hidden;} .contact_list li > a > div label {display:block;line-height:22px;font-size:11px;color:#606060;overflow:hidden;cursor:pointer;} .contact_list li:hover {background-color:#f8f8f8;} .contact_list li.me::before {background-image:url('/files/dynamic/16716906z17b81c416a0z6b4f.svg');background-size:80%;} .contact_list li.linked::before {background-image:url('/files/dynamic/7001bed3z1820211ebacz7fb9.svg');background-size:68%;} .contact_list li.group::before {background-image:url('/files/dynamic/16716906z17b81c416a0z6b56.svg');background-size:80%;} .oocontact_list li.linked-group::before {background-image:url('/files/dynamic/7001bed3z1820211ebacz7fb9.svg');background-size:68%;} .contact_list li.linked-group::before {background-image:url('/files/dynamic/7001bed3z1820211ebacz7fa5.svg');background-size:100%;} .contact_list li.member::before {} .contact_list li.warning::before {background-image:none} .contact_list li.suggested::before {background-image:none;} .contact_list li.suggested > a {margin-right:80px;display:block;} .contact_list a:link, .contact_list a:active, .contact_list a:visited, .contact_list a:hover {text-decoration:none;} .sug_del, .sug_con {position:relative;margin-left:0px;width:40px;height:52px;float:right;border-left:1px solid #f4f4f4;background-position:center center;background-repeat:no-repeat;} .sug_del:hover, .sug_con:hover {background-color:#f8f8f8;} .sug_lnk {display:block;text-decoration:none;height:52px;} .contact_list li.sug_help {border:0px;width:100%;padding:0px;background-image:none;font-size:11px;padding-top:6px;line-height:18px;text-align:center;border-radius:0px;-moz-border-radius:0px;} .contact_list li.sug_help::before {background-image:none;} @media (max-width: 840px) { .sug_con {border-right:1px solid #f4f4f4;} .contact_list li.sug_help {padding-top:6px;padding-bottom:6px;line-height:18px;border-top:1px solid #f0f0f0;} } .sug_del {background-image:url('/files/dynamic/16716906z17b81c416a0z6b4b.svg');background-size:94%;} .sug_con {background-image:url('/files/dynamic/16716906z17b81c416a0z6b5c.svg');background-size:50%;} .contact_list li b {background-color:#e0e0ff;} .contact_list li.more {width:99%;height:54px;padding:6px;border-color:#f0f0f0;background-image:none;} .contact_list li.more::before {background-image:none;} .contact_list li.more div {position:relative;margin:auto;} .more strong {display:block;height:41px;text-align:center;line-height:26px;color:#606060;background-image:url('/images/pnbuttons-119751.png?v=4');background-position:center -254px;background-repeat:no-repeat;} .more div {position:relative;width:41px;height:41px;margin:auto;background-image:url('/files/dynamic/651a5a05z14eb0fd32f4z7f8a.gif');background-size: 41px 41px;} li.warning {width:99%;padding:12px;background-image:url(/files/dynamic/6180b72cz18115076677z7ff8.svg);background-size:20px;background-position:8px 12px;background-repeat:no-repeat;padding-left:33px;border:0px !important;line-height:20px;} li.warning:hover {background-color:#ffffff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .ask-q {padding:10px;line-height:24px;font-size:12px;text-align:center;} .ask-bc {text-align:center;height:48px;overflow:hidden;padding-bottom:18px;} /* full window */ #full-window {list-style:none;margin:0px;padding:0px;padding-bottom:12px;display:block;position:absolute;z-index:11;background-color:#ffffff;top:114px;left:8px;right:8px;min-height:180px;overflow:hidden;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px; -webkit-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);-moz-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);} /* form window */ #frm-window {list-style:none;margin:0px;padding:0px;display:block;position:absolute;width:1px;top:-200px;left:0px;overflow:hidden;transition: all 0.25s ease;-webkit-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);-moz-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);z-index:11;background-color:#ffffff;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px;} #frm-window > li, #full-window > li {height:34px;line-height:34px;cursor:pointer;padding-top:4px;padding-bottom:2px;padding-left:8px;padding-right:8px;font-size:12px;border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;overflow:hidden;} #frm-window > li:hover {background-color:#f8f8f8;} #frm-window > li:first-child, #full-window > li:first-child {height:37px;line-height:38px;padding-top:0px;padding-bottom:0px;padding:0px;} /* Win header #frm-window {list-style:none;margin:0px;padding:0px;display:block;position:absolute;width:1px;top:-200px;left:0px;background-color:#ffffff;overflow:hidden;transition: all 0.25s ease;border:1px solid #87b92c;border-radius:3px;-moz-border-radius:3px; -webkit-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);-moz-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);z-index:11;} #frm-window > li, #full-window > li {height:34px;line-height:34px;cursor:pointer;padding-top:4px;padding-bottom:2px;padding-left:8px;padding-right:8px;font-size:12px;border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;overflow:hidden;} #frm-window > li:hover {background-color:#f8f8f8;} #frm-window > li:first-child, #full-window > li:first-child {height:37px;line-height:38px;padding-top:0px;padding-bottom:0px;background-color:#87b92c;border:0px;font-weight:bold;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -1111px;background-repeat:no-repeat;} */ #frm-window-hdr {position:relative;display:block;text-decoration:none;background-color:#f0f0f0;padding-left:6px;font-weight:bold;} #frm-window-hdr::before {position:absolute;content:"";width:36px;height:36px;right:0px;background-image:url(/files/dynamic/16716906z17b81c416a0z6b97.svg);background-size:40%;background-repeat:no-repeat;background-position:center center;} #loader {width:82px;height:82px;line-height:82px;margin:auto;margin-top:30px;margin-bottom:30px;background-image:url('/files/dynamic/651a5a05z14eb0fd32f4z7f8a.gif');text-align:center;font-size:12px;} /* QRCode */ #frm-window.qrc-win-mob {background-color:#0071c1;border:8px solid #0071c1;border-radius:8px;-moz-border-radius:8px;} #frm-window.qrc-win-mob #frm-window-hdr {} #frm-window.qrc-win-mob > li:first-child {display:none;} .label-scan {background-color:#0071c1;height:30px;line-height:36px;overflow:hidden;text-align:center;color:#ffffff;font-size:16px;ofont-weight:bold;text-transform:uppercase;} /* card-list */ .card-list {margin:0px;padding:0px;border-bottom:1px solid #e0e0e0;border-top:0px;} .card-list li {line-height:40px;cursor:pointer;padding:0px;font-size:12px;border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;overflow:hidden;} .card-list li a {display:block;text-decoration:none;padding-left:42px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:6px -392px;background-size: 500px 600px;height:40px;} /* multi checkbox */ #frm-mchb, .frm-mchb {padding:0px;border-bottom:1px solid #e0e0e0;border-top:0px;} #frm-mchb li, .frm-mchb li {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -211px;padding-right:32px;height:34px;line-height:34px;cursor:pointer;padding-top:4px;padding-bottom:2px;padding-left:8px;font-size:12px;border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;overflow:hidden;} #frm-mchb li.sel, .frm-mchb li.sel {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -120px;} #frm-mchb li.cap, .frm-mchb li.cap {background-image:none;} #frm-mchb li:hover, .frm-mchb li:hover, .card-list li:hover {background-color:#f8f8f8;} .frm-mchb li a {display:block;text-decoration:none;} #frm-window > li.frm-cnt, #full-window > li.frm-cnt {height:100%;border:0px;padding:0px;margin:0px;cursor:default;background-color:#ffffff;} .frm-chb {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -211px;padding-right:32px;} .chb-sel {background-position:right -120px;} .frm-chb label {display:block;padding:6px 0px 6px 6px;font-size:12px;line-height:26px;overflow:hidden;} .frm-selbox {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -680px;cursor:pointer;font-size:13px;font-family:arial;width:100%;border:1px solid #f4f4f4;background-color:#f4f4f4;margin:0px;height:26px;line-height:20px;padding:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;padding-right:24px;overflow:hidden;} .frm-ipt {display:inline-block;width:100%;border:0px solid #b0b0b0;background-color:#f8f8f8;margin:0px;height:28px;line-height:28px;padding:0px;padding-left:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .frm-del {height:12px;background-color:#ffffff;clear:both;} .frm-tab-del {clear:both;height:1px;background-color:#97c93c;position:relative;margin:0 -12px;padding:0px 12px;margin-bottom:14px;} .frm-tab-del-0px {clear:both;height:2px;background-color:#97c93c;position:relative;margin:0 -12px;padding:0px 12px;margin-bottom:8px;} .frm-bc {text-align:center;height:60px;overflow:hidden;} .frm-help:link, .frm-help:active, .frm-help:visited, .frm-help:hover {display:inline-block;background-color:#f8d563;color:#ffffff;font-size:11px;width:14px;height:14px;line-height:14px;text-align:center;font-weight:bold;vertical-align:middle;border-radius:8px;-moz-border-radius:8px;text-decoration:none;margin-bottom:2px;} /* item views */ .xsdot_xs2 img {margin:5px;margin-left:7px;margin-right:8px;float:left;border:1px solid #d0d0d0;border-radius:8px;-moz-border-radius:8px;} .xsdot_xs2 {padding:0px;margin:0px;margin-top:3px;margin-bottom:3px;list-style:none;clear:both;} .xsdot_xs2 li {margin-bottom:8px;margin-top:8px;cursor:pointer;float:left;width:47.8%;margin-left:0.9%;margin-right:0.9%;border:1px solid #d0d0d0;border-radius:8px;-moz-border-radius:8px;cursor:pointer;transition: background 0.5s ease;} .xsdot_xs2 li p {height:72px;padding-top:2px;padding-right:3px;overflow:hidden;font-size:12px;line-height:22px;} .xsdot_xs2 span {display:block;margin-top:44px;margin-left:4px;margin-right:4px;float:right;padding-left:5px;width:12px;height:18px;line-height:18px;} .xsdot_xs2 li:hover, .xsdot_x2 li:active {background-color:#f0f0f0;} @media (max-width: 840px) { .xsdot_xs2 li {width:99%;margin-left:0px;margin-right:0px;display:block;} } /* tool tip */ #tool_tip {z-index:202;position:absolute;left:-1000px;top:-1000px;width:254px;} #tool_tip_text {width:206px;font-size:11px;line-height:18px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:-24px -24px;} .tool_tl {float:left;width:24px;height:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:0px 0px;} .tool_t {float:left;width:206px;height:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:-24px 0px;} .tool_t_l {float:left;width:272px;height:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:-24px 0px;} .tool_tr {float:left;width:24px;height:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:-296px 0px;} .tool_l {width:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:0px -24px;} .tool_r {width:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:-296px -24px;} .tool_bl {float:left;width:24px;height:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:0px -376px;} .tool_b {float:left;width:206px;height:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:-24px -376px;} .tool_b_l {float:left;width:272px;height:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:-24px -376px;} .tool_br {float:left;width:24px;height:24px;background-image:url('/images/imgtooltip-119839.png?v=1');background-position:-296px -376px;} /* .online {width:50px;height:40px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:-243px -240px;} .offline {width:50px;height:40px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:-292px -240px;} .loading {width:50px;height:40px;background-image:url('/files/dynamic/651a5a05z14eb0fd32f4z7f8a.gif');background-size:30px 30px;background-position:10px 5px;background-repeat:no-repeat;} .status1 {width:50px;height:40px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:-344px -240px;} .status2 {width:50px;height:40px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:-394px -240px;} .status3 {width:50px;height:40px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:-444px -240px;} .status4 {width:50px;height:40px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:-494px -240px;} */ /* header */ #app-hdr {background-color:#ffffff;overflow:hidden;} header {background-color:#ffffff;clear:both;overflow:hidden;height:74px;max-width:990px;margin:auto;} .header-logo {width:294px;padding-top:8px;float:left} /* top menu */ nav {height:32px;display:block;background-color:#97c93c;overflow:hidden;} nav.manager {background-color:#77a91c !important;} #menu-cnt {max-width:998px;margin:auto;display:block;} .auth-menu {float:right;overflow:hidden;width:240px;} .alert-menu {float:right;overflow:hidden;width:40px;} .top-menu {overflow:hidden;padding:0px;margin:0px;display:inline;} .top-menu li {padding:0px;margin:0px;float:left;padding-top:3px;padding-left:8px;padding-right:8px;list-style:none;font-size:14px;line-height:25px;} .top-menu li a:link, .top-menu li a:active,.top-menu li a:visited {color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;text-transform:uppercase;} .top-menu li a:hover {color:#fafafa;text-decoration:underline;} .top-menu li.tools {display:none;} .top-menu li.show {display:block;} .log_out {width:224px;} .log_out span {font-size:11px;color:#ffffff;display:block;width:150px;overflow:hidden;float:left;text-align:right;} .log_out a {float:right;width:66px;display:block;text-align:right;} .right {float:right;} /* footer */ footer {height:142px;padding-top:8px;background-color:#f0f0f0;clear:both;overflow:hidden;background-image:url('/images/pagedesign-119767.jpg?v=13');background-position:0px -404px;} .ftr-img {background-image:url('/images/pagedesign-119767.jpg?v=13');background-position:right -76px;height:132px;background-repeat:no-repeat;} .ftr-dev {font-size:11px;text-align:center;clear:both;line-height:24px;} .private footer {display:none;} footer .social {width:270px;margin:auto;list-style:none;padding:0px;padding-top:16px;padding-bottom:8px;padding-left:48px;overflow:hidden;} footer .social li {float:left;width:50%;font-size:12px;} .icn-fb {line-height:50px;display:block;padding-left:54px;background-image:url('/images/followus-119768.png?v=2');background-position:-200px 0px;} .icn-fb:hover {background-position:0px 0px;} .icn-tw {line-height:50px;display:block;padding-left:54px;background-image:url('/images/followus-119768.png?v=2');background-position:-200px -50px;} .icn-tw:hover {background-position:0px -50px;} .icn-gp {line-height:50px;display:block;padding-left:54px;background-image:url('/images/followus-119768.png?v=2');background-position:-200px -100px;} .icn-gp:hover {background-position:0px -100px;} .icn-in {line-height:50px;display:block;padding-left:54px;background-image:url('/images/followus-119768.png?v=2');background-position:-200px -350px;} .icn-in:hover {background-position:0px -350px;} @media (max-width: 800px) { footer .social {padding-left:20px;} } @media (max-width: 1140px) { .ftr-img {background-size:150px 600px;background-position:right -56px;} } @media (max-width: 1012px) { .header-logo {padding-left:8px;} } .page-min {padding:0px;margin:0px;} @media (max-width: 840px) { .search-list, .search-set {margin:0px;padding:0px;padding-top:0px;padding-bottom:8px;border:0px;border-radius:0px;-moz-border-radius:0px;} /* fixed */ .fixed .search-list {overflow:hidden;position:fixed;left:5px;right:5px;top:5px;z-index:10;background-color:none;} .fixed .search-box {text-align:center;border:1px solid #ffffff;background-color:#ffffff;} .fixed .search-box:focus {border:1px solid #f4f4f4;background-color:#f4f4f4;} .contact_list li, .contact_list li.more, li.warning, .contact_set li {width:100%;margin:0px;margin-bottom:6px;float:none;} .contact_list li, .contact_list li.more, li.warning, .contact_set li {margin-bottom:0px;border:0px;border-width:1px 0px 0px 0px;border-color:#e8e8e8;border-style:solid;border-radius:0px;-moz-border-radius:0px;} .contact_list li:last-child {margin-bottom:0px;border:0px;border-width:1px 0px 1px 0px;border-color:#e8e8e8;border-style:solid;border-radius:0px;-moz-border-radius:0px;} .fixed .contact_list {background-color:#e6e7e9;border-radius:12px;} .fixed .contact_list li {border-width:1px 0px 0px 0px;border-color:#cacbcd;} .fixed .contact_list li:first-child {border-width:0px 0px 0px 0px;} .fixed .contact_list li:hover {background-color:#edeeef;} #tm-icon {display:none;} #top-hdr {height:41px;width:100%;background-color:#97c93c;position:fixed;top:0px;z-index:10;} #app-hdr {} body {background-color:#ffffff;} .ftr-img {background-size:100px 400px;background-position:right -38px;} #full-window {top:44px;} .frm-del {height:8px;} .frm-tab-del {margin-bottom:8px;} header {position:fixed;z-index:11;top:0px;height:41px;background-color:#97c93c;width:100%;backface-visibility:hidden;} .header-logo {display:none;} nav {height:auto;position:fixed;left:-280px;top:40px;width:240px;z-index:100;background-color:transparent;border-right:1px solid #c0c0c0;transition:left 0.2s ease,right 0.2s ease;} nav.show {left:0px;} .private header {position:fixed;bottom:0px;top:auto;background-color:#0071c1;height:70px;} .private nav {bottom:70px;top:auto;position:fixed;left:auto;right:-280px;} .private nav.show {left:auto;right:0px;} .page-min {padding-top:41px;opadding-bottom:70px;} .private .page-min {padding-top:41px;padding-bottom:70px;} #nav {-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);} .private #nav {-webkit-box-shadow: -5px -5px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: -5px -5px 10px 0px rgba(0,0,0,0.2);box-shadow: -5px -5px 10px 0px rgba(0,0,0,0.2);} .auth-menu {float:none;clear:both;display:block;width:100%;} .alert-menu {display:none;} .top-menu {width:100%;display:block;background-color:#ffffff;} .top-menu li {float:none;display:block;border-width:0px 0px 1px 0px;border-style:solid;border-color:#e0e0e0;line-height:40px;padding:0px;margin:0px;background-image:url('/images/mainmenuicons-121503.png?v=2');background-size:1000px 500px;background-position:0px 0px;} .top-menu li:hover {background-color:#f0f0f0;} .top-menu li span {display:none;} .top-menu li.my_contacts {background-position:0px -40px;} .top-menu li.add {background-position:0px -80px;} .top-menu li.share {background-position:0px -120px;} .top-menu li.settings {background-position:0px -160px;} .top-menu li.notifications {background-position:0px -200px;} .top-menu li.help {background-position:0px -240px;} .top-menu li.log_out {background-position:0px -280px;} .top-menu li.log_in {background-position:0px -320px;} .top-menu li.register {background-position:0px -360px;} .top-menu li.tools {background-position:0px -400px;} .top-menu li.mijn_contacten {background-position:0px -40px;} .top-menu li.toevoegen {background-position:0px -80px;} .top-menu li.delen {background-position:0px -120px;} .top-menu li.instellingen {background-position:0px -160px;} .top-menu li.notificaties {background-position:0px -200px;} .top-menu li.help {background-position:0px -240px;} .top-menu li a:link, .top-menu li a:active, .top-menu li a:visited,.top-menu li a:hover {color:#606060;text-decoration:none;display:block;padding-left:50px;} .log_out {float:left;width:100%;} .log_out a {float:none;width:100%;text-align:left;} } @media (max-width: 840px) { .frm-tab-del-0px {margin-bottom:2px;} } .contact_list li.sug_help:hover {background-color:#ffffff;} @media (min-width: 780px) { .dtfixed {position:fixed;top:0px;left:0px;right:0px;z-index:10;opacity:0.9;} } #tm-icon {padding:0px;background-image:url('/images/mobilemenuretina-121949.png?v=22');background-position:-200px -193px;background-size:800px 400px;transition: all 0.3s ease;} .tmi-on {width:32px;height:32px;opacity:1;} .tmi-off {width:0px;height:0px;opacity:0;} @media (max-width: 470px) { .ftr-img {background-image:none;} } .button-container {margin:16px;text-align:center;clear:both;} /* form tables */ .form_header {text-align:left;margin-top:20px;margin-bottom:12px;font-weight:bold;font-size:13px;color:#606060;clear:both;line-height:22px;} .form_header_b {text-align:left;margin-top:0px;margin-bottom:12px;font-weight:bold;font-size:13px;color:#404040;} .form_header_h {text-align:left;font-weight:bold;font-size:13px;color:#404040;clear:both;height:60px;line-height:68px;overflow:hidden;} .form_table {border-width:1px 1px 0px 0px; border-style:solid;border-color:#e0e0e0;background-color:#ffffff;} .form_table td {border-width:0px 0px 1px 1px; border-style:solid;border-color:#e0e0e0;} .form_label {font-family:arial;width:200px;font-size:14px;padding-left:6px;text-align:left;} .form_des {font-size:12px;line-height:18px;padding-bottom:6px;display:block;} /* forms */ .form-cnt {clear:both;list-style:none;margin:0px;padding:0px;border:1px solid #f0f0f0;overflow:hidden;border-radius:5px;-moz-border-radius:5px;position:relative;} .form-cnt li {border-width:1px 0px 0px 0px;border-style:solid;border-color:#f0f0f0;overflow:hidden;} .form-cnt li:hover {background-color:#fcfcfc;} .form-cnt li:first-child {border:0px;} .form-cnt li > label {position:absolute;left:0px;height:38px;line-height:38px;display:block;width:36%;padding-left:8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:12px;} .form-cnt li > div {border-width:0px 0px 0px 1px;border-style:solid;border-color:#f0f0f0;margin-left:36%;padding:6px;padding-right:32px;} .form-cnt li div.cmp {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -304px;overflow:hidden;} .form-cnt li div.np {padding-right:6px !important;} .form-cnt li div.chkb {overflow:hidden;} .form-cnt li div.chkb input {float:left;width:16px;} .form-cnt li div.chkb a {float:left;padding-left:8px;} .form-cnt li div.medium {width:45%;} .form-cnt li div.small {width:25%;} .form-cnt li div.validate input {width:50px !important;float:left;} .form-cnt li div.validate label {clear:both;font-size:11px;padding:3px;display:block;} .win-input, .form-cnt li div input, .form-cnt li div select {display:block;width:100%;border:1px solid #f4f4f4;background-color:#f4f4f4;margin:0px;height:26px;line-height:21px;padding:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .win-ta, .form-cnt li div textarea {display:block;width:100%;border:1px solid #f4f4f4;background-color:#f4f4f4;margin:0px;height:80px;line-height:21px;padding:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .form-cnt li div input.el-error, .form-cnt li div select.el-error, .el-error {border:1px solid #ff8080;} .form-cnt li h3,.form-dyn li h3 {float:left;padding-left:6px;height:30px;padding-top:4px;color:#404040;} .form-chb-box {float:left;width:20px;height:20px;margin-right:6px;} .form-chb-lnk {display:block;font-size:13px;line-height:25px;} .form-avatar {margin:auto;margin-top:6px;margin-bottom:6px;border:1px solid #d0d0d0;border-radius:8px;-moz-border-radius:8px;} .form-tab {float:left;overflow:hidden;display:block;padding:0px;margin:0px;border-width:1px 1px 0px 1px;border-style:solid;border-color:#d0d0d0;background-color:#ffffff;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;list-style:none;text-align:left;} .form-tab li {display:inline-block;ofloat:left;padding:0px;margin:0px;border-width:0px 1px 0px 0px;border-style:solid;border-color:#e0e0e0;font-weight:bold;} .form-tab li a:link,.form-tab li a:active,.form-tab li a:visited,.form-tab li a:hover {text-decoration:none;display:inline-block;line-height:38px;padding-left:10px;padding-right:10px;font-size:12px;} .form-tab li.selected {background-color:#97c93c;} .form-tab li.selected a {color:#ffffff;} .form-tab li:hover {background-color:#f0f0f0;} .form-tab li.selected:hover {background-color:#87b92c;} .form-tab li:last-child {border:0px;} .sort > li {background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:right -64px;} .sort > li.selected {background-position:right -104px;} .hidden {display:none;} #contact-sub-tab-t {position:relative;} #tab-hdr-cnt {width:100%;} #tab-hdr-label {display:block;height:38px;line-height:38px;padding-left:8px;overflow:hidden;padding-right:40px;border-width:1px 1px 0px 1px;border-style:solid;border-color:#d0d0d0;background-color:#ffffff;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -39px;cursor:pointer;font-weight:bold;text-decoration:none;} .add_rm {margin-right:40px;} .form-tab-dd {position:absolute;top:41px;float:none;z-index:100;background-color:#ffffff;border:0px solid #e0e0e0;width:100%;padding:0px;overflow:hidden;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.65);-moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.65);box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.65);} .form-tab-dd li {list-style:none;padding:0px;margin:0px;border-width:0px 1px 1px 1px;border-style:solid;border-color:#e0e0e0;font-weight:bold;height:39px;overflow:hidden;} .form-tab-dd li:hover {background-color:#f0f0f0;} .h0 {display:none;} .sortv > li {background-image:url('/images/mobilemenuretina-121949.png?v=22');background-size:1000px 500px;background-position:right 3px;} .form-tab-dd a {display:block;line-height:38px;padding-left:12px;padding-right:12px;} .form-tab-dd a:link,.form-tab-dd a:active,.form-tab-dd a:visited,.form-tab-dd a:hover {text-decoration:none;} .form-tab-dd-t {overflow:visible !important;} .form-tab-ecnt {float:right;width:32px;position:relative;} .form-but-add {width:32px;height:34px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position: 0px 0px;margin-top:1px;cursor:pointer;} @media (max-width: 840px) { .sort > li {background-position:right -102px;} .sort > li.selected {background-position:right -102px;} .form-tab-ecnt {width:32px;position:relative;} .form-but-add {position:absolute;z-index:1;left:4px;top:2px;border-left:1px solid #ffffff;background-position: -338px 0px;margin-top:2px;} .form-tab {border:0px;width:100%;background-color:#97c93c;position:relative;margin:0 -12px;padding:0px 12px;-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;} .form-tab.mob-center {text-align:center;} .form-tab li {border:0px} .form-tab li:last-child {margin-right:32px;} .form-tab.mob-center li:last-child {margin-right:0px;} .form-tab li a:link,.form-tab li a:active, .form-tab li a:visited, .form-tab li a:hover {color:#ffffff;line-height:40px;} .form-tab li.selected {background-color:#95c73a;padding-left:10px;padding-right:10px;} .form-tab li.selected a {color:#ffffff;padding-left:0px;padding-right:0px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:0px -970px;} .form-tab li:hover {background-color:#87b92c;} #tab-hdr-cnt {width:100%;height:40px;position:relative;margin:0 -12px;padding:0px 12px;background-color:#97c93c;} #tab-hdr-label {height:40px;background-color:#97c93c;color:#ffffff;line-height:40px;padding-left:8px;overflow:hidden;padding-right:30px;border:0px;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -957px;cursor:pointer;font-weight:bold;text-decoration:none;} .add_rm {margin-right:32px;} } /* forms menu */ .form-mnu {clear:both;list-style:none;margin:0px;padding:0px;border-bottom:1px solid #e0e0e0;overflow:hidden;position:relative;} .form-mnu li {border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;overflow:hidden;line-height:26px;} .form-mnu li:hover {background-color:#f8f8f8;} .p6 {padding:6px;} li.form-hdr2 {padding-left:8px;font-size:11px;background-color:#f8f8f8;line-height:22px;} .form-hdr1 {padding-left:8px;font-size:11px;background-color:#ffffff;font-weight:bold;} /* forms dyn*/ .form-dyn {clear:both;list-style:none;margin:0px;padding:0px;border:1px solid #f0f0f0;overflow:hidden;border-radius:5px;-moz-border-radius:5px;position:relative;} .form-dyn li {border-width:1px 0px 0px 0px;border-style:solid;border-color:#f0f0f0;overflow:hidden;} .form-dyn li:hover {background-color:#fcfcfc;} .form-dyn li:first-child {border:0px;} .form-dyn li input, .form-dyn li textarea, .form-dyn li select {display:block;width:100%;border:1px solid #f4f4f4;background-color:#f4f4f4;margin:0px;height:26px;line-height:21px;padding:3px;border-radius:4px;-moz-border-radius:4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .form-dyn li textarea.sml {height:50px} .form-dyn li textarea.med {height:100px} .form-dyn li textarea.lrg {height:150px} textarea.el-error {border:1px solid #ff8080;} input[type="text"], input[type="submit"], input[type="password"] {-webkit-appearance: none;} input {outline:none;} input:focus, select:focus { border: 1px solid #e0e0e0 !important; } li.cap {background-color:#fcfcfc;} li.cap h3 {color:#96c83c;} .frm-dyn-label {float:left;width:36%;padding:6px 0px 6px 6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:12px;line-height:26px;position:relative;} .frm-dyn-label-chk {float:none;padding:6px 0px 6px 6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:12px;line-height:26px;height:38px;overflow:hidden;text-align:left;} .frm-dyn-value {float:left;width:64%;min-height:38px;padding:6px 0px 6px 6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-width:0px 0px 0px 1px;border-style:solid;border-color:#e0e0e0;position:relative;} .frm-dyn-in {padding-right:6px;} .frm-dyn-ins {padding-right:6px;} .frm-dyn-cmp {padding-right:32px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -309px;} /* test B */ .frm-but-pd {position:absolute;right:0px;width:32px;height:26px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position: 24px -679px;cursor:pointer;} .frm-but-dels {position:absolute;right:0px;width:32px;height:26px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-36px -38px;cursor:pointer;} .frm-but-del {position:absolute;right:0px;float:right;width:32px;height:26px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-32px -4px;cursor:pointer;} .frm-but-add {float:right;width:32px;height:30px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position: 0px 0px;margin-top:1px;cursor:pointer;} .frm-but-edt {float:right;width:32px;height:26px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position: 1px -39px;margin-top:0px;cursor:pointer;} .frm-but-edit {float:right;width:32px;height:32px;background-image:url('/images/xsdotforms-119748.png?v=36');background-position:-128px -0px;margin-top:1px;} .frm-but-pd,.frm-but-del,.frm-but-dels,.frm-but-add,.frm-but-edt,.frm-but-edit,.qck-share,.qck-qrc,.share_el_sel,.form-but-add, .qck-lock, .qck-key, .qck-maps {-webkit-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);transition:all 0.1s ease;} .frm-but-pd:active,.frm-but-del:active,.frm-but-add:active,.frm-but-edt:active,.frm-but-edit:active,.qck-share:active,.qck-qrc:active,.share_el_sel:active,.form-but-add:active {opacity:0.5;} .frm-tags {list-style:none;padding:0px;margin:0px;} .frm-tags li {float:left;padding:0px;margin:0px;padding-left:6px;padding-right:6px;border:0px;background-color:#f0f0f0;margin-right:4px;margin-bottom:4px;height:27px;line-height:27px;border-radius:5px;-moz-border-radius:5px;cursor:pointer;} .frm-tags li:hover {background-color:#e0e0e0;} .frm-contact-ctn {min-height:150px;overflow:hidden;} .frm-avatar-a {position:absolute;width:100%;} .frm-avatar-a div {float:right;width:136px;padding:6px;background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:5px;-moz-border-radius:5px;} .frm-avatar-a div img {margin:auto;} .frm-avatar-b {display:none;} .frm-avatar-c {display:none;float:right;width:100px;margin-left:4px;margin-bottom:4px;margin-top:0px;border-radius:8px;-moz-border-radius:8px;border:1px solid #f0f0f0;} .frm-content {padding:6px;} .frm-contact {margin-right:160px;min-height:136px;} .hidden {overflow:hidden;height:0px;} /* DEL 700 */ @media (max-width: 840px) { .frm-contact-ctn {min-height:116px;} .frm-avatar-a div {width:102px;} .frm-avatar-a div img {margin:auto;} .frm-contact {margin-right:124px;min-height:112px;} .form-cnt li div.npm {width:auto !important;padding-right:6px !important;} } /* form business card image */ .card-bc-upload {text-align:center;padding-top:10px;padding-bottom:10px;} .card-bc-upload a:link,.card-bc-upload a:active,.card-bc-upload a:visited,.card-bc-upload a:hover {text-decoration:none;border-bottom:1px solid #97c93c;padding:3px;} .card-bc-image {display:none;} .card-bc-image > img {width:100%;} /* DEL 580 */ @media (max-width: 840px) { .card-bc-image {display:block;} .card-bc-upload {display:block;} } .card-bc-image.hidden, .card-bc-upload.hidden {display:none;} /* actions */ .action-cnt {margin:0px;padding:0px;text-align:left;padding-top:6px;} .saction {display:inline-block;width:34px;height:0px;padding-top:34px;overflow:hidden;cursor:pointer;margin-right:4px;margin-left:4px;background-repeat:no-repeat;background-position:center center;background-image:url(/files/dynamic/16716906z17b81c416a0z6b41.svg);background-size:75%;background-color:#0071c1;border-radius:17px;overflow:hidden;cursor:pointer;margin-top:8px;} .action {display:inline-block;width:34px;height:34px;overflow:hidden;cursor:pointer;margin-right:4px;margin-left:4px;background-repeat:no-repeat;background-position:center center;background-image:url(/files/dynamic/16716906z17b81c416a0z6b41.svg);background-size:75%;background-color:#0071c1;border-radius:17px;} .action:hover, .saction:hover {opacity: 0.84} .whatsapp_l, .whatsup_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b46.svg);background-size:74%;background-position:5px center;} .phone_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b1e.svg);background-size:70%;} .sms_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b36.svg);background-size:70%;background-position:5px center;} .email_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b0f.svg);} .skype_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b33.svg);background-size:80%;} .facebook_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b16.svg);background-size:70%;} .twitter_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b3d.svg);background-size:68%;background-position:6px center;} .linkedin_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b25.svg);} .google_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b19.svg);background-size:70%;} .fbmsg_l {background-image:url(/files/dynamic/16716906z17b81c416a0z6b28.svg);background-size:70%;} /* media */ .but-cm {display:none;} .show-mob {display:none;} /* DEL 580 */ @media (max-width: 840px) { .hidecp {display:none;} a.but-cm {display:block;float:right;overflow:hidden;height:40px;width:40px;border:0px solid #d0d0d0;border-radius:0px;cursor:pointer;} a.but-cm img {border-radius:8px;-moz-border-radius:8px;width:28px;margin-left:4px;margin-top:5px;border:1px solid #d0d0d0;} .hide-mob {display:none;} .show-mob {display:block;} .expand-mob {width:100%;border-width:0px 0px 0px 0px;} .action-cnt {text-align:center;margin-bottom:16px;} .saction {width:38px;height:0px;padding-top:38px;border-radius:19px;} .action {width:38px;height:38px;border-radius:19px;} .whatsapp_l, .whatsup_l {background-position:6px center;} .phone_l {} .sms_l {background-position:6px center;} .email_l {} .skype_l {} .facebook_l {} .twitter_l {background-position:7px center;} .linkedin_l {} .google_l {} .fbmsg_l {} .frm-contact-ctn {min-height:1px;} .frm-avatar-b, .frm-avatar-c {display:block;} .frm-avatar-a div {display:none;} .frm-avatar-b div img {margin:auto;width:130px;border:1px solid #ffffff;border-radius:6px;-moz-border-radius:6px;margin-top:4px;margin-bottom:4px;} .frm-contact {margin-right:0px;} } /* DEL 500 */ @media (max-width: 840px) { .form-cnt {padding-top:0px;padding-bottom:8px;} .form-cnt li {border:0px;} .form-cnt li:hover {background-color:#ffffff;} .form-cnt li > label {position:relative;height:22px;line-height:27px;width:100%;padding-left:9px;color:#606060;font-weight:bold;} .form-cnt li > div {border:0px;margin-left:0px;} .form-cnt li div.medium {width:75%} .form-cnt li div.small {width:40%} .form-cnt li div.nps {width:auto !important;padding-right:6px !important;} .form-cnt li.form-adr-del {border-width:0px 0px 1px 0px;border-style:solid;border-color:#e0e0e0;} } .form-chkm {max-width:240px;border:1px solid #f0f0f0;overflow:hidden;border-radius:5px;-moz-border-radius:5px;} .form-chkm:hover {background-color:#f8f8f8;} .form-chkm div {float:left;display:block;width:18px;height:18px;padding:6px;} .form-chkm label {float:left;line-height:30px;border-width:0px 0px 0px 1px;border-style:solid;border-color:#e0e0e0;padding-left:8px;} /* address */ .form-adr {clear:both;list-style:none;margin:0px;padding:0px;border:1px solid #e0e0e0;overflow:hidden;border-radius:5px;-moz-border-radius:5px;position:relative;} .form-adr h3 {float:left;padding-left:6px;height:30px;padding-top:4px;color:#404040;} .form-nb {border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;border-radius:0px;-moz-border-radius:0px;} .form-nh > li:hover {background-color:#ffffff;} .form-adr-del {height:34px;} .form-adr-del > strong {display:inline;float:left;line-height:36px;height:40px;padding-left:6px;font-size:11px;} .val-ar {float:left;padding-top:4px;padding-left:4px;width:72px;} .val-nm {float:left;margin-left:4px;border:1px #00c000 solid;} .form-chb-box input {height:20px !important;margin-left:4px !important;margin-top:2px !important; width:14px !important;} /* settings */ .settings-container {} .settings-error {font-size:13px;padding-bottom:18px;color:#c03030;line-height:16px;} .settings-result {font-size:12px;padding:8px;border:1px solid #60e060;margin-top:8px;border-radius:5px;-moz-border-radius:5px;} /* test form mobile */ /* DEL 580 */ @media (max-width: 840px) { .form-dyn, .form-adr, .form-dyn > li {border-color:#ffffff;} .form-dyn > li:hover {background-color:#ffffff;} .form-dyn > li > h3, .form-adr > li > h3 {color:#97c93c;} .frm-dyn-value {border-color:#ffffff;} .form-cnt {border-color:#ffffff;} .form-cnt li {border-color:#ffffff;} .win-input, .form-cnt li div input, .form-cnt li div select {border-color:#f4f4f4;background-color:#f4f4f4;} .form-cnt li div textarea {border-color:#f4f4f4;background-color:#f4f4f4;} .form-cnt > li > div {border-color:#ffffff;} .form-cnt > li > label {font-size:11px;} li.cap {background-color:#ffffff;} .form-dyn li input, .form-dyn li textarea, .form-dyn li select, .frm-selbox {border-color:#f4f4f4;background-color:#f4f4f4;} } .mhor_lines {border-bottom:1px solid #f0f0f0;} .mhor_lines > li {border-top:1px solid #f0f0f0;} /* default needed system styles */ html {height:100%;margin:0px;padding:0px;} form {padding:0px;margin:0px;} b {color:#404040;} select {border:1px solid #000000;padding: 2px;} img {border:0px;display:block;} a {outline: none;} a:focus, a:active {outline: none;} p {padding:0px;margin:0px;} ul,ol,blockquote {margin-bottom:0px;margin-top:0px;} .im100 {width:100%;} article, section, figure, nav {display:block;margin:0px;padding:0px;} /* default needed system styles */ .csc {float:left;overflow:visible;} .csr {float:left;overflow:visible;} .page_content,.app_content, .app_cnt8, .app_cnt0 {min-height:300px;max-width:978px;margin:auto;margin-top:48px;margin-bottom:48px;} .app_content, .oapp_cnt8, .ooapp_cnt0 {overflow:hidden;} .page_bg {background-color:#ffffff;overflow:hidden;} /* content */ .xsdot_lt {overflow:hidden;margin:0px;padding:0px;list-style:none;clear:both;} .xsdot_lt li {float:left;height:28px;overflow:hidden;padding:0px;margin:0px;} .xsdot_lt p {padding:3px;margin:0px;height:22px;margin-left:6px;margin-right:4px;} a:link {color:#606060;text-decoration:underline;} a:active {color:#606060;text-decoration:underline;} a:visited {color:#606060;text-decoration:underline;} a:hover {color:#000000;text-decoration:underline;} .content {position:relative;color:#303030;background-color:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:13px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;} .content-of {position:relative;color:#303030;background-color:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:13px;line-height:24px;padding:0px;font-weight:normal;text-align:left;margin:0px;} .content-sm {position:relative;color:#303030;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:13px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;} .content-intro {position:relative;color:#303030;background-color:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:13px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;} .content-round {position:relative;color:#303030;background-color:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:13px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;border-radius:12px;-moz-border-radius:12px;} .content-round img {border-radius:12px;-moz-border-radius:12px;} .content-rg {position:relative;color:#303030;background-color:#e8e8e8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:13px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;border-radius:12px;-moz-border-radius:12px;} .content-tb {position:relative;color:#303030;background-color:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:13px;line-height:24px;padding:2px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;} .cf {clear:both;} .fgb {position:relative;margin:0 -9600rem;padding:32px 9600rem;background:#f2f2f2;color:#303030;overflow:hidden;padding-top:0px;} .fwba {position:relative;margin:0 -9600rem;padding:32px 9600rem;color:#000000;overflow:hidden;background-image: url("/platform/provider/not_found.gif");background-position:top center;} .fg-topa {height:32px;background-image:url('/images/greycontentarrows-121722.png?v=1');background-position:center 0px;background-repeat:no-repeat;} .fg-bota {height:32px;background-image:url('/images/greycontentarrows-121722.png?v=1');background-position:center -100px;background-repeat:no-repeat;} .cen {text-align:center;} .cnt-warning {line-height:24px;margin-left:8px;margin-right:8px;} h1 {display:block;margin:0px;padding:0px;font-size:22px;line-height:28px;color:#96c83c;padding-bottom:20px;} h2 {display:block;margin:0px;padding:0px;font-size:16px;line-height:24px;color:#96c83c;padding-bottom:20px;} h3 {display:block;margin:0px;padding:0px;font-size:13px;line-height:28px;color:#96c83c;} h4 {display:block;margin:0px;padding:0px;font-size:12px;line-height:28px;color:#96c83c;} h2.intro {padding-top:8px;padding-bottom:0px;} /* table */ .basic-table {width:100%;border-width: 1px 0px 0px 0px; border-style: solid; border-color:#e0e0e0;border-spacing: 0;} .basic-table td {padding-left:3px;border-width: 0 0 1px 0px; border-style: solid; border-color:#e0e0e0;} .basic-table tr:hover {background-color:#f0f0f0;} @media (max-width: 1080px) { .app_content, .page_content, .app_cnt8, .app_cnt0 {margin-left:3%;margin-right:3%;} } @media (max-width: 1000px) { .app_content, .page_content, .app_cnt8, .app_cnt0 {margin-top:32px;} } @media (max-width: 840px) { .page_content {min-height:100%;margin-top:24px;} .app_content {min-height:100%;margin-top:24px;margin-left:8px;margin-right:8px;} .app_cnt8, .app_cnt0 {min-height:100%;margin-top:24px;margin-left:8px;margin-right:8px;} .sys-message {padding:0px;margin:0px 0px 8px 0px;} } @media (max-width: 840px) { .app_content {margin-top:8px;} .app_cnt8 {margin-top:6px;} .app_cnt0 {margin-top:0px;} } @media (max-width: 840px) { .srv-options li label, .srv-options li b {height:48px;display:table-cell;vertical-align:middle;padding-left:2px;} .srv-options {border-width:0px 0px 0px 0px;border-color:#e8e8e8;border-style:solid;margin-bottom:2px;} .srv-options li {border-width:0px 0px 1px 0px;border-color:#e8e8e8;border-style:solid;margin-bottom:0px;border-radius:0px;-moz-border-radius:0px;margin:0px;} .srv-options li span {display:none;} } @media (max-width: 840px) { .page_content {margin-top:14px;} .sc_contact {display:block;background:#f4f4f4;margin-left:-8px;margin-right:-8px;padding:8px 0px;position:relative;} .sc_contact::before {display:none;content:"";position:absolute;top:6px;right:6px;z-index:1;width:12px;height:12px;background-image:url('/files/dynamic/13864062z17f5a1ed0b5z1649.svg');background-size:100%;} .sc_contact li,.sc_contact li h3 {font-size:11px;line-height:19px;} .sc_contact li label {display:block;height:20px;overflow:hidden;} .sc_contact_avt {margin-top:5px;margin-left:20px;margin-right:12px;width:30px !important;border-radius:15px !important;} .sc_contact_qr {width:30px;} } .qck-maps {float:right;width:22px;height:34px;overflow:hidden;background-image:url('/files/dynamic/16716906z17b81c416a0z6ae4.svg');background-size:24px;background-position:0px center;background-repeat:no-repeat;cursor:pointer;} /* test */ .del-mobs {display:none;} @media (max-width: 580px) { .qck-maps {position:absolute;left:9px;float:none;} .address {padding-left:35px;} .address .frm-dyn-value {min-height:auto;height:auto;} .cb-mobs, .cb-mobs li, .nr-mobs, .nr-mobs li {border:0px;} .nr-mobs li div {padding-top:0px;padding-bottom:0px;} .hide-mobs {display:none;} .expand-mobs {width:100%;border-width:0px 0px 0px 0px;} .del-mobs {display:block;height:12px;} } a.view-link {padding-left:28px;padding-right:6px;height:26px;border:1px solid #ffffff;background-color:#fefefe;display:block;border-radius:6px;-moz-border-radius:6px;background-position:0px center;background-repeat:no-repeat;overflow:hidden;text-decoration:none;background-image:url('/files/dynamic/16716906z17b81c416a0z6b03.svg');background-size:20px;} a.phone {background-image:url('/files/dynamic/16716906z17b81c416a0z6ae8.svg');background-size:20px;} a.email {background-image:url('/files/dynamic/16716906z17b81c416a0z6acc.svg');background-size:19px;} a.fax {background-image:url('/files/dynamic/16716906z17b81c416a0z6acf.svg');background-size:21px;} a.sms, a.im {background-image:url('/files/dynamic/16716906z17b81c416a0z6af6.svg');background-size:20px;} a.skype {background-image:url('/files/dynamic/16716906z17b81c416a0z6af3.svg');background-size:22px;} a.facebook {background-image:url('/files/dynamic/16716906z17b81c416a0z6ad3.svg');background-size:20px;} a.twitter {background-image:url('/files/dynamic/16716906z17b81c416a0z6afd.svg');background-size:20px;} a.linkedin {background-image:url('/files/dynamic/16716906z17b81c416a0z6add.svg');background-size:22px;} a.google {background-image:url('/files/dynamic/16716906z17b81c416a0z6ad6.svg');background-size:16px;background-position:3px center;} a.website {} a.whatsapp {background-image:url('/files/dynamic/16716906z17b81c416a0z6b06.svg');background-size:24px;} a.view-link:hover {background-color:#f8f8f8;} @media (max-width: 620px) { a.view-link {padding-left:35px;padding-right:6px;height:32px;line-height:32px;background-position:3px center;} a.phone {} a.email {} a.fax {} a.sms, a.im {} a.skype {} a.facebook {} a.twitter {} a.linkedin {} a.google {background-position:6px center;} a.website {} } /* multi image */ .image-cnt {padding-top:8px;padding-left:4px;padding-right:4px;padding-bottom:3px;background-color:#ffffff;display:block;text-align:center;} .image-cnt li:first-child, .img-itm {display:inline-block;float:none;padding:0px;margin:0px;width:146px;background-color:#f0f0f0;border-width:1px 1px 1px 1px !important;border-color:#e8e8e8 !important;;border-style:solid;border-radius:6px;-moz-border-radius:6px;margin-left:2px;margin-right:2px;} .img-hdr {line-height:26px;background-color:#ffffff;font-size:11px;font-weight:bold;border-width:0px 0px 1px 0px;border-color:#e8e8e8 !important;;border-style:solid;} .img-cnt {height:105px;background-color:#f8f8f8;padding-top:7px;padding-bottom:2px;position:relative;} .img-cnt img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:6px;-moz-border-radius:6px;cursor:pointer;} /* card photos */ .card-photos {list-style:none;padding:0px;} .card-photos li {list-style:none;padding:0px;} .card-photos li img {list-style:none;padding:0px;border-radius:6px;-moz-border-radius:6px;} .cp-item {width:49.2%;float:left;} .cp-iteml {width:50%;margin-left:25%;margin-right:25%;float:left;} .cp-dela {width:1.6%;height:12px;float:left;} .cp-delb {width:100%;height:12px;float:left;} .cp-deld {width:100%;height:1px;float:left;} @media (max-width: 700px) { .cp-delb {height:8px;} } @media (max-width: 500px) { .cp-dela, .cp-delb {width:100%;height:12px;} .cp-item, .cp-iteml {width:100%;float:left;margin-left:0px;margin-right:0px;} } @media (max-width: 840px) { } li.ddi {padding:0px important!;padding-left:0px !important;padding-right:0px !important;padding-top:0px !important;} li.ddi > a {display:block;text-decoration:none;margin:0px;padding-left:8px;padding-right:8px;padding-top:1px;color:#404040;font-size:12px;} /* basic form */ .frm-basic {padding:0px;margin:0px;list-style:none;} .frm-basic li {border-bottom:1px solid #f0f0f0;} .frm-basic li div {padding:6px;} .frm-basic li input {line-height:22px;display:block;margin:0px;padding:3px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px;} .frm-basic li:hover {background-color:#f8f8f8;} .frm-error {color:#c02020;line-height:20px;font-size:11px;padding-left:6px;padding-right:6px;padding-top:6px;padding-bottom:3px;} .pn-green {color:#87b92c;} /* pri-net home */ .buth {display:inline-block;font-size:11px;height:40px;line-height:39px;overflow:hidden;width:150px;margin:3px;} .pri-reg-cnt {border:0px;position:absolute;top:42%;width:100%;height:40px;text-align:center;} @media (max-width: 600px) { .pri-reg-cnt {top:38%;} } @media (max-width: 440px) { .pri-reg-cnt {top:14%;} .pri-reg-btn {width:200px;margin:auto;} } @media (max-width: 540px) { .mo-nbd,.mo-nbd li, .mo-nbd li div {border-color:#ffffff;} .mo-nbd li.cap {background-color:#fefefe;} } /* content more */ .more-f {height:240px;overflow:hidden;} .more-fb > span {color:#97c93c;border-bottom:1px solid #000000;line-height:30px;cursor:pointer;} .more-mb, .more-sb {display:none;cursor:pointer;} .more-mb > span, .more-sb > span {color:#97c93c;border-bottom:1px solid #000000;} @media (max-width: 840px) { .more-m {height:118px;overflow:hidden;} .more-mb {display:block;line-height:30px;} } @media (max-width: 500px) { .more-s {height:118px;} .more-sb {display:block;line-height:30px;} } /* embedded video */ .embo iframe, .embo object, .embo embed {position:absolute;top:0;left:0;width:100%;height:100%;} /* edit contact extra */ input.cmp, textarea.cmp {background-image:url('/images/xsdotforms-119748.png?v=36');background-position:right -310px;overflow:hidden;padding-right:32px;} .more_s {opacity:1;transition:opacity 0.4s ease;} li.more_h {opacity:0;height:0px;overflow:hidden;transition:opacity 0.4s ease;border:0px;} #ep_more > a {display:block;text-align:center;line-height:34px;color:#97c93c;font-size:11px;} .frm-avatar-i, .frm-avatar-ci {display:none;} .frm-dyn-in-cn {padding-right:6px;} @media (max-width: 580px) { #ep_more > a {display:inline;text-align:left;line-height:28px;padding-left:8px;padding-right:14px;background-image:url('/images/pnbuttons-119751.png?v=4');background-position:right -1px;background-size:230px 400px;} .frm-dyn-in-cn input.iplane {border:0px;background-color:#f4f4f4;} .frm-dyn-in-cn {padding-right:80px;} .frm-avatar-i {display:block;position:relative;float:right;width:79px;} .frm-avatar-i > div {position:absolute;z-index:1;height:67px;padding:6px;background-color:#ffffff;border:1px solid #ffffff;overflow:hidden;-webkit-border-top-right-radius: 6px;-moz-border-radius-topright: 6px;border-top-right-radius: 6px;} .frm-avatar-ci {display:block;position:relative;float:right;width:79px;} .frm-avatar-ci > div {position:absolute;z-index:1;height:67px;padding:6px;background-color:#ffffff;border:1px solid #ffffff;overflow:hidden;top:35px;} .frm-avatar-ci > div > img, .frm-avatar-i > div > img {border-radius:4px;-moz-border-radius:4px;} .med_h {display:none;} .med_e {border:0px;width:100%;background-image:none;} .med_hb, li.med_hb {border:0px;} } /* GCS */ #loaders {width:50px;height:40px;margin:auto;background-image:url('/files/dynamic/651a5a05z14eb0fd32f4z7f8a.gif');background-size:30px 30px;background-position:10px 5px;background-repeat:no-repeat;} .gcs_results {padding:0px;margin:0px;list-style:none;overflow:hidden;} .gcs_results > li {width:24%;overflow:hidden;float:left;position:relative;margin:0.5%;} .gcs_results > li img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:6px;-moz-border-radius:6px;cursor:pointer;font-size:8px;line-height:12px;} #gcs_win {padding:8px;overflow:hidden;} /* sign up */ .sign-up {float:right;height:40px;overflow:hidden;display:none;} .sign-up a:link,.sign-up a:active, .sign-up a:visited {line-height:42px;color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;text-transform:uppercase;font-family:arial;margin-right:4px;margin-left:4px;} .sign-up a:hover {color:#f0f0f0;} @media (max-width: 840px) { .sign-up {display:block;} } .banner-resp {background-size:2026px;background-image:url('/images/pri-net-home-page-banner-123704.jpg?v=2');background-position:center center;background-repeat:no-repeat;height:400px;overflow:hidden;} .banner-resp .bnr-lab {width:1024px;padding-left:590px;padding-top:64px;margin:auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .banner-resp .bnr-lab > h1 {font-family:arial;color:#ffffff;font-size:34px;line-height:60px;font-weight:none;} .banner-resp .bnr-icon {width:1024px;padding-left:590px;margin:auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .banner-resp .bnr-icon img {float:left;width:280px;margin-left:-6px;} @media (max-width: 1400px) { .banner-resp {background-size:1535px;} .banner-resp .bnr-lab {padding-top:72px;} } @media (max-width: 1100px) { .banner-resp {background-size:1200px;height:310px;} .banner-resp .bnr-lab {padding-left:50%;padding-top:56px;} .banner-resp .bnr-lab > h1 {font-size:30px;line-height:46px;} .banner-resp .bnr-icon {padding-left:50%} .banner-resp .bnr-icon img {width:200px;} } @media (max-width: 800px) { .banner-resp {background-size:1024px;height:264px;} .banner-resp .bnr-lab {padding-top:54px;} .banner-resp .bnr-lab > h1 {font-size:22px;line-height:36px;} } @media (max-width: 600px) { .banner-resp {background-size:800px;height:208px;} .banner-resp .bnr-lab {padding-top:24px;} .banner-resp .bnr-lab > h1 {font-size:18px;line-height:30px;} .banner-resp .bnr-icon img {width:180px;} } @media (max-width: 500px) { .banner-resp {background-size:700px;height:182px;} .banner-resp .bnr-lab {padding-left:46%;padding-top:20px;} .banner-resp .bnr-lab > h1 {font-size:18px;line-height:28px;} .banner-resp .bnr-icon {padding-left:46%} .banner-resp .bnr-icon img {width:160px;} } @media (max-width: 400px) { .banner-resp .bnr-lab > h1 {font-size:16px;line-height:28px;} } @media (max-width: 360px) { .banner-resp .bnr-lab {padding-left:42%;} .banner-resp .bnr-lab > h1 {font-size:14px;line-height:28px;} .banner-resp .bnr-icon {padding-left:42%} } /* bc extract process */ .cbc-progress {padding:8px 0px;margin:0px;width:174px;margin:4px auto;} .cbc-progress td {line-height:24px;font-size:12px;} .cbcp div {float:right;height:20px;width:20px;background-position:center center;background-repeat:no-repeat;} .cbcp .run {background-image:url('/files/dynamic/651a5a05z14eb0fd32f4z7f8a.gif');background-size:100%;} .cbcp .p {background-image:url('/files/dynamic/27830e4az17830a9aa24z1b67.svg');background-size:80%;} .cbcp .f {background-image:url('/files/dynamic/6180b72cz18115076677z7ff8.svg');background-size:100%;}