/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : May 13, 2022, 8:20:19 PM Author : charl */ /*phone*/ @media only screen and (max-width: 700px) { .rmv-on-live{ text-align: center; font-weight: bolder; font-size: 2em; margin-top: 10%; white-space: normal; } #act-exst > a{ text-decoration: none; margin-left: 40%; color: sienna; font-size: 1.1em; } .activity-area,#page-area{ height: auto; display: none; margin-top: -1em; } .activity-area > ul li,#page-area > ul li{ list-style:none; text-decoration: none; margin-left: 0; } .activity-area > ul li a{ margin-left: -2em; color: #307D7E; font-weight: bold; line-height: 1.5em; font-size: 1.5em; } .activity-field{ font-size: 1.5em!important; } .actn-on-pst{ display: none; position: absolute; margin-left: -15em; z-index: 1; margin-top: -0.25em; } .actn-vid-pst,.actn-vid-cmnt{ display: none; margin-top: -1em; } .actn-vid-cmnt a,.actn-vid-pst a{ color: gray; } .actn-bus-set{ margin-left: -23em!important; background-color: aliceblue; border-radius: 1em; } .invdl-evnt .actn-on-pst > ul{ width: 14.5em; margin-left: 10em!important; } .actn-on-pst a{ color: gray; } .actn-on-pst > ul{ width: 15em; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.35em; } .actn-on-evt select{ margin-left: 0.25em; } #img-comment .actn-on-pst > ul{ width: 8em!important; } .actn-vid-pst > ul,.actn-vid-cmnt > ul{ background-color: #fff; position: absolute; margin-left: -6em; width: 7em; z-index: 2; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.5em; } .actn-on-btr{ position: relative !important; } .actn-on-btr > ul{ width: 65%; margin-left: 4em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } .actn-on-btr > ul li a{ font-size: 1.35em !important; } .shw-abt-galry .actn-on-pst,#viewersComment .actn-on-pst{ margin-left: -5em!important; } .actn-on-btr .actn-shft-flg{ margin-left: 0 !important; } .actn-on-pst > ul li{ list-style: none; margin-left: -1.5em; } .actn-vid-pst > ul li,.actn-vid-cmnt > ul li{ list-style: none; margin-left: -1em; } .actn-on-pst > ul li span{ margin: 0.6em; } .actn-on-pst > ul li a{ text-decoration: none; font-size: 1.25em; } .actn-vid-pst > ul li a{ text-decoration: none; } .actn-on-prfl{ display: none; position: absolute; z-index: 1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 5em; margin-left: -1em; } .actn-on-prfl > ul{ width: auto; margin-left: -1em; background-color: #F8F8FF; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } .add-dlt-001{ float: left; } #admin-membs{ display: none; margin-left: 2%; margin-top: 0; height: 12.5em; overflow-y: auto; width: 15em; word-break: break-all; } .admin-asgmnt .avatar-gal img{ margin: 0.15em 0.25em; height: 2.2em; width: 2.2em; } .admin-asgmnt .avatar-gal-empty{ display: inline-block; background: #ddd; width: 2.5em; height: 2.5em; border-radius: 50%; line-height: 2.5em; text-align: center; font-size: 0.9em; cursor: pointer; margin: 0.25em; } #admin-tgl{ cursor: pointer; text-align: center; } #add-post-note .avatar{ margin: 0.5em; font-size: 0.8em; float: left; width: 84%; } #add-post-note{ display: none; background-color: #EBF4FA; min-width: 20em; margin-left: -0.15em; border-right: 0.15em #ccc solid; border-bottom: 0.15em #ccc solid; height: 20em; overflow-y: auto; overflow-x: hidden; margin-top: 0; } .algn-cmnt-totl-msk{ color: #fff; margin-left: 5% } .algn-adm-nme{ margin-top: 1.5em; } .algn-4my-plc{ top: 0.5em!important; } .all-drpdwn{ display: none; } #add-open-job,#applctn-infc,#creating-event,#add-to-event,#accptd-event,#custom-background{ position: relative; top: 0.5em; width: 95%; height: auto; min-height: 5em; margin: 0 auto; display:none; background-color: #ecf5f5; font-size: 1.2em; z-index: 100; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #add-open-job form,#applctn-infc form,#creating-event form,#add-to-event form{ padding: 1em 0 1em 0; } #add-text-status{ height: 2.5em; width: 96%; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } .add-spc{ position: relative; left: 5%; } #add-vid-text{ height: 2.5em; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } #add-text,#add-vid-text{ height: 2.5em; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } .add-year > .rmv-add-yr,.add-month > .rmv-add-mn,.add-day > .rmv-add-dy, .add-year-sec > .rmv-add-yr-sec,.add-month-sec > .rmv-add-mn-sec,.add-day-sec > .rmv-add-dy-sec{ font-size: 1em; } .add-year,.add-month,.add-day,#add-present,.add-year-sec,.add-month-sec,.add-day-sec{ margin-right: 2%; } .adding-text{ resize: none; white-space: normal; font-family: Arial; font-size: medium; text-align: center; } .add-img-aft-001{ margin: 1%; display: none; } #add-pix-000-001{ margin: 2% 0 5% 5%; } #add-pix-000-001 > a{ text-align: center; text-decoration: none; } .admin-asgmnt{ text-align: center; } #admin-nme{ width: 80%; height: 2em; resize: none; margin: 1em 0; white-space: normal; } .admn-nme-emp{ margin-left: 0.5em; cursor: pointer; font-size: 0.8em; white-space: normal; } .admn-nt-emp{ margin-left: 0.5em; cursor: pointer; font-size: 0.8em; } .algn-evt-imgs{ text-align: center; } .algn-propty{ margin-top: 1em; width: 100%; float: left; } #ansrs-continue{ margin-top: 2em; width: 10em; margin-left: 5em; } .ava-cvr-001{ width: 100%; float: left; margin: 0.5em; } .wrp-hvr-ply{ width: 100%; } .hvr-ovr-vid-med{ width: 100%; } .hvr-ply{ width: 100% } .wrp-vid-clk-cvr{ height: 100%; cursor: pointer; } .wrp-vid-ply{ width: 100%; height: 100%; } .year-input-sec,.month-input-sec,.day-input-sec,.year-input,.month-input,.day-input,.year-input-rel{ background-color: lightgrey; font-size: 1em; } .algn-btr-inpt{ width: 100%; margin: 0 5%; } #algn-selc{ position: relative; } .algn-arrw{ margin-top: 0.1em; position: absolute; } #all-right-top{ width: 0; background-color: #000; overflow-x: hidden; } #all-right-top i{ font-size: 2em; } .altern > a{ text-decoration: none; color: #000000; font-size: 1em; } .altern{ margin-top: 1em; } .altern, .other{ font-size: 1em; font-weight: bolder; text-align: center; color: #000000; } .altern-other{ width: 96% } #attached-name{ margin-left: 3%; } .ava-opt{ margin-left: 7%; } .ava-empty > a, .avatar > a{ cursor: pointer; } .ava-lft{ width: 8%; float: left; } .ava-nme{ width: 85%; float: left; margin: 0.1em 0.35em; } .ava-rgt{ width: 85%; float: left; margin-left: 1em; } .ava-empty,.avatar-wtn-empty,.avatar-gal-empty{ background: #ddd; width: 3em; height: 3em; border-radius: 50%; line-height: 3em; text-align: center; font-size: 0.8em; cursor: pointer; display: inline-block; } .avatar-emp-admin{ background: #ddd; width: 3.3em; height: 3.3em; border-radius: 50%; line-height: 3.3em; text-align: center; font-size: 0.7em; cursor: pointer; float: left; } .ava-empty > a,.avatar-gal-empty > a,.avatar-wtn-empty > a, .ava-lft > a,.ava-empty-shr > a.avatar-emp-admin > a{ text-decoration: none; font-weight: bolder; } .ava-empty-shr{ background: #ddd; width: 3.5em; height: 3.5em; border-radius: 50%; line-height: 3.5em; text-align: center; font-size: 0.6em; cursor: pointer; float: left; } .ava-emty-nme-nte{ float: left; font-size: 0.8em!important; } .suggessted-pal-ind-pix-notfy .ava-empty{ margin-left: 0.3em; } .ava-adj{ margin-left: 0.3em!important; } .ava-adj > a{ font-size: 1em!important; } .ava-adj .avatar{ margin-left: 0.3em; } .rec-suggessted-share-notfy li a > .avatar,#suggessted-rfr-notfy li a > .avatar,#suggessted-pal-notfy li a > .avatar,#suggessted-pal-biz li a > .avatar,#suggessted-alwd-notfy li a > .avatar,#suggessted-sel-notfy li a > .avatar,#suggessted-rmv-notfy li a > .avatar,.suggessted-pal-biz-notfy li a > .avatar, .suggessted-pal-ind-notfy li a > .avatar,.suggessted-pal-ind-vid-notfy li a > .avatar,.suggessted-pal-ind-pix-notfy li a > .avatar,#suggessted-plc-flwr-notfy li a > .avatar,.suggessted-plc-flwr-more li a > .avatar{ width: 1.8em; height: 1.8em; border-radius: 50%; vertical-align: middle; cursor: pointer; margin-top: 0.25em; margin-right: 0.25em; } .rec-suggessted-share-notfy li a > .ava-empty,#suggessted-rfr-notfy li a > .avatar,#suggessted-pal-notfy li a > .ava-empty,#suggessted-pal-biz li a > .ava-empty,#suggessted-alwd-notfy li a > .ava-empty,#suggessted-rmv-notfy li a > .ava-empty,.suggessted-pal-biz-notfy li a > .ava-empty, .suggessted-pal-ind-notfy li a > .ava-empty,.suggessted-pal-ind-vid-notfy li a > .ava-empty,.suggessted-pal-ind-pix-notfy li a > .ava-empty,#suggessted-plc-flwr-notfy li a > ava-empty,.suggessted-plc-flwr-more li a > ava-empty{ background: #ddd; width: 2.5em; height: 2.5em; border-radius: 50%; line-height: 2.5em; text-align: center; font-size: 0.7em; cursor: pointer; display: inline-block; margin-top: 0.25em; margin-right: 0.9em; } .avatar img, .avatar-gal img{ width: 2.5em; height: 2.5em; border-radius: 50%; vertical-align: middle; cursor: pointer; } .avatar-wtn img{ width: 2.2em; height: 2.2em; border-radius: 50%; vertical-align: middle; cursor: pointer; } .avtr-curs{ cursor: pointer; } #barterBtn,#barterBtn2{ left: 30%; font-size: 1em; position: relative; } #barterBtn2{ left: 45%; } #barterInformation{ float: left; width: 100%; margin: auto; white-space: normal; margin-top: 2em; } #barter-have-form,#barter-want-form,#add-pix-form{ width: auto; border: 0.1em solid #F1F1F1; } #barter-img-cover{ position: relative; } #barterInformation .actn-on-btr{ position: absolute!important; } #barterInformation .actn-on-btr > ul{ font-size: 0.8em!important; } .bck-arrw{ position: absolute; left: 1%; top: 0.1em; font-size: 1.5em; color: #FFF; text-decoration: none; } #biz-algn{ margin-right: 2em; } #biz-log-cov{ width: 100%; margin: 0; clear: both; } #biz-top-hde{ display: block; } #biz-wrap .shift-reply .new-drpdwn{ width: 93%; } body, html{ margin: 0; padding: 0; } body{ background: #FCFFFE; } .btn-under-avatar{ margin-top: 0em; } .btn-under-avatar > .shw-abt-cmnt{ float: left!important; } #btnFriend,#btnBlock{ float: left; width: 100% } .btn-job{ font-size: 1.2em; float: right; margin-right: 5%; } #btr-chce-001{ height: 2em; } .btr-dlt-001{ float: right; margin-right: 2.5%!important; cursor: pointer; } .btr-dlt-001 > a{ font-weight: 900; } #btr-img-detail{ width: 100%; position: relative; top: 2.0em; } #btr-img-disp{ width: 100%; position: absolute; margin: 0 auto; top: 2.0em; background-color: #000; } .btr-img-sft{ margin: 0 auto; width: 16em; } #btr-rmv-cover{ width: 100%; position: absolute; background-color: #0076a3; } #btr-img{ cursor: pointer; height: 25em; width: 90%; margin: 2% 5%; padding-bottom: 5%; } .btr-image-shft{ display: block; height: 22.0em; width: 80%; margin: 0 auto; } .btr-img-size{ height: 10em; width: 100%; } .btr-image-sizes{ height: 20em; width: 100%; } .btr-arr-rgt,.btr-arr-lft,.btr-arr-mdl{ display: none; } .btr-arr-mdl-phn{ margin-left: 40%; font-size: 4em; color: green; width: 100%; } .btr-phn-arr-dwn{ position: relative; left: 45%; font-size: 3em; color: green; } #btr-prdt-srch,#btr-lctn-srch{ float: left; margin-top: -0.3em; margin-left: 2.5%; } #btr-srch-dsp-opt{ margin-left: 5%; width: 80% } #btr-sel-choice{ float: left; } #btr-stm-vwe{ width: 100%; margin: 0 auto; padding-top: 1em; margin-top: 2em } #btr-stm-vwe > h1{ text-align: center; color: cadetblue; font-size: 1em; } .busns-shr-ntfy-pal{ resize: none; margin-left: -2.3em; width: 15em; } #business-register{ text-align: center; margin-top: -1.5em; margin-bottom: 6em; } #business-register a{ line-height: 30px; text-decoration: none; color: #000000; font-size: 1.5em; font-weight: bold; white-space: normal; } #business-register button{ font-size: 0.9em; } .indivi-share-ntfy{ position: absolute; } .business-share,.setn-share,#pal-nme-notfy,#pal-rmv-notfy,.business-share-ntfy,.indivi-share-ntfy,#flwr-nme-notfy{ display: none; } .business-share-rmv{ margin-bottom: 1.5em; } #rec-chce-sel-chk .notifying-tag{ font-size: 0.8em; } .business-tag,.notifying-tag,.selected-tag,.remove-tag{ cursor: pointer; position: absolute; font-weight: bold; font-size: 1em; margin-top: -0.5em; } button{ color: #0000FF; } #cam-gal-image{ display: none; } .cam-image,.cam-image-resp,#cam-image-gal{ display: none; } #canc-incmplt-btr{ margin-left: 70%; font-size: 1em; margin-top: -0.5em; } .cam-image-resp{ height: 1.2em; } #cam-img{ display: none; } .cancel-barter,#canc-unfnshd-btr{ height: auto; width: auto; left: 23.5%; font-size: 1em; position: relative; } #cancel-img-pre{ font-size: 1em; } .cancelButton,.cancelMyPlcBtn{ font-size: 1em; } .cancel-cam,.elevate{ z-index: 10; position: relative; font-size: 1em; } #cancel-gal-image-prev{ margin-left: 15%; font-size: 1em; } #cancel-preview-image{ margin-left: 22%; font-size: 0.9em; } #canvas-bck{ top: 10%; z-index: 1; position: absolute; left: 1em; width: 90%; height: 22em; } #canvas{ position: absolute; top: -5em; } .cat-nme #cancel-preview-image{ margin-left: 17%!important; } .cat-nme .like-comment{ margin: 0.5em 0.3em 0 4em; } .cancel-preview-reply-image{ margin-left: 20%; font-size: 1.2em; } .cat-nme .cancel-preview-reply-image{ margin-left: 15%!important; } .cancel-preview-reply-resp{ margin-left: 22%; margin-top: 0.2em; } .cat-nme .cancel-preview-reply-resp{ margin-left: 15%!important; font-size: 0.7em; } #cancel-vid-pre{ font-size: 1em; } .cancelling-reply{ font-size: 0.9em; margin-left: 8%; } .comment-icon{ font-family: sans-serif; font-size: 1em; position: relative; font-weight: 100; top: -1.3em; } #cncel-admin-frm{ margin-left: 0.5em; } .cat-nme{ margin-top: 0.5em; margin-left: 0.5em; float: left; font-weight: 600; font-size: 1.2em; } .cat-nme > p{ color: cadetblue; } .cat-nme > a{ font-size: 1.1em; color: #493D26; text-decoration: none; } #category-choice{ width: 100%; left:0; margin-top: -0.05em; } #cover-categ-0001{ border: 0.1em solid #ddd; background-color: #fff; overflow-y: auto; min-height: 5em; max-height: 10em; } #category-choice:before{ left: 34%; top: -0.75em; } .category-sizing{ width: 60%; font-size: 1em; cursor: pointer; position: relative; font-weight: bold; background: darkgray; text-align: center; width: 15em; margin-top: 0; } .category-top-drop{ background-color: #ecf5f5 !important; border-top: 1px solid #ecf5f5; border-right: 1px solid #ecf5f5; border-bottom: 1px solid #d4dcdc; border-left: 1px solid #ecf5f5; cursor: pointer; position: relative; } .category-top-res{ font-size: 0.7em; list-style: none; margin: 0.3em; padding: 0 0 0 0.3em; outline: 0; text-decoration: none; } .category-top-corner{ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0.5em; } .category-top-actv{ background: #fff; color: #e17009; font-weight: bold; } .category-top-deflt{ color: #2e6e9e; font-weight: bold; } .celeb-covr-lg011{ margin: 1.5% 0 0 0%; } #change-cover{ width: 100% } #chat-actv{ position: absolute; top: 0.5em; right: 15em; } #chat-actv-container{ display: none; left: 5%; height: 20em; position: fixed; border: 0.1em solid #2e6e9e; z-index: 2; background-color: #FFFFFF; width: 90%; } .chat-actv-indvdl{ height: 100%; } #chats-act-dspl-wrap{ float: left; width: 35%; height: 100%; position: relative; bottom: 0; display:none; } #chats-actv-top{ border-right: 0; } #chats-actv-top,.chats-slctd-top{ position: relative; top: 0; left: 0; background-color: blue; height: 7%; width: 100%; } .chats-slctd-top{ z-index: 3; cursor: move; } #chats-actv-display{ left: 0; width: 100%; height: 93%; position: relative; border-right: 0.08em solid lightgrey; white-space: normal; overflow-y: auto; overflow-x: hidden; } #chats-actv-slctd-wrap{ float: left; width: 100%; height: 100%; position: relative; bottom: 0; } #chats-actv-selected{ left: 0; width: 100%; height: 93%; position: relative; } #chat-btn{ float: right; height: 2em; margin-right: 1.5em; } #chat-container{ height: 25em; width: 98%; position: fixed; border: 0.1em solid #2e6e9e; display: none; margin: 0 1%; z-index: 1; background-color: #FFF; top: 20%; overflow-x: hidden; } .chat-date{ float: right; } #chat-displ-close{ color: red; cursor: pointer; font-size: 1.5em; width: 10%; } .chat-displ-sec-close{ color: red; position: absolute; cursor: pointer; font-size: 1em; } .chat-displ-sec-close{ float: right; right: 0; display: none; } #chat-id{ position: absolute; top: 1em; right: 4em; border: 1px solid green; text-align: center; width: 4.0em; height: 1.8em; border-bottom-left-radius: 50% 25%; border-bottom-right-radius: 50% 25%; border-top-left-radius: 50% 25%; border-top-right-radius: 50% 25%; background: lightgreen; font-size: 1em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #chat-id > span{ top: 0.8em; position: relative; } #chat-id-actv{ border-radius: 50%; height: 2.5em; width: 2.5em; } .cht-emj{ width: 100%; } .cht-emj .emoji-drpdwn a > img{ margin-top: 0.15em; } .chat-rspnse,.chat-rtn{ font-size: 1.5em; padding: 0.1em; } .chat-sndr-id{ border: solid lightgrey thin; } .chat-sndr-id a{ font-size: 75%; padding-left: 0.5em; cursor: pointer; text-decoration: none; word-break: break-all; } .chat-sndr-id:hover{ background-color: #F0F8FF; } .chat-sndr-id:hover .chat-displ-sec-close{ display: block; } .chat-sndr-glow{ position: absolute; box-shadow: 0px 8px 0px 10px #FFA500; display: none; width: 8em; } #chat-msg{ width: 100%; white-space: normal; height: 65%; overflow-y: auto; overflow-x: hidden; display: inherit; } #check-box{ padding: 0.23em; } #choosing-categry{ font-size: 1em; } .chk-shf-001{ margin-left: 0.5em; color: green; } .chk-shf-002{ color: #ccc; margin-left: 0.5em; } #chat-notif{ line-height: 0; bottom: 0; position: fixed; width: 100%; z-index: 1; height: 3.5em; right: 0; } .chn-styl-001{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); width: 90%; height: 10em; margin: 0 auto; padding-left: 0.5em; border-radius: 0.5em; background-color: #F5F5EC; } #click-login{ width: 100%; height: 3em; font-weight: bolder; font-size: 1.2em; } #click-submit{ width: 35%; height: 3em; } #cncl-job{ margin-left: 5%; font-size: 1em; } #cncl-event{ margin-left: 13%; font-size: 1em; } .close > a,.cls-joi-000-001 > a{ margin-top: -3.2em; } .close-event > a{ margin-top: -1.0em; } .close-acpt > a{ margin-top: -1.5em; cursor: pointer; } .close > a, .close-job > a, .close-event > a, .close-acpt > a, .close-aply > a,.cls-joi-000-001 > a{ float: right; margin-right: 0.5em; font-size: 1.25em; color: #FF0000; text-decoration: none; } .close-job > a, .close-aply > a { margin-top: -1.2em; } #cls-rgt,#dis-rgt,#bug-cls,#bug-rpt{ font-size: 1.2em; width: 5em; margin: 1em; } #cover-middle-shre{ text-align: center; } #cover-middle-shre a{ text-decoration: none; } #cover-top{ margin: 0 auto; width: 100%; margin-top:1.5em; } .cvr-all-101{ position: absolute; left: 1%; top: 1%; } .cvr-cel-001 button{ margin-left: 10%; margin-top: 3%; } .cvr-cel-001 .algn-arrw{ font-size: 2em; position: relative; top: 0.2em; left: 0.2em; color: #FFF } .cvr-cel-001 > button{ color: #FFF; font-weight: bolder; } .mobile-pdf { display: block; } .mobile-pdf > a{ text-decoration: none; font-size: 1.1em; margin-left: 20%; } .emj,.emj-svg{ height:1.1em; width:1.1em; background-position:center; background-repeat:no-repeat; background-size:contain; display:inline-block; vertical-align:middle; } #info-given > .close-btr a{ font-size: 2em; color: #FF0000; margin-left: 90%; cursor: pointer; } #comnt-intfc{ margin-top: 2em; margin-left: 1em; width: 90%; float: left; border-bottom: solid 0.1em #ddd; border-top: solid 0.1em #ddd; } #comnt-intfc > a{ color: darkslategrey; font-size: 1.1em; } .container { position: absolute; margin-top: 3.6em; width: 100%; } .container-gal { width: 100%; } .container-center5,#container-center6{ position: relative; width: 100%; padding-bottom: 5%; } #container-inner{ width: 90%; margin: 0 auto; font-size: 2.1em; padding-bottom: 30%; white-space: normal; } #dom-name-hme,#dom-name-plce{ display: none; } #dom-name3{ margin-left: 3em; margin-top: 0.5em; } #dom-name{ margin-left: 35%; } #dom-name3 a > img, #dom-name2 a > img,#dom-name > img,.dom-nme-algn a > img{ height: 35px; width: 35px; border-radius: 50%; overflow-y: hidden; overflow-x: hidden; margin-top: -0.3em; } #dom-name2 > img, #dom-name > img{ margin-top: 0.5em } #container-left1,.left-container,.right-container, #container-left2,.create-account-top,#login-gen-allign,#shw-to-dstp,#container-right4,.friendrequest-popup,#container-right-all,#container-right-event ,#container-right5,#container-right6,#container-left2-prvcy,#container-left2-terms{ display: none; } #container-right1{ width: 100%; } #container-right-all,#container-right-event{ float: right; } #container-right2,#container-center4,#container-center-main,#container-center-event,#container-right2-prvcy,#container-right2-terms{ width: 100%; padding-bottom: 30%; } #container-center-all{ width: 100%; padding-bottom: 100%; } #container-center4,#container-center-main{ float: left; } #rec-container-left,#container-left4,#container-left-all,#container-left-event,#container-left5,#container-left6{ height: 90%; width: 0; position: fixed; z-index: 2; top: 3.6em; left: 0; background-color: #f3f3f0; overflow-x: hidden; transition: 0.5s; } #container-center4,#container-center-main,#container-center-all,#container-center-event{ overflow-x: hidden; } .container a.cam-image-emo{ font-size: 1.25em; cursor: pointer; } #container-left4 ul > li{ cursor: pointer; font-size: 0.75em; margin-left: -1.2em; list-style: none; } #container-video-center{ width: 100%; overflow-x: hidden; } #container-video-left,#container-video-right{ height: 0; } .covr-ltr-cont{ width: 99%; white-space: normal; float: left; height: 15em; resize: none; margin-bottom: 2em; } .cntry-shw-code{ cursor: pointer; height: 3.5em; width: 5%; text-align: center; } #cntry-shw-prv{ cursor: pointer; text-align: center; float: left; font-size: 0.8em; margin-top: 0.6em; } .contry-barter{ float: left; } .contry-barter > select{ height: 3em; } .contry-code-lgn,.contry-code{ position: relative; z-index: 1; margin-top: -1em; opacity: 0; } .contry-code-prv{ position: absolute; z-index: 1; margin-top: -1em; opacity: 0; } #cntr-code-seld-logn,#cntr-code-crat-acct-mbl,#cntr-code-seld-logn-top,#cntr-code-seld-one,#cntr-code-seld-prv{ appearance: none; -moz-appearance: none; -webkit-appearnce: none; -o-appearance: none; -ms-appearance: none; border: 0; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 70%); position: absolute; width: 5em; } #cover-signup{ width: auto; margin-top: -2em; background: #E5E4E2; padding: 0.5em 0; } #created-account{ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ line-height: 1em; margin-top: 3em; padding-left: 0.3em; color: #d43f3a; } .create-gallery-popup, .create-video-popup{ height: auto; overflow: hidden; text-align: center; } .pref-set-up-modal{ font-size: 0.85em!important; } .create-new-prof,.pref-set-up-modal,.ctg-000-001,.pref-bug-rpt-modal{ position: fixed; top: 3em; width: 100%; height: 15em; margin: 0 auto; display:none; background: #FFF; font-size: 1.2em; z-index: 999999; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } .create-new-categ-cover,crt-grp-000-001{ width: 100% } .create-new-categ-top,.disbl-pge-top,.crt-grp-000-002{ margin: 0 auto; font-size: 0.85em; color: #3282e6; padding-top: 1em; padding-bottom: 1em; font-weight: 400; width: 70%; } .create-profile{ margin: 0 0.25em; float: left; } .curr-pst{ font-size: 0.9em; } #cvr-lbl-txt{ width: 80%; } .dbl-chn-sty-001{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); width: 90%; height: 10em; padding-left: 0.5em; border-radius: 0.5em; background-color: #fff; margin: 0 auto; } .dbl-chn-sty-001 > a{ text-decoration: none; } #deletelink{ margin-left: 0.6em; font-size: 1em!important; } .disbl-pge-top{ font-size: 1.2em; white-space: normal; } #displ-notfctn{ float: left; position: absolute; margin-top: 1em; } #displ-notfctn > a{ text-decoration: none; color: #FEFCFF; } #emoji-dropdown{ overflow-y: auto; background-color: #ddd; float: left; position: relative; width: 17.5em; } #default-not-tab{ margin-left: 6.5em; } #default-not-tab,#default-home-tab{ width: 6em; position: absolute; } #descr-avail,#descr-want { border: none; overflow: auto; width: 99%; resize: none; font-size: 1.2em; } #dialog-overlay,#dialog-overlay-side{ display: none; opacity: 0.8; position: fixed; top: 0px; left: 0px; background: #FFF; width: 100%; z-index: 10; } #dialog-box,#dialog-box-side{ display: none; position: fixed; background: #000; border-radius: 0.44em; width: 95%; margin-left: 2.5%; z-index: 1000; } #dialog-box > div,#dialog-box-side > div{ background: #FFF; margin: 8px; } #dialog-box > div > #dialog-box-head,#dialog-box-side > div > #dialog-box-head-side{ background: #667; font-size: 19px; padding: 10px; color: #ccc; } #dialog-box > div > #dialog-box-body,#dialog-box-side > div > #dialog-box-body-side{ background: #333; padding: 20px; color: #FFF; white-space: normal; } #dialog-box > div > #dialog-box-foot,#dialog-box-side > div > #dialog-box-foot-side{ background: #667; padding: 10px; text-align: right; } #dis-cel-011{ position: relative; display: none; left: 10%; bottom: 3em; z-index: 2; width: 12em; top: -7em; } #dis-cel-011 > ul{ height: 4em; overflow-y: auto; background-color: #fff; border-radius: 0.5em; overflow-x: hidden; } #dis-cel-011 li{ list-style: none; margin-left: -2em; line-height: 1.5em; cursor: pointer; } #dis-cel-011 a{ text-decoration: none; color: #000; } .disbl-pge-top{ font-size: 1.2em; white-space: normal; } .disbl-acct-form{ position: relative; display: none; left: 0%; background-color: #FFF; width: 100%; z-index: 100; } #dis-rgt{ float: right; margin-right: 3em; } .displayed-info{ font-size: 0.75em; word-wrap: break-word; } .displayed-info-all{ width: 100%; color: #000; float: left; font-size: 0.8em; white-space: normal; word-break: break-all; } .display-list-cover{ white-space: normal; } #disp-btn-und-ava{ margin-left: 0!important; } .div-cnt-cvr-001 > .emoji-drpdwn{ margin-left: 20%!important; } .div-cnt-cvr-001{ height: 2.3em; } .dlt-admn{ margin-top: -1.5em; display: none; position: absolute; margin-left: 15%; } .dlt-btr{ display: none; position: absolute; margin-top: -2em; margin-left: -9em; } .dlt-btr li{ list-style: none; } .dlt-biz{ display: none; position: absolute; margin-left: 25%; margin-top: 1em; } .dlt-biz a,.dlt-admn a{ font-size: 1.3em!important; color: #000!important; } .dlt-biz ul,.dlt-admn ul,.dlt-btr ul{ width: 6em; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.5em; } .dlt-algn{ margin-left: 2em; } .dlte-note{ float: left; width: 5%; } .dlte-note a{ color: gray; top: 0.25em; position: relative; } .dlte-note-ava{ margin-top: 0.8em; } .dlt-vid,.dlt-vid-ply{ display: none; position: absolute; z-index: 1; width: 5em; margin-left: -5em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-top: 0.5em; background-color: white; border-radius: 0.8em; } .dlt-vid a,.dlt-vid-ply a{ text-decoration: none; font-family: sans-serif; font-size: 0.75em; } .dlt-vid ul,.dlt-vid-ply ul{ background: #FEFCFC; padding: 1em 0 1em 1em; line-height: 1.1em; } .dlt-vid ul li,.dlt-vid-ply ul li{ list-style: none; border-bottom: 0.1em #fff solid; margin-top: -1.5em; } #dom-name2{ text-align: center; left: 0; font-size: 1.5em; } .drpdn-shft-vid{ top: 1em; } .dropdown-likes,.dropdown-frwks,.dropdown-cnfti{ position: relative; display: inline-block; } #video-contner-left .dropdown-likes-content{ margin-top: 1.5em; } .dropdown-likes-content,.dropdown-frwks-content,.dropdown-cnfti-content,.dropdown-subs-content{ display: none; position: absolute; background-color: #000; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2; border-radius: 0.5em; } .dropdown-frwks-content,.dropdown-cnfti-content{ top: 2.5em; } .dropdown-accepted-content { display: none; position: absolute; background-color: #000; width: 15em; margin-left: -4em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2; } .dropdown-likes-content a,.dropdown-frwks-content a,.dropdown-cnfti-content a,.dropdown-subs-content a{ color: #fff; padding: 1.5px 2px; text-decoration: none; display: block; cursor: pointer; } .dropdown-accepted-content a{ color: #fff; text-decoration: none; display: block; cursor: pointer; margin-left: -2em; } .dropdown-accepted-content li{ list-style: none; } .dropdown-profile{ margin-left: 15%; } #drpdwn-show-profile{ width: 87%; } #drpdwn-show-profile ul{ border: 0.1em solid #DDD; background:#000; width: 100%; max-height: 12em; min-height: 5em; overflow-y: auto; border-radius: 0.5em; } .dropdown-profile-menu{ display: none; position: absolute; z-index: 1; font-size: 1.2em; } .dropdown-profile-menu ul > li{ margin-left: -1em; list-style: none; } .dropdown-profile-menu ul > li a{ color: #FFF; } .dropdown-profile-menu:before{ content: ""; position: absolute; left: 70%; top: 0.3em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #000 transparent; } #drpdwn-show-status ul{ background: #000; border-radius: 0.5em; height: 12em; overflow-y: auto; } .dropdown-status{ margin-left: 6%; } .dropdown-status-menu{ display: none; position: absolute; width: 98%; z-index: 1; font-size: 1.2em; overflow: hidden; } .dropdown-status-menu:before{ content: ""; position: absolute; left: 26%; top: 0.2em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #000 transparent; } .dropdown-status-menu ul > li{ margin-left: -1em; list-style: none; } .dropdown-status-menu ul > li a{ color: #FFF; } #dy{ height: 3em; margin: 1%; } #d-y-m-cover{ margin-top: 0; line-height: 1em; } #dym-text{ margin-left:1em; font-weight: bold; } #dym-select{ margin-left: 1.5em; } .dbl-chn{ background-color: #FFFDD0; height: auto; padding: 2.5%; margin-bottom: 10%; } #embd-vid{ font-weight: 900; position: relative; left: 10%; float: left; cursor: pointer; } .embd-chk-fld .new-drpdwn{ margin-top: 0.7em; } .embd-chk-fld .new-drpdwn:before{ left: 17.2em!important; } #embd-vid-url-txt{ resize: none; position: relative; top: 2em; width: 15em; height: 3em; } #emoji-dropdown > img { width: 1em; height: 1em; } #creating-event .emoji-drpdwn{ margin-left: 1em!important; position: absolute; margin-top: -0.5em; } .emoji-drpdwn{ margin-top: 1%; margin-left: 14%; } .emoji-drpdwn > a{ cursor: pointer; } .emoji-drpdwn > img{ margin-top: 1em; } .empty-gallery > button{ float: left; width: 100%; font-size: 1em; } .emp-pg-algn{ text-align: center; } .entr-job-info,.aplkntInfo{ float: right; width: 55%; height: 2.5em; } .entr-evnt-info{ float: left; width: 95%; font-size: 1em; height: 2em; } #er{ color: #FF0000; text-align: center; } .error-area{ text-align: center; color: #FF0000; white-space: normal; } .evnt-algn{ text-align: left; margin: 2%; font-size: 1.2em; color: #808000; } .evnt-image{ margin: 0 auto; width: 96%; height: 30em; } .event-label{ margin: 2%; } .event-label > .styl-upld{ margin-left: 2.5%; } #evnt-conainer{ width: 95%; margin: 0 auto; white-space: normal; } #evnt-conainer p{ font-size: 1.3em; } .evnt-pg-algn{ text-align: center; } .fav-list{ text-align: center; } #file-input{ font-size: 0.8em; margin-top: 4%; } #file-input-wall,#file-input-gal,.file-input-wall-reply,#file-gal-wall,.file-input-comReply,#file-input-wall-stats{ visibility: hidden; } .flag-cmnt{ margin-left: 5%; } .flag-cmnt > a{ font-size: 0.8em; text-decoration: none; } .footer > p { font-size: 0.5em; } .footer{ white-space: nowrap; line-height: 0; background-color: lightgrey; bottom: 0; position: fixed; width: 100%; z-index: 10; height: 3.5em } .for-all-txt{ height: 3.5em; width: 97%; margin-left: -0.45em; border: 0; } .for-all-txt-mbl{ height: 3.5em; width: 37.5%; border: 0; } #forgot-pwd{ margin-left: 20em; } #forgot-pwd > a{ text-decoration: none; color: gray; font-weight: bold; font-size: 0.8em; } #form-errors-sign-in,#form-errors-sign-in-sec,#form-error-fne-mbl,#form-error-lne-mbl,#form-error-eml-mbl,#form-error-reml-mbl, #form-error-pwd-mbl,#form-error-rpwd-mbl,#form-error-date,#error-show{ white-space: normal; color: #d43f3a; margin-left: 1.5em; } #form-error-date{ margin-top: 0.5em; width: 90%; } .flg-algn{ width: 100%; } .flg-algn-img{ width: 1.8em; margin: 0 0.25em; } .friend-block,.follow-block,#joi-000-001,.subs-page{ width: auto; font-size: 0.82em; text-decoration: none; font-weight: 600; color: darkgray; margin: 0.2em; } #rec-pst-dspl-cont .subs-page{ float: none!important; } .ppl-invt-view{ height: 11em; display: none; white-space: normal; border: 0.1em #ddd solid; overflow-y: auto; } .friends-list, .pictures-view, .photos-view, .videos-view, .favs-view, .create-gallery-popup, .create-video-popup,.folw-view{ height: 20.0em; display: none; white-space: normal; border: 0.1em #ddd solid; overflow-y: auto; } .friends-list{ margin-left: 0; } .pictures-view li > a, .photos-view li > a{ margin: 0.5em; } .friends-list > .frnds-placing-cover, .videos-cover{ width: 100%; margin-top: 1.5em; } .frnds-placing-cover > .frnds-placing{ display: inline-block; width: 30%; margin: 0.6%; } .frnds-placing-cover > .frnds-placing img, .videos-cover > .video-wrap video{ width: 100%; float: left; display: inline; height: 5em; } .friends-list > .friends-count, .image-show-all-gal > .friends-count{ font-size: 1.25em; color: blue; margin-bottom: 0.5em; text-decoration: none; float: left; width: 100%; } div.friends-list > .friends-count{ position: relative; } div.friends-list > a.friends-count:hover{ color: #000; } .frnds-name > a{ line-height: 0.5em!important; font-size: 0.8em!important; } .frnds-name{ word-wrap: break-word; line-height: 0.8em; } .friendrequest-popup{ width: 96%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); position: absolute; margin-top: -0.4em; z-index: 1; left: 1.5%; } .frnds-placing a, .indiv-list-displ a{ text-decoration: none; } .friendrequests,.followrequests,.joinRequest{ overflow-y: auto; padding: 0.2em; width: auto; white-space: normal; } .frd-012-lnk-010{ margin-left: 5em; } .gallery-area{ height: 10em; overflow: scroll; } #gallery-images li img,.galleries li img{ width: 103%; height: 10em; cursor:pointer; border-radius: 0.5em; } #gallery-images li{ list-style: none; width: 32%; float: left; margin: 0.6%; height: 10em; border-radius: 0.5em; background-color: #ccc } #gallery-name-more{ margin: 2.5% 10%; font-size: 0.9em; height: 1.5em; width: 80%; } .gmba-ownr-star .rec-cic-icn-str{ left: 25%; } #invt-ppl-join{ margin: 2%; font-size: 0.9em; height: 3em; width: 90%; } #gallery-name{ width: 80%; height: 3em; margin: 2.5% 10%; } #grp-000-001{ display: none; } #grp-000-001-mbl{ background-color: #000080; border-radius: 0.5em; text-align: center; margin-bottom: 2em; margin-left: 1%; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } #grp-000-001-mbl > a{ color: #FFF; line-height: 30px; text-decoration: none; font-weight: bold; white-space: normal; padding: 0.3em; } .grp-012-ava-010{ margin-top: 0.6em; white-space: normal; float: left; width: 30.5%; margin: 0.15em; } .grp-012-ava-010 > .user-info{ margin-bottom: 0.5em; } .grp-012-mem-011{ margin: 0.5em; text-decoration: none; height: 10.5em; float: left; } .grp-012-mem-011 > img{ width: 6em; height: 6em; margin-top: 1em; } .grp-all-ava-010{ margin: 1.5%; float: left; height: 15em; width: 47%; } .grp-all-mem-011 > img{ width: 100%; height: 12em; } .grp-all-txt-010{ white-space: normal; text-align: center; width: 100%; } .grp-dsp-txt-021{ margin: 1em; font-size: 1.2em; color: #0000FF; } #guest-user{ font-size: 0.6em; top: 45px; } .header{ background: #18afff; width: 100%; height: 3.1em; position: fixed; z-index: 3; white-space: nowrap; font-size: 1.2em; top: 0; } .header-center{ width: 98%; margin: 0 auto; } .hide-dlt-cat{ display: none; width: 7em; position: absolute; margin-left: -8em; margin-top: -0.5em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.25em; background-color: #000; } .home-icon{ float: left; margin: 0 0.25em } .home-icon a{ text-decoration: none; } .hme-arw{ color: #FFF; cursor: pointer; font-size: 2em; margin-right: 0.5em; } .hme-crs-pntr{ cursor: pointer; color: #FAEBD7!important; } .header-gal{ background: #6698FF; width: 100%; height: 3em; white-space: nowrap; font-size: 1.2em; top: 0; } .headerwell{ float: left; } .hi-lt-biz{ color: #228B22; } .hi-lt-nme{ color: #000; } .hidden-choices{ display: none; margin-top: 0.15em; position: absolute; z-index: 1; } .hidden-choices li{ list-style: none; margin-left: -1.8em; } .hidden-choices li a{ text-decoration: none; font-size: 1.5em; color: #000; } .hidden-choices:before{ content: ""; position: absolute; top: 0.25em; left: 50%; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #FFF transparent; } .hidden-choices-cat{ display: none; margin-top: -0.9em; position: absolute; z-index: 1; } .hidden-choices-cat li{ list-style: none; margin-left: -1.8em; } .hidden-choices-cat li a{ text-decoration: none; font-size: 1.5em; color: #000; } .hidden-choices-cat:before{ content: ""; position: absolute; top: 0.55em; left: 47%; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #fff transparent; } .hlight,.hlightTgd{ background: #EBF4FA; } .hlite-type{ font-size: 1.3em; color: #000AAA; font-weight: bold; margin-bottom: 1.5em; } .fa.hme-icn-biz{ position: relative; margin-top: 5%; font-size: 1.3em; float: right; right: 7%; color: #FFF; } .hr-sty{ height: 3px; background-color: purple; } .hr-line{ height: 0.1em; margin: 1em 0; width: 100%; float: left; background-color: #ccc; } #galPostBtn{ float: right; font-size: 1em; position: relative; } .galry-lst-vid-med{ float: left; width: 100%; height: 26em; } .galry-lst-vid-med video{ width: 100%; border-radius: 0.5em; background-color: #ccc; } a.image-show-all-gal:hover{ color: #000; } #image-click > img, .image-click-reply > img,.image-click-select > img, .image-click-reply-resp > img{ width: 2em; height: 2em; cursor: pointer; } #img-caption{ margin-top: 1.0em; font-size: 0.7em; margin-left: 1.0em; color: #fff; padding-bottom: 0.001em; } .img-cover{ position: relative; top: 1.0em; float: left; } #img-comment-box{ margin: 0 auto; display: none; width: 98%; } .image-field{ margin-left: 1.0em; cursor: pointer; } #image-gal-click{ height: 1.5em; width: 1.5em; } .image-gal-com{ height: 1.25em; width: auto; cursor: pointer; } #img-error-msg{ text-align: center; font-size: 2em; margin-top: 20%; } #image-exist{ text-align: center; } #img-text,#rec-img-text{ height: 4em; width: 100%; resize: none; white-space: normal; background-color: #fff; font-size: 0.8em; display: inherit; overflow-y: auto; border: 0.15em solid #F1F1F1; border-radius: 0.5em; } .indvl-aplcnt{ margin: 2%; } .indvl-shr-ntfy-pal,.indvl-shr-ntfy-pal-rec{ width: 13.2em; resize: none; margin-left: -1em; } .indvl-shr-pix-ntfy-pal{ width: 20em; resize: none; margin-left: 2.5em; border-radius: 0.35em; height: 1.5em; } #rec-top-cvr .indvl-shr-pix-ntfy-pal{ margin-left: 0!important; width: 19em!important; } .indvl-shr-vid-ntfy-pal{ width: 20em; resize: none; } #img-comment{ width: 100%; height: auto; margin: 0 auto; white-space: normal; float: left; margin-top: 1em; } #img-comment .cam-image-emo{ font-size: 1.2em; } #img-comment a{ font-size: 1.2em; text-decoration: none; font-weight: bolder; cursor: pointer; } #image-click-gal{ height: 1.8em; width: auto; } #image-click-gal-diff{ margin-left: 2%; float: left; } .image-show-all-gal > .image-wrap a{ margin-left: 0; } .image-show-all-gal > .image-wrap{ margin: 2%; float: left; height: auto; width: 40%; } .image-wrap > .move-up{ position: relative; top: 0; left: 0; word-wrap: break-word; } .image-show-all-gal > .image-wrap img,.waiting-friends > .member-profile img{ width: 100%; height: 5em; } #img-error-msg{ text-align: center; font-size: 2em; margin-top: 20%; } .img-ext{ width: 100%; height: 36em; background-color: #000; } .indvl-aplcnt{ margin: 2%; } #info-wanted > p{ text-align: center; } #info-given,#info-wanted{ margin: 0 auto; display: none; width: 100%; } #info-given li{ list-style: none; width: auto; height: auto; } #info-given a{ text-decoration: none; display: block; line-height:1.50em; pointer-events: auto; color: #000000; width: 100%; } #info-given > li{ float: left; } #info-given > li ul{ display:none; width: auto; height: auto; margin-top: 0; z-index: 999; position: relative; } #info-prof{ float: left; white-space: nowrap; margin-top: 3.5em; margin-left: 3.5em; } .info-well-wrap{ float: right; margin: 0 0.25em; } .input-adjust{ float: left; width: 40%; margin: 1%; font-size: 1.5em; } #input-vis{ cursor: pointer; display: none; margin-left: 10%; } #infmtn{ font-weight: bold; width: 80%; white-space: normal; margin-left: 10%; margin-top: 1em; } #infmtn > li{ list-style: none; margin-left: 12%; margin-top: 0.5em; } #innr-001-111{ box-shadow: 0px 40px 16px 0px rgb(0 0 0 / 20%); margin: 0 auto; border-radius: 50%; height: 10em; width: 10em; text-align: center } #innr-001-111 > i{ margin-top: 0.5em; color: lightslategrey; font-size: 5em; } #innr-001-111-txt{ font-weight: bold; color: lightslategray; } #outr-001-111{ margin-top: 5%; } #intro, #reqmnt, #prohbt, #links, #liablty, #arbtratn, #termntn, #copyrgt, #chnges, #link-prvcy, #link-guide, #crtng, #btrng, #mdia, #cntnts, #employ, #crt-shre,#crt-indp,#crt-gemba,#vlt-gemba,#crt-int-def, #inf-usd, #hw-shre,#cnt-rsp,#embd{ font-weight: bold; width: 80%; white-space: normal; margin-left: 20%; margin-top: 1em; } #intro a, #reqmnt a, #prohbt a, #links a, #liablty a, #arbtratn a, #termntn a, #copyrgt a, #chnges a, #link-prvcy a, #link-guide a, #crtng a, #btrng a, #mdia a, #cntnts a,#crt-indp a,#employ a, #crt-shre a,#crt-gemba a,#vlt-gemba a, #crt-int-def a, #infmtn a, #inf-usd a, #hw-shre a, #cnt-rsp a, #embd a{ text-decoration: none; } .inpt-fnt{ font-size: 1em; } .invdl-evnt button{ font-size: 1.2em; margin-left: 65%; } .invt-count{ float: right; } .invt-count > span{ text-decoration: none; cursor: pointer; color: #079914; } .input-adjust{ float: left; width: 40%; margin: 1%; height: 2.5em; } .invdl-evnt{ margin: 3em 0 8em 0; } .invtee-nms > a, #invtee-add > a{ cursor: pointer; text-decoration: none; color: #2B65EC; white-space: normal; } #invtee-add > a{ color: #7F5217; } #item-avail,#item-exch{ position: relative; margin: 2.5%; } #item-avail > a{ margin-left: 0; font-size: 1.0em; font-weight: bold; } #item-description,#item-desc-wanted,#item-exch,#canc-incmplt-btr{ display: none; } #item-description,#item-desc-wanted{ float: left; position: relative; margin: 0 2%; width: 96%; } #jail-after{ height: 2.5em; } .job-applcnts{ float: right; margin-top: 2.5em; margin-right: 1.5em; } .job-applcnts > a{ text-decoration: none; color: #A52A2A; } .job-dtls{ font-size: 1.1em; font-weight: bold; } .label-text{ width: 80%; } #jail-cover{ width: 100%; float: left; } .job-label{ text-align: left; margin: 1.5em; } .indiv-list-displ{ display: inline-table; width: 24%; height: 12em; margin: 0.5%; text-align: center; } .indiv-list-displ img, .indiv-list-displ video{ height: 8em; width: 100%; float: left; } .lft-rgt-arr-001{ display: none; } .up-dwn-arr-002{ font-size: 4em; color: green; text-align: center; margin-top: -0.15em; } #left-wrap{ text-align: center; } #left-wrap > a{ text-decoration: none; } #l-g-message { padding-bottom: 7%; font-family: sans-serif; color: #000000; font-size: 1.2em; } #lnk-privcy, #guide-actvts{ font-weight: bold; white-space: normal; margin-top: 1em; } #lnk-privcy a, #guide-actvts a{ text-decoration: none; } .listng-itm{ margin-left: 2.5%; } .like-comment-msk{ color: darkgray; } .like-comment{ cursor: pointer; color: darkgray; margin: 0.5em 0.3em 0 7em; } .lks-cmn-010{ position: absolute; width: 100%; z-index: 1; top: 85%; } .like-img-comment,.like-vid{ cursor: pointer; color: #c0a16b; font-size: 0.7em; margin: 0.5em 0.3em 0 5em; } .like-vid-comment{ margin-left: 2em; float: left; cursor: pointer; color: #c0a16b; font-size: 0.7em; } #live-dsktp-001{ display: none; } .load-more{ height: 1em; } .load-more-shft{ margin-bottom: 2em; } .load-more-vid-cmnt{ float: left; width: 100%; margin-top: 3em; padding-bottom: 2em; } #login-Activities,#login-Activities2{ font-size: 0.7em; } #login-allign-login{ float:left; margin-left:0; margin-top: 0.2em; font-size: 1.0em; } #login-allign-mail{ float:left; margin-left: 0.5em; margin-top: 0.25em; } #login-allign-stay-logged{ margin: 0.35em 0 0 3.9em; position:absolute; font-size: 0.8em } #login-allign-submit{ margin: 0.2em 0 0 0; } #login-direct-2account,#login-direct-2account2,#login-direct-2account3{ padding: 0 0 3% 0; margin-left: 4%; } #location-add{ display: none; float: left; margin: 1em 2%; width: 100%; } .log-nme-001-mbl > a{ text-decoration: none; color: #fff; font-weight: 600; font: icon; font-weight: bold; font-size: x-large; } .log-nme-001-mbl{ position: absolute; top: 1.8em; left: 35%; } .log-nme-001-011{ color: #fff; font: icon; font-size: x-large; position: absolute; top: 0.5em; font-weight: bold; } #login-bgrnd{ margin: 0 auto; } #login-box-bottom,#login-box-top{ margin: 1em; } #login-box-middle{ line-height: 20px; } #login-box-middle{ margin-top: -2em; } #login-forgot-txt { text-align: center; padding: 5px; margin-top: 1.5em; } #login-forgot-txt a { text-decoration: none; color: #000000; font-size: 1.2em; } #login-forgot-txt a:hover{ font-weight: normal; text-decoration: none; color: blueviolet; } .login-direct:before,.login-direct-algn:before,#dym-text:before{ content:"*" ; color: red; } .log-crt-acct-direct:before{ margin-top: 1.1em; content:"*" ; color: red; position: absolute; } .login-direct{ margin: 3.5%; } #login-submit { left: 0; top: -1.5em; } .mask { background: rgba(23,47,77,45); left: 0; top: 0; position: fixed; z-index: 99; width: 100%; height: 100%; -moz-opacity: 0.8; opacity: 0.7; transition: opacity 2s; transition-delay: 0.1s; filter: alpha(opacity=80); } .mem-fam{ font-size: 0.75em; } .member-wrap{ text-align: center; } .mobl-dspl-rgt{ font-weight: bold; font-size: 1.5em; color: #FFF; } .mobl-dspl{ display: block; left: 0.5em; top: 0; text-decoration: none; position: absolute; font-size: 1.5em; font-weight: bolder; color: #FFF; } #mov-cht{ padding-top: 1.5em; } .move-up{ margin-top: -0.7em; text-align: center; } #msg-bdy-scroll{ height: 65%; overflow-y: auto; overflow-x: hidden; white-space: normal; border-top: 0.08em solid grey; font-size: 0.6em; background-color: #F0F8FF; } #msg-find-frnds{ height: 100%; } .msg-wgt-add{ margin-left: 2.5em; margin-top: 0.5em; font-size: 0.8em; } .msg-wgt-body{ padding-bottom: 1em; } .msg-wgt-input { bottom: 0; height: 35%; border-top: 0.1em solid grey; width: 100%; margin-left: 0.1em; } #msg-wgt-footer{ height: 32%; margin-left: -0.1em; background-color: #F0F8FF; width: 99.92%; } .msg-wgt-friends{ height: 60%; background-color: #FEFCFF; overflow-y: auto; overflow-x: hidden; border-top: 0.08em solid rgba(0,39,121,0.76); white-space: normal; } .msg-wgt-frnds-msg{ height: 22.7%; background-color: #F0F8FF; overflow-y: auto; overflow-x: hidden; border-top: 0.08em solid rgba(0,39,121,0.76); white-space: normal; } .msg-wgt-header{ background-color: #6D84B4; text-align: center; height: 8%; position: relative; z-index: 3; cursor: move; } .msg-wgt-header a{ text-decoration: none; font-weight: bold; color: #fff; font-size: 0.7em; width: 90%; white-space: normal; float: left; word-break: break-all; } .msg-frnds-srch{ height: 2.5em; width: 96.5%; border: 0; resize: none; margin-left: 0.05em; } .message{ text-align: center; font-family: sans-serif; color: #000000; font-size: 1.2em; } #message1-cover,#message2-cover,#message3-cover{ padding: 5px; } #message2-cover .message a{ text-decoration: none; } #message2-cover .message a:hover{ color: #000000; background: #ddd; font-weight: normal; text-decoration: none; } #message-error{ text-align: left; font-family: sans-serif; color: #000000; font-size: 0.9em; margin: 20px 0 0 15px; } #message1-error{ text-align: left; font-family: sans-serif; color: #cc00cc; font-size: 1.0em; margin: 20px 0 0 15px; } #mth{ height: 3em; margin: 1%; width: 30%; } .name-style{ color: blueviolet; font-weight: 600; font-size: 1.2em; } .nav-friends{ width: 100%; } .name-stats{ float: left; position: relative; top: 0.7em; left: 0.35em; white-space: normal; } .nme-container a{ font-size: 0.7em; text-decoration: none; } .nme-ttl{ float: left; width: 100%; line-height: 0; } .name-place{ float: left; width: 100%; cursor: pointer; word-wrap: break-word; } .nme-ava-biz-algn{ white-space: normal; } .num-vid-vws{ float: left; } .nav-friends,.video-album{ text-align: center; } .nav-friends a, .video-album a, .admin-asgmnt a, .video-list a, .fav-list a, .create-gallery a, .select-gallery a,.evnt-pg-algn a, .emp-pg-algn a,.folw-list a{ line-height: 2em; text-decoration: none; color: #000000; font-size: 1.5em; font-weight: bold; } .new-drpdwn{ height: 11em; background-color: #fff; position: relative; border: 0.15em solid #ddd; } .new-drpdwn-galry{ width: 88%; height: 12em; background-color: #fff; margin-top: -0.6em; position: absolute; border: 0.15em solid #ddd; z-index: 99999999; } .new-drpdwn-galry-fst{ width: 80%; height: 12em; background-color: #fff; margin-top: -1.1em; position: absolute; border: 0.15em solid #ddd; z-index: 999; } .new-drpdwn-galry-snd{ width: 83%; height: 12em; background-color: #fff; margin-top: -0.8em; position: absolute; border: 0.15em solid #ddd; z-index: 99999999; } .new-drpdwn::before{ content: ""; position: absolute; left: 22%; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #ddd transparent; } .new-drpdwn-galry::before{ content: ""; position: absolute; left: 25%; top: -0.6em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.6em 0.6em; border-color: transparent transparent #ddd transparent; } .new-drpdwn-galry-fst:before{ content: ""; position: absolute; left: 24%; top: -0.6em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.6em 0.6em; border-color: transparent transparent #ddd transparent; } .new-drpdwn-galry-snd:before{ content: ""; position: absolute; left: 28%; top: -0.6em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.6em 0.6em; border-color: transparent transparent #ddd transparent; } #nme-flw-mem{ margin-bottom: 1.5em; margin-left: 1em; } .nf-001-wrk,.nc-011-tti{ margin: 0 0.25em; } #over-img-com > .new-drpdwn{ margin-top: -0.8em; } #over-vid-com > .new-drpdwn{ margin-top: -0.75em; } #over-vid-com .new-drpdwn::before{ left: 4.9em!important; } .replying-on-gallery .new-drpdwn{ margin-top: -0.8em; } .replying-on-vid-gallery-rep{ margin-left: 10%; width: 65%; } .replying-on-vid-gallery-resp{ margin-left: 10%; width: 60%; } .replying-on-vid-gallery-resp > form{ margin-top: -1.3em; } .replying-on-vid-gallery-resp .cancelling-reply{ margin-left: 6%; } .notf-btn{ float: right; margin: 0.5em; font-size: 0.9em; } #o-sex{ margin-left: 2em; } #o-submit{ margin-left: 20%; } .over-name-page{ color: #000; white-space: normal; word-break: break-all; } .over-name-page > a{ font-size : 1em; } .over-posts-main,.over-posts{ width: 101%; height: 2em; } .over-reply,.over-reply-resp{ width: 94%; height: auto; margin-bottom: 1.0em; } #over-img-com{ width: auto; height: auto; } .over-img-gal{ height: auto; margin-bottom: 1em; width: 100%; } #ovr101lay0112101{ width: 90%; height: 80%; margin-left: 5%; } #page-admin{ display: none; width: auto; } #page-area{ text-align: left; margin-left: 0.5em; } #page-area > ul{ margin-left: -1em; overflow-x: auto; } #page-area > ul li a{ margin: 0; color: #307D7E; font-weight: bold; line-height: 1.5em; font-size: 1.3em; } #page-create { margin: 2em 0 1em 1em; } #page-create a{ text-decoration: none; color:sienna; } #pal-nme-evnt{ margin-bottom: 3%; } #pal-nme-ind-vid-shr{ margin-left: -6.5em; } .add-new-place .tab-content{ border: 0!important; } .add-new-place{ padding: 0!important; font-size: 1em!important; margin-top: 0!important; width: 100%!important; height: 35em!important; border: 0!important; } .add-new-place #rec-geo-loc{ width: 70%!important; } #page-information-cover,.add-new-place{ position: relative; width: 95%; margin: 0 auto; margin-top: 2.5em; display: none; height: 28em; background-color: #F1F1F1; padding: 0.5em; border: 0.2em solid #ddd; font-size: 1.2em; z-index: 999; box-shadow: 0 0 20px #999; /* CSS3 */ -moz-box-shadow: 0 0 20px #999; /* Firefox */ -webkit-box-shadow: 0 0 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #page-information-cover .cancelButton{ float: left; margin-left: 1em; } .add-new-place #submitButton{ margin-left: 15%!important } .add-new-place .prevButton{ margin-top: 2.5em!important; } .add-new-place .cancelMyPlcBtn{ margin-left: 2.5em!important; } #page-name,#place-name,#place-purpose{ float: left; margin: 0 0.35em 0.35em 0.35em; width: 90%; border: 0.09em solid; } #page-purpose{ margin-left: 7.5%; width: 81%; border: 0.09em solid; } #pub-pvt,#pal-nme-evnt{ width: 95%; } #pub-pvt-aft{ margin-left: 0.5em; width: 95%; } .personal-info{ margin: 0 0.25em; white-space: normal; width: 100%; clear: both; float: right; } .personal-info .actn-on-prfl{ margin-left: -3em; } .photo-album,.photo-album-display,.person-invite-display{ text-align: center; } .photo-album a,.photo-album-display a,.person-invite-display a{ line-height: 2em; text-decoration: none; color: #000000; font-size: 1.5em; font-weight: bold; } .person-invite-display a{ color: #0909FF; } #pge-001-mem,#pge-001-pges{ overflow-x: hidden; white-space: nowrap; overflow-y: hidden; } #picture-barter{ position: fixed; width: 100%; background-color: #F1F1F1; height: 100%; margin: 0 auto; display:none; font-size: 1.2em; z-index: 999999; } #picture-barter > a{ font-size: 1.5em; text-decoration: none; color: #d43f3a; } #picture-barter-detail{ position: fixed; width: 100%; background-color: #F1F1F1; height: 100%; display:none; font-size: 1.2em; z-index: 100; bottom: 0; } #picture-box,#picture-box-lge{ position: fixed; top: 0; overflow-y: scroll; width: 100%; background: #FFF; display:none; z-index: 999; bottom: 0; } #picture-box-lge{ background-color: #000; } .lks-cmn-010 > .like-comment-msk{ color: #fff!important; } #picture-box > button { font-size: 2em; z-index: 999; position: fixed; right: 2%; color: red; font-weight: bolder } #plc-pst-dspl-cont .like-comment{ margin: 0.2em 0.25em!important; } #postBtn{ font-size: 0.9em; margin-left: 5%; } #postBtnEvnt{ font-size: 1em; float: right; margin-right: 8%; } #post-area .dropbtn-likes,#post-area .no-dropbtn-likes{ margin: 0.5em 0.3em 0 1em!important; } #post-event-form > .new-drpdwn{ height: 10.5em; } #post-event-form > .new-drpdwn:before{ margin-left: -1em; } #post-event-form > .new-drpdwn .tab-emoji li a{ font-size: 0.73em!important; } #post-event-form > .new-drpdwn .tab-content-emojis-ini, #post-event-form > .new-drpdwn .tab-content-emojis{ height: 7.99em!important; } #post-event-form > .emoji-drpdwn{ margin-left: 0; } #postImgBtn{ float: right; font-size: 1em; } .post-overall-cover{ background: #D9E9F1; height: auto; width: 100%; overflow: hidden; margin: 0 1%; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } .post-select-drop > img{ height: 1.7em; width: 1.8em; border-radius: 1em; background-color: #FFF; } .pref-info-area{ text-align: center; color: #3BB9FF; position: absolute; bottom: -0.5em; line-height: 1em; width: 50%; } .pref-set-up-modal,.pref-bug-rpt-modal{ height: auto; width: 100%; border-radius: 1.5% 1.5% 1.5% 1.5%; position: fixed; } .pref-modal-hedr{ margin: 2%; height: 10%; } .pref-modal-hedr > h3{ padding: 2%; } .pref-tab-indx{ height: 100%; width: 100%; } .post-field,.reply-field{ font-weight: bold; float: left; } .post-field > img{ height: 1.7em; width: 1.7em; } .preview-mutl-close{ display: none; } .img-cover:hover .preview-mutl-close{ display: block; cursor: pointer; font-size: 1.8em; margin-left: 4em; top: 0; position: absolute; font-weight: bolder; color: red; } .preview-gal-resp{ position: relative; } .preview-gal-resp > img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 6em; width: 7em; } .preview-gal-resp video { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); width: 7em; } .preview-gal-resp:hover > #preview-close-resp{ display: block; cursor: pointer; font-size: 1.2em; left: 9.0em; position: absolute; font-weight: bolder; color: #FF0000; } #privacy-req-first,#privacy-req-second,#privacy-req-third{ position: relative; top: -1em; width: 85%; white-space: normal; color: #FF0000; } .privacy-disp-resp{ display: none; position: relative; top: -1em; width: 85%; white-space: normal; } #privcy-trms{ width: 90%; margin: 0 auto; font-weight: bold; } .prf-mdl-cls-btn{ position: absolute; right: 1em; top: 0; font-size: 2.5em; font-weight: bolder; } .prf-mdl-cls-btn > a{ justify-content: center; height: 1.5em; width: 1.5em; color: red; text-decoration: none; } .pref-modal-bdy{ min-height: 0em; } .pref-modal-dlg{ width: 100%; } .pref-modal-left{ width: 30%; float: left; } .pref-modal-right{ width: 70%; white-space: normal; float: left; } .pref-modal-btn{ background: #FEFCFF; color: #FFF; width: 100%; cursor: pointer; border: 0; border-radius: 0.5em; margin-left: 0.2em; } .pref-mdl-icn{ position: relative; color: #4C4646; float: left; width: 1em; } .privacy-setn,.recovery-setn,.recess-setn,.comment-setn{ display: none; } .pref-mdl-sctn-nav{ color: #4C4646; float: left; width: 87%; text-align: left; } .pref-prv-pub-algn{ text-align: center; } .pref-styl-desc{ font-size: 1em; margin: 2%; } .pref-styl-all-sectn{ margin: 1%; overflow-x: hidden; height: 19.5em; overflow-y: auto; padding-bottom: 1.5em; } #preview-avail-image{ width: auto; overflow-x: auto; height: auto; border-bottom: 0.15em solid #F1F1F1; } #preview-image-evnt{ width: 90%; margin: 0 auto; overflow-y: auto; } #preview-avail-image img, #preview-image-evnt img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 6em; width: 8em; margin: 0 0.15em 0.15em 0; } #preview-cls-img{ display: none; position: absolute; left: 5.0em; color: #C11B17; cursor: pointer; } .preview-gal-resp:hover > #preview-cls-img{ display: block; font-size: 1.5em; } .preview-size img,#preview-image img, #preview-image-add-stats img, .preview-size video,#preview-image video,#preview-image-add-stats video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 8em; width: 10em; } #preview-image-com img, #preview-image-com video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 6em; width: 8em; } #preview-image-gal img, #preview-image-gal video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 8em; width: 10em; } #preview-image-close, #preview-image-closeGal,#preview-close-resp{ display: none; color: #F62217; } #preview-image:hover > #preview-image-close,.preview-size:hover > #preview-image-close,#preview-image-gal:hover > #preview-image-close{ display: block; cursor: pointer; font-size: 1.8em; margin-top: 0em; margin-left: 4.5em; position: absolute; font-weight: bolder; } #preview-image-gal:hover > #preview-image-close{ margin-left: 8em!important; } #preview-image-com:hover > #preview-image-closeGal{ display: block; cursor: pointer; font-size: 1.5em; left: 6em; position: absolute; font-weight: bolder; color: #FF0000; } #preview-image-com,#preview-image-gal,.preview-size,#preview-image,#preview-image-add-stats{ width: auto; } .prevButton{ margin-top: 0.4em; font-size: 1em; margin-left: 2% } #privacy-info-error,#privacy-quest-error,#privacy-rst-error,#privacy-no-quest-error,#act-000-005{ color: #d43f3a; width: 60%; margin: 0 auto; white-space: normal; } .priv-dom-cover{ width: 10%; float:left; box-sizing: border-box; margin-top: 1%; } .priv-dom-right{ position: absolute; left: 85%; top: 0; } .view-wtng-frnds img, .view-wtng-frnds a{ height: 1.5em; width: 2em; text-decoration: none; color: #CCC; } .home-icon i,.create-profile i,.profile-type-dropdown i{ margin-top: 0.2em; text-decoration: none; color: #CCC; } #privacy-body{ width: 100%; margin-left: 10%; padding-bottom: 4%; } #privacy-body > .cancel-popup, #privacy-body > #privacy-submit{ font-size: 1em; } #privacy-check-info,#act-000-001{ width: 95%; background-color: #FFFFFF; margin: 2em auto; } #privacy-email{ margin-left: -0.5em; } .privacy-que-ans{ width: 85%; margin-left: 2%; height: 2.5em; } .profile-type-dropdown{ float: left; margin: 0 0.1em; } .profile-update a{ text-decoration: none; font-family: sans-serif; font-size: 0.75em; } .profile-update ul li{ list-style: none; border-bottom: 0.1em #fff solid; } .profile-update ul{ background: #FEFCFC; padding: 1em 0 1em 1em; line-height: 1.1em; } .prof-ovrd > a i{ color: #FAEBD7; } .prof-ovrd-bsness > a i{ color: greenyellow; } .privacy-lbl-txt,#privacy-que-text{ font-size: 1em; white-space: normal; } #privacy-rst-pwd{ width: 60%; height: 4.5em; margin-top: 1em; margin-left: 20%; } #privacy-setting-cover{ text-align: center; } #privacy-setting-cover > a{ text-decoration: none; } #privacy-submit{ margin-left: 25%; } #privacy-text{ padding: 1em; width: 100%; } .privacy-text-size{ width: 82%; margin-bottom: 4%; height: 2.5em; } .privacy-text-size-cover{ width: auto; } #privacy-que-cover{ margin-left: 10%; margin-top: 1.5em; } #prvacy-sentence,#act-000-003{ font-size: 1.2em; margin: 0em 0 1em 0; white-space: normal; float: left; } #privacy-ans-text, #first-que-inpt, #prvt-name-inpt, #second-que-inpt, #phone-txt-inpt, #email-txt-inpt,#pwd-inpt, #pwd-re-inpt, #privacy-rst-inpt{ width: 100%; height: 3.5em; } #prvt-code-inpt,#privacy-text-input{ width: 95%; height: 4.5em; } #privacy-txt-inpt,#act-000-004{ width: 96%; height: 4.5em; font-size: 0.95em; } .priv-txt-inpt-cov,.act-00-01{ width: 100%; margin: 0.5em 0; float: left; } .priv-inpt-cvr-ovly,.text-inpt-cover,.question-label{ width: 100%; float: left; } .privacy-cont-cover,.act-00-02{ margin: 0 auto; float: left; width: 100%; } #privacy-setup{ overflow-x: hidden; } .profile-info,#privacy-setup{ position: absolute; top: 3em; width: 95%; height: auto; margin-left: 2.5%; display:none; background-color: #ecf5f5; font-size: 1.2em; z-index: 999; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #profile-pic-box > img, #profile-biz-box > img{ width: 100%; height: 100%; } #profile-pic-box a > img, #profile-biz-box a > img{ width: 100%; margin: 0; } #tgl,#tgl-categ,#tgl-biz,#tgl-logo{ display: none; position:absolute; z-index:10; background:#D8F08E; border:#81A332 1px solid; border-radius:3px; padding:5px; font-size:12px; text-decoration:none; color:#60750B; } #tgl-logo { margin-top: 4em; margin-left: 2em; } #profile-pic-box > #profile-form, #profile-biz-box > #profile-form-biz, #profile-form-categ, #profile-logo > #profile-form-logo{ display:none; opacity:0.8; background-color: #E5E4E2; width: 100%; float: left; } #profile-pic-box, #profile-biz-box{ overflow-y:hidden; overflow-x:hidden; height: 20em; margin: 0 auto; width: 100%; } #profile-logo{ width: 180px; height: 180px; border-radius: 50%; overflow-y:hidden; overflow-x:hidden; margin-bottom: 2em; margin-left: 0.5%; margin-top: -4em; background-color: #E9EFEE; z-index: 1; position: relative; } #profile-logo > #profile-form-logo{ width: auto; height: 15em; position: absolute; } .profile-form-int{ text-align: center; } .profile-form-int > p{ margin-top: 0; margin-left: 12em; } .profile-form-int-logo{ text-align: center; } #profile-pic-box:hover a, #profile-biz-box:hover a,#profile-logo:hover a{ display: block; } #prv-ans-que{ margin-left: 10%; } .privacy-cont-cover > #privacy-info-error{ position: absolute; text-align: center; } .re-pswd{ margin-left: -1em; } #rec-add-vid-cntrl{ right: 1em; } .rec-biz-nme-mbl{ display: none; } #rec-btn-vid-msk > button{ float: right; } .rec-chk-fld,.rec-actn-on-shre ul,.rec-shw-for-all ul,.rec-plc-on-shre ul,.embd-shw-for-all ul{ font-size: 1em!important; } #rec-chg-med-dsp{ height: 50vh; position: absolute; width: 100%; } #rec-cmnt-hold{ z-index: 1; color: #FFF; text-align: center; position: absolute; bottom: 1em; left: 0.5em; white-space: normal; } #rec-cvr-all-undr{ padding: 0.2em 0.2em 2em 0.2em; border-radius: 1em; margin: 0.5em 1.5em 0 0.5em; } #rec-inr-stp-bbl{ height: 50vh } #cvr-src-cnv-img{ width: 100%; } #rec-data-entr-plc,#embed-url-video{ display: none; margin-bottom: 3em; float: left; width: 100%; } #embd-vid-pub{ float: right; width: 3.5em; height: 1.5em; margin-top: -0.5em; font-size: 1.5em; } .rec-drop-zone { height: 10em; padding: 0.5em; text-align: center; font-family: "Quicksand", sans-serif; font-weight: 500; cursor: pointer; color: #cccccc; border: 0.2em dashed #ccc; border-radius: 0.625em; margin: 0 auto; position: relative; top: 1.6em; overflow-y: auto; overflow-x: hidden; padding-bottom: 5em; } .rec-mobl-dspl{ display: block; } #rec-exp-wde{ position: absolute; right: 1em; z-index: 1; bottom: 0; } #rec-exp-ret-wde{ position: relative; color: #FFF; left: 70%; z-index: 1; top: 0.25em; } #plc-pst-dspl-cont .reply-resp-boxes .reply-boxes{ width: 80%!important; } #plc-pst-dspl-cont .shft-ld-mre{ margin-top: 1em; } #plc-pst-dspl-cont .shift-image-rep{ height: 12em; width: 100%; margin: 0 auto!important; } #plc-pst-dspl-cont .over-reply-resp .new-drpdwn{ margin-top: 0.6em; } #plc-pst-dspl-cont .over-reply-resp .cancel-preview-reply-resp{ margin-left: 5%!important; } #plc-pst-dspl-cont .reply-boxes{ width: 90%; margin: 0 auto!important; position: relative; top: 1em; } #plc-pst-dspl-cont .cancel-preview-reply-image{ margin-left: 5%!important; } #plc-pst-dspl-cont .new-drpdwn .tab-emoji li a{ font-size: 0.9em!important; } .plc-img-algn,.plc-img-algn-repl{ width: 60%; margin: 0 auto; } #plc-pst-dspl-cont .over-reply-resp .new-drpdwn .tab-emoji li a{ font-size: 0.7em!important; } #plc-pst-dspl-cont video.shift-image-rep{ width: 100%; height: 12em; background-color: #000; } #plc-pst-dspl-cont video.shift-image-rep-res{ width: 100%; height: 10em; background-color: #000; } #plc-pst-dspl-cont .over-reply-resp .emoji-drpdwn{ margin-left: 9%!important; } #plc-pst-dspl-cont .over-reply-resp .tab-content-emojis-ini, #plc-pst-dspl-cont .over-reply-resp .tab-content-emojis{ height: 8.5em!important } #plc-pst-dspl-cont .style-data-under-resp{ margin-left: 0!important; } #plc-pst-dspl-cont .reply-resp-image{ margin-left: 10%; font-size: 1em; } #plc-bck-to-recs{ text-align: center; font-size: 1.2em; margin-top: 1em; } #plc-bck-to-recs a{ text-decoration: none; } .rec-notf-dsp-ownr{ margin-left: 25%; } #rec-lst-cmn-rgt-btm .status-boxes-vid{ width: 90%!important; } #rec-myplc-all-cvr #rec-vid-fel-cvr{ left: 0!important; } .plc-lod-mre{ margin-top: 2.5em; } /*#plc-pst-dspl-cont .style-data-under{ margin-left: -6em; }*/ #plc-pst-dspl-cont .actn-on-pst{ margin-left: -18em!important; } #plc-pst-dspl-cont .actn-on-pst > ul li{ margin-left: -1em!important; } #plc-pst-dspl-cont .actn-on-pst > ul li a{ font-size: 1em!important; } #rec-dsp-cvr-all .new-drpdwn{ width: 55%; top: 1em; float: left; } .rec-prv-img-titl .rec-cmnt-hide .new-drpdwn{ margin-top: 0.25em; } .rec-prv-img-titl .rec-cmnt-hide .emj-mn{ height: 1em !important; width: 1em !important; margin-top: 0.35em; } .rec-cmnt-hide .tab-content-emojis-ini,.rec-cmnt-hide .tab-content-emojis{ height: 7.25em!important; } .rec-prv-img-titl .rec-cmnt-hide .new-drpdwn::before{ left: 49%; } .rec-desc-fld-cvr .rec-add-cmnt{ font-size: 0.8em!important; } #rec-dsp-cvr-all .new-drpdwn::before{ left: 11em!important; border-color: transparent transparent #ccc transparent; } #rec-myplc-all-cvr #rec-dsp-cvr-all{ text-align: left!important; width: 80%; margin: 0 auto; } #rec-myplc-all-cvr .tab-content-emojis-ini,#rec-myplc-all-cvr .tab-content-emojis{ height: 7.3em!important; } #rec-lst-cmn-rgt .emoji-drpdwn{ position: relative; top: -0.2em; left: 0.7em; margin-left: 0!important; } #rec-myplc-all-cvr{ margin: 0 auto; } #rec-lst-cmn-rgt .cancelling-reply{ margin-left: 3em; position: relative; top: -0.6em; } #rec-pst-dspl-cont .tab-content-emojis-ini, #rec-pst-dspl-cont .new-drpdwn{ margin-top: -1.5em; } #rec-pst-dspl-cont .tab-content-emojis-ini, #rec-pst-dspl-cont .tab-content-emojis{ height: 8.5em!important; } #rec-pst-dspl-cont .suggessted-pal-ind-notfy{ width: 15em!important; border-radius: 0.5em; margin-top: 0; } #rec-lst-cmn-rgt .cancelling-reply{ margin-left: 3em; position: relative; top: -0.6em; } #rec-lst-cmn-rgt .replying-on-vid-gallery-resp .cancelling-reply{ margin-left: 0!important; margin-right: 0!Important; } #rec-pst-dspl-cont .actn-on-pst > ul li{ margin-left: 0!important; } .rec-status-boxes .indivi-share-ntfy{ position: relative; } #rec-pst-dspl-cont .actn-on-pst > ul li a{ font-size: 1em!important; } .replying-on-gallery-shft .shft-dta-undr{ margin-top: 1.5em!important; } #rec-lst-cmn-rgt-btm .responding{ width: 90%; margin: 0 auto; } #rec-fom-post{ float: right; margin-right: 1em; font-size: 1.5em; margin-top: -0.85em; } #sub-fom-post{ font-size: 1.25em; margin-left: 9em; } #rec-lst-cmn-rgt{ width: 100%; display: none; position: fixed; z-index: 100; float: left; height: 30vh; top: 70vh; overflow-y: auto; overflow-x: hidden; } #rec-lst-cmn-rgt-top{ width: 90%; margin-bottom: 1em; margin-left: 0.5em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; padding: 0.5em; background-color: #FFF; margin-top: 1em; } #rec-lst-cmn-rgt-btm{ width: 100%; margin-left: 0.5em; padding: 0.5em; } .rec-rgt-chv-cvr{ position: relative; left: 87.25%; } .rec-vid-all-cntrl{ margin-top: -3em; position: absolute; width: 100%; } #rec-lst-med-lft{ width: 100%; float: left; height: 100%; background-color: #040711; position: fixed; } .rec-vid-msk{ object-fit: fill; width: 100%; border-radius: 1em; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; } .rec-wrp-bth{ z-index: 1; } #rec-othr-alg-btm{ position: relative; display: flex; bottom: 0.5em; } .rec-pst-cncl{ position: relative; } .rec-drop-zone-thumb { width: 11.85em; height: 10em; border-radius: 10px; overflow: hidden; background-color: #cccccc; background-size: cover; position: relative; margin: 0.2em; } #sel-txt-area-embdb{ width: 18.5em!important; } .rec-prv-img-titl .rec-ind-img-sel{ width: 10.5em; height: 3em; margin-top: 0.4em; margin-left: 0.3em; font-size: 0.88em; } .rec-lbl-sty{ cursor: pointer; font-size: 0.7em; color: #000; position: relative; float: left; top: 0.5em; font-weight: bold; margin-left: 0.5em; } .rec-actn-on-shre{ margin-top: 2.3em!important; } .rec-sel-all-val{ display: none; width: 9.5em; margin-top: 0.3em; height: 1em; resize: none; overflow-y: hidden; } .rec-suggessted-share-notfy{ margin-left: -3em!important; width: 11.5em!important; } .rec-shw-for-all,.embd-shw-for-all{ width: 40%; } .embd-shw-for-all{ left: 25%; top: 2em; } #rec-picture-box-fill{ height: 100%!important; } #rec-picture-box-left,#rec-picture-box-fill{ background-color: #000; width: 100%; height: 100%; display: none; position: fixed; overflow: hidden; padding: 1%; z-index: 100; float: left; } #rec-rmv-button-lge{ float: right; margin-top: -0.9em; } #rec-picture-box-right #viewersComment .actn-on-pst{ margin-left: -3em; } #rec-picture-box-right #viewersComment .actn-on-pst ul{ width: 5em; } #rec-picture-box-right #rec-top-cvr .re-li-el-algn-img .indvl-shr-ntfy-pal-rec{ margin-left: -2.5em!important; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .avatar-gal img{ height: 1.5em!important; width: 1.5em!important; float: left; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-set-mgn{ margin-bottom: 2em; margin-top: -2.5em; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .re-li-el-algn .like-vid-comment{ margin-left: 4em; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .actn-vid-cmnt > ul li a{ font-size: 0.9em!important; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .actn-shft-flg{ margin-right: 0.5em; } #rec-picture-box-fill #rec-lst-cmn-rgt .replying-on-vid-gallery-resp{ margin-top: -3em; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-resp .rec-cam-emj-rpl .emoji-drpdwn{ top: -0.4em!important; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn{ margin-bottom: 0.5em; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .avatar-gal-empty{ display: inline-block; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn, #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .vid-tme-algn{ width: 100%; float: left; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .replying-on-gallery-shft .vid-tme-algn{ width: 100%; float: left; margin-bottom: 0.5em; margin-top: -0.25em; } #rec-picture-box-fill #rec-lst-cmn-rgt #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-resp .emoji-drpdwn{ top: -0.3em!important; } #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-rep{ margin-top: -1.5em; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .avatar-gal, #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .avatar-gal-empty{ float: left; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .avatar-gal-empty{ height: 2em!important; width: 2em!important; line-height: 2em!important; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .tab-emoji li a{ font-size: 0.8em!important; } #rec-picture-box-fill .rec-cam-emj-pst .new-drpdwn::before{ left: 11%!important; } #rec-picture-box-fill #rec-lst-cmn-rgt .cancelling-reply{ top: -0.2em!important; } #rec-picture-box-fill #rec-lst-cmn-rgt .rec-cam-emj-rpl .emoji-drpdwn{ top: -0.4!important; } #rec-picture-box-fill .rec-cam-emj-rpl .cancelling-reply{ left: 1em; } #rec-picture-box-fill #rec-lst-cmn-rgt .new-drpdwn::before { left: 12%!important; } #rec-picture-box-fill .rec-cam-emj-rpl .actn-vid-cmnt > ul li a{ font-size: 1em!important; } #rec-picture-box-fill .rec-cam-emj-rpl .actn-shft-flg{ margin-right: 0.5em!important; } #rec-picture-box-fill #rec-lst-cmn-rgt #rec-lst-cmn-rgt-top #over-vid-com .new-drpdwn::before{ left: 2.1em!important; } #rec-picture-box-right #rec-top-cvr .re-li-el-algn-img .suggessted-pal-ind-notfy .ava-adj > a, #rec-picture-box-right #rec-top-cvr .re-li-el-algn-img .shw-abt-galry a, #rec-picture-box-fill .tab-emoji li a{ font-size: 1.1em!important; } #rec-picture-box-right #img-comment #viewersComment a{ font-size: 0.98em!important; } #rec-picture-box-right #img-comment #viewersComment .tab-content-emojis-ini, #rec-picture-box-right #img-comment #viewersComment .tab-content-emojis{ height: 7.2em!important; } #rec-picture-box-right #img-comment #viewersComment .status-boxes-vid .new-drpdwn{ top: -0.8em!important; } #rec-picture-box-right .replying-on-vid-gallery-resp .emoji-drpdwn .cam-image-emo img{ font-size: 1em!important; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .tab-content-emojis-ini,#rec-picture-box-fill #rec-lst-cmn-rgt-btm .tab-content-emojis{ height: 7.7em!important; } #rec-picture-box-right .replying-on-gallery .new-drpdwn::before{ left: 16%!important; } #rec-picture-box-right #rec-top-cvr .re-li-el-algn-img .shw-abt-galry ul li a{ font-size: 0.9em!important; } #rec-picture-box-right .status-boxes-vid .avatar-gal, #rec-picture-box-right .status-boxes-vid .avatar-gal-empty{ float: left; } #rec-picture-box-right .status-boxes-vid .vid-nme-shft{ margin-left: 0!important; } #rec-picture-box-right .status-boxes-vid .like-vid-comment{ margin-left: 4em!important; font-size: 1em!important; } #rec-picture-box-right #img-comment #viewersComment .replying-on-vid-gallery-rep .tab-content-emojis-ini, #rec-picture-box-right #img-comment #viewersComment .replying-on-vid-gallery-rep .tab-content-emojis { height: 6em !important; } #rec-picture-box-right #img-comment #viewersComment .replying-on-vid-gallery-resp .new-drpdwn a{ font-size: 0.6em !important; } #rec-picture-box-right #img-comment #viewersComment .re-li-el-algn ul li a .actn-shft-flg{ margin-left: -1em!important; margin-right: 0.5em; } #rec-picture-box-right #img-comment #viewersComment .replying-on-vid-gallery-resp .tab-content-emojis-ini, #rec-picture-box-right #img-comment #viewersComment .replying-on-vid-gallery-resp .tab-content-emojis{ height: 7.2em !important; } #rec-picture-box-right #img-comment #viewersComment .replying-on-vid-gallery-resp{ width: 65%!important; } #rec-picture-box-right .shft-dta-undr{ margin-top: 0.5em!important; } #rec-picture-box-right .status-boxes-vid .vid-tme-algn{ float: left; width: 100%; margin-bottom: 0.5em; margin-left: 3.7em; } #rec-picture-box-right #img-comment #viewersComment .new-drpdwn a{ font-size: 0.98em!important; } #rec-picture-box-right #img-comment #viewersComment ul li a{ font-size: 0.8em; } #rec-picture-box-right #img-comment #viewersComment ul li a .actn-shft-flg{ margin-left: 0!important; } #rec-picture-box-right .replying-on-gallery-shft .emoji-drpdwn{ margin-left: 8%!important; } #rec-picture-box-right .replying-on-gallery-shft .emoji-drpdwn .cam-image-emo img{ font-size: 1.2em; margin-top: -0.5em; } #rec-picture-box-right #img-comment #viewersComment .rec-cam-emj-rpl a{ font-size: 0.8em!important; } #rec-picture-box-right #rec-top-cvr .re-li-el-algn-img .suggessted-pal-ind-notfy .ava-adj, #rec-picture-box-right #rec-top-cvr .re-li-el-algn-img .suggessted-pal-ind-pix-notfy .ava-adj{ margin-left: 0!important; } #rec-picture-box-right .re-li-el-algn-img .like-vid-comment{ float: none; } #rec-picture-box-right .status-boxes-img > .re-li-el-algn-img{ font-size: 1.1em; margin-top: 0.5em; } #rec-picture-box-right video.siz-img{ min-height: 10em!important; } #rec-picture-box-right .siz-img{ height: 10em!important; width: 65%!important; } #rec-picture-box-right #post-image-Gal-form .emj-mn{ margin-top: 0; } #rec-picture-box-right .load-more-vid-cmnt{ margin-top: 1em!important; } #rec-picture-box-right #viewersComment .responding .like-vid-comment{ font-size: 1em; } #rec-picture-box-right .status-boxes-img{ margin: 0 1em 1em 0.5em!important; padding: 1em 0.5em; } #rec-picture-box-right{ background-color: #FFF; width: 100%; display: none; position: fixed; overflow-x: hidden; padding: 1%; z-index: 100; float: left; height: 40%; top: 60%; overflow-y: auto; } #rec-picture-box-right #img-comment{ width: 100%; } #rec-picture-box-right #img-comment .shr-pix a{ font-size: 0.85em!important; } #rec-picture-box-right .suggessted-pal-ind-notfy{ padding-left: 0.25em; width: 15.25em!important; border-radius: 0.25em; margin: 0 auto; } #rec-picture-box-right #viewersComment{ padding-bottom: 2em; } #rec-picture-box-right .replying-on-gallery{ width: auto; } .rec-cam-emj-pst .emoji-drpdwn{ margin-left: 10%!important; } .rec-cam-emj-pst .emj-mn{ margin-top: -0.5em; } .rec-wrp-bth .actn-vid-pst{ margin-top: 0; position: absolute; z-index: 4; left: 12em; top: 3.5em; } #rec-othr-alg-btm .shw-abt-rec-vid .actn-vid-pst > ul{ border-radius: 0.25em; padding: 0.1em; width: 10em; } #rec-othr-alg-btm .shw-abt-rec-vid .actn-vid-pst > ul li{ margin-left: 0; } #img-comment .rec-cam-emj-pst .emoji-drpdwn > a{ font-size: 1.3em!important; margin-left: 0!important; } #rec-top-cvr .indivi-share-ntfy{ margin-left: 25%; position: relative; } #rec-dsp-form-fld{ /* margin-left: -13em;*/ } #rec-top-cvr > .re-li-el-algn-img li{ list-style: none; padding: 0.3em; } #rec-top-cvr .indvl-shr-ntfy-pal-rec{ width: 18.5em!important; border-radius: 0.5em; margin-left: 0.1em; } #rec-top-cvr button{ font-size: 1.1em!important; } #rec-vid-cntrl-msk{ position: absolute; left: 77%; z-index: 2; top: 3em; } #recNextBtn{ height: 3em; width: 3em; border-radius: 50%; background-color: aliceblue; position: absolute; top: 10em; left: 83%; z-index: 2; cursor: pointer; } #recPreviousBtn{ height: 3em; width: 3em; border-radius: 50%; float: left; background-color: aliceblue; margin-top: 10em; z-index: 2; cursor: pointer; position: relative; } #img-comment .rep-btn{ font-size: 1em; margin-left: 10%; } .responding .re-li-el-algn{ margin-bottom: 4em; } .re-li-el-algn{ width: 100%; margin-bottom: 2.5em; } .re-li-el-algn-img{ margin-bottom: 1.25em; } .rel-inr-algn{ width: 10%; float: left; margin-left: 10%; } .responding .siz-img-rep{ width: 60%; margin-left: 10%; height: 10em; } .replying-on-gallery{ margin-left: 10%; width: 90%; } .replying-on-gallery-shft{ margin-left: 15%; } .reply-gal-com,.reply-gal-com-rep{ float: right; font-size: 0.9em; margin-top: 0.3em } .reply-post-image{ margin-left: 2%; font-size: 1.2em; } .reply-resp-boxes{ font-size: 0.9em; margin-top: 0.5em; margin-left: 0.5em; } .reply-resp-boxes-image{ margin-left: 3.0em; font-size: 0.9em; margin-top: 0.3em; } .cat-nme .reply-resp-image{ font-size: 0.7em; } .reply-resp-image{ margin-left: 5%; margin-top: 0.2em; } .reply-text,.reply-text-resp{ min-height: 3em; resize: none; white-space: normal; border: 0.05em solid #ddd; background-color: #fff; display: inherit; } .reply-text-image,.reply-text-img-rep{ height: 3.5em; resize: none; white-space: normal; width: auto; border: 0.1em solid #ddd; font-size: 0.7em; background-color: #fff; display: inherit; overflow-y: auto; } .reply-text-img-rep{ width: auto; } .reply-text-resp{ min-height: 2em; } .reply-boxes{ margin: 1% 7%; } #pgt-000-001{ margin-left: 7%; float: left; } .req-field{ font-size: 1.1em; font-weight: lighter; margin: 0 auto; padding: 0.2em; width: 90%; } .req-field > label{ display: none; } #rmv-image{ width: 96%; height: 34em; display: block; margin: 0 auto; } .rmv-image-shre{ width:98%; height: 15em; display: block; margin: 0 auto; } #resm-chce{ font-weight: Bold; color: #3EA055; margin-left: 10%; } #rmv-button-lge{ position: relative; z-index: 1; top: 0.5%; color: red; float: right; right: 4%; } #rmv-button-lge > button{ float: right; margin-right: 4%; font-size: 2em; } .rmv-job{ float: right; } .rmv-job > button{ font-size: 1em; } #rec-data-my-plc .rec-drop-zone{ max-width: 16.2em; overflow-y: hidden; overflow-x: hidden; top: 0.5em!important; height: 20em!important; } #rec-dsp-cvr-all{ margin-top: 1em; text-align: center; } #rec-picture-box-right .avatar-gal-empty,#rec-picture-box-right .avatar,#rec-picture-box-right .avatar-gal{ float: left; margin-right: 0.35em; } .rec-all-vid-cmnt{ float: left; width: 49%; margin: 0.1em; height: 30em; } #rec-vid-fel-cvr{ position: relative; top: 0.5em; left: 15%; } .rec-biz-grp{ height: 32em; margin-top: 5em; } #rec-container-center{ padding-bottom: 10em; overflow-x: hidden; } .rec-status-boxes{ width: 98%!important; padding: 1% 1% 10% 1%!important; } .req-ans{ width: 20em; height: 2em } .rqst-invt{ float: right; margin-right: 25%; } .rqst-invt > a{ cursor: pointer; text-decoration: none; color: #7F38EC; } .rsm-ltr{ float:left; width: 100%; font-weight: bold; } .return-to-page{ text-align: center; white-space: normal; } .ret-add-info,.ret-err-info,#ret-invt-info{ color: #FF0000; text-align: center; white-space: normal; } .ret-add-info-cls{ color: #008000; text-align: center; } .return-to-page a{ text-decoration: none; font-size: 1.2em; font-weight: bold; color: black; } #rmv-barter-butn,#rmv-dtl-btn{ float: right; color: #FF0000; font-weight: bold; font-size: 1.3em; } .rsme-fram{ width: 99%; height: 30em; float: left; margin-bottom: 3em; } #rtn-names{ margin: 0 auto; width: 60%; overflow-y: auto; } #rtn-names li a > img{ height: 7.5em; width: 8em; } #rtn-names li{ list-style: none; margin-top: 1em; text-align: center; } #rtn-names li a{ text-decoration: none; font-size: 0.8em; } #sex-submit-co{ margin-top: 0.5em; } #security-pwd-reset,#act-000-002{ width: 90%; margin: 0 auto; } #secrty-continue,#privacy-continue,#act-000-006{ width: 100%; margin-top: 2em; height: 3em; font-size: 1.2em; } #sel-sentence{ font-size: 1em; } #sel-likely{ width: 20%; margin-left: 5em; } .selected-tag,.remove-tag{ position: relative!important; font-size: 0.8em!important; } #selct-arrow{ position: relative; color: #8f8f8f; font-size: 0.5em; top: 0.7em; right: 0; } #selct-arrow-prv{ position: relative; color: #8f8f8f; font-size: 0.6em; } #selct-arrow-mbl{ position: relative; color: #8f8f8f; font-size: 1.35em; top: 0.25em; right: 0; } #selected-country-code,#selected-country-code-top{ float: left; padding-top: 1em; font-size: larger; } #selected-country-code-one{ float: left; padding-top: 1.6em; font-size: 0.97em; } #selected-country-code-mbl{ float: left; padding-top: 0.8em; font-size: small; } #selected-country-code-arrow-one > #selct-arrow{ font-size: 1.1em!important; } #selected-us-state{ height: 3em; margin-left: 2%; } #sel-cntr-arw-crt-mbl{ cursor: context-menu; display: none; width: 15%; float: left; height: 2.75em; background-color: #fff; border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; } #sel-cntr-arw-prv{ cursor: context-menu; display: none; width: 12%; float: left; height: 1.95em; background-color: #fff; } .selected-emal-cntry-code{ margin-left: 5%; } .sel-wrap-code-arrw{ padding-top: 0.5em; font-size: 0.6em; } #sel-cntr-arw-cont,#sel-cntr-arw-one{ display: none; width: 15%; float: left; padding-top: 0.2em; height:3em; } #embd-chOpt-selOpt-all{ top: 1.5em; left: 5.5em; } .setn-usr-pref-btn{ float: left; width: 13%; } .sf-text-input4{ margin-top: 0.1em; width: 100%; height: 1.2em; border:1px solid #0076a3; border-right:0px; border-radius: 0.25em; font-size: 1em; } .sf-lcn-prd-inp{ margin-top: 0.1em; width: 15em; height: 1.9em; border:1px solid #ccc; border-radius: 0.25em; } .sgst-frnd{ margin: 0 auto; } .share-info-add{ width: 52%; height: 3em; font-size: 1em; } .share-info-cls{ width: 45%; height: 2em; float: right; margin-right: 2em; } .shr-pix{ margin-left: 2.5em; margin-top: 0.5em } #rec-picture-box-right .shr-pix{ margin-left: 1em!important; } .shr-pix > a{ color: darkgray; } .shr-pix button{ margin-left: 2.5em; } .shr-vid{ margin-left: 1em; position: absolute; } .shr-vid > a{ color: darkgray; } .showing-no-job{ text-align: center; white-space: normal; font-size: 1.5em; } .showing-jobs{ background-color: beige; margin: 0 2% 4% 2%; white-space: normal; } .shift-image{ width: 100%; height: 30em; margin-top: -0.5em; margin-bottom: -0.27em; background-color: #000; } .shift-image-rep{ width: 100%; margin-top: -1em; margin-bottom: -1.3em; background-color: #FFFFF7; } #plc-pst-dspl-cont .shift-image-rep-resp{ height: 10em; } .shift-image-rep-resp{ width: 100%; margin-top: -1em; margin-bottom: -1.3em; background-color: #FFFFF7; } .share-with-cover{ margin: 2% auto; width: 98%; } .share-save-info{ margin-left: 10%; font-size: 1.1em; } .shf-shr-btn{ margin-left: 3em; position: relative; z-index: 1; } #shw-fre-wrk-sze{ top: -1em; } #shw-fre-wrk-sze,#shw-flwr-qty-001{ display: none; position: absolute; background-color: #ccc; width: 5em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: 10em; border-radius: 0.3em; } #shw-fre-wrk-sze li a,shw-flwr-qty-001 li a{ color: #000; } .sndr-msg{ margin-left: 1em; font-size: 0.7em; float: left; width: 95%; position: relative; white-space: normal; } .show-more{ margin-bottom: 2em; } .show-inner{ padding: 2em; } .show-inner > button{ font-size: 1.1em; } .share-cancel-rmv{ font-size: 1.1em; } #share-hide-born{ display: none; } .share-overall-cover{ background: #D4F0FF; height: auto; border: solid 0.01em #F1F1F1; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } .share-with-rmv > h3{ text-align: center; font-size: 0.85em; color: #3282e6; } .share-end-time,.share-start-time,.share-only-time{ margin-right: 1em; font-size: 0.85em; font-weight: bolder; } .share-only-time{ font-weight: normal; } .share-end-time{ margin-right: 2.5em; } .share-info{ width: 20em; height: 2em; } .share-pronounce{ margin-left: 8em; } .share-info-sel-frnd{ height: 2.5em; width: 80%; border: 0.1em solid #ddd; overflow-x: hidden; resize: none; font-size: 1em; margin-top: 3%; } .shre-info-add-txt{ height: 2.5em; width: 52%!important; border: 0.1em solid #ddd; overflow-x: hidden; resize: none; font-size: 1em; margin-top: 3%; } .share-info-add-text{ height: 2.5em; width: 55%!important; border: 0.1em solid #ddd; overflow-x: hidden; resize: none; font-size: 1em; margin-top: 3%; } .share-move-up{ margin-top: -0.8em; } .share-non-label-align{ margin-left: 30%; } .share-space{ background-color: lightgrey; margin-right: 1%; font-size: 1em; } .share-year-month-day{ display: none; } .fa.sgn-add{ color: #DDD; font-size: 1em; float: right; margin-right: 0.5em; } .fa.sgn-mnus{ margin-left: 0.3em; color: #3282e6; cursor: pointer; font-size: 1.5em; } .sign-size{ font-size: x-small; position: relative; top: -0.3em; } .space-desc{ float: left; margin-left: 0.5em; white-space: normal; width: 80%; min-height: 5em; } .stats-word{ font-size: 0.7em; } .stats-elemnt{ float: left; margin-left: 0.5em; } .stats-circle{ width: 0.8em; height: 0.8em; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; line-height: 1em; padding: 0.1em; vertical-align: middle; } .shft-data, .shft-dta-undr{ margin-left: 10%; font-size: 0.8em; } .shft-dta-undr{ margin-top: 0.5em; } .shft-rqst{ width: 1.7em; color: darkgray; } .shft-vid-data{ margin-left: 10%; margin-top: 1em; font-size: 0.8em; } #sho-avail-btr{ white-space: normal; margin-left: 5%; } #sho-avail-btr a{ text-decoration: none; font-size: 1.3em; font-weight: 500; color: #151B8D; } .shw-fr-mbl{ display: block; text-align: center; background-color: #000; color: #fff; } .shw-fr-mbl a{ text-decoration: none; color: #fff; } .shift-icon{ margin: 1em 2em; } .shw-abt-prfl,.shw-abt-bizns,.shw-abt-admn{ color: gray; cursor: pointer; margin: 0.5em 1.5em; } .shw-abt-vid{ float: right; margin-right: 3.5em; } .shw-abt-vid-cmnt{ float: right; margin-right: 3em; cursor: pointer; position: relative; } .show-lbl-prfl{ color: #000; } .shw-the-choice{ display: none; position: absolute; background-color: #f1f1f1; min-width: 5em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: -3em; } .shw-the-drpdwn-chc a:hover{ background-color: #ddd; } .shw-the-drpdwn-chc:hover .shw-the-choice{ display: block; } .showing-jobs{ background-color: beige; margin: 0 2% 4% 2%; white-space: normal; } .share-with-cover{ margin: 2% auto; width: 98%; } .share-save-info{ margin-left: 10%; font-size: 1.1em; } .share-label-align{ float: left; font-size: 1em; width: 38%; } .share-label-cls{ width: 25%; font-size: 1.2em; } .share-rmv{ padding-top: 3%; margin-left: 1%; width: 100%; } .share-rmv a{ cursor: pointer; } .shft-top{ margin: 0 auto; width: 95%; } .sndr-msg{ margin-left: 5%; font-size: 0.7em; float: left; width: 95%; position: relative; white-space: normal; } .shw-abt-cmnt,.shw-abt-img,.shw-abt-galry{ color: gray; cursor: pointer; float: right; margin: 0.5em 1.5em; } .shw-abt-img{ margin-right: 4em; } .shw-abt-evnt{ margin-right: 50%; } .shw-abt-img,.shw-abt-galry{ position: relative; } .shw-abt-galry{ margin: 1.5em 5em; } .shw-non-mbl{ display: none; } .remv-shw-non-mbl #img-caption{ color: #000; } .show-name{ width: 94%; float: left; margin: 4%; overflow: hidden; } #shw-flwr{ margin-top: 0.5em; margin-left: 0.5em; float: left; width: 100% } #shw-to-mbl{ display: block; } #shw-reco-mobl{ display: block; position: relative; left: 20%; } #shw-reco-dsktp{ display: none; } #shw-us-ste{ display: block; } #shw-us-not{ display: none; } #shr-embded-vid{ float: left; position: relative; top: 1.5em; left: 20%; } #sign-up-box-bottom{ margin-top: 1.0em; } #sign-up-box-middle{ margin-top: 1.0em; } #sign-up-box-top{ margin-top: 2.0em; } .siz-img{ height: 14em; min-width: 65%; margin-left: 10%; } .siz-img-rep{ width: 80%; margin-left: 10%; max-height: 14em; } .siz-img-resp{ width: 70%; max-height: 10em; margin-left: 10%; } .siz-vid{ height: 10em; margin-left: 10%; margin-top: 1em; width: 65%; } .siz-vid-rep{ margin-left: 10%; height: 8em; width: 60%; } .siz-vid-resp{ margin-left: 10%; height: 8em; width: 55%; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #A52A2A; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2.5px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #4CC552; } input:focus + .slider { box-shadow: 0 0 1px #CCC; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 1em; } .slider.round:before { border-radius: 50%; } #slide-right,#slide-left{ margin-left: 50%; text-decoration: none; font-size: 2em; font-weight: bolder; } #slide-left{ float: left; margin-top: 21%; margin-left: 2.5%; } #slide-right{ float: right; margin-top: -31%; margin-right: 2.5%; } #sli-pre-ch,#sl-nxt-ch{ position: absolute; text-decoration: none; font-weight: bolder; font-size: 2em; color: #fff; } #sli-pre-ch{ left: 5%; top: 35%; } #sl-nxt-ch{ left: 92.5%; top: 35%; } .slide-indiv a > img{ width: 18%; margin: 0.5%; border: solid 0.1em; height: 4em; } .snapping{ font-size: 0.5em; height: auto; width: auto; position: absolute; left: 12.8em; } .srch-icon{ margin-left: -1em; height: 0; cursor: pointer; } .srch-icon-btr{ margin-left: -1em; cursor: pointer; } .srch-icon:hover,.srch-icon-btr:hover{ background-color: lightcyan; } .stats-chat-wrap,.stats-chat-wrap-top{ float: left; width: 100%; } .stats-chat-wrap-top{ height: 1.5em; } #statusui .cam-image-emo{ font-size: 1.25em; cursor: pointer; } #statusui .new-drpdwn{ margin-top: 0.25em; } .status-boxes{ margin:10% 1%; padding: 1em; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } .status-boxes-img{ margin: 1%; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } .status-boxes-vid{ width: 96%; float: left; margin: 2% 0; padding: 1%; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } #statusui{ width: 90%; margin: 0 auto; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; padding: 1em; } #status-post-wrap{ float: left; width: 100%; } #status-post-wrap #suggessted-pal{ z-index: 1; } #statusui > a{ text-decoration: none; color: #000000; font-size: 1.0em; } .style-data{ position: relative; padding-top: 0.2em; background: #fff; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: auto; border: 0.15em solid #FFF; margin-top: 0.5em; } .style-data>p{ padding-left: 0.5em; margin-top: 0; white-space: normal; word-wrap: break-word; } .style-chat{ position: relative; background: #98AFC7; border-radius: 0.5em; height: auto; margin-left: 1.5em; white-space: normal; } .style-chat:before{ content: ""; position: absolute; left: 95%; top: -0.75em; width: 0; height: 0; border-style: solid; border-width: 0 0.05em 0.8em 0.8em; border-color: transparent transparent #98AFC7 transparent; } .style-resp{ position: relative; background: #FFF; border-radius: 0.5em; height: auto; margin-left: 1.5em; white-space: normal; } .style-resp:before{ content: ""; position: absolute; left: 0.1em; top: -0.75em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.05em; border-color: transparent transparent #FFF transparent; } .style-data-chat{ width: 85%; margin-top: 1.5em; padding: 0.1em; } .style-resp-chat{ width: 85%; margin-top: 1.5em; margin-left: 2%; } .fa.styl-upld{ font-size: 2em; color: #FF0000; cursor: pointer; float: left; } .styl-upld-vid{ font-size: 1.5em!important; color: #2F4F4F; cursor: pointer; } .fa.styl-upld-gal,.fa.styl-upld-diff{ font-size: 1.5em; color: #FF0000; cursor: pointer; } .fa.styl-cam{ font-size: 2em; color: #71a100; cursor: pointer; margin-left: 2%; float: left; } .fa.styl-cam-diff{ margin-left: 2%; } .fa.styl-cam-gal,.fa.styl-cam-diff{ font-size: 1.5em; color: #71a100; cursor: pointer; } .sty-nme,.sty-int-btr{ padding: 0.5em 0.5em 1.5em 0.5em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 95%; border-radius: 5%; margin: 1.5em 0; background-color: #fff; overflow: hidden; } .sty-int-btr .actn-on-btr > ul{ margin-left: -10em!important; margin-top: -0.1em; position: absolute; font-size: 0.8em; width: 8em; } .sty-int-btr .shw-btr-flg{ margin-left: 90%!important; } .sty-int-btr .actn-on-btr ul > li{ list-style: none; margin-left: -2.5em; } .sty-nme-trpl{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 90%; border-radius: 5%; margin: 0 auto; background-color: #F5F5EC; padding: 0.5em 0.5em 1.5em 0.5em; overflow: hidden; } .sty-nme a,.sty-int-btr a{ text-decoration: none; } .sty-nme-001{ padding: 0.5em; height: 30em; overflow-y: auto; width: 100%; } .style-data-empty{ width: 0; top: 0.2em; height: 0; } #rec-pst-dspl-cont .style-data-under{ height: auto!important; margin-bottom: 1em; } #rec-pst-dspl-cont .style-data-under span{ margin-top: 0.5em; } .style-data-under{ height: 2em; padding-top: 1em; } .style-data-under > a{ margin: 0.5em; font-size: 0.8em; float: left; } .style-name{ position: absolute; margin-top: -2.5em; font-size: 0.8em; margin-left: 3.5em; color: #5453A6; } .style-name > a,.style-name-note > a{ text-decoration: none; cursor: pointer; } .style-name > a{ color: #5453A6; } .style-name-note > a{ font-size: 0.85em; } .style-name-note{ margin-left: 0.5em; } .style-time-rem{ font-size: 0.8em; margin-left: 3.5em; } .sub-canc{ margin-left: 15%; } .sub-canc > button,.sub-invt > button{ font-size: 1em; } .sub-invt{ text-align: center; } .sub-privacy-cover{ width: 92.5%; line-height: 1.1em; top: -1.5em; left: -1em; } .submit-gallery-categ,.cancel-create-gallery{ font-size: 1em; margin: 2% 5%; } .submit-new-categ{ margin-left: 72%; } .submit-new-categ > button{ font-size: 1em; margin-left: -0.8em; } #submitButton{ font-size: 1em; } #sub-pst-dspl-cont{ padding: 0.25em; } /*#dnte-pyt-box{ display: none; }*/ #sub-pyt-box{ width: 24em; border: 1px solid #000; padding: 1em; } .style-cat{ width: 90%; float: left; } .style-cat > a{ text-decoration: none; font-size: 1.5em; } .sub-category-cover{ font-weight: bold; line-height: 0.8; list-style: none; margin: 0; padding: 0 0 0 0.5em; outline: 0; border: 1px; border-top: 0; overflow: auto; top: 1px; position: relative; display: none; } .sub-categ-list-cover{ padding: 0; margin: 0 0 0 0.1em; } .sub-categ-list{ padding: 0.1em; border-bottom: 1px solid #ddd; cursor: pointer; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; list-style: none; } .sub-categ-list a{ text-decoration: none; font-size: 0.5em; } .sub-categ-list h5 > a{ font-size: 1.5em!important; } .sub-privacy-list{ padding: 0.1em; border-bottom: 0.1em solid #555; background-color: gainsboro; cursor: pointer; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; list-style: none; background: gainsboro; width: 90%; } .sub-privacy-list a{ text-decoration: none; font-size: 0.8em; } #suggessted-plc-flwr-notfy{ margin-top: 0!important; } #sugstd-admin{ width: 82%; display: none; height: 10em; white-space: normal; overflow-x: hidden; overflow-y: auto; position: absolute; background-color: #FFF5EE; margin-left: 8%; margin-top: -1em; border: 0.1em solid #ddd; z-index: 2; } #suggesstion-box{ width: 57%; margin-left: 0; background-color: #fff; max-height: 20em; overflow-y: auto; position: absolute; border-radius: 0.25em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } #suggesstion-box .avatar-gal-empty{ height: 2.2em; width: 2.2em; line-height: 2.2em; display: inline-block; margin: 0.1em 0.2em; margin-right: -0.1em; } #suggesstion-box .avatar-gal img{ width: 1.5em; height: 1.5em; } #suggesstion-btr-box{ width: 13.05em; max-height: 20em; margin-left: 0; background-color: #fff; position: absolute; border-radius: 0 0 0.25em 0.25em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #sugstd-admin li{ text-align: left; } #suggesstion-box > li, #suggessted-rltv > li, #suggessted-pal > li, #suggessted-chat > li,#sugstd-admin li ,#suggessted-pal-biz li, #suggessted-pal-evnt li, #suggessted-add-evnt li,#suggessted-rfr-notfy li, #suggessted-pal-notfy li,#suggessted-alwd-notfy li,#suggessted-sel-notfy li,#suggessted-rmv-notfy li,#suggessted-rmv-notfy li,.suggessted-pal-biz-notfy li, .suggessted-pal-ind-notfy li,.suggessted-pal-ind-vid-notfy li,.suggessted-pal-ind-pix-notfy li,#suggesstion-btr-box li,#suggessted-plc-flwr-notfy li,.suggessted-plc-flwr-more li{ list-style: none; } #suggessted-pal-notfy,#suggessted-rfr-notfy{ position: absolute; background-color: rgb(254, 252, 255); width: 60%; z-index: 2; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px; border-radius: 0.5em; height: 20em; overflow-y: auto; padding: 0.15em; display: none; } #suggessted-chat{ width: 99%; background: #F0F8FF; max-height: 10em; overflow-y: auto; position: absolute; top: 17%; border: solid 0.1em #ccc; } #suggessted-pal-evnt .avatar-gal img{ width: 2.2em; height: 2.2em; margin: 0.16em; } #suggessted-pal-evnt .avatar-gal-empty{ display: inline-block; margin: 0.15em; height: 2.2em; width: 2.2em; line-height: 2.2em; font-size: 1em; } #suggessted-add-evnt .avatar-gal-empty{ display: inline-block; margin: 0.15em; font-size: 1em; height: 2.2em; width: 2.2em; line-height: 2.2em; } #suggessted-add-evnt li > a{ font-size: 1em; } #suggessted-add-evnt .avatar-gal img{ margin: 0.16em; height: 2.2em; width: 2.2em; } #suggesstion-box li > a, #suggessted-rltv li > a, #suggessted-pal li > a, #suggessted-chat li > a, #sugstd-admin li > a, #suggessted-pal-biz li > a, #suggessted-pal-evnt li > a, #suggessted-add-evnt li > a,#suggessted-alwd-notfy li > a,#suggessted-sel-notfy li > a,#suggessted-rmv-notfy li > a,.suggessted-pal-biz-notfy li > a, .suggessted-pal-ind-notfy li > a,.suggessted-pal-ind-vid-notfy li > a,.suggessted-pal-ind-pix-notfy li > a,#suggesstion-btr-box li > a{ font-size: 0.7em; text-decoration: none; cursor: pointer; } #sugstd-admin li > a{ margin-left: 0; line-height: 1.5em; } #suggessted-rltv li > a, #suggessted-pal li > a , #suggessted-chat li > a{ font-size: 1em; } #suggessted-pal li a > .avatar-gal{ width: 2.5em; height: 2.5em; border-radius: 50%; vertical-align: middle; cursor: pointer; margin-top: 0.25em; margin-right: 0.7em } #suggessted-pal li a > .avatar-gal-empty{ background: #ddd; width: 3em; height: 3em; border-radius: 50%; line-height: 3em; text-align: center; font-size: 0.8em; cursor: pointer; display: inline-block; margin-right: 0.5em; margin-top: 0.25em; } #suggessted-rltv,#suggessted-pal-biz, #suggessted-pal-evnt, #suggessted-add-evnt,.suggessted-pal-biz-notfy, .suggessted-pal-ind-notfy,.suggessted-pal-ind-vid-notfy,.suggessted-pal-ind-pix-notfy{ background-color: #fff; max-height: 15em; overflow-y: auto; position: absolute; } #suggessted-rltv{ margin-left: 37.7%; width: 57%; margin-top: 0.5%; z-index: 2; } #suggessted-pal-evnt{ width: 92%; } #suggessted-add-evnt{ width: 95%; } #suggessted-pal-evnt, #suggessted-add-evnt{ margin-left: 2%; margin-top: 2em; z-index: 1; } #add-to-event #pal-add-evnt{ width: 96.5%; } #add-to-event #suggessted-add-evnt{ margin-top: 1.7em; } #suggessted-pal-biz{ width: 57.5%!important; } #suggessted-pal-biz,#suggessted-alwd-notfy,#suggessted-sel-notfy,#suggessted-rmv-notfy,.suggessted-pal-biz-notfy,.suggessted-pal-ind-notfy{ margin-left: 0; margin-top: -0.3em; width: 54.5%; z-index: 99; overflow-y: auto; background-color: #EBF4FA; } .suggessted-pal-ind-notfy{ width: 13em!important; background-color: #EBF4FA; margin-left: -1.05em; } .suggessted-pal-biz-notfy{ width: 14.2em!important; background-color: #ccc; margin-left: -2.2em; } .suggessted-pal-ind-vid-notfy,.suggessted-pal-ind-pix-notfy{ width: 17em; margin-top: -0.2em; z-index: 99; overflow-y: auto; } .suggessted-pal-ind-vid-notfy .ava-empty{ margin-left: 0.4em; } .suggessted-pal-ind-pix-notfy{ margin-left: 2em; } #rec-top-cvr .emoji-drpdwn{ margin-left: 15%!important; } #img-comment #rec-top-cvr .actn-on-pst > ul{ width: 5em !important; font-size: 1em } #rec-picture-box-right .suggessted-pal-ind-pix-notfy{ margin-left: 0!important; width: 15.6em!important; background-color: #EBF4FA!important; margin-top: 0!important; } .recess-setn #suggessted-alwd-notfy li a > .ava-empty,.notification #suggessted-sel-notfy li a > .ava-empty,.notification #suggessted-rmv-notfy li a > .ava-empty{ background: #ddd; width: 2.7em; height: 2.7em; border-radius: 50%; line-height: 2.7em; text-align: center; font-size: 1em; cursor: pointer; display: inline-block; margin-top: 0.25em; margin-right: 0.2em;; } .recess-setn #suggessted-alwd-notfy li a > .avatar,.notification #suggessted-sel-notfy li a > .avatar,.notification #suggessted-rmv-notfy li a > .avatar{ width: 2.5em; height: 2.5em; } #suggessted-alwd-notfy,#suggessted-sel-notfy,#suggessted-rmv-notfy{ width: 82%; background-color: aliceblue; height: 7em; display: none; overflow-y: auto; margin-top: 0.0em; } #suggessted-pal{ width: 57%; margin-top: -0.25em; border-top: 0.05em #ddd solid; margin-left: 37%; background-color: #fff; max-height: 15em; overflow-y: auto; position: absolute; z-index: 2; } .switch { position: relative; display: inline-block; width: 50px; height: 25px; } .switch input { opacity: 0; width: 0; height: 0; } #sx{ height: 3em; } ul.tabbing{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 0.09em solid #222; background-color: #F1F1F1; } ul.tabbing li{ float:left; } ul.tabbing li a{ display: inline-block; color: black; text-align: center; padding: 0.4em; text-decoration: none; transition: 0.3s; -moz-border-radius-topright: 1.0em; -moz-border-radius-bottomright: 1.0em; -webkit-border-top-right-radius: 1.0em; -webkit-border-bottom-right-radius: 1.0em; border-top-right-radius: 1.0em; border-bottom-right-radius: 1.0em; } ul.tabbing li a:hover{ background-color: #ddd; } ul.tabbing li a:focus, .active{ background-color: #999; } #tab-activity-ini-emj,#tab-activity-emj,#tab-variety-man-emj,#tab-romance-emj,#tab-symbl-emj,#tab-ani-nat-emj, #tab-people-emj, #tab-face-emj,#tab-food-drink-emj,#tab-travel-places-emj,#tab-variety-emj,#tab-variety-wom-emj, #tab-flag-emj,#tab-objects-emj{ width: 98%; margin-left: -2em; } #tab-activity-ini-emj > li,#tab-activity-emj > li,#tab-variety-man-emj > li,#tab-romance-emj > li,#tab-symbl-emj > li,#tab-ani-nat-emj > li, #tab-people-emj > li, #tab-face-emj > li,#tab-food-drink-emj > li,#tab-travel-places-emj > li,#tab-variety-emj > li,#tab-variety-wom-emj > li, #tab-flag-emj > li,#tab-objects-emj > li{ list-style: none; float: left; margin: 0.15em; cursor: pointer; } .tab-content{ border: 0.09em solid #222; border-top: none; height: 23em; } .tab-content-emojis-ini,.tab-content-emojis{ position: relative; height: 7.5em; overflow-x: hidden; overflow-y: auto; background-color: #FFF8DC; width: 100%; display: none; } .shift-reply .tab-content-emojis-ini,.shift-reply .tab-content-emojis{ height: 8.5em; } .tab-content-emojis ul li,.tab-content-emojis-ini ul li{ display: inline; list-style-type: none; } .tab-emoji,.tab-emoji-glry{ margin: 0; padding: 0; background-color: #FEFCFF; width: 100%; } .tab-emoji-glry{ margin-bottom: 0.4em; } .tab-emoji li,.tab-emoji-glry li{ display: inline; list-style-type: none; margin: 0.05em; float: left; } #post-area .dropbtn-likes{ margin: 0.5em 0.3em 0 0.5em!important; } #post-area .shift-reply .new-drpdwn::before,#statusui .new-drpdwn::before{ left: 22.5%!important; } #post-area .response .emoji-drpdwn{ margin-left: 12%!important; } #post-area .shift-reply .new-drpdwn{ margin-top: -1.65em; } #post-area .response .new-drpdwn{ margin-top: -2em; } #post-area .shift-reply .tab-emoji li a{ font-size: 0.68em!important; } #post-area .response .tab-emoji li a{ font-size: 0.59em!important; } .replying-on-gallery-shft .replying-on-gallery .tab-emoji li a{ font-size: 0.6em!important; } .replying-on-gallery .tab-emoji li a{ font-size: 0.7em!important; } #rec-top-cvr .tab-emoji li a{ font-size: 0.75em!important; } .tab-emoji li a{ padding-left: 0.5em; font-size: 0.85em!important; text-decoration: none; color: #000; } ul.tab-emoji li a:hover, ul.tab-emoji-glry li a:hover{ background-color: #ddd; } ul.tab-emoji li a:focus, .active{ background-color: #999; } .tab-emoji-glry li a { padding-left: 0.3em; font-size: 0.6em; text-decoration: none; color: #000; } ul.tab-emoji-glry li a:focus, .active{ background-color: #999; } .tab-cover-etc{ float: right; margin-top: -8.5em; } #tab-targ-view{ display: none; } #take-pix,#take-pix-catg,#take-pix-biz,#take-pix-logo{ display: none; } .target-aud{ width: 23%; border: 0.09em solid; margin: 0 0.35em 0.35em 0.35em; font-size: 0.8em; } #hide-end-time{ display: none; } .tab-biz-actvts{ float: right; } .tab-biz-actvts a{ text-decoration: none; color: #000000; } .tab-cover{ width: auto; height: 1.8em; } .tab-cust-resp{ float: left; } .target-update{ display: none; } .tme-algn{ margin-left: 2em; } .vid-nme-shft{ margin-top: -2.5em; font-size: 0.8em; margin-left: 3em; cursor: pointer; } .vid-tme-algn{ font-size: 0.8em; margin-left: 10%; margin-top: 0.25em; } #top-email,#top-password{ height:1.8em; width:17em; } #top-error{ margin: 0; color:#FF0000; font-size: 0.8em; position: relative; float: left; } #terms-prvcy{ margin: 1em 1em 0 1em; white-space: normal; line-height: 1em; } #terms-cond{ width: 90%; white-space: normal; margin: 0 auto; font-size: 1.2em; } #text-area1,#text-area2{ width: 90%; height: 3em; font-size: 1.2em; } #text-event{ width: 95%; height: 2.5em; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } #embd-text-status{ width: 60%!important; } #text-status,#embd-text-status{ height: 2em; width: 100%; resize: none; white-space: normal; border: 0.01em solid lightgrey; word-wrap: break-word; overflow-y: auto; display: inherit; border-radius: 0.5em; } #tmp-storage{ display: none; } .top-wrap{ float: left; white-space: nowrap; height: 3.6em; margin-left: 13%; width: 55%; } .shft-top-wrap{ margin-left: 15%!important; } .top-wrap-center{ margin-left: 5%; } #top-wrap-request{ float: left; margin-left: 75%; } .trpl-chn{ height: auto; background-color: #EBF4FA; margin-bottom: 10%; } .trpl-chn a{ text-decoration: none; } .under-avatar{ background: #FFFFFA; height: 2.2em; } div.under-avatar a{ text-decoration: none; color: black; padding-bottom: 1em; } div.under-avatar ul li ul li:hover{ background-color: #999; } div.under-avatar ul li ul li{ border-bottom: 0.001em solid; width: 100%; } div.under-avatar ul ul:before{ content: ""; position: absolute; right: 1em; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #000 transparent; } .under-avatar-deflt-sec:after{ content: ""; position: relative; right: 4.8em; top: 2.2em; width: 0; height: 0; border-style: solid; border-width: 1em 1em 0 1em; border-color: #fff transparent transparent transparent; border-right-width: 1.5em; border-left-width: 1.5em; } .upload-photo,.upload-video-form{ margin: 0 auto; width: 95%; display: none; } .upload-video{ margin: 10%; } .upload-photo .new-drpdwn, .upload-video-form .new-drpdwn{ width: 99%; height: 13em; background-color: #fff; margin-left: 0em; margin-top: -1.8em; position: relative; border: 0.15em solid #ddd; } .upload-photo .new-drpdwn::before, .upload-video-form .new-drpdwn::before{ content: ""; position: absolute; left: 1.5em; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #ccc transparent; } #img-comment #upl-date,#img-comment #upl-date-rsp{ color: blueviolet; } .user-info-all{ float: left; } .vertical{ text-align: center; } .vertical a{ line-height: 40px; text-decoration: none; color: #000000; font-size: 1.2em; font-weight: bold; } #vid-cmnt-cvr{ width: 100%; overflow-x: hidden; } .vid-desc{ font-weight: bolder; font-size: 1.2em; white-space: normal; } .vid-dlt-001,.vid-dlt-000-001{ color: gray; font-size: 0.8em; cursor: pointer; margin-right: 1em; float: right; } #vid-plyn > video,#vid-plyn-ctg > video,#vid-plyn-bus > video,.vid-plyn-bus-rec > video{ object-fit: fill; width: 100%; height: 30vh; } #vid-plyn-prop{ margin-left: 0.5em; } #vid-plyn-prop .actn-shft-flg{ margin-left: -1em; margin-right: 0.25em; } #vid-undr-wrap{ width: 100%; margin-top: 16.5em; } .video-album .add-text{ text-align: center; } .video-album .add-text > a{ margin-left: 1%; color: #307D7E; } #video-box{ position: fixed; top: 3.65em; width: 100%; background-color: #000; z-index: 1; } #video-contner-left{ width: 100%; } #video-contner-right{ width: 100%; float: left; margin-top: 1.5em; background-color: #FBFBF9; } #vid-cmnt-cvr > #video-comment-box{ display: none; } #video-comment-box{ margin-top:0; width: 98%; margin: 0 auto; } #video-comment-box .new-drpdwn{ margin-top: -0.8em!important; } #video-comment-box .new-drpdwn::before{ left: 3.9em!important; } #video-comment-box a{ text-decoration: none; } .videos-cover > .videos-count{ font-size: 0.9em; color: #000; margin-bottom: 0.5em; margin-top: 0; text-decoration: none; width: 100%; float: left; } .videos-cover{ margin-left: 0.3em; } .videos-count:hover{ color: blue; } .videos-cover > .video-wrap{ display: inline-block; width: 5.5em; height: 5em; float: left; } .vid-desc-dsp{ margin-bottom: 0.5em; width: 95%; margin: 0 auto; } .video-descr a{ text-decoration: none; } .video-descr{ margin-left: 3%; white-space: normal; } .vid-desr-sty{ font-weight: bolder; white-space: normal; font-size: 1.1em; width: 93%; color: #000; } .video-displ{ width: 100%; max-height: 16em; } .video-displ video{ width: 100%; height: 15em; } .video-wrap video { cursor: pointer; } .v-play{ font-weight: bolder; font-size: 2.5em; } #vidPostBtn{ font-size: 1em; float: right; } #viewersComment{ position: relative; width: 100%; overflow-y: auto; height: 30em; top: 2.5em; overflow-x: hidden; } .vws-dte{ margin: 0.3em 0; color: #000; } .vws-dte > .numv-001:after{ content: "•"; margin: 0 4px } .potential-friends{ font-size: 1.2em; color: blue; text-decoration: none; } .waiting-friends-cover > a.potential-friends:hover{ color: #000; } .waiting-friends-cover, .image-show-all-gal{ margin-bottom: 0.8em; } .waiting-friends{ height: 20em; overflow-y: auto; } .member-profile{ display: inline-block; margin: 2%; width: 40%; margin-top: 8%; } #web-address,#int-hob{ margin: 0 0.35em 0.35em 0.35em; width: 90%; border: 0.09em solid; } #web-cam-image,#web-cam-image-categ,#web-cam-image-biz{ z-index: 10; position: absolute; top: 2.3em; left: -5em; } #web-cam-post{ z-index: 10; position: absolute; } #web-cam-form,#web-cam-form-categ,#web-cam-form-biz,#web-cam-form-logo{ display:none; float: left; background-color: #E5E4E2; height: 5.0em; width: 100%; } #welc-stmt,#btr-info{ text-align: center; white-space: normal; font-size: 1.2em; } .wellc{ text-decoration: none; font-family: verdana; font-size: 0.9em; font-weight: bold; top: 0.2em; color: #FFF; -webkit-border-radius:0.5em; -moz-border-radius:0.5em; } #welcome-choice{ width: 100%; left: 0; } #welcome-choice ul{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); background-color: #fff; overflow-y: auto; min-height: 8em; border-radius: 0.5em } #welcome-choice:before{ left: 72%; } .waiting-cover{ height: 5.5em; overflow-y: auto; background: #FEFCFD; } .with-who{ margin: 0.5em; font-size: 0.9em; } .with-who > a{ font-size: 0.8em; text-decoration: none; cursor: pointer; color: #0000FF; } #wrap-pst-rgt-cnt{ width: 96%; margin: 0 auto; } #cnt-algn{ margin-left: 0.5em; margin-bottom: -1em; color: darkslategrey; } #cnt-algn-glry{ margin: 0.5em; color: darkslategrey; } #yr{ height: 3em; margin: 1%; width: 20%; } } /*ipad*/ @media only screen and (min-width: 700px) and (max-width: 1080px) { #act-exst > a{ text-decoration: none; margin-left: 50%; color: sienna; font-size: 1.1em; } .actn-bus-set{ margin-left: -24em!important; border-radius: 1em; } .activity-area > ul{ font-size: 1.3em; } .activity-area,#page-area{ height: auto; display: none; margin-top: -1.2em; } .activity-area > ul li,#page-area > ul li{ list-style:none; text-decoration: none; margin-left: 0; } .activity-area > ul li a{ margin-left: -3em; color: #307D7E; font-weight: bold; line-height: 1.5em; } .actn-on-btr .actn-shft-flg{ margin-left: 0 !important; } .actn-shft-flg{ margin-left: -1em; width: 1.25em; } .actn-on-pst{ display: none; margin-left: -6.5em; position: absolute; z-index: 1; margin-top: -0.5em; } .actn-vid-pst,.actn-vid-cmnt{ display: none; } .actn-on-pst a{ color: gray; } .actn-on-pst > ul{ width: 15em; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.35em; } .actn-on-evt select{ margin-left: 0.25em; } .actn-on-prfl{ display: none; position: absolute; z-index: 1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 5em; } .actn-on-prfl > ul{ width: auto; margin-left: -1em; background-color: #F8F8FF; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } .actn-vid-pst > ul{ background-color: #fff; position: absolute; margin-left: -4em; z-index: 2; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } .actn-vid-cmnt a,.actn-vid-pst a{ color: gray; } .actn-vid-cmnt > ul{ background-color: #fff; position: absolute; margin-left: -1.5em; z-index: 2; width: 6em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.5em; } .actn-on-pst > ul li{ list-style: none; margin-left: -1.5em; } .actn-vid-pst > ul li,.actn-vid-cmnt > ul li{ list-style: none; } .actn-on-btr > ul{ margin-top: 1em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); margin-left: -2.5em; width: 9em; font-size: 1.2em; } .actn-on-btr > ul li a{ font-size: 1.3em !important; } .actn-on-pst > ul li span{ margin: 0.6em; } .actn-on-pst > ul li a, .actn-vid-pst > ul li a,.actn-vid-cmnt > ul li a{ text-decoration: none; font-size: 1.25em; } .add-dlt-001{ float: left; } #add-open-job,#applctn-infc,#creating-event,#add-to-event,#accptd-event,#custom-background{ position: relative; top: 0.5em; width: 90%; height: auto; min-height: 5em; margin: 0 auto; display:none; background-color: #ecf5f5; font-size: 1.2em; z-index: 100; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #add-open-job form, #applctn-infc form, #creating-event form, #add-to-event form{ padding: 1em 0 1em 0; } #add-text-status{ height: 2.5em; width: 60%; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } .add-spc{ position: relative; left: 5%; } #add-vid-text{ height: 2.5em; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } #add-text,#add-vid-text{ height: 2.5em; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } .add-year > .rmv-add-yr,.add-month > .rmv-add-mn,.add-day > .rmv-add-dy, .add-year-sec > .rmv-add-yr-sec,.add-month-sec > .rmv-add-mn-sec,.add-day-sec > .rmv-add-dy-sec{ font-size: 1em; } .add-year,.add-month,.add-day,#add-present,.add-year-sec,.add-month-sec,.add-day-sec{ margin-right: 2%; } .add-img-aft-001{ margin: 2%; display: none; } #add-pix-000-001{ margin: 2% 0 5% 10%; } #add-pix-000-001 > a{ text-decoration: none; } .adding-text{ resize: none; white-space: normal; font-family: Arial; font-size: medium; text-align: center; margin: 0.5em; } .admin-asgmnt{ text-align: center; } #admin-tgl{ cursor: pointer; text-align: center; } #admin-membs{ display: none; margin-left: 25%; margin-top: 0; height: 15em; overflow-y: auto; width: 20em; word-break: break-all; } #admin-nme{ width: 40%; height: 2em; resize: none; margin: 1em 0; } .admn-nme-emp{ margin-left: 0.5em; cursor: pointer; white-space: normal; } .admn-nt-emp{ margin-left: 0.5em; cursor: pointer; white-space: normal; } #add-post-note{ display: none; background-color: #EBF4FA; width: 30em; border-right: 0.15em #ccc solid; border-bottom: 0.15em #ccc solid; height: 30em; overflow-y: auto; overflow-x: hidden; margin-top: 0.3em; margin-left: -2em; } #add-post-note .avatar{ margin: 0.25em; font-size: 0.8em; margin-left: 1.1em; float: left; width: 85%; } .algn-cmnt-totl-msk{ color: #fff; margin-left: 5% } .algn-adm-nme{ margin-top: 1.5em; } #all-right-top{ width: 0; background-color: #000; padding-top: 0.8em; overflow-x: hidden; } #all-right-top i,.footer > p,#evnt-conainer p{ font-size: 1.5em; } #ansrs-continue{ margin-top: 2em; width: 10em; margin-left: 2em; } .ava-cvr-001{ width: 100%; float: left; margin-left: 2em; margin-top: 0.5em; } .footer{ white-space: nowrap; line-height: 0; background-color: lightgrey; bottom: 0; position: fixed; width: 100%; z-index: 10; height: 3.5em } .algn-evt-imgs{ text-align: center; } .algn-btr-inpt{ width: 100%; margin: 0 9%; } #algn-selc{ position: relative; } .algn-propty{ margin-top: 1em; width: 100%; font-size: 1.2em; } .all-drpdwn{ display: none; } .altern > a{ text-decoration: none; color: #000000; font-size: 1em; } .altern{ margin-top: 1em; } .altern, .other{ font-size: 1em; font-weight: bolder; text-align: center; color: #000000; } .altern-other{ width: 96% } #attached-name{ margin-left: 0; } .ava-opt{ margin-left: 7%; } .avatar > a{ cursor: pointer; } .ava-empty > p{ font-size: 0.9em; font-weight: bolder; } .ava-lft{ width: 10%; float: left; } .ava-nme{ width: 85%; float: left; margin: 0.15em; margin-left: 0.95em; } .ava-rgt{ width: 90%; float: left; padding-bottom: 0.6em; line-height: 0.8em; } .ava-empty,.avatar-wtn-empty,.avatar-gal-empty{ background: #ddd; width: 3em; height: 3em; border-radius: 50%; line-height: 3em; text-align: center; font-size: 0.8em; cursor: pointer; display: inline-block; } .avatar-emp-admin{ background: #ddd; width: 3.3em; height: 3.3em; border-radius: 50%; line-height: 3.3em; text-align: center; font-size: 0.7em; cursor: pointer; float: left; } .ava-empty > a,.avatar-wtn-empty > a,.avatar-gal-empty > a, .ava-lft > a,.ava-empty-shr > a.avatar-emp-admin > a{ text-decoration: none; font-weight: bolder; } .admin-asgmnt .avatar-gal img{ margin: 0.15em 0.25em; height: 2.2em; width: 2.2em; } .admin-asgmnt .avatar-gal-empty{ display: inline-block; background: #ddd; width: 2.5em; height: 2.5em; border-radius: 50%; line-height: 2.5em; text-align: center; font-size: 0.9em; cursor: pointer; margin: 0.25em; } #sugstd-admin a{ font-size: 0.8em; } .avatar img, .avatar-gal img{ width: 2.5em; height: 2.5em; border-radius: 50%; vertical-align: middle; cursor: pointer; } .avatar-wtn img{ width: 2.2em; height: 2.2em; border-radius: 50%; vertical-align: middle; cursor: pointer; } .rec-suggessted-share-notfy li a > .ava-empty,#suggessted-rfr-notfy li a > .ava-empty,#suggessted-pal-notfy li a > .ava-empty,#suggessted-pal-biz li a > .ava-empty,#suggessted-alwd-notfy li a > .ava-empty,#suggessted-sel-notfy li a > .ava-empty,#suggessted-rmv-notfy li a > .ava-empty, .suggessted-pal-biz-notfy li a > .ava-empty,.suggessted-pal-ind-notfy li a > .ava-empty,.suggessted-pal-ind-vid-notfy li a > .ava-empty,.suggessted-pal-ind-pix-notfy li a > .ava-empty,#suggessted-plc-flwr-notfy li a > .ava-empty,.suggessted-plc-flwr-more li a > .ava-empty{ background: #ddd; width: 2.5em; height: 2.5em; border-radius: 50%; line-height: 2.5em; text-align: center; cursor: pointer; display: inline-block; margin-top: 0.25em; margin-right: 0.9em; } .notification #suggessted-rmv-notfy li a > .ava-empty,.notification #suggessted-sel-notfy li a > .ava-empty{ margin-right: 0.2em; } .ava-empty-shr{ background: #ddd; width: 3.5em; height: 3.5em; border-radius: 50%; line-height: 3.5em; text-align: center; font-size: 0.55em; cursor: pointer; float: left; } .ava-emty-nme-nte{ float: left; font-size: 0.7em!important; } .suggessted-pal-ind-pix-notfy .ava-empty{ margin-left: 0.65em; } .ava-adj{ margin-left: 0.4em!important; } .ava-adj > a{ font-size: 1em!important; } .ava-adj .avatar{ margin-left: 0.5em; } .rec-suggessted-share-notfy li a > .avatar,#suggessted-rfr-notfy li a > .avatar,#suggessted-pal-notfy li a > .avatar,#suggessted-pal-biz li a > .avatar,#suggessted-alwd-notfy li a > .avatar,#suggessted-sel-notfy li a > .avatar,#suggessted-rmv-notfy li a > .avatar,.suggessted-pal-biz-notfy li a > .avatar, .suggessted-pal-ind-notfy li a > .avatar,.suggessted-pal-ind-vid-notfy li a > .avatar,.suggessted-pal-ind-pix-notfy li a > .avatar,#suggessted-plc-flwr-notfy li a > .avatar,.suggessted-plc-flwr-more li a > .avatar{ width: 1.8em; height: 1.8em; border-radius: 50%; vertical-align: middle; cursor: pointer; margin-top: 0.25em; margin-right: 0.25em; } .altern-other{ width: 98% } #attached-name{ margin-left: 0; } .avtr-curs{ cursor: pointer; } #barterBtn,#barterBtn2{ left: 48%; font-size: 1em; position: relative; } #barterInformation{ float: left; width: 100%; margin: 0 auto; white-space: normal; margin-top: 2em; } #barter-have-form,#barter-want-form,#add-pix-form{ width: auto; border: 0.1em solid #F1F1F1; } #barter-img-cover{ position: relative; } #barterInformation .actn-on-btr > ul{ font-size: 0.8em!important; } .bck-arrw{ font-size: 2em; color: #FFF; text-decoration: none; } #biz-algn{ margin-left: 1em } #biz-log-cov{ width: 100%; margin: 0; clear: both; margin-bottom: 1.5em; } #biz-log-wrap{ background-color: #000; height: 20em; margin-bottom: 8em; } #biz-top-hde{ display: block; } #biz-wrap .shift-reply .new-drpdwn{ width: 100%; } body, html{ margin: 0; padding: 0; } body{ background: #FCFFFE; } .btn-under-avatar{ margin-top: 0em; } .btn-under-avatar > .shw-abt-cmnt{ float: left!important; } .btn-job{ font-size: 1.2em; float: right; margin-right: 5%; } #btr-chce-001{ height: 3em; } .btr-dlt-001{ float: right; margin-right: 20%; cursor: pointer; } #btr-img-detail{ width: 100%; position: relative; top: 2.0em; } #btr-img-disp{ width: 100%; position: absolute; margin: 0 auto; top: 2.0em; } .btr-img-sft{ margin: 0 auto; height: 20em; width: 20em; } #btr-img{ width: 90%; margin: 2% auto; cursor: pointer; height: 20em; } .btr-image-shft{ display: block; height: 30em; width: 80%; margin: 0 auto; } .btr-image-sizes{ height: 30em; width: 100%; } .btr-img-size{ height: 15.5em; width: 100%; } #btr-rmv-cover{ width: 100%; background-color: #0076a3; float: left; } .btr-arr-rgt{ position: relative; left: 0.25em; top: 1.25em; font-size: 4em; color: green; } .btr-arr-lft{ position: relative; left: 1.85em; top: 1.25em; font-size: 4em; color: green; float: left; } .btr-arr-mdl{ position: relative; left: 46%; top: -0.5em; font-size: 4em; color: green; float: left; width: 100%; } #btr-prdt-srch,#btr-lctn-srch{ float: left; margin-left: 2.5%; } #btr-srch-dsp-opt{ margin: auto; width: 70% } #btr-stm-vwe{ width: 80%; margin: 0 auto; padding-top: 1em; margin-top: 2.5em; } #btr-stm-vwe > h1{ text-align: center; color: cadetblue; font-size: 1.3em; } #btr-sel-choice{ float: left; } .busns-shr-ntfy-pal{ resize: none; margin-left: -2.3em; width: 20em; } #business-register{ margin-left: 30%; margin-bottom: 5em; } #business-register a{ line-height: 30px; text-decoration: none; color: #000000; font-size: 1.4em; font-weight: bold; white-space: normal; } #business-register ul{ height: 5em; overflow-y: auto; } #business-register button{ font-size: 1.1em; } .indivi-share-ntfy{ position: absolute; } .business-share,.setn-share,#pal-nme-notfy,#pal-rmv-notfy,.business-share-ntfy,.indivi-share-ntfy,.btr-arr-mdl-phn,.btr-phn-arr-dwn,#flwr-nme-notfy{ display: none; } .business-share-rmv{ margin-bottom: 1.5em; } #rec-chce-sel-chk .notifying-tag{ font-size: 0.8em; } .business-tag,.notifying-tag,.selected-tag,.remove-tag{ cursor: pointer; position: absolute; font-weight: bold; font-size: 1.2em; margin-top: -0.5em; } button{ color: #0000FF; } .selected-tag,.remove-tag{ position: relative; font-size: 1em!important; } #cam-gal-image{ display: none; } .cam-image,.cam-image-resp,#cam-image-gal{ display: none; } #cam-img{ display: none; } .cam-image-resp{ height: 1.2em; } .comment-icon{ font-family: sans-serif; font-size: 1em; position: relative; font-weight: 100; top: -1.3em; } #cncel-admin-frm{ margin-left: 0.5em; } .cancel-barter,#canc-unfnshd-btr{ height: auto; width: auto; left: 23.5%; font-size: 1em; position: relative; } .cancel-barter{ left: 40%; } .cancelButton,.cancelMyPlcBtn{ margin-left: 10%; font-size: 1em; } #cancel-gal-image-prev{ margin-left: 40%; font-size: 1em; } .cancel-cam,.elevate{ z-index: 10; position: relative; font-size: 1em; } #cancel-preview-image{ margin-left: 35%; font-size: 0.9em; } #canvas-bck{ top: 5%; z-index: 1; position: absolute; left: 0em; width: 100%; } #canvas{ position: absolute; top: -5em; } .cat-nme #cancel-preview-image{ margin-left: 25%!important; } .cancel-preview-reply-resp{ margin-left: 15%; font-size: 0.9em; } .cat-nme .cancel-preview-reply-resp{ margin-left: 5%!important; } #cancel-vid-pre{ font-size: 1em; } .cat-nme{ padding-top: 0.5em; margin-left: 0.5em; font-weight: 600; } .cat-nme > p{ color: cadetblue; } .cat-nme > a{ font-size: 1.1em; color: #493D26; text-decoration: none; } #category-choice{ width: 50%; } #category-choice:before{ left: 1.7em; margin-top: -0.9em; } #cover-categ-0001{ border: 0.1em solid #ddd; background-color: #fff; overflow-y: auto; min-height: 5em; max-height: 10em; border-radius: 0.5em; font-size: 1.3em; } .category-sizing{ width: 60%; font-size: 1em; cursor: pointer; position: relative; font-weight: bold; background: darkgray; text-align: center; width: 15em; margin-top: 0; } .category-top-drop{ background-color: #ecf5f5 !important; border-top: 1px solid #ecf5f5; border-right: 1px solid #ecf5f5; border-bottom: 1px solid #d4dcdc; border-left: 1px solid #ecf5f5; cursor: pointer; position: relative; } .category-top-res{ font-size: 0.7em; list-style: none; margin: 0.3em; padding: 0 0 0 0.3em; outline: 0; text-decoration: none; } .category-top-corner{ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0.5em; } .category-top-actv{ background: #fff; color: #e17009; font-weight: bold; } .category-top-deflt{ color: #2e6e9e; font-weight: bold; } #cancel-img-pre{ font-size: 1.1em; } .cancelling-reply{ font-size: 1em; margin-left: 10%; } .cancel-preview-reply-image{ margin-left: 20%; font-size: 0.9em; } .cat-nme .cancel-preview-reply-image{ margin-left: 13%!important; } #canc-incmplt-btr{ margin-left: 60%; font-size: 1em; } .celeb-covr-lg011{ margin: 0.7% 0 0 0%; } .center-top { height: auto; margin-bottom: 5%; } .center-top a{ text-decoration: none; display: block; pointer-events: auto; font-size: 1.3em; } .center-top li,.center-top li ul > li{ margin-left: 0; } .center-top ul{ display:none; position: absolute; top: 0.2em; z-index: 2; white-space: normal; } .center-top ul ul ul{ margin-left: 75%; z-index: 2; white-space: normal; } .center-top ul,.center-top ul ul,.center-top ul ul ul{ white-space: inherit; } .center-top ul ul{ margin-left: 81%; z-index: 2; white-space: normal; } .center-top #item-avail > li > a{ font-size: 1.2em; } .center-top ul ul ul li > a{ margin-right: 1.5em; overflow-wrap: break-word; } .center-top ul ul ul ul > li{ height: 20em; overflow-y: auto; } .center-top li{ list-style: none; width: 11em; height: auto; margin-left: -1.5em; } .center-top li ul > li{ margin-left: -2em; } .center-top li:hover ul ul, .center-top li:hover ul ul ul, .center-top li:hover ul ul ul ul{ display:none; } .center-top li:hover ul, .center-top li li:hover ul, .center-top li li li:hover ul, .center-top li li li li:hover ul{ display:block; background-color: #FEFCFF; width: auto; } .choice-categ{ left: -3.5em; } #change-cover{ margin-left: -3.5em; } #chat-actv{ position: absolute; top: 0.5em; right: 15em; } #chat-actv-container{ left: 20%; width: 50%; display: none; height: 25em; position: fixed; border: 0.1em solid #2e6e9e; z-index: 2; background-color: #FFFFFF; top: 5em; } .chat-actv-indvdl{ height: 100%; } #chats-act-dspl-wrap{ float: left; width: 35%; height: 100%; position: relative; bottom: 0; display:none; } #chats-actv-top{ border-right: 0; } #chats-actv-top,.chats-slctd-top{ position: relative; top: 0; left: 0; background-color: blue; height: 7%; width: 100%; } .chats-slctd-top{ z-index: 3; cursor: move; } #chats-actv-display{ left: 0; width: 100%; height: 93%; position: relative; border-right: 0.08em solid lightgrey; white-space: normal; overflow-y: auto; overflow-x: hidden; } #chats-actv-slctd-wrap{ float: left; width: 100%; height: 100%; position: relative; bottom: 0; } #chats-actv-selected{ left: 0; width: 100%; height: 93%; position: relative; } #chat-displ-close{ color: red; cursor: pointer; font-size: 1.5em; width: 10%; } .chat-displ-sec-close{ color: red; position: absolute; cursor: pointer; font-size: 1em; } #chat-btn{ float: right; height: 2em; margin-right: 2em; } #chat-container{ top: 10%; height: 35em; width: 54%; position: fixed; border: 0.1em solid #2e6e9e; display: none; margin: 0; z-index: 1; background-color: #FFF; left: 30%; } .chat-date{ float: right; } .chat-displ-sec-close{ color: red; position: absolute; cursor: pointer; font-size: 1em; } .chat-displ-sec-close{ float: right; right: 0; display: none; } #chat-id{ position: absolute; top: 1em; right: 4em; border: 1px solid green; text-align: center; width: 4.0em; height: 1.8em; border-bottom-left-radius: 50% 25%; border-bottom-right-radius: 50% 25%; border-top-left-radius: 50% 25%; border-top-right-radius: 50% 25%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); background: lightgreen; font-size: 1em; } #chat-id > span{ top: 0.8em; position: relative; } #chat-id-actv{ border-radius: 50%; height: 2.5em; width: 2.5em; } #chat-notif{ line-height: 0; bottom: 0; position: fixed; width: 100%; z-index: 1; height: 3.5em; right: 0; } .chn-styl-001{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); width: 20em; height: 10em; margin-left: 18%; padding-left: 0.5em; border-radius: 0.5em; background-color: #F5F5EC; float: left; } .cht-emj{ width: 100%; } .cht-emj .emoji-drpdwn a > img{ margin-top: 0.15em; } .chat-rspnse,.chat-rtn{ font-size: 1.5em; padding: 0.1em; } .chat-sndr-id{ border: solid lightgrey thin; } .chat-sndr-id a{ font-size: 75%; padding-left: 0.5em; cursor: pointer; text-decoration: none; word-break: break-all; } .chat-sndr-id:hover{ background-color: #F0F8FF; } .chat-sndr-id:hover .chat-displ-sec-close{ display: block; } .chat-sndr-glow{ position: absolute; box-shadow: 0px 8px 0px 10px #FFA500; display: none; width: 8em; } #chat-msg{ width: 100%; white-space: normal; height: 70%; overflow-y: auto; overflow-x: hidden; display: inherit; } #check-box{ padding: 0.23em; } #choosing-categry{ font-size: 1em; } .chk-shf-001{ margin-left: 0.5em; color: green; } .chk-shf-002{ color: #ccc; margin-left: 0.5em; } .choose-group{ margin-left: 2em; } #click-login{ width: 80%; height: auto; font-size: 1.2em; } #click-login-top{ width: 15%; height: 2.6em; } #click-submit{ width: 10em; height: 3em; } #cls-rgt,#dis-rgt,#bug-cls,#bug-rpt{ font-size: 1.2em; width: 5em; margin: 1em; } #cncl-job,#cncl-event{ margin-left: 30%; font-size: 1em; } .close > a,.cls-joi-000-001 > a{ margin-top: -2.2em; float: right; margin-right: 1em; font-size: 1.25em; color: #FF0000; text-decoration: none; } .close-event > a{ margin-top: -1.0em; } .close-acpt > a{ margin-top: -1.5em; cursor: pointer; } .close-job > a, .close-event > a, .close-acpt > a, .close-aply > a{ float: right; margin-right: 0.5em; font-size: 1.25em; color: #FF0000; text-decoration: none; } .close-job > a, .close-aply > a { margin-top: -1.2em; } #comnt-intfc{ margin-top: 2em; margin-left: 1em; width: 95%; float: left; border-bottom: solid 0.1em #ddd; border-top: solid 0.1em #ddd; } #comnt-intfc > a{ color: darkslategrey; font-size: 1.1em; } .container{ position: absolute; margin-top: 4em; width: 100%; } .container a.cam-image-emo{ font-size: 1.25em; cursor: pointer; } #container-left4 ul > li{ cursor: pointer; font-size: 0.75em; margin-left: -1.2em; list-style: none; } #container-video-center{ width: 100%; overflow-x: hidden; } #container-video-left,#container-video-right{ height: 0; } #coverLtr{ width: 51%; } .create-account-top, #container-left2,#container-left2-terms,#container-left2-prvcy{ display: none; } #container-right4{ display: none; overflow-y: auto; height: 100vh; } #container-left1,.right-container,#container-right-all,#container-right-event ,#container-right5,#container-right6{ display: block; } .container-center5,#container-center6{ width: 100%; padding-bottom: 5%; } #container-center-event{ width: 100%; overflow-x: hidden; padding-bottom: 30% } #container-center-all{ width: 100%; overflow-x: hidden; padding-bottom: 100% } #container-inner{ width: 80%; font-size: 2.5em; margin: 0 auto; margin-top: 1em; } #ttl-inr{ font-size: 0.8em; } #container-left4 ul > #bartering,#container-left4 ul > #events{ margin-left: 0; } #container-left-all,#container-left-event,#container-right-all,#container-right-event{ width: 20%; display: block; } #container-right2,#container-right2-prvcy,#container-right2-terms{ padding-bottom: 30%; width: 100%; margin-top: 1.5em; } #rec-container-left{ z-index: 4!important; } #rec-container-left,#container-left4,#container-left-all,#container-left-event,#container-left5,#container-left6{ height: 90%; width: 0; position: fixed; z-index: 2; top: 4.7em; left: 0; background-color: #f3f3f0; overflow-x: hidden; transition: 0.5s; } #container-center4{ background-color: #FFF; overflow-x: hidden; margin-bottom: 10%; } #container-center-main,#container-center-all,#container-center-event{ overflow-x: hidden; } #container-right5,#container-right6{ float: left; display: block; width: 20%; white-space: normal; } .cntry-shw-code{ cursor: pointer; height: 3em; width: 5%; text-align: center; } #cntry-shw-prv{ cursor: pointer; text-align: center; float: left; font-size: 0.8em; margin-top: 0.6em; } .contry-barter{ float: left; } .contry-barter > select{ height: 3em; } .contry-code-lgn,.contry-code{ position: relative; z-index: 1; opacity: 0; } .contry-code-prv{ z-index: 1; opacity: 0; } #cntr-code-seld-logn,#cntr-code-crat-acct,#cntr-code-seld-logn-top,#cntr-code-seld-one,#cntr-code-seld-prv{ appearance: none; -moz-appearance: none; -webkit-appearnce: none; -o-appearance: none; -ms-appearance: none; border: none; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 70%); position: absolute; padding-left: 0.5em; } #cover-signup{ margin: 0 auto; white-space: nowrap; height: auto; width: 60%; background-color: lightgrey; border: 0.2em solid rosybrown; line-height: 1em; margin-top: 15%; } #cover-middle-shre{ text-align: center; } #cover-middle-shre a{ text-decoration: none; } #cover-top{ margin: 0 auto; width: 100%; } .covr-ltr-cont{ width: 99%; white-space: normal; float: left; height: 15em; resize: none; margin-bottom: 2em; } #created-account{ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ line-height: 1em; padding-top: 0.3em; padding-left: 0.3em; color: #d43f3a; } #shw-to-dstp{ display: block; width: auto; left: 0; position: relative; padding-top: 0; overflow-x: visible; } .create-gallery-popup, .create-video-popup{ height: auto; overflow: hidden; text-align: center; } .create-new-prof,.ctg-000-001{ position: fixed; top: 3em; width: 85%; height: 14em; margin-left: 7.5%; display:none; background: #FFF; font-size: 1.2em; z-index: 999999; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } .create-new-categ-cover,.crt-grp-000-001{ width: 100%; margin: 0.5em; } .create-new-categ-top,.disbl-pge-top,.crt-grp-000-002{ margin: 0 auto; font-size: 0.85em; color: #3282e6; padding-top: 1em; padding-bottom: 1em; font-weight: 400; width: 70%; } .create-profile{ margin: 0 0.25em; float: left; } .cvr-all-101{ position: absolute; left: 1%; top: 1%; } .cvr-cel-001{ margin-left: 10%; } .cvr-cel-001 .algn-arrw{ position: relative; top: 0.15em; left: -0.1em; color: #FFF; } .cvr-cel-001 > button{ color: #FFF; } #cvr-lbl-txt{ width: 20em; } .dbl-chn-sty-001{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); width: 60%; height: 10em; padding-left: 0.5em; border-radius: 0.5em; background-color: #fff; margin: 0 auto; } .dbl-chn-sty-001 > a{ text-decoration: none; } #deletelink{ margin-left: 0.6em; font-size: 1em; } #descr-avail,#descr-want { border: none; overflow: auto; width: 99%; resize: none; font-size: 1.2em; } #dialog-overlay,#dialog-overlay-side{ display: none; opacity: 0.8; position: fixed; top: 0px; left: 0px; background: #FFF; width: 100%; z-index: 10; } #dialog-box,#dialog-box-side{ display: none; position: fixed; background: #000; border-radius: 0.44em; width: 70%; margin-left: 15%; vertical-align: middle; z-index: 1000; } #dialog-box > div,#dialog-box-side > div{ background: #FFF; margin: 8px; } #dialog-box > div > #dialog-box-head,#dialog-box-side > div > #dialog-box-head-side{ background: #667; font-size: 19px; padding: 10px; color: #ccc; } #dialog-box > div > #dialog-box-body,#dialog-box-side > div > #dialog-box-body-side{ background: #333; padding: 20px; color: #FFF; white-space: normal; } #dialog-box > div > #dialog-box-foot,#dialog-box-side > div > #dialog-box-foot-side{ background: #667; padding: 10px; text-align: right; } #dis-cel-011{ position: absolute; display: none; left: 20%; bottom: 1em; z-index: 2; width: 20%; } #dis-cel-011 > ul{ height: 4em; overflow-y: auto; background-color: #fff; border-radius: 0.5em; } #dis-cel-011 li{ list-style: none; margin-left: -2em; line-height: 1.5em; cursor: pointer; } #dis-cel-011 a{ text-decoration: none; color: #000; } .dlt-algn{ margin-left: 3em; } .dlt-admn{ margin-top: -1.5em!important; } .dlt-btr{ display: none; position: absolute; margin-top: -2em; margin-left: -10em; } .dlt-btr li{ list-style: none; } .dlt-biz, .dlt-admn{ display: none; position: absolute; margin-left: 25%; margin-top: 1em; } .dlt-biz a, .dlt-admn a{ font-size: 1.3em!important; color: #000!important; } .dlt-biz ul{ margin-top: -1em!important; } .dlt-biz ul, .dlt-admn ul, .dlt-btr ul{ width: 6em; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.5em; } .dlte-note{ float: left; width: 10%; } .dlte-note a{ color: gray; top: 0.25em; position: relative; } .dlte-note-ava{ margin-top: 0.8em; } .dlt-vid,.dlt-vid-ply{ display: none; position: absolute; z-index: 1; width: 5em; margin-left: -10%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-top: 0.5em; background-color: white; border-radius: 0.8em; } .dlt-vid a,.dlt-vid-ply a{ text-decoration: none; font-family: sans-serif; font-size: 0.75em; } .dlt-vid ul,.dlt-vid-ply ul{ background: #FEFCFC; padding: 1em 0 1em 1em; line-height: 1.1em; } .dlt-vid ul li,.dlt-vid-ply ul li{ list-style: none; border-bottom: 0.1em #fff solid; margin-top: -1.5em; } .disbl-pge-top{ font-size: 1.2em; white-space: normal; } .disbl-acct-form{ position: relative; display: none; margin: 0 auto; background-color: #FFF; width: 95%; z-index: 100; padding: 0.25em; } #dis-rgt{ float: right; margin-right: 3em; } #displ-notfctn{ top: 2.5em; position: absolute; } #displ-notfctn > a{ text-decoration: none; color: #FEFCFF; font-size: 0.8em; font-size: 1em; } #disp-btn-und-ava{ margin-left: 0!important; } .div-cnt-cvr-001 > .emoji-drpdwn{ margin-left: 15.7%!important; } .indiv-list-displ{ display: inline-table; float: left; width: 23%; height: 13em; margin: 1%; text-align: center; } .indiv-list-displ img, .indiv-list-displ video{ height: 8em; width: 100%; float: left; } .indiv-list-displ a,.frnds-placing-cover > .frnds-placing a{ text-decoration: none; } .displayed-info{ font-size: 0.75em; word-wrap: break-word; } .displayed-info-all{ width: 100%; color: #000; float: left; font-size: 0.8em; white-space: normal; word-break: break-all; } .display-list-cover{ width: 95%; margin: 0 auto; white-space: normal; } #dom-name{ margin-left: 40%; font-size: 1.5em; color:grey; font-weight: bolder; } #dom-name2{ text-align: center; left: 0; font-size: 1.5em; color:grey; font-weight: bolder; } #dom-name-hme,#dom-name-plce{ display: none; } #dom-name3{ margin-left: 2.5em; margin-top: -1em; } #dom-name > img,#dom-name3 a > img,#dom-name2 a > img,.dom-nme-algn a > img{ width: 40px; height: 40px; border-radius: 50%; overflow-y:hidden; overflow-x:hidden; } #dom-name2 > img, #dom-name > img{ margin-top: 0.8em } .drpdn-shft-vid{ top: 1em; } .dropdown-likes,.dropdown-frwks,.dropdown-cnfti { position: relative; display: inline-block; } #video-contner-left .dropdown-likes-content{ margin-top: 1.5em; } .dropdown-likes-content,.dropdown-frwks-content,.dropdown-cnfti-content,.dropdown-subs-content{ display: none; position: absolute; background-color: #000; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2; border-radius: 0.5em; } .dropdown-frwks-content,.dropdown-cnfti-content{ top: 2.5em; } .dropdown-accepted-content { display: none; position: absolute; background-color: #000; width: 15em; margin-left: -7em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2; } .dropdown-likes-content a,.dropdown-accepted-content a,.dropdown-frwks-content a,.dropdown-cnfti-content a,.dropdown-subs-content a{ color: #fff; text-decoration: none; display: block; cursor: pointer; } .dropdown-accepted-content li{ list-style: none; } .dropdown-profile{ margin-left: 15%; } #drpdwn-show-profile{ left: 38.5%; width: 37%; margin-top: -0.15em; z-index: 1; } #drpdwn-show-profile ul{ border: 0.1em solid #DDD; background: #000; border-radius: 0.5em; width: 100%; max-height: 15em; min-height: 5em; overflow-y: auto; } .dropdown-profile-menu{ display: none; position: absolute; width: 47%; z-index: 1; font-size: 1.2em; } .dropdown-profile-menu ul > li{ margin-left: -1em; list-style: none; } .dropdown-profile-menu ul > li a{ color: #FFF; } .dropdown-profile-menu:before{ content: ""; position: absolute; left: 75%; top: 0.3em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #000 transparent; } #drpdwn-show-status{ left: 35.5%; margin-top: -0.2em; } #drpdwn-show-status ul{ background: #000; border-radius: 0.5em; height: 15em; overflow-y: auto; } .dropdown-status{ margin-left: 30%; } .dropdown-status-menu{ display: none; position: absolute; width: 44.5%; z-index: 1; font-size: 1.2em; overflow: hidden; } .dropdown-status-menu:before{ content: ""; position: absolute; left: 10.5%; top: 0.2em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #000 transparent; } .dropdown-status-menu ul > li{ margin-left: -1em; list-style: none; } .dropdown-status-menu ul > li a{ color: #FFF; } #dy{ height: 3em; margin: 1%; } #d-y-m-cover{ margin-top: 0; line-height: 1em; } #dym-text{ margin-left:1em; font-weight: bold; } #dym-select{ margin-left: 1.5em; } .dbl-chn{ background-color: #FFFDD0; height: auto; padding: 2.5% 2.5% 5% 2.5%; margin-bottom: 2em; float: left; width: 100%; } #embd-vid{ font-weight: 900; position: relative; left: 5%; float: left; cursor: pointer; } .embd-chk-fld .new-drpdwn{ width: auto!important; height: 11em; margin-top: 0.7em; } .embd-chk-fld .new-drpdwn:before{ left: 13em!important; } #embd-vid-url-txt{ resize: none; position: relative; top: 2em; width: 20em; height: 3em; } .emj,.emj-svg{ height:1.1em; width:1.1em; background-position:center; background-repeat:no-repeat; background-size:contain; display:inline-block; vertical-align:middle; margin-top: 0.1em; } #emoji-dropdown-stats-updt{ margin-left: 10%; margin-top: -0.2em; } #emoji-dropdown > img { width: 1em; height: 1em; } .embd-shw-for-all { left: 17%; top: 1.5em; } #embd-chOpt-selOpt-all { top: 1.5em; left: 3em; } .upload-photo .emoji-drpdwn,.upload-video-form .emoji-drpdwn{ margin-left: 1em!important; position: absolute; margin-top: 0.5em; } .upload-photo #cancel-img-pre,.upload-video-form #cancel-vid-pre{ margin-left: 5em!important; position: absolute; } .emoji-drpdwn{ margin-top: 1%; margin-left: 10%; } .emoji-drpdwn > a{ cursor: pointer; } .emoji-drpdwn > img{ margin-top: 1em; } #creating-event .emoji-drpdwn{ position: absolute; margin-top: -0.7em; } .empty-gallery > button{ float: left; width: 99%; font-size: 0.8em; } .emp-pg-algn{ text-align: center; } .entr-job-info,.aplkntInfo{ float: right; width: 50%; height: 2.5em; } .entr-evnt-info{ font-size: 1em; float: right; margin-right: 30%; width: 40%; height: 1.5em; } #er{ color: #FF0000; text-align: center; } .error-area{ text-align: center; color: #FF0000; white-space: normal; } .evnt-algn{ text-align: left; margin: 2%; font-size: 1.2em; color: #808000; } .entr-evnt-info{ float: right; margin-right: 30%; width: 40%; height: 1.5em; } .evnt-image{ margin: 0.05em; width: 90%; height: 30em; } .event-label{ margin: 5%; } #evnt-conainer{ width: 95%; margin: 0 auto; white-space: normal; } #evnt-conainer p{ font-size: 1.3em; } .evnt-pg-algn{ text-align: center; } .fa.sgn-add{ color: #DDD; float: right; margin-right: 0.5em; } .fav-list{ text-align: center; } #file-input{ font-size: 0.8em; margin-top: 4%; } #file-input-wall,#file-input-gal,.file-input-wall-reply,#file-gal-wall,.file-input-comReply,#file-input-wall-stats{ visibility: hidden; } .flag-cmnt{ margin-left: 5%; } .flag-cmnt > a{ font-size: 0.8em; text-decoration: none; } #forgot-pwd{ margin-left: 17em; } #forgot-pwd > a{ color: #000000; font-size: 1.1em; font-weight: bold; text-decoration: none; } #form-errors-sign-in,#form-errors-sign-in-sec,#form-error-fne,#form-error-lne,#form-error-eml,#form-error-reml, #form-error-pwd,#form-error-rpwd,#form-error-date,#error-show{ white-space: normal; color: #d43f3a; margin: 0.5em 0 0 1.5em; } #form-error-date{ margin-top: 0.5em; width: 90%; } .for-all-txt{ width: 91.5%; height: 3em; margin-left: -0.5em; border: 0; } .for-all-txt-dstp{ height: 3em; width: 37.5%; border: 0; } .flg-algn{ width: 100%; } .flg-algn-img{ width: 1.5em; margin: 0 0.25em; } .friend-block,.follow-block,#joi-000-001,.subs-page{ width: auto; height: 2.6em; text-decoration: none; font-weight: 600; color: darkgray; margin: 0.2em; } #rec-pst-dspl-cont .subs-page{ float: none!important; } .pictures-view li > a, .photos-view li > a{ margin: 0.5em; } .frnds-name > a{ line-height: 0.5em!important; font-size: 0.8em!important; } .frnds-name{ word-wrap: break-word; line-height: 0.8em; } .friends-count,.image-show-all-gal > .friends-count{ color: blue; margin-bottom: 0.5em; text-decoration: none; float: left; width: 100%; } .friends-list > .friends-count{ position: relative; } .friends-list > a.friends-count:hover{ color: #000; } .ppl-invt-view{ height: 13em; display: none; white-space: normal; border: 0.1em #ddd solid; overflow-y: auto; } .friends-list, .pictures-view, .photos-view, .videos-view, .favs-view, .create-gallery-popup, .create-video-popup,.folw-view{ height: 20.0em; display: none; white-space: normal; border: 0.1em #ddd solid; overflow-y: auto; } .friends-list{ margin-left: 0; } .friends-list > .frnds-placing-cover, .videos-cover{ width: 100%; margin-top: 1.5em; } .frnds-placing-cover > .frnds-placing{ display: inline-block; width: 25%; margin: 0.6%; } .frnds-placing-cover > .frnds-placing img, .videos-cover > .video-wrap video{ width: 100%; float: left; display: inline; height: 5em; } .friendrequests,.followrequests,.joinRequest{ overflow-y: auto; padding: 0.2em; width: auto; white-space: normal; } .friendrequest-popup{ display: none; } .friendrequest-popup{ margin-top: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; background-color: #FCFFFE; padding: 0 0.4em; white-space: normal; } .frd-012-lnk-010{ margin-left: 5em; } .hlight,.hlightTgd{ background: #EBF4FA; } .hlite-type{ font-size: 1.3em; color: #000AAA; font-weight: bold; margin-bottom: 1.5em; } .galleries{ margin-top: 1em; } .gallery-area{ height: 10em; overflow: scroll; } #gallery-images{ width: 97%; margin-left: 3%; } #gallery-images li img,.galleries li img{ width: 100%; height: 10em; cursor: pointer; border-radius: 0.5em; } #gallery-images li,.galleries li{ list-style: none; width: 23%; float: left; margin: 0.3em; } #gallery-images li{ height: 10em; border-radius: 0.5em; background-color: #ccc } #gallery-name-more{ margin: 2.5% 10%; font-size: 0.9em; height: 1.5em; width: 80%; } #invt-ppl-join{ margin: 2%; font-size: 0.9em; height: 3em; width: 90%; } #gallery-name{ width: 80%; height: 3em; margin: 2.5% 10%; } #galPostBtn{ float: right; font-size: 1em; position: relative; } .galry-lst-vid-med{ width: 32%; height: 20em; margin: 0.25em; float: left; } .galry-lst-vid-med video{ width: 100%; border-radius: 0.5em; background-color: #ccc; } .gmba-ownr-star .rec-cic-icn-str{ left: 37%; } #grp-000-001{ display: none; } #grp-000-001-mbl{ background-color: #000080; border-radius: 0.5em; text-align: center; margin-left: 20%; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); width: 20em; height: 3em; margin-bottom: 1em; } #grp-000-001-mbl > a{ color: #FFF; line-height: 2.5em; text-decoration: none; font-size: 1.2em; font-weight: bold; white-space: normal; padding: 0.3em; } .grp-012-ava-010{ margin-top: 0.6em; white-space: normal; float: left; width: 32%; margin: 0.15em; } .grp-012-ava-010 > .user-info{ margin-bottom: 0.5em; } .grp-012-mem-011{ margin: 0.5em; text-decoration: none; height: 10.5em; float: left; } .grp-012-mem-011 > img{ width: 6em; height: 6em; margin-top: 1em; } .grp-all-ava-010{ margin: 1.25%; float: left; height: 20em; } .grp-all-mem-011 > img{ width: 12.5em; height: 15.6em; } .grp-all-txt-010{ white-space: normal; text-align: center; width: 12em; } .grp-dsp-txt-021{ margin: 1em; font-size: 1.2em; color: #0000FF; } #guest-user{ font-size: 0.6em; top: 45px; } .header{ background: #18afff; width: 100%; height: 4em; position: fixed; z-index: 2; top: 0; white-space: nowrap; font-size: 1.2em; } .header-center{ width: 90%; margin: 0 auto; } .hi-lt-biz{ color: #228B22; } .hi-lt-nme{ color: #000; } .hidden-choices{ display: none; position: absolute; z-index: 2; } .hidden-choices li{ list-style: none; margin-left: -1.6em; } .hidden-choices li a{ text-decoration: none; font-size: 1.4em; color: #000; } .hidden-choices:before{ content: ""; position: absolute; top: 0.25em; left: 45%; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #FFF transparent; } .hide-dlt-cat{ display: none; width: 5em; position: absolute; margin-left: -5.5em; margin-top: -0.5em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.25em; background-color: #000; } .hme-arw{ cursor: pointer; font-size: 2em; color: #FFF; margin-right: 1em; display: inline-block; } .hme-crs-pntr{ cursor: pointer; color: #FAEBD7!important; } .home-icon{ float: left; margin: 0 0.25em } .home-icon a{ text-decoration: none; } .fa.hme-icn-biz{ margin-top: 2.5%; font-size: 1.3em; color: #FFF; } .hr-sty{ height: 3px; background-color: purple; } .hr-line{ height: 0.1em; margin: 1em 0; width: 100%; float: left; background-color: #ccc; } #img-caption{ margin-top: 1.0em; margin-left: 1.0em; padding-bottom: 0.1em; } .img-cover{ position: relative; top: 1.0em; float: left; } #image-click > img, .image-click-reply > img,.image-click-select > img, .image-click-reply-resp > img{ width: 2em; height: 2em; cursor: pointer; } #img-comment .rep-btn{ font-size: 1em; margin-left: 10%; } #img-comment{ width: 100%; height: 100%; overflow-x: hidden; white-space: normal; margin-top: 2%; } #img-comment .cam-image-emo{ font-size: 1.2em; } #img-comment .emj{ margin-top: -0.5em!important } #img-comment a{ font-size: 1em; text-decoration: none; font-weight: bolder; cursor: pointer; } #img-comment-box{ margin: 0 auto; display: none; width: 95%; } #image-click-gal{ height: 1.8em; width: auto; } #image-click-gal-diff{ margin-left: 2%; float: left; } .image-field{ margin-left: 1.0em; cursor: pointer; } #image-gal-click{ height: 1.5em; width: 1.5em; } .image-gal-com{ height: 1.25em; width: auto; cursor: pointer; } #img-error-msg{ text-align: center; font-size: 2em; margin-top: 20%; } #image-exist{ text-align: center; } #img-text,#rec-img-text{ height: 4em; resize: none; white-space: normal; background-color: #fff; font-size: 0.8em; display: inherit; border: 0.1em solid #ddd; overflow-y: auto; width: 100%; border-radius: 0.5em; } .image-show-all-gal > .image-wrap a{ margin-left: 0; } .image-show-all-gal > .image-wrap{ margin: 0.6%; float: left; width: 30%; } .image-wrap > .move-up{ position: relative; top: 0; left: 0; word-wrap: break-word; } .image-show-all-gal > .image-wrap img,.waiting-friends > .member-profile img{ height: 5em; width: 80%; } #img-error-msg{ text-align: center; font-size: 2em; margin-top: 20%; } .image-show-all-gal:hover{ color: #000; } .img-ext{ width: 100%; height: 40em; background-color: #000; } .indvl-aplcnt{ margin: 0 auto; width: 90%; padding-top: 1em; } .indivi-share-ntfy button{ background-color: #FFF; } .indvl-shr-ntfy-pal,.indvl-shr-ntfy-pal-rec{ width: 19em; resize: none; margin-left: -3em; height: 5em; } .indvl-shr-pix-ntfy-pal{ width: 22em; resize: none; margin-left: 5em; border-radius: 0.35em; height: 2em; } .indvl-shr-vid-ntfy-pal{ width: 20.5em; resize: none; } #info-wanted > p{ text-align: center; } #info-given,#info-wanted{ margin: 0 auto; display: none; width: 100%; } #info-given li{ list-style: none; width: auto; height: auto; } #info-given a{ text-decoration: none; display: block; line-height:1.50em; pointer-events: auto; color: #000000; width: 100%; } #info-given > li{ float: left; } #info-given > li ul{ display:none; width: auto; height: auto; margin-top: 0; z-index: 999; position: relative; } #info-prof{ float: left; white-space: nowrap; margin-top: 3.5em; margin-left: 3.5em; } .info-well-wrap{ float: right; } .input-adjust{ float: left; width: 25%; margin: 1%; height: 2.5em; } #input-vis{ cursor: pointer; display: none; margin-left: 10%; } .inpt-fnt{ font-size: 1em; } #infmtn{ font-weight: bold; width: 80%; white-space: normal; margin-left: 10%; margin-top: 1em; } #infmtn > li{ list-style: none; margin-left: 12%; margin-top: 0.5em; } #innr-001-111{ box-shadow: 0px 40px 16px 0px rgb(0 0 0 / 20%); margin: 0 auto; border-radius: 50%; height: 12em; width: 12em; text-align: center } #innr-001-111 > i{ margin-top: 0.5em; color: lightslategrey; font-size: 5em; } #innr-001-111-txt{ font-weight: bold; color: lightslategray; } #outr-001-111{ margin-top: 5%; } #intro, #reqmnt, #prohbt, #links, #liablty, #arbtratn, #termntn, #copyrgt, #chnges, #link-prvcy, #link-guide, #crtng, #btrng, #mdia, #cntnts, #employ, #crt-shre,#crt-indp,#crt-gemba,#vlt-gemba,#crt-int-def, #inf-usd, #hw-shre,#cnt-rsp,#embd{ font-weight: bold; width: 80%; white-space: normal; margin-left: 20%; margin-top: 1em; } #intro a, #reqmnt a, #prohbt a, #links a, #liablty a, #arbtratn a, #termntn a, #copyrgt a, #chnges a, #link-prvcy a, #link-guide a, #crtng a, #btrng a, #mdia a, #cntnts a, #employ a,#crt-indp a,#crt-shre a,#crt-gemba a,#vlt-gemba a,#crt-int-def a, #infmtn a, #inf-usd a, #hw-shr#crt-indp ae a, #cnt-rsp a,#embd a{ text-decoration: none; } .invdl-evnt{ margin: 3em 0 8em 0; } .invdl-evnt button{ font-size: 1.2em; margin-left: 80%; } .invtee-nms > a, #invtee-add > a{ cursor: pointer; text-decoration: none; color: #2B65EC; white-space: normal; } #invtee-add > a{ color: #7F5217; } #info-given > .close-btr a{ font-size: 2em; color: #FF0000; margin-left: 90%; cursor: pointer; } .invt-count{ float: right; } .invt-count > span{ text-decoration: none; cursor: pointer; color: #079914; } #item-avail,#item-exch{ position: relative; margin: 3%; } #item-avail > a{ margin-left: 0; font-size: 1.0em; font-weight: bold; } #item-exch,#canc-incmplt-btr{ display: none; } #item-description,#item-desc-wanted{ margin-left: 10%; width: auto; float: left; position: relative; display: none; } #item-desc-wanted{ width: 50%; } #jail-cover,#btnFollow,#btnFolwBlk,#btnSubscrb{ font-size: 1em; } #jail-after{ height: 2.5em; } .job-label{ text-align: left; margin: 1.5em; } .job-applcnts{ float: right; margin-top: 1.5em; margin-right: 1.5em; } .job-applcnts > a{ text-decoration: none; color: #A52A2A; } .job-dtls{ font-size: 1.1em; font-weight: bold; } .label-text{ width: 80%; } .left-container,.right-container{ width: 20%; float: left; height: 100%; display: block; } .lft-rgt-arr-001{ display: none; } .up-dwn-arr-002{ font-size: 4em; color: green; text-align: center; margin-top: -0.15em; } #left-wrap{ text-align: center; } #left-wrap > a{ text-decoration: none; } .listng-itm{ margin-left: 2.5%; } .load-more{ height: 1em; } .load-more-shft{ margin-bottom: 2em; } .load-more-vid-cmnt{ float: left; width: 100%; margin-top: 4em; padding-bottom: 2em; } #location-add{ display: none; float: left; margin: 1em 10%; width: 100%; } .log-nme-001-mbl > a{ text-decoration: none; color: #fff; font-weight: 600; font: icon; font-weight: bold; font-size: x-large; } .log-nme-001-mbl{ position: absolute; left: 40%; top: 2.2em; } .log-nme-001-011{ color: #fff; font-weight: 600; font: icon; font-weight: bold; font-size: x-large; position: absolute; top: 1em; } #l-g-message { text-align: left; font-family: sans-serif; color: #000000; font-size: 1.2em; } #lnk-privcy, #guide-actvts{ font-weight: bold; white-space: normal; margin-top: 1em; } #lnk-privcy a, #guide-actvts a{ text-decoration: none; } .like-comment-msk{ color: darkgray; } .like-comment{ cursor: pointer; color: darkgray; margin: 0.5em 0.3em 0 7em; } .lks-cmn-010{ position: absolute; width: 100%; bottom: 10%; left: 2%; z-index: 1; } .like-img-comment,.like-vid{ cursor: pointer; color: #c0a16b; font-size: 0.7em; margin: 0.5em 0.3em 0 8em; } .like-vid-comment{ float: left; margin-left: 5em; cursor: pointer; color: #c0a16b; font-size: 0.7em; } #live-dsktp-001{ display: block; } #login-direct-2account,#login-direct-2account2,#login-direct-2account3{ padding: 5px; position: relative; left: 15px; } #login-bgrnd{ margin: 0 auto; margin-top: 8%; width: 70%; height: auto; white-space: nowrap; border: 0.2em solid #F1F1F1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #login-box-bottom,#login-box-top{ margin: 1.5em; } #login-box-middle{ line-height: 20px; } .login-direct-algn{ margin-left: -1em; } .login-direct:before,.login-direct-algn:before,#dym-text:before{ content:"*" ; color: red; } .log-crt-acct-direct:before{ margin-top: 1em; content:"*" ; color: red; position: absolute; } #login-forgot-txt { margin: 10% 0 5% 25%; } #login-forgot-txt a { text-decoration: none; color: #000000; font-size: 1.2em; } #login-forgot-txt a:hover{ font-weight: normal; text-decoration: none; color: blueviolet; } #login-gen-allign{ display: none; white-space: nowrap; width: 70%; top: 0; right: 5%; position: fixed; height: auto; } .login-direct{ margin: 4%; } #login-submit{ position: relative; left: 10%; padding: 5px; } .main-home .shift-reply .new-drpdwn,.cat-nme .shift-reply .new-drpdwn,#biz-wrap .shift-reply .new-drpdwn{ width: 80%; } .main-home .response .new-drpdwn,.cat-nme .response .new-drpdwn,#biz-wrap .response .new-drpdwn{ width: 70%; } .mask { background: rgba(23,47,77,45); left: 0; top: 0; position: fixed; z-index: 99; width: 100%; height: 100%; -moz-opacity: 0.8; opacity: 0.7; transition: opacity 2s; transition-delay: 0.1s; filter: alpha(opacity=80); } .member-wrap{ text-align: center; } .mem-fam{ font-size: 0.75em; } .message{ text-align: center; font-family: sans-serif; color: #000000; font-size: 1.2em; } #message1-cover,#message2-cover,#message3-cover{ padding: 5px; } #message2-cover .message a{ text-decoration: none; } #message2-cover .message a:hover{ color: #000000; background: #ddd; font-weight: normal; text-decoration: none; } #message-error{ text-align: left; font-family: sans-serif; color: #000000; font-size: 0.9em; margin: 20px 0 0 15px; } #message1-error{ text-align: left; font-family: sans-serif; color: #cc00cc; font-size: 1.0em; margin: 20px 0 0 15px; white-space: normal; } .mobile-pdf{ display: block; } .mobile-pdf > a{ text-decoration: none; font-size: 1.1em; margin-left: 20%; } .mobl-dspl,.sidePnlMobl,.mobl-dspl-rgt{ display: block; font-size: 2em; font-weight: bolder; } #mov-cht{ padding-top: 2em; } #msg-bdy-scroll{ height: 70%; overflow-y: auto; overflow-x: hidden; white-space: normal; border-top: 0.08em solid grey; font-size: 0.6em; background-color: #F0F8FF; } #msg-find-frnds{ height: 100%; } .msg-wgt-add{ margin-left: 2.5em; margin-top: 0.5em; font-size: 0.8em; } .msg-wgt-body{ padding-bottom: 1em; } .msg-wgt-header{ background-color: #6D84B4; text-align: center; height: 5%; position: relative; z-index: 2; cursor: move; } .msg-wgt-header a{ text-decoration: none; font-weight: bold; color: #fff; font-size: 0.7em; width: 90%; white-space: normal; float: left; word-break: break-all; } .msg-frnds-srch{ height: 3em; width: 97.5%; border: 0; resize: none; margin-left: 0.05em; } .msg-wgt-frnds-msg{ height: 22.7%; background-color: #F0F8FF; overflow-y: auto; overflow-x: hidden; border-top: 0.08em solid rgba(0,39,121,0.76); white-space: normal; } .msg-wgt-input { position: absolute; bottom: 0; height: 30%; border-top: 0.1em solid grey; width: 100%; margin-left: 0.1em; } #msg-wgt-footer{ height: 29%; margin-left: -0.1em; background-color: #F0F8FF; width: 99.92%; } .msg-wgt-friends{ height: 65%; background-color: #FEFCFF; overflow-y: auto; overflow-x: hidden; border-top: 0.08em solid rgba(0,39,121,0.76); white-space: normal; } #mth{ height: 3em; margin: 1%; width: 30%; } .name-place{ cursor: pointer; float: left; width: 100%; word-wrap: break-word; } .name-stats{ float: left; position: relative; top: 0.7em; left: 0.35em; white-space: normal; } .nav-friends,.video-album{ text-align: center; } .nav-friends a, .video-album a, .photo-album a, .video-list a, .fav-list a, .create-gallery a, .select-gallery a, .photo-album-display a,.evnt-pg-algn a, .emp-pg-algn a,.folw-list a,.person-invite-display a{ line-height: 2em; text-decoration: none; color: #000000; font-size: 1.4em; font-weight: bold; } .page-assgmt{ text-decoration: none; color: #000000; font-weight: bold; } .person-invite-display a{ color: #0909FF; } .name-style{ color: blueviolet; font-weight: 600; font-size: 1.2em; list-style: none; } .new-drpdwn{ width: 60%; height: auto; background-color: #fff; margin-left: 0em; position: relative; border: 0.15em solid #ddd; margin-top: -1.3em; } .new-drpdwn::before{ content: ""; position: absolute; left: 5.5em; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #ddd transparent; } #over-vid-com > .new-drpdwn::before{ left: 5.25em!important; } .new-drpdwn-galry{ width: 88%; height: 12em; background-color: #fff; margin-top: -0.7em; position: absolute; border: 0.15em solid #ddd; z-index: 999; } .new-drpdwn-galry-fst{ width: 80%; height: 12em; background-color: #fff; margin-top: -1.1em; position: absolute; border: 0.15em solid #ddd; z-index: 999; } .new-drpdwn-galry-snd{ width: 83%; height: 12em; background-color: #fff; margin-top: -0.8em; position: absolute; border: 0.15em solid #ddd; z-index: 99999999; } .new-drpdwn-galry::before{ content: ""; position: absolute; left: 25%; top: -0.6em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.6em 0.6em; border-color: transparent transparent #ddd transparent; } .new-drpdwn-galry-fst:before{ content: ""; position: absolute; left: 24%; top: -0.6em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.6em 0.6em; border-color: transparent transparent #ddd transparent; } .new-drpdwn-galry-snd:before{ content: ""; position: absolute; left: 28%; top: -0.6em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.6em 0.6em; border-color: transparent transparent #ddd transparent; } .nme-ava-biz-algn{ white-space: normal; } .num-vid-vws{ float: left; } #nme-flw-mem{ margin-bottom: 1.5em; margin-left: 1.5em; font-size: 1.4em; } .nf-001-wrk,.nc-011-tti{ margin: 0 0.25em; } #over-img-com > .new-drpdwn{ margin-top: -1em; } .replying-on-gallery .new-drpdwn,.replying-on-vid-gallery-resp .new-drpdwn,.replying-on-vid-gallery-rep .new-drpdwn{ margin-top: -1.5em; } .replying-on-gallery .new-drpdwn{ width: 100%!important; } .nme-container a{ font-size: 0.7em; text-decoration: none; } .notf-btn{ float: right; margin: 0.5em; font-size: 0.8em; } #o-sex{ margin-left: 1.8em; } #o-submit{ float: right; margin-right: 15%; } .over-img-gal{ height: auto; margin-bottom: 1em; width: 100%; } .over-name-page{ color: #000; text-align: center; white-space: normal; word-break: break-all; } .over-name-page > a{ font-size : 1em; } #over-post-btr{ width: 100%; } .over-posts-main,.over-posts{ width: 60.5%; } .over-reply,.over-reply-resp{ height: auto; margin-bottom: 0.5em; } #over-vid-com > .new-drpdwn{ margin-top: -0.8em; } #ovr101lay0112101{ width: 80%; height: 80%; margin-left: 10%; } #page-admin{ display: none; width: auto; } #page-area{ text-align: left; } #page-area > ul{ margin-left: -1em; overflow-x: auto; } #page-area > ul li a{ margin: 0; color: #307D7E; font-weight: bold; line-height: 1.2em; font-size: 1.5em!important; } #page-create { margin: 2em 0 1em 1em; } #page-create a{ text-decoration: none; color:sienna; } .add-new-place{ padding: 0!important; margin-top: 0!important; width: 100%!important; height: 25em!important; left: 0!important; } #page-information-cover,.add-new-place{ position: absolute; width: 70%; height: 28em; left: 15%; margin: 0 auto; margin-top: 2.5em; display: none; background-color: #F1F1F1; padding: 0.5em; border: 0.2em solid #ddd; font-size: 1.2em; z-index: 999; box-shadow: 0 0 20px #999; /* CSS3 */ -moz-box-shadow: 0 0 20px #999; /* Firefox */ -webkit-box-shadow: 0 0 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #page-name,#place-name,#place-purpose{ float: left; margin: 0 0.35em 0.35em 0.35em; width: 90%; border: 0.09em solid; } #page-purpose{ width: 82%; margin-left: 5%; } #pal-nme-evnt{ margin-bottom: 3%; width: 43%; } #add-to-event #pal-add-evnt{ width: 43%; } #add-to-event #suggessted-add-evnt{ margin-top: -0.215em; } .personal-info{ margin: 0 0.5em; white-space: normal; width: 100%; clear: both; float: right; } .photo-album,.photo-album-display,.person-invite-display{ text-align: center; } #pge-001-mem,#pge-001-pges{ overflow-x: hidden; white-space: nowrap; overflow-y: hidden; } #picture-barter{ position: fixed; width: 100%; background-color: #F1F1F1; height: 100%; margin: 0 auto; display:none; font-size: 1.2em; z-index: 999999; } #picture-barter > a{ font-size: 1.5em; text-decoration: none; color: #d43f3a; } #picture-barter-detail{ position: fixed; width: 100%; background-color: #F1F1F1; height: 100%; display: none; font-size: 1.2em; z-index: 100; bottom: 0; } #picture-box,#picture-box-lge{ position: fixed; top: 0; overflow-y: scroll; width: 100%; background: #FFF; display:none; z-index: 999; bottom: 0; } #picture-box-lge{ background-color: #000; } .lks-cmn-010 > .like-comment-msk{ color: #fff!important; } #picture-box > button { font-size: 1em; z-index: 999; position: fixed; right: 2%; } #plc-pst-dspl-cont .like-comment{ margin: 0.2em 0.5em!important; } #post-area .dropbtn-likes,#post-area .no-dropbtn-likes{ margin: 0.5em 0.3em 0 1em!important; } .posts-view .new-drpdwn::before{ left: 4.4em!important; } .posts-view .new-drpdwn{ width: 100%!important; margin-top: -0.7em!important; height: 11em!important; } .response .shift-reply .new-drpdwn{ height: 11em!important; width: 100%!important; } .shift-reply .new-drpdwn{ height: 11em!important; width: 68%!important; margin-bottom: 0.5em; } #post-area .dropbtn-likes{ margin: 0.5em 0.3em 0 1em!important; } #post-area{ float: left; width: 75%; } #postBtn{ font-size: 0.9em; margin-left: 5.7%; } #postBtnEvnt{ font-size: 1em; float: right; margin-right: 15%; } .post-field > img{ height: 1.7em; width: 1.7em; } #post-event-form > .new-drpdwn{ margin-left: 3em; height: 11em; } #post-event-form > .new-drpdwn:before{ left: 3.5em; } #postImgBtn{ float: right; font-size: 1.1em; } .post-overall-cover{ background: #D9E9F1; height: auto; width: 80%; overflow: hidden; margin: 0 auto; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } .post-select-drop > img{ height: 1.7em; width: 1.8em; border-radius: 1em; background-color: #FFF; } .pref-info-area{ text-align: center; color: #3BB9FF; position: absolute; bottom: 0; white-space: normal; } .pref-set-up-modal,.pref-bug-rpt-modal{ border-radius: 1.5% 1.5% 1.5% 1.5%; position: fixed; left: 5%; top: 2em; width: 90%; height: auto; display:none; background: #FFF; font-size: 0.9em; z-index: 999999; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } .pref-modal-hedr{ margin: 2%; height: 10%; } .pref-modal-hedr > h3{ padding: 2%; } .pref-tab-indx{ height: 100%; width: 100%; } #prv-ans-que{ margin-left: 30%; margin-top: 1.5em; } .privacy-cont-cover > #privacy-info-error{ position: absolute; margin-left: 0; } .prf-mdl-cls-btn{ position: absolute; right: 1em; top: 0; font-size: 2.5em; font-weight: bolder; } .prf-mdl-cls-btn > a{ justify-content: center; height: 1.5em; width: 1.5em; color: red; text-decoration: none; } .pref-modal-bdy{ min-height: 0em; } .pref-modal-dlg{ width: 100%; } .pref-modal-left{ width: 30%; float: left; } .pref-modal-right{ width: 70%; white-space: normal; float: left; } .pref-modal-btn{ background: #FEFCFF; color: #FFF; width: 100%; cursor: pointer; border: 0; border-radius: 0.5em; margin-left: 0.2em; } .pref-mdl-icn{ position: relative; color: #4C4646; float: left; width: 1em; margin-right: 0.5em; } .privacy-setn,.recovery-setn,.recess-setn,.comment-setn{ display: none; } .pref-mdl-sctn-nav{ color: #4C4646; float: left; font-size: 1em; text-align: left; width: 90%; } .pref-prv-pub-algn{ margin-left: 50%; } .pref-styl-desc{ font-size: 1em; margin: 2%; } .pref-styl-all-sectn{ margin: 1%; overflow-x: hidden; height: 19.5em; padding-bottom: 4em; overflow-y: auto; } #preview-avail-image{ width: auto; overflow-x: auto; height: auto; border-bottom: 0.15em solid #F1F1F1; } #preview-image-evnt{ width: 98%; margin: 0 auto; overflow-y: auto; } #preview-avail-image img, #preview-image-evnt img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 6em; width: 8em; margin: 0 0.15em 0.15em 0; } .prevButton{ margin-top: 0.4em; font-size: 1em; margin-left: 2%; } #privacy-info-error,#act-000-005{ color: #d43f3a; width: auto; margin-left: 10%; float: left; } #privacy-quest-error,#privacy-rst-error,#privacy-no-quest-error{ color: #d43f3a; width: 60%; margin: 0 auto; white-space: normal; } .preview-mutl-close{ display: none; } .img-cover:hover .preview-mutl-close{ display: block; cursor: pointer; font-size: 1.8em; margin-left: 4em; top: 0; position: absolute; font-weight: bolder; color: red; } .preview-gal-resp{ position: relative; } .preview-gal-resp > img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 6em; width: 7em; } .preview-gal-resp video { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); width: 8em; } .preview-gal-resp:hover > #preview-close-resp{ display: block; cursor: pointer; font-size: 1.2em; left: 9.0em; position: absolute; font-weight: bolder; color: #FF0000; } #privacy-req-first,#privacy-req-second,#privacy-req-third{ position: relative; top: -1em; width: 85%; white-space: normal; color: #FF0000; } .privacy-disp-resp{ display: none; position: relative; top: -1em; width: 85%; white-space: normal; } .preview-size img,#preview-image img, #preview-image-add-stats img, .preview-size video,#preview-image video,#preview-image-add-stats video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 8em; width: 10em; } #preview-image-com,#preview-image-gal,.preview-size,#preview-image,#preview-image-add-stats{ width: auto; } #preview-image-com img, #preview-image-com video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 6em; width: 8em; } #preview-image-gal img, #preview-image-gal video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 8em; width: 10em; } #preview-image-close, #preview-image-closeGal,#preview-close-resp{ display: none; color: #F62217; } #preview-image:hover > #preview-image-close,.preview-size:hover > #preview-image-close,#preview-image-gal:hover > #preview-image-close{ display: block; cursor: pointer; font-size: 1.8em; margin-top: 0em; margin-left: 4.5em; position: absolute; font-weight: bolder; } #preview-image-gal:hover > #preview-image-close{ margin-left: 10em!important; } #preview-image-com:hover > #preview-image-closeGal{ display: block; cursor: pointer; font-size: 1.5em; left: 7em; position: absolute; font-weight: bolder; color: #FF0000; } #preview-cls-img{ display: none; position: absolute; left: 5.0em; color: #C11B17; cursor: pointer; } .preview-gal-resp:hover > #preview-cls-img{ display: block; font-size: 1.5em; } .profile-form-int{ text-align: center; } .profile-form-int > p{ margin-top: 0; margin-left: 12em; } #profile-logo > #profile-form-logo{ display:none; opacity:0.8; background-color: #E5E4E2; } #profile-logo{ width: 200px; height: 200px; border-radius: 50%; overflow-y:hidden; overflow-x:hidden; margin-top: -6.5em; background-color: #E9EFEE; z-index: 1; position: relative; } .profile-form-int-logo{ text-align: center; font-size: 0.8em; } #profile-pic-box:hover a, #profile-biz-box:hover a,#profile-logo:hover a{ display: block; } .priv-dom-right{ position: absolute; top: 0; left: 86%; } #privcy-trms{ width: 90%; margin: 0 auto; font-weight: bold; } #privacy-setup{ overflow-x: hidden; } .profile-info,#privacy-setup{ position: absolute; top: 3em; width: 90%; height: auto; margin-left: 5%; display:none; background-color: #ecf5f5; font-size: 1.2em; z-index: 999; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #pstResme{ width: 51%; } #pub-pvt{ width: 43%; } #pub-pvt-aft{ margin-left: 0.5em; width: 43%; } .event-label > textarea{ resize: none; height: 3em; } .event-label > .styl-upld{ margin-left: 2.5%; } .priv-dom-cover{ width: 10%; float:left; box-sizing: border-box; } .home-icon i,.create-profile i,.profile-type-dropdown i{ text-decoration: none; color: #CCC; } .profile-update a{ text-decoration: none; font-family: sans-serif; font-size: 0.75em; } .profile-update ul li{ list-style: none; border-bottom: 0.1em #fff solid; } .profile-update ul{ background: #FEFCFC; padding: 1em 0 1em 1em; line-height: 1.1em; } #privacy-body{ width: 100%; margin-left: 10%; padding-bottom: 4%; } #privacy-body > .cancel-popup, #privacy-body > #privacy-submit{ font-size: 1em; } #privacy-check-info,#act-000-001{ margin: 2em; height: 20em; } #privacy-check-info,#security-quest,#security-no-quest,#act-000-001{ width: 80%; background: #F1F1F1; padding: 2em 0 2em 0; margin: 0 auto; } #privacy-continue,#privacy-subm,#privacy-ques,#privacy-no-ques,#privacy-rst-pwd,#secrty-continue{ background-color: #6495ed; width: 70%; font-size: 1.2em; margin-top: 5% } .privacy-cont-cover,.act-00-02,#act-000-006{ margin-left: 10%; float: left; width: 100%; } .privacy-disp-resp{ display: none; position: relative; top: -1em; white-space: normal; } .privacy-que-ans{ margin-left: 2%; height: 2.5em; } .profile-type-dropdown{ float: left; margin: 0 0.1em; } .prof-ovrd > a i{ color: #FAEBD7; } .prof-ovrd-bsness > a i{ color: greenyellow; } #privacy-email{ margin-left: -0.5em; } .privacy-lbl-txt,#privacy-que-text{ font-size: 1em; white-space: normal; } #privacy-rst-pwd{ margin-top: 1.0em; } #privacy-setting-cover{ text-align: center; } #privacy-setting-cover > a{ text-decoration: none; } #prvacy-sentence,#act-000-003{ width: 70%; font-size: 1.2em; margin: 0em 0 1em 0; white-space: normal; float: left; } #privacy-ans-text,#first-que-inpt,#prvt-name-inpt,#second-que-inpt,#phone-txt-inpt,#email-txt-inpt,#pwd-inpt,#pwd-re-inpt,#privacy-rst-inpt{ width: 80%; height: 2.5em; } #prvt-code-inpt,#privacy-text-input{ width: 80%; height: 4em; } #privacy-txt-inpt,#act-000-004{ width: 90%; height: 4em; margin-left: -0.4em; } .privacy-text-size-cover{ width: auto; } .priv-txt-inpt-cov,.act-00-01{ width: 100%; float: left; margin: 0.5em 0; } .priv-inpt-cvr-ovly,.text-inpt-cover,.question-label{ width: 100%; float: left; } #privacy-que-cover{ margin-left: 10%; margin-top: 1.5em; } #privacy-text{ padding: 1em; width: 100%; } .privacy-text-size{ width: 80%; margin-bottom: 4%; height: 2.5em; } #profile-pic-box, #profile-biz-box{ overflow-y:hidden; overflow-x:hidden; height: 20em; width: 600px; margin: 0 auto; } #tgl,#tgl-categ,#tgl-biz,#tgl-logo{ display: none; position:absolute; z-index:10; background:#D8F08E; border:#81A332 1px solid; border-radius:3px; padding:5px; font-size:12px; text-decoration:none; color:#60750B; } #tgl-logo { margin-top: 5.5em; margin-left: 2em; } #profile-pic-box > img, #profile-biz-box > img{ width: 100%; height: 100%; } #profile-pic-box a > img, #profile-biz-box a > img{ width: 100%; margin: 0; } #profile-pic-box > #profile-form, #profile-biz-box > #profile-form-biz, #profile-form-categ{ display:none; opacity:0.8; background-color: #E5E4E2; width: 100%; float: left; height: 25em; } #profile-logo > #profile-form-logo{ display:none; opacity:0.8; background-color: #E5E4E2; width: 100%; float: left; } .privacy-que-ans{ width: 50%; } #privacy-submit{ margin-left: 50%; } .re-li-el-algn{ width: 100%; margin-bottom: 2em; margin-left: 6%; } #rec-btn-vid-msk > button{ float: right; margin-right: 1em; margin-top: -0.5em; } .rec-biz-nme-mbl{ display: none; } #rec-cmnt-hold{ z-index: 1; position: absolute; color: #FFF; text-align: center; height: 0; bottom: 2.5em; font-size: 0.8em; height: auto; white-space: normal; } #rec-cvr-all-undr{ padding: 0.01em 0.01em 2em 0.01em; border-radius: 1em; margin: 0.5em 1.5em 0 0.5em; } #rec-data-entr-plc,#embed-url-video{ display: none; margin-bottom: 3em; float: left; width: 100%; } #rec-dsp-form-fld{ /*margin-left: -15em;*/ } #embd-vid-pub{ float: right; width: 3.5em; height: 1.5em; margin-top: -0.5em; font-size: 1.5em; } .rec-drop-zone { width: 50%; height: 12em; padding: 1.56em; text-align: center; font-family: "Quicksand", sans-serif; font-weight: 500; font-size: 1.25em; cursor: pointer; color: #cccccc; border: 0.2em dashed #ccc; border-radius: 0.625em; margin: 0 auto; position: relative; top: 1.6em; overflow-y: auto; overflow-x: hidden; padding-bottom: 5em; } .rec-mobl-dspl{ display: block; } #rec-exp-wde{ position: absolute; left: 95%; z-index: 1; bottom: 0; } #rec-exp-ret-wde{ position: relative; color: #FFF; left: 70%; top: 0.25em; } #plc-pst-dspl-cont .cancel-preview-reply-image{ margin-left: 8em; } #plc-pst-dspl-cont .shft-ld-mre{ margin-top: 2em; } #plc-pst-dspl-cont .over-reply-resp .new-drpdwn{ width: 63%; } #plc-pst-dspl-cont .reply-post-image{ margin-left: 30%!important; } #rec-myplc-all-cvr{ margin: 0 auto; width: 50% } #plc-pst-dspl-cont .style-data-under-resp{ left: -0.5em; width: 65%; } #plc-pst-dspl-cont .actn-on-pst{ left: 70%; } #plc-pst-dspl-cont .shift-reply .new-drpdwn{ height: 12em!important; margin-top: 0.7em; } #plc-pst-dspl-cont .shift-reply .emoji-drpdwn{ margin-left: 7.7%; } #plc-pst-dspl-cont .over-reply-resp .emoji-drpdwn{ margin-left: 9%; } #plc-pst-dspl-cont .shift-reply .tab-emoji li a{ font-size: 0.78em; } #plc-pst-dspl-cont .reply-boxes .shift-image-rep{ width: 20em; height: 16em; } #plc-pst-dspl-cont .reply-boxes .shift-image-rep-resp{ width: 15em; height: 12em; } #plc-pst-dspl-cont .reply-resp-boxes .style-under-rep-resp{ width: 55%; } #plc-pst-dspl-cont .reply-boxes .style-data-under > a{ float: none; } #plc-pst-dspl-cont .shift-reply .reply-text-resp,#plc-pst-dspl-cont .shift-reply .new-drpdwn{ width: 65%!important; } #plc-pst-dspl-cont .shift-reply .new-drpdwn::before{ left: 5em; } #plc-pst-dspl-cont .shift-reply{ width: 100%; margin-left: 0; } #plc-bck-to-recs{ text-align: center; font-size: 1.2em; margin-top: 1em; } #plc-bck-to-recs a{ text-decoration: none; } .rec-prv-img-titl .rec-cmnt-hide .new-drpdwn{ margin-top: 0.25em; } .rec-dsp-inv-cvr .rec-notf-dsp-ownr{ left: 0; } #rec-chk-add-flwr #suggessted-plc-flwr-notfy{ margin-top: 0; } #rec-dsp-cvr-all .new-drpdwn{ width: 55%; top: 2.5em; float: left; } #rec-dsp-cvr-all .new-drpdwn::before{ left: 10em!important; border-color: transparent transparent #ccc transparent; } #rec-dsp-cvr-all .tab-emoji li a{ font-size: 0.85em; } #rec-pst-dspl-cont .suggessted-pal-ind-notfy{ margin-left: -2.75em!important; width: 17.5em!important; border-radius: 0.5em; } #plc-pst-dspl-cont .reply-resp-image{ margin-left: 13%; font-size: 1em; } #rec-pst-dspl-cont .actn-on-pst{ margin-left: -20%!important; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn, #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .vid-tme-algn{ width: 100%; float: left; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .replying-on-gallery-shft .vid-tme-algn{ width: 100%; float: left; margin-bottom: 0.5em; margin-top: -0.5em; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .avatar-gal, #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .avatar-gal-empty{ float: left; } #rec-lst-cmn-rgt-btm .responding{ width: 80%; margin: 0 auto; } #rec-fom-post{ float: right; font-size: 1.5em; margin-top: -0.5em; } #sub-fom-post{ font-size: 1.25em; margin-left: 7em; } #rec-lst-cmn-rgt-btm .siz-vid{ margin-left: 15%; width: 40%!important; height: 10em!important; } #rec-lst-cmn-rgt-btm .actn-shft-flg{ margin-left: -2em!important; margin-right: 0.5em!important; } #rec-lst-cmn-rgt .rec-cam-emj-pst .cancelling-reply{ top: 0; } #rec-lst-cmn-rgt-btm .emoji-drpdwn{ margin-left: 6%; position: relative; top: -0.5em; } #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-rep .new-drpdwn{ width: auto; margin-top: -1em; } #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-rep .new-drpdwn::before{ left: 2.5em; } #rec-lst-cmn-rgt-btm .tab-content-emojis-ini, #rec-lst-cmn-rgt-btm .tab-content-emojis{ height: 8.4em } #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-rep .reply-gal-com{ margin-left: 0; } #rec-lst-cmn-rgt .cancelling-reply{ margin-left: 3em; position: relative; } #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-resp .new-drpdwn::before{ left: 2.3em; } #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-resp .new-drpdwn{ width: auto; margin-top: -1em; height: 11em; } #rec-myplc-all-cvr #rec-vid-fel-cvr{ left: 0; text-align: left; } #rec-lst-cmn-rgt #rec-lst-cmn-rgt-top .new-drpdwn{ top: 1.2em!important; } #rec-lst-cmn-rgt-top .tab-emoji li a{ font-size: 1em!important; } #rec-lst-cmn-rgt-top .tab-content-emojis-ini, #rec-lst-cmn-rgt-top .tab-content-emojis{ height: 8.3em!important; } #rec-lst-cmn-rgt-top .new-drpdwn::before{ left: 3.25em!important; } #rec-lst-cmn-rgt-top .emoji-drpdwn{ left: 1.8em!important; } #rec-lst-cmn-rgt{ width: 100%; float: left; display: none; position: fixed; z-index: 100; height: 30vh; top: 70vh; overflow-y: auto; background-color: #FFF; overflow-x: hidden; } #rec-lst-cmn-rgt-top{ width: 90%; margin-bottom: 1em; margin-left: 1.5em; margin-top: 1em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; padding: 0.5em; } #rec-lst-cmn-rgt-btm .status-boxes-vid{ width: 60%!important; } #rec-lst-cmn-rgt-btm{ width: 100%; margin-left: 0.5em; padding: 0.5em; } .rec-rgt-chv-cvr{ position: relative; left: 93%; } #rec-lst-med-lft{ width: 100%; float: left; position: fixed; height: 100%; background-color: #040711; } .rec-vid-all-cntrl{ margin-top: -3em; position: absolute; width: 80%; } #rec-rmv-button-lge{ float: right; margin-top: -0.9em; } #rec-med-on-msk > video{ object-fit: fill; width: 100%; height: 100%; border-radius: 1em; left: 0; top: 0; position: absolute; } #rec-othr-alg-btm{ position: relative; display: flex; left: 25%; bottom: 0.5em; } .rec-pst-cncl{ position: relative; left: 24%; width: 50%; } #rec-data-my-plc .rec-drop-zone{ max-width: 16.2em; overflow-y: hidden; overflow-x: hidden; top: 0.5em!important; height: 17em!important; } .rec-drop-zone-thumb { width: 10em; height: 10em; border-radius: 10px; overflow: hidden; background-color: #cccccc; background-size: cover; position: relative; margin: 0.2em; } #sel-txt-area-embdb{ width: 16em!important; } .rec-prv-img-titl .rec-ind-img-sell{ width: 8em; height: 3em; margin-top: 0.4em; margin-left: 0.3em; font-size: 0.88em; } .rec-lbl-sty{ cursor: pointer; font-size: 0.7em; color: #000; position: relative; float: left; top: 0.5em; width: 100%; margin-left: 0.4em; } .rec-sel-all-val{ display: none; width: 8.7em; margin-top: 0.3em; height: 1em; resize: none; overflow-y: hidden; } .rec-shr-div{ width: 38%; } .rec-shw-for-all,.embd-shw-for-all{ width: 55%; } .rec-actn-on-shre{ margin-top: 1.9em!important; } #rec-picture-box-left,#rec-picture-box-fill{ background-color: #000; width: 100%; height: 100%; display: none; position: fixed; overflow: hidden; padding: 1%; z-index: 100; float: left; } #rec-picture-box-right .siz-img{ height: 15em!important; } #rec-picture-box-right{ background-color: #FFF; width: 100%; display: none; position: fixed; overflow-x: hidden; padding: 1%; z-index: 100; float: left; height: 40%; top: 60%; overflow-y: auto; } #rec-picture-box-right #viewersComment .replying-on-gallery .new-drpdwn{ height: 11em; margin-top: -1em!important; } #rec-picture-box-right .re-li-el-algn-img .like-vid-comment{ float: none; } #rec-picture-box-right #viewersComment .reply-resp-boxes-image .actn-on-pst{ margin-left: -11em!important; } #rec-picture-box-right .new-drpdwn::before{ margin-left: 0.5em; } #rec-picture-box-right #viewersComment .replying-on-gallery .new-drpdwn::before{ left: 4.1em!important; } #rec-picture-box-right #rec-top-cvr #img-comment .emj{ margin-top: -1.3em!important; } #rec-picture-box-right .re-li-el-algn-img #suggessted-pal-ind-notfy-pix{ margin-left: 4.1em; width: 18em !important; z-index: 2; margin-top: 0; } #rec-picture-box-right #viewersComment{ margin-bottom: 1em; } #rec-picture-box-right .rec-cam-emj-pst img, #rec-picture-box-right .replying-on-gallery img{ font-size: 1.5em; margin-left: 0.5em; } #rec-picture-box-right #viewersComment .replying-on-vid-gallery-rep .new-drpdwn, #rec-picture-box-right #viewersComment .replying-on-vid-gallery-resp .new-drpdwn{ width: 100%; height: 11em; top: 0.7em!important; } #rec-picture-box-right #img-comment .replying-on-gallery a{ font-size: 0.75em!important; } #rec-picture-box-right #viewersComment .replying-on-vid-gallery-rep .new-drpdwn ul li > a{ font-size: 0.88em!important; } #rec-picture-box-right #viewersComment .replying-on-vid-gallery-rep .new-drpdwn::before{ left: 3.3em!important; } #rec-picture-box-right #viewersComment .replying-on-vid-gallery-resp .new-drpdwn ul li > a{ font-size: 0.68em!important; } #rec-picture-box-right #viewersComment .replying-on-vid-gallery-resp .new-drpdwn::before{ left: 3em!important; } #rec-picture-box-right .actn-vid-cmnt ul li .actn-shft-flg{ margin-left: -2em!important; margin-right: 0.5em; } #rec-picture-box-right .suggessted-pal-ind-notfy{ width: 15.5em!important; margin-top: 0; border-radius: 0.25em; left: 0.2em!important; z-index: 2; } .rec-cmnt-hide .new-drpdwn{ width: auto; height: 10em; } .rec-cmnt-hide .tab-emoji li{ margin: 0; } .rec-cmnt-hide .over-drpdwn .tab-content-emojis-ini ul li,.rec-cmnt-hide .over-drpdwn .tab-content-emojis ul li{ font-size: 0.8em; } .rec-prv-img-titl .rec-cmnt-hide .tab-emoji a{ font-size: 0.48em!important; } .rec-cmnt-hide .new-drpdwn::before{ left: 4.5em; } .container .rec-cmnt-hide a.cam-image-emo{ font-size: 1.5em; } .rec-cmnt-hide .over-drpdwn .tab-content-emojis-ini,.rec-cmnt-hide .over-drpdwn .tab-content-emojis{ height: 6.5em; bottom: 0; } #rec-picture-box-right #img-comment{ width: 100%; } #rec-picture-box-right #img-comment a{ font-size: 1em!important; } #rec-top-cvr .indivi-share-ntfy{ margin-left: 25%; margin-top: 1em; position: relative; } #rec-top-cvr .indvl-shr-ntfy-pal-rec{ width: 18.5em!important; border-radius: 0.5em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } #rec-top-cvr li{ list-style: none; } #rec-vid-cntrl-msk{ position: absolute; left: 85%; z-index: 2; top: 2em; } .rec-wrp-bth{ z-index: 1; } .rec-wrp-bth .actn-vid-pst{ margin-left: 1em; } #rec-othr-alg-btm .shw-abt-rec-vid .actn-vid-pst > ul{ margin-top: 0!important; } #recNextBtn{ height: 3em; width: 3em; border-radius: 50%; background-color: aliceblue; position: absolute; top: 16.4em; left: 90%; z-index: 2; cursor: pointer; } #recPreviousBtn{ height: 3em; width: 3em; border-radius: 50%; float: left; background-color: aliceblue; margin-top: 16em; z-index: 2; cursor: pointer; position: relative; } .responding .re-li-el-algn{ margin-bottom: 3em!important; } .re-li-el-algn-img{ width: 70%; margin: 0 0 1em 1em; } .rel-inr-algn{ width: 10%; float: left; margin-left: 4%; } .reply-post-image{ margin-left: 12%; font-size: 1em; } .reply-resp-boxes{ margin-left: 15%; position: relative; font-size: 0.9em; margin-top: 1em; } .reply-resp-boxes-image{ margin-left: 3.0em; font-size: 0.9em; margin-top: 0.3em; width: 85%; } .reply-resp-image{ margin-left: 5%; font-size: 0.9em; } .reply-text,.reply-text-resp{ height: 3em; resize: none; white-space: normal; border: 0.07em solid #ddd; background-color: #fff; display: inherit; overflow-y: auto; width: 100%; } .reply-text-image,.reply-text-img-rep{ height: 3.5em; resize: none; white-space: normal; width: auto; border: 0.1em solid #ddd; font-size: 0.7em; background-color: #fff; display: inherit; overflow-y: auto; } .reply-text-img-rep{ width: auto; } #video-comment-box .reply-text-img-rep{ } #pgt-000-001{ margin-left: 6%; float: left; } .req-field{ font-size: 1.1em; font-weight: lighter; margin: 0 auto; padding: 0.2em; width: 90%; } .req-field > label{ display: none; } .response{ margin-left: 15%; margin-top: 1em; } #rmv-image{ width: 90%; height: 38em; margin: 0 auto; display: block; } .rmv-image-shre{ width:100%; height: 45%; } .replying-on-gallery{ margin-left: 10%; width: 65%; } .replying-on-vid-gallery-rep{ margin-left: 10%; width: 65%; } .replying-on-vid-gallery-resp{ margin-left: 10%; width: 60%; } .replying-on-gallery-shft{ margin-left: 15%; } .replying-on-gallery .reply-gal-com{ margin-left: 25%!important; } .reply-gal-com{ font-size: 1em; margin-top: 0.4em; margin-left: 35%; } .reply-gal-com-rep{ font-size: 1em; margin-top: 0.4em; margin-left: 23%; } #rec-dsp-cvr-all{ margin-top: 1em; text-align: center; } .rec-all-vid-cmnt{ float: left; width: 24%; margin: 0.2em; height: 30em; } .rec-status-boxes{ width: 80%!important; } #rec-vid-fel-cvr{ position: relative; top: 0.5em; left: 30%; } #rec-picture-box-right .vid-nme-shft{ margin-left: 0!important; } .rec-biz-grp{ height: 30em; margin: 0 auto; } #rec-container-center{ padding-bottom: 10em; margin-top: 4em; } .req-ans{ width: 20em; height: 2em } #video-comment-box .reply-gal-com{ margin-left: 6.5%!important; } #video-comment-box .reply-gal-com-rep{ margin-left: 2%!important; } #rec-picture-box-right .avatar-gal-empty,#rec-picture-box-right .avatar,#rec-picture-box-right .avatar-gal{ float: left; margin-right: 0.35em; } .req-field > label{ display: block; } .return-to-page{ text-align: center; white-space: normal; } .ret-add-info,.ret-err-info,#ret-invt-info{ color: #FF0000; text-align: center; white-space: normal; } #ret-invt-info{ font-size: 1.2em; } .ret-add-info-cls{ color: #008000; text-align: center; } .return-to-page a{ text-decoration: none; font-size: 1.2em; font-weight: bold; color: black; } .right-container{ float: right; } #rmv-button-lge{ position: relative; float: right; top: 1%; right: 2%; z-index: 1; color: red; } #rmv-button-lge > button{ font-size: 1.5em; width: 1.5em; } .rmv-job{ float: right; } .rmv-job > button{ font-size: 1.1em; } #rmv-barter-butn,#rmv-dtl-btn{ float: right; color: #FF0000; font-weight: bold; font-size: 1.5em; } #resm-chce{ font-weight: Bold; color: #3EA055; margin-left: 10%; } .rsme-fram{ width: 99%; height: 30em; float: left; margin-bottom: 3em; } #rtn-names{ margin: 0 auto; width: 60%; overflow-y: auto; } #rtn-names li a > img{ height: 8em; width: 10em; } #rtn-names li{ list-style: none; margin-top: 1.5em; text-align: center; } #rtn-names li a{ text-decoration: none; font-size: 0.8em; } #shr-embded-vid{ float: left; position: relative; top: 1.5em; left: 12%; } .search-box{ width: 27em; float: left; margin: 0 auto; } #security-pwd-reset,#act-000-002{ margin-left: 15%; margin-top: 8%; } #sel-likely{ width: 20%; margin-left: 5.5%; height: 2.5em; } #sex-submit-co{ margin-top: 0.5em; } #sel-sentence{ font-size: 1em; } #selct-arrow{ position: relative; color: #8f8f8f; font-size: 0.8em; right: 0; } #selct-arrow-prv{ position: relative; color: #8f8f8f; font-size: 0.6em; } #selected-country-code-desk{ float: left; padding-top: 0.5em; } #selected-country-code,#selected-country-code-top{ float: left; padding-top: 0.2em; font-size: large; } #selected-country-code-one{ float: left; padding-top: 0.6em; font-size: 0.97em; } .selected-emal-cntry-code{ margin-left: 3%; } .selected-emal-cntry-shft{ margin-left: 0.25em; } #selected-us-state{ height: 3em; margin-left: 2%; } .sel-wrap-code-arrw{ padding: 0.4em; font-size: 0.8em; } #sel-cntr-arw-crt{ cursor: context-menu; display: none; width: 12%; float: left; height: 2.4em; background-color: #fff; border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; } #sel-cntr-arw-prv{ cursor: context-menu; display: none; width: 8%; float: left; height: 1.98em; background-color: #fff; } #sel-cntr-arw-cont{ display: none; width: 10%; float: left; padding-top: 0.5em; height:2.2em; } .setn-usr-pref-btn{ float: left; width: 8%; } #sel-cntr-arw-one{ display: none; width: 10%; float: left; padding-top: 0.5em; height:2.67em; background-color: #fff; } .sf-text-input4{ width: 25em; margin-left: 5%; height: 1.5em; border:1px solid #0076a3; border-right:0px; border-radius: 0.25em; font-size: 1em; } .sf-lcn-prd-inp{ width: 23em; border:1px solid #0076a3; border-radius: 0.25em; font-size: 1em; height: 1.5em; } .sgst-frnd{ margin: 0 auto; } .share-info{ width: 20em; height: 2em; } .share-info-add{ width: 59%; height: 2.5em; font-size: 1em; } .share-info-cls{ width: 45%; height: 2em; float: right; margin-right: 2em; } .showing-no-job{ text-align: center; white-space: normal; font-size: 1.5em; } .showing-jobs{ background-color: beige; margin: 0 2% 4% 2%; white-space: normal; } .show-name{ width: 80%; float: left; overflow: hidden; margin: 5%; } .share-overall-cover{ background: #D4F0FF; height: auto; border: solid 0.01em #F1F1F1; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } .share-pronounce{ margin-left: 15em; } .shift-date{ margin-left: 0.5em; } .shift-image{ margin-left: 1em; width: 90%; margin-top: -1em; margin-bottom: -0.27em; background-color: #000; height: 40em; } .shift-image-rep{ width: 70%; margin-left: 1em; margin-top: -1em; margin-bottom: -1.3em; background-color: #FFFFF7; } .shift-image-rep-resp{ width: 60%; margin-left: 1em; margin-top: -1em; margin-bottom: -1.3em; background-color: #FFFFF7; } .share-with-cover{ margin: 2% auto; width: 98%; } .share-save-info{ margin-left: 20%; font-size: 1.1em; } .share-label-align{ float: left; font-size: 1em; width: 35%; } .share-label-cls{ width: 25%; font-size: 1.2em; } .share-rmv{ padding-top: 3%; width: 100%; } .share-rmv a{ cursor: pointer; } .response .shift-reply{ width: 70%; margin-top: 0.5em; } .shift-reply{ margin-left: 1em; width: 90%; margin-top: 0.5em; } .shft-top{ width: 50%; margin: 0 auto; } .shf-shr-btn{ margin-left: 3em; position: relative; z-index: 1; } #shw-fre-wrk-sze,#shw-flwr-qty-001{ display: none; position: absolute; background-color: #ccc; width: 5em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: 10em; border-radius: 0.3em; } #shw-fre-wrk-sze li a,shw-flwr-qty-001 li a{ color: #000; } #sho-avail-btr{ white-space: normal; margin-left: 5%; } #sho-avail-btr a{ text-decoration: none; font-size: 1.1em; font-weight: 500; color: #151B8D; } .sndr-msg{ margin-left: 1em; font-size: 0.7em; float: left; width: 95%; position: relative; white-space: normal; } .share-info-cls{ width: 45%; height: 2em; float: right; margin-right: 2em; } .share-info-add-text,.shre-info-add-txt{ height: 2.5em; width: 60%!important; border: 0.1em solid #ddd; overflow-x: hidden; resize: none; font-size: 1em; margin-top: 3%; } .share-info-sel-frnd{ height: 2.5em; width: 80%; border: 0.1em solid #ddd; overflow-x: hidden; resize: none; font-size: 1em; margin-top: 3%; } .share-label-cls{ width: 15%; font-size: 1.2em; } .share-cancel-rmv{ font-size: 1em; } .shr-pix button{ margin-left: 5em; } .shr-pix{ margin-left: 5em; margin-top: 1em } .shr-pix > a{ color: darkgray; } .shr-vid{ margin-left: 6em; position: absolute; } .shr-vid > a{ color: darkgray; } .share-with-rmv{ margin-left: 0.4em; } .share-year-month-day{ display: none; } .shift-icon{ margin-top: 0.5em; } .shw-abt-vid{ float: right; margin-right: 5em; } .shw-abt-vid-cmnt{ margin-left: 45%; cursor: pointer; position: relative; } .show-inner{ padding: 2em; } .show-inner > button{ font-size: 1.2em; } .shw-abt-cmnt,.shw-abt-img,.shw-abt-galry{ color: gray; font-size: 0.8em; cursor: pointer; margin-left: 40%; float: right; margin: 0.5em 1.5em; } .shw-abt-galry{ margin-top: 1.5em; } .shw-abt-evnt{ margin-right: 50%; } .shw-abt-img,.shw-abt-galry{ position: relative; } .shw-abt-prfl,.shw-abt-bizns,.shw-abt-admn{ color: gray; cursor: pointer; margin: 0.5em 1.5em; } #shw-flwr{ margin-left: 1em; } .shw-fr-mbl{ display: block; text-align: center; background-color: #000; color: #fff; } .shw-fr-mbl a{ text-decoration: none; color: #fff; } .shw-non-mbl{ display: none; } #shw-reco-mobl{ display: block; } #shw-to-mbl,.sidePnlMobl{ display: none; } .show-lbl-prfl{ color: #000; } .shw-the-choice{ display: none; position: absolute; background-color: #f1f1f1; min-width: 5em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: 3em; } .shw-the-drpdwn-chc a:hover{ background-color: #ddd; } .shw-the-drpdwn-chc:hover .shw-the-choice{ display: block; } #shw-us-ste{ display: block; } #shw-us-not{ display: none; } #shw-us-ste > input{ margin-left: -0.1em; } #shw-us-not > input{ margin-top: 0; } .shft-vid-data{ margin-left: 4%; margin-top: 0.5em; font-size: 1em; } #sign-up-box-bottom{ margin-top: 1.0em; } #sign-up-box-middle{ margin-top: 1.0em; } #sign-up-box-top{ margin-top: 2.0em; } .sign-size{ font-size: x-small; position: relative; top: -0.3em; } .siz-img{ height: 20em; margin-left: 10%; min-width: 65%; } .siz-img-rep{ width: 50%; margin-left: 10%; max-height: 15em; } .siz-img-resp{ width: 57%; max-height: 12.5em; margin-left: 10%; } .siz-vid{ height: 18em; margin-left: 10%; margin-top: 1em; width: 65%; } .siz-vid-rep{ margin-left: 10%; height: 14em; width: 60%; } .siz-vid-resp{ margin-left: 4%; height: 12em; width: 50%; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #A52A2A; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2.5px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #4CC552; } .side-cover{ margin: 1.5em; font-size: 1.5em; } input:focus + .slider { box-shadow: 0 0 1px #CCC; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 1em; } .slider.round:before { border-radius: 50%; } #slide-right, #slide-left{ text-decoration: none; font-size: 2em; font-weight: bolder; } #slide-left{ float: left; margin-top: 15%; margin-left: 10%; } #slide-right{ float: right; margin-top: -28%; margin-right: 10%; } #sli-pre-ch,#sl-nxt-ch{ margin: 35% 7%; position: absolute; text-decoration: none; font-weight: bolder; font-size: 2em; top: 0; } #sl-nxt-ch{ margin-left: 91%; } .slide-indiv{ padding-bottom: 1em; } .slide-indiv a >img{ width: 18%; margin: 0 0.4em 0.4em 0.4em; height: 100%; } .snapping{ font-size: 0.5em; height: auto; width: auto; position: absolute; left: 12.8em; } .snapping{ font-size: 0.5em; height: auto; width: auto; position: absolute; left: 12.8em; } .space-desc{ float: left; margin-left: 0.5em; white-space: normal; width: 75%; min-height: 5em; } .srch-icon,.srch-icon-btr{ height: 0; margin-left: -1em; cursor: pointer; } .srch-icon:hover,srch-icon-btr:hover{ background-color: lightcyan; } .stats-chat-wrap,.stats-chat-wrap-top{ float: left; width: 100%; } .stats-chat-wrap-top{ height: 1.5em; } .stats-elemnt{ float: left; margin-left: 0.5em; } .stats-circle{ width: 0.8em; height: 0.8em; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; line-height: 1em; padding: 0.1em; vertical-align: middle; } .shft-data, .shft-dta-undr{ margin-left: 4%; font-size: 0.8em; } .shft-dta-undr{ margin-top: 0.5em; } .shft-rqst{ width: 1.7em; color: darkgray; } .stats-word{ font-size: 0.7em; } #statusui .cam-image-emo{ font-size: 1.25em; cursor: pointer; } .status-boxes,.status-boxes-img{ background-color: #FFF; margin: 3% 2%; width: 100%; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); padding: 1em; border-radius: 1em; } .status-boxes-img{ margin: 3% 10%!important; width: 80%!important; } .status-boxes-vid{ background-color: #FFF; width: 80%; float: left; margin: 2% 10%; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); padding: 1em; border-radius: 1em; } #statusui{ margin: 0 2.5%; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; padding: 1em; width: 50%; } #status-post-wrap{ float: left; width: 100%; margin-left: 10%; } #status-post-wrap #suggessted-pal{ z-index: 1; } #statusui > a{ text-decoration: none; color: #000000; font-size: 1.0em; } .style-data{ position: relative; padding-top: 0.2em; background: #fff; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: auto; border: 0.15em solid #FFF; margin-left: 1.5em; margin-top: 0.5em; } .style-data>p{ padding-left: 0.5em; margin-top: 0; white-space: normal; word-wrap: break-word; } .style-chat{ position: relative; background: #98AFC7; border-radius: 0.5em; height: auto; margin-left: 1.5em; white-space: normal; } .style-chat:before{ content: ""; position: absolute; left: 95%; top: -0.75em; width: 0; height: 0; border-style: solid; border-width: 0 0.05em 0.8em 0.8em; border-color: transparent transparent #98AFC7 transparent; } .style-resp{ position: relative; background: #FFF; border-radius: 0.5em; height: auto; margin-left: 1.5em; white-space: normal; } .style-resp:before{ content: ""; position: absolute; left: 0.1em; top: -0.75em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.05em; border-color: transparent transparent #FFF transparent; } .style-data-chat{ width: 85%; margin-top: 1.5em; padding: 0.1em; } .style-resp-chat{ width: 85%; margin-top: 1.5em; margin-left: 2%; } .fa.styl-upld{ font-size: 2em; color: #FF0000; cursor: pointer; float: left; } .styl-upld-vid{ font-size: 1.5em!important; color: #2F4F4F; cursor: pointer; } .fa.styl-upld-gal,.fa.styl-upld-diff{ font-size: 1.5em; color: #FF0000; cursor: pointer; } .fa.styl-cam{ font-size: 2em; color: #71a100; cursor: pointer; margin-left: 2%; float: left; } .fa.styl-cam-diff{ margin-left: 2%; } .fa.styl-cam-gal,.fa.styl-cam-diff{ font-size: 1.5em; color: #71a100; cursor: pointer; } .style-cat{ width: 90%; float: left; } .style-cat > a{ text-decoration: none; } .style-btn-all{ font-size: 0.9em; width: 100%; } .sty-nme,.sty-int-btr{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 80%; border-radius: 5%; margin: 0 auto; background-color: #fff; padding: 1.2em; overflow: hidden; } .sty-int-btr{ margin: 1.5em auto!important; height: auto; } .sty-int-btr .actn-on-btr > ul{ margin-left: -5.5em!important; margin-top: -0.1em; position: absolute; font-size: 0.9em; } .sty-int-btr .actn-on-btr ul > li{ list-style: none; } .sty-nme-trpl{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 43%; border-radius: 5%; float: left; margin: 0.5em; background-color: #F5F5EC; padding: 1em; overflow: hidden; } .sty-nme a,.sty-int-btr a{ text-decoration: none; } .sty-nme-001{ padding: 0.5em; height: 20em; overflow-y: auto; width: 102%; } .style-data-post{ margin-left: 1em; } .style-data-empty{ width: 0; top: 0.2em; height: 0; } .style-data-reply{ margin-left: 1em; } .style-data-under{ padding-top: 1em; height: 2em; } .style-data-under > a{ margin: 0.5em; font-size: 1.2em; float: left; } .style-name{ position: absolute; margin-top: -2.5em; font-size: 0.8em; margin-left: 3.5em; color: #5453A6; } .style-name > a,.style-name-note > a{ text-decoration: none; cursor: pointer; } .style-name > a{ color: #5453A6; } .style-name-note > a{ font-size: 0.85em; } .style-name-note{ font-size: 1em; margin-left: 0.5em; } .style-time-rem{ font-size: 0.8em; margin-left: 3.5em; } /*#dnte-pyt-box{ display: none; }*/ #sub-pyt-box{ width: 24em; border: 1px solid #000; padding: 1em; margin: 0 auto; } .sub-canc{ margin-left: 15%; } .sub-canc > button{ font-size: 1em; } .sub-invt > button{ font-size: 1.5em; } .sub-invt{ text-align: center; } .sub-category-cover{ font-weight: bold; line-height: 0.8; list-style: none; margin: 0; padding: 0 0 0 0.5em; outline: 0; border: 1px; border-top: 0; overflow: auto; top: 1px; position: relative; display: none; } .sub-categ-list-cover{ padding: 0; margin: 0 0 0 0.1em; } .sub-categ-list{ padding: 0.1em; border-bottom: 1px solid #ddd; cursor: pointer; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; list-style: none; } .sub-categ-list a{ text-decoration: none; font-size: 0.7em!important; } .sub-privacy-cover{ width: 92.5%; line-height: 1.1em; top: -1.5em; left: -1em; } .submit-gallery-categ,.cancel-create-gallery{ font-size: 1em; margin: 2% 5%; } .submit-new-categ{ margin-left: 72%; } .submit-new-categ > button{ font-size: 1em; margin-left: -0.8em; } #submitButton{ font-size: 1em; margin-left: 10%; } #suggesstion-box{ width: 25.3em; margin-left: 1.3em; background-color: #fff; max-height: 20em; overflow-y: auto; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 0.25em; } #suggesstion-box .avatar-gal-empty{ height: 2.2em; width: 2.2em; line-height: 2.2em; display: inline-block; margin: 0.1em 0.2em; margin-right: -0.1em; } #suggesstion-box .avatar-gal img{ width: 1.5em; height: 1.5em; } #suggesstion-btr-box{ width: 23.8em; max-height: 20em; margin-left: 0.2em; background-color: #fff; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 0 0 0.25em 0.25em; } #sugstd-admin li{ text-align: left; } #suggesstion-box > li, #suggessted-rltv > li, #suggessted-pal > li, #suggessted-chat > li,#sugstd-admin li ,#suggessted-pal-biz li, #suggessted-pal-evnt li, #suggessted-add-evnt li,#suggessted-rfr-notfy li,#suggessted-pal-notfy li,#suggessted-alwd-notfy li,#suggessted-sel-notfy li,#suggessted-rmv-notfy li, .suggessted-pal-biz-notfy li,.suggessted-pal-ind-notfy li,.suggessted-pal-ind-vid-notfy li,.suggessted-pal-ind-pix-notfy li,#suggesstion-btr-box li,#suggessted-plc-flwr-notfy li,.suggessted-plc-flwr-more li{ list-style: none; } #suggessted-alwd-notfy li a > .ava-empty{ height: 3em; width: 3em; line-height: 3em; margin-right: 0.5em; } #suggessted-chat{ width: 99%; background: #F0F8FF; max-height: 10em; overflow-y: auto; position: absolute; top: 12.2%; border: solid 0.1em #ccc; } #suggessted-pal-evnt .avatar-gal img{ width: 1.6em; height: 1.6em; margin: 0.16em; } #suggessted-pal-evnt .avatar-gal-empty{ display: inline-block; margin: 0.15em; height: 2.0em; width: 2.0em; line-height: 2.0em; font-size: 0.8em; } #suggessted-add-evnt .avatar-gal-empty{ display: inline-block; margin: 0.15em; font-size: 1em; height: 2.0em; width: 2.0em; line-height: 2.0em; } #suggessted-add-evnt li > a{ font-size: 1em; } #suggessted-add-evnt .avatar-gal img{ margin: 0.16em; height: 2.0em; width: 2.0em; } #suggesstion-box li > a, #suggessted-rltv li > a, #suggessted-pal li > a, #suggessted-chat li > a, #sugstd-admin li > a, #suggessted-pal-biz li > a, #suggessted-pal-evnt li > a, #suggessted-add-evnt li > a,#suggessted-alwd-notfy li > a,#suggessted-sel-notfy li > a,#suggessted-rmv-notfy li > a, .suggessted-pal-biz-notfy li > a,.suggessted-pal-ind-notfy li > a,.suggessted-pal-ind-vid-notfy li > a,.suggessted-pal-ind-pix-notfy li > a,#suggesstion-btr-box li > a{ text-decoration: none; cursor: pointer; } #suggessted-pal li a > .avatar-gal{ width: 2.5em; height: 2.5em; border-radius: 50%; vertical-align: middle; cursor: pointer; margin-top: 0.25em; margin-right: 0.7em } #suggessted-pal li a > .avatar-gal-empty{ background: #ddd; width: 3em; height: 3em; border-radius: 50%; line-height: 3em; text-align: center; font-size: 0.8em; cursor: pointer; display: inline-block; margin-right: 0.5em; margin-top: 0.25em; } .suggessted-pal-biz-notfy{ width: 18em!important; background-color: #ccc!important; margin-left: -2em; margin-top: -0.3em; } .suggessted-pal-ind-notfy{ margin-left: -1em; margin-top: -0.3em; width: 17em!important; background-color: #ccc!important; } #suggessted-pal-notfy,#suggessted-rfr-notfy{ position: absolute; background-color: rgb(254, 252, 255); width: 40%; z-index: 2; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px; border-radius: 0.5em; height: 20em; overflow-y: auto; padding: 0.2em; display: none; } .suggessted-pal-ind-vid-notfy,.suggessted-pal-ind-pix-notfy{ width: 14.6em; background-color: #ccc; margin-top: -0.25em; max-height: 15em; overflow-y: auto; position: absolute; } .suggessted-pal-ind-vid-notfy .ava-empty{ margin-left: 0.5em; } .suggessted-pal-ind-pix-notfy{ margin-left: 3.4em; width: 15.5em!important; z-index: 1; } #suggessted-pal{ width: 48%; margin-left: 26.8%; margin-top: -0.3em; border-top: 0.05em #ddd solid; background-color: #fff; max-height: 15em; overflow-y: auto; position: absolute; z-index: 2; } #sugstd-admin{ width: 41.5%; margin-left: 29.5%; margin-top: -0.85em; position: absolute; background-color: #FFF5EE; white-space: normal; overflow-x: hidden; overflow-y: auto; z-index: 2; height: 15em; display: none; } #suggessted-pal-biz{ margin-top: -0.2em; } #suggessted-pal-evnt, #suggessted-add-evnt{ margin-left: 28.5%; width: 39.5%; margin-top: 0.25em; background-color: #fff; max-height: 15em; overflow-y: auto; position: absolute; z-index: 1; } #suggessted-rltv{ margin-left: 35%; width: 61%; background-color: #fff; max-height: 15em; overflow-y: auto; position: absolute; z-index: 2; } #suggessted-pal-biz,.suggessted-pal-biz-notfy,.suggessted-pal-ind-notfy{ width: 57.6%; background-color: #EBF4FA; max-height: 15em; overflow-y: auto; position: absolute; z-index: 1; } #suggessted-alwd-notfy,#suggessted-sel-notfy,#suggessted-rmv-notfy{ width: 81.5%; background-color: aliceblue; max-height: 7em; overflow-y: auto; margin-top: -0.3em; display: none; } .switch { position: relative; display: inline-block; width: 50px; height: 25px; } .switch input { opacity: 0; width: 0; height: 0; } #sx{ height: 3em; } .tab-content{ border: 0.09em solid #222; border-top: none; height: 23em; } .tab-content-emojis-ini,.tab-content-emojis{ position: relative; height: 8.5em; overflow-x: hidden; overflow-y: auto; background-color: #FFF8DC; float: left; display: none; } .tab-content-emojis ul li,.tab-content-emojis-ini ul li{ display: inline; list-style-type: none; } .tab-emoji,.tab-emoji-glry{ margin: 0 0 1em 0; padding: 0; background-color: #FEFCFF; width: 100%; } .tab-emoji-glry{ margin-bottom: 0.4em; } .tab-emoji li,.tab-emoji-glry li{ display: inline; list-style-type: none; margin: 0.05em; float: left; } .tab-emoji li a{ padding-left: 0.5em; font-size: 0.8em; text-decoration: none; color: #000; } ul.tab-emoji li a:hover, ul.tab-emoji-glry li a:hover{ background-color: #ddd; } ul.tab-emoji li a:focus, .active{ background-color: #999; } .tab-emoji-glry li a { padding-left: 0.3em; font-size: 0.6em; text-decoration: none; color: #000; } ul.tab-emoji-glry li a:focus, .active{ background-color: #999; } .tab-cover-etc{ float: right; margin-top: -5em; margin-right: 1em; } #tab-targ-view{ display: none; } ul.tabbing{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 0.09em solid #222; background-color: #F1F1F1; } ul.tabbing li{ float:left; } ul.tabbing li a{ display: inline-block; color: black; text-align: center; padding: 0.4em; text-decoration: none; transition: 0.3s; -moz-border-radius-topright: 1.0em; -moz-border-radius-bottomright: 1.0em; -webkit-border-top-right-radius: 1.0em; -webkit-border-bottom-right-radius: 1.0em; border-top-right-radius: 1.0em; border-bottom-right-radius: 1.0em; } ul.tabbing li a:hover{ background-color: #ddd; } ul.tabbing li a:focus, .active{ background-color: #999; } #tab-activity-ini-emj,#tab-activity-emj,#tab-variety-man-emj,#tab-romance-emj,#tab-symbl-emj,#tab-ani-nat-emj, #tab-people-emj, #tab-face-emj,#tab-food-drink-emj,#tab-travel-places-emj,#tab-variety-emj,#tab-variety-wom-emj, #tab-flag-emj,#tab-objects-emj{ width: 98%; margin-left: -2em; } #tab-activity-ini-emj > li,#tab-activity-emj > li,#tab-variety-man-emj > li,#tab-romance-emj > li,#tab-symbl-emj > li,#tab-ani-nat-emj > li, #tab-people-emj > li, #tab-face-emj > li,#tab-food-drink-emj > li,#tab-travel-places-emj > li,#tab-variety-emj > li,#tab-variety-wom-emj > li, #tab-flag-emj > li,#tab-objects-emj > li{ list-style: none; float: left; margin: 0.15em; cursor: pointer; } #take-pix,#take-pix-catg,#take-pix-biz,#take-pix-logo{ display: none; } .target-aud{ width: 28%; font-size: 1em; } #terms-prvcy{ margin: 1em 1em 0 1em; white-space: normal; line-height: 1em; } #terms-cond{ width: 90%; white-space: normal; margin: 0 auto; font-size: 1.2em; } #text-area1, #text-area2{ width: 90%; height: 2.2em; font-size: 1em; } #text-event{ width: 43%; height: 1.8em; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } #text-status,#embd-text-status{ width: 60%; height: 2.5em; resize: none; white-space: normal; border: 0.15em solid #F1F1F1; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; border-radius: 0.5em; } #tmp-storage{ display: none; } .tme-algn{ margin-left: 2em; } .vid-nme-shft{ margin-top: -2.5em; font-size: 0.8em; margin-left: 3em; cursor: pointer; } .vid-tme-algn{ font-size: 0.8em; margin-left: 4%; } .top-wrap{ float: left; white-space: nowrap; height: 4em; } .top-wrap-center{ margin-left: 5%; } .trpl-chn{ height: suto; padding: 2.5%; background-color: #EBF4FA; margin-bottom: 5%; float: left; } .trpl-chn a{ text-decoration: none; } .under-avatar{ background: #FFFFFA; height: 2.2em; margin: 0 auto; width: 100%; } div.under-avatar a{ text-decoration: none; color: black; padding-bottom: 1em; } div.under-avatar ul li ul li:hover{ background-color: #999; } div.under-avatar ul li ul li{ border-bottom: 0.001em solid; width: 100%; } div.under-avatar ul ul:before{ content: ""; position: absolute; right: 1em; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #000 transparent; } .upload-photo,.upload-video-form{ margin: 0 auto; width: 70%; display: none; } .upload-video{ margin: 10% 5%; } .upload-photo .new-drpdwn, .upload-video-form .new-drpdwn{ width: 99%; height: 13em; background-color: #fff; margin-left: 0; margin-top: 0; position: relative; border: 0.15em solid #ddd; } .upload-photo .new-drpdwn::before, .upload-video-form .new-drpdwn::before{ content: ""; position: absolute; left: 3.5em; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #ccc transparent; } #img-comment #upl-date, #img-comment #upl-date-rsp{ color: blueviolet; } .user-info-all{ float: left; width: 100%; } .vertical{ text-align: center; } .vertical a{ line-height: 40px; text-decoration: none; color: #000000; font-size: 1.4em; font-weight: bold; } .vid-desc{ font-weight: bolder; font-size: 1.2em; white-space: normal; } .vid-dlt-001,.vid-dlt-000-001{ color: gray; font-size: 0.8em; cursor: pointer; margin: 0; float: right; } #vid-plyn > video,#vid-plyn-ctg > video,#vid-plyn-bus > video,.vid-plyn-bus-rec > video{ object-fit: fill; width: 100%; height: 35vh; } #vid-plyn-prop{ margin-left: 2em; } #vid-undr-wrap{ width: 100%; margin-top: 25em; } .video-album .add-text{ text-align: center; } .video-album .add-text > a{ margin-left: 1%; color: #307D7E; } #video-box{ position: fixed; top: 4.7em; width: 100%; background-color: #000; z-index: 1; } #vid-cmnt-cvr{ width: 96%; margin: 0 auto; } #vid-cmnt-cvr > #video-comment-box{ display: none; } #video-comment-box{ margin-top: 10%; } #video-comment-box .new-drpdwn{ margin-top: -0.75em!important; width: 100%!important; } #video-comment-box .new-drpdwn::before{ left: 3.5em!important; } #video-comment-box a{ text-decoration: none; } #video-contner-left{ width: 100%; } #video-contner-right{ width: 100%; float: left; margin-top: 2em; background-color: #FBFBF9; } .videos-cover > .videos-count{ font-size: 0.9em; color: #000; margin-bottom: 0.5em; margin-top: 0; text-decoration: none; width: 100%; float: left; } .videos-cover{ margin-left: 0.3em; } .videos-count:hover{ color: blue; } .v-play{ margin-top: -3.5em!important; font-weight: bolder; } .videos-cover > .video-wrap{ display: inline-block; width: 5.5em; height: 5em; float: left; } #vidPostBtn{ font-size: 1em; float: right; } .vid-desc-dsp{ width: 32%; float: left; margin: 0 0.5%; } .video-descr a{ text-decoration: none; } .video-descr{ white-space: normal; height: 6em; float: left; width: 100%; } .vid-desr-sty{ font-weight: bolder; font-size: 1.1em; margin-left: 0.5em; color: #000; } .video-displ{ width: 96%; float: left; } .video-displ video{ width: 100%; height: 11.5em } .video-wrap video { cursor: pointer; } .view-wtng-frnds img, .view-wtng-frnds a{ height: 1.5em; width: 2em; text-decoration: none; color: #CCC; margin-top: 2.3em; } #viewersComment{ position: relative; width: 100%; overflow-y: auto; height: 30em; overflow-x: hidden; } #viewersComment .siz-img-rep{ width: 62%!important; } .vws-dte{ margin: 0.3em 0.5em; color: #000; } .vws-dte > .numv-001:after{ content: "•"; margin: 0 4px } .waiting-cover{ height: 15em; overflow-y: auto; background: #FEFCFD; } .with-who{ margin: 0.5em; font-size: 0.9em; } .with-who > a{ font-size: 0.8em; text-decoration: none; cursor: pointer; color: #0000FF; } .potential-friends{ font-size: 1.1em; color: blue; text-decoration: none; } .waiting-friends-cover > a.potential-friends:hover{ color: #000; } .image-show-all-gal{ text-align: center; } .waiting-friends{ height: 30em; overflow-y: auto; } .waiting-friends-cover, .image-show-all-gal{ margin-bottom: 0.8em; } .member-profile{ display: inline-block; margin: 0.5%; width: 30%; margin-top: 8%; } #web-address,#int-hob{ margin: 0 0.35em 0.35em 0.35em; width: 90%; border: 0.09em solid; } #web-cam-image,#web-cam-image-categ,#web-cam-image-biz{ z-index: 10; position: absolute; top: 0.5em; left: 0; } #web-cam-post{ z-index: 10; position: absolute; } #web-cam-form,#web-cam-form-categ,#web-cam-form-biz{ display:none; float: left; background-color: #E5E4E2; height: 5.0em; width: 600px; } #web-cam-form-logo{ display:none; float: left; background-color: #E5E4E2; height: 5.0em; width: 100%; } #welc-stmt,#btr-info{ text-align: center; white-space: normal; font-size: 1.2em; } .wellc{ text-decoration: none; font-family: verdana; font-size: 0.9em; font-weight: bold; top: 0; left: 5em; color: #FFF; position: relative; -webkit-border-radius:0.5em; -moz-border-radius:0.5em; } #welcome-choice{ width: 40%; margin-top: -0.6em; margin-left: -5em; } #welcome-choice ul{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); background-color: #fff; overflow-y: auto; min-height: 5em; border-radius: 0.5em } .wrap-arrw-dom{ margin-left: 20%; margin-top: -1em; } #wrap-pst-rgt-cnt{ float: left; width: 100%; } #cnt-algn{ margin-left: 1em; margin-bottom: -0.5em; color: darkslategrey; } #cnt-algn-glry{ margin: 0.25em 0 0 2em; font-size: 1.2em; color: darkslategrey; } .wrap-btn-rgt{ margin-left: 2em; } .wrp-hvr-ply{ width: 100%; } .hvr-ovr-vid-med{ width: 100%; } .hvr-ply{ width: 100% } .wrp-vid-clk-cvr{ height: 100%; cursor: pointer; } .wrp-vid-ply{ width: 100%; height: 100%; } .year-input-sec,.month-input-sec,.day-input-sec,.year-input,.month-input,.day-input,.year-input-rel{ background-color: lightgrey; font-size: 1em; } #yr{ height: 3em; margin: 1%; width: 20%; } } /*desktop*/ @media only screen and (min-width: 1080px) { .for-mbl-onl{display:none;} #act-exst{ display: none; } #act-exst > a{ text-decoration: none; margin-left: 40%; color: sienna; font-size: 1.1em; } .activity-area,#page-area{ height: auto; display: none; margin-left: 0.1em; } .activity-area > ul li,#page-area > ul li{ list-style:none; text-decoration: none; margin-left: 0; } .activity-area > ul li a{ margin-left: 2em; color: #307D7E; font-weight: bold; line-height: 1.5em; } .actn-shft-flg{ margin-left: -1em; width: 1em; } .actn-vid-pst,.actn-vid-cmnt{ display: none; } .actn-on-pst,.actn-on-prfl,.dlt-vid,.dlt-vid-ply{ display: none; position: absolute; z-index: 1; width: 5em; margin-left: -5%; } .actn-on-pst{ margin-left: -30%!important; margin-top: -1em; } .actn-on-pst a{ color: gray; } .actn-on-pst > ul{ width: 15em; margin-left: -2.5em; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 0.35em;; } #img-comment .actn-on-pst > ul{ width: 8em!important; } .actn-on-prfl > ul{ width: auto; margin-left: -1em; background-color: #F8F8FF; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .actn-vid-pst > ul{ background-color: #fff; position: absolute; margin-left: -6.5em; margin-top: -0.1em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 6em; border-radius: 0.25em; } .actn-vid-cmnt a,.actn-vid-pst a{ color: gray; } .actn-vid-cmnt > ul{ background-color: #fff; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 6.7em; z-index: 2; border-radius: 0.5em; margin-left: -3em; } .actn-on-btr > ul{ width: 6em; margin-left: -6em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-top: -0.1em; } .actn-on-pst > ul li{ list-style: none; margin-left: -1.5em; } .actn-vid-pst > ul li,.actn-vid-cmnt > ul li{ list-style: none; } .actn-vid-cmnt > ul li{ margin-left: -0.5em; } .actn-on-evt > ul{ width: 14em; } .actn-on-evt select{ margin-left: 0.25em; } .actn-on-pst > ul li span{ margin: 0.6em; } .actn-on-pst > ul li a, .actn-vid-pst > ul li a,.actn-vid-cmnt > ul li a{ text-decoration: none; } .re-li-el-algn-img > .shw-abt-galry .actn-on-pst{ margin-left: -5em; } .add-dlt-001{ float: left; width: 5%; } .add-hgt{ min-height: 25em!important; } #add-open-job,#applctn-infc,#creating-event,#add-to-event,#accptd-event,#custom-background{ position: relative; top: 0.5em; width: 60%; height: auto; min-height: 5em; margin: 0 auto; display:none; background-color: #ecf5f5; font-size: 1.2em; z-index: 100; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #add-open-job form, #applctn-infc form, #creating-event form, #add-to-event form{ padding: 1em 0 1em 0; } #add-text-status{ height: 2.5em; width: 60%; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } #addingAdmn{ margin-left: 0.5em; } .add-spc{ position: relative; left: 5%; } #add-vid-text{ height: 2.5em; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } #add-text{ height: 2.5em; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } .add-year > .rmv-add-yr,.add-month > .rmv-add-mn,.add-day > .rmv-add-dy, .add-year-sec > .rmv-add-yr-sec,.add-month-sec > .rmv-add-mn-sec,.add-day-sec > .rmv-add-dy-sec{ font-size: 1em; } .add-year,.add-month,.add-day,#add-present,.add-year-sec,.add-month-sec,.add-day-sec{ margin-right: 2%; } .add-img-aft-001{ display: none; width: 45%; float: left; margin: 5em 1em; } #add-pix-000-001{ margin-left: 10%; position: absolute; } #add-pix-000-001 > a{ text-decoration: none; } .adding-text{ resize: none; white-space: normal; font-family: Arial; font-size: medium; text-align: center; } .add-new-place #submitButton{ margin-left: 27%!important } .admin-asgmnt .avatar-gal img{ margin: 0.25em 0.5em; height: 2.2em; width: 2.2em; } .admin-asgmnt .avatar-gal-empty{ display: inline-block; background: #ddd; width: 2.5em; height: 2.5em; border-radius: 50%; line-height: 2.5em; text-align: center; font-size: 1em; cursor: pointer; margin: 0.25em; } #admin-tgl{ cursor: pointer; } #admin-membs{ display: none; margin-top: 0; height: 15em; overflow-y: auto; font-size: small; width: 25em; word-break: break-all; } #admin-nme{ width: 97%; height: 2em; resize: none; margin: 1em 0; } .admn-nme-emp{ margin-left: 0.5em; cursor: pointer; white-space: normal; } .admn-nt-emp{ margin-left: 0.5em; cursor: pointer; white-space: normal; } .algn-cmnt-totl-msk{ color: #fff; margin-left: 5% } .algn-btr-inpt{ width: 100%; margin: 0 9%; } #algn-selc{ position: relative; } .algn-evt-imgs{ text-align: center; } .algn-arrw{ margin-top: 0.1em; } .algn-propty{ margin-top: 1em; width: 100% } .algn-adm-nme{ margin-top: 1em; } #shw-to-dstp,#all-right-top{ display: block; width: auto; left: 0; overflow-x: visible; } .all-drpdwn{ display: none; } #all-right-top i,.footer > p,#evnt-conainer p{ font-size: 1em; } .altern > a{ text-decoration: none; color: #000000; font-size: 1em; } .altern{ margin-top: 1em; } .altern, .other{ font-size: 1em; font-weight: bolder; text-align: center; color: #000000; } #ansrs-continue{ margin-top: 2em; width: 10em; margin-left: 1em; } #attached-name{ margin-left: 0; } .ava-cvr-001{ width: 100%; float: left; margin: 0.5em 0; } .ava-opt{ margin-left: 7%; } .avatar > a{ cursor: pointer; } .ava-nme{ width: 85%; float: left; margin: 0.1em; margin-left: 0.9em; } .ava-empty > p{ font-weight: bolder; } .ava-lft{ width: 10%; float: left; } .ava-rgt{ width: 90%; float: left; } .ava-empty,.avatar-wtn-empty,.avatar-gal-empty{ background: #ddd; width: 2.5em; height: 2.5em; border-radius: 50%; line-height: 2.5em; text-align: center; font-size: 0.7em; cursor: pointer; display: inline-block; } .avatar-emp-admin{ background: #ddd; width: 2.8em; height: 2.8em; border-radius: 50%; line-height: 2.8em; text-align: center; font-size: 0.7em; cursor: pointer; float: left; } .ava-empty > a,.avatar-gal-empty > a,.avatar-wtn-empty,.ava-lft > a,.ava-empty-shr > a,.avatar-emp-admin > a{ text-decoration: none; font-weight: bolder; } .rec-suggessted-share-notfy li a > .ava-empty,#suggessted-rfr-notfy li a > .ava-empty,#suggessted-pal-notfy li a > .ava-empty,#suggessted-pal-biz li a > .ava-empty,#suggessted-alwd-notfy li a > .ava-empty,#suggessted-sel-notfy li a > .ava-empty,#suggessted-rmv-notfy li a > .ava-empty,.suggessted-pal-biz-notfy li a > .ava-empty, .suggessted-pal-ind-notfy li a > .ava-empty,.suggessted-pal-ind-vid-notfy li a > .ava-empty,.suggessted-pal-ind-pix-notfy li a > .ava-empty,#suggessted-plc-flwr-notfy li a > .ava-empty,.suggessted-plc-flwr-more li a > .ava-empty{ background: #ddd; width: 2.5em; height: 2.5em; border-radius: 50%; line-height: 2.5em; text-align: center; font-size: 0.7em; cursor: pointer; display: inline-block; margin-top: 0.25em; margin-right: 0.9em; } #add-post-note .avatar{ font-size: 0.8em; margin: 0.1em; margin-left: 1.1em; float: left; width: 85%; } .ava-empty-shr{ background: #ddd; width: 3em; height: 3em; border-radius: 50%; line-height: 3em; text-align: center; font-size: 0.5em; cursor: pointer; float: left; } .ava-emty-nme-nte{ float: left; font-size: 0.8em!important; } .rec-suggessted-share-notfy li a > .avatar,#suggessted-rfr-notfy li a > .avatar,#suggessted-pal-notfy li a > .avatar,#suggessted-pal-biz li a > .avatar,#suggessted-alwd-notfy li a > .avatar,#suggessted-sel-notfy li a > .avatar,#suggessted-rmv-notfy li a > .avatar,.suggessted-pal-biz-notfy li a > .avatar, .suggessted-pal-ind-notfy li a > .avatar,.suggessted-pal-ind-vid-notfy li a > .avatar,.suggessted-pal-ind-pix-notfy li a > .avatar,#suggessted-plc-flwr-notfy li a > .avatar,.suggessted-plc-flwr-more li a > .avatar{ width: 1.8em; height: 1.8em; border-radius: 50%; vertical-align: middle; cursor: pointer; margin-top: 0.25em; margin-right: 0.6em; } .avatar img, .avatar-gal img{ width: 2em; height: 2em; border-radius: 50%; vertical-align: middle; cursor: pointer; } .avatar-wtn img{ width: 1.8em; height: 1.8em; border-radius: 50%; vertical-align: middle; cursor: pointer; } .suggessted-pal-ind-pix-notfy .ava-empty{ margin-left: 0.65em; } .ava-adj{ margin-left: 0!important; } .ava-adj .avatar{ margin-left: 0.5em; } #add-post-note{ display: none; background-color: #EBF4FA; width: 25em; margin-left: -2em; border-right: 0.15em #ccc solid; border-bottom: 0.15em #ccc solid; height: 25em; overflow-y: auto; overflow-x: hidden; margin-top: 0.35em; } .avtr-curs{ cursor: pointer; } #jail-cover,#btnFollow,#btnFolwBlk,#btnSubscrb{ font-size: 1em; } #barterBtn,#barterBtn2{ left: 48%; font-size: 1em; position: relative; } #barterInformation{ width: 100%; margin: 0 auto; white-space: normal; float: left; margin-top: 2em; } #barter-have-form,#barter-want-form,#add-pix-form{ width: auto; border: 0.1em solid #F1F1F1; } #barter-img-cover{ position: relative; } .bck-arrw{ position: absolute; left: 3%; top: 7%; font-size: 2em; color: #FFF; text-decoration: none; } .biz-gal-emj .emoji-drpdwn{ margin-left: 4%!important; } .altern .biz-gal-emj .tab-content-emojis-ini,.altern .biz-gal-emj .tab-content-emojis{ height: 9.9em!important; } .biz-gal-emj #cancel-img-pre,.biz-gal-emj #postImgBtn{ margin-left: 2em; } #biz-algn{ margin-left: 1em; } #biz-log-cov{ width: 100%; margin: 0; clear: both; } #biz-top-hde{ display: block; } #business-register{ text-align: center; margin-top: 2em; margin-bottom: 10em; } #business-register a{ line-height: 30px; text-decoration: none; color: #000000; font-size: 1em; font-weight: bold; white-space: normal; } #business-register > ul{ height: 5em; overflow-y: auto; } #business-register button{ cursor: pointer; } body, html{ margin: 0; padding: 0; } body{ background: #FCFFFE; } #btr-chce-001{ height: 2em; } .btn-job{ font-size: 1.2em; float: right; margin-right: 15%; } .btn-under-avatar{ margin-top: 0em; } .btn-under-avatar > .shw-abt-cmnt{ float: left!important; } #disp-btn-und-ava > ul{ margin-left: 0!important; } #disp-btn-und-ava { margin-left: 0!important; } #btr-img-detail{ width: 100%; position: relative; top: 2.0em; } #btr-img-disp{ width: 100%; position: absolute; margin: 0 auto; top: 2.0em; } #btr-detail-only{ float: right; width: 50%; border-width: thick; margin-left: 1%; } .btr-dlt-001{ float: right; margin-right: 10%; cursor: pointer; } #btr-img-only{ width: 48%; float: left; } .btr-img-sft{ margin: 0 auto; height: 20em; width: 18em; } #btr-img{ width: 60%; margin: 2% 20%; height: 15em; cursor: pointer; } .btr-image-shft{ display: block; height: 25em; width: 60%; margin: 0 auto; } .btr-img-size{ height: 15em; width: 18em; } .btr-image-sizes{ height: 100%; width: 50%; margin: 0 auto; display: block; } #btr-rmv-cover{ width: 100%; position: absolute; background-color: #0076a3; } .btr-arr-rgt{ position: relative; left: 0.25em; top: 0.25em; font-size: 4em; color: green; } .btr-arr-lft{ position: relative; left: 4.5em; top: 0.25em; font-size: 4em; color: green; float: left; } .btr-arr-mdl{ position: relative; left: 5.15em; top: -0.5em; font-size: 5em; color: green; float: left; width: 100% } #btr-prdt-srch,#btr-lctn-srch{ float: left; margin-top: -0.3em; margin-left: 5%; } #btr-srch-dsp-opt{ margin: auto; width: 60% } #btr-stm-vwe{ width: 100%; float: left; } #btr-stm-vwe > h1{ text-align: center; color: cadetblue; font-size: 1.3em; } .busns-shr-ntfy-pal{ resize: none; margin-left: -2.3em; width: 15em; } .indivi-share-ntfy{ position: absolute; margin-top: 0.2em; } .business-share,.setn-share,#pal-nme-notfy,#pal-rmv-notfy,.business-share-ntfy,.indivi-share-ntfy,.btr-arr-mdl-phn,.btr-phn-arr-dwn,#flwr-nme-notfy{ display: none; } .business-share-rmv{ margin-bottom: 1.5em; } .business-tag,.notifying-tag,.selected-tag,.remove-tag{ cursor: pointer; position: absolute; font-weight: bold; font-size: 0.8em; margin-top: -0.5em; } .selected-tag,.remove-tag{ position: relative!important; } #cam-gal-image{ height: 1.1em; width: 1.1em; margin-left: 0.5em; cursor: pointer; } #cam-image-gal{ height: 1.5em; width: auto; cursor: pointer; float: left; margin-left: 1em; } #cam-img{ height: 1.0em; width: auto; margin-left: 0.5em; cursor: pointer; } .cancel-barter,#canc-unfnshd-btr{ height: auto; width: auto; left: 23.5%; font-size: 1em; position: relative; } .cancel-barter{ left: 40%; } #cancel-img-pre{ font-size: 1em; } #cancel-vid-pre{ font-size: 1em; margin-left: 22%; } .cancelButton{ margin-left: 25%; font-size: 1em; } .cancel-cam,.elevate{ z-index: 10; position: relative; font-size: 1em; } #cancel-gal-image-prev{ margin-left: 15%; font-size: 1em; } .cam-image-resp{ height: 1.2em; } #cancel-preview-image{ margin-left: 7.5%; font-size: 0.95em; position: absolute; } .cancel-preview-reply-image{ margin-left: 14.5%; font-size: 1em; } .cancel-preview-reply-resp{ margin-left: 12%; } .cancelling-reply{ margin-left: 1em; } #rec-lst-cmn-rgt-btm .cancelling-reply{ margin-left: 3em; } #cncel-admin-frm{ margin-left: 0.5em; } #canc-incmplt-btr{ margin-left: 60%; font-size: 1em; } #canvas-bck{ z-index: 1; display: block; margin: 0 auto; position: relative; max-width: 60em; max-height: 35em; } #canvas,#confetti-canvas{ position: absolute; top: -5em; left: -20em; } .cat-nme{ padding-top: 0.5em; margin-left: 0.5em; font-weight: 600; } .cat-nme > p{ color: cadetblue; } .cat-nme > a{ font-size: 1.1em; color: #493D26; text-decoration: none; } .cat-nme .style-data-under-resp{ margin-left: 1.5em; } #category-choice{ width: 30%; margin-top: -0.3em; margin-left: -5em; } #category-choice:before{ left: 5.8em; } #cover-categ-0001{ border: 0.1em solid #ddd; background-color: #fff; overflow-y: auto; min-height: 5em; max-height: 10em; border-radius: 0.5em; margin-top: 1em; } .category-sizing{ width: 60%; font-size: 1em; cursor: pointer; position: relative; font-weight: bold; background: darkgray; text-align: center; width: 15em; margin-top: 0; } .category-top-drop{ background-color: #ecf5f5 !important; border-top: 1px solid #ecf5f5; border-right: 1px solid #ecf5f5; border-bottom: 1px solid #d4dcdc; border-left: 1px solid #ecf5f5; cursor: pointer; position: relative; } .category-top-res{ font-size: 0.7em; list-style: none; margin: 0.3em; padding: 0 0 0 0.3em; outline: 0; text-decoration: none; } .category-top-corner{ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0.5em; } .category-top-actv{ background: #fff; color: #e17009; font-weight: bold; } .category-top-deflt{ color: #2e6e9e; font-weight: bold; } .celeb-covr-lg011{ margin: 0.7% 0 0 0%; } #change-cover{ position: relative; margin-top: 0.25em; left: 0; } #chat-actv{ position: absolute; top: 0.5em; right: 15em; } #chat-actv-container{ left: 40%; width: 22em; display: none; height: 24em; position: fixed; border: 0.1em solid #2e6e9e; z-index: 2; background-color: #FFFFFF; } #chat-msg{ width: 100%; white-space: normal; height: 65%; overflow-y: auto; overflow-x: hidden; display: inherit; } #check-box,#check-box-sub{ padding: 0.23em; } #choosing-categry{ font-size: 1em; } .chk-shf-001{ margin-left: 0.5em; color: green; } .chk-shf-002{ color: #ccc; margin-left: 0.5em; } .center-container{ width: 60%; margin: 1em auto; } #chat-container{ bottom: 10%; height: 75%; width: 20%; position: fixed; border: 0.1em solid #2e6e9e; display: none; margin: 0; z-index: 1; background-color: #FFF; left: 75%; } .chat-date{ float: right; } #chat-displ-close{ color: red; cursor: pointer; font-size: 1.5em; width: 10%; } .chat-displ-sec-close{ color: red; position: absolute; cursor: pointer; font-size: 1em; } .chat-displ-sec-close{ float: right; right: 0; display: none; } #chat-id{ position: absolute; top: 1em; border: 1px solid green; text-align: center; width: 4.0em; height: 1.8em; border-bottom-left-radius: 50% 25%; border-bottom-right-radius: 50% 25%; border-top-left-radius: 50% 25%; border-top-right-radius: 50% 25%; background: lightgreen; font-size: 1em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #chat-id > span{ top: 0.8em; position: relative; } #chat-id-actv{ border-radius: 50%; height: 2.5em; width: 2.5em; } .cht-emj{ width: 100%; } .cht-emj .emoji-drpdwn a > img{ margin-left: 3em; margin-top: 0.2em; } .chat-rspnse,.chat-rtn{ padding: 0.1em; font-size: 1.5em; } .chat-sndr-id{ border: solid lightgrey thin; } .chat-sndr-id a{ font-size: 60%; padding-left: 0.5em; cursor: pointer; text-decoration: none; word-break: break-all; } .chat-sndr-id:hover{ background-color: #F0F8FF; } .chat-sndr-id:hover .chat-displ-sec-close{ display: block; } .chat-actv-indvdl{ height: 100%; } #chats-act-dspl-wrap{ float: left; width: 35%; height: 100%; position: relative; bottom: 0; display:none; } #chats-actv-top{ border-right: 0; } #chats-actv-top,.chats-slctd-top{ position: relative; top: 0; left: 0; background-color: blue; height: 7%; width: 100%; } .chats-slctd-top{ z-index: 3; cursor: move; } #chats-actv-display{ left: 0; width: 100%; height: 93%; position: relative; border-right: 0.08em solid lightgrey; white-space: normal; overflow-y: auto; overflow-x: hidden; } #chats-actv-slctd-wrap{ float: left; width: 100%; height: 100%; position: relative; bottom: 0; } #chats-actv-selected{ left: 0; width: 100%; height: 93%; position: relative; } #chat-btn{ float: right; height: 2em; margin-right: 2em; } .chat-displ-sec-close{ color: red; position: absolute; cursor: pointer; font-size: 1em; } .chat-sndr-glow{ position: absolute; box-shadow: 0px 8px 0px 10px #FFA500; display: none; width: 8em; } #chat-notif{ line-height: 0; bottom: 0; position: fixed; z-index: 1; height: 3.5em; left: 80%; } .chn-styl-001{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); width: 15em; height: 5em; margin-left: 35%; padding-left: 0.5em; border-radius: 0.5em; background-color: #F5F5EC; float: left; } #click-login{ width: 5em; height: auto; font-size: 1em; } #click-login-top{ width: auto; height: auto; margin-top: 1%; } #cls-rgt,#dis-rgt,#bug-cls,#bug-rpt{ font-size: 1.2em; width: 5em; margin: 1em; } #cncl-job,#cncl-event{ margin-left: 15%; font-size: 1.2em; } .close > a{ margin-top: -3.2em; } .cls-joi-000-001 > a{ margin-top: -2.5em; float: right; margin-right: 0.5em; font-size: 2em; color: #FF0000; text-decoration: none; } .close-event > a{ margin-top: -1.0em; } .close-acpt > a{ margin-top: -1.5em; cursor: pointer; } .close > a, .close-job > a, .close-event > a, .close-acpt > a, .close-aply > a{ float: right; margin-right: 0.5em; font-size: 1.25em; color: #FF0000; text-decoration: none; } .close-job > a, .close-aply > a{ margin-top: -1.2em; } #comnt-intfc{ margin-top: 6em; width: 60%; } #comnt-intfc > a{ color: darkslategrey; font-size: 1.1em; } .comment-icon{ font-family: sans-serif; font-size: 1em; position: relative; font-weight: 100; top: -1.3em; } .container-main{ width: 46.875em; margin: 0 auto; } .container { margin-top: 4.039em; width: 100%; white-space: nowrap; float: left; } .container a.cam-image-emo{ font-size: 1.25em; cursor: pointer; } #container-left4 ul > li{ cursor: pointer; font-size: 0.75em; margin-left: -1.2em; list-style: none; } #container-left1,.right-container,#login-gen-allign,#container-right4,#dom-name3,.show-name-right,#container-right-all,#container-right-event ,#container-right5,#container-right6{ display: block; } .container-center5{ float: left; width: 60%; padding-bottom: 5%; margin-left: 20%; } #container-center6{ float: left; width: 85%; padding-bottom: 5%; } #container-center-all,#container-center-event{ width: 60%; position: relative; float: left; overflow-x: hidden; padding-bottom: 30% } #container-center4{ float: left; width: 60%; background-color: #FFF; margin-left: 23%; margin-bottom: 3%; } #container-left1{ float: left; width: 50%; white-space: normal; display: block; } #container-left2{ float: left; width: 35%; white-space: normal; display: block; margin: 5%; } #container-left4 ul > #bartering,#container-left4 ul > #events{ margin-left: 0; } #container-left-all,#container-left-event,#container-right-all,#container-right-event{ width: 20%; display: block; } #rec-container-left{ float: left; width: 20%; position: fixed; } #container-left4{ width: 25%; white-space: normal; background-color: #FFFFFA; position: fixed; height: 100vh; left: 0; right: 0; overflow-y: scroll; scrollbar-width: none; } #container-left4::-webkit-scrollbar { display: none; } #container-left5{ text-align: center; position: fixed!important; margin-top: 5%!important; } #container-left6{ width: 15%!important; } #container-left-all,#container-left-event,#container-left5,#container-left6{ position: relative; float: left; width: 20%; height: 100%; white-space: nowrap; top: 2%; background-color: #fff; overflow-y: hidden; z-index: 1; padding-top: 0; overflow-x: hidden; transition: 0.5s; } #container-inner{ width: 80%; font-size: 2.5em; margin: 0 auto; } #container-left2-prvcy,#container-left2-terms{ float: left; width: 30%; white-space: normal; margin-top: 2.4em; position: fixed; } #container-right2-terms,#container-right2-prvcy{ width: 70%; padding-bottom: 30%; float: right; margin-top: 2.4em; } #container-right2{ float: right; margin: 2% 5% 5% 0; width: 50%; padding-bottom: 30%; } #container-right1{ width: 50%; float: right; } #container-right4{ display: block; width: 18%; white-space: normal; position: fixed; background-color: #FFF; height:100vh; right: 0; overflow-y: scroll; } #container-right4::-webkit-scrollbar { display: none; } #covr-news-011{ margin: 1em 0 6em 0; } #container-video-center{ width: 90%; float: left; margin-top: 1em; } #container-video-left,#container-video-right{ width: 5%; float: left; } .cntry-shw-code{ cursor: pointer; height: 3em; width: 1.5em; text-align: center; } #cntry-shw-prv{ cursor: pointer; float: left; font-size: 0.8em; margin-top: 0.5em; } .contry-barter{ float: left; } .contry-barter > select{ height: 3em; } .contry-code-lgn,.contry-code{ position: relative; z-index: 1; margin-left: 0; margin-top: -1em; opacity: 0; } .contry-code-prv{ z-index: 1; opacity: 0; } #cntr-code-seld-logn,#cntr-code-crat-acct,#cntr-code-seld-logn-top,#cntr-code-seld-prv{ appearance: none; -moz-appearance: none; -webkit-appearnce: none; -o-appearance: none; -ms-appearance: none; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 70%); width: 20%; padding-left: 0.5em; } #cover-signup{ white-space: nowrap; height: auto; width: 50%; background-color: lightgrey; border: 0.2em solid rosybrown; line-height: 1em; float: right; margin-right: 7em; margin-top: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #cover-bottom{ position: fixed; width: 100%; left: 0; bottom: 0; background-color: #F0F8FF; height: 15%; } #cover-middle-shre{ text-align: center; } #cover-middle-shre a{ text-decoration: none; } #cover-top{ margin: 0 auto; width: 100%; } .covr-ltr-cont{ width: 99%; white-space: normal; float: left; height: 15em; resize: none; margin-bottom: 2em; } .cvr-all-101{ top: 0.5em; left: 30%; position: absolute; } .cvr-cel-001{ margin-left: 10%; } .cvr-cel-001 .algn-arrw{ font-size: 1.4em; position: relative; top: 0.15em; left: -0.1em; color: #FFF; } .cvr-cel-001 > button{ color: #FFF; } .create-gallery-popup, .create-video-popup{ height: auto; overflow: hidden; text-align: center; } .create-new-categ-cover,.crt-grp-000-001{ width: 100% } .create-new-categ-top,.crt-grp-000-002{ font-size: 1em!important; } .create-new-categ-top,.disbl-pge-top,.crt-grp-000-002{ margin: 0 auto; font-size: 0.85em; color: #3282e6; padding-top: 1em; padding-bottom: 1em; font-weight: 400; width: 70%; } .create-new-prof,.ctg-000-001{ position: fixed; top: 5em; width: 35%; height: 14em; margin-left: 35%; display: none; background: #FFF; font-size: 1.2em; z-index: 100; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #created-account{ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ line-height: 1em; padding-top: 0.3em; padding-left: 0.3em; color: #d43f3a; } .create-account-top{ display: block; margin-left: 45%; margin-top: -1em; } .create-account-top a{ text-decoration: none; color:#000; font-size: 0.85em; display: block; } .create-profile{ margin: 0 0.25em; float: left; } .curr-pst{ font-size: 0.9em; margin-left: 1em; } #cvr-lbl-txt{ width: 21em; } .dbl-chn-sty-001{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); width: 20em; height: 10em; padding-left: 0.5em; border-radius: 0.5em; background-color: #fff; float: left; margin-top: 7em; } .dbl-chn-sty-001 > a{ text-decoration: none; } #default-not-tab{ margin-left: 6.5em; } #default-not-tab,#default-home-tab{ width: 6em; position: absolute; } #descr-avail,#descr-want { border: none; overflow: auto; width: 99%; resize: none; font-size: 1.2em; } .mobile-pdf { display: none; } #dialog-overlay,#dialog-overlay-side{ display: none; opacity: 0.8; position: fixed; top: 0px; left: 0px; background: #FFF; width: 100%; z-index: 10; } #dialog-box,#dialog-box-side{ display: none; position: fixed; background: #000; border-radius: 0.44em; width: 40%; margin-left: 20%; margin-top: 5%; z-index: 1000; } #dialog-box > div,#dialog-box-side > div{ background: #FFF; margin: 8px; } #dialog-box > div > #dialog-box-head,#dialog-box-side > div > #dialog-box-head-side{ background: #667; font-size: 19px; padding: 10px; color: #ccc; } #dialog-box > div > #dialog-box-body,#dialog-box-side > div > #dialog-box-body-side{ background: #333; padding: 20px; color: #FFF; white-space: normal; } #dialog-box > div > #dialog-box-foot,#dialog-box-side > div > #dialog-box-foot-side{ background: #667; padding: 10px; text-align: right; } .disbl-acct-form{ position: relative; display: none; left: 20%; background-color: #FFF; width: 60%; z-index: 100; padding: 1em; } #dis-cel-011{ position: absolute; display: none; left: 20%; bottom: 1em; z-index: 2; width: 15%; } #dis-cel-011 > ul{ height: 4em; overflow-y: auto; background-color: #fff; border-radius: 0.5em; } #dis-cel-011 li{ list-style: none; margin-left: -2em; line-height: 1.5em; cursor: pointer; } #dis-cel-011 a{ text-decoration: none; color: #000; } .disbl-pge-top{ font-size: 1.2em; white-space: normal; } #displ-notfctn{ float: left; margin-left: 10%; margin-top: -1.15em; } #displ-notfctn > a{ text-decoration: none; font-size: 0.8em; color: #fff; } .div-cnt-cvr-001 > .emoji-drpdwn{ margin-left: 15.7%!important; } .indiv-list-displ a,.frnds-placing-cover > .frnds-placing a{ text-decoration: none; } .indiv-list-displ{ display: inline-table; width: 24%; height: auto; margin: 0.5%; text-align: center; } .display-list-cover{ white-space: normal; } .display-list-cover > .indiv-list-displ img, .display-list-cover > .indiv-list-displ video{ height: 10em; width: 100%; float: left; } .indiv-list-displ > .user-info-all{ width: 100%; margin: 0 auto; } .dsp-111-add{ margin: 0.5em; } .displayed-info{ font-size: 0.8em; word-wrap: break-word; } .displayed-info-all{ width: 100%; color: #000; float: left; font-size: 0.8em; white-space: normal; word-break: break-all; } .dlt-algn{ margin-left: 3em; } .dlt-admn{ margin-top: -1em!important; } .dlt-btr{ display: none; position: absolute; margin-top: -2em; margin-left: -8em; } .dlt-btr ul{ width: 5em; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } .dlt-btr li{ list-style: none; } .dlt-admn{ display: none; position: absolute; margin-left: 25%; margin-top: 0.5em; } .dlt-biz{ display: none; position: relative; margin-top: -1em; } .dlt-biz a, .dlt-admn a{ font-size: 2em!important; color: #000!important; } .dlt-biz ul{ width: 8em; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 5em; } .dlt-admn ul{ width: 10em; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.5em; } .dlte-note{ float: left; width: 10%; } .dlte-note a{ color: gray; top: 0.25em; position: relative; } #dom-name,#dom-name2{ margin-top: 0.5em; margin-left: 10%; font-size: 1em; color:grey; font-weight: bolder; } #dom-name3,#dom-name-hme,#dom-name-plce{ display: block; float: left; margin-top: 0.5em; margin-left: 50%; width: 100%; } #dom-name-plce{ margin-left: 0!important; } #dom-name > img,#dom-name3 a > img, #dom-name2 a > img,#dom-name-hme a > img,#dom-name-plce a > img,.dom-nme-algn a > img{ width: 45px; height: 45px; border-radius: 50%; overflow-y:hidden; overflow-x:hidden; } .drpdn-shft-vid{ top: 1.2em; } .drpdn-shft-vid-lks{ top: 0.05em!important; } .dropdown-likes,.dropdown-frwks,.dropdown-cnfti{ position: relative; display: inline-block; } #video-contner-left .dropdown-likes-content{ margin-top: 1em; } #video-contner-left #video-comment-box .dropdown-likes-content{ margin-top: 0.7em; } .dropdown-likes-content,.dropdown-frwks-content,.dropdown-cnfti-content,.dropdown-subs-content{ display: none; position: absolute; background-color: #000; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2; border-radius: 0.3em; } .dropdown-accepted-content{ display: none; position: absolute; background-color: #000; width: 15em; margin-left: -7em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2; } .dropdown-likes-content a,.dropdown-frwks-content a,.dropdown-cnfti-content a,.dropdown-subs-content a{ color: #fff; padding: 1.5px 2px; text-decoration: none; display: block; cursor: pointer; } .dropdown-accepted-content a { color: #fff; text-decoration: none; display: block; cursor: pointer; margin-left: -1.5em; } .dropdown-accepted-content li{ list-style: none; } .dropdown-likes-content a:hover {background-color: wheat;} .dropdown-subs-content a:hover {background-color: wheat;} .dropdown-frwks-content a:hover {background-color: wheat;} .dropdown-cnfti-content a:hover {background-color: wheat;} .dropdown-likes:hover .dropdown-likes-content {display: block;} .dropdown-subs:hover .dropdown-subs-content {display: block;} .dropdown-frwks:hover .dropdown-frwks-content {display: block;} .dropdown-cnfti:hover .dropdown-cnfti-content {display: block;} .dropdown-accepted-content a:hover {color: wheat;} .invt-count:hover .dropdown-accepted-content {display: block;} .dropdown-profile{ left: 57%; position: relative; } #drpdwn-show-profile{ left: -11.2em; } #drpdwn-show-profile ul{ border: 0.01em solid #DDD; background: #000; border-radius: 0.5em; width: 100%; max-height: 15em; min-height: 5em; overflow-y: auto; } .dropdown-profile-menu{ display: none; position: absolute; width: 20em; z-index: 1; overflow: hidden; } .dropdown-profile-menu ul > li{ margin-left: -2em; list-style: none; } .dropdown-profile-menu ul > li a{ color: #FFF; } .dropdown-profile-menu:before{ content: ""; position: absolute; left: 82%; top: 0.3em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #000 transparent; } #drpdwn-show-status{ left: 40%; } .dropdown-status-menu-categ{ left: 53.5%!important; } #drpdwn-show-status ul{ background: #000; border-radius: 0.5em; height: 15em; overflow-y: auto; width: 100%; } .dropdown-status{ left: 50%; position: relative; } .dropdown-status-menu{ width: 20em; display: none; position: absolute; z-index: 1; overflow: hidden; } .dropdown-status-menu:before{ content: ""; position: absolute; left: 20%; top: 0.2em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #000 transparent; } .dropdown-status-menu ul > li{ margin-left: -2em; list-style: none; } .dropdown-status-menu ul > li a{ color: #FFF; } #dy{ height: auto; margin: 1%; } #d-y-m-cover{ margin-top: 1em; } #dym-text{ margin-left:1em; font-weight: bold; } #dym-select{ margin-left: 1.5em; margin-top: 0.25em; } .dbl-chn{ background-color: #FFFDD0; height: auto; padding: 2.5%; margin-bottom: 2em; float: left; } #embd-vid{ font-weight: 900; position: relative; left: 25%; float: left; cursor: pointer; } #embd-vid-url-txt{ resize: none; position: relative; top: 2em; width: 20em; height: 5em; } .embd-chk-fld .new-drpdwn{ margin-top: 0.7em; } .embd-chk-fld .new-drpdwn:before{ left: 13em!important; } .embd-shw-for-all{ left: 17%; top: 2.5em; } .emj,.emj-svg{ height:1.1em; width:1.1em; background-position:center; background-repeat:no-repeat; background-size:contain; display:inline-block; vertical-align:middle; margin-top: 0.1em; } #emoji-dropdown{ overflow-y: auto; background-color: #ddd; float: left; position: relative; width: 17.5em; } #emoji-dropdown > img { width: 1em; height: 1em; } .emoji-drpdwn{ margin-top: 1%; margin-left: 1%; } .emoji-drpdwn > a{ cursor: pointer; } .emoji-drpdwn > img{ margin-top: 1em; } .empty-gallery > button{ float: left; width: 99%; font-size: 0.8em; } .entr-job-info,.aplkntInfo{ float: right; margin-right: 30%; width: 40%; height: 2.5em; } .entr-evnt-info{ font-size: 1em; float: right; margin-right: 30%; width: 40%; height: 1.5em; } #er{ color: #FF0000; text-align: center; } .error-area{ text-align: center; color: #FF0000; white-space: normal; } #err-pwd-fgt-wrap{ width: 100%; float: left; } .evnt-algn{ text-align: left; margin: 2%; font-size: 1.2em; color: #808000; } .evnt-pg-algn{ text-align: center } .evnt-image{ margin: 0.05em; width: 80%; height: 30em; } .event-label{ margin: 5%; } .event-label > .styl-upld{ margin-left: 5%; } #evnt-conainer{ width: 95%; margin: 0 auto; white-space: normal; } #evnt-conainer p{ font-size: 1.3em; } #file-input{ font-size: 0.8em; margin-top: 4%; } #file-input-wall,#file-input-gal,.file-input-wall-reply,#file-gal-wall,.file-input-comReply,#file-input-wall-stats{ visibility: hidden; } .flag-cmnt{ margin-left: 5%; } .flag-cmnt > a{ font-size: 0.8em; text-decoration: none; } .footer > p { font-size: 1em; } .footer{ white-space: nowrap; line-height: 0; background-color: lightgrey; bottom: 0; position: fixed; width: 100%; z-index: 10; height: 3.5em } .for-all-txt-dstp{ height: 3em; width: 39.5%; border: 0; border-radius: 0.25em; } .for-all-txt{ width: 99%; height: 3em; margin-left: -0.45em; border: 0; border-radius: 0.25em; } #forgot-pwd > a{ text-decoration: none; color: #000000; font-weight: bold; font-size: 1em; } #form-errors-sign-in,#form-errors-sign-in-sec,#form-error-fne,#form-error-lne,#form-error-eml,#form-error-reml, #form-error-pwd,#form-error-rpwd,#form-error-date,#error-show{ white-space: normal; color: #d43f3a; margin: 0.5em 0 0 1.5em; } #form-error-date{ margin-top: 0.5em; width: 90%; } .flg-algn{ width: 100%; } .flg-algn-img{ width: 1.8em; margin: 0 0.25em; } .friend-block,.follow-block,#joi-000-001,.subs-page{ width: auto; height:2.6em; text-decoration: none; font-weight: 600; color: darkgray; margin: 0.2em; cursor: pointer; } .image-show-all-gal{ text-align: center; } .friends-list > .friends-count, .image-show-all-gal > .friends-count{ font-size: 0.9em; color: blue; margin-bottom: 0.5em; text-decoration: none; float: left; width: 100%; } .friends-list > .friends-count{ text-align: center; } .friends-count a{ text-align: center; } div.friends-list > a.friends-count:hover{ color: #000; } .ppl-invt-view{ height: 11em; display: none; white-space: normal; border: 0.1em #ddd solid; overflow-y: auto; } .friends-list, .pictures-view, .photos-view, .videos-view, .favs-view, .create-gallery-popup, .create-video-popup,.folw-view{ height: 20.0em; display: none; white-space: normal; border: 0.1em #ddd solid; overflow-y: auto; } .friends-list{ margin-left: 0; text-align: center } .friends-list > .frnds-placing-cover, .videos-cover{ width: 100%; } .frnds-name > a{ line-height: 0.5em!important; font-size: 0.8em!important; } .frnds-name{ word-wrap: break-word; line-height: 0.8em; } .frnds-placing-cover > .frnds-placing{ width: 40%; margin: 1.2em 0.3em 0 0.3em; float: left; } .frnds-placing-cover > .frnds-placing img, .videos-cover > .video-wrap video{ width: 100%; float: left; display: inline; height: 5em; } .friendrequests,.followrequests,.joinRequest{ overflow-y: auto; padding: 0.2em; width: auto; white-space: normal; font-size: 0.8em; } .friendrequest-popup{ display: none; width: 20em; left: -10em; margin-top: 3.4em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); position: absolute; z-index: 1; } .friendrequest-popup:before{ left: 58%; content: ""; position: absolute; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #FEFCFD transparent; } .frd-012-lnk-010{ margin-left: 2em; } .gallery-area{ height: 10em; overflow: scroll; } #gallery-images li img,.galleries li img{ width: 100%; height: 12em; cursor: pointer; border-radius: 0.5em; } #gallery-images li{ list-style: none; width: 24%; float: left; margin: 0.23em; height: 12em; border-radius: 0.5em; background-color: #ccc } #gallery-name-more{ margin: 2.5% 10%; font-size: 0.9em; height: 1.5em; width: 80%; } #invt-ppl-join{ margin: 2%; font-size: 0.9em; height: 3em; width: 90%; } #gallery-name{ width: 80%; height: 3em; margin: 2.5% 10%; } #galPostBtn{ float: right; font-size: 1em; } .galry-lst-vid-med{ float: left; margin: 0.25em; width: 24%; height: 22em; } .galry-lst-vid-med video{ width: 100%; border-radius: 0.5em; background-color: #ccc; } .gmba-ownr-star .rec-cic-icn-str{ left: 25%; } #grp-000-001-mbl{ display: none; } #grp-000-001{ background-color: #000080; border-radius: 0.5em; text-align: center; bottom: 1em; position: fixed; left: 1.5%; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } #grp-000-001 > a{ color: #FFF; line-height: 30px; text-decoration: none; font-size: 1em; font-weight: bold; white-space: normal; padding: 0.3em; } .grp-012-mem-011{ margin: 0.5em; margin-left: 0.5em; text-decoration: none; height: 10.5em; float: left; } .grp-012-mem-011 > img{ width: 6em; height: 6em; margin-top: 1em; } .grp-all-txt-010{ white-space: normal; text-align: center; width: 12.5em; } #rec-top-cvr #vidPostBtn{ margin-left: 6em; } #vidPostBtn{ margin-left: 11em; font-size: 1em; } #group-name{ height: 2em!important; } #guest-user{ font-size: 0.6em; top: 45px; } #hdr-lft{ width: 40%; float: left; } #hdr-rgt{ width: 60%; float: left; } .header{ background: #18afff; width: 100%; height: 3.4em; position: fixed; z-index: 2; white-space: nowrap; font-size: 1.2em; } .headerwell { float: left; margin-top: 1em; margin-left: 1em; } .hedr-anchr{ padding-top: 70px; margin-top: -70px; } #hide-end-time{ display: none; } .hidden-choices{ display: none; position: absolute; } .hi-lt-biz{ color: #228B22; } .hi-lt-nme{ color: #000; } .hidden-choices li{ list-style: none; margin-left: -1.8em; } .hidden-choices li a{ text-decoration: none; font-size: 1em; color: #000; } .hidden-choices:before{ content: ""; position: absolute; top: 0.65em; left: 45%; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #FFF transparent; } .hide-dlt-cat{ display: none; width: 5em; position: absolute; margin-left: -5.5em; margin-top: -0.5em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 0.25em; background-color: #000; } .hlight,.hlightTagd,.hlightSeltd,.hlightBiz,.hlightRmvd{ display: block; background: #EBF4FA; } .hlightSts{ background: #CCFB5D; display: block; } .hlightTagd{ width: 51%; } .hlightBiz{ width: 31.2%; } .hlightShrd,.hlightIndShrd{ background: #F5F5DC; display: block; } .hlite-type{ font-size: 1.3em; color: #000AAA; font-weight: bold; margin-bottom: 1.5em; } .home-arrow{ margin-top: 0.6em!important; } .hme-arw{ color: #FAEBD7; cursor: pointer; font-size: 2.5em; float: left; margin-right: 0.4em; } .home-icon{ float: left; margin: 0 0.25em } .hme-crs-pntr{ cursor: pointer; color: #FAEBD7!important; } .fa.hme-icn-biz{ position: relative; margin-top: 5%; font-size: 1.3em; float: right; right: 7%; color: #FFF; } .bck-arrw,.fa.hme-icn-biz{ display: none; } .hr-line{ height: 0.1em; margin: 1em 0; width: 100%; float: left; background-color: #ccc; } .hvr-ovr-vid-med{ width: 100%; } .hvr-ply{ width: 100% } #img-caption{ margin-top: 1.0em; font-size: 0.7em; margin-left: 1.0em; } .img-cover{ position: relative; top: 1.0em; float: left; } #image-click > img, .image-click-reply > img,.image-click-select > img, .image-click-reply-resp > img{ width: 2em; height: 2em; cursor: pointer; } #img-comment{ width: 30%; margin: 0 auto; overflow-x: hidden; white-space: normal; overflow-y: auto; height: 40em; scrollbar-width: none; } #img-comment .shw-non-mbl{ margin-top: 0.3em; } #img-comment .cam-image-emo{ font-size: 1em; } #img-comment .emj{ margin-top: -0.6em!important } #img-comment a{ font-size: 0.81em; text-decoration: none; font-weight: bolder; cursor: pointer; } #over-img-com .tab-content-emojis-ini,#over-img-com .tab-content-emojis{ height: 8.3em; } #img-comment .rep-btn{ font-size: 1em; margin-left: 10%; } #img-comment-box{ margin: 0.5em 1.5em 0.5em 1.0em; display: none; width: 92%; } #image-click-gal{ height: 1.8em; width: auto; } #image-click-gal-diff{ margin-left: 2%; float: left; } .image-field{ margin-left: 1.0em; cursor: pointer; } #image-gal-click{ height: 1.5em; width: 1.5em; } .image-gal-com{ height: 1.25em; width: auto; cursor: pointer; } #img-error-msg{ text-align: center; font-size: 2em; margin-top: 20%; } #image-exist{ text-align: center; } #img-text,#rec-img-text{ height: 4em; resize: none; white-space: normal; background-color: #fff; font-size: 0.8em; display: inherit; border: 0.01em solid; overflow-y: auto; width: 100%; border-radius: 0.5em; } #image-previous{ margin-left: 1.5%; float: left; } #image-next{ width: 2.5%; float: left; } #image-next a { margin-top: 15%; text-decoration: none; float: left; color: #008000; font-size: 5em; font-weight: 300; } #image-previous a{ float: right; text-decoration: none; color: #008000; margin-top: 15%; font-size: 5em; font-weight: 300; } .image-show-all-gal > .image-wrap a{ margin-left: 0; } .image-show-all-gal > .image-wrap{ margin: 2.5%; float: left; width: 42.5%; } .image-wrap > .move-up{ position: relative; top: 0; left: 0; word-wrap: break-word; } .image-show-all-gal > .image-wrap img,.waiting-friends > .member-profile img{ width: 100%; height: 5em; } .image-show-all-gal:hover{ color: #000; } #img-error-msg{ text-align: center; font-size: 2em; margin-top: 20%; } .img-ext{ width: 50em; height: 40em; background-color: #000; float: left; } .indvl-aplcnt{ margin: 2%; } .indvl-shr-ntfy-pal,.indvl-shr-ntfy-pal-rec{ width: 16em; height: 4em; resize: none; margin-left: -2.5em; } .indvl-shr-pix-ntfy-pal{ width: 19em; resize: none; position: relative; z-index: 1; border-radius: 0.5em; height: 2.2em; } .indvl-shr-vid-ntfy-pal{ width: 19em; resize: none; } #info-wanted > p{ text-align: center; } #info-given,#info-wanted{ margin: 0 auto; display: none; width: 100%; } #info-given li{ list-style: none; width: auto; height: auto; } #info-given a{ text-decoration: none; display: block; line-height:1.50em; pointer-events: auto; color: #000000; width: auto; } #info-given > li{ float: left; } #info-given > li ul{ display:none; width: auto; height: auto; margin-top: 0; z-index: 999; position: relative; } #info-prof{ float: left; white-space: nowrap; margin-top: 3.5em; margin-left: 3.5em; } .input-adjust{ float: left; width: 25%; margin: 1%; height: 2.5em; } #input-vis{ cursor: pointer; display: none; margin-left: 10%; } .inpt-fnt{ font-size: 1em; } .invdl-evnt{ margin: 3em 0 8em 0; } .invtee-nms > a, #invtee-add > a{ cursor: pointer; text-decoration: none; color: #2B65EC; white-space: normal; } #invtee-add > a{ color: #7F5217; } #info-given > .close-btr a{ font-size: 2em; color: #FF0000; margin-left: 85%; cursor: pointer; } #infmtn{ font-weight: bold; width: 80%; white-space: normal; margin-left: 10%; margin-top: 1em; } #infmtn > li{ list-style: none; margin-left: 12%; margin-top: 0.5em; } #innr-001-111{ box-shadow: 0px 40px 16px 0px rgb(0 0 0 / 20%); margin: 0 auto; border-radius: 50%; height: 15em; width: 15em; text-align: center } #innr-001-111 > i{ margin-top: 0.5em; color: lightslategrey; font-size: 8em; } #innr-001-111-txt{ font-weight: bold; color: lightslategray; } #outr-001-111{ margin-top: 5%; } #intro, #reqmnt, #prohbt, #links, #liablty, #arbtratn, #termntn, #copyrgt, #chnges, #link-prvcy, #link-guide, #crtng, #btrng, #mdia, #cntnts, #employ, #crt-shre,#crt-indp,#crt-gemba,#vlt-gemba,#crt-int-def, #inf-usd, #hw-shre,#cnt-rsp,#embd{ font-weight: bold; width: 80%; white-space: normal; margin-left: 20%; margin-top: 1em; } #intro a, #reqmnt a, #prohbt a, #links a, #liablty a, #arbtratn a, #termntn a, #copyrgt a, #chnges a, #link-prvcy a, #link-guide a, #crtng a, #btrng a, #mdia a, #cntnts a, #employ a ,#crt-indp a,#crt-shre a,#crt-gemba a,#vlt-gemba a,#crt-int-def a, #infmtn a, #inf-usd a, #hw-shre a, #cnt-rsp a,#embd a{ text-decoration: none; } .invdl-evnt button{ font-size: 1.2em; margin-left: 80%; } .invt-count{ float: right; } .invt-count > span{ text-decoration: none; cursor: pointer; color: #079914; } #item-avail,#item-exch{ position: relative; margin-top: 3%; } #item-avail > a{ margin-left: 0; font-size: 1.0em; font-weight: bold; } #item-exch,#canc-incmplt-btr{ display: none; } #item-description,#item-desc-wanted{ margin-left: 10%; width: auto; float: left; position: relative; display: none; } #item-desc-wanted{ width: 50%; } #jail-after{ height: 2.5em; } .job-applcnts{ float: right; margin-top: 1.5em; margin-right: 1.5em; } .job-applcnts > a{ text-decoration: none; color: #A52A2A; } .job-dtls{ font-size: 1.1em; font-weight: bold; } .job-label{ text-align: left; margin: 1.5em; } .label-text{ width: 80%; } .left-container,.right-container{ width: 20%; float: left; height: 100%; display: block; } #left-wrap{ margin-top: 0.5em; margin-left: 0.5em; margin-bottom: 10em; } #left-wrap > a{ text-decoration: none; font-weight: bolder; } .lft-rgt-arr-001{ float: left; font-size: 4em; color: green; margin-left: 0.5em; margin-top: 2.5em; margin-right: 0.5em; } .up-dwn-arr-002{ display: none; } #l-g-message { font-family: sans-serif; color: #000000; font-size: 1.2em; } .like-comment{ cursor: pointer; color: darkgray; margin: 0.5em 0.3em 0 7em; } .like-comment-msk{ color: darkgray; } .like-vid{ margin-left: 25%!important; } .like-img-comment,.like-vid,.like-vid-comment{ cursor: pointer; color: #c0a16b; font-size: 0.7em; margin-left: 4em; } .like-vid-comment{ float: left; } #lnk-privcy, #guide-actvts{ font-weight: bold; white-space: normal; margin-top: 1em; } #lnk-privcy a, #guide-actvts a{ text-decoration: none; } .listng-itm{ margin-left: 2.5%; } .lks-cmn-010{ position: absolute; width: 100%; bottom: 15%; left: 30%; z-index: 1; } #location-add{ display: none; float: left; margin: 1.5em 10%; width: 100%; } .load-more{ height: 1em; } .load-more-vid-cmnt{ float: left; width: 100%; margin-top: 0.5em; padding-bottom: 2em; } .log-nme-001-011{ color: #fff; font-weight: 600; font: icon; font-weight: bold; font-size: x-large; position: absolute; top: 0.7em; } .log-nme-001-mbl{ display: none } #login-Activities,#login-Activities2{ font-size: 0.7em; } #login-allign-login{ float:left; margin-left:0; margin-top: 0.2em; font-size: 1.0em; width: 6%; } #login-allign-mail{ float:left; margin-left: 0.5em; margin-top: 0.25em; } #login-allign-stay-logged{ margin: 0.35em 0 0 2em; float: left; font-size: 0.8em } #login-allign-submit{ margin: 0.2em 0 0 0; float: left; position: relative; } #login-direct-2account,#login-direct-2account2,#login-direct-2account3{ padding: 1%; margin-left: 5%; } #login-bgrnd{ margin: 0 auto; margin-top: 10%; width: 50%; height: auto; white-space: nowrap; border: 0.2em solid #F1F1F1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #login-box-bottom,#login-box-top{ margin: 1.5em; } #login-box-middle{ line-height: 20px; } .login-direct:before,.login-direct-algn:before,#dym-text:before{ content:"*" ; color: red; } .log-crt-acct-direct:before{ margin-top: 1.5em; content:"*" ; color: red; position: absolute; } .login-direct-algn{ margin-left: -1em; } .login-direct{ margin: 5%; } #login-forgot-txt { margin: 10% 0 5% 10%; } #login-forgot-txt a { text-decoration: none; color: #000000; font-size: 1.2em; } #login-forgot-txt :hover{ font-weight: normal; text-decoration: none; color: blueviolet; } #login-gen-allign{ display: block; white-space: nowrap; width: 100%; float: left; margin-left: 5%; height: auto; } #login-submit{ position: relative; float:right; left: 0; padding: 5px; top: -1.5em; } #live-dsktp-001{ display: block; position: relative; top: 1em; left: 1em; } .main-home .shift-reply .new-drpdwn,.cat-nme .shift-reply .new-drpdwn,#biz-wrap .shift-reply .new-drpdwn{ width: 66%; } .main-home .response .new-drpdwn,.cat-nme .response .new-drpdwn,#biz-wrap .response .new-drpdwn{ width: 68%; } .mask { background: rgba(23,47,77,45); left: 0; top: 0; position: fixed; z-index: 99; width: 100%; height: 100%; -moz-opacity: 0.8; opacity: 0.5; transition: opacity 2s; transition-delay: 0.1s; filter: alpha(opacity=80); } #medium-right{ float: left; width: 20%; white-space: normal; display: none; } .mem-fam{ font-size: 0.75em; } .member-wrap{ white-space: normal; height: 17em; border-top: 0.2em #CCC solid; margin-bottom: 0; background-color: #FFFFFA; overflow-x: hidden; overflow-y: auto; text-align: center; } .message{ text-align: center; font-family: sans-serif; color: #000000; font-size: 1.2em; } #message1-cover,#message2-cover,#message3-cover{ padding: 5px; } #message2-cover .message a{ text-decoration: none; } #message2-cover .message a:hover{ color: #000000; background: #ddd; font-weight: normal; text-decoration: none; } #message-error{ text-align: left; font-family: sans-serif; color: #000000; font-size: 0.9em; margin: 20px 0 0 15px; } #message1-error{ text-align: left; font-family: sans-serif; color: #cc00cc; font-size: 1.0em; margin: 20px 0 0 15px; white-space: normal; } .rec-mobl-dspl,.mobl-dspl,.sidePnlMobl,.mobl-dspl-rgt{ display: none; } #mov-cht{ padding-top: 2em; } #msg-bdy-scroll{ height: 70%; overflow-y: auto; overflow-x: hidden; white-space: normal; border-top: 0.08em solid grey; font-size: 0.6em; background-color: #F0F8FF; } .msg-wgt-add{ margin-left: 2.5em; margin-top: 0.5em; font-size: 0.8em; } .msg-wgt-body{ padding-bottom: 1em; } .msg-wgt-header{ background-color: #6D84B4; text-align: center; height: 8%; z-index: 2; cursor: move; } .msg-wgt-header a{ text-decoration: none; font-weight: bold; color: #fff; vertical-align: middle; font-size: 0.7em; width: 90%; white-space: normal; float: left; word-break: break-all; } #msg-find-frnds{ height: 100%; } .msg-frnds-srch{ height: 2em; width: 98.6%; border: 0; resize: none; margin-left: 0.05em; } .msg-wgt-input { bottom: 0; height: 30%; border-top: 0.1em solid grey; width: 100%; margin-left: 0.1em; } #msg-wgt-footer{ height: 33%; margin-left: -0.1em; background-color: #F0F8FF; width: 99.92%; position: relative; bottom: 0; } .msg-wgt-frnds-msg{ height: 20.1%; background-color: #F0F8FF; overflow-y: auto; overflow-x: hidden; border-top: 0.08em solid rgba(0,39,121,0.76); white-space: normal; } .msg-wgt-friends{ height: 65%; background-color: #FEFCFF; overflow-y: auto; overflow-x: hidden; border-top: 0.08em solid rgba(0,39,121,0.76); white-space: normal; } #mth{ height: auto; margin: 1%; width: 30%; } .name-style{ font-weight: 600; color: blueviolet; } .name-stats{ float: left; position: relative; top: 0.7em; left: 0.35em; width: 85%; white-space: normal; } .nav-friends a, .video-album a, .admin-asgmnt a, .photo-album a, .video-list a, .fav-list a, .create-gallery a, .select-gallery a, .photo-album-display a,.evnt-pg-algn a, .emp-pg-algn a,.folw-list a,.person-invite-display a{ line-height: 2em; text-decoration: none; color: #000000; font-size: 1em; font-weight: bold; } .person-invite-display a{ color: #0909FF; } .new-drpdwn{ height: 11.2em; background-color: #fff; margin-left: 0em; position: relative; border: 0.15em solid #ddd; margin-top: 0.6em; } .new-drpdwn::before{ content: ""; position: absolute; left: 4em; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #fff transparent; } .replying-on-gallery .new-drpdwn{ margin-top: -1em; } .new-drpdwn-galry{ width: 88%; height: 12em; background-color: #fff; margin-top: -0.7em; position: absolute; border: 0.15em solid #ddd; z-index: 99999999; } .new-drpdwn-galry-fst{ width: 80%; height: 12em; background-color: #fff; margin-top: -1.1em; position: absolute; border: 0.15em solid #ddd; z-index: 999; } .new-drpdwn-galry-snd{ width: 83%; height: 12em; background-color: #fff; margin-top: -0.8em; position: absolute; border: 0.15em solid #ddd; z-index: 99999999; } .new-drpdwn-galry::before{ content: ""; position: absolute; left: 25%; top: -0.6em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.6em 0.6em; border-color: transparent transparent #ddd transparent; } .new-drpdwn-galry-fst:before{ content: ""; position: absolute; left: 24%; top: -0.6em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.6em 0.6em; border-color: transparent transparent #ddd transparent; } .new-drpdwn-galry-snd:before{ content: ""; position: absolute; left: 28%; top: -0.6em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.6em 0.6em; border-color: transparent transparent #ddd transparent; } .nme-container a{ font-size: 0.7em; text-decoration: none; } .name-place{ position: relative; top: -3em; cursor: pointer; } .nf-001-wrk{ margin: 0 1.5%; } .nme-ttl{ float: left; width: 100%; line-height: 0; } .nme-ava-biz-algn{ white-space: normal; } .num-vid-vws{ float: left; } .notf-btn{ float: right; font-size: 0.9em; } #o-sex{ margin-left: 2em; } #o-submit{ float: right; margin-right: 10%; } #over-vid-com > .new-drpdwn{ width: 100%; margin-top: 0.5em; } #over-vid-com > .new-drpdwn::before{ left: 4.4em!important; border-color: transparent transparent #ccc transparent!important; } #over-img-com > .new-drpdwn{ width: 100%; margin-top: -1em; } .over-img-gal{ height: auto; margin-bottom: 1em; width: 100%; } .over-name-page{ color: #000; text-align: center; white-space: normal; word-break: break-all; } .over-name-page > a{ font-size : 1em; } #over-post-btr{ width: 100%; } .over-reply,.over-reply-resp{ height: auto; margin-bottom: 0.5em; } #ovr101lay0112101{ width: 70%; height: 100%; margin-left: 15%; margin-top: -1.9em; } #page-admin{ display: none; width: auto; } #page-area > ul{ margin-left: -1em; overflow-x: auto; } #page-area > ul li a{ margin: 0; color: #307D7E; font-size: 1.3em; font-weight: bold; line-height: 1em; } #page-create { margin: 2em 0 1em 1em; } #page-create a{ text-decoration: none; color:sienna; } #page-information-cover,.add-new-place{ position: absolute; width: 45%; left: 25%; margin: 0 auto; margin-top: 2.5em; display: none; background-color: #F1F1F1; padding: 0.5em; border: 0.2em solid #ddd; font-size: 1.2em; z-index: 999; box-shadow: 0 0 20px #999; /* CSS3 */ -moz-box-shadow: 0 0 20px #999; /* Firefox */ -webkit-box-shadow: 0 0 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #page-name,#place-name,#place-purpose{ float: left; margin: 0 0.35em 0.35em 0.35em; width: 90%; border: 0.09em solid; } #page-purpose{ width: 81.3%; margin-left: 6%; } #pal-nme-evnt{ margin-bottom: 3%; width: 40%; } .personal-info{ margin: 0; white-space: normal; width: 100%; clear: both; float: right; } .grp-all-ava-010{ margin: 3.25%; float: left; height: 20em; } .grp-dsp-txt-021{ margin: 1em; font-size: 1.2em; color: #0000FF; } .grp-all-mem-011 > img{ width: 12.5em; height: 15.6em; } .grp-012-ava-010{ margin-top: 0.6em; white-space: normal; float: left; width: 32%; margin-bottom: 0.25em; margin-left: 0.25em; } #grp-all-pge-algn{ width: 100%; } .grp-011-txt-010{ margin-left: 0.5em; } .hr-sty{ height: 3px; background-color: purple; } #pge-001-mem,#pge-001-pges{ overflow-x: hidden; white-space: nowrap; overflow-y: hidden; } #picture-barter{ position: fixed; width: 100%; background-color: #F1F1F1; height: 100%; margin: 0 auto; display:none; font-size: 1.2em; z-index: 999999; } #picture-barter > a{ font-size: 1.5em; text-decoration: none; color: #d43f3a; } #picture-barter-detail{ position: fixed; top: 8.5%; width: 80%; background-color: #F1F1F1; height: 90%; margin-left: 10%; display:none; font-size: 1.2em; z-index: 100; } #picture-box{ display:none; position: fixed; overflow-y: scroll; width: 97%; height: 100%; background: #FFF; overflow: hidden; padding: 2%; z-index: 100; padding-top: 0; } #picture-box-lge{ background-color: #000; width: 75%; height: 100%; display:none; position: fixed; overflow: hidden; padding: 2%; z-index: 100; } #picture-box > button { font-size: 2em; color: red; font-weight: 600; position: absolute; left: 95%; } #plc-pst-dspl-cont .like-comment{ margin: 0.2em 0.75em!important; } .post-field > img{ height: 1.7em; width: 1.7em; } .cat-nme #postBtn{ margin-left: 14%!important; margin-top: 0.2em; } #postBtn{ font-size: 0.95em; margin-left: 14.5%; position: absolute; } #postBtnEvnt{ font-size: 1.2em; float: right; margin-right: 15%; } #post-event-form .emoji-drpdwn{ margin-left: -1.5%; } #post-event-form > .new-drpdwn{ margin-left: 2.5em; margin-top: 0; width: 50%; } #post-event-form > .new-drpdwn:before{ left: 7.7em; } #postImgBtn{ font-size: 1em; } #post-area .dropbtn-likes,#post-area .no-dropbtn-likes{ margin: 0.5em 0.3em 0 1em!important; } #post-area .shift-image{ margin-left: 10%; } .post-overall-cover{ background: #D9E9F1; height: auto; width: 60%; overflow: hidden; margin: 0 1%; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } .post-select-drop > img{ height: 1.7em; width: 1.8em; border-radius: 1em; background-color: #FFF; } .pref-info-area{ text-align: center; color: #3BB9FF; position: absolute; bottom: -0.5em; white-space: normal; } .pref-set-up-modal,.pref-bug-rpt-modal{ top: 5em; width: 50%; display: none; background: #FFF; font-size: 1.2em; z-index: 100; height: auto; border-radius: 1.5% 1.5% 1.5% 1.5%; left: 25%; position: fixed; overflow-y: auto; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } .pref-modal-hedr{ margin: 2%; height: 10%; } .pref-modal-hedr > h3{ padding: 2%; } .pref-tab-indx{ height: 100%; width: 100%; } #prv-ans-que{ margin-left: 30%; margin-top: 1.5em; } .privacy-cont-cover > #privacy-info-error{ position: absolute; margin-left: 0; } .post-field, .reply-field{ text-decoration: none; font-size: 1.0em; color: #000000; font-weight: bold; } .preview-mutl-close{ display: none; } .img-cover:hover .preview-mutl-close{ display: block; cursor: pointer; font-size: 1.8em; margin-left: 4em; top: 0; position: absolute; font-weight: bolder; color: red; } .preview-gal-resp{ position: relative; } .preview-gal-resp > img, .preview-gal-resp video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 6em; width: 7em; } .preview-gal-resp:hover > #preview-close-resp{ display: block; cursor: pointer; font-size: 1.2em; left: 9.0em; position: absolute; font-weight: bolder; color: #FF0000; } .prf-mdl-cls-btn{ position: absolute; right: 1em; top: 0; font-size: 2em; } .prf-mdl-cls-btn > a{ justify-content: center; height: 1.5em; width: 1.5em; color: red; text-decoration: none; } .pref-modal-bdy{ min-height: 0em; } .pref-modal-dlg{ width: 100%; } .pref-modal-left{ width: 30%; float: left; } .pref-modal-right{ width: 70%; white-space: normal; float: left; } .pref-modal-btn{ background: #FEFCFF; color: #FFF; width: 100%; cursor: pointer; border: 0; border-radius: 0.5em; margin-left: 0.2em; } .pref-mdl-icn{ position: relative; color: #4C4646; float: left; width: 1em; margin-right: 0.5em; } .pref-modal-btn:hover::before{ display: none; } .privacy-setn,.recovery-setn,.recess-setn,.comment-setn{ display: none; } .pref-mdl-sctn-nav{ color: #4C4646; float: left; } .pref-prv-pub-algn{ margin-left: 50%; } .pref-styl-desc{ font-size: 0.8em; margin: 2%; } .pref-styl-all-sectn{ margin: 1%; overflow-x: hidden; height: 19.5em; padding-bottom: 3em } #preview-avail-image{ width: auto; overflow-x: auto; height: auto; border-bottom: 0.15em solid #F1F1F1; } #preview-image-evnt{ width: 98%; overflow-y: auto; margin: 0 auto; } #preview-avail-image img, #preview-image-evnt img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 6em; width: 8em; margin: 0 0.15em 0.15em 0; } .preview-size img,#preview-image img, #preview-image-add-stats img, .preview-size video,#preview-image video,#preview-image-add-stats video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 8em; width: 10em; } #preview-image-com,#preview-image-gal,.preview-size,#preview-image,#preview-image-add-stats{ width: auto; } #preview-image-com img, #preview-image-com video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 6em; width: 8em; } #preview-image-gal img, #preview-image-gal video{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 8em; width: 10em; } #preview-image-close,#preview-close-resp{ display: none; color: #F62217; } #preview-image-closeGal{ display: none; margin-left: 5.5em; cursor: pointer; position: absolute; font-weight: bolder; color: #F62217; } #preview-image:hover > #preview-image-close,.preview-size:hover > #preview-image-close,#preview-image-gal:hover > #preview-image-close{ display: block; cursor: pointer; font-size: 1.8em; margin-top: 0em; margin-left: 5.5em; position: absolute; font-weight: bolder; } #video-form-gal #preview-image-gal:hover > #preview-image-close{ margin-left: 6.8em!important; } #preview-image-gal:hover > #preview-image-close{ margin-left: 8em!important; } #preview-image-com:hover > #preview-image-closeGal{ display: block; font-size: 1.5em; } .preview-gal-resp:hover > #preview-cls-img{ display: block; font-size: 1.5em; } #preview-cls-img{ display: none; position: absolute; left: 5em; color: #C11B17; cursor: pointer; } .prevButton{ margin-top: 1em; font-size: 1em; margin-left: 2%; } .privacy-cont-cover,.act-00-02{ margin-left: 10%; float: left; width: 100%; } #privacy-email{ margin-left: -0.5em; } #privcy-trms{ width: 90%; margin: 0 auto; font-weight: bold; } #privacy-req-first,#privacy-req-second,#privacy-req-third{ position: relative; top: -1em; width: 85%; white-space: normal; color: #FF0000; } .privacy-disp-resp{ display: none; position: relative; top: -1em; width: 85%; white-space: normal; } #pub-pvt{ width: 40%; } #pub-pvt-aft{ margin-left: 0.5em; width: 40%; } .pictures-view li > a, .photos-view li > a{ margin: 0.5em; } .priv-dom-cover{ float: left; width: 20%; } .priv-dom-cover-plce{ float: none; margin: 0 auto; width: 20%; } #privacy-body{ width: 100%; margin-left: 10%; padding-bottom: 4%; } #privacy-body > .cancel-popup, #privacy-body > #privacy-submit{ font-size: 1em; } #privacy-check-info,#act-000-001{ margin: 2em; height: 20em } #privacy-check-info,#security-quest,#security-no-quest,#act-000-001{ width: auto; background: #F1F1F1; padding: 2em 0 2em 0; } #privacy-continue,#privacy-subm,#privacy-ques,#privacy-no-ques,#privacy-rst-pwd,#secrty-continue,#act-000-006{ background-color: #6495ed; width: 70%; font-size: 1.2em; margin-top: 5% } #privacy-info-error,#act-000-005{ color: #d43f3a; width: auto; margin-left: 10%; float: left; } #privacy-quest-error,#privacy-rst-error,#privacy-no-quest-error{ color: #d43f3a; width: 60%; margin: 0 auto; white-space: normal; } .privacy-que-ans{ width: 85%; margin-left: 2%; height: 2.5em; } #privacy-setting-cover > a{ text-decoration: none; font-size: 1.1em; } #privacy-submit{ margin-left: 50%; } .prof-ovrd > a i{ color: #FAEBD7; } .prof-ovrd-bsness > a i{ color: greenyellow; } .privacy-lbl-txt,#privacy-que-text{ font-size: 1em; white-space: normal; } #privacy-rst-pwd{ margin-top: 1.0em; height: auto; margin-left: 0; } #prvacy-sentence,#act-000-003{ width: 70%; font-size: 1.2em; margin: 0em 0 1em 0; white-space: normal; float: left; } #privacy-setup{ overflow-x: hidden; } #privacy-ans-text,#first-que-inpt,#prvt-name-inpt,#second-que-inpt,#phone-txt-inpt,#email-txt-inpt,#pwd-inpt,#pwd-re-inpt,#privacy-rst-inpt{ width: 80%; height: 2.5em; } #prvt-code-inpt,#privacy-text-input{ height: 3em; width: 80%; } #privacy-txt-inpt,#act-000-004{ width: 90%; height: 3em; margin-left: -0.3em; } #privacy-text{ padding: 1em; width: 100%; } .privacy-text-size{ width: 100%; margin-bottom: 4%; height: 2.5em; } .privacy-text-size-cover{ width: auto; } .priv-txt-inpt-cov,.act-00-01{ width: 100%; float: left; margin: 0.5em 0; } .priv-inpt-cvr-ovly,.text-inpt-cover,.question-label{ width: 100%; float: left; } #privacy-que-cover{ margin-left: 10%; margin-top: 1.5em; } .home-icon i,.create-profile i,.profile-type-dropdown i{ margin-top: 1.6em; text-decoration: none; color: #fff; } .profile-type-dropdown{ float: left; margin: 0 0.1em; } .profile-update a, .dlt-vid a,.dlt-vid-ply{ text-decoration: none; font-family: sans-serif; font-size: 0.75em; } .profile-update ul li, .dlt-vid ul li,.dlt-vid-ply ul li{ list-style: none; border-bottom: 0.1em #fff solid; } .profile-update ul, .dlt-vid ul,.dlt-vid-ply ul{ background: #FEFCFC; padding: 1em 0 1em 1em; line-height: 1.1em; } .dlt-vid ul li,.dlt-vid-ply ul li{ margin-top: -1.2em; } .dlt-vid,.dlt-vid-ply{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8); margin-top: 0.5em; background-color: white; border-radius: 0.8em; } .profile-form-int{ text-align: center; } .profile-form-int > p{ margin-top: 0; margin-left: 12em; } .profile-form-int-logo{ text-align: center; font-size: 0.7em; } .profile-info,#privacy-setup{ position: fixed; top: 3em; width: 60%; height: auto; margin-left: 20%; display:none; background-color: #ecf5f5; font-size: 1.2em; z-index: 999; box-shadow: 0px 0px 20px #999; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } #profile-pic-box:hover a, #profile-biz-box:hover a,#profile-logo:hover a{ display: block; } #profile-logo{ width: 200px; height: 200px; border-radius: 50%; overflow-y:hidden; overflow-x:hidden; margin-top: -7.5em; margin-left: -0.1em; background-color: #E9EFEE; z-index: 1; position: relative; } #profile-pic-box, #profile-biz-box{ margin: 0 auto; overflow-y:hidden; overflow-x:hidden; height: 25em; width: 750px; font-size: 1em; background-color: #2C3539; } #tgl,#tgl-categ,#tgl-biz,#tgl-logo{ display: none; position:absolute; z-index:10; background:#D8F08E; border:#81A332 1px solid; border-radius:3px; padding:5px; font-size:12px; text-decoration:none; color:#60750B; } #tgl-logo { margin-top: 7.5em; margin-left: 2em; } #profile-pic-box > #profile-form, #profile-biz-box > #profile-form-biz, #profile-form-categ, #profile-logo > #profile-form-logo{ display:none; opacity:0.8; background-color: #E5E4E2; width: 100%; float: left; } #profile-pic-box a > img, #profile-biz-box a > img{ width: 100%; margin: 0; } #profile-pic-box > img, #profile-biz-box > img{ width: 100%; height: 100%; margin: 0; } .pwd-aln{ margin-top: 0.5em; } #rec-btn-vid-msk > button{ float: right; margin-right: 1em; margin-top: -0.5em; } .rec-biz-nme-dsk{ display: none; } #rec-cmnt-hold{ z-index: 1; position: fixed; color: #FFF; text-align: center; height: 0; bottom: 7.5em; font-size: 0.8em; height: auto; width: 22.5%; white-space: normal; } #rec-cvr-all-undr{ padding: 0.01em 0.01em 2em 0.01em; border-radius: 1em; margin: 0.5em 1.5em 0 0.5em; float: left; width: 90%; } #rec-data-entr-plc,#embed-url-video{ display: none; margin-bottom: 3em } #embd-vid-pub{ float: right; width: 3.5em; height: 1.5em; margin-top: -0.5em; font-size: 1.5em; } .rec-drop-zone { width: 50%; height: 12em; padding: 1.56em; text-align: center; font-family: "Quicksand", sans-serif; font-weight: 500; font-size: 1.25em; cursor: pointer; color: #cccccc; border: 0.2em dashed #ccc; border-radius: 0.625em; margin: 0 auto; position: relative; top: 1.6em; overflow-y: auto; overflow-x: hidden; padding-bottom: 5em; } #rec-exp-wde{ position: absolute; top: 0.25em; left: 68.5%; } #rec-exp-ret-wde{ position: relative; color: #FFF; left: 70%; cursor: pointer; } #plc-pst-dspl-cont .over-reply-resp .new-drpdwn{ width: 63%; } #plc-pst-dspl-cont .style-under-rep-resp{ width: 59%; } #plc-pst-dspl-cont .reply-boxes .style-under-rep-resp{ width: 73%; } #plc-pst-dspl-cont .over-reply-resp .new-drpdwn .tab-emoji li a { font-size: 1em !important; } #plc-pst-dspl-cont .over-reply-resp .tab-content-emojis-ini, #plc-pst-dspl-cont .over-reply-resp .tab-content-emojis { height: 6.2em !important; } #plc-pst-dspl-cont .reply-text-resp{ width: 63%; } #plc-pst-dspl-cont .cancel-preview-reply-image{ margin-left: 8em; } #plc-pst-dspl-cont .reply-post-image{ margin-left: 27%!important; } #plc-bck-to-recs{ text-align: center; margin-top: 1em; } #plc-bck-to-recs a{ text-decoration: none; } #rec-myplc-all-cvr{ margin: 0 auto; width: 50% } #plc-pst-dspl-cont .reply-resp-image{ margin-left: 10%; font-size: 1em; } #rec-dsp-cvr-all .new-drpdwn{ width: 55%; top: 1em; float: left; } #rec-dsp-cvr-all .new-drpdwn::before{ left: 11em!important; border-color: transparent transparent #ccc transparent; } #rec-lst-cmn-rgt-btm .siz-vid{ margin-left: 15%; width: 70%!important; height: 10em!important; } #rec-myplc-all-cvr #rec-vid-fel-cvr{ left: 0!important; } #plc-pst-dspl-cont .style-data-under-resp{ left: -0.5em; width: 65%; } #rec-pst-dspl-cont .suggessted-pal-ind-notfy{ margin-left: -2.75em!important; width: 25em!important; border-radius: 0.5em; } #rec-lst-cmn-rgt-btm .status-boxes-vid{ width: 90%!important; } #rec-lst-cmn-rgt .new-drpdwn{ margin-top: -1em!important; } #rec-pst-dspl-cont .actn-on-pst{ margin-left: -20%!important; } #rec-lst-cmn-rgt .emoji-drpdwn{ position: relative; top: -0.2em; left: 0.7em; margin-left: 0!important; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .actn-shft-flg{ margin-right: 0.5em; margin-left: -1.8em!important; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .replying-on-gallery-shft .vid-tme-algn{ width: 100%; float: left; margin-bottom: 0.5em; margin-top: -0.7em; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn, #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .vid-tme-algn{ width: 100%; float: left; } #rec-lst-cmn-rgt .replying-on-vid-gallery-resp .cancelling-reply{ margin-left: 0!important; margin-right: 0!Important; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .avatar-gal, #rec-picture-box-fill #rec-lst-cmn-rgt-btm .avatar-gal, #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .avatar-gal-empty{ float: left; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn { margin-bottom: 0.5em; } #rec-picture-box-fill #rec-lst-cmn-rgt-btm .rec-cnt-for-algn .vid-tme-algn{ margin-top: -0.5em; } #rec-lst-cmn-rgt-btm .responding{ width: 80%; margin: 0 auto; } #rec-fom-post{ float: right; font-size: 1.5em; margin-top: -0.5em; } #sub-fom-post{ font-size: 1.25em; margin-left: 11em; } /*#dnte-pyt-box{ margin-left: 1em!important; display: none; margin-top: 1em; width: 22em!important; }*/ #sub-pyt-box/*,#dnte-pyt-box*/{ width: 25em; border: 1px solid #000; padding: 1em; margin-left: 15em; } #sub-nme-fld{ width: 15em; margin-left: 0.5em; } #sub-cad-num{ width: 15em; margin-left: 1em; text-align: center; } #sub-mnt-fld,#sub-yr-fld{ width: 2em; text-align: center; } #sub-scs-fld{ width: 2.5em; text-align: center; } #rec-lst-cmn-rgt{ width: 30%; float: left; display: none; } #rec-lst-cmn-rgt-top{ width: 90%; margin-bottom: 1em; margin-left: 0.5em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; padding: 0.5em; } #rec-lst-cmn-rgt-btm{ width: 100%; margin-left: 0.5em; height: 70vh; overflow-y: auto; padding: 0.5em; } .rec-rgt-chv-cvr{ position: relative; float: left; } #rec-lst-med-lft{ width: 100%; float: left; margin-top: -3em; height: 100%; background-color: #040711; } .rec-vid-all-cntrl{ margin-top: -3em; position: absolute; width: 60%; } #rec-med-cvr-msk-icn{ width: 27em; margin: 0 auto; position: relative; top: 1em; } #rec-med-on-msk > video{ object-fit: fill; width: 100%; height: 36em; border-radius: 1em; } #rec-othr-alg-btm{ position: relative; display: flex; left: 4em; bottom: 0.5em; } .rec-pst-cncl{ position: relative; left: 24%; width: 50%; } .rec-drop-zone-thumb { width: 10em; height: 10em; border-radius: 10px; overflow: hidden; background-color: #cccccc; background-size: cover; position: relative; margin: 0.2em; } .rec-actn-on-shre{ margin-top: 1.9em!important; } #sel-txt-area-embdb{ width: 20em!important; } .rec-prv-img-titl .rec-ind-img-sel{ width: 9em; height: 3em; margin-top: 0.4em; margin-left: 0.3em; font-size: 0.88em; } .rec-lbl-sty{ cursor: pointer; font-size: 0.7em; color: #000; position: relative; float: left; top: 0.5em; width: 100%; } .rec-prv-img-titl .rec-cmnt-hide .emj-mn{ height: 1em !important; width: 1em !important; margin-top: 0.5em; } .rec-prv-img-titl .rec-cmnt-hide .new-drpdwn::before{ left: 4.5em!important; } .rec-prv-img-titl .rec-cmnt-hide .new-drpdwn{ margin-top: 0.3em!important; } .rec-sel-all-val{ display: none; width: 10em; margin-top: 0.3em; height: 1em; resize: none; overflow-y: hidden; } .rec-shw-for-all,.embd-shw-for-all{ width: 55%; } .rec-status-boxes .cancel-preview-reply-image{ margin-left: 18%!important; position: absolute; } .rec-status-boxes .reply-post-image{ margin-left: 73%!important; } #rec-picture-box-left{ background-color: #000; width: 100%; height: 100%; display: none; position: fixed; overflow: hidden; padding: 1%; z-index: 100; float: left; } #rec-picture-box-fill{ background-color: #000; width: 70%; height: 100%; display: none; position: fixed; overflow: hidden; padding: 1%; z-index: 100; float: left; } #rec-picture-box-right{ background-color: #FFF; width: 30%; left: 70%; display: none; height: 100%; position: fixed; overflow: hidden; padding: 1%; z-index: 100; float: left; } #rec-picture-box-right #img-comment{ width: 100%; } #rec-picture-box-right #img-comment a{ font-size: 0.85em!important; } #rec-picture-box-right .suggessted-pal-ind-notfy{ padding-left: 0.25em; width: 15.25em!important; margin-top: -0.15em; border-radius: 0.25em; margin-left: -2em!important; } #rec-picture-box-right .indivi-share-ntfy{ margin-left: -3.5em; } #rec-top-cvr .indivi-share-ntfy{ margin-left: 25%; margin-top: 1em; position: relative; } #rec-top-cvr .indvl-shr-ntfy-pal-rec{ width: 18.5em!important; border-radius: 0.5em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } #rec-top-cvr li{ list-style: none; } .rec-all-vid-cmnt{ float: left; width: 24%; margin: 0.2em; height: 30em; } #rec-vid-cntrl-msk{ position: absolute; left: 65%; z-index: 2; top: 7em; } .rec-wrp-bth .actn-vid-pst{ margin-left: 1em; } #rec-othr-alg-btm .shw-abt-rec-vid .actn-vid-pst > ul{ margin-top: 0!important; } #recNextBtn{ height: 3em; width: 3em; border-radius: 50%; background-color: aliceblue; position: absolute; top: 19em; left: 90%; z-index: 1; cursor: pointer; } #recPreviousBtn{ height: 3em; width: 3em; border-radius: 50%; float: left; background-color: aliceblue; margin-top: 16em; z-index: 1; cursor: pointer; } .re-li-el-algn{ margin-left: 10%; margin-bottom: 1.5em; } .re-li-el-algn-img{ margin-bottom: 1.2em; } .re-li-el-algn-img > .shw-abt-galry{ margin-top: 1.5em; } .re-li-el-algn-img > .shw-abt-img{ margin-top: 0.5em; } .re-li-el-algn-img > .shw-abt-img .actn-on-pst ul{ margin-left: -5em!important; } .rel-inr-algn{ width: 10%; float: left; } #rmv-button-lge{ float: right; color: red; font-size: 1em; font-weight: 900; position: relative; z-index: 1; } .reply-post-image{ margin-left: 14.5%; font-size: 1em; } .reply-resp-boxes{ margin-top: 1em; margin-left: 12%; font-size: 0.9em; } .reply-resp-boxes-image{ margin-left: 3.0em; position: relative; font-size: 0.9em; margin-top: 0.3em; width: 85%; } .reply-resp-boxes-image .actn-on-pst > ul{ margin-left: -10em!important } #biz-wrap .reply-resp-image{ margin-left: 17.5%; } .cat-nme .reply-resp-image{ margin-left: 16.5%; } .reply-resp-image{ margin-left: 9%; } .reply-text,.reply-text-resp{ min-height: 3em; resize: none; white-space: normal; border: 0.001em solid #ddd; background-color: #fff; display: inherit; } .reply-text-image,.reply-text-img-rep{ height: 3.5em; resize: none; white-space: normal; width: 85%; border: 0.01em solid #ddd; font-size: 0.7em; background-color: #fff; display: inherit; overflow-y: auto; } .reply-text-img-rep{ width: 85%; } .replying-on-vid-gallery-resp .reply-text-img-rep{ width: auto; } #pgt-000-001{ margin-left: 6%; float: left; } .req-field{ font-size: 1.1em; font-weight: lighter; margin: 0 auto; padding: 0.2em; width: 90%; } .req-field > label{ display: none; } .responding{ position: relative; width: 100%; } .ret-add-info,.ret-err-info,#ret-invt-info{ color: #FF0000; text-align: center; white-space: normal; } .ret-add-info-cls{ color: #008000; text-align: center; } #rmv-barter-butn,#rmv-dtl-btn{ float: right; color: #FF0000; font-size: 1.5em; font-weight: bold; } .response{ margin-left: 8%; font-size: 0.9em; margin-top: 1.5em; width: auto; } .return-to-page{ text-align: center; white-space: normal; } .return-to-page a{ text-decoration: none; font-size: 1.2em; font-weight: bold; color: black; } #rmv-image{ width: 40em; height: 40em; float: left; display: block; margin-left: 5em; } #rmv-image:hover{ width: 50em; margin-left: 0; } .rmv-image-shre{ width: 50em; height: 25em; display: block; margin: 0 auto; } .replying-on-gallery{ margin-left: 10%; width: 84%; } .replying-on-vid-gallery-rep{ margin-left: 10%; width: 40%; margin-bottom: 2.5%; } .replying-on-vid-gallery-rep .reply-text-image{ width: 100%!important; } .replying-on-vid-gallery-rep .reply-gal-com,.replying-on-vid-gallery-resp .reply-gal-com-rep{ margin-top: -1.5em!important; } .replying-on-vid-gallery-rep .emoji-drpdwn img,.replying-on-vid-gallery-resp .emoji-drpdwn img{ margin-top: -0.4em; } .replying-on-vid-gallery-resp{ margin-left: 10%; width: 46%; } .replying-on-gallery-shft{ margin-left: 15%; } .reply-gal-com{ margin-left: 3em; } .reply-gal-com-rep{ margin-left: 1.5em; } #rec-dsp-cvr-all{ margin-left: 32%; margin-top: 1em; } #rec-vid-fel-cvr{ width: 50%; position: relative; top: 0.5em; } .rec-biz-grp{ width: auto; height: 32em; margin: 0 auto; margin-top: 5em; } #rec-container-center{ float: left; width: 60%; padding-bottom: 10em; margin-left: 20%; } #rec-container-right{ float: left; width: 20% } #rec-data-my-plc .rec-drop-zone{ max-width: 15.2em; overflow-y: hidden; overflow-x: hidden; top: 0.5em!important; height: 16em!important; } #rec-top-cvr .emj{ margin-top: -0.5em; } .req-ans{ width: 20em; height: 2em } .rqst-invt{ float: right; margin-right: 25%; } .rqst-invt > a{ cursor: pointer; text-decoration: none; color: #7F38EC; } .rsm-ltr{ float:left; width: 100%; font-weight: bold; } .rmv-job{ float: right; } .rmv-job > button{ font-size: 1.1em; } .right-container{ float: right; } .rsme-fram{ width: 99%; height: 30em; float: left; margin-bottom: 3em; } #rtn-names{ margin: 0 auto; width: 90%; overflow-y: auto; } #rtn-names li a > img{ height: 7.5em; width: 8em; } #rtn-names li{ list-style: none; margin-top: 0.5em; } #rtn-names li a{ text-decoration: none; font-size: 0.8em; } #resm-chce{ font-weight: Bold; color: #3EA055; margin-left: 10%; } .search-box{ float: left; margin-left: 1.8em; margin-right: 1.5em; } #security-pwd-reset,#act-000-002{ margin-left: 15%; padding-top: 1.5em; } #sex-submit-co{ margin-top: 1.5em; } #sel-sentence{ font-size: 1em; } #sel-likely{ width: 20%; margin-left: 5em; } #selct-arrow,#selct-arrow-desk{ position: relative; color: #8f8f8f; font-size: 0.6em; right: 0; } #selct-arrow-prv{ position: relative; color: #8f8f8f; font-size: 0.6em; } #sel-txt-area-rec-sel-all-hdn{ width: 20em!important; } #selected-country-code{ float: left; padding-top: 0.5em; } #selected-country-code-desk{ float: left; } #selected-country-code-top{ padding-top: 0.3em; font-size: 0.75em; float: left; } #selected-country-code-one{ margin-top: 0.85em; float: left; font-size: 0.9em; } .selected-emal-cntry-code{ margin-left: 4%; } #selected-country-code-arrow-top{ background-color: #fff; height: 1.3em; } #select-login-email-wrap{ float: left; width: 100%; } #selected-us-state{ height: 3em; margin-left: 2%; } #selected-username-country-code-top{ float: left; } #selected-username-country-code-prv{ width: 50%; } #selected-username-country-code-prv{ width: 50%; } #sel-cntr-arw-cont{ cursor: context-menu; display: none; width: 14%; float: left; height: 41px; } #sel-cntr-arw-one{ cursor: context-menu; display: none; width: 6%; float: left; height: 2.65em; background-color: #fff; } #sel-cntr-arw-top{ cursor: context-menu; display: none; width: 6%; float: left; height: 2em; margin-top: 0.145em; } #sel-cntr-arw-crt{ cursor: context-menu; display: none; width: 14%; float: left; height: 2.65em; background-color: #fff; border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; } #sel-cntr-arw-prv{ cursor: context-menu; display: none; width: 10%; float: left; height: 1.99em; background-color: #fff; } #embd-chOpt-selOpt-all{ top: 1.5em; left: 4.5em; } .selected-emal-cntry-shft{ margin-left: 0.2em; } .sel-wrap-code-arrw{ padding-top: 0.9em; font-size: 0.9em; } .sf-text-input4,.sf-lcn-prd-inp{ width: 25em; margin-left: 0; margin-top: 3%; height: 1.55em; border:1px solid #0076a3; border-right:0px; border-radius: 0.25em; font-size: 1em; } .sf-lcn-prd-inp{ width: 28em!important; height: 2.1em!important; font-size: 0.7em; border: solid 0.1em; margin-top: 1%!important; } .sgst-frnd{ margin: 0 auto; } .share-info-add{ width: 60%; height: 2.5em; font-size: 1em; } .share-info-cls{ width: 45%; height: 2em; float: right; margin-right: 2em; } .share-year-month-day{ display: none; } .share-non-label-align{ margin-left: 30%; } .share-space{ background-color: lightgrey; margin-right: 1%; font-size: 1em; } #sel-chOpt-selOpt-all{ float: none!important; } .shft-data, .shft-dta-undr{ margin-left: 10%; font-size: 0.8em; } .shft-rqst{ width: 1.7em; font-size: 1.2em; color: darkgray; } .shft-vid-data{ margin-left: 10%; margin-top: 1em; font-size: 0.8em; margin-bottom: 1em; } .shift-icon{ margin: 1em 2em; } .shw-abt-vid{ float: right; cursor: pointer; } #shr-embded-vid{ float: left; position: relative; top: 1.5em; left: 18%; } #video-contner-left .actn-shft-flg,#video-comment-box .actn-shft-flg{ margin-left: -1.5em; width: 1.5em; } .shw-abt-vid-cmnt{ margin-left: 65%; cursor: pointer; position: relative; } .shw-abt-cmnt{ color: gray; font-size: 0.8em; cursor: pointer; margin: 0.5em 1.5em; float: right; } .shw-abt-galry{ color: gray; font-size: 0.8em; cursor: pointer; position: relative; float: right; margin-right: 25% } .shw-abt-img{ color: gray; font-size: 0.8em; cursor: pointer; position: relative; float: right; margin-right: 25% } .shw-abt-prfl,.shw-abt-bizns,.shw-abt-admn{ color: gray; font-size: 0.8em; cursor: pointer; margin: 0.5em 1.5em; } .vid-dlt-001,.vid-dlt-000-001{ color: gray; font-size: 0.8em; cursor: pointer; margin: 0; float: right; } .shw-abt-evnt{ margin-right: 50%; } #shw-flwr{ margin-left: 1em; } .shw-fr-mbl{ display: none; text-align: center; } .shw-non-mbl{ display: block; } #shw-us-ste{ display: block; } #shw-us-not{ display: none; } #shw-us-ste > input{ margin-left: -0.1em; } #shw-us-not > input{ margin-top: 0; } .shw-the-choice{ display: none; position: absolute; background-color: #f1f1f1; min-width: 5em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: 3em; } .shw-the-drpdwn-chc a:hover{ background-color: #ddd; } .shw-the-drpdwn-chc:hover .shw-the-choice{ display: block; } .show-name{ float: left; width: 50%; } #sho-avail-btr{ white-space: normal; margin-top: 1.2em; margin-left: 3%; } #sho-avail-btr a{ text-decoration: none; font-weight: 500; color: #151B8D; } .show-inner > button{ font-size: 1.2em; } .show-inner{ padding: 2em; } .show-lbl-prfl{ color: #000; } #shw-to-mbl,.sidePnlMobl{ display: none; } #shw-reco-mobl{ display: block; } .showing-no-job{ text-align: center; white-space: normal; font-size: 1.5em; } .showing-jobs{ background-color: beige; margin: 0 2% 4% 2%; white-space: normal; } .shift-image{ height: 25em; width: 80%; margin-top: -1em; margin-bottom: -0.27em; background-color: #000; } .shift-image-rep{ height: 16em; margin-left: 1.5em; margin-bottom: -1.3em; background-color: #FFFFF7; width: 60%; } .cat-nme .shift-image-rep-resp{ height: 14.5em!important; } #biz-wrap .shift-image-rep-resp{ height: 15em!important; } .shift-image-rep-resp{ height: 14em; margin-left: 1.5em; margin-top: -1em; margin-bottom: -1.3em; background-color: #FFFFF7; width: 55%; } .shft-top{ width: 100%; margin: 0 20%; } .sndr-msg{ margin: 1em; font-size: 0.7em; float: left; position: relative; white-space: normal; } .show-more{ margin-bottom: 2em; } .share-cancel-rmv{ font-size: 1.1em; } #share-hide-born{ display: none; } .share-overall-cover{ background: #D4F0FF; height: auto; border: solid 0.01em #F1F1F1; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } .share-with-rmv > h3{ text-align: center; font-size: 1.1em; color: #3282e6; } .share-end-time,.share-start-time,.share-only-time{ margin-right: 1em; font-size: 0.85em; font-weight: bolder; } .share-only-time{ font-weight: normal; } .share-end-time{ margin-right: 2.5em; } .share-info{ width: 20em; height: 2em; } .share-pronounce{ margin-left: 6em; } .share-info-sel-frnd{ width: 80% !important; } .shr-pix{ margin-left: 20%; cursor: pointer; margin-top: 1em } .shr-pix > a{ color: darkgray; } .shr-pix button{ margin-left: 1.5em; } .shr-vid{ margin-left: 12%; cursor: pointer; position: absolute; } .shr-vid > a{ color: darkgray; } .shre-info-add-txt{ width: 60%!important; } .share-info-add-text{ width: 86%!important; border-radius: 0.5em; } .share-info-add-text,.share-info-sel-frnd,.shre-info-add-txt{ height: 2.5em; width: 50%; border: 0.1em solid #ddd; overflow-x: hidden; resize: none; font-size: 1em; margin-top: 3%; } .share-move-up{ margin-top: -0.8em; } .share-with-cover{ margin: 2% auto; width: 98%; } .share-save-info{ margin-left: 10%; font-size: 1.1em; } .share-label-align{ float: left; font-size: 1em; width: 32%; margin-left: 0.6em; } .share-label-cls{ width: 25%; font-size: 1.2em; } .share-rmv{ padding-top: 3%; width: 100%; } .share-rmv a{ cursor: pointer; } .indivi-share-ntfy .shf-shr-btn{ margin-left: 3em!important; } .shf-shr-btn{ margin-left: 3em; position: relative; z-index: 1; } #shw-fre-wrk-sze,#shw-flwr-qty-001{ display: none; position: absolute; background-color: #ccc; width: 5em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: 10em; border-radius: 0.3em; } #shw-fre-wrk-sze li a,shw-flwr-qty-001 li a{ color: #000; } #sign-up-box-bottom{ margin-top: 1.0em; } #sign-up-box-middle{ margin-top: 1.0em; } .sign-size{ font-size: x-small; position: relative; top: -0.3em; } .siz-img{ margin-left: 15%; width: 70%; height: 15em; } .siz-img-rep{ margin-left: 10%; width: 70%; max-height: 12em; } .siz-vid-rep{ margin-left: 10%; height: 10em; width: 20em; } .siz-img-resp{ margin-left: 10%; width: 70%; max-height: 10em; } .siz-vid-resp{ height: 15em; margin-left: 10%; width: 15em; } .siz-vid{ height: 15em; margin-left: 10%; width: 25em; } .slide-indiv a >img{ width: 10em; margin: 0.4em; height: 100%; border-radius: 0.5em; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #A52A2A; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2.5px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #4CC552; } input:focus + .slider { box-shadow: 0 0 1px #CCC; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .side-cover{ margin-top: 30%; text-align: center; font-size: 1.5em; } .slider.round { border-radius: 1em; } .slider.round:before { border-radius: 50%; } #slide-right,#slide-left{ text-decoration: none; font-size: 2em; font-weight: bolder; } #slide-left{ float: left; margin-top: 21%; margin-left: 15%; } #slide-right{ float: right; margin-top: -43.8%; margin-right: 15%; } #slide-show{ width: 92%; text-align: center; float: left; height: 100%; } #sli-pre-ch,#sl-nxt-ch{ margin: 15%; position: absolute; text-decoration: none; font-weight: bolder; font-size: 2em; top: 0; } #sl-nxt-ch{ margin-left: 81.5%; } #snap-cam-barter{ font-size: 1em; margin-left: 5em; } .snapping{ font-size: 0.5em; height: auto; width: auto; position: absolute; left: 12.8em; } #snap-cam-comment{ font-size: 1em; } #snap-cover,#snap-cover-biz{ position: relative; top: -0.3em; } #creating-event #snap-cover-post{ margin-left: 17%!important; } #snap-cover-post{ margin-left: 1%; position: absolute; } #snap-cover-post > #snap-post{ font-size: 0.9em; } .snap-cover-reply{ margin-left: 2.5%; position: absolute; } .snap-cover-reply-resp{ margin-left: 1.5%; position: absolute; } .space-desc{ float: left; width: 82%; min-height: 6em; margin-left: 0.5em; white-space: normal; } .srch-icon{ margin-left: -1em; height: 0; cursor: pointer; } .srch-icon-btr{ position: relative; top: 0.15em; left: -1.1em; cursor: pointer; } .srch-icon:hover{ background-color: lightcyan; } .stats-chat-wrap,.stats-chat-wrap-top{ float: left; width: 100%; } .stats-chat-wrap-top{ height: 1.5em; } .stats-elemnt{ float: left; margin-left: 0.5em; } .stats-circle{ width: 0.8em; height: 0.8em; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; line-height: 1em; padding: 0.1em; vertical-align: middle; } .stats-word{ font-size: 0.7em; } #statusui .cam-image-emo{ font-size: 1.25em; cursor: pointer; } .status-boxes{ background-color: #FFF; margin: 5% 10%; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); width: 70%; padding: 1em; border-radius: 1em; } .status-boxes-img{ background-color: #FFF; padding: 1em; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); margin: 1em 0 1em 1em; border-radius: 1em; } .status-boxes-vid{ background-color: #FFC; width: 100%; float: left; margin: 2.5% 0; padding: 1% 0 1% 1%; background-color: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } #statusui{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; padding: 1em; width: 50%; } #status-post-wrap{ float: left; width: 100%; margin-top: 3em; } #status-post-wrap #add-text-status{ margin-left: 9%; } #status-post-wrap #suggessted-pal{ z-index: 1; } #statusui > a{ text-decoration: none; color: #000000; font-size: 1.0em; } .style-data{ position: relative; padding-top: 0.2em; background: #fff; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: auto; border: 0.15em solid #FFF; margin-top: 0.25em; } .style-data>p{ padding-left: 0.5em; margin-top: 0; white-space: normal; word-wrap: break-word; } .style-data:before{ content: ""; position: absolute; left: -0.1em; top: -0.75em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.05em; border-color: transparent transparent #FFF transparent; } .style-chat{ position: relative; background: #98AFC7; border-radius: 0.5em; height: auto; margin-left: 1.5em; white-space: normal; } .style-chat:before{ content: ""; position: absolute; left: 95%; top: -0.75em; width: 0; height: 0; border-style: solid; border-width: 0 0.05em 0.8em 0.8em; border-color: transparent transparent #98AFC7 transparent; } .style-resp{ position: relative; background: #FFF; border-radius: 0.5em; height: auto; margin-left: 1.5em; white-space: normal; } .style-resp:before{ content: ""; position: absolute; left: 0.1em; top: -0.75em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.05em; border-color: transparent transparent #FFF transparent; } .style-data-chat{ width: 85%; margin-top: 1.5em; padding: 0.1em; } .style-resp-chat{ width: 85%; margin-top: 1.5em; margin-left: 2%; } .sub-category-cover{ font-weight: bold; line-height: 0.8; list-style: none; margin: 0; padding: 0 0 0 0.5em; outline: 0; border: 1px; border-top: 0; overflow: auto; top: 1px; position: relative; display: none; } .sub-categ-list-cover{ padding: 0; margin: 0 0 0 0.1em; } .sub-categ-list{ padding: 0.1em; border-bottom: 1px solid #ddd; cursor: pointer; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; list-style: none; } .sub-categ-list a{ text-decoration: none; font-size: 0.7em!important; } #submitButton{ margin-left: 20%; font-size: 1em; } .fa.sgn-add{ color: #DDD; font-size: 1em; float: right; margin-right: 2em; } .fa.sgn-mnus{ margin-left: 0.3em; color: #3282e6; cursor: pointer; font-size: 1.5em; } .fa.styl-upld{ font-size: 1.8em; color: #FF0000; cursor: pointer; float: left; } .styl-upld-vid{ font-size: 1.5em!important; color: #2F4F4F; cursor: pointer; } .fa.styl-upld-gal,.fa.styl-upld-diff{ font-size: 1.5em; color: #FF0000; cursor: pointer; } .fa.styl-cam{ font-size: 1.8em; color: #71a100; cursor: pointer; margin-left: 1%; float: left; } .fa.styl-cam-diff{ margin-left: 2%; } .fa.styl-cam-gal,.fa.styl-cam-diff{ font-size: 1.5em; color: #71a100; cursor: pointer; } .response .shift-reply{ margin-left: 1.5em; } .style-cat{ width: 90%; float: left; } .style-cat > a{ text-decoration: none; } #biz-wrap .reply-boxes .style-data-under-resp{ margin-left: 1.5em; } .style-data-under-resp{ margin-left: 1.5em; } .style-btn{ font-size: 0.62em; cursor: pointer; height: 2em; } .style-btn-all{ font-size: 1.2em; } .sty-nme,.sty-int-btr{ background-color: #FFF; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 25em; border-radius: 5%; float: left; padding: 0.5em; overflow: hidden; } .sty-int-btr{ width: 70%!important; height: 30em; margin: 2.5% 15%; } .sty-nme-trpl{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 24em; border-radius: 5%; float: left; margin: 1em; background-color: #F5F5EC; padding: 0.5em; overflow: hidden; } .sty-nme a,.sty-int-btr a{ text-decoration: none; } .sty-nme-001{ padding: 0.5em; height: 20em; overflow-y: auto; width: 102%; } #biz-wrap .style-under-rep-resp{ margin-left: 1.5em; } .cat-nme .style-under-rep-resp{ margin-left: 1.5em; } .style-under-rep-resp{ margin-left: 1.5em; } .style-data-empty{ width: 0; top: 0.2em; height: 0; } .style-data-reply{ top: 0.1em; } .style-data-under{ height: 2em; position: relative; } #rec-pst-dspl-cont .style-data-under{ height: 2.5em!important; font-size: 0.85em; } .style-data-under > a{ margin: 0.5em; } .style-name{ position: absolute; margin-top: -2.5em; font-size: 0.8em; margin-left: 3em; } .style-name > a,.style-name-note > a{ text-decoration: none; cursor: pointer; } .style-name > a{ color: #5453A6; } .style-name-note > a{ font-size: 0.85em; } .style-name-note{ font-size: 0.9em; margin-left: 0.5em; } .style-time-rem{ font-size: 0.8em; margin-left: 3em; } .sub-canc{ margin-left: 15%; } .sub-canc > button, .sub-invt > button{ font-size: 1em; } .sub-invt{ text-align: center; } .sub-privacy-cover{ width: 92.5%; line-height: 1.1em; top: -1.5em; left: -1em; } .sub-privacy-list{ padding: 0.1em; border-bottom: 0.1em solid #555; background-color: gainsboro; cursor: pointer; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; list-style: none; background: gainsboro; width: 90%; } .sub-privacy-list a{ text-decoration: none; font-size: 0.8em; } .submit-gallery-categ,.cancel-create-gallery{ font-size: 1em; margin: 2% 5%; } .submit-new-categ{ margin-left: 72%; } .submit-new-categ > button{ font-size: 1.1em; } #sugstd-admin{ width: 98%; height: 20em; margin-top: -0.8em; position: absolute; background-color: #eeefff; white-space: normal; overflow-x: hidden; overflow-y: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2; display: none; } .switch { position: relative; display: inline-block; width: 50px; height: 25px; } .switch input { opacity: 0; width: 0; height: 0; } #sx{ height: auto; margin: 0; } #suggesstion-box{ width: 25.1em; margin-left: 0; background-color: #fff; max-height: 20em; overflow-y: auto; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 0.25em; } #suggesstion-box .avatar-gal-empty{ height: 2.7em; width: 2.7em; line-height: 2.7em; display: inline-block; margin: 0.1em 0.2em; } #suggesstion-btr-box{ width: 20em; max-height: 20em; margin-left: 0; background-color: #fff; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #suggessted-alwd-notfy,#suggessted-sel-notfy,#suggessted-rmv-notfy{ width: 82%; margin-top: -0.2em; background: beige; height: 7em; overflow-y: auto; display: none; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .rec-suggessted-share-notfy > li,#suggesstion-box > li, #suggessted-rltv > li, #suggessted-pal > li, #suggessted-chat > li,#sugstd-admin li ,#suggessted-pal-biz li, #suggessted-pal-evnt li, #suggessted-add-evnt li,#suggessted-rfr-notfy li, #suggessted-pal-notfy li,#suggessted-alwd-notfy li,#suggessted-sel-notfy li,#suggessted-rmv-notfy li,.suggessted-pal-biz-notfy li, .suggessted-pal-ind-notfy li,.suggessted-pal-ind-vid-notfy li,.suggessted-pal-ind-pix-notfy li,#suggesstion-btr-box li,#suggessted-plc-flwr-notfy li,.suggessted-plc-flwr-more li{ list-style: none; } #suggessted-alwd-notfy li a > .ava-empty{ height: 3em; width: 3em; line-height: 3em; margin-right: 0.8em; } #suggessted-chat{ width: 99%; background: #F0F8FF; max-height: 10em; overflow-y: auto; position: absolute; top: 14.3%; border: solid 0.1em #ccc; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #suggessted-pal-evnt .avatar-gal img{ width: 2.2em; height: 2.2em; margin: 0.16em; } #suggessted-pal-evnt .avatar-gal-empty{ display: inline-block; margin: 0.15em; height: 2.2em; width: 2.2em; line-height: 2.2em; font-size: 1em; } #suggessted-add-evnt .avatar-gal-empty{ display: inline-block; margin: 0.15em; font-size: 1em; height: 2.2em; width: 2.2em; line-height: 2.2em; } #suggessted-add-evnt li > a{ font-size: 1em; } #suggessted-add-evnt .avatar-gal img{ margin: 0.16em; height: 2.2em; width: 2.2em; } #suggessted-rltv{ margin-left: 11.6%; width: 21.1%; background-color: #fff; max-height: 15em; overflow-y: auto; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #suggessted-pal-notfy,#suggessted-rfr-notfy{ margin-top: -0.2em; position: absolute; background-color: #FEFCFF; width: 23.9%; z-index: 2; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 0.5em; height: 25em; overflow-y: auto; padding: 0.15em; display: none; } #suggessted-pal-notfy > .hlightTagd,#suggessted-rfr-notfy > .hlightTagd,#suggessted-pal-biz > .hlightBiz{ width: auto; } #suggessted-pal-biz,.suggessted-pal-biz-notfy,.suggessted-pal-ind-notfy,.suggessted-pal-ind-vid-notfy,.suggessted-pal-ind-pix-notfy{ width: 92%; background-color: #fff; max-height: 15em; overflow-y: auto; position: absolute; z-index: 2; margin-top: -0.25em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #suggessted-pal-biz{ width: 24%!important; margin-top: 0; } .suggessted-pal-biz-notfy{ width: 16em!important; background-color: #FEFCFF; margin-left: -2.3em; } .suggessted-pal-ind-notfy,.suggessted-pal-ind-vid-notfy,.suggessted-pal-ind-pix-notfy{ width: 16em!important; background-color: #FEFCFF; margin-top: 0; overflow-x: hidden; margin-left: -2.2em } .suggessted-pal-ind-pix-notfy{ margin-left: 0!important; } .suggessted-pal-ind-vid-notfy{ margin-left: 0!important } .suggessted-pal-ind-vid-notfy .ava-empty{ margin-left: 0.7em; } #suggessted-pal-evnt, #suggessted-add-evnt{ margin-left: 31.2%; width: 37%; margin-top: -1.5em; background-color: #fff; max-height: 15em; overflow-y: auto; position: absolute; z-index: 1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #suggesstion-box li > a, #suggessted-rltv li > a, #suggessted-pal li > a, #suggessted-chat li > a, #sugstd-admin li > a, #suggessted-pal-biz li > a, #suggessted-pal-evnt li > a, #suggessted-add-evnt li > a, #suggessted-alwd-notfy li > a, #suggessted-sel-notfy li > a,#suggessted-rfr-notfy li > a,#suggessted-pal-notfy li > a,#suggessted-rmv-notfy li > a ,.suggessted-pal-biz-notfy li > a,#suggesstion-btr-box li > a,#suggessted-plc-flwr-notfy li > a,.suggessted-plc-flwr-more li > a{ font-size: 0.7em; text-decoration: none; cursor: pointer; } #suggessted-pal li a > .avatar-gal{ width: 2.5em; height: 2.5em; border-radius: 50%; vertical-align: middle; cursor: pointer; margin-top: 0.25em; margin-right: 0.4em } #suggessted-pal li a > .avatar-gal-empty{ background: #ddd; width: 3em; height: 3em; border-radius: 50%; line-height: 3em; text-align: center; font-size: 0.8em; cursor: pointer; display: inline-block; margin-right: 0.5em; margin-top: 0.25em; } .suggessted-plc-flwr-more li > a{ font-size: 1em!important; } .suggessted-plc-flwr-more li a > .ava-empty,#suggessted-plc-flwr-notfy li a > .ava-empty{ margin-right: 0.3em!important; } .suggessted-pal-ind-notfy li > a,.suggessted-pal-ind-vid-notfy li > a,.suggessted-pal-ind-pix-notfy li > a{ text-decoration: none; cursor: pointer; } #suggessted-pal{ width: 18.1%; margin-left: 9.1%; margin-top: -0.3em; border-top: 0.05em #ddd solid; background-color: #fff; max-height: 15em; overflow-y: auto; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } ul.tabbing{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 0.09em solid #222; background-color: #F1F1F1; } ul.tabbing li{ float:left; } ul.tabbing li a{ display: inline-block; color: black; text-align: center; padding: 0.4em; text-decoration: none; transition: 0.3s; -moz-border-radius-topright: 1.0em; -moz-border-radius-bottomright: 1.0em; -webkit-border-top-right-radius: 1.0em; -webkit-border-bottom-right-radius: 1.0em; border-top-right-radius: 1.0em; border-bottom-right-radius: 1.0em; } ul.tabbing li a:hover{ background-color: #ddd; } ul.tabbing li a:focus, .active{ background-color: #999; } #tab-activity-ini-emj,#tab-activity-emj,#tab-variety-man-emj,#tab-romance-emj,#tab-symbl-emj,#tab-ani-nat-emj, #tab-people-emj, #tab-face-emj,#tab-food-drink-emj,#tab-travel-places-emj,#tab-variety-emj,#tab-variety-wom-emj, #tab-flag-emj,#tab-objects-emj{ width: 98%; margin-left: -2em; } #tab-activity-ini-emj > li,#tab-variety-man-emj > li,#tab-activity-emj > li,#tab-romance-emj > li,#tab-symbl-emj > li,#tab-ani-nat-emj > li, #tab-people-emj > li, #tab-face-emj > li,#tab-food-drink-emj > li,#tab-travel-places-emj > li,#tab-variety-emj > li,#tab-variety-wom-emj > li, #tab-flag-emj > li,#tab-objects-emj > li{ list-style: none; display: inline; float: left; margin: 0.15em; cursor: pointer; } .tab-content{ border: 0.09em solid #222; border-top: none; height: 23em; } .rec-cmnt-hide .over-drpdwn .tab-content-emojis-ini ul li,.rec-cmnt-hide .over-drpdwn .tab-content-emojis ul li{ font-size: 0.8em; } .rec-cmnt-hide .over-drpdwn .tab-content-emojis-ini,.rec-cmnt-hide .over-drpdwn .tab-content-emojis{ height: 7.2em; bottom: 0; } #rec-picture-box-right .siz-vid{ width: 20em!important; } #rec-picture-box-right .siz-vid-rep{ width: 15em!important; } #rec-picture-box-right .replying-on-vid-gallery-rep{ width: 78%!important; } #rec-picture-box-right .replying-on-vid-gallery-resp{ width: 70%!important; } #rec-picture-box-right .status-boxes-vid{ width: 95%!important; } #rec-picture-box-right .avatar-gal-empty,#rec-picture-box-right .avatar,#rec-picture-box-right .avatar-gal{ float: left; margin-right: 0.5em; } #video-contner-left .vid-nme-shft{ margin-left: 0.5em!important; } #rec-picture-box-right .vid-nme-shft{ margin-left: 0!important; } .tab-content-emojis-ini,.tab-content-emojis{ position: absolute; bottom: 0.3em; height: 8.2em; overflow-x: hidden; overflow-y: auto; background-color: #FFF8DC; display: none; } .tab-content-emojis ul li,.tab-content-emojis-ini ul li{ display: inline; list-style-type: none; } .tab-emoji,.tab-emoji-glry{ margin: 0 0 1em 0; padding: 0; background-color: #FEFCFF; width: 100%; } .tab-emoji-glry{ margin-bottom: 0.4em; } .tab-emoji li,.tab-emoji-glry li{ display: inline; list-style-type: none; margin: 0.05em; float: left; } #viewersComment .tab-emoji li a{ font-size: 0.75em!important; } .tab-emoji li a{ padding-left: 0.5em; font-size: 0.8em; text-decoration: none; color: #000; } ul.tab-emoji li a:hover, ul.tab-emoji-glry li a:hover{ background-color: #ddd; } ul.tab-emoji li a:focus, .active{ background-color: #999; } .tab-emoji-glry li a { padding-left: 0.3em; font-size: 0.6em; text-decoration: none; color: #000; } ul.tab-emoji-glry li a:focus, .active{ background-color: #999; } .tab-cover-etc{ float: right; margin-top: -4.5em; } #tab-targ-view{ display: none; } .tab-biz-actvts{ float: right; } .tab-biz-actvts a{ text-decoration: none; color: #000000; } .tab-cover{ width: auto; height: 1.8em; } .tab-cust-resp{ float: left; } .tme-algn{ margin-left: 2em; } .vid-tme-algn{ font-size: 0.8em; margin-left: 10%; } #tmp-storage{ display: none; } #top-email,#top-password{ height:1.8em; width:17em; } #top-error{ color:#FF0000; font-size: 0.8em; width: 30%; margin-top: 0.3em; margin-left: 7%; float: left; } #take-pix,#take-pix-catg,#take-pix-biz,#take-pix-logo{ left: 0; top: 0; } #take-pix,#take-pix-catg,#take-pix-biz{ font-size: 0.9em; } #take-pix-logo{ top: 13.5em; left: 6em; } .target-aud{ width: 28%; height: 2em; } .target-update{ display: none; } #terms-prvcy{ margin: 1em 1em 0 1em; white-space: normal; line-height: 1em; } #terms-cond{ width: 90%; white-space: normal; margin: 0 auto; font-size: 1.1em; } #text-area1, #text-area2{ width: 90%; height: 2.2em; font-size: 1em; } #text-event{ width: 40%; height: 1.8em; resize: none; white-space: normal; border: 0.1em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; } #text-status,#embd-text-status{ width: 50%; height: 2.5em; resize: none; white-space: normal; border: 0.01em solid lightgrey; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; border-radius: 0.5em; } .top-wrap{ white-space: nowrap; width: 80%; } .top-wrap-center{ margin-left: 12.5%; } #top-wrap-request{ position: relative; float: left; } .trpl-chn{ height: auto; background-color: #EBF4FA; margin-bottom: 2.5%; float: left; } .trpl-chn a{ text-decoration: none; } .under-avatar{ background: #FFFFFA; height: 2.2em; margin: 0 auto; width: 750px; } div.under-avatar a{ text-decoration: none; color: #000; padding-bottom: 1em; } div.under-avatar ul li ul li:hover{ background-color: #999; } div.under-avatar ul li ul li{ border-bottom: 0.001em solid; width: 100%; } div.under-avatar ul ul:before{ content: ""; position: absolute; right: 1em; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #000 transparent; } .under-avatar-deflt-sec:after{ content: ""; position: relative; right: 4.8em; top: 2.2em; width: 0; height: 0; border-style: solid; border-width: 1em 1em 0 1em; border-color: #fff transparent transparent transparent; border-right-width: 1.5em; border-left-width: 1.5em; } .upload-photo,.upload-video-form{ width: 96%; margin: 0 auto; display: none; } .upload-video{ margin: 10% 5%; } .upload-photo .new-drpdwn, .upload-video-form .new-drpdwn{ width: 99%; height: 13em; background-color: #fff; margin-left: 0em; margin-top: -0.6em; position: relative; border: 0.15em solid #ddd; } .upload-photo .new-drpdwn::before, .upload-video-form .new-drpdwn::before{ content: ""; position: absolute; left: 1.5em; top: -0.8em; width: 0; height: 0; border-style: solid; border-width: 0 0.8em 0.8em 0.8em; border-color: transparent transparent #ccc transparent; } .upload-photo .new-drpdwn::before{ left: 5em!important; } .user-info-all{ float: left; } .vertical a{ line-height: 2em; text-decoration: none; color: #000000; font-size: 1em; font-weight: bold; } .vid-desc{ font-weight: bolder; font-size: 1.2em; white-space: normal; } #vid-plyn > video,#vid-plyn-ctg > video,#vid-plyn-bus > video,.vid-plyn-bus-rec > video{ object-fit: fill; width: 100%; height: 55vh; } .video-album .add-text{ text-align: center; } .video-album .add-text > a{ margin-left: 1%; color: #307D7E; } #video-box{ float: left; width: 100%; background-color: #000; } #video-comment-box{ margin-top: 8%; margin-bottom: 5em; line-height: 1em; } #video-comment-box .new-drpdwn{ margin-top: 0.2em!important; width: 100%!important; } #video-comment-box a{ text-decoration: none; } #video-contner-left{ width: 60%; float: left; } .vid-nme-shft{ margin-top: -2.5em; font-size: 0.8em; margin-left: 3em; cursor: pointer; } #video-contner-right{ width: 40%; float: left; } .videos-cover > .videos-count{ font-size: 0.9em; color: #000; margin-bottom: 0.5em; margin-top: 0; text-decoration: none; width: 100%; float: left; } .videos-cover{ margin-left: 0.3em; } .videos-count:hover{ color: blue; } .videos-cover > .video-wrap{ display: inline-block; width: 5.5em; height: 5em; float: left; } #vid-undr-wrap{ width: 100%; float: left; } .vid-desc-dsp{ width: 100%; margin-left: 3%; float: left; margin-bottom: 0.5em; } .vid-desr-sty{ font-weight: bolder; font-size: 1.1em; height: 3.5em; color: #000; } #vid-plyn-prop .vid-desc{ width: 100%; float: left; margin-bottom: 1em; } #vid-plyn-prop{ width: 100%; float: left; } #vid-plyn-prop .algn-propty{ width: 100%; float: left; } #vid-plyn-prop .rec-cic-icn,#vid-plyn-prop .rec-wrp-undr{ z-index: 0!important; } #vid-plyn-prop .num-vid-vws{ margin-right: 2em; } .no-drpdwn-lks{ margin-right: 2em!important; } #vid-plyn-prop .dropdown-likes{ float: left; } #vid-undr-wrap #comnt-intfc{ margin-top: 2em; width: 100%; float: left; position: relative; } #vid-undr-wrap #img-comment-box{ width: 55%!important; } #vid-undr-wrap #img-text{ padding: 0.2em; } #over-vid-com img{ margin-top: -0.3em!important; } #over-vid-com .tab-content-emojis-ini,#over-vid-com .tab-content-emojis{ height: 8.3em!important; } #vid-plyn-prop .rec-wrp-bth{ margin: 0!important; } #vid-plyn-prop .rec-wrp-undr{ color: #000; margin-left: -1em; } #vid-plyn-prop .like-vid-comment{ color: #ccc; margin-left: 0!important; font-size: 0.9em; margin-top: 0.1em; margin-right: 1em; } #vid-plyn-prop .rec-wrp-star-numb{ float: left; } #vid-plyn-prop .shr-vid{ margin-left: 4%!important; } #vid-plyn-prop .shr-vid a{ text-decoration: none; } #vid-plyn-prop .shr-vid i{ margin-left: 0.25em; } #vid-plyn-prop #rec-sta-awd{ color: #000; margin-top: 2em; margin-left: 0; } #rec-sta-awd-tmp{ margin-top: 1em; margin-left: 1.5em; float: left; font-size: 0.7em } #rec-myplc-all-cvr #rec-dsp-cvr-all{ width: 80%; margin: 0 auto; margin-top: 1em; text-align: center; } #rec-othr-alg-btm #rec-sta-awd-tmp{ color: #FFF; } .video-displ{ float:left; width: 48%; height: 7.5em; } .video-descr a{ text-decoration: none; } .video-descr{ float:left; width: 50%; white-space: normal; } .video-displ video{ width: 100%; height: 7.5em; } .video-wrap video { cursor: pointer; } .v-play{ margin-top: -0.5em!important; } #viewersComment{ padding-bottom: 5em; width: 100%; } .vws-dte{ color: #000; } .vws-dte > .numv-001:after{ content: "•"; margin: 0 4px } .view-wtng-frnds{ float: left; } .view-wtng-frnds img, .view-wtng-frnds a{ height: 1.5em; width: 2em; text-decoration: none; color: #fff; } .potential-friends{ font-size: 1.2em; color: blue; text-decoration: none; margin-left: 2em; } .waiting-friends-cover > a.potential-friends:hover{ color: #000; } .waiting-friends-cover, .image-show-all-gal{ margin-bottom: 0.8em; } .member-profile{ display: inline-block; margin: 2.5%; width: 42.5%; } .waiting-cover{ height: 7em; overflow-y: auto; background: #FEFCFD; } #web-address,#int-hob{ margin: 0 0.35em 0.35em 0.35em; width: 90%; border: 0.09em solid; } #web-cam-image,#web-cam-image-categ,#web-cam-image-biz{ z-index: 10; position: absolute; top: 0.5em; left: 0; } #web-cam-post{ z-index: 10; position: absolute; } #web-cam-form,#web-cam-form-categ,#web-cam-form-biz,#web-cam-form-logo{ display:none; float: left; background-color: #E5E4E2; height: 5.0em; width: 100%; } #welc-stmt,#btr-info{ white-space: normal; } #welc-stmt{ text-align: center; font-weight: bold; } .wellc{ text-decoration: none; font-family: verdana; font-size: 0.6em; font-weight: bold; top: 0.2em; left: -1em; color: #FFF; position: relative; -webkit-border-radius:0.5em; -moz-border-radius:0.5em; } #welcome-choice{ width: 30%; margin-top: 0.2em; margin-left: -10em; } #welcome-choice ul{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); background-color: #fff; overflow-y: auto; min-height: 8em; border-radius: 0.5em } .with-who{ margin: 0.5em; font-size: 0.9em; } .with-who > a{ font-size: 0.8em; text-decoration: none; cursor: pointer; color: #0000FF; } #wrap-pst-rgt-cnt{ float: left; width: 100%; } #cnt-algn{ margin-left: 1em; margin-bottom: -1em; color: darkslategrey; } #cnt-algn-glry{ margin: 0.5em; color: darkslategrey; } #wrap-rgt-cnt{ float: left; width: 20%; white-space: normal; } .wrp-hvr-ply{ width: 100%; } .wrp-vid-clk-cvr{ height: 100%; cursor: pointer; } .wrp-vid-ply{ width: 100%; height: 100%; } .year-input-sec,.month-input-sec,.day-input-sec,.year-input,.month-input,.day-input,.year-input-rel{ background-color: lightgrey; font-size: 1em; } #yr{ height: auto; margin: 1%; width: 17.5%; } }/*End media query*/ /*shared by all devices*/ #all-folwr-opt{ margin-top: 0.75em; } .img-ava-txt-dlt{ width: 100%; } .actn-on-pst > ul{ white-space: normal; } .algn-ava-vid{ float: left; } .altern .tab-emoji li a{ font-size: 0.6em; } .altern .tab-content-emojis-ini,.altern .tab-content-emojis{ height: 8.8em!important; } .altern-other #cancel-img-pre{ margin-left: 10%; } .altern-other #postImgBtn{ margin-left: 10%; } .altern-other .emoji-drpdwn{ margin-left: 5%!important; } .altern-other .emoji-drpdwn img{ margin-top: 0; } .altern-other .tab-emoji li a{ font-size: 0.8em; } .altern-other .tab-content-emojis-ini,.altern-other .tab-content-emojis{ height: 8.8em; } #add-000-001{ float: left; margin-left: 6% } .add-new-place{ background-color: #F8F8FE!important; border: 0!important; } .add-new-place .error-area{ margin-top: 0.5em; } .add-new-place #pgt-000-001{ margin-bottom: 0.5em; } .add-new-place .cancelMyPlcBtn{ margin-left: 25%; font-size: 1em; } .add-new-place .nextButton{ margin-right: 12% } .add-bgnd-inpt-left,.add-bgnd-inpt-cntr,.add-bgnd-inpt-rgt{ width: 33%; float: left; } .add-bgnd-inpt-left,.add-bgnd-inpt-cntr{ border-right: 2px solid black; height: 15em; } .algn-cmnt-totl{ text-align: right; color: gray; } #bgnd-lft-cntr-rgt{ width: 96%; margin: 2%; } #barterInformation .hlite-type{ text-align: center; } .actn-bus-set{ display: none; position: absolute; z-index: 1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 22em; margin-left: -21em; height: 10em; border-radius: 1em; } .actn-bus-set > ul{ width: auto; margin-left: -2.7em; } .algn-arrw-btr{ font-size: 1.5em!important; } #all-btr{ margin: 1em; } .barter-class a{ text-decoration: none; } .barter-class .sub-categ-list{ border-bottom: 0; } .barter-class li{ list-style: none; } .bzns-empty{ width: 100%; display: inline-block; } #btr-shw-hves,#btr-shw-wnts{ display: none; height: 30em; overflow-x: hidden; } #btr-sel-choice{ width: 100%; margin-top: 1em; } #btr-sel-opt{ float: left; } #btnjoinGrp a{ text-decoration: none; } #btnjoinGrp li { list-style: none; } .btr-txt-cvr,.btr-img-cvr,.btr-flg-cvr{ width: 100%; margin: 0.5em; } button.style-btn-all-emty{ font-size: 0.9em; color: blue; font-weight: bold; } .category-top-btr{ list-style: none; margin: 0.3em; padding: 0 0 0 0.3em; outline: 0; text-decoration: none } .category-top-btr > a{ width: 60%; float: left; margin-top: 0.4em; } .category-top-drop-all-btr-one > a{ width: 70%; float: left; margin-top: 0.25em; } .category-top-drop-all-btr-two > a{ width: 75%; float: left; margin-top: 0.25em; } .close > a, .cls-joi-000-001 > a{ font-size: 1.2em!important; font-weight: bolder; } .chngclr{ color: #FFF!important; } .cvr-wnt-dsc-001{ white-space: normal; } #custom-background > .evnt-algn{ width: 96%; } #custom-background .close-event a{ margin-top: 0!important; } .del-algn{ width: 10%; float: left; } .del-algn > i{ cursor: pointer; color: #000!important; display: inline!important } #dis-btn-algn{ position: absolute; bottom: 3em; } #dis-btn-algn > a{ text-decoration: none; color: darkgray; } .disp-1111-vid{ display: block; } .dis-4-pri{ margin: 0 auto; width: 80%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 0.5em; margin-top: 2em; margin-bottom: 2em; } .dlt-biz li{ list-style: none; } #embd-text-status{ margin: 0 auto; } #embed-url-video .rec-drop-zone{ cursor: auto; } #fir-siz-021{ display: none; } #emty-evnt-010{ text-align: center; font-size: 1.2em; color: maroon; } /*.gmba-agre-sbmt-pyt{ font-size: 1.5em; border-radius: 0.25em; background-color: navy; color: #FFF; padding: 0.25em; } #gmba-pymnt-amnt{ margin-left: 2em; } #gmba-pymt-dte{ margin-left: 5em; } #gmba-cnfrm-pyt{ display: none; margin: 5em 1.5em; white-space: normal; border: 0.15em solid #000; padding: 0.5em; width: 25em; } .gmda-edt-pyt{ font-size: 1.2em; font-weight: bold; color: navy; margin-left: 2em; } .gmba-pyt-info{ font-size: 1.2em; margin-top: 0.5em; } .gmba-rvw-pyt{ font-weight: bolder; font-size: 1.5em; }*/ .gmb-sta-cls{ position: relative; left: 1em; font-size: 0.8em; } /*#gmba-dnte{ font-size: 1.2em; border-radius: 0.5em; padding: 0.15em; cursor: pointer; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } #dnte-tgl-amt{ font-size: 1.5em; border-radius: 0.5em; padding: 0.25em; cursor: pointer; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); text-decoration: none; background-color: navy; color: #FFF; }*/ .gmba-rec-star{ position: relative; left: 45%; z-index: 0; } .gmb-ownr-sta-cls{ font-size: 0.8em; } .grp-012-ava-txt{ float: left; } #grp-pge-prt-001{ color: #2e6e9e; margin-top: 0.8em; margin-left: 0.8em; font-size: 1.2em; } .grp-mem-cvr-all{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; width: 99%; margin: 0 auto; background-color: #F7F9F9; } .grp-012-lnk-010{ cursor: pointer; font-size: 1.1em; margin-left: 30%; color: #0000FF; position: absolute; } .grp-all-mem-011{ text-decoration: none; } #hve-itm-001,#wnt-itm-001{ margin-left: 1%; font-weight: 600; width: 80%; white-space: normal; } .hlte-evnt{ font-weight: bolder; } .hide-dlt-cat li{ margin-left: -1em!important; } .hide-dlt-cat li a{ color: #FFF; } #item-avail li > a,#item-exch li > a{ font-size: 1.2em; } #item-exch > a{ color: #008000; } #item-avail .algn-arrw,#item-exch .algn-arrw{ position: absolute; font-size: 1.5em; margin-top: -0.15em; } #joi-000-001{ cursor: pointer; } .nextButton{ float: right; font-size: 1em; margin-right: 1em; } #nme-000-001{ font-weight: bold; color: darkslateblue; } #nme-flw-mem{ margin-top: 1em; } #cnt-mem-000-001{ font-size: 0.8em; margin-left: 0.5em; color: darkgray; font-weight: bolder; } #lft-000-001{ margin-left: 3.5em; font-size: 1.2em; } .like-page,.like-00011{ cursor: pointer; color: darkgray; font-size: 0.8em; } #notification > button{ background-color: #CCC; } #pay-wth-lbl{ text-align: left; } #pal-nme-ind-pix-shr{ background-color: #FFF; z-index: 1; } .posts-view #text-status,.posts-view .over-posts-main{ width: 100%!important; } .pge-ava-alg{ width: 33%; float: left; } .pgl-000-001 a{ font-size: 0.8em!important; } .photo-album-display .pictures-view{ overflow-x: hidden; height: 8em!important; } .photo-album-display .sub-canc{ margin-left: 0!important; } .photo-album-display .adding-text{ font-size: 0.8em!important; } .pgl-000-001{ margin-left: 0.5em; } #plc-pst-dspl-cont .shift-image-rep{ margin-bottom: -0.5em; } #plc-pst-dspl-cont .cancel-preview-reply-resp{ font-size: 1em; } #plc-pst-dspl-cont .indivi-share-ntfy{ position: relative!important; } #plc-pst-dspl-cont .rec-actn-on-shre,.rec-plc-on-shre{ margin-left: 10em!important; margin-top: 0!important; } #plc-pst-dspl-cont button{ position: initial; } #plc-pst-dspl-cont .response .style-time-rem{ margin-top: 0!important; } #plc-pst-dspl-cont .file-input-wall-reply{ position: absolute; } #plc-pst-dspl-cont .tab-emoji{ float: left; } #plc-pst-dspl-cont .style-name{ display: block!important; margin-top: -1.8em!important; } #plc-pst-dspl-cont .shift-image-rep-resp { margin-bottom: -0.5em; } #plc-pst-dspl-cont .actn-on-pst ul{ min-width: 17em; min-height: 2em; } #plc-pst-dspl-cont .rec-wrp-star-numb{ top: 0.25em; } #sub-pst-dspl-cont{ text-align: center; position: relative; top: 5em; } .pref-0000-0001{ color: gray; font-size: 0.8em; cursor: pointer } .pref-prv-pub-busns{ margin-left: 10%; } .pri-dis-4-shf{ padding: 1em; } .pri-dis-4-shf > i{ color: darkgray; } .prof-undr-covr{ margin: 0 auto; background-color: #000; } .profile-inner{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); border-radius: 1em; } .profile-inner > p{ margin: 0.8em; color: green; } #rgt-000-001{ float: right; margin-right: 3.2em; font-size: 1.2em; } #rmv-button-lge > a{ font-weight: bolder; cursor: pointer; font-size: 2em; } #rsn-000-001{ height: 4em; width: 70%; margin-left: 15%; } #say-smtn-001{ color: gold; } .shft-ld-mre{ margin-bottom: 1.5em; } .sft-g4-grp-txt{ margin-left: 0.5em; } .sft-4-lbl{ margin-left: 0.8em; } .sft-4-rst{ margin-top: 0.5em; white-space: normal; } .sft-4-rst .friend-block{ margin-left: -0.5em!important; color: blue!important; cursor: pointer; } .sty-4-prv{ font-weight: bolder; color: green; } .sty-4-joi{ font-weight: bolder; color: blue; } .stl-4-cnt{ font-weight: bolder; } .style-name{ cursor: pointer; } .shw-btr-flg{ color: gray; font-size: 0.8em; cursor: pointer; margin-left: 95%; } .shw-btr-flg .actn-on-btr{ margin-left: 85%; display: none; } #shw-000-001{ display: none; } .sub-categ-list-btr,.sub-categ-list{ margin-left: 1em; } .sub-categ-list-btr h4{ border-top: 0.1px dotted #ddd; font-size: 1.2em!important; } .sub-categ-list h5{ border-top: 0.1px solid #ddd; } .sub-cover-btr-h5{ margin-top: -2em } .btr-item-algn h6{ font-size: 0.6em!important; border-bottom: 0.1px dotted #ddd; margin-top: -1em; } .sub-categ-list h5 > a{ font-size: 1.2em!important; } .btr-item-algn h6 > a{ color: #000; font-size: 1.5em!important; } .sub-category-cover-btr{ font-weight: bold; line-height: 0.8; list-style: none; margin: 0; padding: 0 0 0 0.5em; border: 1px; border-top: 0; top: 1px; position: relative; display: none; } .tab-biz-sel{ font-size: 0.8em; margin-left: 0.25em; color: darkgray; font-weight: bolder; } .tab-biz-sel .dropbtn-likes{ cursor: pointer; } .sty-nme-trpl .avatar-gal-empty, .sty-nme-trpl .avatar-gal,.sty-nme .avatar-gal-empty, .sty-nme .avatar-gal, .sty-int-btr .avatar-gal-empty, .sty-int-btr .avatar-gal{ margin-left: 45%; width: 2.8em!important; height: 2.8em!important; line-height: 2.8em!important; } .sty-nme-001 span a { margin-left: 0.8em; } #suggesstion-btr-box li{ margin: 0.5em 0; } #suggesstion-btr-box li > a{ font-size: 0.85em; color: #000; margin: 0.5em; } #suggesstion-btr-box .hlight{ background: navy!important; } #sugs-frnd-001{ color: #3EA055; margin-top: 0.8em; margin-left: 0.8em; margin-bottom: 0.4em; font-size: 1.2em; } .tim-on-msk{ color: #fff; } .updt-info{ text-align: center; height: 1.5em; font-size: 0.85em; width: auto; margin-left: -3em; color: gold; } #welc-stmt,#btr-vwe-all{ text-align: center; font-weight: bold; } #btr-detail-only .sty-nme-001{ padding: 0!important; } #btr-vwe-all > a{ text-decoration: none; color: #FFF; font-size: 1.2em; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 0.8em; border-radius: 0 0 0.5em 0.5em; background-color: #0000FF; } #btr-vwe-all > a:hover{ font-variant: all-small-caps; color: #FF0000; } #sty-des-wrd{ color: darkgray; font-size: 1em; } #styl-inf-req{ color: green; } #sourcevideo{ height: 0; } .hme-arw:after,.bck-arrw:after { content: "\21E6"; } .cncl-btn-001{ float: right; font-size: 1.4em; margin-right: 1em; } .div-cnt-cvr-001 > .new-drpdwn{ margin-top: 1em; } .edt-btn-001{ float: right; font-size: 1.4em; } .indivi-share-ntfy button{ background-color: #FFF; margin: 0.5em; } #rec-biz-nme{ text-align: center; margin-top: 1em; font-weight: 900; color: blueviolet; } #rec-biz-nme a{ text-decoration: none; } .rec-plc-notf{ width: 80%; margin: 0 auto; position: relative; top: 1em; margin-bottom: 1.5em; } .rec-plc-notf a{ text-decoration: none; } .rec-nme-plc-inv,.rec-exp-plc-inv{ font-size: 0.85em; } .rec-dlt-plc-inv{ font-size: 0.7em; color: gray; margin-right: 0.5em; } .rec-dsp-cvr-dlt{ font-size: 0.9em; color: gray; cursor: pointer; } .rec-plc-notf ul{ } .rec-plc-notf li{ list-style: none; } #rec-notf-dsp{ display: none; position: relative; top: 0.5em; left: 7%; } .rec-notf-dsp-ownr{ display: none; position: absolute; background-color: aliceblue; width: 20em; border-radius: 0.5em; top: 1.5em; padding: 0.5em; } .rec-dlt-aln-rgt{ margin-left: 0.5em; font-size: 0.7em; float: right; margin-right: 0.5em; } #viewersComment .cancelling-reply{ margin-left: 3em!important; } video.rec-shft-invt-img{ height: 30em; background-color: #000; max-width: none!important; } .rec-notf-dsp-ownr li{ list-style: none; } .rec-notf-dsp-ownr li > a{ cursor: pointer; } .rec-dsp-ownr-inv{ cursor: pointer; } .rec-dsp-inv-cvr{ position: relative; left: 60%; } .rec-dsp-inv-cvr a{ text-decoration: none; } #rec-data-my-plc .rec-drop-zone-prompt{ font-size: 0.75em; } #rec-data-my-plc .rec-thmb-btn{ position: absolute!important; left: 70%!important; top: 1em!important; background-color: #FFF; border-radius: 50%; z-index: 4; } #rec-data-my-plc .rec-drop-zone-thumb{ left: 5%; z-index: 3; } #rec-data-my-plc .rec-prv-img-titl{ width: auto!important; } .rec-drop-zone-over { border-style: solid; } .rec-drop-zone-input{ display: none; } .rec-prv-img-titl{ float: left; width: 50%; height: 17.5em; } .rec-chk-fld{ text-align: left; width: 100%; color: #000; font-size: 0.8em; } .embd-chk-fld{ width: 100%; color: #000; font-size: 0.8em; } .rec-drop-zone-prompt{ padding-top: 4em; height: 7em; } .rec-titl-fld,.rec-shr-div{ width: 90%; } .rec-titl-fld{ height: 2.5em } .rec-shr-div{ list-style: none; width: 34%; } #rec-shr-on{ font-size: 0.8em; margin-top: 0.3em; } .rec-shr-drpdn{ margin-top: 0!important; } .rec-shr-div a,.rec-shw-for-all a, .embd-shw-for-all a{ text-decoration: none; font-size: 0.8em; } #sel-chOpt-selOpt-all,#embd-chOpt-selOpt-all{ position: relative; } .sel-chOpt-selOpt{ float: left; } .rec-shw-sel-frnd{ display: none; } .rec-sel-frnd-drp{ height: 1.5em; border: 0.1em solid #ddd; overflow-x: hidden; resize: none; font-size: 1em; border-radius: 0.35em; } .rec-clr-lbl{ color: #2B65EC; } .rec-ind-img-sel{ width: 12em; height: 4em; margin-top: 0.4em; margin-left: 0.3em; } .rec-shr-by{ text-align: center; } .rec-shr-by a{ text-decoration: none; color: #6698FF; cursor: pointer; } .rec-thmb-btn{ position: relative; top: 2em; z-index: 1; left: 38%; font-size: 1em; width: 1.5em; color: red; background-color: #FFF; border-radius: 50%; } #rec-myplc-all-cvr #rec-vid-fel-cvr{ width: auto; } #rec-myplc-all-cvr #rec-phot-vide, #rec-myplc-all-cvr #rec-act-feln{ float: none; } #rec-myplc-all-cvr #rec-act-feln{ margin-left: 22.5%; } #rec-myplc-all-cvr #rec-dsp-cvr-all .new-drpdwn{ width: 80%!important } .rec-myplc-lbl{ float: left; position: relative; top: 1em; left: 16%; width: 100%; } #rec-text-status{ height: 4em; width: 51.5%; resize: none; white-space: normal; border: 0.2em dashed lightgrey; border-bottom: 0; word-wrap: break-word; overflow-y: auto; display: inherit; border-radius: 0.5em; position: relative; left: 24%; top: 2em; } .rec-desc-txt-sts{ height: 6em; resize: none; white-space: normal; border: 0.01em solid #000; word-wrap: break-word; overflow-y: auto; background-color: #fff; display: inherit; border-radius: 0.35em; margin-left: 0.4em; width: 93%; text-align: left!important; cursor: auto; font-size: 0.7em!important; font-family: serif; color: #040720; } .rec-cmnt-hide{ display: none; } .rec-desc-fld-cvr{ margin-top: 0.25em; } #rec-phot-vide{ font-weight: bold; cursor: pointer; float: left; } #rec-act-feln{ font-weight: bold; cursor: pointer; float: right; margin-top: 0; } .rec-all-ava a{ float: right; margin-top: -2em; color: #0000A0; } .rec-all-emp-ava a{ float: right; color: #0000A0; } #rec-dsp-form-fld{ height: 3em; border-radius: 0.5em; border: 0.1em dashed #ddd; } #rec-data-my-plc{ display: none; margin-bottom: 3em; } #rec-data-my-plc .rec-titl-fld,#rec-data-my-plc .rec-desc-txt-sts,#rec-data-my-plc .rec-shr-div{ display: none; } .rec-prv-img-titl .emj-mn{ height: 0.7em!important; width: 0.7em!important; } .rec-prv-img-titl .emoji-drpdwn{ position: relative; top: -0.4em; left: -0.2em; } .rec-add-cmnt{ float: left; font-size: 0.6em; position: relative; left: 0.5em; font-family: serif; font-weight: bolder; color: #000; cursor: pointer; } .rec-prv-img-titl .new-drpdwn{ z-index: 2; } .rec-prv-img-titl .tab-emoji li a{ font-size: 0.5em!important; font-family: sans-serif; } .rec-plc-lbl-sty{ cursor: pointer; margin-left: 1em; color: #757575; } .rec-sel-chk-mak{ border: 0.1em solid #ddd; overflow-x: hidden; resize: none; font-size: 0.7em; border-radius: 0.35em; position: absolute; left: 31em; width: auto; margin-top: -1.9em; height: 1.8em; } .rec-sel-chk-mak,.rec-shw-chk-mak{ display: none; } .rec-req-non-fld{ float: left; margin-left: 1em; } .rec-req-non-fld #check-box{ font-size: 0.7em; } .check-box-out{ margin-top: 0.5em; } .rec-shw-chk-mak{ position: absolute; left: 21.5em; margin-top: -1.45em; } .rec-sel-chk-drp{ border: 0.1em solid #ddd; overflow-x: hidden; resize: none; font-size: 0.7em; border-radius: 0.35em; width: auto; height: 1.8em; } .rec-fld-lbl-ntfy{ float: left; position: relative; left: 6%; margin: 1em 0 0.25em 0; font-size: 0.9em; width: 85%; line-height: 1.5em; margin-bottom: 2em; } .rec-flwr-pst-cncl{ position: relative; left: 10%; width: 70%; top: -13em; } .rec-txt-cncl-add{ position: relative; left: -2em; padding-bottom: 1em; display:none; } .rec-txt-plc-add{ width: 100%; resize: none; margin-top: 0.5em; border-radius: 0.25em; } .suggessted-plc-flwr-more li a > .avatar{ margin-left: 0.5em; } .suggessted-plc-flwr-more li{ margin-left: 0em!important; } .suggessted-plc-flwr-more{ width: 17.5em!important; overflow-x: hidden; position: absolute; margin-top: -0.25em!important; border-radius: 0.5em; } .rec-all-or-flwr{ margin-left: 25%; margin-top: 2.2em; font-size: 0.8em; } #rec-chk-add-flwr .notifying-tag{ left: 7%; } #rec-chk-add-flwr{ margin-left: 15%; height: 6em; } #rec-chk-add-flwr #check-box,#check-box-sub,#check-box-no-sub{ font-weight: bold; font-size: small; } #rec-plc-fom-post{ margin-left: 60%; } #suggessted-plc-flwr-notfy,.suggessted-plc-flwr-more{ width: 88%; height: 15em; overflow-y: auto; display: none; margin-top: -0.5em; background-color: #FEFCFF; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 0.5em; z-index: 1; } #suggessted-plc-flwr-notfy li,.suggessted-plc-flwr-more li{ padding: 0.25em; width: auto; } #rec-data-my-plc #rec-text-status{ left: 16.5%!important; width: 61.5%!important; height: 3em!important; top: 0.9em!important; padding: 0.5em; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #rec-chk-add-flwr .share-info-add-text{ margin-top: 5%!important; } #rec-add-cnc-pst #rec-fom-cncl{ margin-left: 0!important; font-size: 1em!important; } #rec-add-cnc-pst #rec-fom-post{ float: right; font-size: 1em!important; margin-top: -0.25em; margin-right: 3em; } .rec-plc-fom-add{ float: right; } #rec-add-cnc-pst{ position: relative; top: 8em; left: 15%; } #rec-chk-add-flwr .share-rmv{ position: relative; z-index: 2; } #rec-chce-sel-chk{ margin-top: -1.5em; padding-bottom: 0.8em; } #rec-fom-cncl{ font-size: 1.5em; margin-left: 0.5em; margin-top: -0.5em; } .rec-drop-zone-thumb::after { content: attr(data-label); position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0; color: #ffffff; background: rgba(0, 0, 0, 0.75); font-size: 10px; text-align: center; } .rec-my-plc-hm{ text-align: center; float: left; width: 48%; margin: 1%; margin-top: 1em; } .rec-my-plc-lbl{ text-align: center; } #rec-cnt-my-plc{ position: relative; top: 4em; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); background-color: #F8F8FE; margin: 1em; border-radius: 0.5em; height: 12em; overflow-y: auto; } .rec-my-plc-hm i{ color: lightslategray; } .rec-my-plc-hm a{ text-decoration: none; white-space: normal; word-wrap: break-word; } .rec-my-plc-btn{ color: #000; width: 100%; white-space: normal; word-wrap: break-word; } #rec-pst-dspl-cont,#plc-pst-dspl-cont{ width: 100%; position: relative; top: 3em; float: left; } #rec-pst-dspl-cont .shw-abt-cmnt{ margin-top: -1em; } .rec-status-boxes .style-time-rem,.status-boxes .style-time-rem{ display: block; } .rec-list-files{ display: grid; align-items: center; height: 10em; width: 10em } .rec-shw-for-all,.embd-shw-for-all{ position: relative!important; } .rec-actn-on-shre,.rec-shw-for-all,.rec-plc-on-shre,.embd-shw-for-all{ display: none; position: absolute; z-index: 2; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-left: 0.5em; text-align: left; border-radius: 0.5em; background-color: #F8F8FF; padding-right: 1em; margin-top: 0.5em; } .rec-actn-on-shre ul,.rec-shw-for-all ul,.rec-plc-on-shre ul,.embd-shw-for-all ul{ list-style: none; margin-top: 0; margin-left: -1.5em; font-size: 0.8em; } .rec-suggessted-share-notfy{ display: none; position: absolute; background-color: #FEFCFF; z-index: 2; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 10em; margin-left: -3.5em; height: 15em; overflow-y: auto; overflow-x: hidden; } .rec-suggessted-share-notfy > li{ float: left; width: 100%; margin-left: 0.2em; } .rec-suggessted-share-notfy li > a{ float: left; color: #000; font-size: 0.6em; text-decoration: none; } #sugg-nme-rec-sel-all-hdn li > a{ font-size: 0.8em; } #sugg-nme-rec-sel-all-hdn{ width: 16.3em!important; margin-left: 0.5em!important; } .rec-status-boxes{ background-color: #FFF; margin: 0 auto; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); width: 60%; padding: 1em; border-radius: 1em; margin-bottom: 5%; } .rec-shift-image{ background-color: #FFFFF7; display: flex; margin: 0 auto; width: 25em; } .rec-mor-shw-nme{ color: bisque; cursor: pointer; padding: 1.5px 2px; } .rec-mor-shw-nme:hover {background-color: blueviolet;} .rec-med-box{ float: left; width: 100%; background-color: #000; border-radius: 0.75em; } video.rec-shift-image{ width: 100%; outline: 0; border-radius: 0.5em; } #rec-lst-med-lft #rec-shr-on{ color: #FFF; } #shr-num-algn{ margin-left: 0.25em; } .rec-status-boxes .style-data-post{ margin-top: 1em; font-size: 0.9em; white-space: normal; } .rec-med-ttl{ font-weight: bolder; float: left; width: 100%; white-space: normal; } #rec-picture-box-fill{ width: 100%!important; background-color: #FFF!important; } #rec-btn-vid-msk{ width: 100%; position: relative; float: left; } #rec-lst-cmn-rgt-btm .replying-on-gallery-shft{ margin-left: 10%; } #rec-lst-cmn-rgt-btm .siz-vid-rep{ margin-left: 15%!important; height: 10em!important; width: 70%!important; } #rec-lst-cmn-rgt-top .image-field{ margin-left: 0!important; } #rec-lst-cmn-rgt .replying-on-vid-gallery-rep .reply-gal-com{ position: relative; float: right; margin-top: 0!important; } #rec-lst-cmn-rgt .replying-on-vid-gallery-resp{ margin-left: 15%!important; width: 70%!important; } .new-drpdwn:before{ border-color: transparent transparent #ccc transparent; } #rec-lst-cmn-rgt-btm .re-li-el-algn .like-vid-comment{ float: none!important; } #rec-lst-cmn-rgt-btm .shft-vid-data{ margin-left: 5%!important; width: 90%; } #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-rep .new-drpdwn{ height: 10em!important; } #rec-lst-cmn-rgt-top #cancel-gal-image-prev{ margin-left: 10%!important; } #rec-lst-cmn-rgt-top #vidPostBtn{ float: right; margin-left: 0!important; margin-top: 0.2em; } #rec-lst-cmn-rgt-btm .siz-vid{ margin-left: 15%; width: 70%!important; height: 10em!important; } #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-rep{ margin-left: 15%!important; width: 70%!important; } #rec-lst-cmn-rgt-btm .actn-vid-cmnt > ul{ margin-left: -10em; } .rec-cam-emj-pst,.rec-cam-emj-rpl{ margin-top: 0.25em; } #rec-picture-box-right .ava-adj .avatar{ margin-left: 0!important; } #rec-picture-box-right .suggessted-pal-ind-notfy li > a{ display: flex; } .suggessted-pal-ind-notfy .adj-nme,.suggessted-pal-ind-pix-notfy .adj-nme { margin-top: 0.35em; } #rec-picture-box-right .suggessted-pal-ind-pix-notfy{ padding-left: 0.25em; border-radius: 0.25em; } #rec-picture-box-right .suggessted-pal-ind-pix-notfy li > a{ display: flex; } #rec-picture-box-right .suggessted-pal-ind-pix-notfy .ava-empty{ margin-left: 0!important; } #rec-lst-cmn-rgt .dropdown-likes-content{ left: 1em; top: 1em; } #rec-lst-cmn-rgt .replying-on-vid-gallery-resp .reply-gal-com-rep{ float: right; margin-top: 0!important; margin-left: 0!important; margin-right: 0!Important; } #rec-lst-cmn-rgt-btm .tab-emoji li a{ font-size: 0.7em!important; } #rec-lst-cmn-rgt-btm .replying-on-vid-gallery-resp .emoji-drpdwn{ left: 0!important; } #rec-lst-cmn-rgt-btm .tab-emoji li{ line-height: 0.7; } #rec-lst-cmn-rgt .re-li-el-algn{ width: 75%!important; } #rec-lst-cmn-rgt .shw-abt-vid-cmnt{ float: right; margin-left: 0!important; } #rec-lst-cmn-rgt-btm .siz-vid-resp{ height: 8em; width: 10em!important; } #rec-lst-cmn-rgt-btm .vid-nme-shft{ margin-left: 0.5em!important; } #rec-lst-cmn-rgt-btm a{ text-decoration: none; } #rec-lst-cmn-rgt-btm .avatar-gal-empty{ display: inline-block; } #rec-lst-cmn-rgt-btm .replying-on-gallery-shft .vid-tme-algn{ margin-left: 15%!important; } #rec-lst-cmn-rgt-btm .reply-resp-boxes-image .vid-tme-algn{ margin-left: 20%!important; } #rec-lst-cmn-rgt-btm .shft-dta-undr{ width: 15em; margin-left: 0; } #rec-lst-cmn-rgt-btm .reply-resp-boxes-image{ width: 80%!important; } #rec-rmv-button-lge > button,#rec-btn-vid-msk > button{ font-size: 2em; width: 1.5em; height: 1.5em; font-weight: 900; position: relative; z-index: 1; color: #C11B17; } #rec-add-vid-cntrl{ height: 0; position: relative; top: 0.5em; z-index: 1; float: right; width: 5em; } #rec-add-vid-cntrl svg,#rec-vid-cntrl-msk svg{ width: 20px; height: 20px; } .rec-vol-cntrl{ width: 40%; float: left; } .rec-status-boxes .dropdown-likes,.rec-status-boxes .dropdown-frwks{ margin-right: 0!important; } .dropdown-likes{ margin-right: 1em; } #multi-files{ height: inherit; width: inherit; opacity: 0; } #multi-files img{ height: inherit; } #rec-media-comnt{ width: 90%; margin: 0 auto; } .rec-cnt-my-plc{ margin-bottom: 1em; } #rec-med-cvr-msk{ width: 100% } #rec-more-text{ display: none; } #rec-txt-btn{ color: aliceblue; float: left; } #rec-cmnt-hold a{text-decoration: none} .rec-hvr-on:hover + .rec-mor-txt-hvr{ display: block; color: #000; font-size: 0.85em; width: 25em; white-space: normal; border: 1px solid #ccc; position: relative; left: 5em; padding: 0.5em; border-radius: 0.25em } .rec-mor-txt-hvr{ display: none; } #rec-ava-nme{ height: 0; position: relative; top: 0.5em; z-index: 1; } .rec-usr-nme-pge a{ color: #FFF; text-decoration: none; margin-left: 0.5em; font-size: 0.7em; } #rec-med-on-msk{ width: 80%; float: left; background-color: #000; border-radius: 1em; } #rec-othr-alg-btm ul{ margin-left: 0!important; } #rec-othr-alg-btm .actn-shft-flg{ margin-left: -6em!important; width: 1.5em!important; } #rec-othr-alg-btm .actn-vid-pst a{ font-size: smaller; } .shw-abt-rec-vid{ cursor: pointer; } #rec-othr-on-msk{ width: 20%; float: left; } #rec-othr-alg-btm > .dropdown-likes{ margin-right: 0!important; display: block; } #rec-othr-alg-btm .like-vid-comment,.rec-vid-shr{ cursor: pointer; font-size: 0.7em; margin-left: 0.5em; margin-top: 26%; } #rec-othr-alg-btm .like-vid-comment{ color: #000!important; } .rec-vid-cmn{ cursor: pointer; font-size: 1em; margin-left: 0.25em; margin-top: 19%; } .rec-cic-icn{ height: 1.5em; width: 1.5em; border-radius: 50%; background-color: #FFF; position: relative; cursor: pointer; z-index: 3; } .rec-wrp-bth > i{ color: #ddd; } .rec-wrp-undr{ text-align: center; height: 0; font-size: 0.7em; color: #FFF; position: relative; z-index: 3; } .rec-wrp-bth{ margin: 1.25em 1em; width: 1.5em; } #rec-othr-alg-btm .shw-abt-rec-vid{ text-align: center; margin-top: 1.5em!important; margin-left: 2em!important; } #rec-othr-alg-btm .drpdn-shft-vid{ margin-top: 2.5em; margin-left: 2em; } #rec-othr-alg-btm .dropdown-likes-content{ background-color: #FFF!important; z-index: 4; } #rec-othr-alg-btm .dropdown-likes-content a{ color: #000!important; font-size: 0.85em; } #rec-othr-alg-btm .rec-mor-shw-nme{ color: saddlebrown; } #rec-othr-alg-btm .rec-mor-shw-nme:hover {background-color: lightblue;} .rec-wrp-bth .indivi-share-ntfy{ z-index: 4; border-radius: 0.25em; background-color: gainsboro; } #rec-str-chk{ display: none; position: absolute; background-color: #ccc; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2; border-radius: 0.3em; left: 1.5em; } .rec-wrp-star-numb .rec-wrp-bth{ margin-left: -0.5em!important; margin-top: 1.5em!important; } .rec-wrp-star-numb{ position: relative; left: 0.5em; } #rec-sta-awd{ float: left; width: 100%; color: #FFF; font-size: 0.7em; } .rec-cic-icn-str{ height: 1em; width: 4em; border-radius: 0.25em; background-color: #FFF; position: relative; cursor: pointer; z-index: 3; } .rec-algn-str-num .dropdown-likes-content{ top: 0.7em; left: 1em; text-align: left; min-width: 18em!important; } .rec-algn-str-num{ float: left; width: 100%; text-align: center; cursor: pointer; top: -0.95em; } .rec-algn-str-num > #rec-sta-awd{ text-align: end; } .rec-usr-awd-str .fa-star{ color: green; } .rec-usr-awd-str{ float: left; font-size: 0.7em; margin-top: 0.25em; } .re-wrp-nme-awd > a{ width: 75%; float: left; } .rec-cic-icn-str i{ color: #C0C0C0; font-size: 0.6em; float: left; margin-top: 0.3em; margin-right: 0.2em; } #rec-str-chk i{ color: cornflowerblue; } .rec-cic-icn:hover #rec-str-chk {display: block;} #rec-exp-wde > i{ color: #FFF; position: relative; } .rec-lft-chv-cvr,rec-rgt-chv-cvr{ height: 100%; width: 10%; } #rec-othr-alg-top{ width: 100%; height: 18.5em; } #rec-picture-box-right .tme-algn,#rec-picture-box-right .curr-pst{ margin-left: 0!important; } #rec-picture-box-right .responding{ margin-bottom: 1.2em; } #rec-media-comnt a,#rec-media-comnt a{ font-size: 0.9em; cursor: pointer; text-decoration: none; } #viewersComment::-webkit-scrollbar { height: 0px; } #rec-inr-stp-bbl{ margin:0 auto; } #rec-media-comnt #img-caption{ margin-bottom: 1em; } #rec-top-cvr .image-field{ float: left; margin-right: 4em; } #rec-top-cvr > .re-li-el-algn-img .shw-abt-galry{ margin-top: 0; } #rec-img-text{ box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } .rec-bora-chumba{ width: 7em; height: 1.8em; display: block; box-shadow: 0 0px 16px 0px rgb(0 0 0 / 20%); margin: 0 auto; position: relative; top: 1em; border-radius: 0.5em; background: skyblue; text-align: center; } .rec-bora-chumba a{ text-decoration: none; vertical-align: sub; color: black } #rec-geo-loc,#rec-int-hob,#rec-job-prof{ width: 70%!important; } #rec-geo-loc,#rec-int-hob,#rec-job-prof,#pal-nme-rec-id-shr{ margin: 0 0.35em 0.35em 0.35em; width: 75%; border: 0.09em solid; position: relative; float: right; right: 0.5em; } .rec-wrp-star-numb .rec-mor-shw-nme{ float: left; } #rec-med-cvr-msk #recNextBtn{ background-color: #FFF!important; left: 0!important; margin-top: 15em!important; top: 0!important } #rec-med-cvr-msk #recPreviousBtn{ background-color: #FFF!important; margin-top: 15em!important; } #rec-med-cvr-msk #recNextBtn > i, #rec-med-cvr-msk #recPreviousBtn > i{ color: #000; } #recNextBtn > i,#recPreviousBtn > i{ position: relative; top: 0.25em; left: 0.4em; font-size: 2em; } .rec-status-boxes > iframe{ display: block; margin: 0 auto; } .rec-style-name > a{ color: #5453A6; } .revrs-style-name{ margin-top: 0!important; margin-left: 0.5em; } .rec-vid-ply{ cursor: pointer; } #rec-ava-nme > .avatar-gal-empty{ display: inline-block; } .rec-vws-dsp{ width: 100%; height: 2em; } .rec-vws-dsp span{ color: darkgray!important; float: left; } .rec-vid-ply > video{ height: 22.5em!important; border-radius: 1em; } .rec-undr-bel-vid{ white-space: normal; font-size: 0.85em; } #rec-pst-dspl-cont button::before{ right: -3em!important; } #share-bug-rpt{ width: 60%; height: 10em; margin-left: 20%; resize: none; } .share-rmv-bug > label{ color: red; } .share-rmv-bug{ text-align: center; margin: 0.5em; } #sub-add-updt,.ppv-add-updt/*,#dnte-add-amt*/{ width: 11em; margin-left: 0.5em; } #sub-updt,.ppv-updt{ margin-top: 0.5em; margin-left: 11em; } #sub-amt-sho{ display: none; } .sub-by{ display: block; width: 100%; margin: 0.25em; } .sub-by > input{ width: 5.5em; } /*#dnte-cntr-all{ text-align: center; margin: 5em 0.25em; } #gmba-dnte-erro{ color: red; }*/ #sub-cntr-all{ text-align: center; margin: 1em 0.25em; } .sub-cntr-all-lbl{ margin-top: 0.5em; } .sub-by > label{ font-size: 0.8em; } #sub-for-all{ margin-left: 2em; } #sub-ppv{ margin-left: 3.2em; } #sub-prc-intfc{ display: none; } #sub-tgl-prce{ text-decoration: none; } .sty-num-parm{ background-color: #EEEEEE; border-radius: 0.5em; padding: 0.25em; margin-top: 0; margin-right: 0.25em; margin-bottom: 0; margin-left: 0; } .sty-num-parm .emj{ border-radius: 0.5em; } #video-comment-box .avatar-gal{ display: inline-block; } .sub-actn-all{ float: left; width: 100% } .sub-actn-bef{ float: left; width: 75% } .sub-actn-act{ color: #FFFF00; float: left; } .sub-actn-rmv{ color: #008000; float: left; } #sub-exp-sts{ color: red; } .sub-ppv-info{ text-align: center; } .dropdown-subs-content{ width: 300px!important; } #play-btn-msk{ cursor: pointer; margin-right: 7px; font-size: 12px; padding: 3px; border: none; outline: none; background-color: transparent; z-index: 1; position: absolute; color: #FFF; left: 25%; top: 20%; } #play-btn-msk::before { content: attr(data-title); position: absolute; display: none; right: 0; top: -50px; background-color: rgba(0, 0, 0, 0); color: #fff; font-weight: bold; padding: 4px 6px; word-break: keep-all; white-space: pre; } #play-btn-msk:hover::before { display: inline-block; } .video-progress { position: relative; height: 8.4px; margin-bottom: 10px; } progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; width: 100%; height: 2px; pointer-events: none; position: absolute; top: 0; } progress::-webkit-progress-bar { background-color: #474545; border-radius: 2px; } progress::-webkit-progress-value { background: red; border-radius: 2px; } progress::-moz-progress-bar { border: 1px solid red; background: red; } .seek { position: absolute; top: 0; width: 100%; cursor: pointer; margin: 0; } .seek:hover+.seek-tooltip { display: block; } .seek-tooltip { display: none; position: absolute; top: -50px; margin-left: -20px; font-size: 12px; padding: 3px; content: attr(data-title); font-weight: bold; color: #fff; background-color: rgba(0, 0, 0, 0.6); } .pref-off-on-algn{ text-align: center; margin-top: 0.5em; margin-left: 50%; } .volume-controls { display: flex; align-items: center; margin-right: 10px; } .volume-controls input { width: 100px; opacity: 1; transition: all 0.4s ease; } .volume-controls:hover input, .volume-controls input:focus { width: 100px; opacity: 1; } .pip-button svg { width: 26px; height: 26px; } input[type=range] { -webkit-appearance: none; -moz-appearance: none; height: 2px; background: transparent; cursor: pointer; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; cursor: pointer; border-radius: 1.3px; -webkit-appearance: none; transition: all 0.4s ease; } input[type=range]::-webkit-slider-thumb { height: 8px; width: 8px; border-radius: 8px; background: red; cursor: pointer; -webkit-appearance: none; margin-left: -1px; } input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; } input[type=range].volume { height: 2.5px; background-color: #fff; } input[type=range].volume::-webkit-slider-runnable-track { background-color: transparent; } input[type=range].volume::-webkit-slider-thumb { margin-left: 0; height: 7px; width: 7px; background: #fff; } input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; border: 1px solid transparent; background: transparent; border-radius: 1.3px; } input[type=range]::-moz-range-thumb { height: 14px; width: 14px; border-radius: 50px; border: 1px solid red; background: red; cursor: pointer; margin-top: 5px; } input[type=range]:focus::-moz-range-track { outline: none; } input[type=range].volume::-moz-range-thumb { border: 1px solid #fff; background: #fff; } .bottom-controls { display: flex; justify-content: space-between; align-items: center; } .left-controls { display: flex; align-items: center; color: #fff; } button { cursor: pointer; position: relative; margin-right: 7px; font-size: 12px; padding: 3px; border: none; outline: none; background-color: transparent; z-index: 1; } button * { pointer-events: none; } button::before { content: attr(data-title); position: absolute; display: none; right: 0; top: -50px; background-color: rgba(0, 0, 0, 0); color: #fff; font-weight: bold; padding: 4px 6px; word-break: keep-all; white-space: pre; } button:hover::before { display: inline-block; } .hidden { display: none; } svg { width: 28px; height: 28px; fill: #fff; stroke: #fff; cursor: pointer; } .prf-shf{ margin-left: 0.25em; } .cc-inputs input { width: 4ch; font-family: monospace; } .card-data-row { margin-bottom: auto; margin-top: -1.25em; margin-left: 17.5em; } .logo { height: 1.25em; flex-grow: 0; } .cvc-group { margin-top: 0.5em; margin-bottom: 1em; } .cvc-input { width: 4ch; font-family: monospace; margin-left: 4.7em; text-align: center; } #expiration-month,#expiration-year{ background-color: #FFF; border-width: 0.1em; margin-top: 0.25em; /* for Firefox */ -moz-appearance: none; /* for Safari, Chrome, Opera */ -webkit-appearance: none; } /* for IE10 */ #expiration-month::-ms-expand,#expiration-year::-ms-expand{ display: none; } fieldset { border: none; padding: 0; margin: 0; } fieldset legend { visibility: hidden; height: 0; width: 0; position: absolute; top: -200vh; } .horizontal-input-stack{ display: flex; gap: .5rem; margin-left: 6.25em; margin-top: -1em; } .missing-field { border: 2px solid red; } /*remove all of the lines below after referer promotion ends*/ .rec-chk-fld #suggessted-rfr-notfy{ width: 76%!important; } #rfr-promo{ padding: 0.5em; font-size: 1.2em; border-radius: 0.5em; width: 88%; transition: background-color 0.5s ease; background-color: #ffeb3b !important; box-shadow: 0 0 10px red; white-space: normal; } .rfr-promo-recs{ position: relative; left: 0.5em; width: 100%!important; top: 5em; white-space: normal; } #rfr-promo button{ font-size: 1.2em; color: #0000FF; } #rfr-promo-rec{ position: relative; top: 4.5em; } #rdem-colr{ color: #008000; } .rfr-indx{ margin: 0.5em; } /*css for 10DLC campaign*/ #chk-box-cnt,#chk-box-cnt-mbl{ display:none; width:auto; color:darkgreen; white-space:normal; font-size:14px; margin-left: 2em } #chk-opt-phn{ /*height: 5em; float: left; position: relative; top: -2em;*/ } #btm-ancr-img{ height: 2em; position: relative; top: 0.5em; } #btm-ancr{ float: left; width: 100%; text-align: center; } #btm-ancr a{ text-decoration: none; color: #000; } .side-def-pltfm{ position: relative; float: left; margin-left: 3.3em; border-radius: 0.5em; width: 20em; height: 6em; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); padding: 0.5em; background-color: #808000; color: #FFF; font-size: 1.5em; top: 5%; } .side-def-add{ background-color: burlywood!important; color: #000; } #cvr-cnt-dsp{ width: 100%; margin-top: 10%; } #cvr-cnt-dsp-crt{ width: 100%; } .all-img-content{ width: 50%; float: left; position: relative; left: 10%; top: 20%; } .all-img-content-crt{ width: 100%; float: left; position: relative; top: 10%; left: 15% } #sit-actv-cvr,#soc-cnt-cvr,#prd-cnt-cvr,#ste-btr-cvr{ width: 30em; height: 20em } #sit-actv-cvr-2,#soc-cnt-cvr-2,#prd-cnt-cvr-2,#ste-btr-cvr-2{ width: 100%; height: 20em; } #cvr-cnt-txt{ width: 100%; float: left; } /***** stripe css ******/ /*/* { box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; justify-content: center; align-content: center; height: 100vh; width: 100vw; } form { width: 30vw; min-width: 500px; align-self: center; box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); border-radius: 7px; padding: 40px; margin-top: auto; margin-bottom: auto; } .hidden { display: none; } #payment-message { color: rgb(105, 115, 134); font-size: 16px; line-height: 20px; padding-top: 12px; text-align: center; } #payment-element { margin-bottom: 24px; }*/ /* Buttons and links */ /*button { background: #0055DE; font-family: Arial, sans-serif; color: #ffffff; border-radius: 4px; border: 0; padding: 12px 16px; font-size: 16px; font-weight: 600; cursor: pointer; display: block; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; } button:hover { filter: contrast(115%); } button:disabled { opacity: 0.5; cursor: default; } */ /* spinner/processing state, errors */ /*.spinner, .spinner:before, .spinner:after { border-radius: 50%; } .spinner { color: #ffffff; font-size: 22px; text-indent: -99999px; margin: 0px auto; position: relative; width: 20px; height: 20px; box-shadow: inset 0 0 0 2px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .spinner:before, .spinner:after { position: absolute; content: ""; } .spinner:before { width: 10.4px; height: 20.4px; background: #0055DE; border-radius: 20.4px 0 0 20.4px; top: -0.2px; left: -0.2px; -webkit-transform-origin: 10.4px 10.2px; transform-origin: 10.4px 10.2px; -webkit-animation: loading 2s infinite ease 1.5s; animation: loading 2s infinite ease 1.5s; } .spinner:after { width: 10.4px; height: 10.2px; background: #0055DE; border-radius: 0 10.2px 10.2px 0; top: -0.1px; left: 10.2px; -webkit-transform-origin: 0px 10.2px; transform-origin: 0px 10.2px; -webkit-animation: loading 2s infinite ease; animation: loading 2s infinite ease; }*/ /* Payment status page */ /*#payment-status { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 30px; width: 30vw; min-width: 500px; min-height: 380px; align-self: center; box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); border-radius: 7px; padding: 40px; opacity: 0; animation: fadeInAnimation 1s ease forwards; } #status-icon { display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; border-radius: 50%; } h2 { margin: 0; color: #30313D; text-align: center; } a { text-decoration: none; font-size: 16px; font-weight: 600; font-family: Arial, sans-serif; display: block; } a:hover { filter: contrast(120%); } #details-table { overflow-x: auto; width: 100%; } table { width: 100%; font-size: 14px; border-collapse: collapse; } table tbody tr:first-child td { border-top: 1px solid #E6E6E6; padding-top: 10px; } table tbody tr:last-child td { border-bottom: 1px solid #E6E6E6; } td { padding-bottom: 10px; } .TableContent { text-align: right; color: #6D6E78; } .TableLabel { font-weight: 600; color: #30313D; } #view-details { color: #0055DE; } #retry-button { text-align: center; background: #0055DE; color: #ffffff; border-radius: 4px; border: 0; padding: 12px 16px; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fadeInAnimation { to { opacity: 1; } } @media only screen and (max-width: 600px) { form, #payment-status{ width: 80vw; min-width: initial; } } */
    .side-def-add{
      color: darkblue;
      font-variant: small-caps;
      font-style: oblique;
      margin-bottom: 0.5em;
      font-weight: bold;
    }
    .side-def-pltfm{
        width: 21.5em !important;
        height: auto!important;
          box-shadow: none!important;
          padding: 0.2em;
    }
    .side-def-indx{
      color: #FFF !important;
      font-variant: small-caps;
      font-style: oblique;
      margin-bottom: 0.5em;
      font-weight: bold;
    }