/*Author's custom : Start From July 08, 2013*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700); .filepond--panel-root { border: 1px solid white; border-radius: 0 !important; } p { font-family: 'Open Sans', sans-serif; } @media screen and (max-width: 480px) { td.tenants-count-cell, td.marketplaces-count-cell { display: flex; } .select-value-buttons td { padding: 0px !important; } } /*Fonts*/ @font-face { font-family: 'OpenSansRegular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiBold'; src: url('../fonts/opensans-semibold-webfont.eot'); src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#OpenSansSemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PtSansRegular'; src: url('../fonts/PT_Sans-Narrow-Web-Regular.eot'); src: url('../fonts/PT_Sans-Narrow-Web-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PT_Sans-Narrow-Web-Regular.svg#PtSansRegular') format('svg'), url('../fonts/PT_Sans-Narrow-Web-Regular.woff') format('woff'), url('../fonts/PT_Sans-Narrow-Web-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansNarrowBold'; src: url('../fonts/pt_sans-narrow-web-bold.eot'); src: url('../fonts/pt_sans-narrow-web-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_sans-narrow-web-bold.woff') format('woff'), url('../fonts/pt_sans-narrow-web-bold.ttf') format('truetype'), url('../fonts/pt_sans-narrow-web-bold.svg#PTSansNarrowBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'openSanslight'; src: url('../fonts/opensans-light-webfont.eot'); src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#openSanslight') format('svg'); font-weight: normal; font-style: normal; } /*Fonts*/ /*Reset css start*/ /*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}*/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block} html{font-size:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} body{min-width: auto; exact; margin:0; padding:0; font-family:'OpenSansRegular', sans-serif; font-size:14px; line-height:130%; color:#5F5F63; background-color:#EFEFEF; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; overflow-x:hidden;} h1, h2, h3, h4, h5, h6{font-weight:normal;} hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} audio, canvas, video{display:inline-block; *display:inline; *zoom:1} a {color:#6BCAFD; text-decoration:none; -moz-transition: .25s ease color; -webkit-transition: .25s ease color; transition: .25s ease color; cursor:pointer;} a:hover, a:active, a:focus{outline:none; text-decoration:underline;} sub, sup{position:relative; font-size:75%; line-height:0; vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} img{width:auto\9; height:auto; max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;} button, input, select, textarea{margin:0; font-size:100%; vertical-align:middle; font-family:'OpenSansRegular', sans-serif; color:#5F5F63; font-size:15px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} textarea{overflow:auto; vertical-align:top;} input[type="text"], input[type="password"] {padding:0;} /*Comman css Start*/ /*Transition : Start*/ .field, .button, [class^="button-"],[class*="button-"], .page-wrap, .property-list > li, .signup-region .left-side, .signup-region .right-side, .invite-feed-content .content {-moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} /*Transition All*/ a {-moz-transition:color 0.3s ease 0s; -webkit-transition:color 0.3s ease 0s; -o-transition:color 0.3s ease 0s; -ms-transition:color 0.3s ease 0s; transition:color 0.3s ease 0s;} /*Transition Color*/ .opacity {-moz-transition:opacity 0.3s ease 0s; -webkit-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; -ms-transition:opacity 0.3s ease 0s; transition:opacity 0.3s ease 0s;} /*Transition Opacity*/ .delay {transition-delay:0.1s; -moz-transition-delay:0.1s; -webkit-transition-delay:0.1s; -o-transition-delay:0.1s;} /*Transition Delay*/ /*Headings*/ /*h1, h2, h3, h4, h5, h6{font-family:'OpenSansSemiBold', sans-serif; margin:0; color:#333; font-weight:normal; line-height:1.2;}*/ /*h1, h2{font-size:16px;}*/ /*h3, h4{font-size:14px;}*/ /*h5, h6{font-size:12px;}*/ ul, ol{list-style:none;} .rotate { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } html { scroll-behavior: smooth; } /*Designer Select*/ .select-field-warp { display: block; background: #fff; box-shadow :inset 0 0 1px #666; font-weight: 300; border-radius: 3px; position: relative; width:185px;} .select-field { display: block; background: #fff; border: 1px solid #BBBBBB; font-weight: 300; border-radius: 3px; position: relative; } .sbHolder { font-size: 14px; font-weight: normal; height: 38px; text-align:left; } .sbSelector { display: block; height: 38px; left: 0; line-height: 38px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 100%; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover { color: #333; outline: none; text-decoration: none; font-family:'OpenSansSemiBold', sans-serif;} .sbToggle { background: url(../img/icon.png) -92px -40px no-repeat; display: block; height: 28px; outline: none; position: absolute; right: 0; top: 0; width: 30px; } .sbToggleOpen { background: url(../img/icon.png) -92px -140px no-repeat; } .sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; } .sbOptions {box-sizing: border-box; background-color: #FFF; list-style: none; margin: 0; padding: 0; position: absolute; top: 37px !important; width: 100%; border: 1px solid #D6D6D6; z-index: 5; overflow-y: auto; } .sbOptions li { padding: 0; border-top: 1px solid #d7d7d7; box-shadow: inset 0 1px 1px #FFF; font-size: 14px; line-height: 20px; height: 35px; } .sbOptions li:first-child { border: none; } .sbOptions a { display: block; outline: none; padding: 7px 15px; } .sbOptions a:link, .sbOptions a:visited { color: #333; text-decoration: none; } .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { background: #F3F3F3; } .sbOptions li.last a { border-bottom: none;} .sbOptions .sbDisabled { color: #999; display: block; padding: 7px 0 7px 3px; } .sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; } .sbOptions .sbSub { padding-left: 17px;} /*Drop Down Menu*/ .sbToggle { background:url(../img/sprite-image.png) no-repeat; display: block; height: 28px; outline: medium none; position: absolute; right: 0; top: 0; width: 30px; background-position:-400px -250px; margin:16px 0 0 0; } .sbToggleOpen { background:url(../img/sprite-image.png); background-position:0 -400px;} .red-roundBox{display:block; background-color:#EC5022; float:right; border-radius:50%; width:70px; height:70px; text-align:center; line-height:70px;} .blue-circle{display:block; background-color:#66C9FF; height:70px; width:70px; border-radius:50%; text-align:center; line-height:70px;} .red-roundBox > i, .blue-circle > i{vertical-align:middle;} .back-toTop{position:fixed; bottom:75px; right:15px; font-size:12px; color:#333; text-transform:uppercase; display:none; cursor:pointer;} .back-toTop i{display:block; margin:0 auto 5px;} .back-toTop:hover{text-decoration:none; color:#6BCAFD;} .back-toTop:hover i{background-position:left -200px;} .normal-text{margin-bottom:15px; font-family:'OpenSansRegular', sans-serif; font-size:14px;} .row-fluid{width:100%; zoom:1;} .row-fluid:before, .row-fluid:after{content:""; display:table; line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block; float:left; margin-left:2.5109110747408616%; *margin-left:2.564102564102564%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"] + [class*="span"]{margin-left:2.564102564102564%;} .row-fluid .span12{width:100%; width:99.94680851063829%;} .row-fluid .span11{width:91.39979996362975%; *width:91.45299145299145%;} .row-fluid .span10{width:82.8527914166212%; *width:82.90598290598291%;} .row-fluid .span9{width:74.30578286961266%; *width:74.35897435897436%;} .row-fluid .span8{width:65.75877432260411%; *width:65.81196581196582%;} .row-fluid .span7{width:57.21176577559556%; *width:57.26495726495726%;} .row-fluid .span6{width:48.664757228587014%; *width:48.717948717948715%;} .row-fluid .span5{width:40.11774868157847%; *width:40.17094017094017%;} .row-fluid .span4{width:31.570740134569924%; *width:31.623931623931625%;} .row-fluid .span3{width:23.023731587561375%; *width:23.076923076923077%;} .row-fluid .span2{width:14.476723040552828%; *width:14.52991452991453%;} .row-fluid .span1{width:5.929714493544281%; *width:5.982905982905983%;} /*Comman css End*/ /*Icons css Start*/ [class^="icon-"] {background-image:url(../img/sprite-image.png); background-repeat:no-repeat; display:inline-block; vertical-align:text-top;} .icon-search{background-position:-450px top; width:22px; height:22px;} .icon-search:hover {background-position:-450px -50px;} .icon-facebook {background-position:-100px -100px; width:30px; height:30px;} .icon-facebook:hover, .icon-facebook.active {background-position:-100px -150px;} .icon-linkedin {background-position:-150px -100px; width:30px; height:30px;} .icon-linkedin:hover, .icon-linkedin.active {background-position:-150px -150px;} .icon-google {background-position:-200px -100px; width:30px; height:30px;} .icon-google:hover, .icon-google.active {background-position:-200px -150px;} .icon-email {background-position:-250px -100px; width:30px; height:30px;} .icon-email:hover, .icon-email.active{background-position:-250px -150px;} .icon-steps{background-position:-50px -100px; width:30px; height:30px;} .icon-steps.selected{background-position:left -100px; width:30px; height:30px;} .icon-roundSearch{background-position:-150px top; background-color:#6BCAFD; width:80px; height:80px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;} .icon-roundDoller{background-position:-250px top; background-color:#28C2BA; width:80px; height:80px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;} .icon-roundInfo{background-position:-350px top; background-color:#E85237; width:80px; height:80px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;} .icon-smlSearch{background-position:left -50px; width:15px; height:16px;} .icon-smlSearch:hover{background-position:-50px -50px;} .icon-back-toTop{background-position:-50px -200px; width:50px; height:50px;} .icon-back-toTop:hover{background-position:left -200px;} .icon-rgtArrow-blue{background-position:-500px -50px; width:15px; height:10px;} .icon-edit{background-position:-100px top; width:14px; height:15px;} .icon-edit:hover, .icon-edit.active{background-position:-100px -50px;} .icon-download{background-position:-100px -200px; width:15px; height:15px;} .icon-download:hover{background-position:-100px -300px;} .icon-help{background-position:-300px -100px; width:14px; height:14px;} .icon-help:hover{background-position:-300px -350px;} .icon-quest{background-position:-50px top; width:15px; height:15px;} .icon-upArrow{background-position:-50px -250px; width:20px; height:10px;} .icon-downArrow{background-position:left -250px; width:20px; height:11px;} .icon-thumbUp{background-position:-200px -300px; width:16px; height:15px;} .icon-thumbDown{background-position:-250px -300px; width:16px; height:15px;} .icon-add{background-position:-150px -250px; background-color:#F8F9FA; border:1px solid #ccc; width:28px; height:28px;} .icon-add:hover{background-position:-200px -250px;} .icon-remove{background-position:-350px -200px; background-color:#F8F9FA; border:1px solid #ccc; width:28px; height:28px;} .icon-remove:hover{background-position:-400px -200px;} .icon-favorite{background-position:-350px -100px; width:18px; height:15px;} .icon-favorite-active{background-position:-400px -100px; width:18px; height:15px;} .icon-favorite:hover{background-position:-400px -100px;} .icon-blueUp{background-position:-300px -150px; width:8px; height:10px;} .icon-whiteUp{background-position:-100px -350px; width:8px; height:10px;} .icon-quest2{background-position:-450px -100px; width:15px; height:15px;} .icon-quest2:hover, .icon-quest2.active{background-position:-50px top;} .icon-flag{background-position:-450px -150px; width:12px; height:13px;} .icon-flag:hover, .icon-flag.active{background-position:-500px -150px;} .icon-flag2{background-position:-450px -150px; width:12px; height:13px;} .icon-flag2:hover, .icon-flag2.active{background-position:-500px -150px;} .icon-add.disabled, .icon-add.disabled:hover {background-color:#EBEBEB; background-position:-150px -250px; cursor:default;} .icon-remove.disabled, .icon-remove.disabled:hover{background-color:#EBEBEB; background-position:-350px -200px; cursor:default;} .icon-view{background-position:-200px -350px; width:19px; height:12px;} .icon-view:hover{background-position:-250px -350px;} .icon-view2{background-position:-150px -300px; width:15px; height:16px;} .icon-view2:hover{background-position:-150px -350px;} .icon-arw{background-position:-400px -250px; width:10px; height:6px;} .icon-delete{background-position:-350px -350px; width:14px; height:14px;} .icon-delete:hover{background-position:-400px -350px;} .icon-export{background-position:-600px -150px; background-color:#666; width:25px; height:25px; border-radius:3px;} .icon-export.disabled{background-color:#E8E8E8;} .icon-home{background-position:-500px -200px; width:24px; height:22px;} .icon-avlSpace{background-position:-550px -200px; width:22px; height:22px;} .icon-mrtPlace{background-position:-600px -200px; width:20px; height:22px;} .icon-helpBig{background-position:-50px -400px; width:24px; height:25px;} .icon-helpBig:hover{background-position:-100px -400px;} [class^="icn-"], [class*="icn-"] {background-image:url(../img/sprite.png); background-repeat:no-repeat; display:inline-block; vertical-align:text-top;} .icn-bigQuest{background-position:-100px top; width:28px; height:28px;} .icn-bigAdd{background-position:left top; width:28px; height:28px;} .icn-bigStar{background-position:-200px top; width:28px; height:28px;} /*Icons css End*/ .overflow {overflow:hidden; display:block;} /*Search Box*/ .search-box {overflow:auto; display:block; background:#fff; border:1px solid #ccc; min-height:36px; border-radius:4px; box-shadow:0 0 2px rgba(0,0,0,.2)} .search-box .icon-search {float:right; width:36px; height:36px; border:none; border-radius:0 4px 4px 0; background-color:transparent; color:transparent} .search-box .overflow {padding:0 10px;} .search-box .srch-inp {float:left; width:100%; height:36px; border:none; font:18px/120% 'openSanslight', sans-serif;} .lt-ie9 .search-box .srch-inp {height:18px; padding:9px 0} .search-box.focus .icon-search {background-position:-450px -50px;} .focusInput{box-shadow:0 0 2px rgba(0, 0, 0, .2) !important; border:1px solid #6BCAFD;} .focusInput .icon-search{background-position: -450px -50px;} .search-wrapper{display:table-cell; width:100%; max-width:688px;} .search-full{display:block; max-width:inherit; width:auto;} .search-wrapper .search-box {box-shadow:none;} .search-wrapper .selectdiv {float:right; box-shadow:none; border-left:none; border-radius:0 4px 4px 0; width:120px; background:#fff; height:36px;} .search-wrapper select.form-select {min-height:36px;} /*Input field*/ .field {overflow:hidden; display:block; background:#fff; border:1px solid #ccc; min-height:28px; box-shadow:inset 1px 1px 4px rgba(0,0,0,.05), inset -1px -1px 4px rgba(0,0,0,.05); padding:0 10px; font:12px/120% 'OpenSansRegular', sans-serif;} .field .textfield {width:100%; border:none; background-color:transparent; height:28px; font:12px/120% 'OpenSansRegular', sans-serif; padding:0; resize:none} .field textarea.textfield{min-height:72px; padding:10px 0; height:auto;} .field.label .textfield {height:38px;} .field.label {padding:0; min-height:38px; background:#F8F9FA; box-shadow:none;} .field.label .label{float:left; max-width:125px; min-height:16px; width:27%; padding:12px 11px 10px; xmargin-right:15px; text-align:left;} .field.label .overflow {border-left:1px dashed #ccc; padding:0 15px; background:#fff; box-shadow:inset 1px 1px 4px rgba(0,0,0,.05), inset -1px -1px 4px rgba(0,0,0,.05)} .field .star {color:#E85237; ; font-family:'OpenSansSemiBold', sans-serif; font-size:14px; vertical-align:middle} .field.multiple {padding:0 0 0 15px;} .field.multiple .icon-add, .field.multiple .icon-remove {float:right; border:none; border-left:1px solid #ccc; margin-left:15px;} .field.focus {box-shadow:inset 1px 1px 4px rgba(0,0,0,.05), inset -1px -1px 4px rgba(0,0,0,.05), 0 0 2px rgba(0,0,0,.1);} .field.disabled {background:#EFEFEF; color:#333} .lt-ie9 .field .textfield {height:18px; padding:6px 0 4px} .lt-ie9 .field.label .textfield {height:18px; padding:10px 0} .button-red{background:#E85237; color:#fff;} .button-red:hover{background:#EB6C56;} .button-grey{background:#ECEFF4; color:#333;} .button-grey:hover{background:#DBE0EA;} .button-white{background:#fff; border:1px solid #ccc; height:38px; font:14px/38px 'OpenSansSemiBold', sans-serif;} .ldr{display:none;} .loaderBtn{position:relative; cursor:default;} .loaderBtn .ldr{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/loaderBtn.gif) no-repeat center; background-color:rgba(255,255,255,.8); box-shadow:inset 1px 1px 0 #E85237, inset -1px -1px 0 #E85237; border-radius: 3px; z-index:999;} /*Select Drop Down*/ .selectdiv {overflow:auto; display:block; border:1px solid #ccc; box-shadow:inset 1px 1px 4px rgba(0,0,0,.05), inset -1px -1px 4px rgba(0,0,0,.05);} .popup-content .selectdiv {margin-top: 5px;} select.form-select {-webkit-appearance:none; -moz-appearance: none; appearance: none; background-color:transparent; border:none; min-height:28px; font:12px/120% 'OpenSansRegular', sans-serif; max-width: 100%; width:100%; padding:5px 10px;} select.form-select:focus {color:#000; outline:none; box-shadow:0 0 2px rgba(0,0,0,.1);} .selectdiv.focus {box-shadow:inset 1px 1px 4px rgba(0,0,0,.05), inset -1px -1px 4px rgba(0,0,0,.05), 0 0 2px rgba(0,0,0,.1);} /*Form Fixes for Webkit Browsers.*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { select.form-select {padding:5px 10px; background:url(../img/drop-filter.png) no-repeat right center;} } /*Tabs Region*/ .tab-region, .tabs-content{overflow:hidden; display:block; clear:both} /*.tabs-content {min-height:500px;}*/ .tabs-index {background:url(../img/grey-dot.jpg) repeat-x 0 bottom; float:left; width:100%} .tabs-index > a {float:left; min-width:70px; border:1px solid transparent; border-bottom:none; text-align:center; padding:20px; color:#666; font-size:16px; position: relative;} .tabs-index > a label{cursor: pointer;} .tabs-index > a:hover, .tabs-index > a:focus, .tabs-index > a:active{text-decoration:none; color:#333} .tabs-index > a.active {border-color:#ccc; background:#F8F9FA; border-radius:4px 4px 0 0; color:#6BCAFD} .tabs-index > a:first-child {margin-left:5px;} .tabs-content .alert{margin:10px 0 0;} /*.tooltip {position:absolute; z-index:1030; display:block; visibility:visible; font-size:14px; line-height:1.4; opacity:0; filter:alpha(opacity=0);} .tooltip.in {opacity:0.8; filter:alpha(opacity=80);} .tooltip.top {margin-top:-3px; padding:5px 0;} .tooltip.right {margin-left:3px; padding:0 5px;} .tooltip.bottom {margin-top:3px; padding:5px 0;} .tooltip.left {margin-left:-3px; padding:0 5px;} .tooltip-inner {max-width:200px; padding:8px 15px; color:#ffffff; text-align:center; text-decoration:none; background-color:#000; border-radius:4px; white-space: nowrap;} .tooltip-arrow {position:absolute; width:0; height:0; border-color:transparent; border-style:solid;} .tooltip.top .tooltip-arrow {bottom:0; left:50%; margin-left:-5px; border-width:5px 5px 0; border-top-color:#000;} .tooltip.right .tooltip-arrow {top:50%; left:0; margin-top:-5px; border-width:5px 5px 5px 0; border-right-color:#000;} .tooltip.left .tooltip-arrow {top:50%; right:0; margin-top:-5px; border-width:5px 0 5px 5px; border-left-color:#000;} .tooltip.bottom .tooltip-arrow {top:0; left:50%; margin-left:-5px; border-width:0 5px 5px; border-bottom-color:#000;}*/ /* BxSlider*/ .sliderContent {display:none;} /*// Custom CSS //*/ body {background:white;} .navbar { margin-bottom: 10px; } /*.main-container {width:100%; min-height:500px;}*/ /*.main-container.pad30 {padding:10px 0;}*/ /*.page-wrap {max-width:980px; margin:0 auto;}*/ /*.page-wrap {*zoom:1;}*/ /*.page-wrap:before, .page-wrap:after {display:table; line-height: 0; content: "";}*/ /*.page-wrap:after {clear: both;}*/ /*Header*/ header {border-top:6px solid #6BCAFD; background:#fff; min-height:64px;} .search-wrap {border:solid #ddd; border-width:1px 0; background:#EFEFEF; min-height:36px; padding:12px 0} .logo {float:left; margin:0; margin-top:23px; overflow:hidden;} .logo strong {position:absolute; top:-999px; left: 0;} .logo img {display:block; height:16px; } /*Global Navigation Befor and After Login*/ .global-nav, .login-global-nav {display:block; overflow:visible; text-align:right; color:#E85237;} .global-nav > .content, .login-global-nav > .content {margin:23px 0;} .global-nav a, .global-nav span, .login-global-nav a, .login-global-nav span {font:18px/105% 'PtSansRegular', sans-serif; margin-left:10px;} .global-nav a, .login-global-nav a {color:#333; font-variant: small-caps; letter-spacing: 0.5px;} .global-nav a:hover, .login-global-nav a:hover {color:#6BCAFD; text-decoration:none;} .login-global-nav a, .login-global-nav span {margin-left:5px;} /*Profile Dropdown*/ .profile-dropdown {float:right; position:relative; z-index:5; margin:10px 0 0 15px;} .profile-dropdown > .content {display:none; position:absolute; z-index:1; background:#fff; width:133px; border:1px solid #ccc; border-top:none;} .profile-dropdown > .content > a {font:13px/120% 'OpenSansRegular', sans-serif; padding:8px 9px; display:block; color:#333; border-top:1px solid #ccc;} .profile-dropdown > .content > a:first-child {border-top:none;} .profile-dropdown > .content > a:hover {text-decoration:none; color:#6BCAFD} .profile-dropdown.active > .content {display:block; box-shadow:0 0 5px rgba(0,0,0,.15);} .profile-dropdown > .title {overflow:hidden; display:block; background:#fff; border:1px solid #ccc; border-radius:4px; padding:5px; cursor:pointer;} .profile-dropdown .thumbnail {float:left; height: 28px; width: 28px; overflow: hidden;} .profile-dropdown .label {float:left; padding:5px 0; width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:5px; cursor:pointer;} .profile-dropdown .icon-arw {float:left; margin-top:13px;} .profile-dropdown.active > .title {border-radius:0; box-shadow:0 0 5px rgba(0,0,0,.15);} .profile-dropdown .icon-user {display:none;} /*Footer*/ .footer-nav {display:block; overflow:hidden; text-align:right;} .footer-nav a{font-variant: small-caps;} .footer-nav a, .footer-nav span {display:inline-block; color:#333;} .footer-nav a:hover {color:#6BCAFD;} .footer-nav span {margin:0 10px;} .copyright {float:left; line-height:140%} .page-title, .page-title > .title{overflow:hidden; display:block; line-height:1;} .page-title > .title{text-overflow:ellipsis; white-space:nowrap; padding-right:10px;} .page-title > .step-nav + .title{line-height:1.9;} .page-title {background:#EFEFEF; border:1px solid #ddd; border-radius:4px; padding:15px;} /*SignUp Step*/ .signup-region, .property-region {display:block; width:100%} .signup-region .page-title, .property-region .page-title {margin-bottom:15px;} .step-nav {float:right; width:180px; height:30px; background:url(../img/stepbg.jpg) repeat-x 0 center} .step-nav > span {float:right; width:30px; height:30px; background-position:-50px -300px; text-align:center; line-height:30px; color:#EBEEF1; cursor:default;} .step-nav > span:first-child {float:left; background-position:0 -300px;} .step-nav > .active {background-position:-50px -350px; color:#fff;} .step-nav > span:first-child.active {background-position:0 -350px;} .socl-nav, .error-type, .feature-btn, .feature-btn > span, .property-region > .content {overflow:hidden; display:block;} .left-side {float:left; max-width:608px; width:100%} .right-side {float:right; width:357px; min-height:300px; margin-left:15px;} .single-table {width:100%} .single-table .field.label .label{max-width:135px} .single-table td {vertical-align:top; padding-top:7px} .single-table tr:first-child td {padding-top:0} .single-table td p {margin:10px 0 0} .single-table td p:first-child {margin-top:0} .single-table td .button-red {width: 221px;} .socl-nav {margin-top:10px} .socl-nav a {float:left; margin-left:7px} .socl-nav a:first-child {margin-left:0} .error-type{font:11px/14px 'OpenSansRegular', sans-serif; min-height:14px; margin-top:2px; color:#E85237;} .error-type span{display:none;} .error-type .right{float:right; text-align:right;} .error-type.inline{display:inline;} .note-type{font-family:'OpenSansRegular', sans-serif; text-align:left; font-size: 100%;} .note-type .grey{color:#7E7E7E; margin: 8px 0; display: block;} .feature-btn {background:#fff; border:1px solid #ccc; padding:20px; font-size:13px; line-height:140%; color:#333; display:table; box-shadow:0 0 3px rgba(0,0,0,.1);} .feature-btn:hover {text-decoration:none; background-color:#EFEFEF;} .feature-btn > .blue-circle{float:left; margin-right:10px;} .feature-btn > span {display:table-cell; vertical-align:middle} .feature-btn .icon-explore {background-position:-150px 0; background-color:#6BCAFD} .feature-btn .icon-earn {background-position:-250px 0; background-color:#28C2BA} .feature-btn .icon-quests {background-position:-350px 0; background-color:#E85237} .right-side .feature-btn {margin-top:7px} .right-side .feature-btn:first-child {margin-top:0} .property-region {margin-top:15px;} .property-content, .property-content > .content, .property-content > .content > .title, .invite-header, .invite-header > .title, .invite-nav, .select-invite, .select-friend .friend-content, .select-friend .friend-content > .label {overflow:hidden; display:block;} .property-list {display:table; width:100%;} .property-list > li {float:left; margin:0 10px 10px 0;} .property-list-inner {overflow:hidden; display:block; background:#fff; border:1px solid #ccc; box-shadow:0 0 2px rgba(0,0,0,.1); padding:14px; box-sizing:border-box} .property-list figure {width:290px; height:184px; overflow:hidden;} .property-list figure img {width:100%;} .property-list > li:nth-child(3n) {margin-right:0;} .property-list > li:hover {border-color:#6ACAFD; box-shadow:0 0 5px rgba(106, 202, 253,.4)} .property-content {font-size:12px; line-height:16px; margin-top:6px; min-height:50px;} .property-content > .content > .title {font:14px/135% 'OpenSansSemiBold', sans-serif;} .property-content h3, .property-content p{max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;} .property-ctrl{float:right; width:46px;} .quests-count{display:block; background:#6ACAFD; color:#fff; text-decoration:none; height:25px; border-radius:15px;} .quests-count > i{width:23px; height:25px; float:left; background-position:0 -100px} .quests-count span{float:left; line-height:24px; cursor:pointer;} .property-ctrl .icon-view{width:15px; height:16px; background-position:-150px -300px; float:right; margin-top:9px;} .property-ctrl .icon-view:hover{background-position:-150px -350px; } .alias-chkbx, .chkbox-margin{margin:6px 0 13px;} .prop-control{float:right; max-width:85px; min-width:46px;} .quests-uparrow{display:block; background:#6ACAFD; color:#fff; text-decoration:none; height:25px; border-radius:15px;} .quests-uparrow > .icon-whiteUp{float:left; margin:7.5px 5px 7.5px 7px;} .quests-uparrow span{display:block; line-height:25px; cursor:pointer; overflow:hidden;} .quests-uparrow:hover{text-decoration:none;} .invite-nav a {float:left; margin:10px 0 0 7px;} .invite-nav a:first-child {margin-left:0;} .invite-region {position:relative; z-index:1} .invite-region, .invite-region-footer {float:left; width:100%;} .select-invite {background:#fff; border:1px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,.16); padding-bottom:10px; max-height:239px; overflow-y:auto; padding-left:2px;} .select-invite::-webkit-scrollbar {width:6px; background:none; border:none; box-shadow:none;} .select-invite::-webkit-scrollbar-thumb {border:none; background:#959DA7; border-radius:5px;} .select-friend {display:inline-block; width:158px; margin:8px 0 0 8px; padding:10px; border:1px solid #F1F3F5; background:#F1F3F5;} @media screen and (-webkit-min-device-pixel-ratio: 0) { .select-friend {margin:8px 0 0 9px;} } .select-friend.active {border-color:#ccc; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.1);} .select-friend .thumbnail {float:left;} .friend-content {padding-left:10px;} .friend-content > .label {font-size:12px; color:#000; text-overflow:ellipsis; white-space:nowrap} .invite-region-footer [class^="button-"] {margin-left:10px;} .invite-region-footer [class^="button-"]:first-child {margin-left:0;} .icon-invite-arw {position:absolute; top:-6px; left:8px; width:13px; height:7px; background-position:-50px -100px;} .signup-page.social-invite .tabs-index > span {margin:7px 0 12px 7px} .signup-page {margin-bottom:20px} /*My Invite Page*/ .sorting-ctrl {float:right; position:relative; z-index:1; margin:16px 6px 0;} .sorting-ctrl > .content {display:none; position:absolute; z-index:1; background:#fff; width:100px; border:1px solid #ccc; border-top:none;} .sorting-ctrl > .content > a {font:12px/120% 'OpenSansRegular', sans-serif; padding:5px 10px; display:block; color:#333; border-top:1px solid #ccc;} .sorting-ctrl > .content > a:first-child {border-top:none;} .sorting-ctrl > .content > a:hover {text-decoration:none; color:#6BCAFD} .sorting-ctrl.active > .content {display:block; box-shadow:0 0 5px rgba(0,0,0,.15);} .sorting-ctrl > .title {overflow:hidden; display:block; background:#fff; border:1px solid #ccc; border-radius:4px; padding:0 5px; cursor:pointer; height:26px;} .sorting-ctrl .label {float:left; padding:4px 0; width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; font-size:12px;} .sorting-ctrl .icon-arw {float:left; width:10px; height:6px; background-position:-400px -250px; margin-top:10px;} .sorting-ctrl.active > .title {border-radius:0; box-shadow:0 0 5px rgba(0,0,0,.15);} .invite-feed, .invite-feed-content, .invite-feed .thumbnail a, .invite-feed-content .content, .invite-feed-content > .content > .title, .invite-feed-content .content > span {overflow:hidden; display:block;} .invite-feed-content .content {float:left; width:100%; max-width:728px;} .invite-feed {padding:14px 0; border-top:1px solid #ccc;} .invite-feed:first-child {border-top:none;} .invite-feed .thumbnail {float:left; width:86px; height:86px; margin-right:10px} .invite-feed-content > .content > .title a {font:16px/130% 'OpenSansSemiBold', sans-serif; color:#333; text-decoration:none} .invite-feed-content .content > span {line-height:160%} .invite-feed-content .content > span em, .invite-feed-content .content > span i {font-size:12px; color:#666} .invite-btn {float:right; margin:30px 0 0 10px; width:124px;} .icon-accept {width:17px; height:17px; background-position:-250px -250px;} .social-invite {overflow:hidden; display:block;} .social-invite .tabs-index {background:none;} .social-invite .tabs-index > span {float:left; margin:25px 0 13px 7px; position:relative; z-index:2} .social-invite .tabs-index > span:first-child {margin-left:0;} .social-invite .tabs-index > span .icon-arw {width:14px; height:8px; background-position:-400px -300px; position:absolute; bottom:-14px; left:50%; margin-left:-7px; display:none;} .social-invite .tabs-index > span a.active + .icon-arw {display:block;} .invite-byemail {overflow:hidden; display:block; background:#fff; padding:20px 13px; border:1px solid #CCC; box-shadow:0 0 5px rgba(0,0,0,.16)} .invite-byemail .invite-email {float:left; width:50%; margin-bottom:15px;} .invite-byemail .invite-email .field {margin-right:10px} .invite-byemail .invite-email .icon-add, .invite-byemail .invite-email .icon-remove {float:right; margin-left:10px;} .invite-byemail .button-red, .invite-byemail .button-grey {margin-top:15px;} /*By Dinesh*/ .email-form{list-style:none; padding:20px 10px 10px 8px;} .email-form > li{display:table; width:100%;} .email-form > li:first-child .field{float:left; width:44%; margin:0 2% 15px 0;} /*Dashboard by Dinesh*/ /*Left panel*/ .left-panel{background-color:#FFF; float:left; width:204px; border:1px solid #CCC; padding:12px; margin-right:15px; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.1); box-shadow:0 0 2px rgba(0, 0, 0, 0.1);} .userInfo-wrap{border-bottom:1px solid #D8D8D8; padding:0 6px 10px; text-align:center;} .profile-pic{width:81px; height:80px; overflow:hidden; -webkit-border-radius:250px; -moz-border-radius:250px; border-radius:250px;} .profile-pic img{width:100%; height:auto; -webkit-border-radius:250px; -moz-border-radius:250px; border-radius:250px;} .userInfo-wrap .profile-pic{margin:0 auto 10px;} .userInfo-wrap > span{display:block; padding-top:10px;} .userInfo-wrap span.user-name{font-size:18px; color:#333; font-family:'OpenSansSemiBold';} .userInfo-wrap span.user-comp{font-size:14px; color:#333;} .userInfo-wrap .designation{overflow:hidden; font-size:12px; font-style:italic; color:#666; padding-top:10px;} .userInfo-wrap .designation > span{display:inline-block; margin:0 2px;} .userInfo-wrap span.cont-number{font-size:18px; color:#28C2BA; font-family:'OpenSansSemiBold';} .quest-wrap{display:block; padding:0 6px 5px; margin-bottom:10px;} .quest-wrap .button-white .icon-quest {margin-right:5px; vertical-align:-2px} .user-value{display:table; width:100%;} .user-value aside{float:right; text-align:center; border-left:1px solid #D8D8D8; width:49.7%; padding:10px 0; font-size:18px; font-family:'OpenSansSemiBold';} .user-value aside:first-child{border-left:none; float:left;} .user-value aside small{display:block; font-family:'OpenSansRegular'; font-size:10px; line-height:1.2; margin-top:5px;} .details-btn{display:inline-block; line-height:1; background-color:#FFF; font-size:10px; color:#333; border:1px solid #D8D8D8; padding:5px 15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .details-btn:hover{background-color:#F5F5F5; text-decoration:none;} .user-value .details-btn{display:table; margin:8px auto 0;} .completion-profile{border-top:1px solid #D8D8D8; margin-top:10px; color:#000; padding:10px 6px; font-size:12px; font-family:'OpenSansSemiBold';} .profile-hd i{margin:3px 0 0 8px;} .proCompletion{width:120px; height:120px; margin:10px auto; overflow:hidden;} .proCompletion input{font-size:40px; font-family:'OpenSansSemiBold'; cursor:default;} .action-links{list-style:none; font-size:12px; font-family:'OpenSansSemiBold';} .action-links > li{padding:15px 6px; border-top:1px solid #D8D8D8;} .action-links > li a{color:#5F5F63;} .action-links > li a:hover{text-decoration:none;} .action-links > li .action-icons{float:right;} .action-links > li i{margin-left:8px; cursor:pointer;} /*Right panel*/ .right-panel{display:block; overflow:hidden;} .right-panel h1{font-size:28px; color:#333; margin-bottom:15px;} .boxes{background-color:#FFF; border:1px solid #CCC; padding:10px; color:#333; font-size:12px; line-height:140%; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 2px rgba(0, 0, 0, .2); box-shadow:0 0 2px rgba(0, 0, 0, .2);} .boxes .blue-circle{float:left; margin:0 8px 0 0;} .boxes > p{display:table-cell; height:70px; vertical-align:middle;} .boxes:hover{background-color:#EFEFEF; text-decoration:none;} .property-results > li{display:table; width:100%; border-bottom:1px solid #CCC; padding:15px 0;} .property-results > li figure{float:left; margin-right:15px;} .property-details{display:block; overflow:hidden; padding-bottom:1px;} .property-details .icon-help{margin:4px 0 0 8px;} .property-details p{margin:3px 0; font-size:14px;} .post-time{font-size:12px; color:#666; margin:5px 0 0 0;} .post-time label{color:#333;} /*End*/ /*Profile by Dinesh*/ .upload-proPic{background-color:#FFF; border:1px solid #CCC; padding:10px; float:left; margin-right:25px; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 2px rgba(0, 0, 0, .1); box-shadow:0 0 2px rgba(0, 0, 0, .1);} .upload-proPic figure{background-color:#F8F9FA; position:relative; width:218px; height:218px; overflow:hidden;} .upload-proPic .button-white{position:absolute; bottom:10px; left:10px; width:152px; overflow:hidden;} .upload-proPic input{position:absolute; top:-1px; right:-1px; font-size:28px; opacity:0; cursor:pointer;} .form-wrap{list-style:none;} .form-wrap > li{margin-top:21px;} .form-wrap > li:first-child{margin-top:0;} .content-box{margin-top:20px;} .content-box h2{background-color:#EFEFEF; border:1px solid #ddd; padding:15px; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} .content-box h2.header-curve{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .content-box h2 .icon-upArrow, .page-title .icon-upArrow{float:right; margin-top:3px;} .content-box h2 .icon-quest2{margin:2px 0 0 8px;} .content-box h2 .icon-flag2{margin:2px 0 0 8px;} .content-box > h2 > label{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px;} .box-container{background-color:#FFF; padding:15px; border:1px solid #ccc; border-top:none; box-shadow:0 0 2px rgba(0, 0, 0, .1);} .box-container.transparent-div {padding:0; border:none; background:transparent; box-shadow:none} .yellow-patch{background-color:#FFFCF0; border:1px solid #FFF0C1; padding:6px 10px;} .green-patch{background-color:#EDF5EA; border:1px solid #CEE3C6; padding:6px 10px;} .payout-estimate td{padding:10px; border-top:1px solid #DBDBDB; color:#333;} .payout-estimate tr:first-child td{border-top:none;} .payout-estimate td:first-child {width:70%;} .thumb{padding-left:20px; min-height:15px; position:relative;} .payout-estimate i{position:absolute; left:0; top:0;} .userDetail-form > li .field{margin-top:10px;} .userAddress-form > li{margin-top:8px; position:relative;} .userAddress-form > li:first-child{margin-top:0;} .userAddress-form > li .icon-remove, .userAddress-form > li .icon-add{position:absolute; bottom:0; right:0;} .userAddress-form > li .field{margin-top:3px;} .userAddress-form > li .zip-field{width:75%;} .nowrap-text{float: left; margin:2px 0 0; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /*End*/ /*--Account Setting by Ashok---*/ .account-setting {background:#FFF; margin:15px 0 0; color:#333;} .account-setting a {color:#333;} .account-setting li {padding:0; width:100%; border-bottom:1px solid #DBDBDB; overflow:auto; word-wrap: break-word;} .account-setting li:first-child {border-top:1px solid #DBDBDB;} .account-setting li .label {padding:16px 15px; background:#FFF; float:left; width:185px; text-transform:uppercase;} .content-region {overflow:auto; background:#F8F9FA;} .account-setting .content {border-left:1px dashed #CCC; margin:6px 0; padding:11px 11px 11px 15px; overflow:auto;} .account-setting .content .button-white {height:18px; padding:0; margin:0; min-width:93px; float:right; font:10px/18px 'OpenSansSemiBold', sans-serif;} .icon-password {width:106px; height:9px; background-position:-502px -2px; margin:5px 0 0;} .linked-ac-block {width:100%; overflow:hidden; background:none; margin:0; padding:0;} .linked-ac-block li {border:none!important; padding:9px 0 0;} .linked-ac-block li:first-child {padding:0;} .account-setting .linked-ac-block li .button-white {margin-top:5px;} .linked-account {width:80%; float:left;} .linked-account i {margin:0 9px 0 0; vertical-align:-9px;} .content-left {float:left; width:80%;} .warning {display:inline-block; border:1px solid #FFE495; font-size:12px; padding:5px; margin:10px 0 0; background:#FFFCF0;} .warning label {font-family:'OpenSansSemiBold';} .acc-link {display:none;} .account-setting a:hover .icon-facebook {background-position: -100px -150px;} .account-setting a:hover .icon-linkedin {background-position: -150px -150px;} .account-setting a:hover .icon-google {background-position: -200px -150px;} /*----Popup------*/ .popup{background:#FFF; overflow:hidden; border-radius:3px; position:absolute; z-index:10; left:20%; top:20%; width:98%; max-width:468px; color:#333; box-shadow:0 0 8px rgba(0,0,0,0.6); display:none;} .popup-content {padding:30px; text-align:center; position:relative;} .popup-content h2 {font-size:22px; text-transform:uppercase; padding:0 0 15px 0;} .popup-content p {padding:0 0 15px 0;} .block-button {width:100%; padding:10px 0 0;} .block-button a {display:inline-block; float:none; margin:0 5px; min-width:73px;} .close-popup {width:36px; height:21px; background:#E85237; position:absolute; top:12px; right:0; border-radius:50px 0 0 50px; text-align:left; z-index:5} .icon-close {width:19px; height:19px; background-position:-450px -200px; margin:1px; cursor:pointer;} .icon-close:hover {background-position:-450px -250px;} .popup-content .field {margin-top:5px;} .popup-content .field .textfield {font: 12px/150% 'OpenSansRegular', sans-serif;} .popup-content .upload-proPic{width:148px; margin-right:10px;} .popup-content .upload-proPic figure{background-color:#F8F9FA; height:146px; width:auto;} .popup-content .upload-proPic .button-white{width:86px; font-size:12px; bottom:50%; margin-bottom:-19px;} .popup-content .form-wrap > li{margin-top:10px; line-height:1;} .popup-content .form-wrap > li:first-child{margin-top:0;} .popup-content .form-wrap > li label.label{padding:0;} /*By Dinesh*/ .popup-wrap {display:none; background-color:#FFF; width:400px; position:absolute; xborder:1px solid #CCC; overflow:hidden; box-shadow:0 0 8px rgba(0, 0, 0, .2); border-radius:4px;} .popup-body {padding:20px;} .popup-footer{background-color:#FFF; border-top:1px solid #CCC; padding:10px 20px;} .popup-footer .button-red{display:block; float:none;} .edit-content td{border-top:1px solid #CCC; padding:10px; color:#333; vertical-align:middle;} .edit-content tr:first-child td{border-top:none; padding-top:0; font-family:'OpenSansSemiBold';} .edit-content tr:last-child td{padding-bottom:0;} .edit-content td .quest-count{margin:0; border:1px solid #ccc; box-shadow:0 0 2px rgba(0, 0, 0, .1);} .editPopup-hover{position:relative;} .large-popup{max-width:560px;} #viewModel{min-height:490px;} #forgotPassword .field{margin-top:30px;} #forgotPassword .field .textfield{height:38px; line-height:38px;} .popup-content .form-title{display:block; text-align:left; font-size:14px;} .popup-points{display:block; margin:0 auto; font-size:14px; list-style:none;} .popup-points > li{display: table; width: 100%; text-align:left; padding:8px 0; border-top: 1px solid #DBDBDB;} .popup-points > li:first-child{border-top: none;} .popup-points > li > strong{display: block; float: left; width:50%; padding-left:8px;} .popup-points > li > label{padding:0 8px; text-align: left;} .popup-points > li.selected{background-color:#F4F4F4;} /*--End---*/ /*Property Detail by Dinesh*/ .avgRent-rgt{display:table-cell; padding-left:15px; vertical-align:top;} .search-with-quest .button-white{display:block; line-height:36px; float:none; height:36px; padding:0 8px; position:relative; min-width:35px; box-shadow:0 0 2px rgba(0, 0, 0, 0.2); white-space: nowrap;} .search-with-quest .button-white .icon-quest{margin-right:5px; vertical-align:-2px;} .search-with-quest .button-white .button-red{margin-left:5px;} .property-header{display:table; width:100%;} .prophead-left{float: left;} .property-header .print-ico{float: left; margin-top: 10px;} .property-pic{margin-top:10px; display: block; background-color: #fff; float: left; margin-right: 10px; padding: 4px; width: 64px; height: 64px; overflow: hidden; border: 1px solid #CCCCCC; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);} .property-header h2{font-size:18px;} .property-header h2 > a{color: #333;} .property-header h2 [class^="icon-"], .property-header h2 [class*="icon-"]{margin:5px 0 0 4px;} .property-header small{display:block; margin:6px 0 0;} .property-header small a{margin:2px 6px 0 0; color: #5F5F63;} .property-header .rightFloat{margin:4px 0 0 0;} .content-box h2 .icon-quest{margin:2px 0 0 5px;} .quest-count{display:inline-block; font:14px/100% 'OpenSansRegular', sans-serif; background:#fff; color:#333; text-decoration:none; height:24px; padding:0 7px; margin:-4px 15px 0 0; border-radius:15px;} .quest-count .icon-blueUp, .quest-count .icon-whiteUp{display:inline-block; margin:5px 3px 0 0;} .quest-count > span{line-height:24px; cursor:pointer;} .quest-count:hover{text-decoration:none;} .building-details{float:left; width:65%; color:#333;} .building-details > li{float:left; width:27%; padding:1.5% 2%; background-color:#F1F3F5; margin:0 10px 10px 0; min-height:42px;} .building-details > li > span{display:block; color:#7D7D7D; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:100%;} .building-details > li .details-value{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:100%;} .details-value label{float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:80%;} .building-details > li .icon-edit{margin:0 0 0 5px;} .map-wrap{float:left; width:35%; height: 240px;} [class^="circle-"], [class*="circle-"]{display:inline-block; width:12px; height:12px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;} .circle-blue{background-color:#6ACAFD;} .circle-red{background-color:#E85237;} .circle-aquamarine{background-color:#28C2BA;} .summary-table{width:100%; background:#fff; color:#333; font-size:14px;} .summary-table th{text-align:left; vertical-align:middle; padding:10px; font-family:'OpenSansSemiBold'; font-weight:normal;} .summary-table .label{padding:0} .summary-table th:first-child{xborder-left:1px solid #DBDBDB;} .summary-table th.action-column{xborder-right:1px solid #DBDBDB;} .summary-table th small{font-size:12px; color:#666;} .summary-table td{border-top:1px solid #DBDBDB; padding:10px;} .summary-table td .icon-quest2{margin:0 15px;} .summary-table td [class^="circle-"], .summary-table td [class*="circle-"]{margin-right:8px; vertical-align:-1px;} .summary-table tr:first-child + tr td{border-top:1px solid #DBDBDB;} .summary-table td .smryDtl-left{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .summary-table td .sqFt-price{display:block; float:right; margin-left:10px;} .summary-table th.floor-column{width:48px;} .summary-table th.rent-column{width:140px;} .summary-table th.action-column{width:80px;} .marketplace-list .property-content{min-height:inherit;} .marketplace-list .property-content{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:250px;} .plan-details > li label{display:block; margin-bottom:4px;} .plan-details > li a{display:block; background-color:#EFEFEF; float:left; width:49%; margin-left:2%; font-family:'OpenSansSemiBold'; color:#333; padding:5px 0; text-align:center;} .plan-details > li a:nth-child(2){margin-left:0;} .plan-details > li a:hover{background-color:#6ACAFD; color:#FFF; text-decoration:none;} .progressBar{display:block; border:2px solid #FFF; border-radius:3px; width:160px; float:left; margin:1px 20px 0 0;} .progressBar .bar{display:block; float:left; background-color:#28C2BA; height:8px; position:relative;} .progressBar .bar-completion{position:absolute; font-size:12px; width:24px; right:-12px; top:12px;} /*End*/ /*Tenant Owner Detail by Dinesh*/ .titleRgt-icons a{float:left; margin-left:12px; margin-right:0;} .floor-details{float:none; display:table; width:100%;} .floor-details > li{width:14.4%; margin:0 0 0 2%;} .floor-details > li:first-child{margin:0;} .details-value label small{font-size:12px; color:#666;} .floorDetails-tabs{display:inline-block; width:101%;} .floorDetails-tabs > li{float:left; width:33.33%;} .floorDetails-tabs > li > section{background:#fff; padding:10px; border:1px solid #ccc; margin:0 10px 10px 0; box-shadow:0 0 2px rgba(0,0,0,.1); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .floorDetails-tabs > li > section:hover{border:1px solid #6ACAFD; box-shadow:0 0 8px rgba(106, 202, 253, .4);} .floorDetails-tabs > li figure{margin-bottom:10px; height:195px; overflow:hidden;} .floorDetails-tabs > li figure img{display:block; width:100%; /*max-height: 100%;*/} .white-active > a.active{background-color:#FFF;} .floor-notes > li{display:table; width:100%; padding-top:15px;} .floor-notes > li .quest-count{margin:0; border:1px solid #ccc; box-shadow:0 0 2px rgba(0, 0, 0, .1);} .notes-text .rightFloat{margin-top:10px;} .notes-text .icon-edit{margin:3px 10px 0 0;} .floor-notes > li .field{height:60px; overflow:hidden;} .bdrBtn-gray{background-color:#efefef; display:inline-block; border:1px solid #CCC; padding:21px; font-size:12px; color:#333; border-radius:3px; text-align:center;} .bdrBtn-gray:hover{background-color:#ebeaea; text-decoration:none;} .floor-notes > li .notes-btns{float:right; margin-left:10px;} .notes-btns > a{float: left; margin-left: 10px;} .notes-btns > a:first-child{margin-left: 0;} .ownerDetails-popup{max-width:900px;} .ownerDetails-table{width:100%; background:#fff; color:#333; font-size:14px; margin-bottom:10px;} .ownerDetails-table th{text-align:left; vertical-align:top; padding:10px; font-family:'OpenSansSemiBold'; font-weight:normal;} .ownerDetails-table .label{padding:0} .ownerDetails-table th:first-child{xborder-left:1px solid #DBDBDB;} .ownerDetails-table th.action-column{xborder-right:1px solid #DBDBDB;} .ownerDetails-table th small{display:block; font-size:12px; color:#666;} .ownerDetails-table td{border-top:1px solid #DBDBDB; padding:10px;} .ownerDetails-table tr:first-child + tr td{border-top:1px solid #DBDBDB;} .ownerDetails-table td .quest-count{margin:0; border:1px solid #ccc; box-shadow:0 0 2px rgba(0, 0, 0, .1);} .ownerDetails-table td .icon-view2{margin:2px 10px 0 0;} .ownerDetails-table td:first-child .label{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:150px;} .ownerDetails-table th.actualRent-column{width:92px;} .ownerDetails-table th.lease-column{width:75px;} .ownerDetails-table th.lastBy-column{width:85px;} .ownerDetails-table th.lastOn-column{width:85px;} .ownerDetails-table th.action-column{width:85px;} /*End*/ /*Add Property by Dinesh*/ .row-fluid .two-row{float:left; width:48.664757228587014%; *width:48.717948717948715%; margin-left:2.5109110747408616%; *margin-left:2.564102564102564%;} .row-fluid .two-row:first-child{margin-left:0;} .form-wrap > li .form-title{display:table; margin-bottom:5px; overflow:auto;} .form-title .icon-help{margin:2px 0 0 8px;} .view-link{float:left; font-size:12px; margin-right:10px;} .view-link i{margin:1px 5px 0 0;} .view-link:hover .icon-view{background-position:-250px -350px;} .icon-addMob{display:block; background-image:none; width:auto; height:auto;} .yourAd-wrap > li{width:33.33%;} .yourAd-wrap > li .quest-count{background-color:#6ACAFD; float:right; color:#FFF; margin:8px 0 0;} .yourAd-wrap > li p{font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:95%; margin-top:4px;} .yourAd-wrap > li .icon-edit{margin:2px 0 0 5px;} .two-buttons{display:table; width:100%; margin-top:20px;} .two-buttons [class^="button-"], .two-buttons [class*="button-"]{margin-left:15px;} .two-buttons [class^="button-"]:first-child, .two-buttons [class*="button-"]:first-child{margin-left:0;} /*11-09-2013*/ .add-thumb, .add-thumb .qq-upload-button{background:none; position:absolute !important; height:100%; width:100%; left:0; top:0;} .add-thumb .qq-uploader{position:static;} .add-thumb .qq-upload-button > div{display:none;} .edtable-label{min-height:26px; line-height:26px;} .edtable-label input{display:none; padding:0 2%; height:22px; font-size:13px; width:95.5%; background:#fff; border:1px solid #ccc; box-shadow:inset 1px 1px 4px rgba(0,0,0,.05), inset -1px -1px 4px rgba(0,0,0,.05); box-sizing:border-box; -mox-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;} .addEdit-pic{float:left;} .upload-title{display:block; margin-bottom:5px;} .addEdit-pic .upload-proPic{float:none; margin-right:20px;} .addEdit-pic figure{background-color:#FFF; width:80px; height:80px;} .addEdit-pic .details-btn{position:absolute; bottom:4px; left:10px; width:64px; padding:0; font-size:11px; height:20px; line-height:20px; overflow:hidden;} .addEdit-pic .details-btn .qq-upload-button-focus, .addEdit-pic .details-btn .qq-upload-button-hover > div{background-color:#F5F5F5; font-size:11px; font-family:'OpenSansRegular'; line-height:20px;} .blue-text{color:#6BCAFD;} .addImg-phone{display:none; margin:-2px 10px 0 0; float:left; position:relative; overflow:hidden; height:20px; line-height:20px; padding:0; width:100px;} .addImg-phone .qq-upload-button-focus, .addImg-phone .qq-upload-button-hover > div{background-color:#F5F5F5; font-size:11px; font-family:'OpenSansRegular'; line-height:20px;} /*End*/ /*Edit View by Dinesh*/ .hdRgt-btns{display:inline-block; float:right; margin-top:1px;} .hdRgt-btns [class^="button-"], .hdRgt-btns [class*="button-"]{padding:0 8px; margin-left:10px;} .hdRgt-btns [class^="button-"]:first-child, .hdRgt-btns [class*="button-"]:first-child{margin-left:0;} .hdRgt-btns .icon-arw{margin:8px 0 0 8px;} .nonEditable{background-color:#F3F3F3; font-size:12px; padding:5px 10px; color:#333; font-family:'OpenSansSemiBold'; min-height:20px;} .nonEditable > .overflow{text-overflow:ellipsis; white-space:nowrap; padding-right:5px;} .nonEditable .rightFloat a{float:left; margin-top:1px;} .quest-count2{display:inline-block; color:#333; font-size:14px; font-family:'OpenSansRegular';} .quest-count2:hover{text-decoration:none;} .nonEditable .rightFloat .quest-count2{margin:0 10px 0 0;} /*End*/ /*Marketplaces by Dinesh*/ .pro-list{margin-top:20px; width:102%;} .pro-list > li{width:33.2%;} .pro-list > li > section{margin:0 15px 15px 0;} .pro-list > li .pro-name{font-size:12px;} .pro-list > li .pro-name, .pro-list > li .title{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .viewMode-wrap{padding:20px 0 0; text-align:left;} .viewMode-wrap figure{margin-bottom:10px;} .viewMode-wrap figure img{width:100%;} /*End*/ /*Tenant-Page-for-property- by Ashok -*/ label.label{display:block; padding:0 0 7px 0; color:#333;} .field-label {float:right; border-left:1px solid #CCC; height:20px; padding:0 0 0 5px; margin:4px 0 0 5px; color:#999; font-style:italic; font-size:12px; line-height:20px;} .sq-perft {width:128px; float:right; margin:0 0 0 5px;} .sq-perft select.form-select {font-size:10px;} .icon-clndr {width:13px; height:13px; background-position:-350px -150px; cursor:pointer; position:relative; z-index:1;} .icon-clndr:hover {background-position:-400px -150px;} .field .icon-clndr {margin:7px 0 0 -13px; float:right;} .propertytabs .tabs-index > a.active {background:#FFF;} .propertytabs .floorDetails-tabs > li > section h3 {display:inline-block;} /*.icon-delete {width:14px; height:14px; background-position:-500px -50px; vertical-align:-1px; cursor:pointer;} .icon-delete:hover {background-position:-500px -100px;}*/ .propertytabs .floorDetails-tabs > li .icon-delete {float:right;} .comment-info {width:100%; padding:15px 0;} .comment-info .field textarea.textfield {height:40px; min-height:40px;} .add-image {border:1px dashed #A9A9A9; background:#EEE; position:relative; overflow:hidden;} .add-image label {min-width:100%; text-align:center; display:block; color:#CCC; font-size:30px; line-height:38px; max-width:193px; position:absolute; left:0; top:50%; margin:-18% 0 0 0;} .add-image input[type="file"] {opacity:0; width:100%; height:100%; cursor:pointer; position:absolute; left:0; top:0;} .editimg-title {overflow:hidden; margin:-5px 0 -2px 0;} .editimg-title .textfield {height:21px; font-size:10px;} .editimg-title .field {min-height:21px;} .back-block {width:100%; padding:0 0 13px; margin:0 0 13px 0; border-bottom:1px solid #DBDBDB; overflow:hidden;} .back-block .details-btn {min-width:30px; text-align:center; float:left;} .back-block h2 {margin:1px 0 0 13px; display:inline-block; font-size:18px;} .back-block .rightFloat span {font-size:32px; color:#999; height:20px; line-height:19px;} .marketplace-region .warning {font-size:14px; padding:12px 15px; margin:15px 0;} .floorDetails-tabs.marketplace-tab > li {width:247px;} /*.floorDetails-tabs.marketplace-tab .add-image {height:193px;}*/ .floorDetails-tabs.marketplace-tab h3.title {display:inline-block;} .tageline{display:block; font-size:12px; padding:5px 0 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .tageline a {display:inline-block; text-align:center; color:#333;} .center {text-align:center;} .floorDetails-tabs > li > section .icon-edit {vertical-align:-1px; margin:0 0 0 5px; cursor:pointer;} .map-region{padding:10px; border:1px solid #CCC; overflow:hidden; background:#FFF; box-shadow:0 0 2px rgba(0, 0, 0, 0.1); height: 260px;} .result-view {display:inline-block; width:100%; padding:12px 0; /*border-bottom:1px solid #CCC;*/ min-height:32px;} .result-view .title {font-size:18px; margin:4px 0 0; color:#333; display:inline-block;} .result-view-region {width:100%; padding:0 0 10px 0; } .resutl-footer {display:block; width:100%;} .icon-mark {width:4px; height:4px; background-position:-550px -50px; vertical-align:middle; margin:0 4px;} .result-view-region .property-details{width:65%; float:left;} .detail-right {float:right; margin:15px 0 0; text-align:right;} .detail-right .warning {display:block; font-size:11px; padding:1px 3px; text-align:left;} .property-type {display:inline-block; padding:5px 0 0;} .search-tag {display:inline-block; background:#FFF; border:1px solid #E4E9EF; border-radius:3px; padding:5px 10px; font-weight:normal; font:14px/100% 'OpenSansRegular', sans-serif;} .search-tag:hover {text-decoration:none;} .icon-removetag {width:10px; height:10px; background-position:-600px -50px; vertical-align:-1px; margin:0 0 0 3px; opacity:0.8;} .icon-removetag:hover {opacity:1;} .result-property-specific {width:100%; overflow:hidden; list-style-type:none;} .result-property-specific li {width:100%; overflow:hidden; padding:15px 0; border-bottom:1px solid #E4E4E4;} .resultcontent {overflow:hidden; position:relative; padding:0;} .result-property-specific li .thmb {width:86px; height:86px; display:block; float:left; margin:0 14px 5px 0;} .result-left {float:left; width:70%; overflow:hidden;} .result-left a {font-size:16px;} .result-left p {padding:10px 0;} .result-left p a {font-size:14px;} .result-button {float:right; text-align:right; width:20%;} .result-button a {float:right; margin:0; min-width:124px;} .result-button a.button-white.small {margin:0 0 10px 0;} .icon-or {width:24px; height:24px; background-position:-550px -100px; margin:9px 8px 0; float:left;} .rightblock {float:right; text-align:right;} .sorting-dropdown {margin:0 0 0 10px; position:relative; display:inline-block; vertical-align:-12px;} .sorting-dropdown label {cursor:pointer; float:left;} .sorting-dropdown .icon-arw {width:10px; height:6px; margin:12px 0 0 10px; float:right; background-position: -400px -250px;} .sorting-dropdown .listcontent {position:absolute; top:31px; left:0; background:#FFF; border: 1px solid #ccc; z-index: 1; box-shadow: 0 0 5px rgba(0,0,0,.15); width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:left; display:none;} .sorting-dropdown .listcontent a {display:block; padding:5px; color: #333; border-top: 1px solid #ccc;} .sorting-dropdown .listcontent a:hover {text-decoration:none; color:#6BCAFD;} .sorting-dropdown .listcontent a:first-child {border-top:0;} .list-button {background:#fff;border: 1px solid #ccc; display:block; min-width:140px; padding:0 10px;cursor: pointer;overflow: visible;height:30px;text-align: center; border-radius:3px;color: #333; font: 12px/30px 'OpenSansSemiBold', sans-serif;} .list-button:hover {text-decoration:none;} /*------New Updates 27-09-2013--*/ .iconTabs a{height:22px; padding:15px 20px; line-height:24px;} .iconTabs [class^="icon-"], .iconTabs [class*="icon-"]{vertical-align:middle; margin-right:6px;} .iconTabs .icon-quest2, .iconTabs .icon-quest2:hover{background-position:-450px -100px; height:22px;} .iconTabs a.active .icon-home{background-position:-500px -250px;} .iconTabs a.active .icon-avlSpace{background-position:-550px -250px;} .iconTabs a.active .icon-quest2{background-position:-500px -100px;} .iconTabs a.active .icon-mrtPlace{background-position:-600px -250px;} .seeMore{padding:10px 0 20px; text-align:center; font-size:16px;} /*---------Loader--*/ .loader-block {width:100%; overflow:hidden; min-height:45px; padding:5px 0; margin:10px 0; text-align:center;} .loader {width:30px; height:30px; background:url(../img/miniballs.gif) no-repeat 0 0; background-size:30px; display:inline-block; vertical-align:middle; margin:0 10px 0 0;} .fullPage-loader{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/loaderBtn.gif) no-repeat center; background-color:rgba(255,255,255,.8); box-shadow:inset 1px 1px 0 #E85237, inset -1px -1px 0 #E85237; border-radius: 3px; z-index:999;} /*Map Tooltip*/ .map-tooltip {float:left; width:380px; background:#fff; border:1px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,.08); border-radius:4px; position:relative;} .map-tooltip-inner, .tooltip-top, .tooltip-bottom, .tooltip-content, .tooltip-content > .title, .tooltip-content > .content, .tooltip-content > .content p, .map-ctrl {overflow:hidden; display:block;} .tooltip-top {padding:15px;} .tooltip-bottom {padding:10px 15px; border-top:1px solid #ccc; background:#EFEFEF; border-radius:0 0 4px 4px} .tooltip-top .thumbnail {float:left; width:86px; height:86px; margin-right:10px;} .tooltip-content > .title {font-size:16px; line-height:135%;} .tooltip-content > .content p {margin:3px 0 0} .map-ctrl {text-align:center;} .map-ctrl > a {font-size:12px;} .map-ctrl > span {margin:0 10px; font-size:14px;} .map-tooltip > .icon-arw {float:left; width:12px; height:13px; background-position:-650px 0; margin-top:13px; position:absolute; top:-25px; left:25px;} /*Alert Message*/ .alert .close {float:right; font-size:20px; font-weight:bold; line-height:20px; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20)} .alert .close:hover, .close:focus {color:#000; text-decoration:none; cursor:pointer; opacity:.4; filter:alpha(opacity=40)} .alert button.close {padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none} .alert {padding:7px 24px 7px 10px; margin-bottom:20px; text-shadow:0 1px 0 rgba(255,255,255,0.5); background-color:#fcf8e3; border:1px solid #fbeed5; border-radius:3px} .alert, .alert h4 {color:#c09853} .alert h4 {margin:0} .alert .close {position:relative; right:-14px; line-height:20px} .alert-success {color:#468847; background-color:#dff0d8; border-color:#d6e9c6} .alert-success h4 {color:#468847} .alert-danger, .alert-error {color:#b94a48; background-color:#f2dede; border-color:#eed3d7} .alert-danger h4, .alert-error h4 {color:#b94a48} .alert-info {color:#3a87ad; background-color:#d9edf7; border-color:#bce8f1} .alert-info h4 {color:#3a87ad} .alert-block {padding-top:14px; padding-bottom:14px} .alert-block>p, .alert-block > ul {margin-bottom:0} .alert-block p+p {margin-top:5px} /*Manage Marketplace Page : Start*/ .marketplace-manage, .marketplace-manage > .title, .marketplace-manage > .content {overflow:hidden; display:block;} .marketplace-manage > .title .label {float:left; font-size:18px; max-width:526px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .marketplace-manage .right-title {float:right} .marketplace-manage > .content {border:1px solid #ddd; margin-top:20px; border-radius:4px 4px 0 0} .mrktplc-manage-table {margin-top:20px; border:1px solid #ddd; border-radius:5px 5px 0 0;} .mrktplc-manage-table th {font:12px/13px 'OpenSansSemiBold', sans-serif; text-align:left; background:#EFEFEF; padding:5px 0; vertical-align:middle; padding:8px;} .mrktplc-manage-table .label {padding:0} .mrktplc-manage-table .thumbnail {display:inline-block; width:48px; height:48px;} .mrktplc-manage-table td {border-top:1px solid #ccc; padding:8px; background:#fff; font:12px/13px 'OpenSansRegular', sans-serif; } .mrktplc-manage-table th.td-thumb {width:48px} .mrktplc-manage-table th.att-property {} .mrktplc-manage-table th.status {width:45px} .mrktplc-manage-table th.next-charge {width:75px} .mrktplc-manage-table th.last-edited {width:75px} .mrktplc-manage-table th.last {width:18px} .icon-managemenu {width:18px; height:16px; background-position:-650px -50px;} .icon-managemenu:hover, .icon-managemenu.active {background-position:-650px -100px;} .manage-dropdown {width:206px; border:1px solid #ccc; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.15); position:absolute; right:0; top:17px; z-index:10; display:none} .manage-dropdown.popupBtm{top:auto; bottom:17px;} .manage-dropdown > a {font:12px/120% 'OpenSansRegular', sans-serif; padding:8px 10px; display:block; color:#333; border-top:1px solid #ccc;} .manage-dropdown > a:first-child {border-top:none;} .manage-dropdown > a:hover {text-decoration:none; color:#6BCAFD} /*.marketplace-manage .title .label {max-width:500px;}*/ /*Account Details by Dinesh*/ .property-header .icon-export{margin:-2px 0 0 5px;} .wallet-wrap{background-color:#FFF; border:1px solid #ccc; border-radius:6px; box-shadow:0 0 2px rgba(0, 0, 0, .1);} .wallet{display:table; width:100%; font-size:14px; padding:10px 0;} .wallet > li{float:left; width:33.2%; border-left:1px dashed #ccc; min-height:25px; padding:5px 0; line-height:30px;} .wallet > li:first-child{border:none;} .wallet > li .overflow{padding-left:15px;} .wallet > li .overflow label{color:#999; font-family:'OpenSansSemiBold';} .wallet > li .wallet-value{float:right; color:#28C2BA; font-family:'OpenSansSemiBold'; padding:0 15px 0 10px;} .wallet > li .button-red{float:right; margin-right:10px; font-size:14px; padding:0 25px;} .mrktWallet > li{width:39.5%;} .mrktWallet > li.ad-btn{width:20%;} .mrktWallet > li .button-red{padding:0 15px;} .accountDetails-table{width:100%; color:#333; font-size:14px; margin-top:20px; border-bottom:1px solid #DBDBDB;} .accountDetails-table th{text-align:left; vertical-align:top; padding:10px; font-family:'OpenSansSemiBold'; font-weight:normal;} .accountDetails-table .label{padding:0; min-height:20px;} .accountDetails-table td{border-top:1px solid #DBDBDB; padding:10px; vertical-align:top;} .accountDetails-table td small{font-size:12px;} .accountDetails-table th.date-column{width:150px;} .accountDetails-table th.credits-column{width:145px;} .accountDetails-table th.debits-column{width:160px;} .accountDetails-table tr.account-total{background-color:#F4F4F4; font-family:'OpenSansSemiBold';} .accountDetails-table tr.account-total .label{color:#28C2BA;} .accountDetails-table tr.account-total td small{display:block; font-size:10px; color:#999; line-height:1.2;} .accountDetails-table tr.account-total td:first-child{vertical-align:middle;} .accountDetails-table tr.account-total td:first-child .label{color:#333;} /*404 Page Not Foung*/ .notfound-region, .notfound, .notfound > .title {overflow:hidden; display:block;} .notfound {text-align:center; padding:60px;} .notfound > .title {font:28px/120% 'PtSansRegular', sans-serif; margin:10px 0 20px} .notfound .button-red {width:180px; float:none; display:inline-block} /*Manage Marketplace Page : Ens*/ .popuplarge {width:680px;} /*Blank Content*/ .blank-content {overflow:hidden; display:block; background:#EFEFEF; border:1px solid #ccc; border-radius:4px; padding:40px 70px; margin:20px 0; text-align:center; font:14px/160% 'OpenSansRegular', sans-serif;} .blank-content .mark {color:#fff; background:#6BCAFD; padding:0 5px 1px; border-radius:3px; white-space:nowrap} .blank-content .mark:hover {text-decoration:none; box-shadow:inset 0 0 10px rgba(0,0,0,.15)} /*Reset Password*/ .resetPass-wrap{max-width:500px; margin:25px auto 0;} /*Add Details*/ .bdrTop{border-top:1px solid #CCCCCC;} .addEdit figure{width:146px; height:146px;} .addEdit .button-white{top:50%; margin-top:-20px; bottom:none; width:84px;} .addDetails-form > li .field textarea.textfield{height:auto; min-height:inherit;} .acBalance{display:inline-block; width:100%; padding:0; font-size:16px;} .left-balance-full{float:left; padding:15px 0;} .left-balance-full p{padding-left:10px;} .left-balance, .right-balance{float:left; width:50%; padding:15px 0;} .right-balance{border-left:1px solid #CEE3C6; width:49.8%;} .left-balance > .leftFloat, .right-balance > .leftFloat{padding:0 10px; line-height:34px;} .left-balance .rightFloat, .right-balance .rightFloat{padding-right:15px;} .blanceValue{display:inline-block; border-radius:50px; background-color:#15C2BB; color:#FFF; font-size:18px; height:34px; line-height:34px; padding:0 15px;} .blanceValue.redValue{background-color:#EA512E;} .acBalance .button-white{border-radius:50px; height:32px; line-height:32px; margin-left:10px;} .yellow-patch .right-balance{border-color:#FFF0C1;} .buttons-wrap{display:table; width:100%; margin-top:10px;} .buttons-wrap [class^="button-"], .buttons-wrap [class*="button-"]{margin-left:15px;} .buttons-wrap [class^="button-"]:first-child, .buttons-wrap [class*="button-"]:first-child{margin:0;} .addmrket-popup{margin-top:10px;} .addmrket-popup .left-select{position:relative; padding-right:70px;} .addmrket-popup .left-select .button-red{position:absolute; right:0; top:0; margin-left:10px; height: 31px; line-height: 31px;} .or-wrap{position:relative; border-bottom:1px dotted #ccc; margin:25px 0;} .or-wrap > span{position:absolute; left:50%; top:-9px; margin-left:-17px; background-color: #FFFFFF; width:34px; text-align:center;} .addmrket-popup .block-button{margin:0;} .avg-btn {float:right; vertical-align:top; background:#fff; color:#333; border-radius:4px; overflow:hidden; width:300px} .avg-btn:hover {text-decoration:none;} .avg-rate {float:right; width:95px; text-align:center; background:#E56E00; border:1px solid #C86000; color:#fff; font-size:22px; line-height:36px; min-height:36px; border-radius:0 4px 4px 0;} .avg-btn .overflow {padding:8px; border:1px solid #ccc; border-right:none; border-radius:4px 0 0 4px; min-height:20px; white-space: nowrap; line-height: 1.4;} .avg-btn .overflow span{margin-left:5px} .avg-btn .overflow span:first-child {margin-left:0} .title-icons [class^="icon-"], .buttons-wrap [class*="icon-"]{margin-left:10px;} .title-icons .icon-add{background-position: -154px -254px; width: 20px; height: 20px;} .title-icons .icon-add:hover{background-position: -204px -254px;} /*28-05-2014*/ .DeleteIco{float:right; margin:5px 0 0;} .earning-region {display:block; overflow:hidden; text-align:center; color:#666; padding:45px 0;} .earning-region li {float:left; padding:12px 15px;} .earning-region li > span:after {content:""; border-left:1px solid #D8D8D8; height:69px; position:absolute; margin: -12px 0 0 15px; top:0; right:0} .earning-region li > span {padding-right:15px;} .earning-region li span{display:block; position:relative;} .earning-region li:last-child > span{padding:0;} .earning-region li:last-child span:after {border:0;} .earning-region li span + span {padding:10px 0 0 0;} .earning-amount {font-size:30px; color:#28C2BA; font-family: 'OpenSansSemiBold';} .earning-detail {font-size:12px; color:#666; text-transform:uppercase;} /*Tab Navigation*/ .mob-dropdown {margin:20px 0;} .tab-nav {background:#fff; box-shadow:inset 0px 0px 1px rgba(0,0,0,0.5); border-radius:7px; overflow:hidden } .tab-nav a, .tab-text {background:#fff; padding:16px 20px; float:left; border:1px solid #ddd; color:#666; border-right:none; font-size:16px; text-decoration:none;} .tab-text.close{border-radius:7px 7px 0 0;} .tab-nav a.active {background:#31B6FD; color:#fff;} .tab-nav a.activeTab .icon-up-arrow {background-position:-650px -200px;} .dr-name {font-size:14px; padding:0 0 10px 0;} .bullet-1 {padding:0 5px;} .box-container .big-label {font-size:18px;} .text-1 {font-style:italic; font-size:14px; padding:5px 0; color:#666;} .tab-text {float:none; border-radius:7px 7px 0 0; border-right:1px solid #ddd; color:#28C2BA; font-size:18px;} .tab-text::after{content:""; background-position:-650px -150px; height:8px; width:14px; background-image:url(../img/sprite-image.png); display:block; float:right; margin-top:6px;} .tab-text {padding:12px 15px; border-radius:7px;} /*ANMOL'S SKILLS*/ .skill-name li {margin: 0 0 5px 0; height:32px; width:33.3%; float:left;} .skill-name li:last-child {margin:0;} .skill-name .skill-wrap{overflow:hidden; background:#fff; display:inline-block; cursor:pointer;} .skill-button {background:#F8F9FA; padding:5px; color:#333; display:inline-block; width:40px; text-align:center; border:1px solid #ccc; float:left; border-radius:5px 0 0 5px; height:18px;} .skill-button + span {padding:5px 10px; border:1px solid #ccc; display:inline-block; border-left:0; border-radius:0 5px 5px 0; height:18px;color:#5f5f63;} .skill-name .skill-wrap:hover .skill-button {background:#6ACAFD; color:#fff; border-color:#6ACAFD;} .skill-wrap .icon-grayUp{margin:3px 3px 0 0} .icon-grayUp{background-position:-650px -250px; width:8px; height:10px;} .skill-name .skill-wrap:hover .icon-grayUp{background-position:-100px -350px;} /*Special Skill*/ .special-skills li{margin: 0 0 5px 0; height:32px; width:33.3%; float:left;} .special-skills .skill-wrap{overflow:hidden; background:#fff; display:inline-block;} .special-skills .skill-name {padding:5px 10px; border:1px solid #ccc; display:inline-block; border-right:0; border-radius:5px 0 0 5px; float:left; height:18px;} .special-skills .icon-remove {border-radius:0 5px 5px 0; float:left; cursor:pointer} .icn-bigPlus{background-position:-300px -100px; width:30px; height:30px;} /*Dashboard*/ .leftPanelEaringPoints .earning-region {padding:0;} .leftPanelEaringPoints .earning-region li:nth-of-type(3) {max-width:100%; width:100%; padding:12px 0 5px 0; border-top:1px solid #D8D8D8;} .leftPanelEaringPoints .earning-detail {font-size:10px;} .leftPanelEaringPoints .earning-region li {padding:12px 0;} .leftPanelEaringPoints .earning-region li:nth-of-type(2) span:after {border:0;} .leftPanelEaringPoints .earning-region li:nth-of-type(2) > span {padding:0 0 0 15px;} .leftPanelEaringPoints .earning-region li > span:after {height:53px; margin:-3px 0 0 15px;} .leftPanelEaringPoints .earning-region .earning-amount{font-size:20px;} .leftPanelEaringPoints .earning-region li span + span {padding:0;} .icon-share {background-position:-650px -350px; width:14px; height:17px;} .share-btn {padding:10px 0 0 0; display:inline-block;} .share-btn .button-white {height:30px; line-height:30px; display:inline;} .share-btn .icon-share {margin:2px 5px 0 0;} .blue-text {color:#6BCAFD;} /*Dashboard : Leaderboard*/ .quest-count-btn {display:inline-block; font:14px/100% 'OpenSansRegular', sans-serif; color:#fff; text-decoration:none; height:24px; padding:0 10px 0 5px; border-radius:15px; background-color: #6ACAFD; line-height:24px;} .quest-count-btn .icon-whiteUp {display:inline-block; margin:5px 0 0 3px;} .congratulate {font-size:14px;} .congratulate .blue-text {font-family:'OpenSansSemiBold', sans-serif;} /*10-6-2014*/ .my-profile-wrap {padding:15px; border:1px solid #ccc; background:#fff;} /*.profile-detail > span.user-name {margin-top: 20px}*/ .profile-detail > span {display:block; padding-bottom:10px;} .profile-detail .user-name {font-size:18px; color:#333; font-family: 'OpenSansSemiBold';} .profile-detail .user-comp {color: #333; font-size:14px; padding-bottom:5px;} .profile-detail .user-comp > span {font-family: 'OpenSansSemiBold';} .profile-detail .designation {color: #666666; font-size:12px; font-style:italic; overflow:hidden;} /*Portfolio Region */ .portfolio-region .left h2{padding:10px 0 0 0;} .portfolio-region .property-header {border-bottom:1px solid #ccc; padding:0 0 10px 0;} .portfolio-region .resutl-footer {padding:3px 0 2px 0;} /*Common Table*/ .main-table-wrap { margin:20px 0 0 0; overflow:hidden; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #ddd;} .main-tabel {margin:0; padding:0; width:100%; border:0; text-align:left;} .main-tabel tr {font-size:12px; border-bottom:1px solid #ccc;} .main-tabel tr th {padding:15px 0 15px 10px; background:#EFEFEF; font-family:'OpenSansSemiBold'; color:#333; border-bottom:1px solid #ddd; line-height:1.2;} .main-tabel tr td {padding:7px 0 7px 10px; font-weight:normal;} .leaderboard-tbl tr td{vertical-align: middle;} .leaderboard-tbl tr td:first-child {width:48px; height:48px;} .white-box {background-color:#FFF; border:1px solid #CCC; padding:15px; color:#333; font-size:12px; -webkit-box-shadow:0 0 1px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 1px rgba(0, 0, 0, .1); box-shadow:0 0 1px rgba(0, 0, 0, .1);} /*Enter Zip Button*/ .enter-zip-btn .search {float:right; text-align:center; background:#E56E00; border:1px solid #C86000; color:#fff; font-size:14px; line-height:36px; min-height:36px; padding:0 20px;} .input-wrap {vertical-align:top; background:#fff; color:#333; overflow:hidden; border:1px solid #ccc; border-right:none; min-height:20px; padding:8px 10px; line-height: 16px;} .input-wrap input{width:100%; border:0; font-size:12px;} .white-box .select-field-warp {margin-left:10px;} /*Billboards Region*/ .billboards-region {width: 100%;} .billboards-region h3{display:block; line-height: 26px;} .billboards-region .icon-delete {float:right;} .billboards-region .floorDetails-tabs > li figure .button-white{left: 50%; margin: -19px 0 0 -70px; overflow: hidden; position: absolute; top: 50%; width: 140px; padding: 0;} /*Billboard Profile*/ .following-header h2{padding:10px 0 0 0;} .following-header h2.overflow{line-height: 38px;} .viewall-search{float: right;} .viewall-search .button-red{height: 38px; line-height: 38px; font-size: 15px; padding: 0 15px;} .viewall-search > form{float: left; margin-right: 10px;} .billboard-profile-wrap {clear:both; padding:20px 0 0 0; display:block; overflow:hidden; margin-left:-10px;} .billboard-profile-wrap li {float:left; margin:0 0 10px 11px;} .billboard-profile-wrap .billboard-profile {overflow:hidden; display:block; background:#fff; border:1px solid #ccc; box-shadow:0 0 2px rgba(0,0,0,.1); padding:15px 15px 10px; text-align:center;} .billboard-profile-wrap .button-white {display:block; float:none; height:30px; line-height:30px; font-size:12px; margin:10px 0 0 0;} .billboard-profile-wrap h3{padding:10px 0 0 0;width: 122px;} .billboard-profile-wrap figure {height: 122px; overflow: hidden; display: table-cell; vertical-align: middle;} /*Add Billboard*/ .gray-box {background:#EFEFEF; border:1px solid #ddd; padding:15px 15px; margin:0 0 20px 0;} .gray-box .title {font-size:18px; font-family:'OpenSansSemiBold', sans-serif; color:#333; line-height:1.2; padding:0 0 5px 0;} .blue-box {background:#F4FCFF; border:1px solid #D2EFFF; padding:10px;} .blue-box .title{font-family:'OpenSansRegular', sans-serif; font-size:18px; color:#333; padding:0 0 5px 0;} .add_billboard-region li:last-child .upload-proPic{margin:0;} .add_billboard-region .addEdit figure {width:196px; height:196px;} .add_billboard-region .upload-proPic .button-white {left:50%; margin-left:-63px;} .blue-box.subscrib {margin:20px 0;} .billboard-subscrib h2 {line-height:40px; padding:0 5px; float:left;} .acBalance-contaiber {margin:20px 0 0 0;} /*Flex Slider*/ #carousel .slides > li{border:6px solid #fff;} /*Admin Indormation Region*/ .admin-info-region{float:left; width:155px; margin: 0 10px 0 0;} .admin-info-region .thumbnail {float:left; height: 28px; width: 28px; overflow: hidden;} .admin-info-region .label {padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:5px; cursor:pointer; color:#6ACAFD; font-size:14px; font-family:OpenSansSemiBold; line-height:1.1; margin-top: -2px;} .admin-info-region .label + label { padding:0; width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:5px; cursor:pointer; font-size:12px; } .admin-info-region .title {overflow:hidden; display:block; background:#fff; border:1px solid #ccc; border-radius:4px; padding:5px 5px 1px; cursor:pointer;} /*14-7-2014*/ .lightbox-popup .popup-content h2 {padding: 0; font-size: 18px;} .lightbox-popup .popup-content h2 a {color: #000;} .tab-loder {background: rgba(248,249,250,0.5) url("../img/tab-loder.gif") no-repeat scroll center center; display:block; height:100%; left:0; margin:1px; position:absolute; top:0; width:100%;display:none;} .button-follow {font-size: 16px; height: 18px; line-height: 1; padding: 5px 10px; background: #e85237; color: #fff; margin-top: 5px; min-width: 65px;} /*Costum Checkbox Button*/ .switch-wrap{float: right; margin:5px 0 0 10px;} .switchery{background-color:#fff;border:2px solid #dfdfdf;border-radius:20px;cursor:pointer;display:inline-block;height:26px;position:relative;vertical-align:middle;width:95px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .switchery .switch-text{position: absolute; top:4px; right:10px; color: #fff;} .switchery > small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:26px;position:absolute;top:0;width:26px} .table{display: table; width: 100%;} .table-row{display: table-row;} .table-cell{display: table-cell; vertical-align: top;} .boxes-wrap .boxes{display: block; background-color: transparent; border:none; box-shadow: none;} .boxes-wrap .table-cell{width:32%; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);} .boxes-wrap .space{display: table-cell; width: 2%;} /*Rent-Calender*/ .rentcalc-wrap{clear:both; /*padding:10px 0 5px;*/ overflow:hidden;} .rentcalc-wrap > span{float:left;} .rentcalc-wrap > .button-red{float:right;} .popup-footer .inline {display:inline-block;} .rent-calsi {background:#F8F9FA; padding:30px 20px;} .popup-body h2 {font-size:22px; font-family:'OpenSansSemiBold', sans-serif; text-align:center; padding:0 0 15px; } /*Change By mayankd*/ .billboard{background-color:#F4FCFF; border:1px solid #6ACAFD; overflow:hidden; clear:both; display:block; margin:15px 0; padding:10px; box-shadow:0 0 8px rgba(106, 202, 253, .4);} .billboard > .property-list figure{width:200px; height:190px; overflow:hidden; float:none; margin:0;} .billboard .property-list-inner{margin-bottom:20px;} .billboard > .property-list > li{margin:0 0 0 5px;} .billboard > .property-list > li:first-child{margin-left:0;} .billboard > .property-list{margin-top:15px;} .billboard .property-results > li{border-bottom:none; border-top:1px solid #DBDBDB;} .tab-menu{display:block; color:#333333; font:14px 'OpenSansSemiBold'; text-decoration:none; position:relative;} .tab-menu:hover{text-decoration:none; color:#6ACAFD;} .billboard > .property-list > li:hover{border-color:none; box-shadow:none;} .billboard .property-content h3, .billboard .property-content p{max-width: 200px;} .label.label small{font-size:11px;} .two-line{min-height:28px; line-height:1;} /*Heavy CSS*/ .hidden{display:none; visibility:hidden;} .hide{display:none;} .show{display:block;} .leftFloat{float:left;} .rightFloat{float:right;} .clearFloat{display:block; clear:both;} .mtop5 {margin-top:5px !important;} .mtop3 {margin-top:3px !important;} .mtop10 {margin-top:10px;} .mbot10 {margin-bottom:10px;} .mtop15 {margin-top:15px;} .mtop20 {margin-top:20px;} .mtop30 {margin-top:30px;} .mtop50 {margin-top:50px;} .mleft15 {margin-left:15px;} .mleft10 {margin-left:10px;} .ptop10 {padding-top:10px;} .ptop15 {padding-top:15px;} .ptop20 {padding-top:20px;} .padtb20 {padding:20px 0;} .margin0{margin:0 !important;} .padding0{padding:0 !important;} .font11{font-size:11px;} .font12{font-size:12px;} .font16{font-size:16px;} .font14{font-size:14px;} .font18{font-size:18px;} .text-right{display: block; text-align:right;} .text-center{text-align:center;} .text-left{text-align:left;} .field-ex{display:block; color:#999; font-size:10px; line-height:1.2; margin-top:2px;} .minHeight{min-height:200px;} .autoHeight{min-height:inherit; height:auto;} .w150 {width: 150px;} .ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block !important;} .left {float:left;} .right {float:right;} .table-layout-fixed {table-layout:fixed;} .table-wrap {display:table; width:100%;} .row-wrap {display:table-row;} .cell-wrap {display:table-cell; vertical-align:top;} .bold {font-family:'OpenSansSemiBold', sans-serif;} .divider-1 {border-top:1px solid #DBDBDB; display:block;} .padt20 {padding-top:10px;} .text-lightgray {color:#999;} /* CSS added by Praveen*/ .signup-region .right-side .feature-btn .blue-circle{position:relative;} .signup-region .right-side .feature-btn .blue-circle .icn-bigQuest, .signup-region .right-side .feature-btn .blue-circle .icn-bigAdd, .signup-region .right-side .feature-btn .blue-circle .icn-bigStar{position:absolute; top:50%; left:50%; margin:-14px 0 0 -14px;} #AvgRentPopup br{display:none;} #AvgRentPopup .block-button{ clear:both;} #AvgRentPopup .button-red{text-transform:uppercase;} .boxes > .blue-circle{position:relative;} .boxes > .blue-circle > .icn-bigQuest, .boxes > .blue-circle > .icn-bigAdd, .boxes > .blue-circle > .icn-bigStar{ position:absolute; top:50%; left:50%; margin:-14px 0 0 -14px;} /************ Media Queries ************/ .clearfix {*zoom:1;} .clearfix:before, .clearfix:after {display: table; line-height: 0; content: "";} .clearfix:after {clear: both;} .hide-text {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;} .input-block-level {display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} @-ms-viewport {width:device-width;} .hidden {display: none; visibility: hidden;} .visible-phone {display: none !important;} .visible-inline-phone {display: none !important;} .visible-tablet {display: none !important;} .hidden-desktop {display: none !important;} .visible-desktop {display: inherit !important;} @media (min-width:768px) and (max-width:979px) { /*Tablet View*/ .hidden-desktop {display: inherit !important;} .visible-desktop {display: none !important;} .visible-tablet {display: inherit !important;} .hidden-tablet {display: none !important;} .field.label .label.twoLine{padding:5px 11px 3px;} } @media (max-width:767px) { /*Mobile View*/ .hidden-desktop {display: inherit !important;} .visible-desktop {display: none !important;} .visible-phone {display: inherit !important;} .visible-inline-phone {display: inline !important;} .hidden-phone {display: none !important;} .hidden-inline-phone {display: none !important;} .billboard .property-results > li figure{margin-right:10px;} .mleft10 {margin-left:0px !important;} } .visible-print {display: none !important;} @media print { .visible-print {display: inherit !important;} .hidden-print {display: none !important;} } /*Tablet View*/ @media screen and (max-width: 981px){ .global-nav a, .global-nav span, .login-global-nav a, .login-global-nav span {font:13px/120% 'OpenSansRegular', sans-serif;} .property-list figure {width:336px;} .property-list > li:nth-child(3n) {margin-right:10px;} .property-list > li:nth-child(2n) {margin-right:0;} .select-friend {width:148px;} .content-left {width:74%;} .email-form > li:first-child .field{width:42.8%;} .signup-region .left-side {float:left; max-width:374px;} .floorDetails-tabs > li{width:50%;} .invite-feed-content .content {max-width:495px;} .boxes .blue-circle{display:block; float:none; margin:0 auto 8px;} .boxes > p{display:block; height:auto; text-align:center;} .result-view .leftFloat {max-width:48%; padding-right:2%;} .result-view .title {font-size:15px;} .pro-list{width:105%;} .pro-list > li > section{margin:0 25px 25px 0;} .ownerDetails-table th, .ownerDetails-table td{padding:8px 5px;} .ownerDetails-table td:first-child .label{max-width:130px;} /*Jan 15, 2014*/ .search-wrapper {max-width:476px;} .avg-rate {width:68px;font-size:16px;} .avg-btn {width:275px} .avg-btn .overflow {padding:8px 10px} .search-box .srch-inp {font-size:15px;} .earning-amount {font-size:18px;} .earning-detail {font-size:10px;} .earning-region li {padding:12px 8px 12px 12px; max-width:73px; height:50PX;} .earning-region li span + span {line-height:13px;} .earning-region li span + span {padding:5px 0 0 0;} .earning-region li:first-child {padding-left:0;} .earning-region li > span:after {margin-left:10px;} .leftPanelEaringPoints .earning-amount {font-size:30px;} .leftPanelEaringPoints .earning-region li {max-width:100%; padding:12px 0 5px 0;} .leftPanelEaringPoints .earning-region li span + span {padding-top:10px;} .leftPanelEaringPoints .earning-region li:nth-of-type(3) {padding:12px 0 0 0;} /*Main Table*/ .main-tabel tr td {vertical-align:middle;} .main-tabel tr th {padding:8px 7px;} .main-tabel tr td {padding:7px 0 7px 8px} .leaderboard-tbl td:nth-child(2) {width:23%;} /*Following*/ .billboard-profile-wrap {margin-left:-25px;} .billboard-profile-wrap li {margin:0 0 10px 25px;} .billboard-profile-wrap .billboard-profile {padding:15px 22px 10px;} .billboard-profile-wrap.view-all li:nth-of-type(n+5) {display:none;} .add_billboard-region .addEdit figure {width:138px; height:168px;} .back-toTop {background: none repeat scroll 0 0 #eceff4; border-radius: 5px; display: block; margin: 10px; overflow: hidden; padding: 10px 0; position: static; text-align: center;} .back-toTop .icon-back-toTop {background-position: -250px -200px; display: inline-block; height: 16px; margin-right: 10px; vertical-align: middle; width:12px;} .back-toTop:hover i {background-position: -300px -200px;} .property-header .search-box {width: 185px;} .box-container.acBalance-contaiber {padding: 10px 10px 7px;} .box-container.acBalance-contaiber .acBalance, .box-container.acBalance-contaiber .blanceValue {font-size: 14px;} .box-container.acBalance-contaiber .button-white {font-size: 12px;} .box-container.acBalance-contaiber .left-balance .rightFloat {padding-right: 8px;} .box-container.acBalance-contaiber .button-white {margin: 0;} .icon-favorite:hover {background-position: -350px -100px;} } /*Mobile View*/ @media screen and (max-width: 767px){ .main-container{min-height:inherit;} .row-fluid{width:100%;} [class*="span"], .row-fluid [class*="span"]{box-sizing:border-box; display:block; float:none; margin-left:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;} .span12, .row-fluid .span12{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .button.small, [class^="button-"].small,[class*="button-"].small {font:12px/22px 'OpenSansRegular', sans-serif; height:22px; border-radius:2px; padding:0 8px;} /* .page-wrap {min-width:300px; padding:0 10px;} */ /*Header*/ header {min-height:42px; position:relative; z-index:10;} .logo {float:none; display:block; text-align:center} .logo a {width:198px; background-position:0 -32px; position:absolute; top:14px; left:50%; margin-left:-99px;} .global-nav, .login-global-nav {position:absolute; top:0; right:0; z-index:10;} .global-nav .icon-user, .login-global-nav .icon-menu {float:right; width:40px; height:42px; background-position:-300px -250px; cursor:pointer; padding:0} .global-nav.active .icon-user, .global-nav:hover .icon-user, .login-global-nav.active .icon-menu, .login-global-nav:hover .icon-menu {background-color:#6ACAFD; background-position:-350px -250px} .global-nav > .content, .login-global-nav > .content {width:175px; margin:0; position:absolute; right:0; top:42px; background:#fff; border:1px solid #ccc; text-align:left; border-radius:0 0 5px 5px; box-shadow:0 0 10px rgba(0,0,0,.08); display:none;} .global-nav.active > .content, .login-global-nav.active > .content {display:block;} .global-nav span, .login-global-nav span {display:none;} .global-nav a, .login-global-nav a {display:block; margin:0; padding:10px; border-top:1px solid #ccc;} .global-nav a:first-child, .login-global-nav a:first-child {border-top:none} .global-nav a:last-child, .login-global-nav a:last-child {border-radius:0 0 5px 5px} .login-global-nav, .login-global-nav > .content {right:auto; left:0;} .login-global-nav .icon-menu {background-position:-300px -300px;} .login-global-nav:hover .icon-menu {background-position:-300px -300px; background-color:#fff;} .login-global-nav.active .icon-menu {background-position:-350px -300px; background-color:#6ACAFD;} footer {font-size:12px;} .footer-nav, .copyright {float:left; width:100%; text-align:center} .footer-nav a, .footer-nav span {float:none; display:inline-block;} .footer-nav {margin-top:5px;} .right-panel h1{font-size:14px; margin-bottom:8px;} .normal-text{font-size:12px; margin-bottom:12px;} .tabs-index > a{font-size:14px; padding:15px 10px;} .left-panel{float:none; width:auto; padding:10px 0; background-color:transparent; margin:0; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .boxes {margin-top:10px; min-height:inherit !important;} .boxes:first-child{margin-top:0;} .boxes .blue-circle{float:left; margin:0 10px 0 0;} .boxes p{display:table-cell; overflow:hidden; height:70px; vertical-align:middle; text-align:left;} .property-details{font-size:12px;} .property-details h2{font-size:14px;} .property-details p, .congratulate {font-size:12px;} .user-value{width:auto; margin:0 auto 10px;} .user-value aside{width:auto; padding:0 10px; float:left; min-width:120px;} .user-value aside small{line-height:inherit; margin:0; vertical-align:top;} .property-list > li {float:none; margin:0;} .property-list figure {width:100%;} .property-list > li:nth-child(3n), .property-list > li:nth-child(2n) {margin:0;} /*.property-region > .content > .property-list {display:none;}*/ .sliderContent {display:block;} .sliderContent .bx-viewport {height:inherit !important;} .bx-has-pager, bx-pager {overflow:hidden; display:block; text-align:center;} .bx-pager-item, .bx-pager-item a {display:inline-block} .bx-pager-item a {width:8px; height:8px; background-position:-450px -300px; color:transparent;} .bx-pager-item a.active {background-position:-450px -350px;} .bx-pager-item {margin:8px 0 0 8px;} .bx-pager-item:first-child {margin-left:0;} [data-role="slider"] {display:none;} .sliderContent [data-role="slider"] {display:block;} /*Content Choreography*/ .signup-region .right-side {width:100%; margin:15px 0 0 0;} .signup-region .left-side {float:left; max-width:100%;} .feature-btn{padding:10px;} /*Back to top*/ .back-toTop {position:static; display:block; overflow:hidden; text-align:center; background:#ECEFF4; margin:10px; padding:10px 0; border-radius:5px;} .back-toTop .icon-back-toTop {background-position:-250px -200px; width:12px; height:16px; display:inline-block; vertical-align:middle; margin-right:10px;} .back-toTop:hover i {background-position:-300px -200px;} /*Invite Section*/ .invite-header {margin-top:20px} .select-invite {max-height:348px; padding-bottom:6px;} .select-friend {width:122px; margin:6px 0 0 3px; padding:8px; border:1px solid #F1F3F5; background:#F1F3F5;} @media screen and (-webkit-min-device-pixel-ratio: 0) { .select-friend {margin:6px 0 0 4px;} } .invite-region-footer [class^="button-"] {margin-left:6px; padding:0 10px} .invite-inner-footer .button-red {padding:0 10px} .invite-inner-footer .button-grey {width:45px; white-space:pre-line; overflow:hidden; padding:0 13px} .invite-byemail {padding:5px;} .invite-byemail .invite-email {width:100%; margin-bottom:5px} .invite-byemail .invite-email .field {margin-right:0} .invite-byemail .invite-email .icon-add, .invite-byemail .invite-email .icon-remove {margin-left:5px;} .invite-byemail .button-red, .invite-byemail .button-grey {margin-top:5px;} /*Profile*/ .box-container{font-size:12px; padding:10px;} .profile-wrap .upload-proPic{float:none; margin:0 auto 20px; width:218px;} .payout-estimate td{padding:10px 5px;} .payout-estimate td .details-btn{padding:5px 10px;} .payout-estimate td:first-child{width:38%;} .userDetail-form > li{margin-top:15px;} .userDetail-form > li:first-child{margin-top:0;} .userDetail-form > li .field{margin-top:5px;} .userAddress-form > li{margin-top:20px;} .userAddress-form > li aside{margin:0 0 8px;} .userAddress-form > li .icon-remove, .userAddress-form > li .icon-add{width:15px; height:15px; top:0; bottom:inherit;} .userAddress-form > li .icon-remove{background-position:-356px -206px;} .userAddress-form > li .icon-remove:hover{background-position:-406px -206px;} .userAddress-form > li .icon-add{background-position:-156px -256px;} .userAddress-form > li .icon-add:hover{background-position:-206px -256px;} .userAddress-form > li .zip-field{width:auto;} .profile-wrap .form-wrap > li{margin-top:21px;} .profile-wrap .form-wrap > li:first-child{margin-top:0;} /*Profile Dropdown*/ .profile-dropdown {margin:0; position:absolute; top:0; right:0} .profile-dropdown > .title {padding:0; border:none;} .profile-dropdown > .content > a {padding:10px;} .profile-dropdown .thumbnail, .profile-dropdown .label {display:none;} .profile-dropdown .icon-arw {float:right; width:40px; height:42px; background-position:-300px -250px; cursor:pointer; padding:0; margin-top:0;} .profile-dropdown.active > .title {border-radius:0} .profile-dropdown.active > .content {right:0; border-top:1px solid #ccc} .profile-dropdown.active .icon-arw {background-color:#6ACAFD; background-position:-350px -250px} /*Account Setting*/ .account-setting .content .button-white {float:left; margin-top:8px;} .account-setting .content {padding:10px;} .account-setting li .label {width:70px;} .account-setting, .warning {font-size:11px;} .content-left, .linked-account {width:100%;} .account-setting .checkbox {font: 11px/110% 'OpenSansRegular', sans-serif;} /*My Invite Page*/ .sorting-ctrl {margin:10px 6px 0} .sorting-ctrl > .title {padding:0 8px} .sorting-ctrl > .content {right:0; border-top:1px solid #ccc;} .invite-feed-content > .content {float:left; width:100%} .email-form > li:first-child .field{float:none; width:auto; margin-right:0;} .email-form > li:first-child .last-field{float:left; width:80%;} .email-form > li:first-child .icon-add{float:right !important;} .invite-feed-content > .invite-btn {margin:4px 0 0 0; width:118px; float:left;} /*Property Detail*/ .search-with-quest .button-white .icon-quest{margin-right:0;} .property-header > .rightFloat{display:block; float:none;} .prophead-left{float: none; overflow: hidden; margin-bottom: 10px;} .prophead-left > .leftFloat{display: block; float: none; overflow:hidden;} .admin-info-region{float: none; margin: 0;} .building-details, .map-wrap{float:none; width:100%;} .map-wrap{height: 160px;} .building-details{padding-bottom:5px; font-size:14px;} .building-details > li{float:none; width:auto; margin:0 0 6px 0; padding:8px 10px 6px;} .progressBar{width:80px; margin-right:10px;} .plan-details > li{display:table !important; padding-top:10px;} .plan-details > li:first-child{padding-top:0;} .content-box h2, .page-title, .page-title > .title{font-size:14px;} .summary-table tr:first-child{display:none;} .summary-table tr{border-top:1px solid #D8D8D8; position:relative; z-index:1;} .summary-table tr:nth-of-type(2){border:none; padding-top:0;} .summary-table tr:nth-of-type(2) td:nth-of-type(4){top:2px;} .summary-table tr{float:left; width:100%; padding-top:10px;} .summary-table td{border:none; position:relative; display:block; padding:18px 0 10px; font-size:12px;} .summary-table td:before{position:absolute; top:0; left:0; width:100%; white-space:nowrap; xdisplay:none; font-family:'OpenSansSemiBold';} .summary-table tr:first-child + tr td{border:none;} .summary-table td:nth-of-type(1):before{content:"Floor";} .summary-table td:nth-of-type(2):before{content:"Details";} .summary-table td:nth-of-type(3):before{content:"Rent (in $/sq. ft.)";} .summary-table td:nth-of-type(4){position:absolute; top:12px; right:0; padding:0;} /*Owner Detail*/ .floor-details > li{margin:6px 0 0;} .floorDetails-tabs{width:100%;} .floorDetails-tabs > li, .floorDetails-tabs.marketplace-tab > li {float:none; width:auto;}/*---Ashok---*/ .floorDetails-tabs > li > section{margin-right:0;} .notes-text .rightFloat{margin:0;} .floor-notes > li .field{height:50px;} .floor-notes > li .bdrBtn-gray{padding:7px 20px; width: 56px;} .floor-notes > li .notes-btns .bdrBtn-gray{padding:16px 20px 15px;} /*Add Prpperty*/ .form-wrap > li{margin-top:10px;} .form-wrap > li .form-title{margin-bottom:2px;} .addPro-details{font-size:11px;} .addPro-details > li.row-fluid .span6{margin-top:10px;} .addPro-details > li.row-fluid .span6:first-child{margin-top:0;} /*Edit View*/ .hdRgt-btns{float:none; margin-top:10px; width:100%;} .pro-list{margin-top:10px;} .pro-list > li > section{margin:0 0 10px 0;} .marketplace-wrap .hdRgt-btns .button-white{display:block; float:none; text-align:left; padding:0 15px; margin:0 0 10px;} .marketplace-wrap .hdRgt-btns .icon-arw{float:right; margin-top:18px;} .marketplace-wrap .userInfo-wrap{margin:0;} .detail-right {width:100%; float:left;} .detail-right .warning, .detail-right .details-btn {float:left; margin:0;} .detail-right .details-btn {margin:0 10px 0 0;} .result-view .rightFloat {width: 100%; padding: 10px 0 0 0;} .result-button, .result-left, .result-view .leftFloat {width:100%; max-width:100%; padding:0;} .result-button a {float:left; min-width:20px;} .result-button a.button-red.small {height:24px; line-height:25px;} .result-button a.button-white.small {padding: 0 2px; margin:0 5px 0 0;} .result-view .title {font-size:14px;} .marketplace-region .warning {font-size:12px;} .rightblock {text-align:left; margin:10px 0 0; width:100%;} .marketplace-region .warning .button-red {padding:0 6px;} .sorting-dropdown {width:100%; margin:10px 0 0;} /* Force table to not be like tables anymore */ .mrktplc-manage-table{border:none;} .marketplace-manage > .content {border-radius:0} .marketplace-manage > .content, .mrktplc-manage-table tr:first-child + tr td {border:none} .mrktplc-manage-table thead, .mrktplc-manage-table tbody, .mrktplc-manage-table th, .mrktplc-manage-table td, .mrktplc-manage-table tr {display:block;} /* Hide table headers (but not display:none;, for accessibility) */ .mrktplc-manage-table tr:first-child {position:absolute; top:-9999px; left:-9999px; display:none;} .mrktplc-manage-table tr {border-bottom:1px solid #D8D8D8; position:relative; z-index:1; margin-bottom:10px;} .mrktplc-manage-table tr {float:left; width:100%} .mrktplc-manage-table td {border:none; position:relative; background:none; float:left; width:50%; display:block; padding:20px 0 10px} .mrktplc-manage-table td:before {position:absolute; top:0; left:0; width:35%; padding-right:10px; white-space:nowrap; font:13px/17px 'OpenSansSemiBold',sans-serif; color:#333; xdisplay:none;} /* Label the data */ .mrktplc-manage-table td:nth-of-type(1) {width:48px; padding:0 10px 0 0; position:absolute; top:0; left:0} .mrktplc-manage-table td:nth-of-type(2) {overflow:hidden; display:block; width:100%; padding:18px 0 23px 58px;} .mrktplc-manage-table td:nth-of-type(2):before {content:"Name of Marketplace"; top:0; left:58px} .mrktplc-manage-table td:nth-of-type(3):before {content:"Att. to a Property";} .mrktplc-manage-table td:nth-of-type(4):before {content:"Name of Property";} .mrktplc-manage-table td:nth-of-type(5):before {content:"Status";} .mrktplc-manage-table td:nth-of-type(6):before {content:"Current Billing";} .mrktplc-manage-table td:nth-of-type(7):before {content:"Next Charge";} /*.mrktplc-manage-table td:nth-of-type(8):before {content:"Last Edited";}*/ .mrktplc-manage-table td:nth-of-type(8):before {content:"";} .mrktplc-manage-table td:nth-of-type(8) {position:absolute; right:0; top:0; width:18px; padding:0} .marketplace-manage > .title .label {width:100%} .marketplace-manage .right-title {float:left; width:100%; margin-top:10px;} .marketplace-manage .right-title [class*="button"] {width:145px; padding:0} #viewModel{min-height:inherit;} /*Popup Table*/ .ownerDetails-table tr:first-child{display:none;} .ownerDetails-table tr{border-top:1px solid #D8D8D8; position:relative; z-index:1;} .ownerDetails-table tr:nth-of-type(2){border:none; padding-top:0;} .ownerDetails-table tr:nth-of-type(2) td:nth-of-type(4){top:2px;} .ownerDetails-table tr{float:left; width:100%; padding-top:10px;} .ownerDetails-table td{border:none; float:left; width:50%; position:relative; display:block; padding:18px 0 10px; font-size:12px;} .ownerDetails-table td:before{position:absolute; top:0; left:0; width:100%; white-space:nowrap; xdisplay:none; font-family:'OpenSansSemiBold';} .ownerDetails-table tr:first-child + tr td{border:none;} .ownerDetails-table td:nth-of-type(1){width:100%;} .ownerDetails-table td:nth-of-type(1):before{content:"Name of Occupant";} .ownerDetails-table td:nth-of-type(2):before{content:"Rentable (sq. ft.)";} .ownerDetails-table td:nth-of-type(3):before{content:"Usable (sq. ft.)";} .ownerDetails-table td:nth-of-type(4):before{content:"Actual Rent ($/sq. ft./Mo)";} .ownerDetails-table td:nth-of-type(5):before{content:"Lease Expiration";} .ownerDetails-table td:nth-of-type(6):before{content:"Last Update by";} .ownerDetails-table td:nth-of-type(7){position:absolute; top:6px; right:0; padding:0; width:auto;} .ownerDetails-popup .button-red{height:30px; line-height:30px; font-size:14px;} .ownerDetails-popup .popup-content {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .ownerDetails-table td:nth-of-type(2), .ownerDetails-table td:nth-of-type(4){width: 62%;} .ownerDetails-table td:nth-of-type(3), .ownerDetails-table td:nth-of-type(5){width: 38%;} /*404 Page Not Foung*/ .main-container.notfound-region {min-height:200px} .notfound-region, .notfound, .notfound > .title {overflow:hidden; display:block;} .notfound {text-align:center; padding:20px 26px;} .notfound .button-red {width:auto; display:inline-block;} /*Account Details*/ .wallet{display:block; width:auto; padding:0 10px;} .wallet > li, .mrktWallet > li.ad-btn{float:none; width:auto; border:none; border-top:1px dashed #ccc; line-height:1.3; min-height:inherit; padding:10px 5px;} .wallet > li .wallet-value, .wallet > li .overflow{padding-left:0;} .wallet > li .button-red{float:none; line-height:30px; height:30px; display:block; margin:0;} .property-header .rightFloat{margin-top:10px !important;} .accountDetails-table tr {border-top:1px solid #D8D8D8; position:relative; z-index:1; float:left; width:100%; padding-top:10px;} .accountDetails-table tr:first-child {display:none; border:none;} .accountDetails-table tr:nth-of-type(2){border:none; padding-top:0;} .accountDetails-table td {border:none; float:left; width:50%; position:relative; display:block; padding:18px 0 10px; font-size:12px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:10px;} .accountDetails-table td small{font-size:10px;} .accountDetails-table td:before{position:absolute; top:0; left:0; width:100%; font-family:'OpenSansSemiBold';} .accountDetails-table td:nth-of-type(1){width:100%;} .accountDetails-table td:nth-of-type(4){} .accountDetails-table td:nth-of-type(1):before{content:"Description";} .accountDetails-table td:nth-of-type(2):before{content:"Date of Transaction";} .accountDetails-table td:nth-of-type(3):before{content:"Credits to your account";} .accountDetails-table td:nth-of-type(4):before{content:"Debits from your account";} .accountDetails-table tr.account-total td{float:none; width:auto; padding-left:10px;} .accountDetails-table tr.account-total td:nth-of-type(1):before, .accountDetails-table tr.account-total td:nth-of-type(2):before{content:"";} .accountDetails-table tr.account-total td:nth-of-type(2){display:none; padding:0;} .accountDetails-table tr.account-total td:nth-of-type(1){font-size:14px; padding:0 0 0 10px;} .accountDetails-table tr.account-total td:nth-of-type(3):before, .accountDetails-table tr.account-total td:nth-of-type(4):before{left:10px;} /**/ .popuplarge, .ownerDetails-popup {width:90%;} .popup-content {padding: 35px 15px 15px;} .edit-content {margin:20px 0 0} .edit-content tr:first-child, .edit-content tr:first-child td {display:none; border:none;} .edit-content tr {border-top:1px solid #D8D8D8; position:relative; z-index:1; float:left; width:100%; position:relative;} .edit-content td {float:left; width:100%; border:none; padding:15px 0 5px; font-size:12px} .edit-content td:last-child {position:absolute; top:5px; right:0; width:55px; padding:0; text-align:right;} .edit-content td:before {position:absolute; margin-top:-13px; left:0; width:100%; white-space:nowrap; font-family:'OpenSansSemiBold';} #overall_sqfoot-popup .edit-content td:nth-of-type(1):before {content:"Overall Square Footage";} #no_of_floors-popup .edit-content td:nth-of-type(1):before {content:"No. of Floors";} #property_owner-popup .edit-content td:nth-of-type(1):before {content:"Building Owner";} #bldg_rep_name-popup .edit-content td:nth-of-type(1):before {content:"Bldg. Rep. Name";} #bldg_rep_contactno-popup .edit-content td:nth-of-type(1):before {content:"Bldg. Rep. Contact No.";} #bldg_rep_email-popup .edit-content td:nth-of-type(1):before {content:"Bldg. Rep. Email";} #apn_no-popup .edit-content td:nth-of-type(1):before {content:"APN";} .edit-content td:nth-of-type(2):before {content:"Added By";} /*Blank Content*/ .blank-content {padding:20px;} .resetPass-wrap{margin-top:0;} .profile-wrap .addEdit{width:146px;} .profile-wrap .addDetails-form > li{margin-top:10px;} .addDetails-form > li .span6{margin-top:10px;} .left-balance, .right-balance{float:none; width:auto; padding:10px 0 0 0;} .left-balance {padding:0;} .right-balance{border-left:none;} .acBalance {font-size:14px; padding:10px 0;} .green-patch .left-balance, .green-patch .right-balance {clear:both;} .left-balance > .leftFloat, .right-balance > .leftFloat {line-height:20px;} .search-wrapper{display:block; max-width:none; margin-bottom:10px;} .avgRent-rgt{display:block; padding:0;} .addImg-phone{display:inherit;} .map-region{height: 150px;} .buttons-wrap [class^="button-"], .buttons-wrap [class*="button-"]{float:none; display:block; margin:10px 0 0;} .icon-addMob{background-image:url(../img/sprite-image.png); background-position:-154px -254px; width:20px; height:20px; background-color:#F8F9FA; font-size:0px; text-indent:-99999px; border:1px solid #ccc; margin-top:-2px;} .icon-addMob:hover{background-position:-204px -254px;} .green-patch p {display:inline;} /*Jan 15, 2014*/ .avg-rate {width:68px;font-size:16px;} .avg-btn {width:100%;} .search-box .srch-inp {font-size:16px;} .my-profile-wrap {border:0; padding:0;} .profile-pic{width:60px; height:60px;} /*.profile-detail {float:none; padding:10px 0 10px 5px; width:auto;}*/ .profile-detail .user-name {font-size:14px;} .profile-detail > span {padding-bottom:5px;} .profile-detail .button-red {border-radius:3px; font: 12px/30px 'OpenSansSemiBold',sans-serif; height:30px; padding:0 10px;} .earning-region {border-bottom:1px solid #D8D8D8; padding:0; display:table; overflow:hidden; float:none; text-align:center; margin:0 auto; width:100%;} .earning-region li {max-width:91px; display:table-cell; float:none;} .earning-region li > span:after {height: 36px; margin: 7px 0 0 10px;} .tab-nav {border-radius:none; box-shadow:none; border:1px solid #ddd; margin:0; border-radius:0; border-top:0; display:none;} .tab-nav a {display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:0; font-size:14px; padding:11px 15px; border-top:1px solid #ddd;} .tab-nav a:first-child {border-top:0;} .tab-nav .overflow > a{border-top:0;} .tab-nav a.active {background:#fff; color:#333;} .icon-up-arrow {width:14px; height:8px; background-position:-650px -150px;} .mob-dropdown .icon-up-arrow {float:right; margin:6px 0 0 0;} .all-tab {display:none; float:left; width:100%;} .skill-name li, .special-skills li{width:100%; float:none;} .edit-profile .label.font14 {font-size:12px; padding:0 0 4px;} .button-red.small-iphone {font:12px/23px 'OpenSansSemiBold', sans-serif; height: 22px; border-radius:3px; padding:0 12px;} .left-panel .earning-region {border-bottom:0;} .quest-count-btn {padding:0 10px 0 0; background:none; color:#333;} .quest-count-btn .icon-whiteUp {background-position:-300px -150px; margin:3px 0 0 0;} .post-time {margin:0;} .quest-count-btn {height:auto; line-height:inherit; font-size:12px;} .property-details p {margin:0; line-height:1.4;} /*Portfolio*/ .portfolio-region .left h2{padding:5px 0 0 0; font-size:16px;} .portfolio-region .resutl-footer {padding:0;} .portfolio-region p {padding:4px 0 0 0;} /*Drop down Box*/ .mini-selectbox .sbToggle {width:17px; margin:12px 0 0;} .mini-selectbox .sbHolder {font-size:12px; height:28px;} .mini-selectbox .sbSelector {line-height:28px; text-indent:7px;} .mini-selectbox .select-field-warp {width:115px;} .mini-selectbox .sbOptions {top: 26px !important} .mini-selectbox .sbOptions a {font-size:12px; padding:5px 7px;} .mini-selectbox .sbOptions li {height:30px;} .sbHolder, .sbOptions li {font-size:12px;} .white-box .select-field-warp {max-width:120px;} .sbToggle {width:20px;} .enter-zip-btn .search {padding:0 10px;} .white-box {padding:8px;} .main-table-wrap {border:0; margin:0;} .leaderboard-tbl th{display:none;} .leaderboard-tbl td{display:block; float:left; width:37%; border-bottom:0; padding:4px 0 4px 0; font-size:12px;} .leaderboard-tbl td:before{color:#001E59;} .leaderboard-tbl td:nth-of-type(1){display:block; float:left; padding-bottom:0; padding-top:15px;} .leaderboard-tbl td:nth-of-type(2){width:78%; padding-bottom:0; padding-top:15px;} .leaderboard-tbl td:nth-of-type(3){width:63%; padding:0 0 0 7px;} .leaderboard-tbl td:nth-of-type(n+4) {clear:both; padding-bottom:0; padding-top:5px;} .leaderboard-tbl td:nth-of-type(4):before{content:"Info Points :"; width:70%; display:inline-block;} .leaderboard-tbl td:nth-of-type(5):before{content:"Rep Points :"; width:70%; display:inline-block;} .leaderboard-tbl td:nth-of-type(6):before{content:"Total :"; width:70%; display:inline-block;} .leaderboard-tbl td:nth-of-type(7) {width:auto !important; padding-bottom:15px;} /*Following*/ .billboard-profile-wrap {margin-left:-10px;} .billboard-profile-wrap li {margin:0 0 10px 10px;} .billboard-profile-wrap .billboard-profile {padding:15px 10px 10px;} .billboard-profile-wrap.view-all li:nth-of-type(n+3) {display:none;} .following-header h2 {padding:0;} .billboard-profile-wrap {padding-top:10px;} .cell-wrap.blue-box {width:100%; display:block; margin: 0 0 10px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .gray-box {margin:0 0 10px 0;} .add_billboard-region .upload-proPic {margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:auto; padding:0; box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.1); cborder:0; float:none; margin-bottom: 10px} .add_billboard-region .addEdit figure {width:auto;} .blue-box.subscrib, .acBalance-contaiber {margin:10px 0;} .blue-box .title {font-size:14px;} .blanceValue {font-size:14px; height:25px; line-height:25px; padding:0 10px;} .billboard-subscrib .button-red{width:100%; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin: 0;} .billboard-subscrib a{font-size:14px;} .blue-box {font-size:12px;} /*Flex slider*/ #viewModel {max-width:320px;} #carousel .flex-viewport li {width:63px !important;} #carousel .slides > li {border-width:4px;} .add-fund-btn {display: block; clear:both; float: right; margin: 10px 0 0 0;} .icon-favorite:hover {background-position: -350px -100px;} .marketplace-wrap .property-header .search-box {width: 55%; float:left;} .search-box.leftFloat + .button-red.medium {font-size: 14px; margin: 0; float: right;} .table, .table-row, .table-cell{display: block;} .boxes-wrap .table-cell{width: auto;} .boxes-wrap .space{display: block; height: 10px;} .rent-calsi li {margin-bottom:15px;} .rent-calsi .row-fluid.mtop20, .rent-calsi .row-fluid.mtop10 , .rent-calsi .span6.mtop20, .rent-calsi .span3.mtop20{margin:0;} } @media screen and (max-width: 639px){ .field.label .label.twoLine{padding:5px 11px 3px;} .iconTabs a{height:auto; padding:8px 9px; line-height:normal; min-width:inherit;} .iconTabs [class^="icon-"], .iconTabs [class*="icon-"]{display:block; margin:0 auto;} .iconTabs label{font-size:10px;} .iconTabs .proCount{display:none;} .viewall-search > form{float: left; margin-right: 10px; width: 145px;} .profile-detail {margin-top: 20px} } @media screen and (max-width: 770px){ a.tour-dashboard { display: none; } } /* CSS for gmap close icon added by govind kewat*/ .gm-style img{max-width:inherit;} .star{color:#E85237;} .billboard-view-content { text-align: center; } html, body { height: 100%; } a.back-to-top { display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background: #EA6C00 url(/static/img/up-arrow.png) no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } a:hover.back-to-top { background-color: #89796a; } a.share-link { text-decoration: none; } a.share-link:hover { text-decoration: none; } div.color-report { margin-top: 60px; } div.color-row { display: table; width: 100%; border-spacing:5px 5px; padding-top: 5px; } .color-report div.color-row { margin-top: 30px; } span.color-cell { display: table-cell; height: 50px; border-radius: 5px; border: 1px solid #a4a4a4; } .text-survey .media-heading { font-size: 3em; } .btn-span { padding-right: 5px; vertical-align: inherit; } @media only screen and (max-width: 800px) { .table-list table, .table-list thead, .table-list tbody, .table-list th, .table-list td, .table-list tr { display: block; } .table-list thead tr { position: absolute; top: -9999px; left: -9999px; } .table-list tr { border: 1px solid #ccc; } .table-list td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } .table-list td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } .table-list td:before { content: attr(data-title); } } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], { margin-left: 0px; } html, body { height: 100%; } .xwrap { min-height: 100%; height: auto; margin: 0 auto -86px; padding: 0 0 90px; } /* Set the fixed height of the footer here */ .approximate-schedule-needs { margin-top: 30px; } tr.clickable-row { cursor: pointer; } .favorite-images-like-btn, .favorite-buildings-like-btn{ background-image: url('../img/heart_small.png'); background-position: top; background-size: auto; background-repeat: no-repeat; width:64px; height:65px; display:block; transition: background 1s; position: relative; } .favorite-images-like-btn > span, .favorite-buildings-like-btn > span { position: absolute; bottom: 0px; text-align: center; opacity: 0; width: 64px; border-radius: 5px; background-color: #2D6A83; line-height:2em; font-size: 14px; text-decoration: none !important; color: white !important; font-weight:bold; display: block; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } .favorite-images-like-btn:hover span, .favorite-buildings-like-btn span { opacity: 1; } .favorite-images-like-btn.liked, .favorite-buildings-like-btn.liked { background-image: url('../img/heart_filled_small.png'); } .sweet-alert [class*="button-"] { float: none; color: transparent; background-color: transparent; padding: 0; overflow: visible; border: none; height: 100%; font: initial; } .btn-skyline { background-color: #EA6C00; border-color: #EA6C00; } .btn-skyline:hover, .btn-skyline:focus, .btn-skyline:active, .btn-skyline.active { background-color: #d16000; border-color: #b75400; } .btn-skyline.disabled:hover, .btn-skyline.disabled:focus, .btn-skyline.disabled:active, .btn-skyline.disabled.active, .btn-skyline[disabled]:hover, .btn-skyline[disabled]:focus, .btn-skyline[disabled]:active, .btn-skyline[disabled].active, fieldset[disabled] .btn-custom:hover, fieldset[disabled] .btn-custom:focus, fieldset[disabled] .btn-custom:active, fieldset[disabled] .btn-custom.active { background-color: #EA6C00; border-color: #EA6C00; } .btn.btn-lg-skyline { min-width:300px; line-height: 100px; margin-top:3px; } .info-template-link { position: absolute; top: 20px; left: 30px; color: #4ace9a; font-weight: bold; font-family: arial; cursor: pointer; } .edit-template-link { position: absolute; top: 20px; right: 50px; } .delete-template-link { position: absolute; top: 20px; right: 30px; } .select-value-buttons td { padding: 2px; } .about-contact-us [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .about-contact-us .contact{ margin-right: 10px; } .delete-survey-btn{ font-size:15px; color:red; } .delete-survey-modal .modal-content{ overflow: hidden; } /* PAGE WRAPPER - FOOTER */ .page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom: -60px; padding-bottom: 100px; } .page-wrap:after { content: ""; display: block; } .site-footer { height: 60px; } @media screen and (max-width: 800px) { .page-wrap { margin-bottom: -80px; } .site-footer, .page-wrap:after { height: 80px; } } body.swal2-height-auto { height: 100% !important; }