.welcome { width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; } a, a:visited { color:#000; text-decoration:none; } a:hover, a:focus { text-decoration:none; } ul li { display:inline; margin:0 1.2em; } .bootstrap-select.btn-group .dropdown-menu ul li { display: inherit; margin: 0; } p { margin:.8em 0; color:#555; } @font-face { font-family: 'Scada'; font-style: normal; font-weight: 400; src: local('Scada'), local('Scada-Regular'), url(//themes.googleusercontent.com/static/fonts/scada/v1/_glb0C_Za9TUO0rliiKHkqCWcynf_cDxXwCLxiixG1c.woff) format('woff'); } /*---- general ----*/ ::selection {background-color:#ffdb00; color:#000;} ::-moz-selection {background-color:#ffdb00; color:#000;} img a {border:none;} a, div, a img, a:focus, button {outline:none;} .center {text-align:center;} .preloader, .preloader-small, .preloader-big {min-height:180px; background: url(/images/preloader.gif) no-repeat center center;} .preloader-small {min-height:70px;} .preloader-big {background: url(/images/preloader_circ.gif) no-repeat center center; min-height:80px; clear:both;} #preload-images, .preload-images {display:none;} div.alert {margin-top:20px; display:none;} div.alert a.close {margin-left: 8px;} .modal-footer div.alert {text-align: left;} h1,h2,h3,h4,h5,h6 {font-family:Titillium Web, 'Scada', Helvetica,Arial, sans-serif; color:#526265;} h4.modal-title {font-family:Titillium Web, 'Scada', Helvetica, Arial, sans-serif; color:#526265; font-weight:200; font-size:22px;} svg text {font-family:Titillium Web, 'Scada', Arial !important;} .alert {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} .verifiedUser { background-color: #ffdb00; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset; color: #ffffff; font-size: 14px; left: 54px; padding: 3px; position: absolute; top: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .verifiedUser.big { font-size: 16px; left: 80px; padding: 4px; top: 2px; } body {margin:0; padding:0; font-family:Titillium Web, 'Scada',Helvetica,Arial,sans-serif;} body.home {/*background:url(/images/bg_main_home.gif) repeat-x left 422px;*/} body.dashboard { background-color:#fff; } .alert a:not(.close) {text-decoration: underline;} .alert a.btn {text-decoration: none;} .alert a:hover {color:#666;} body.dashboard .alert i.fa {font-size:26px; float:left; margin:-4px 8px 22px 0;} #wrapper,.wrapper {max-width:960px; margin: 0 auto; position:relative;} .container.wrapper {padding:0;} #actions a.btn {margin:8px;} .alertMsg {font-size:21px; color:#526265; padding:30px 20px; display:inline-block;} .privacy td {padding:6px; border:1px solid #ebebeb;} body.page-tab {background:#ebe9e1; margin-top:0;} body.page-tab .profile-wrapper {background-color:transparent;} .page-tab {margin-top:40px; min-height:660px;} .page.tab .panel-body {padding:16px 14px;} .page-tab #actions {margin-top:20px; border-top:1px solid #a8b0b2; padding:20px 0;} .pagination {width:100%; margin:20px 0;} .pagination li {margin:0;} .pagination > li > a, .pagination > li.active > span, .pagination > li > span {display:block; width:30px; height:30px; line-height:30px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#ffdb00; font-size:17px; color:#212E30; font-weight:600; float:left; margin:3px 3px 0 0; text-align:center; border:none; padding:0; } .pagination > li.active > span:hover {background-color:#ffdb00; color:#212E30;} .pagination > li a {text-decoration:none; background-color:#ebe9e1; font-weight:400} .pagination > li > a:hover {color:#fff !important; background-color:#526265;} .noUser {font-size:26px; color:#98A1A3; padding-top:20px;} div.noUser {padding-bottom:180px;} div.noUser span {display:inline-block; line-height:100%;} .noUser img {margin:0 10px 10px 0; opacity: 0.6;} .bgBlog {background-color:#FF9334;} .bgFb {background-color:#3B5998 !important;} .bgTw {background-color:#55ACEE !important;} .bgIn {background-color:#3f729b !important;} .bgVk {background-color:#507299;} .bgGo {background-color:#DD4B39;} .bgLn {background-color:#0077b5;} .bgPi {background-color:#cb2027;} .bgYo {background-color:#cd201f;} .bgGr {background-color:#d0d0d0;} .bgTm {background-color:#35465c;} .bgSn {background-color:#fffc00;} /*--------- HOME ----------- */ #headerImg {overflow:hidden; } #headerImg img {margin-left:-60px;} header {position:relative; text-align:left; } body.home header {position:absolute; top:-422px;} body.page header {position:absolute; top:0;} #logo {width:160px; padding-top:16px;} #logo a {text-indent:-9999px; outline:none; background:url(/images/logo.png) no-repeat left top; display:block; width:95px; height:75px;} #payoff {position:absolute; top:22px; left:116px; font-size:22px; line-height:68px; height:68px; padding-left:20px; border-left:1px solid #000; font-weight:100; white-space:nowrap;} #login-wrapper {position:absolute; width:100%;} #login-wrapper .prebeta {font-size: 17px; left: 50%;margin: 0 -200px; position: absolute; text-align: center; text-transform: uppercase; top: -274px; width: 400px; line-height:106%; font-weight:bold;} #login {position:relative; top:-228px; background-color:rgba(255,255,255,.6); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:14px 14px; /*width:50%;*/ margin:0 auto;} #login.alpha {width:auto; top:-220px; max-width:380px;} #login a.fb, #login a.tw {display:block; width:234px; height:94px; background: url(/images/bg_login_fb.png) no-repeat left top; float:left; position:relative;} #login a.fb {border-right: 2px solid #FFDB00; margin-right: 18px; width: 256px;} #login a.tw {background: url(/images/bg_login_tw.png) no-repeat left top; float:left;} #login a span {position:absolute; top:30px; left:100px; font-size:17px; line-height:116%; color:#fff; font-weight:300;} #login span.brand {clear: both; display: block; margin: 4px 0 0; padding: 10px 0 0; text-align: center;} #login a.brand {color: #fff; padding: 6px; width: 100%; font-size:16px;} #login a.brand:hover {color:#ffdb00;} #login a.alpha {background-image:none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:14px 20px; background-color:#ffdb00; color:#333; text-transform:uppercase; float:none; height:auto; width:auto; max-width:300px; margin:0 auto; text-align:center; font-size:28px; text-shadow:1px 1px 6px rgba(0,0,0,.5); line-height:110%; border:1px solid #EAC90D;} #login a.alpha:hover {color:#000; text-shadow:none; border-color:#fff;} #menu {position:absolute; top:0; left:240px; font-family:Titillium Web, 'Scada',Helvetica,Arial,sans-serif; /*font-weight:bold;*/} #menu ul {list-style-type:none; margin:0; padding:0;} #menu li {display:inline-block; border-left:1px solid #000; padding:50px 0 0 8px; margin:0; text-transform:uppercase; font-size:18px; color:#666; width:120px;} #menu li.disabled {opacity:.4;} #menu li a {color:#000; text-decoration:none;} #menu li a:hover {color:#666;} #menuPage {background-color:#ffdb00; height:72px; position:static; width:100%;} body.page .navbar-collapse {padding:0; margin:0;} #menuPage-wrapper {margin:0 auto;} #menuPage .navbar-nav {margin:2px 8px;} #menuPage li {border:none; font-size:16px; color:#000; padding:0 8px; line-height:72px; text-transform:uppercase; margin:0;} #menuPage li.first {padding-left:0;} #menuPage li.active a{color:#526265;} #menuPage li a:hover {color:#526265;} #menuPage .navbar-nav > li > a {padding:0; line-height:72px;} #menuPage .navbar-nav > li > a:hover, #menuPage .navbar-nav > li > a:focus {background-color:transparent;} #menuPage .navbar-header {text-align:center;} #menuPage .navbar-toggle { margin:20px 0; border: 1px solid rgba(255, 255, 255, 0.8); padding: 8px 6px; float:none;} #menuPage .navbar-toggle .icon-bar {background-color:#000;} /*---------- HOME FLIP ______ */ body.home { overflow-x:hidden;} body.home .brandsPane #headerImg { background: url("/images/bg_home.jpg") no-repeat right top;} /* entire container, keeps perspective */ .changeUser a, .changeBrand a{position: absolute; right: 0; top: 20px;} .flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; -moz-transform: perspective(1000px); -webkit-transform: perspective(1000px); } /* flip the pane when hovered */ /*.flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); }*/ .flip-container.flip .flipper { transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } .flip-container, .front, .back { /*width: 320px; height: 480px;*/ width:100%; height:100%; } /* flip speed goes here */ .flipper { transition: 0.6s; transform-style: preserve-3d; -moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; position: relative; } /* hide back of pane during swap */ .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; } /* front pane, placed above back */ .front { z-index: 2; /* for firefox 31 */ transform: rotateY(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); } /* back, initially hidden pane */ .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } /* --------- HOW TO ______ */ #how {position:relative;} .how-button-wrapper { overflow:hidden; width:146px; height:83px; position:absolute; margin:0 -73px; top:-93px; left:50%; transition: transform .2s ease 0s; -webkit-transition:-webkit-transform .2s ease 0s; } #howClick { background-color:#eac90d; width:140px; height:140px; webkit-border-radius:50%; -moz-border-radius:50%; border-radius: 50%; text-align:center; color:#fff; font-size:21px; padding:6px 0; line-height:96%; display:block; top: 3px; left:3px; position:absolute; z-index:100;} #howClick span.icon {background:#eac90d url(/images/arrowHow.png) no-repeat center -20px; width:19px; height:20px; display:block; margin:3px auto 0; } .how-button-wrapper span.brd { display:block; width:146px; height:146px; webkit-border-radius:50%; -moz-border-radius:50%; border-radius: 50%; border:2px solid #eac90d; position:absolute; top:0; left:0; opacity:0; transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; -webkit-transition: -webkit-transform 0.2s ease 0s, opacity 0.2s ease 0s; transform: scale(.5); -ms-transform:scale(.5); -webkit-transform:scale(.5);} .how-button-wrapper:hover {transform: scale(1.2); -ms-transform:scale(1.2); -webkit-transform:scale(1.2);} .how-button-wrapper:hover span.brd{opacity:1; transform: scale(1); -ms-transform:scale(1); -webkit-transform:scale(1);} .how-button-wrapper:hover span.icon {margin-top:5px;} #howClick.open span.icon {background-position:center top;} #how-wrapper {background-color:#eac90d; display:none;} #how-content {padding:24px 0; position:relative; min-height:620px;} #how-content h4 {text-align:center; color:#fff; text-transform:uppercase; font-size:30px; margin:60px 0 20px; font-family:Titillium Web, Scada, Helvetica,Arial,sans-serif; font-weight:200;} #how-content .choice {margin: 54px auto 0; width:346px;} #how-content a.slide {display:inline-block; margin-right:16px; width:160px; height:160px; border:6px solid #fff; border-radius:50%; background-color:#f2df6e; font-size:30px; text-transform:uppercase; color:#000; text-decoration:none; text-align:center; line-height:150px; transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; -webkit-transition: -webkit-transform 0.2s ease 0s, opacity 0.2s ease 0s;} #how-content a#brandSlide {margin:0;} #how-content a.slide:hover {transform: scale(1.15); -ms-transform:scale(1.15); -webkit-transform:scale(1.15); background-color:#fff;} #menuSlide {position:absolute; top:0; right:0; z-index:200;} #menuSlide a.slide {display:inline-block; margin-right:6px; width:90px; height:90px; border:6px solid #fff; border-radius:50%; background-color:#f2df6e; font-size:14px; text-transform:uppercase; color:#000; text-decoration:none; text-align:center; line-height:80px; transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; -webkit-transition: -webkit-transform 0.2s ease 0s, opacity 0.2s ease 0s;} #menuSlide a.slide.active {background-color:#fff;} #how-content .carousel-indicators {top:0;} #how-content .carousel-inner {top:56px; } #how-content .carousel-inner .item {background: url(/images/bg_slideshowHome.gif) no-repeat left top;} #how-content .carousel-inner > .item > img, .carousel-inner > .item > a > img{padding: 30px 0 30px 38px;} #how-content .carousel-indicators li, #how-content .carousel-indicators .active {width:20px; height:20px; box-shadow:none; border-width:2px; } #how-content .carousel-indicators li {border-color:#ffed80;} #how-content .carousel-indicators .active {border-color:#fff;} #how-content .carousel-caption {padding:0; left:606px; text-shadow:none; text-align:left; right:40px; top:60px; max-width: 300px;} #how-content .carousel-caption h3 {color:#000; font-size:25px; margin:60px 0 20px; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; font-weight:200;} #how-content .carousel-caption p {color:#000; font-size:17px; line-height:120%; font-weight:400;} #how-content .carousel-control {top:262px; width:50px; height:74px; webkit-border-radius:10%; -moz-border-radius:10%; border-radius: 10%; background-color:transparent; /*box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);*/ txt-align:center; line-height:70px; font-size:30px; color:#ccc;} #how-content .carousel-control.left, #how-content .carousel-control.right {background-image:none; text-shadow:none;} #how-content .carousel-control.right {right:6px;} #how-content .carousel-control.left {left:6px;} #how-content .carousel-control .glyphicon-chevron-left, #how-content .carousel-control .glyphicon-chevron-right {position:static; line-height:68px; text-shadow:-1px -1px 0 rgba(0,0,0,.4);} #playVideo .modal-dialog { margin-left: auto; margin-right: auto; padding: 10px; width: auto; max-width:1060px; z-index: 1050;} #playVideo .modal-dialog iframe, #playEmbedVideo iframe{ border: 1px solid #ebebeb;} /*#playVideo embed {width:auto; max-width:100%; height:auto; margin:0 auto;}*/ #clients {background-color:#ebe9e1; min-height: 260px; padding: 30px 0 40px; text-align:center;} #clients h3 {font-weight:200; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom:26px; text-align:left;} .clients { min-height: 190px; overflow:hidden;} .clients .item {float:left;} .clients img {opacity:.7; margin:0 7px;} #carousel-clients .carousel-inner > .item > img {float:left;} .testimonials {padding:0 0 36px 10px;} .testimonials h3 {position:relative;} .testimonials h3 a {position:absolute; top:0; right:0; color:#526265;} .testimonials h3 a:hover {color:#b0b0b0;} .testimonials h3 a.prev {right:24px;} .testimonials .elm {display:none; position:relative;} .testimonials .elm.first {display:block;} .testimonials .txt {color:#fff; font-size:13px; padding:8px 28px 0 34px; margin:0;} .testimonials .txt:before, .testimonials .txt:after { display:block; position:absolute; color:#526265; font-size:54px; font-family:Times, "Times New Roman", serif; font-weight:bold; } .testimonials .txt:before { content:'“'; left:0; top:-10px; } .testimonials .txt:after { content:'”'; right:10px; bottom:4px; } .testimonials .author {color:#fff; display:block; line-height:120%; margin-top: 26px; text-align: right;} body.page .content {padding:44px 0;} body.page h2 {color:#000; font-size:24px; font-weight:200; margin:0 0 30px 0; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; line-height: 1.2;} body.page .main.content {min-height: 550px;} #main {/*min-height: 450px;*/ padding:40px 0 20px;} #banner {/*width:960px;*/ background-color:#fff; height:297px;text-align:center;} #box_container {/*width:960px;*/} #box_container .box{ margin-top:6px; padding:0 30px 26px 30px;} #box_container .box img {max-width:300px;} #box_container .box.center {text-align:left;} #box_container .box h2 {color:#000; font-size:22px; font-weight:200; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; margin-bottom:22px;} #box_container .box p {color:#000; font-size:14px;} #box_container .box.sx .content {padding-right:20px;} #box_container .box.center .content {padding:0 10px;} #box_container .box.dx .content {padding-left:20px;} /* --------- HEADER TOP ------- */ #headerTop {background-color:#212E30; height:54px; border-bottom:8px solid #ffdb00;} #headerTop-wrapper {/*width:960px;*/ margin:0 auto; position:relative;} #headerTop div.logo {width:120px; float:left;} #headerTop a.logo {display:block; width:120px; height:40px; background:url(/images/logo_headerTop.png) no-repeat left 3px; text-indent:-9999px;} #menuTop {float:left; margin-top:10px; height:26px; max-height:380px;} #menuTop.navbar-collapse {padding:0 10px;} /*#menuTop.navbar-collapse.in, #menuTop.navbar-collapse.collapsing {position:absolute; top:36px; left:50px; background-color: #212E30; border-radius: 6px; padding-bottom:12px; border:none; box-shadow:none;} #menuTop.navbar-collapse.in ul, #menuTop.navbar-collapse.collapsing ul {border:none;} #menuTop.navbar-collapse.in ul li, #menuTop.navbar-collapse.collapsing ul li {border-bottom:1px solid #526265; padding:4px 0;} #menuTop.navbar-collapse.in #search, #menuTop.navbar-collapse.collapsing #search {margin:12px 0 0 0;} */ #menuTop ul {list-style-type:none; margin:0; padding:0; border-left: 1px solid #526265; border-right: 1px solid #526265; padding:0 5px;} #menuTop ul li {padding:0 5px; margin:0; color:#fff; font-size:11px; text-transform:uppercase; } #menuTop ul li.optimize {display:none;} #menuTop ul li a {color:#fff;} #menuTop ul li a:hover {text-decoration:none; color:#d5d5d5;} #menuTop ul li.credits .label-info, #menuTop ul li.cash .label-info {background-color:#ffdb00; color:#212e30;} #menuTop ul li.credits.debit .label-info {background-color:#cb2027; color:#fff;} #menuTop .navbar-nav > li > a {padding:0; line-height:28px; display:inline-block;} #menuTop .navbar-nav > li > a:hover, #menuTop .navbar-nav > li > a:focus {background-color:transparent;} #headerTop .navbar-toggle {float:left; margin-top:7px; margin-left:8px; border: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 6px;} #headerTop .navbar-toggle .icon-bar {background-color:#D5d5d5;} #menuTop .label-info {top:-7px; /*right:-8px;*/ position:relative; font-size:11px; text-indent:0; padding: 0 0.4em; background-color:#cb2027; color:#fff; margin-left:3px;} #menuTop .navbar-nav > li.feature-new > a:after {display:inline-block; top:-7px; /*right:-8px;*/ position:relative; font-size:10px; text-indent:0; padding: 0 0.3em; background-color:#cb2027; color:#fff; margin-left:4px; content:"new"; border-radius:0.25em; -moz-border-radius:0.25em; -webkit-border-radius:0.25em; line-height:16px; text-transform:none;} /*.morphsearch {position:absolute; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#526265 url(/images/lente_headerTop.png) no-repeat 6px 2px; padding:0 26px 0 5px; color:#ebebeb; margin:2px 0 0 12px; height:24px; line-height:24px; width:30px; top:4px; left:300px;} #search {border:none; border-radius: 3px; padding:0 26px 0 5px; background:#526265 url(/images/lente_headerTop.png) no-repeat 6px 2px; color:#ebebeb; margin:2px 0 0 12px; height:24px; line-height:24px; width:30px;}*/ .verified .morphsearch, .verified .morphsearch.adm { right: 204px; } .verified .morphsearch.open, .verified .morphsearch.adm.open { right: 0; } div.iconInfo {position:absolute; right:60px; top:7px; border-right:1px solid #526265; width:44px;} div.iconInfo a {display:block; width:32px; height:32px; background:#526265 url(/images/iconNotify.png) no-repeat center center; text-indent:-9999px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative;} div.iconInfo a .label-info {top:-2px; right:-8px; position:absolute; font-size:11px; text-indent:0; padding:0.1em 0.3em 0.2em; background-color:#cb2027; margin-right:2px;} div.iconInfo.credits {right:104px; border:none;} div.iconInfo.credits a {background:#526265 url(/images/iconCredits.png) no-repeat center center;} div.iconInfo.credits a .label-info, div.iconInfo.cash a .label-info {background-color:#ffdb00; color:#212e30;} div.iconInfo.credits.debit a .label-info {background-color:#cb2027; color:#fff;} div.iconInfo.cash {right:148px; border:none; background-image:none;} div.iconInfo.cash a {background-image:none; text-indent: 0;} div.iconInfo.cash span.currency {border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width:24px; height:24px; text-align: center; line-height:22px; font-size:22px; display:block; top:4px; left:4px; color:#526265; background-color:#212e30; position: absolute;} #userMenu {position:absolute; right:0; top:7px; z-index:1100;} #userMenu a.dropdown {display:block; width:50px; height:36px;} #userMenu a.btn {font-size: 16px; height: 26px; line-height: 24px; margin: 3px 0 0; padding: 0; width: 60px;} #userMenu img {border:1px solid #526265; border-radius:5px; position:absolute; z-index:1100; width:32px; height:32px;} #userMenu span {display:block; width:14px; height:10px; background:transparent url(/images/arrow_headerTop.png) no-repeat center center; position:absolute; top:11px; left:36px;} #userMenu a#language {display:inline-block; color:#ccc; right:10px; right: 22px; top: 2px; } #userMenu a#language span {left:50px; top:7px;} #userMenu .dropdown-menu { background-color:#212E30; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; top:18px; left:-10px; z-index:10; min-width:100%; border:none; z-index:1000; /*left: -36px; top: 28px; */ } #userMenu .dropdown-menu.language {left:-26px; min-width: 70px; top:22px; padding: 14px 0 6px;} #userMenu .dropdown-menu {padding:20px 0 6px; /*padding:10px 0 6px;*/} #userMenu .dropdown-menu li {margin:0;} #userMenu .dropdown-menu > li > a {color:#fff; text-transform:uppercase; padding:3px 7px; font-size:12px;} #userMenu .dropdown-menu > li > a:hover {background-color:#526265;} .language-switch {position:absolute; top:14px; right:0;} .language-switch a#language {display:inline-block; color:#888; right:10px; right: 22px; top: 2px;} .language-switch a#language span:after { width: 0; height: 0; border-right: 6px solid transparent; border-top: 6px solid #d5d5d5; border-left: 6px solid transparent; margin: auto; content:""; position: absolute; left: 50px; top: 8px; display:block; } .language-switch .dropdown-menu.language {left:-30px; min-width: 70px; top:26px; padding: 8px 0;} .language-switch .dropdown-menu {padding:20px 0 6px; /*padding:10px 0 6px;*/} .language-switch .dropdown-menu li {margin:0; padding:0;} .language-switch .dropdown-menu > li > a {color:#666; text-transform:uppercase; padding:3px 12px; font-size:12px;} .language-switch .dropdown-menu > li > a:hover {background-color:#e0e0e0;} /* --------- PROFILE ------- */ .profile-wrapper {background-color:#fff; padding-bottom:20px; padding-top:20px;} #profile {margin-top: 32px; position:relative; } .dashboard #profile {padding-bottom: 30px;} #profile.prebeta {/*min-height:300px;*/} div.alert.alert-referral {padding:8px 0 14px 0; border:none; border-bottom:1px solid #ebe9e1; margin-bottom:10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; text-align:center; margin:0;} .alert-referral span.img {background: url("/imgs/referralHow.jpg") no-repeat -18px top; display:block; width:200px; height:96px; float:left;} .alert-referral.friendship span.img {background: url("/imgs/referralHowFriendship.jpg") no-repeat left top; width:180px;} .alert-referral.friendship strong {background-color: #ebe9e1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 2px; display:inline-block; line-height:130%;} .alert-referral p {padding:6px 0 0 200px; margin: 4px auto; max-width: 740px;} .alert-referral a.btn {margin: 10px auto;} #referralModal h2 {font-size:28px; color:#526265; font-weight:300;} #referralModal h2 strong, #referralModal p strong {color:#212e30;} #referralModal p {color:#526265; font-size:22px; margin-bottom:18px; line-height: 120%; padding: 0 30px;} #referralModal img {padding: 14px 20px 2px;} a#profileCollapse{background: transparent url("/images/iconExpand.png") no-repeat center 6px; position:absolute; top:-8px; right:0; width:30px; height:30px; text-indent:-9999px; z-index:10; opacity:.7;} #profileCollapsed { display:none; position:relative; padding-top:6px; margin-bottom: 45px; } #profileCollapsed img { float:left; margin:10px 10px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:32px; height:32px;} #profileCollapsed h2 {color:#526265; font-weight:normal; font-size:20px; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; text-transform:uppercase; margin:0 0 4px; padding:16px 0 0;} #profileCollapsed a.minimize{background: url("/images/iconExpand.png") no-repeat center -24px; position:absolute; top:18px; right:0; width:30px; height:30px; text-indent:-9999px; z-index:10; opacity:.7;} #mergeOption .row {text-align:center; color:#526265;} #mergeOption p {font-size:18px; color:#526265;} #mergeOption img { width:60px; height:60px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:106px; height:106px; border: 1px solid #ebe9e1; background:url(/imgs/defaultUserPic_w.jpg) no-repeat center center; text-indent: -999px;} #mergeOption h4 {font-size:20px; margin-bottom:4px;} #mergeOption em {font-size:19px; opacity:.6;} #mergeOption a.btn {margin-bottom:0;} #userData {width:472px; float:left; margin-right:16px;} #userData .box {height: 106px; overflow: hidden; position:relative;} #userData img { float:left; margin-right:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:106px; height:106px; border: 1px solid #ebe9e1; background:url(/imgs/defaultUserPic_w.jpg) no-repeat center center; text-indent: -999px;} #userData h2{color:#212E30; font-weight:normal; font-size:20px; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; text-transform:uppercase; margin:0 0 4px; padding:12px 0 0;} #userData address {font-size:16px; color:#97A1A3;} #userData .network {position:absolute; bottom:0; padding:0 4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; line-height:22px; height:22px; left:114px; cursor:pointer; min-width: 110px;} #userData .network.loading, #userData .network-on.loading, #userData .network-off.loading {background: #e0e0dd url(/images/waiting.png) no-repeat center center;} #userData .description {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-top:16px; padding:14px 0;} #userData .description div.desc {max-height:200px; overflow:auto;} #userData .description p {font-size:15px; color:rgba(151, 161, 163); line-height:130%; margin:0; padding:0;} #userData .description .mCSB_scrollTools .mCSB_draggerRail {background: rgba(0, 0, 0, 0.2);} #userData .description .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: rgba(0, 0, 0, 0.35);} #userData .description .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background: rgba(0, 0, 0, .5);} #userData .description .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #userData .description .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background: rgba(0, 0, 0, 0.8);} #userData .reach {margin-top:26px; border-top:2px dotted rgba(151, 161, 163, .8); border-bottom:2px dotted rgba(151, 161, 163, .8);} #userData .reach.box {border:none;} #userData .reach .title {font-size:18px; font-weight:bold; color:#212e30; display:block; margin-bottom:6px;} #userData .reach .box {float:left; position:relative; margin:0 12px 20px 0; font-size:40px; color:#97a1a3; line-height:90%; height:40px; overflow:visible;} #userData .reach .box.reach, #userData .reach .box.location {width:100%;} #userData .reach i.fa {font-size:20px; background-color:#ebe9e1; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius:50%; line-height:42px; width:42px; height:42px; margin-right:6px; text-align:center;} #userData .box.reach span {display:inline-block; width:100px; position:relative; padding-top:10px; top:6px;} #userData .reach .box.reach {font-weight:bold; height:62px; margin-bottom: 35px;} #userData .reach .box.location {font-size:17px; margin-right:0; line-height: 18px; margin-top: -10px; } #userData .reach .box.location span {line-height: 115%; max-width: 75%; padding-top: 10px; display:inline-block;} #userData .reach .box.location i.fa {font-size:24px; float:left;} #userData .reach .box .desc {position:absolute; top:49px; font-size:16px; color:#212e30; font-weight:normal; line-height: 100%;} #userInfluence .analyzing, #influence .analyzing, #userInfluence .na, #influence .na {width:146px; height:146px; background:#ebe9e1 url("/images/polygonAnalyzing.gif") no-repeat center 28px; margin:-80px 0 0 -72px; position: absolute; top:50%; left:50%; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%; display:none;text-transform: uppercase;} #userInfluence .analyzing span, #influence .analyzing span, #userInfluence .na span, #influence .na span {color: #c1c1bb; display: block; font-size: 14px; padding: 8px 0; margin-top:78px; font-weight:bold; background-color:#fff; text-align:center;} #userInfluence .na, #influence .na {background-image:none;} #userInfluence .na i, #influence .na i {color: #c1c1bb; font-size: 44px; left: 50%; margin: 0 -30px; position: absolute; top: 22px; width: 60px;} .mini-progress-bar{ border-radius: 0 5px 5px 0; position: relative; background-color: #ebe9e1; color: #212e30; display: none; float: left; font-size: 15px; height: 30px; line-height: 30px; margin-right: 2px; text-align: left; width: 96px; } .mini-progress-meter{ position: absolute; top: 0; left: 0; width: 96px; height: 30px; background: #ffdb00; } .mini-progress-label{ position: absolute; left: 0; top: 0; width: 96px; height: 30px; padding-left: 8px; font-size: 14px; overflow: hidden; cursor: default; } #userInfluence .analyzing, #userInfluence .na {background:#f0f0f0 url("/images/polygonAnalyzing.gif") no-repeat center 14px; height:110px; width:110px; margin:-62px 0 0 -55px; box-shadow: 0 0 0 10px rgba(0,0,0,.08); -moz-box-shadow: 0 0 0 10px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,.08);} #userInfluence .analyzing span, #userInfluence .na span {background-color:transparent; color: #526265; font-size: 12px; opacity:.6; font-size: 12px; margin-top:48px; line-height:115%;} .fr #userInfluence .analyzing span, .fr #userInfluence .na span {font-size:11px;} #userInfluence .na {background-image:none;} #userInfluence .na i {top:12px;} /*---------------- POLYGON --------------*/ #userInfluence {width:472px; max-width:100%;} .radar-chart .area {fill-opacity: 0.7; stroke-linejoin:round;} .radar-chart.focus .area {fill-opacity: 0.3;} .radar-chart.focus .area.focused {fill-opacity: 0.9;} .area.Facebook, .Facebook .circle {fill: #FFDb00; stroke: #FFDb00; stroke-width:3;} .area.Facebook.Page, .Facebook.Page .circle {fill: red; stroke: red; stroke-width:3;} .area.Twitter, .Twitter .circle { fill: #F775A7; stroke: #F775A7; stroke-width:3;} .area.Instagram, .Instagram .circle {fill: #3F729B; stroke: #3F729B; stroke-width:3;} .area.Vk, .Vk .circle {fill: #58b058; stroke: #58b058; stroke-width:3;} .radar-chart .level {stroke: #ccc; stroke-width: 0.5;} .radar-chart .axis line {stroke: #ccc; stroke-width: 0.5;} .radar-chart .axis .legend, g.legend {font-family: Titillium Web,Helvetica,Arial,sans-serif; font-size: 17px; fill:rgba(82, 98, 101, .65); font-weight:600;} g.legend { font-size: 15px; } .radar-chart .axis .legend.max { fill:#526265;} .radar-chart .axis .perc {font-size:17px;} .radar-chart .axis .perc.max {font-size:18px; fill:#212e30;} .dark .radar-chart .axis .legend, .dark g.legend, .dark .radar-chart .axis .perc {fill:#A0A8AA;} .dark .radar-chart .axis .perc.legend.max {fill:#fff;} .dark .radar-chart .axis .legend.max {fill:#ccc;} .radar-chart .axis .legend.top {dy:1em;} .radar-chart .axis .legend.left {text-anchor: end;} .radar-chart .axis .legend.middle {text-anchor: middle;} .radar-chart .axis .legend.right {text-anchor: start;} .radar-chart .tooltip { font-family: sans-serif; font-size: 15px; transition: opacity 200ms; opacity: 0; } .radar-chart .tooltip.visible {opacity: 1;} /* area transition when hovering */ .radar-chart .area {stroke-width: 3; fill-opacity: 0.5;} .radar-chart.focus .area {fill-opacity: 0.1;} .radar-chart.focus .area.focused {fill-opacity: 0.7;} .radar-chart .circle {fill-opacity: 0.9;} /* transitions */ .radar-chart .area, .radar-chart .circle {transition: opacity 300ms, fill-opacity 200ms; opacity: 1;} .radar-chart .d3-enter, .radar-chart .d3-exit {opacity: 0;} /*---------------- POLYGON --------------*/ #userInfluence { max-width: 100%; width: 472px; } #userInfluence path { fill: none; } /* layers */ #userInfluence .layer-0 path, #influence .layer-0 path { fill: steelblue; } #userInfluence .layer-1 path, #influence .layer-1 path { fill: white !important; opacity: 0.3; stroke-width: 2px; stroke: #999; } /* Outer circle, tick-circles and spokes */ #userInfluence circle.outer, #influence circle.outer { stroke: #f0f0f0; opacity:1; } #userInfluence .tick-circles circle, #influence .tick-circles circle { stroke: #fff; stroke-dasharray: 2, 2; opacity:0; } #userInfluence .spokes line, #influence .spokes line { stroke: #fafafa; stroke-width: 2; } /* Axis */ #userInfluence .axis text, #influence .axis text { font-size: 11px; opacity: 0; } #userInfluence .axis path, #influence .axis path { stroke: #bd0000; shape-rendering: crispEdges; opacity: 0; } #userInfluence .axis line, #influence .axis line { stroke: #bd0000; shape-rendering: crispEdges; opacity:0; } /* Labels */ #userInfluence .labels text, #influence .labels text { fill: #666; font-size: 14px; font-weight: 400; } #userInfluence .axisLabel line, #influence .axisLabel line { stroke: #808080; stroke-width: 1; } #userInfluence .axisLabel .legend, #influence .axisLabel .legend { font-family: "Titillium Web"; font-size: 18px; /*text-transform: uppercase;*/ fill:#526265; } #userInfluence .axisLabel .legend.max, #influence .axisLabel .legend.max { font-weight: bold; } #userInfluence .axisLabel .legend.middle, #influence .legend.middle { text-anchor: middle;} #userInfluence .axisLabel .legend.left, #influence .legend.left {text-anchor: end;} #userInfluence .axisLabel .legend.right, #influence .legend.right {text-anchor: start;} #userInfluence .perc, #influence .perc { font-size: 20px; font-weight: bold;} #influence .dark .axisLabel .legend {fill:rgba(255,255,255,.42);} #influence .dark .axisLabel .legend.max {fill:rgba(255,255,255,.9); font-weight: normal;} #influence .dark .spokes line { stroke: rgba(0,0,0,.16);} #influence .dark circle.outer { stroke: rgba(0,0,0,.16);} #influence #polygon {margin-top: 12px;} #userInfluence, #profile #userActions {width:472px; float:left; text-align:center; font-size:24px; color:#ccc; padding:8px 0 0; position:relative; margin-bottom: 14px;} #profile #userActions {padding:8px 0 40px;} #userInfluence .actions {position:absolute; margin:10px -98px 0; width:196px; left:50%;} #userInfluence .actions a {display:block; width:96px;float:left; margin-right:2px; background-color:#ebe9e1; height:30px; line-height:30px; font-size:15px; color:#212e30; text-align:left; padding-left:8px; } #userData, #userInfluence, #profile #userActions{width:48% !important;} #report #userInfluence {width:100% !important;} #userInfluence .actions a.network {-webkit-border-radius: 5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius: 5px 0 0 5px; } #userInfluence .actions a.network.dropdown {background: #ebe9e1 url(/images/arrow_headerTop.png) no-repeat 79px center;} #userInfluence .actions a.network.disabled, #userInfluence .actions a.share.disabled {cursor:not-allowed; color:#969696;} #userInfluence .actions a.network.disabled:hover, #userInfluence .actions a.share.disabled:hover {background-color: #ebe9e1;} #userInfluence .actions a.share {-webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; text-transform: lowercase;} #userInfluence .actions a.share.waiting span.icon {background: url(/images/waiting.png) no-repeat left top; display:block; float:left; margin:8px 6px 0 0; width:15px; height:15px;} #userInfluence .actions a:hover {text-decoration:none; background-color:#d5d5d5;} #userInfluence .dropdown-menu {min-width:104px;} #userInfluence .dropdown-menu li {margin:0;} #userInfluence .actions .dropdown-menu li a {background-color:transparent; line-height:110%; height:auto;} #userInfluence .actions .dropdown-menu li a:hover {color:#000; font-weight:bold;} .sharePolygon a.btn i, .boxLogin a.btn i {margin-right:8px;} .sharePolygon a.btn, .boxLogin a.btn {font-size:14px;} .sharePolygon a.btn.fb, .boxLogin a.btn.fb {background-color:#3B5998; color:#fff;} .sharePolygon a.btn.tw, .boxLogin a.btn.tw {background-color:#55ACEE; color:#fff;} .boxLogin #actions a.btn {width:250px; margin:4px 0; padding:10px 0;} .boxLogin a.btn.in {background-color:#3F729B; color:#fff;} .sharePolygon textarea {width:100%; height:80px; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; font-size:18px; border:1px solid #e0e0dd; color:#526265; padding:10px;} .sharePolygon .code {width:44%; float:right;} .sharePolygon .code textarea {width:100%; height:320px; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; font-size:15px; border:1px solid #e0e0dd; color:#526265; padding:8px;} #sharePolygonSite iframe {float:left; border:none; overflow:hidden;} #sharePolygonSite .iframe {visibility:hidden;} #sharePolygonSite .iframe.s { background-color: #444444;} #sharePolygonFb .preloader {display:none;} #profile #userActions {padding-top:34px;} #profile #userActions.notLogged {padding:10px 0 0;} #profile #userActions.notLogged img {margin:0 auto;} #profile #userActions .btn-default-ttc {padding-top:14px; padding-bottom:14px; margin-bottom:12px; width:306px;} #profile #userActions .btn-default-ttc.disabled {color:#666; opacity:.4;} #notifications {position:absolute; top:54px; right:0; z-index:100; background-color:#212E30; min-width:150px; max-width:300px; color:#c1c1bb; box-shadow:2px 2px 5px rgba(0,0,0,.45); -moz-box-shadow:2px 2px 5px rgba(0,0,0,.45); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.45); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:14px; display:none; } #notifications .pad {padding-bottom:16px;} #notifications:before { width: 0; height: 0; border-right: 8px solid transparent; border-bottom: 8px solid #212E30; border-left: 8px solid transparent; margin: auto; content:""; position: absolute; right: 77px; top: -8px; } #notifications .notifications-wrapper {border-bottom:1px solid #526265; /*padding-bottom:10px;*/} #notifications .notifications-wrapper.no-notifications {border:none; padding:14px 16px 0;} #notifications .notifications {max-height:400px;} #notifications .item {border-bottom: 1px solid rgba(82, 98, 101, 0.7); padding:12px; /*margin-bottom:10px;*/ color:#c1c1bb;} #notifications .item.unread {background-color: rgba(82, 98, 101, 0.5);} #notifications .item.last {border:none;} #notifications .item i {background-color: #526265; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#212E30; text-align:center; width:30px; height:30px; line-height:30px; font-size:19px; float:left;} #notifications .item i.fa-credits {background:#526265 url(/images/iconCredits_small.png) no-repeat center center;} #notifications .item.campaign i, #notifications .item.contest i, #notifications .item.verified i {background-color: #ffdb00;} #notifications .item.promo i, #notifications .item.admin i, #notifications .item.alert i {background-color: #cb2027; color:#fff;} #notifications .item .txt {padding-left:40px;} #notifications .mCSB_container .item .txt {padding-right:10px;} #notifications .item a {color:#fff; font-weight:bold;} #notifications .item strong {color:#fff;} #notifications .item a:hover {text-decoration:underline;} #notifications div.alert {margin:0;} #notifications .mCSB_container {margin-right:0;} #notifications .mCustomScrollBox > .mCSB_scrollTools {margin-top:12px; height: 94%;} #notifications .more {text-align:center; margin-top: 10px;} #notifications .more a {color:#526265; text-transform:uppercase; font-weight:bold;} #notifications .more a:hover {color:#fff;} #profileTabs > li > a.notifications > span.icon {background-position: center -180px;} .accordionContent {margin-top:40px;} .accordionContent .tab-content.notificationsPage {padding: 50px 30px;} #notificationsPane {color: #526265; max-width:660px; font-size:15px;} #notificationsPane .item {border-bottom:1px solid #e0e0dd; padding:12px; /*margin-bottom:10px;*/ color: #526265;} #notificationsPane .item.last {border:none;} #notificationsPane .item.unread {background-color:rgba(0, 0, 0, 0.06);} #notificationsPane .item i {background-color: #98A1A3; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#212E30; text-align:center; width:32px; height:32px; line-height:32px; font-size:19px; float:left;} #notificationsPane .item i.fa-credits {background:#98A1A3 url(/images/iconCredits_small.png) no-repeat center center;} #notificationsPane .item.campaign i, #notificationsPane .item.contest i, #notificationsPane .item.verified i {background-color: #ffdb00;} #notificationsPane .item.promo i, #notificationsPane .item.admin i, #notificationsPane .item.alert i {background-color: #cb2027; color:#fff;} #notificationsPane .item .txt {padding-left:44px;} #notificationsPane .item a {color:#000; font-weight:bold;} #notificationsPane .item a:hover {text-decoration:underline;} #notificationsPage .more {margin-top:24px; max-width:660px;} #notificationsPage .no-notifications {font-size: 20px; padding: 20px 0 0 20px;} #notificationsPane .action {margin:0 0 18px; text-align:right;} #notificationsPane .action a {color:#526265;} #notificationsPane .action a:hover {color:#212E30;} #notificationsPane #markAll.disabled, #notificationsPane #markAll.disabled:hover {color:#526265; opacity:.5; cursor:default;} #statusBuzzoole {background-color:transparent; border-bottom:1px solid #ccc; padding:28px 0 15px; margin:0 auto 18px;} #statusBuzzoole h6 {color:#526265; font-size:15px; margin:0;} #statusBuzzoole .col{padding: 0 4px 0 0;} #statusBuzzoole .col.val {padding-right:12px;} #statusBuzzoole .col.action {line-height: 90%;} #statusBuzzoole .profile {padding-bottom:4px;} #statusBuzzoole .profile .steps {padding: 15px 0 0;} #statusBuzzoole .profile .step {background-color: #97a1a3; width:30px; height:2px; display:inline-block; margin-right:2px;} #statusBuzzoole .profile .step.on {background:#f775a7;} #statusBuzzoole .profile .val {color:#526265; font-size:40px; font-weight:200;} #statusBuzzoole .profile br {margin-bottom:6px;} #statusBuzzoole .profile i.fa {color:#97a1a3; opacity:.5;} #statusBuzzoole .profile a {opacity:.7; color:#526265; font-size:13px; display: inline-block; margin: 1px 0 6px;} #statusBuzzoole .profile a.done {margin: 0 0 6px;} #statusBuzzoole .profile:hover a {opacity:1;} #statusBuzzoole .profile a:hover {color:#212E30;} #statusBuzzoole .profile a.disabled, #statusBuzzoole .profile:hover a.disabled, #statusBuzzoole .profile:hover a.disabled:hover {color:#97a1a3; opacity:.8; cursor:default; } #statusBuzzoole .profile:hover a.done, #statusBuzzoole .profile:hover a.done:hover, #statusBuzzoole .profile:hover i.fa { opacity:1;} #statusBuzzoole .profile a.done {text-decoration:line-through;} #statusBuzzoole .profile .tooltip div.tooltip-arrow {border-top-color: #fff;} #statusBuzzoole .profile .tooltip div.tooltip-inner {background-color:#fff; color:#000; } /*----- BADGE ------*/ #badgePage #profileTabs > li > a {background: transparent; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} #badgePage #profileTabs > li, #badgePage #profileTabs > li > a {margin: 0;} #badgePage #profileTabs > li > a {opacity: .6;} #badgePage #profileTabs > li.active > a, #badgePage #profileTabs > li > a:hover, #badgePage #profileTabs > li > a:hover > i {opacity: 1;} #badgePage.accordionContent .tab-content {background-color:transparent;} .tab-content.badgePage {background:transparent; padding-right:0; padding-left:0;} #badgePage .user {color:#212e30; font-weight:400;} .badges .flip-container {max-width:100px; float:left; margin:10px 20px 0 0;} #badgePage .flip-container {margin-bottom:32px;} .badges .flipper {transition: 0.3s ease-in; -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in;} .badges .flipper a { /*-webkit-perspective: 600px; -moz-perspective: 600px; position:relative;*/ float:left; width:100px; height:100px;} .badges .item {border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; color:#212e30; position:absolute; top:0; width:inherit; height:inherit;} .badges .item.front {/*box-shadow:0 0 0 1px rgba(0,0,0,.3) inset; -moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset; -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;*/} .badges .item.front span.circle {border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 96px; position: absolute; width: 96px; z-index: -10; } .badges .item:before {width:114px; height:112px; display:block; content:""; position:absolute;} .badges .level1 .item.front:before, .badges .levelB .item.front:before { background-image:url(/images/badge/bronze.png); top:-4px; left:-10px;} .badges .level2 .item.front:before, .badges .levelS .item.front:before { background-image:url(/images/badge/silver.png); top:-4px; left:-10px;} .badges .level3 .item.front:before, .badges .levelG .item.front:before { background-image:url(/images/badge/gold.png); top:-4px; left:-10px; z-index: 100;} .badges .level3 .item.front.campaign::after, .badges .levelG .item.front.campaign::after {background-color: #e9ba09; content: ""; display: block; height: 21px; left: 10px; position: absolute; top: 70px; width: 66px;} .badges .item.back:before {background-image:url(/images/badge/back.png); top:-4px; left:-10px;} .badges .item.back {background-color:#526265; border:2px solid #526265; } .badges .item.back .share { display:block; width:58px; height:20px; position:absolute; top:80px; left:20px; color:#212E30; background-color:#ffdb00; cursor:pointer; text-align:center; text-transform: uppercase; font-size:14px; line-height:20px; font-weight:400; opacity:0; } .badges .top3boost .item.front:before {background-image:url(/images/badge/credits.png); top:-4px; left:-10px;} .badges .top3boost .back:before {background-image:none;} .badges .item.front.platform {background-color:#526265; border:2px solid #526265; } .badges .item.front.campaign {background-color:#ffdb00; border:2px solid #ffdb00;} .badges .item.front.blog {background-color:#f49b3d; border:2px solid #f49b3d;} .badges .item.front.fbprofile {background-color:#3b5998; border:2px solid #3b5998;} .badges .item.front.twprofile {background-color:#55acee; border:2px solid #55acee;} .badges .item.front.fbpage {background-color:#3b5998; border:2px solid #3b5998;} .badges .item.front.instagram_profile {background-color:#3f729b; border:2px solid #3f729b;} .badges .item.front.googlePlus_profile {background-color:#dd4b39; border:2px solid #dd4b39;} .badges .item.front.youTube_profile {background-color:#ff3333; border:2px solid #ff3333;} .badges .item.front.linkedin_profile {background-color:#4875B4; border:2px solid #4875B4;} .badges .item.front p {text-align:center; font-size: 13px; line-height: 100%; text-transform: uppercase; color:#000; opacity:.3;} .badges .item.front p strong {display:block; font-size: 46px; line-height: 100%; padding: 8px 0 1px; letter-spacing:-1px;} .badges .item i {text-align:center; display:block; font-size:34px; color:#000; opacity:.3; position:relative; top:27px;} .badges .item i.img {display:block; width:54px; height:54px; position:absolute; top:12px; left:20px; opacity:1;} .badges .item i.fa-blog {background:url(/images/badge/i_blog.png) no-repeat center center;} .badges .item i.fa-creator {background:url(/images/badge/i_creator.png) no-repeat center center;} .badges .item i.fa-fbpages {background:url(/images/badge/i_fbpage.png) no-repeat center center; top:15px; left: 18px;} .badges .item i.fa-click {background:url(/images/badge/i_click.png) no-repeat center center; top:13px; left: 21px;} .badges .item i.fa-eng {background:url(/images/badge/i_engagement.png) no-repeat center center; top:13px; left: 21px;} .badges .item i.fa-signal {top:29px;} .badges .item i.fa-signal:after {display:block; content:"\f06e"; position:absolute; top:-2px; left:31px; font-size:21px;} .badges .item p.desc {font-size:14px; line-height:115%; text-transform:uppercase; position:relative; top:12px; text-align:center; font-weight:normal; color:#fff; padding:0 2px;} .badges .item p.type {font-size:13px; line-height:105%; text-transform:uppercase; position:absolute; top:63px; left:-9px; text-align:center; font-weight:400; color:#fff; opacity:.5; width:112px;} .badges .blog .item p.desc, .badges .twprofile .item p.desc, .badges .bestauthor .item p.desc {padding: 0 8px;} /*.badges .item .content:after {display:block; content:''; position:absolute; width:50px; bottom:15px; left:25px;}*/ .badges .hybar {margin-bottom:14px; } .badges .badgeContainer {margin-bottom:24px;} .badges p.badge-desc {border-bottom: 1px solid #ccc; color: #526265; padding: 2px 0 8px;} .badges p.badge-desc a {text-decoration:underline; font-weight:bold;} .badges p.badge-desc a:hover {color:#666;} .badges .sample {opacity:.35;} .badges .sample a {cursor:default;} .badges .sample .item i {opacity:.5;} .badges .sample .item.front:before { background-image:url(/images/badge/off.png); top:-4px; left:-10px;} .badges .sample .item p.desc {opacity:.6;} .badges .sample .item i.img {opacity:.5; -webkit-filter: grayscale(100%) contrast(200%) invert(100%) brightness(100%); filter: grayscale(100%) contrast(200%) invert(100%) brightness(100%);} .shareBadge a.btn i {margin-right:8px;} .shareBadge a.btn {font-size:14px;} .shareBadge a.btn.fb {background-color:#3B5998; color:#fff;} .shareBadge a.btn.tw {background-color:#55ACEE; color:#fff;} .shareBadge textarea {width:100%; height:80px; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; font-size:18px; border:1px solid #e0e0dd; color:#526265; padding:10px;} .shareBadge .code {width:44%; float:right;} .shareBadge .code textarea {width:100%; height:280px; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; font-size:15px; border:1px solid #e0e0dd; color:#526265; padding:8px;} #shareBadgeSite iframe {float:left; border:none; overflow:hidden;} #shareBadgeSite .iframe {visibility:hidden;} #shareBadgenFb .preloader {display:none;} /*--------- TOUR ----------*/ .popover.tour-tour {padding:0; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3);} .popover.tour-tour .popover-title {background-color:#ffdb00; font-weight: bold; color:#212e30; font-size:17px;} .popover.tour-tour .popover-content {font-size: 15px; padding:18px 14px 14px; color:#555;} .popover.tour-tour .popover-navigation {opacity:.82;} body.home #categories, body.home .hybar, #categories, .hybar {background-color:#ffdb00; height:54px; margin-bottom:36px; box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);} #categories, .hybar {background-color:transparent; box-shadow:none;} #categories-wrapper, .hybar .wrapper {margin:0 auto;} #categories-wrapper .tooltip {top:-24px !important;} body.home #categories .txt, body.home .hybar .txt, #categories .txt, .hybar .txt {color:#212e30; font-size:14px; font-weight:bold; float:left; width:100px; line-height:54px; margin-right:6px;} #categories .txt, .hybar .txt {font-size:20px; font-weight:200; color:#526265; margin-top:28px; border-bottom: 1px solid #ccc; padding-bottom: 10px; line-height:1.2; text-transform:uppercase;} .hybar .txt {width:100%;} #categories .category {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#526265; color:#fff; font-size:14px; height:30px; line-height:30px; display:inline-block; margin:12px 4px 0 0; padding:0 5px; width:114px; } #categories .category.remove {background: #526265 url(/images/iconRemoveCategory.png) no-repeat 92px center;} #categories .category.confirm {background: #526265 url(/images/iconConfirmCategory.png) no-repeat 86px -2px;} #categories .confirmed .category.confirm {background-position: 86px -28px;} #categories .category a {text-decoration:none; color:#fff;} #categories .category.more {background-color:#c1c1BB; color:#526265;} #categories .category.remove:hover {background: #212e30 url(/images/iconRemoveCategory.png) no-repeat 92px center;} #categories .category.confirm:hover {background: #212e30 url(/images/iconConfirmCategory.png) no-repeat 86px -2px;} #categories .confirmed .category.confirm:hover {background: #212e30 url(/images/iconConfirmCategory.png) no-repeat 86px -28px;} #categories .category.more:hover {background-color:#b0b0b0;} #categories a.lg {display:none;} #selectCategory .checkbox {width:160px; float:left; margin:8px;} #selectCategory .checkbox label {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#526265; color:#fff; font-size:14px; height:26px; line-height:26px; padding:0 5px; width:114px; display:inline-block; margin-left:3px;} #networks { margin:20px 0 0; padding-bottom: 30px; } #networks div.network {width:232px; height:234px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; float:left; background:#fff; margin:0 4px 16px 4px; position:relative;} #networks div.network.blog {background:#fff;} div.network.buzz {background-position: 0 38px;} div.network.last {margin-right:0;} #networks div.network.add {background:#fff url(/images/iconAddNetwork.png) no-repeat center 38px;} div.network .pad {padding:9px;} div.network .icona {width:60px; height:60px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; float:left;} div.network i.icon {width:60px; height:60px; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; float:left; text-align:center; line-height:60px; color:#fff; font-size:34px;} div.network.fb .icona {background: url(/images/iconNetFb.jpg) no-repeat left top;} div.network.fp .icona {background: url(/images/iconNetFbPages.jpg) no-repeat left top;} div.network .icona img {width:60px; height:60px; color:transparent;} div.network.buzz .icona img {width:60px; margin-top:10px;} div.network.tw .icona {background: url(/images/iconNetTw.jpg) no-repeat left top;} div.network.blog .icona {background: url(/images/iconNetBlog.jpg) no-repeat left top;} div.network.in i {background-color:#3f729b;} div.network.vk i {background-color:#45668e;} div.network.g i {background-color:#dd4b39;} div.network.y i {background-color:#ff3333;} div.network.l i {background-color:#4875B4;} div.network.tm i{background-color:#35465c;} div.network.sn i { background: #fffc00 url(/images/ghost.svg) no-repeat center center / 62%; } div.network div.summary { margin-left:76px; } div.network.blog div.summary {margin:76px 0 0;} div.network div.summary .url {color:#212e30; font-size:13px;} div.network.blog div.summary .url {font-size: 15px; background-color: transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; padding: 8px 0 6px} div.network.blog div.summary .verified {display: block; font-size: 15px; text-align: center; color:#526265;} div.network.blog div.summary .verified i.fa {color:green;} div.network div.summary ul {margin:3px 0 0; padding:0;} div.network div.summary ul li {color:#97a1a3; font-size:14px; padding:4px 0; border-bottom:1px solid #ebe9e1; margin:0; display:block; text-align:right; position:relative; text-transform: lowercase;} div.network div.summary ul li.last {border:none;} div.network div.summary ul li .qt {font-size:20px; font-weight: 400; color:#526265; position:absolute; top:-1px; left:0;} div.network.buzz div.summary ul li.last .qt {text-align: left; line-height:120%; margin-top: 4px;} div.network div.cat {left: 19px; position: absolute; top: 152px; border-top:1px solid #ebe9e1; border-bottom:1px solid #ebe9e1; padding: 3px 0 2px; height: 33px;} div.network div.cat .category {color:#97a1a3; background-color:transparent; width:100%; height:26px; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:11px; text-align:center; line-height:26px; margin-right:6px;} div.network.blog div.cat .category {font-size: 11px; line-height: 12px;} div.network div.cat, div.network.blog div.cat {left:0; text-align:center; width:100%;} div.network.fp div.cat .category, div.network.blog div.cat .category {width:auto; padding:0 7px;} div.network div.actions {position:absolute; left:0; top:193px;} div.network div.actions a, div.network div.actions span {display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:12px; text-transform:uppercase; color:#212e30; height:24px; line-height:24px; text-align:center; font-weight:bold; width:90px; position:absolute; top:0; left:70px;} div.network div.actions a.update, div.network div.actions a.updateFp, div.network div.actions a.view { background-color: #ffdb00; border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; font-size: 15px; left: 0; top: -9px; width: 160px; font-weight:400; background-color: #ffdb00; height:50px; line-height:50px; } div.network div.actions a.view.single {width:232px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;} div.network div.actions a.update-full.view.single, div.network div.actions a.updateFp { background-color: #cb2027; color: #fff; opacity: 0.65;} div.network div.actions a.update, div.network div.actions span.update, div.network div.actions a.edit {background-color: #cb2027; color:#fff; border-radius: 0 0 10px; -moz-border-radius: 0 0 10px; -webkit-border-radius: 0 0 10px; font-size: 13px; font-weight: normal; height: 50px; left: 160px; line-height: 50px; opacity: 0.65; top: -9px; width: 72px;} .fr div.network div.actions a.update, .fr div.network div.actions span.update, .fr div.network div.actions a.edit {font-size:11px;} div.network.fp div.actions a.update {font-size:9px;} div.network.fp div.actions a.updatePage.green {background-color:green;} div.network div.actions span.update { background:transparent; display:block; color:#777;} div.network div.actions a.edit, div.network div.actions a.view.edit {background-color:#fff; color:#212e30; font-size:14px;} div.network div.actions a.view.edit {left:0;} div.network div.actions a.view.analyzing.disabled {background:#c1c1bb url(/images/iconAnalyzing.gif) no-repeat 30px center; padding-left: 18px;} /*div.network.not-connected div.actions a.view {background-color: #CB2027;}*/ div.network div.actions a.view.single.error {background-color: #cb2027; color:#fff; font-size: 13px;} div.network div.actions a.view.single.error:hover {background-color: #c1c1bb; } div.network.add div.actions {top:195px;} div.network div.actions span.add {width:232px; height:50px; left:0; top:-11px; line-height:50px; color:#212E30; background-color:#ffdb00; font-size:15px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; font-weight:400;} a.add:hover div.network div.actions span.add {color:#fff; background:#c1c1bb;} div.network div.actions a.disabled {cursor:default; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; background:#c1c1bb;} div.network div.actions a.view.analyzing.disabled { border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; opacity:.7;} div.network div.actions a.update { /*width:54px; left:10px;*/} div.network div.actions a.update:hover, div.network div.actions a.updateFp:hover, div.network div.actions a.update-full.view.single:hover {opacity:1; background-color:#cb2027;} div.network div.actions a.visible {background: transparent url(/images/iconVisible.png) no-repeat left -2px; width:34px; height:24px; /*text-indent:-9999px;*/ left:180px; top:4px;} div.network div.actions a.not.visible {background-position: left -30px;} div.network div.actions a.visible.loading, div.network div.actions a.visible.disabled.loading:hover {background: transparent url(/images/waiting.png) no-repeat center center; opacity:1;} div.network div.actions a:hover {text-decoration:none; background-color:#526265; color:#fff;} div.network div.actions a.view:hover {color:#fff; background:#c1c1bb;} div.network div.actions a.disabled:hover { color:#212e30;} div.network div.actions a.visible:hover {background-color: transparent;} div.network div.actions a.analyzing:hover {background:#c1c1BB url(/images/iconAnalyzing.gif) no-repeat 54px center;} div.network div.actions a.view.disabled {opacity:.6; cursor:default; width:232px; color:#212e30;} .netManage {padding:6px 0; margin:6px 0; border-top:1px solid #e0e0DD; line-height:64px;} .netManage .input-lg {margin-top: 10px;} .netManage .col-xs-2 {margin-right:20px;} .netManage .form-control::-moz-placeholder {color:#333;} .netManage i {display:block; width:60px; height:60px; color: #fff; font-size: 34px; line-height: 60px; text-align: center;} .netManage i.fa-instagram {background-color:#3f729b;} .netManage i.fa-vk {background-color:#45668e;} .netManage i.fa-google-plus {background-color:#dd4b39;} .netManage i.fa-youtube-play {background-color:#ff3333;} .netManage i.fa-linkedin {background-color:#4875B4;} .netManage i.fa-tumblr {background-color:#35465c;} .netManage i.fa-snapchat-custom {background:#fffc00 url(/images/ghost.svg) no-repeat center center / 62%;} #snapchatHowTo a { font-weight: bold; text-decoration: underline;} #addSnapchatModal .help { background-color: #dce3d8; color: #212e30; font-size: 14px; margin: 0 0 16px; padding: 10px;} #addSnapchatModal .help i.fa { color: #8c9f8c; margin-right: 6px; font-size: 24px;} #addSnapchatModal .help a { color: #526265; text-decoration: none; } #addSnapchatModal .help a:hover {color:#000; text-decoration: underline;} .fr #addSnapchatModal .form-horizontal .control-label {font-size:17px;} #snapchatHowTo strong {color:#000;} /*ADD FACEBOOK MODAL IN USER DASHBOARD*/ #addFbPage .fixed-height-result-container{ max-height: 280px; overflow: hidden; } #addFbPage .add-fbpage-filter{ margin-bottom: 20px; } #addFbPage .fixed-height-result-container{ } #addFbPage .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0; } #addFbPage .mCSB_scrollTools .mCSB_draggerRail { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; } #addFbPage div.pageFb, #addTumblrBlog div.pageFb, #removeFbPage div.pageFb, #removeTumblrBlog div.pageFb, #removeBlog div.pageBlog {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #b0b0b0; margin: 6px 0;} #addFbPage div.pageFb a, #addTumblrBlog div.pageFb a, #removeFbPage div.pageFb a, #removeTumblrBlog div.pageFb a, #removeBlog div.pageBlog a{color:#526265; font-size:18px; text-decoration:none; display:block; padding:8px;} #addFbPage div.pageFb a img , #addTumblrBlog div.pageFb a img,#removeFbPage div.pageFb a img, #removeTumblrBlog div.pageFb a img {margin: 0 10px 0 0; width:50px; height:50px;} #addFbPage div.pageFb a.selected, #addFbPage div.pageFb a:hover, #addTumblrBlog div.pageFb a.selected, #addTumblrBlog div.pageFb a:hover, #removeFbPage div.pageFb a.selected, #removeFbPage div.pageFb a:hover, #removeTumblrBlog div.pageFb a.selected, #removeTumblrBlog div.pageFb a:hover #removeBlog div.pageBlog a.selected, #removeBlog div.pageBlog a:hover {background-color:#ebe9e1;} #addFbPage div.pageFb span, #addTumblrBlog div.pageFb span #removeFbPage div.pageFb span {display: inline-block; line-height: 20px;} .bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus {background-color:#ffdb00; color:#212e30;} #removeBlog div.pageBlog a i {color:#212e30; margin-right:6px;} #verifyBlog textarea {border:1px solid #c1c1bb; width:100%; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; resize: none; font-size: 17px; line-height: 110%; padding: 12px 6px 4px;} #verifyBlog label {padding-left:0;} #verifyBlog div.controls {padding-right:0;} .people { background-color:#212e30; /*min-height:250px;*/} .people.peoplePane {background-color:transparent; min-height:280px;} .people .wrapper {padding-bottom:32px;} .people .sx {width:472px; float:left; margin-right:16px; position:relative;} .people .dx {width:472px; float:left; position:relative;} .people h3 {font-size:20px; color:#526265; font-weight:400; text-transform:uppercase; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif;} .people .scroll {display:none;} .people a {margin:0 2px 2px 0; display:block; float:left; position:relative;} .people a img {width:100px; height:100px;} .peoplePane a img {display:block; background:url(/imgs/defaultUserPic.jpg) no-repeat left top; text-indent:-999px;} .people .actions a {display:block; width:46px; height:36px; line-height:31px; font-size:30px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:absolute; top:80px; right:10px; text-decoration:none; background-color:#526265; text-align:center; font-weight:200;} .people .actions a:hover {text-decoration:none; background-color:#000;} .people .actions a.more { top:105px;} .people .actions a.less {display:none; top:65px;} .people .actions a.alone {top:84px;} .people .info {position:absolute; top:78px;} .people .info .pos, .people .info .invite, .people .info .buzzler, .people .info .network {display:block; background-color:#526265; height:22px; float:left; margin-right:1px; text-transform:uppercase; line-height:22px;} .people .info .pos { width:22px; line-height:22px; text-align:center; color:#fff; font-size:14px;} .people .info .invite {font-size:12px; color:#212e30; width:44px; text-align:center; background-color:#ffdb00;} .people .info .buzzler { background:#526265 url(/images/iconBuzzler.png) no-repeat center center; width:30px; height:26px; } .people .info .network {font-size:12px; text-align:center; width:77px; margin-right:0;} .people .info .network-off {background-color:#ffdb00; color:#212e30;} .people .info .network-on { background-color:#526265; color:#fff;} .people .info .network-off.loading, .people .info .network-on.loading {background-color:#e0e0dd;} .people .type span {margin:2px 2px 2px 0; display:block; float:left; position:relative; width:100px; line-height:26px; height:26px; background-color:#ffdb00; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:14px; color:#526265; padding-left: 9px;} .people .tooltip.top {margin-top:14px;} .people .tooltip div.tooltip-arrow {border-top-color: #fff;} .people .tooltip div.tooltip-inner {box-shadow:2px 2px 3px rgba(0,0,0,.7); -webkit-box-shadow:2px 2px 3px rgba(0,0,0,.7); font-size:16px;background-color:#fff; color:#000; } .people .tooltip.in {opacity:1;} /* -------- PROFILO -------- */ #profileNetwork { background-color: #ebe9e1; padding: 60px 0 40px; margin-top: 0; } #profileNetwork .tab.analysis h3 {color:#526265; font-size:20px; font-weight:400; text-transform:uppercase;} #profileTabs {border:none;} #profileTabs > li {margin:0 3px 0 0; } #profileTabs > li > a {background-color: #98A1A3; font-size:20px; font-weight:400; text-transform:uppercase; border:none; border-radius:0; padding: 10px 14px 10px 50px; color:#526265; position:relative;} #profileTabs > li.active > a { background-color:#fff; border:none;} #profileTabs > li > a > span.icon {width:36px; height:36px; position:absolute; top:6px; left:9px; background: url(/images/iconsTabs.png) no-repeat left top; opacity:.5;} #profileTabs > li > a.tools > span.icon {background-position:left -36px;} #profileTabs > li > a.settings > span.icon {background-position:left -72px;} #profileTabs > li.active > a > span.icon {opacity:1;} #profileTabs > li > a > i {height: 36px; left: 9px; opacity: 0.5; position: absolute; top: 6px; width: 36px; background-color: #e0e0dd; line-height: 34px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #profileTabs > li.active > a > i {opacity:1;} .accordionContent .tab-content {padding:20px 10px; background-color:#fff; padding: 30px 10px 50px 10px; min-height:460px;} .accordionContent .panel-group .panel {border-radius:0; border:none; box-shadow:none;} .accordionContent .panel-default > .panel-heading, .accordionContent .panel-heading {background-color:#E0E0DD; border:none; color:#526265; text-transform:uppercase; border-radius:0; margin-top: 5px;} .accordionContent .panel-default > .panel-heading h4 {font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; font-weight:200; font-size:20px;} .accordionContent .panel-default > .panel-heading h4 a {background:#E0E0DD url(/images/iconsCollapse.png) no-repeat right top; display:block; line-height:24px; color:#526265;} .accordionContent .panel-default > .panel-heading h4 a.collapsed {background-position: right -24px;} .accordionContent .panel-body {padding:16px 0; border:none;} .accordionContent .column {width:450px; float:left; margin-right:40px; position:relative; min-height:280px;} .accordionContent .column.medie {min-height: 100px;} .accordionContent .column.dx {margin-right:0;} .accordionContent .column.medie.dx {margin-bottom: 30px;} .accordionContent .column h3, .accordionContent h3 {font-weight:200; font-size:20px; color:#526265; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; margin:12px 0;} .accordionContent h3.oneRow {position:relative;} .accordionContent a.help {display:block; width:28px; height:28px; background: transparent url(/images/iconHelp.png) no-repeat left top; position:absolute; top:8px; right:6px;} .accordionContent h3.oneRow a.help {top:0;} .medie {color:#526265;} .medie .item {font-size:18px; position:relative; line-height:38px; background-color:#ffdb00; margin-bottom:5px; max-width:430px;} .medie .item:after { width: 0; height: 0; border-top: 19px solid transparent; border-left: 20px solid #ffdb00; border-bottom: 19px solid transparent; margin: auto; content:""; position: absolute; right: -20px; top: 0; } .medie .item i { font-size:20px; width:40px; text-align:center;} .medie .item i.fa.mentions {font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; font-weight:600;} .medie .item .desc {border-left:1px solid #526265; line-height:38px; padding-left:6px;} .medie .item .val {position:absolute; right:16px; font-size:36px; font-weight:600; top:0;} /* -------- TEST GENNY --------*/ #topicsCloud22, #topicsCloud24, #profileNetwork #topicsCloud22.svg, #profileNetwork #topicsCloud24.svg {margin-top:20px; height:auto;} #topicsCloud22 .item, #topicsCloud24 .item {padding:5px 0;} #topicsCloud22 .labelTopic, #topicsCloud24 .labelTopic {color:#526265;} #topicsCloud22 .val, #topicsCloud24 .val {max-width:90%; height:16px; background-color:#ebe9e1; position:relative; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;} #topicsCloud22 .val span, #topicsCloud24 .val span {position:absolute; display:block; height:16px; background-color:#ffdb00; box-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);} /* -------- TEST GENNY --------*/ .topicsCloud, #profileNetwork .svg {width:450px; height:360px;} .topicsCloud {overflow:hidden;} .topicsCloud svg text {font-family:Titillium Web,Scada, Impact !important; font-weight:400;} .topicsCloud .topic {font-size:17px; pointer-events:none;} .topicsCloud .perc {font-size:1.2em; fill:#fff;} .preloader.topics {margin-top: 50px;} .panel-body.activity {position:relative;} .panel-body.activity .preloader {background-color: rgba(255, 255, 255, 0.5); height: 80%; left: 0; position: absolute; width: 100%;} /*---------- SLIDER ----------*/ div.slider {clear:both; position:relative;} div.slider-legend {position:relative; width:300px; margin:0 auto; height:40px; display:none;} div.slider-legend div {font-size:14px; color:#98a1a3; text-align:center; position:absolute; top:-3px; width:80px;} div.slider-legend div.d1 {left:-40px;} div.slider-legend div.d2 {left:60px;} div.slider-legend div.d3 {left:160px;} div.slider-legend div.d4 {right:-40px;} .ui-slider { position: relative; text-align: left; width:300px; height:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; margin:14px auto 0; box-shadow:1px 1px 0 rgba(0,0,0,.4) inset; -webkit-box-shadow:1px 1px 0 rgba(0,0,0,.4) inset; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 20px; cursor: pointer; background-color:#e0e0dd; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:1px 1px 3px rgba(0,0,0,.6); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.6); } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -10px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-range { background-color:#ffdb00; box-shadow:1px 1px 0 rgba(255,255,255,.4) inset; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* --------- ------- */ .labelPerc {font-weight:bold; font-size:17px; color:#bd0000;} img.nodata {margin:26px 0 0 22px; /*width:294px; height:298px;*/} /*.d3-tip { line-height: 1; font-weight: bold; padding: 12px; background: rgba(255, 255, 255, 0.92); box-shadow:1px 1px 3px rgba(0,0,0,.4); color: #526265; border-radius: 2px; } /* Creates a small triangle extender for the tooltip */ /*.d3-tip:after { box-sizing: border-box; display: inline; font-size: 12px; width: 100%; line-height: 1; color: rgba(0, 0, 0, 0.6); content: "\25BC"; position: absolute; text-align: center; } /* Style northward tooltips differently */ /*.d3-tip.n:after { margin: -1px 0 0 0; top: 100%; left: 0; }*/ #toolD3 { position: absolute; height: auto; padding: 10px; background-color: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); pointer-events: none; z-index:1000; text-align:center; } #toolD3.hidden { display: none; } #toolD3 span { margin: 0; /*font-family: sans-serif;*/ font-size: 17px; line-height: 20px; display:block; } #toolD3 #label {color:#526265;} #toolD3 #value {color:#333; font-weight:bold;} #profileNetwork .column.people {background-color:#fff;} #profileNetwork .people h3 {text-transform:none;} #profileNetwork .category {margin-bottom:8px; max-width:406px;} #profileNetwork .category.competitor, #profileNetwork .category.activity, #profileNetwork .oneRow {max-width:100%;} #profileNetwork .category h4 {cursor:pointer; float:left; background-color:#E0E0DD; font-size:14px; color:#526265; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; margin:3px 3px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:6px;} #profileNetwork .category h4.active, #profileNetwork .category h4:hover {background-color:#526265; color:#fff;} .column.topcontent {color:#526265;} .column.topcontent h4 {font-size:20px; font-weight:400; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif;} .column.topcontent .item, .topcontent .topcontent .item {width:214px; float:left; margin:0 16px 8px 0;} .column.topcontent .item.t2, .column.topcontent .item.t4 {margin-right:0;} .column.topcontent .item a.photo, .topcontent .topcontent .item a.photo {display: block; height:214px; width:214px; background-size:cover; overflow:hidden; background-position:center center;} .column.topcontent .item img, .topcontent .topcontent .item img {max-width:214px; height:150px; margin: 0 auto;} .column.topcontent .item .txt, .topcontent .topcontent .item .txt {border:2px solid #bcc1c0; width:214px; height:214px; padding:6px; color:#526265; font-size:16px; line-height: 115%; position:relative; word-wrap: break-word;} .column.topcontent .item .txt.nodata {border-color:#EBE9E1; color:#bcc1c0;} .column.topcontent span, .topcontent .topcontent .item span {color:#bcc1c0; font-size:17px; display:block;} .column.topcontent span, .topcontent .topcontent .item .share {color:#bcc1c0; font-size:17px; display:block;} .column.topcontent .item .title {color:#526265; font-weight:600; margin-top:0;} .column.topcontent .item a.link {position:absolute; bottom:4px; color:#526265;} .column.topcontent .item a.status {color:#526265;} .column.topcontent .item a.link:hover, .column.topcontent .item a.status:hover {color:#000;} .column.topcontent .item a.video {position:relative;} .column.topcontent .item a.video:after {content:"\f144"; display:block; position:absolute; top:60px; left:78px; font-family:FontAwesome; font-size:5em; color:#fff; } .likeList .item {background: rgba(118, 117, 128, 0.05); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; float: left; height: 74px; margin: 0.3em 3.3% 0.3em 0; padding: 0.5em; width: 30%;} .likeList .item img {display: inline-block; height: 60px; margin: 0 10px 0 0; vertical-align: middle; width: 60px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .likeList .item h6 {display: inline-block; font-size: 1em; font-weight: 700; margin: 0; opacity: 0.8; vertical-align: middle; width: calc(100% - 70px); word-wrap: break-word; } span.insufficientData.people, .topcontent span.insufficientData, span.insufficientData {color: #97a1a3; display: inline-block; font-size: 18px; padding: 124px 0 0; text-align:center; min-width:100%; margin: 30px 0 18px;} span.insufficientData.people {background: url(/images/insufficientDataPeople.jpg) no-repeat center top;} .topcontent span.insufficientData, span.insufficientData {background: url(/images/insufficientData.jpg) no-repeat center top; } .column.competitor .item {width:214px; margin:14px 16px 8px 0; float:left; background:url(/images/bg_competitor.png) no-repeat left bottom; position:relative; padding-bottom:66px;} .column.competitor .item.last {margin-right:0;} .column.competitor img {width:100px; height:100px; float:left; margin-right:12px; border:none;} .column.competitor h5 {color:#526265; font-size:18px; font-weight:400; margin-top:0; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; float:left; width: 100px; word-wrap: break-word;} .column.competitor .network {font-size:12px; text-align:center; width:82px; margin-right:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:26px; line-height:26px; text-transform:uppercase; position:absolute; top:74px; left:112px; cursor:pointer; z-index:1000;} .column.competitor .network-off, .network-off {background-color:#ffdb00; color:#212e30;} .column.competitor .network-on, .network-on { background-color:#212e30; color:#fff;} .column.competitor .network-on.loading, .column.competitor .network-off.loading {background-color:#e0e0dd;} .column.competitor ul {clear:both; padding:2px 0 0; margin:4px 0 0; list-style-type:none; border-top: 1px solid #e0e0dd; opacity:.8;} .column.competitor ul li {color:#526265; font-size:15px; padding:2px 0; border-bottom:1px solid #e0e0dd; position:relative; margin:0; display:block;} .column.competitor ul li.last {border-bottom:none;} .column.competitor ul li strong {position:absolute; right:10px;} .column.competitor span.pos {position:absolute; top:284px; text-align:center; left:0; color:#fff; font-size:26px; font-weight:600; width:100%;} .column.competitor.tw span.pos {top:310px;} .competitor.scroll {display:none;} .chartLabel {color:#fff; pointer-events:none; font-size: 1em;} .chartLabelExt {font-size:1.2em;} #groups .perc {font-size:1.4em; fill:#fff; pointer-events:none;} #groups text {pointer-events:none;} #groups svg a:hover .group {fill:#526265 !important;} #pages a img {margin:6px 3px 0 0;} #gender .axis path, #gender .axis line { fill: none; stroke: #c1c1bb; shape-rendering: crispEdges; } #gender .bar.male {fill: steelblue;} #gender .bar.female {fill: #AEC7E8;} #gender .bar:hover {fill: #ffdb00;} #gender .barLabel {font-size:40px; font-weight:200; fill:#fff; pointer-events:none;} #gender .x.axis text { font-size:24px; fill:#526265; } #age .axis path, #age .axis line { fill: none; stroke: #c1c1bb; shape-rendering: crispEdges; } #age .bar.male {fill: steelblue;} #age .bar.female {fill: #AEC7E8;} #age .bar:hover {fill: #ffdb00;} #age .barLabel {font-size:22px; font-weight:200; fill:#526265; pointer-events:none;} #age .x.axis text { font-size:16px; fill:#526265; } #likes path { fill: none; stroke: #000; stroke-width: 7px; } #likes path.primo {stroke: #AEC7E8;} #likes path.secondo {stroke: #E377C2;} #likes circle { fill: #ccc; stroke: #777; stroke-width: 1px; } div.map #map {width:100%; min-height:400px;} /*.map {width:100%; min-height:350px;}*/ /* --------- SETTINGS ------- */ body.settings {background:#ebe9e1;} body.settings .profile-wrapper {background-color:transparent;} #settings {margin-top:40px; min-height:660px;} #settings .panel-body {padding:40px 14px 16px;} #settings .form-group.separator {border-bottom: 2px dotted #ebe9e1; padding-bottom: 18px; margin-bottom:25px;} #settings #actions {margin-top:20px; border-top:1px solid #a8b0b2; padding:20px 0;} #settings .btn {white-space: normal;} a.setPicture {background-color:#e0e0DD; border:3px solid #e0e0DD; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; position:relative; width:106px; height:130px; display:block; float:left; margin:0 12px 8px 0;} .fr a.setPicture, .ru a.setPicture {height:150px;} a.setPicture img {width:100px; height:100px;} a.setPicture.selected {background-color:#526265; border:3px solid #526265;} a.setPicture span {position:absolute; top:102px; left:0; width:100px; text-align:center; font-size:15px; color:#526265;} a.setPicture.selected span {color:#fff;} a.setPicture.upload {margin-right:0;} a.setPicture.upload img {background-color:#fff; padding:17px 10px;} #uploadPicture {display:none;} div.bootstrap-switch {margin-right:14px; float:left; margin-bottom:12px; max-height: 36px;} #formSettings span.campaignAlert{font-size:13px; color:red;} #formSettings label.checkboxLabel {display: block; font-size: 17px; line-height: 100%; margin-left: 108px;} #settings #currency, #settings p.form-control-static {font-size: 18px; margin: 0;} #settings .channels label i {color:#fff; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:28px; height:28px; line-height:28px; font-size:16px;} /* --------- AMBASSADOR --------*/ body.ambassador {background-color:#ebe9e1;} body.ambassador .accordionContent .tab-content {background-color:transparent; padding: 30px 0 50px;} body.referral.unavalaible #profile {min-height: 500px;} .ambassador #profile #userActions {padding:0;} .ambassador #userActions h4, .ambassador #userActions h5 {font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; color:#526265;} .ambassador #userActions h4 {font-weight:200; font-size:20px; z-index:100;} .ambassador #userActions h5 {font-weight:400; font-size:22px; z-index:100; position: relative;} .ambassador #userActions div.referral {width:90%; margin:0 auto;} .ambassador #userActions img { position: relative; margin: -18px auto 0;} #profile .referral p.referral, .referral #instructions p.referral {font-size:15px; color:#526265; text-align:left; margin-top:20px;} #profile .referral ul, .referral #instructions ul {margin:0; padding:0; list-style-type:disc; list-style-image:none;} .referral #instructions ul.image {list-style-type:none;} #profile .referral li, .referral #instructions li {display:list-item; font-size:15px; color:#212e30; text-align:left; margin-top:4px;} .referral #instructions li {padding:8px 0 16px;} .referral #instructions li span.img {background:url("/imgs/referralHow.jpg") no-repeat center 5px; display:block; width:100%; height:103px; margin-bottom:8px;} .referral #instructions li span.img2 {background-position: center -103px;} .referral #instructions li span.img3 {background-position: center -212px;} #profile .referral span.note, .referral #instructions span.note {font-size:12px; color:#212e30; text-align:left; margin-top:20px; line-height:130%; display:inline-block;} .referral #profile #userData {margin-right:0;} .referral #profile #userActions {width:49%;} .referral #profile .actionsInvite h4.referral {font-size:18px; line-height:130%;} /*.referral-how {background:url(/imgs/referralHow.jpg) no-repeat left 74px; margin-bottom: 0; margin-top: 12px; padding: 6px 0; position:relative; height:386px;} .referral-how p {position:absolute; left:216px; font-size:14px; text-align:left; line-height: 130%;} .referral-how p strong.credit, .referral li strong.credit {background-color:#ffdb00; color:#212e30; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:0 4px; display:inline-block;} .referral-how p.mod1 {top:86px;} .referral-how p.mod2 {top:178px;} .referral-how p.mod3 {top:298px;} #profile #userActions .referral-how a {position:relative; color:#526265; font-size:14px; margin-top:-5px; display:block; width:100%; padding:0;} #profile #userActions .referral-how a:hover {color:#212e30;}*/ .referral div.imgReferral {position:relative;} .referral div.imgReferral #img0 {visibility:hidden;} .referral div.imgReferral #img1, .referral div.imgReferral #img2, .referral div.imgReferral #img3 {position:absolute; top:0; transition:all .5s; -webkit-transition:all .5s; } .referral div.imgReferral img.referral {opacity:1;} .referral div.imgReferral img.off{filter:blur(15px); -webkit-filter:blur(15px); opacity:0;} .referral .referralInfo h2 {color:#526265; font-size:34px; font-weight:400; opacity:.85;} .referral .referralInfo p {color:#526265; font-size:24px; font-weight:400; margin: 0.4em 0 .6em; line-height:120%; opacity:.85;} .referral.unavalaible .referralInfo p {font-size:22px; line-height:130%; padding: 28px 0;} .referral.unavalaible .imgReferral {min-width:75%;} .referral .center.invite {color:#526265; font-size:24px; clear:both; padding:24px 0 18px; margin:0;} .referral .actionsInvite {text-align:center;} .referral .actionsInvite div.invite {text-align:center; margin:0 auto 22px; min-width:140px; display:inline-block;} .referral div.invite a {text-align:center; font-size:16px; color:#526265; line-height: 110%; display:block;} .referral div.invite span {display:block; width:90px; height:90px; margin:0 auto 6px; text-align:center; background-color:#ffdb00; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .referral div.invite span i.fa {font-size:42px; color:#212e30; line-height:89px;} .referral div.invite span.gmail i.fa, .referral div.invite span.fb i.fa, .referral div.invite span.tw i.fa {color:#fff;} .referral div.invite span.gmail {background-color:#dd4b39;} .referral div.invite span.fb {background-color:#3b5998;} .referral div.invite span.tw {background-color:#55acee;} #shareLink #link {border:none; font-weight:bold; font-size:17px; width:100%; background-color:#ebebeb; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:6px; margin-top: 4px;} div.score {border-bottom:1px solid #ccc; padding:10px 0 20px;} .ambassador #categories .score {text-align:center;} .ambassador #categories .category {width:auto; text-align:center; padding-right:9px; padding-left:9px; background-color: #98a1a3; line-height: 198%;} .ambassador #categories .category span {font-weigth:bold; font-size:17px;} .ambassador #profileTabs > li {margin:0;} .ambassador #profileTabs > li > a {padding-left:15px; background-color: transparent; border-bottom:1px solid #98a1a3; border-left:1px solid #98a1a3; margin:0; opacity:.5; font-weight:200;} .ambassador #profileTabs > li > a.link {padding-left:50px;} .ambassador #profileTabs > li.active > a, .ambassador #profileTabs > li > a:hover {opacity:1; font-weight:400;} .ambassador .classification {color:#526265; font-size:20px; } .ambassador .classification p {color:#526265; font-weight: 200; padding-top:10px;} .ambassador .classification .item {padding:5px 0; line-height:50px;} .ambassador .classification .item.header {padding:4px 0; line-height:20px;} .ambassador .classification .item.gray {background-color: rgba(0, 0, 0, 0.08);} .ambassador .classification .pos {width:6%; float:left; padding:0 10px;} .ambassador .classification .picture {width:60px; float:left;} .ambassador .classification .picture img {width:50px; height:50px;} .ambassador .classification .name {width:68%; float:left; text-transform:uppercase; } .ambassador .classification .registered {width:8%; float:left; color:#000; font-weight:bold; } .ambassador .classification .header .registered {font-size:15px; font-weight:200;} .ambassador .details .table-responsive > .table {} .ambassador .details .table {max-width:100%; margin:0 auto; background-color:transparent;} .ambassador .details .table th {text-align:center; background-color:transparent; border:none; color: #526265; font-size: 14px;} .ambassador .details .table .picture {float:left; width:58px; height:58px; } .ambassador .details .table .picture img {width:50px; height:50px; background:url(/imgs/defaultUserPic.jpg) no-repeat center center / cover; text-indent: -9999px; display:block;} .ambassador .details .table .name {float:left; font-size:16px; color:#526265; line-height: 120%; max-width: 65%; white-space: normal; padding-top:8px;} .ambassador .details .table td {line-height:50px; vertical-align: middle;} .table-striped > tbody > tr:nth-child(2n+1) > td {background-color: rgba(0, 0, 0, 0.06);} .ambassador .details i {font-size: 22px;} .ambassador .details i.fa-check {color: green;} .ambassador .details i.fa-times {color: red;} .ambassador .details .credits {font-size:17px; background-color:#fff; padding:0 8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .ambassador .creditAlert {font-size:16px; background-color:#fff; padding:12px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 0 24px; color:#526265;} .ambassadorHow {margin-bottom:60px;} .ambassadorHow img {margin:30px auto 12px;} .ambassadorHow p {padding: 0 40px; font-size:17px; color:#526265; line-height:130%; text-align:left;} .ambassadorHow p.warning {padding:20px 60px; background-color:#fcf8e3; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 0 40px; padding: 14px;} .ambassadorHow ul {font-size:17px; padding-right:40px;} .ambassadorHow ul li {display:list-item; margin:1.4em 0 0 14px; color:#526265;} .ambassadorHow ul ul { margin: 0 0 16px 10px; padding: 4px 0;} .ambassadorHow ul ul li {margin: 0.4em 0 0.6em;} #importGmail {z-index: 10000;} #importGmail .modal-dialog {width:94%;} #importGmail .tools {margin-bottom:20px; position:relative; border-top: 1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:10px 0;} #importGmail .tools a, #importGmail .tools input, #importGmail .tools strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#ebe9e1; padding:2px 6px; margin:0 2px 2px; display:inline-block; color:#526265;} #importGmail .tools input {border:none; color:#212e30;} #importGmail .tools strong {background-color:#212e30; color:#fff;} #importGmail .tools a.g_invite {background-color:#ffdb00; color:#212e30; position:absolute; right:0; top:8px;} #importGmail .tools span.total {position: absolute; right: 78px; top: 11px;} #importGmail #gmailContacts .item a {width:32.4%; float:left; border:2px solid #ebe9e1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:.4%; padding:4px; color:#526265; position:relative;} #importGmail #gmailContacts .item a:hover {color:#212e30; border-color:rgba(82,98,101,.6);} #importGmail #gmailContacts .item a.selected, #importGmail #gmailContacts .item a.selected:hover {border-color:rgba(0,128,0,.6); color:green;} #importGmail #gmailContacts .item a.selected:after {position:absolute; right:5px; top:0; content:"\f14a"; font-family: FontAwesome; font-size:20px; display:block; color:green;} /* --------- POLL --------*/ .poll-container {position:relative; overflow:hidden;} .poll {margin-bottom:60px; padding: 0 20px; font-size:20px; position:relative; min-height:420px; /*background:url(/imgs/poll/poll_bg.gif) no-repeat right top;*/} .poll img {margin:30px auto 12px;} .poll p {padding: 0 40px; font-size:17px; color:#526265; line-height:130%; text-align:left; margin-top:22px;} .poll p.center {text-align:center; font-size:18px;} .poll h3, .poll h4 {font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif; color:#526265; font-weight:normal;} .poll h3 {font-weight:bold; font-size:17px; color:#97A1A3; margin: 40px 0 0; border-bottom:5px solid #DBDDDD; padding-bottom:3px; display:inline-block;} .poll h4 {font-weight:normal; font-size:30px; margin-bottom:46px;} .poll h4 span { color:#97A1A3; display: block; float: left; height: 60px; width: 48px;} .poll .action {margin:26px 0 36px; border-top:1px solid #e0e0dd; padding-top:22px;} .poll .note {color:#526265; font-size:16px; padding-top:12px; margin:36px 0 0; border-top:1px solid #e0e0dd;} .poll .sx, .poll .dx {width:50%; float:left;} .poll a.radio {color:#526265; text-decoration:none; line-height:40px; font-size:24px; margin:20px 0; display:block; line-height: 120%;} .poll a.radio span {display: block; width:34px; height:34px; margin-right:12px; border:4px solid #e0e0dd; vertical-align: middle; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; /*box-shadow: 1px 1px 2px rgba(0,0,0, .6);*/ float: left;} .poll a.radio:hover, .poll a.radio.selected {color:#333;} .poll a.radio.selected span, .poll a.radio:hover span {background-color:#ffdb00; box-shadow: 0 0 0 3px #fff inset; border-color:rgba(82,98,101, 1);} .poll a.checkbox {color:#526265; text-decoration:none; line-height:40px; font-size:24px; margin:20px 0; display:block; line-height: 120%;} .poll a.checkbox span {display: block; width:34px; height:34px; margin-right:12px; border:4px solid #e0e0dd; vertical-align: middle; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; /*box-shadow: 1px 1px 2px rgba(0,0,0, .6);*/ float: left;} .poll a.checkbox:hover, .poll a.checkbox.selected {color:#333;} .poll a.checkbox:hover span, .poll a.checkbox.selected span {background-color:#ffdb00; box-shadow: 0 0 0 3px #fff inset; border-color:rgba(82,98,101, 1);} .poll input, .poll textarea {-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:24px; padding:12px; border:1px solid #e0e0dd; box-shadow:1px 1px 3px rgba(0,0,0, .25) inset; color:#526265; width:80%;} .poll textarea {font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif;} .poll.loading {min-height:420px; background: url(/images/preloader.gif) no-repeat center center;} /* --------- CAMPAIGNS --------*/ body.campaigns {background:#ebe9e1;} body.campaigns .profile-wrapper {background-color:transparent;} .tab-content.campaignPage {background:transparent; padding-right:0; padding-left:0;} #campaignPage .search {margin:-8px auto 36px; position:relative; width:260px;} #campaignPage #searchCampaign {background-color:#ccc; border:none; padding: 10px 16px; font-size:17px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; margin:4px 0 20px; width:190px; color:#526265; } #campaignPage a#closeSearch {font-size: 28px; position: absolute; right: 0; top: 10px; display:block; width:30px; height:30px; -moz-transition:all 0.6s ease 0.1s; -webkit-transition:all 0.6s ease 0.1s; -ms-transition:all 0.6s ease 0.1s; transition:all 0.6s ease 0.1s; -webkit-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } #campaignPage a#closeSearch.closed { -webkit-transform: rotate(0deg) scale(0.1); -ms-transform: rotate(0deg) scale(0.1); transform: rotate(0deg) scale(0.1);} #campaignPage a#closeSearch i.fa:before, #campaignPage a#closeSearch i.fa:after {content:""; display:block; width:28px; height:2px; background-color:#97a1a3; position:absolute; top:16px; left:0; -webkit-transition:all 0.5s ease 0.1s; -ms-transition:all 0.5s ease 0.1s; transition:all 0.5s ease 0.1s;} #campaignPage a#closeSearch i.fa:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #campaignPage a#closeSearch i.fa:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} #campaignPage a#closeSearch.closed i.fa:before, #campaignPage a#closeSearch.closed i.fa:after {background-color:#ebe9e1;} #campaigns {margin:20px 0 8px;} #campaigns .more, #campaigns .preloader-small {padding:30px 0 0; clear:both;} #campaigns .more a { min-width:200px;} #campaigns div.campaign {width:232px; height:234px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; float:left; background:#fff; margin:0 4px 26px 4px; position:relative; text-align:left;} div.campaign.invited {box-shadow:0 1px 5px #CB2027; -moz-box-shadow:0 1px 5px #CB2027; -webkit-box-shadow:0 1px 5px #CB2027;} div.campaign.last {margin-right:0;} div.campaign .userStatus {background-color:#CB2027; padding: 0px 6px; position: absolute; right: 10px; top: -15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; box-shadow:0 1px 5px #CB2027; -moz-box-shadow:0 1px 5px #CB2027; -webkit-box-shadow:0 1px 5px #CB2027;} div.campaign .userStatus.participant {background-color:#fff; color: #cb2027; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} div.campaign .pad {padding:6px 9px;} div.campaign .pad.closed .title, div.campaign .pad.closed .img, div.campaign .pad.closed div.cat{opacity: 0.5;} div.campaign .title {font-size:15px; font-weight:bold; color: #526265; line-height: 1; height:28px; padding: 2px 0 0;} div.campaign .img img {max-height: 108px; max-width: 232px; min-height: 108px;} div.campaign .img { text-align:center;} div.campaign .img.closed {opacity: 0.5;} div.campaign div.cat {left: 19px; position: absolute; top: 148px; border-top:1px solid #ebe9e1; border-bottom:1px solid #ebe9e1; height:39px; line-height:42px;} div.campaign div.cat .category {background-color:transparent; width:auto; height:26px; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#212e30; font-size:13px; text-align:center; line-height:26px; margin-right:6px; padding:0 5px;} div.campaign div.cat.single {left:0; text-align:center; width:100%;} div.campaign div.cat.single .category {width:auto; padding:0 7px; margin-right:0; overflow:hidden; height:22px;} div.campaign div.actions {position:absolute; left:0; top:195px;} div.campaign div.actions a, div.campaign div.actions span, div.campaign div.actions .status {display:block; -webkit-border-radius:0 0 6px; -moz-border-radius:0 0 6px; border-radius:0 0 6px; font-size:13px; text-transform:uppercase; color:#212e30; height:48px; line-height:48px; text-align:center; font-weight:bold; width:72px; position:absolute; top:-9px; left:160px; background:transparent;} div.campaign div.actions a.update, div.campaign div.actions a.view {background-color: #ffdb00; border-radius: 0 0 0 6px; -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; font-size: 15px; height: 48px; left: 0; line-height: 48px; top: -9px; width: 160px; font-weight:400;} div.campaign div.actions .status { font-weight:normal; color:#000;} div.campaign div.actions .status.active {color:#000;} div.campaign div.actions .status.closed {background:#e0e0dd;} div.campaign div.actions a.disabled {opacity:.4; cursor:default;} div.campaign div.actions a.view.disabled {background:transparent; width:232px; color:#000;} div.campaign div.actions a.update { width:54px; left:10px;} div.campaign div.actions a.visible {background: transparent url(/images/iconVisible.png) no-repeat left -2px; width:34px; height:24px; /*text-indent:-9999px;*/ left:188px;} div.campaign div.actions a.not.visible {background-position: left -30px;} div.campaign div.actions a:hover {text-decoration:none; background-color:#526265; color:#fff;} div.campaign div.actions a.view:hover {color:#fff; background:#c1c1bb;} div.campaign div.actions a.disabled:hover {background-color: #526265;} div.campaign div.actions a.visible:hover {background-color: transparent;} #campaignManager {padding:0 0 16px;} #campaignManager .help {text-align:right; margin-bottom:16px;} #campaignManager .help .btn-xs {padding:7px 8px; font-size:14px; line-height:16px; white-space: normal;} #campaignManager .help i {color:#526265; font-size:16px;} #campaignManager .item {background-color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:16px; padding-bottom:6px;} #campaignManager .item .pad {padding:10px 16px; position:relative;} #campaignManager .item .pad.line {border-top:1px solid #ebe9e1; font-size:18px; color: #526265; padding:10px 16px 12px;} #campaignManager .item .pad.line strong {color:#212e30;} #campaignManager .item .pad.line i.ok {color:#00b10d; font-size:26px; padding-left:4px;} #campaignManager .item .pad.line i.error {color:red; font-size:26px; padding:0 4px;} #campaignManager .item .col {padding:0;} #campaignManager .item img {height: 108px; max-width: 232px;} #campaignManager .item h3 {font-size:20px; font-weight:400; padding-top:12px; margin-left:12px;} #campaignManager .item span.click {margin-left: 12px; text-transform: uppercase; font-size:16px; color:#97a1a3; padding:3px 5px; line-height: 108%; display:inline-block;} #campaignManager .item span.click strong {color:#fff; border-radius:4px; moz-border-radius:4px; -webkit-border-radius:4px; background-color:#e77d0b; padding:3px 5px; display:inline-block;} #campaignManager .item i.alert {color:red; font-size:30px; float:right; margin:6px 0 0; padding: 15px 10px 0 10px; cursor:default;} #campaignManager .item a.post { float:right; margin-top:16px;} #campaignManager .item a.join, #campaignManager .item a.decline, #campaignManager .item a.details { outline:none; float:right; margin-top:16px;} #campaignManager .item a.join { margin-left:8px;} #campaignManager .item a.details {font-size: 15px; margin-top:0;} #campaignManager div.details {display:none; padding:20px 0;} #campaignManager .table-responsive {margin: 0 auto; width: 96%; border:none;} #campaignManager .details th {font-size:16px; text-transform:uppercase; color:#acb0b0; font-weight:400; background-color: #fff;} #campaignManager .details th.right {text-align:right;} #campaignManager div.details table i.ok {color:#00b10d; font-size:26px; padding-left:6px;} #campaignManager div.details table i.error {color:red; font-size:26px; padding-left:6px;} #campaignManager div.details table strong {font-size:16px;} body.campaignHelp .profile-wrapper {background-color:#ebe9e1;} .campaign-help .hybar {margin-bottom:14px; } .campaign-help h3 {font-size:20px; color:#212e30; text-transform:uppercase; font-weight:400; margin:62px 0 16px; padding-bottom:8px; border-bottom:1px solid #ccc;} .campaign-help .item {margin:0 0 20px;} .campaign-help p {color: #526265; padding: 2px 0 8px; font-size:15px;} .campaign-help p strong {color:#212e30; font-weight:bold;} .campaign-help .col {padding:0;} .campaign-help small {font-size:79%;} /* --------- DECLINED ------- */ body.deleteAccount {background:#ebe9e1;} body.deleteAccount .profile-wrapper {background-color:transparent;} #declinedPage {margin-top:20px; min-height:660px;} #declinedPage .tab-pane {padding:20px 0 16px;} #declinedPage .alert-success.result {margin:0 40px 50px; padding:12px 16px; font-size:20px;} #declinedPage .poll {margin-bottom:40px; padding:0;} #declinedPage .poll p {padding-left:40px; font-size:20px;} #declinedPage .poll a.radio {font-size:20px; line-height:130%; margin:16px 0 16px 40px; opacity:.8; padding-left:0;} #declinedPage .poll a.radio span {width:28px; height:28px; border-width:3px; margin-left: -40px;} #declinedPage .poll a.radio:hover span {border-color:#ebe9e1;} #declinedPage .poll a.radio.selected span {border-color: #c0c0c0;} #declinedPage .poll textarea {font-size: 19px; margin-left: 38px; width:87%;} #declinedPage .poll textarea.error {border-color:#b94a48;} #declinedPage .solution {display:none;} #declinedPage .solution span { padding: 12px; display:block; font-size: 17px; background: #ebe9e1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;margin-left: 60px;} #declinedPage .solution span a {text-decoration:underline;} #declinedPage .msg {margin: 20px 32px;} /* ------------ CAMPAIGN BUDGET --------------*/ body.campaigns div.budget, body.contests div.budget, body.report div.budget {margin:26px 0; padding:16px 0; font-size:26px; color:#526265; font-weight:400;} #odometer {display:inline-block;} .odometer.odometer-auto-theme, .odometer.odometer-theme-default {margin-top: -10px; font-weight:400;} .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit, .odometer-digit-inner { background: #E77D0B; color: #fff; margin: 0 1px; padding: 0 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display:inline-block; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {padding-top: 2px;} .accordionContent .campaignDetail {padding-top:60px; padding-bottom:50px;} .accordionContent .campaignDetail a:hover {color:#000;} #profileTabs > li > a.campaign > span.icon {background-position:left -108px;} #campaignPage #profileTabs > li {font-weight:200;} #campaignPage #profileTabs > li, #campaignPage #profileTabs > li > a {margin:0;} #campaignPage #profileTabs > li > a { background:transparent; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; opacity:.6;} #campaignPage #profileTabs > li.active > a {opacity:1;} #campaignPage #profileTabs > li > a:hover, #campaignPage #profileTabs > li > a:hover > span.icon {opacity:1;} .campaignDetail .menu {padding:0 20px; margin-bottom:20px;} .campaignDetail .menu .item {float:left; padding: 10px 16px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; opacity:.8;} .campaignDetail .menu .item i {background-color:#ffdb00; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:44px; height:44px; margin:0 8px 6px 0; line-height:44px; text-align:center; font-size:24px;} .campaignDetail .menu .item.active {opacity:1;} .campaignDetail .menu .item a {font-size:20px; color:#526265; text-transform:uppercase; } .campaignDetail .menu .item.active a, .campaignDetail .menu .item a:hover {color:#000; font-weight:400; opacity:1;} .campaignDetail .section {padding:20px 30px;} .campaignDetail .section.closed {display:none;} .campaignDetail p.warning {padding:20px 60px; background-color:#fcf8e3; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 14px;} .campaignDetail p.warning a {text-decoration:underline;} .campaignDetail code, .campaignDetail pre {white-space: normal; color: #000; background-color: #ebe9e1; margin: 4px 0; display: block; word-break: break-all;} .campaignDetail pre {margin:0; padding:0; border:none; font-size:inherit;} .campaignDetail .form-group {margin-bottom:8px;} .campaignDetail img.campaignImg {height: 108px; max-width: 232px;} .campaignDetail p.label, .campaignDetail .label { color: #526265; font-size: 18px; text-align: left; font-weight:400; padding-top:10px;} .campaignDetail .tosCheckbox p.label, .campaignDetail .tosCheckbox label {font-size:16px; white-space: normal;} .campaignDetail .tosCheckbox.has-error .checkbox label {color:#b94a48;} .campaignDetail .bz-callout.bz-alert.tosAlert {background-color: #f5e3e3; border:none; text-align: left; margin: 20px 0 0;} .campaignDetail .bz-callout.bz-alert.tosAlert p {margin:0 0 0 32px; font-weight:bold; color:#b94a48;} .campaignDetail .checkbox-success input[type="checkbox"]:checked + label::after {padding-top:12px;} #campaignData p.label {padding-top:0; display: inline-block; margin-bottom: 6px; padding-left: 0;} .campaignDetail .label a {text-decoration:underline; color:#666;} .campaignDetail .label a:hover {color:#000;} .campaignDetail p.input, .campaignDetail ul.input, .campaignDetail .txt {font-size:16px; color:#526265; border:1px solid #ccc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding: 10px 16px; word-wrap: break-word;} .campaignDetail .txt {margin:0.8em 0;} .campaignDetail .abstract {max-height:132px; overflow:hidden;} .campaignDetail div.more {margin-bottom:6px; text-align:right;} .campaignDetail a.more {background-color:#ffdb00; font-size:15px; color:#526265; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:2px 5px;} .campaignDetail .txt ul {margin:0.8em 0;} .campaignDetail .txt ul li{display:list-item; padding:0;} .campaignDetail p.input.big {font-size: 18px;} .campaignDetail ul.input {margin:0.8em 0;} .campaignDetail ul.input li {display:list-item;} .campaignDetail p.input.big {font-size:18px;} .campaignDetail .bar-container {border:1px solid #ccc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; height: 44px; margin: 6px 15px 0 15px; padding:0; box-shadow:1px 1px 2px rgba(0,0,0,.5) inset;} .campaignDetail .bar {background-color:#ffdb00; height:42px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; box-shadow:1px 1px 2px rgba(0,0,0,.5) inset; display:none;} .campaignDetail p.perc {font-size: 19px; line-height:27px; color: #526265; display:none;} .campaignDetail .full {background-color: #EdEdEd; border: 4px solid #CCCCCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #212e30; font-size: 16px; margin: 16px auto 0; max-width: 600px; padding: 12px;} /* --------- CAMPAIGN DATA NEW *--------*/ /*.campaignDetail p.desc, .campaignDetail p.txt {color: #526265; font-size: 22px; font-weight: 200; padding-top: 10px;} .campaignDetail p.desc {border-bottom:1px solid #e0e0dd; padding-bottom:4px; margin-top:32px;} .campaignDetail img {border:1px solid #e0e0dd;} .campaignDetail .txt {border: none; border-radius: 0; color: #526265; font-size: 16px; padding: 6px 0;} .campaignDetail ul.input, .campaignDetail p.input, .campaignDetail p.input.big {border: none; border-radius: 0; color: #526265; font-size: 16px; padding: 6px 0;} .campaignDetail .txt.long {border-bottom:1px solid #e0e0dd;} .campaignDetail .bar-container {margin-left:0;} .campaignDetail p.desc.date {margin-bottom: 0; padding-left: 0;}*/ /*------ POST REVISION -----*/ .campaignDetail .alert-danger.revisionable {font-size:15px; background-color:#FFDB00; color:#424242;} .campaignDetail .alert-danger.revisionable strong {color:#000;} .campaignDetail .alert-danger.revisionable a {text-decoration:underline;} .campaignDetail #postRevision *::-moz-selection {background-color:#ccc; color:#000;} .campaignDetail #postRevision *::selection {background-color:#ccc; color:#000;} .campaignDetail #postRevision .item, .campaignDetail #postRevision .message, .campaignDetail #postRevision .user{background-color:#ebebeb; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:50px 0 10px; padding:16px; font-size:15px; line-height:130%; clear:both;} .campaignDetail #postRevision.brands .item { margin:28px 0 10px;} .campaignDetail #postRevision .item.rejected {background-color:rgba(255, 0, 0, .25);} .campaignDetail #postRevision .item.accepted {background-color:rgba(0, 164, 12, .25);} .campaignDetail #postRevision .item .status {position: absolute; left: 10px; top: -22px; color: #526265; font-size:13px;} .campaignDetail #postRevision .item .data, .campaignDetail #postRevision .message .data {position: absolute; right: 10px; top: -22px; font-style:italic; color: #526265; font-size:13px;} .campaignDetail #postRevision .user { margin:0; padding:6px 16px; background-color:#ebe9e1;} .campaignDetail #postRevision .user img {width:50px; height:50px; margin-right:10px; } .campaignDetail #postRevision .user span.label {display:none; background-color:#bd0000; color:#fff; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); width:62px; top:22px; left: -22px; font-size:11px; position:absolute; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; line-height:18px; padding:0; text-align:center;} .campaignDetail #postRevision .user.dejoined {padding:6px 16px 6px 26px;} .campaignDetail #postRevision .user.dejoined span.label {display:block;} .campaignDetail #postRevision .viewHistory {position: absolute; right: 16px; top: 22px; color: #526265; font-size:15px;} .campaignDetail #postRevision .message {margin:28px 0 46px 0; max-width:600px; min-width:75%; float:right; background:rgba(255,219,0,.4);} .campaignDetail #postRevision.brands .message {margin: 28px 0 36px;} .campaignDetail #postRevision .history {display:none; padding:0 0 0 20px; margin-bottom:50px;} .campaignDetail #postRevision .actions {clear:both; margin:10px 0 40px; border-bottom:1px solid #ccc; padding: 6px 0 16px; text-align:right;} .campaignDetail #postRevision .revisionMessage {display:none; margin:10px 0;} .campaignDetail #postRevision .revisionMessage textarea {border:1px solid #ccc; padding:6px;} .campaignDetail #postRevision .actions a {outline:none;} .campaignDetail #submitPost {margin-top:30px; border-top:1px solid #ccc; padding-top: 34px;} .campaignDetail #submitPost label {color: #526265; font-size: 17px;} .campaignDetail #submitPost div.msg {clear:both; padding-top: 10px;} #campaignData .radio, #campaignData .checkbox {padding-top:0; margin-top:0; font-size:20px; color: #526265;} #campaignData .checkbox label:before, #campaignData .radio label:before, #campaignData .checkbox label:after, #campaignData .radio label:after {margin-top:6px;} #campaignData .checkbox label i, #campaignData .radio label i {color:#c0c0c0;} #campaignData .v2 .radio label i {color:#fff; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:28px; height:28px; line-height:28px; font-size:16px;} #campaignData .checkbox label i.bl, #campaignData .radio label i.bl, #campaignData div.urls a.url i.type.bl {color:#FF9334;} #campaignData .checkbox label i.fb, #campaignData .radio label i.fb, #campaignData div.urls a.url i.type.fb {color:#3B5998;} #campaignData .checkbox label i.tw, #campaignData .radio label i.tw, #campaignData div.urls a.url i.type.tw {color:#55ACEE;} #campaignData .checkbox label i.in, #campaignData .radio label i.in, #campaignData div.urls a.url i.type.in {color:#4E433C;} #campaignData .checkbox label i.go, #campaignData .radio label i.go, #campaignData div.urls a.url i.type.go {color:#DD4B39;} #campaignData .checkbox label i.ln, #campaignData .radio label i.ln, #campaignData div.urls a.url i.type.ln {color:#4875B4;} #campaignData .checkbox label i.pi, #campaignData .radio label i.pi, #campaignData div.urls a.url i.type.pi {color:#cb2027;} #campaignData .checkbox label i.yo, #campaignData .radio label i.yo, #campaignData div.urls a.url i.type.yo {color:#ff3333;} #campaignData .channels .radio label::after {background-color: green;} #campaignData .channels {padding-top:10px; } #campaignData .channels .help-block {padding:8px 0 18px; clear: both;} #campaignData .helpContainer {margin:0 0 20px; padding:0; color:#939393;} #campaignData .helpContainer p {background-color: rgba(235, 233, 225, .5); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 8px;} #campaignData .helpContainer strong {color:#526265;} #campaignData .helpUrl {color:red;} #campaignData .submit {display:none;} #campaignData .urlResults {min-height:200px;} #campaignData .urlResults.loading {min-height:200px; background: url(/images/preloader.gif) no-repeat center center;} #campaignData .urlResults h3 {font-size:22px; margin-top: 30px;} #campaignData .urlResults .item {background-color:rgba(90, 161, 50, .3); padding:12px; margin:4px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;} #campaignData .urlResults .item.new {background-color:rgba(90, 161, 50, .6);} #campaignData .urlResults .item.error {background-color:rgba(231, 76, 60, .3);} #campaignData .urlResults .item.load {background-color:#ebe9e1;} #campaignData .urlResults .item.revert {background-color:#ebe9e1; text-align: right;} #campaignData .urlResults .item.load.loading, #campaignData .urlResults .item.revert.loading {min-height:80px; background: #fff url(/images/preloader.gif) no-repeat center center;} #campaignData .urlResults .item.load p {font-size:17px; float:left; margin:0; padding:8px 8px 8px 0;} #campaignData .urlResults .item.load a {width:auto; background-color:#fff;} #campaignData .urlResults .item.revert a {width:auto; background-color:#fff; float:none;} #campaignData .urlResults .item a { float: left; width: 90%; font-size: 15px;} #campaignData .urlResults .item span {font-size: 15px;} #campaignData .urlResults .item a:hover { color:#666;} #campaignData .urlResults .item i {font-size: 26px; margin-right: 8px; color:#fff; float:left; padding-top: 2px; color:rgba(90, 161, 50, .6);} #campaignData .urlResults .item.new i {color:#fff;} #campaignData .urlResults .item.error i {color:rgba(231, 76, 60, 1);} #campaignData .urlResults .item:hover {background-color:#ebe9e1;} #campaignData .urlContainer {padding-top:24px; border-top:1px solid #ebe9e1; margin-top:10px;} #campaignData div.urls {padding-left:20px;} #campaignData div.urls a.url {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color: #ebe9e1; color:#526265; font-size:16px; min-height:38px; display:block; margin:8px 6px 0 0; padding:7px 28px 7px 34px; text-decoration:none; position:relative; word-wrap: break-word; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;} #campaignData div.urls a.url:hover {background-color: #e5e5e5;} #campaignData div.urls a.url i {position:absolute; top:7px; right:6px; font-size:24px;} #campaignData div.urls a.url i.delete {border-left:1px solid #fff; width:36px; display:block; padding:7px 0 0 7px; height:100%; right:0; top:0;} #campaignData div.urls a.url i.type {position:absolute; top:9px; left:6px; font-size:20px;} #campaignData div.urls p.noUrl {font-size: 18px; margin-top: 0.6em; color:#97a1a3;} .contestDetail .filters {margin:10px 0 20px; text-align:center; border-top:1px solid #ebe9e1; border-bottom:1px solid #ebe9e1; padding:4px 0;} .contestDetail .filters a,.contestDetail .filters button {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block; background-color:#ebe9e1; margin:2px 4px; padding: 3px 10px; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; border: none; -webkit-transition: all 0.2s linear 0s;} .contestDetail .filters a:hover,.contestDetail .filters button:hover {background-color:#ffdb00;} .contestDetail .filters a.disabled, .contestDetail .filters button.disabled, .contestDetail .filters a.disabled:hover, .contestDetail .filters button.disabled:hover {cursor:default; background-color:#526265; color:#fff;} /* --------- CONTESTS --------*/ body.contests {background:#ebe9e1;} body.contests .profile-wrapper {background-color:transparent;} body.contests.main {background-image:none;} body.contests.main .profile-wrapper {background-color: #526265;} #contests {margin:20px 0 8px;} div.nocontests {font-size:20px; color: #526265; min-height:400px;} #contests div.contest {width:232px; height:234px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; float:left; background:#fff; margin:0 4px 26px 4px; position:relative;} div.contest.last {margin-right:0;} div.contest.invited {box-shadow:0 1px 5px #CB2027; -moz-box-shadow:0 1px 5px #CB2027; -webkit-box-shadow:0 1px 5px #CB2027;} div.contest .userStatus {background-color:#CB2027; padding: 0px 6px; position: absolute; right: 10px; top: -8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; box-shadow:0 1px 5px #CB2027; -moz-box-shadow:0 1px 5px #CB2027; -webkit-box-shadow:0 1px 5px #CB2027;} div.contest .userStatus.participant {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background-color: #fff; color: #cb2027;} div.contest .pad {padding:5px 9px;} div.contest .pad.closed .title, div.contest .pad.closed .img, div.contest .pad.closed div.cat {opacity: 0.5;} div.contest .title {font-weight:bold; padding: 2px 0; line-height:1.6; font-size:15px; color: #526265;} div.contest .img { text-align:center;} div.contest .img.closed {opacity: 0.5;} div.contest div.cat {left: 19px; position: absolute; padding: 5px 0; top: 148px; border-top:1px solid #ebe9e1; border-bottom:1px solid #ebe9e1;} div.contest div.cat .category {background-color:transparent; width:auto; height:26px; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#212e30; font-size:13px; text-align:center; line-height:26px; margin-right:6px; padding:0 5px;} div.contest div.cat.single {left:0; text-align:center; width:100%;} div.contest div.cat.single .category {width:auto; padding:0 7px; margin-right:0;} div.contest div.actions {position:absolute; left:0; top:195px;} div.contest div.actions a, div.contest div.actions span, div.contest div.actions .status {display:block; -webkit-border-radius:0 0 6px; -moz-border-radius:0 0 6px; border-radius:0 0 6px; font-size:13px; text-transform:uppercase; background:transparent; color:#212e30; height:48px; line-height:48px; text-align:center; font-weight:bold; width:72px; position:absolute; top:-9px; left:160px;} div.contest div.actions a.update, div.contest div.actions a.view { background-color: #ffdb00; border-radius: 0 0 0 6px; -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; font-size: 15px; height: 48px; left: 0; line-height: 48px; top: -9px; width: 160px; font-weight:400; } div.contest div.actions .status {font-weight:normal;} div.contest div.actions .status.closed {background:#e0e0dd;} div.contest div.actions .status.active {color:#000;} div.contest div.actions a.disabled {opacity:.4; cursor:default;} div.contest div.actions a.update { width:54px; left:10px;} div.contest div.actions a.visible {background: transparent url(/images/iconVisible.png) no-repeat left -2px; width:34px; height:24px; /*text-indent:-9999px;*/ left:188px;} div.contest div.actions a.not.visible {background-position: left -30px;} div.contest div.actions a:hover {text-decoration:none; background-color:#526265; color:#fff;} div.contest div.actions a.disabled:hover {background-color: #526265;} div.contest div.actions a.visible:hover {background-color: transparent;} div.contest div.actions a.view:hover { color:#fff; background:#c1c1bb; } div.contest div.actions a.view.disabled { background:transparent; width:232px; color:#000;} .accordionContent .contestDetail {padding-top:60px; padding-bottom:50px;} .accordionContent .contestDetail a:hover {color:#000;} #profileTabs > li > a.contest > span.icon {background-position:left -108px;} .contestDetail .menu {padding:0 20px; margin-bottom:20px;} .contestDetail .menu .item {float:left; padding: 10px 16px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;} .contestDetail .menu .item i {background-color:#ffdb00; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:44px; height:44px; margin:0 8px 6px 0; line-height:44px; text-align:center; font-size:24px;} .contestDetail .menu .item a {font-size:20px; color:#526265; text-transform:uppercase; } .contestDetail .menu .item.active a, .contestDetail .menu .item a:hover {color:#000; font-weight:400;} .contestDetail .section {padding:20px 30px;} .contestDetail .section.closed {display:none;} .contestDetail p.warning {padding:20px 60px; background-color:#fcf8e3; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 14px;} .contestDetail p.warning a {text-decoration:underline;} .contestDetail .form-group {margin-bottom:8px;} .contestDetail p.label, .contestDetail .label { color: #526265; font-size: 17px; text-align: left; font-weight:bold; padding-top:10px;} #contestData p.label {padding-top:0;} .contestDetail .label a {text-decoration:underline; color:#666;} .contestDetail .label a:hover {color:#000;} .contestDetail p.input, .contestDetail ul.input, .contestDetail .txt {font-size:16px; color:#526265; border:1px solid #ccc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding: 10px 16px;} .contestDetail .txt {margin:0.8em 0; height:auto;} .contestDetail .abstract {max-height:132px; overflow:hidden;} .contestDetail div.more {margin-bottom:6px; text-align:right;} .contestDetail a.more {background-color:#ffdb00; font-size:15px; color:#526265; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:2px 5px;} .contestDetail .txt ul {margin:0.8em 0;} .contestDetail .txt ul li{display:list-item; padding:0;} .contestDetail p.input.big {font-size: 18px;} .contestDetail ul.input {margin:0.8em 0;} .contestDetail ul.input li {display:list-item;} .contestDetail p.input.big {font-size:18px;} .contestDetail .bar-container {border:1px solid #ccc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; height: 44px; margin: 6px 15px 0 15px; padding:0; box-shadow:1px 1px 2px rgba(0,0,0,.5) inset;} .contestDetail .bar {background-color:#ffdb00; height:42px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; box-shadow:1px 1px 2px rgba(0,0,0,.5) inset; display:none;} .contestDetail p.perc {font-size: 19px; line-height:27px; color: #526265; display:none;} .contestDetail .full {background-color: #EdEdEd; border: 4px solid #CCCCCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #212e30; font-size: 16px; margin: 16px auto 0; max-width: 600px; padding: 12px;} #contestData div.urls {padding-left:20px;} #contestData div.urls a.url {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color: #526265; color:#fff; font-size:16px; height:38px; line-height:38px; display:block; margin:8px 6px 0 0; padding:0 28px 0 5px; text-decoration:none; position:relative; word-wrap: break-word;} #contestData div.urls a.url:hover {background-color: #212e30;} #contestData div.urls a.url i {position:absolute; top:9px; right:6px; font-size:20px;} .contestDetail #actions .sx, .contestDetail #actions .dx {font-size:20px; color:#526265; /*width:460px;*/ min-height:100px; line-height:115%; padding:18px 0 24px;} .contestDetail #actions .sx a.link, .contestDetail #actions .dx a.link {text-decoration:underline;} .contestDetail #actions .sx {border-right:1px solid #e0e0dd;} .contestDetail .contestDetailWrapper {padding:0 14px;} .contestDetail .sx {float:left; /*width:554px;*/ min-height:400px; /*margin-right:20px;*/ max-width:100%; margin-bottom:30px;} .contestDetail .dx {float:left; /*width:320px; */} .contestDetail h3 {color:#526265; font-size:20px; font-weight:400; font-family:Titillium Web,Scada,Helvetica,Arial,sans-serif; text-transform:uppercase; margin:0 0 24px;} .contestDetail h4 {color:#526265; font-size:20px; font-weight:600; font-family:Titillium Web,Scada,Helvetica,Arial,sans-serif;} .contestDetail .participants .totPost {position:absolute; top:0; left:0; color:#fff; font-size:12px; background-color:#526265; padding:0 4px; min-width:24px; font-weight:600px; line-height:24px; text-align:center; pointer-events:none; z-index:10;} .contestDetail .participants .active .totPost {color:#212e30; background-color:#ffdb00; font-weight:bold;} .contestDetail .participants .inactive .totPost {opacity:.6;} .contestDetail .participants .deleted .totPost {background-color:#000;} .contestDetail .participants.people a {width:100px; height: 100px;} .contestDetail .participants.people a img {background:url(/imgs/defaultUserPic.jpg) no-repeat center center; height: 100px; display: block; text-indent: -9999px;} .contestDetail .participants.people a.inactive img {opacity: 0.5;} .contestDetail .participants.people a img.deleted {opacity: 0.25;} .contestDetail .postedContent {border-right:1px solid #ebe9e1; padding-right:20px; overflow:hidden;} .contestDetail .postedContent .item {position:relative; margin: 8px 0;} .contestDetail .postedContent .item .postType {position:absolute; left:0; top:10px; background-color:#ffdb00; color:#212e30; padding:2px 0 2px; font-size:15px; font-weight:bold; width:44px; height:22px; line-height: 17px; text-align:center; transform:rotate(-45deg); z-index:100; text-transform:uppercase; box-shadow:0px 2px 4px rgba(0,0,0,.4); -moz-box-shadow:0px 2px 4px rgba(0,0,0,.4); -webkit-box-shadow:0px 2px 4px rgba(0,0,0,.4); pointer-events: none;} .contestDetail .postedContent .item .postType:before, .contestDetail .postedContent .item .postType:after {position:absolute; display:block; content:""; top:0; left:0;} .contestDetail .postedContent .item .postType:before {top:0; left:43px; border-top: 22px solid transparent; border-left: 22px solid #ffdb00;} .contestDetail .postedContent .item .postType:after {top:0; left:-21px; border-top: 22px solid transparent; border-right: 22px solid #ffdb00;} .contestDetail .buzzoole-contest-post {font-size:14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:1px 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3); margin:12px 0; min-height: 180px; border-left:10px solid #ffdb00; padding-bottom:8px;} .contestDetail .buzzoole-contest-post .box {padding:14px 12px;} .contestDetail .buzzoole-contest-post img.user {width:48px; height:48px; border:1 px solid #e0e0dd; } .contestDetail .buzzoole-contest-post img.deleted {opacity:.2;} .contestDetail .buzzoole-contest-post .author {display:inline-block; color:#000; font-weight:bold; font-size:15px; margin-left:8px;} .contestDetail .buzzoole-contest-post a.url {display: inline-block; margin-top: 24px; font-size:20px; color:#526265;} .contestDetail .buzzoole-contest-post a.url:hover {color:#333;} .contestDetail .buzzoole-contest-post a.title {font-size:20px; color:#526265; font-weight:400; display:block; margin:14px 0 8px; line-height:115%;} .contestDetail .buzzoole-contest-post a.text {color:#526265; display:block; line-height:120%;} .contestDetail .buzzoole-contest-post a img.article {margin-top:10px; max-height: 600px;} .contestDetail .buzzoole-contest-post a:hover {color:#212e30;} .contestDetail .instagram-post {position: relative; padding-bottom: 90%; padding-top: 170px; height: 0; overflow: hidden; margin-top:10px;} .contestDetail .instagram-post iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none;} .contestReport .title {font-size:18px; color:#526265; margin-bottom:50px;} .contestReport .postedContent {border:1px solid #526265; padding:0; color:#526265;} .contestReport .postedContent .item {padding:14px 6px; font-size:20px;} .contestReport .postedContent .item.gray {background-color:#EBE9E1;} .contestReport .postedContent .table span {width:90px; display:inline-block;} .contestReport .postedContent .table i.val {margin-left:3px;} .contestDetail .sx.results {float:none;} .contestDetail .results ul {margin:0; padding:0; color:#526265;} .contestDetail .results ul li {padding:4px 0 4px 14px; display:block; margin:0; position:relative;} .contestDetail .results ul li .pos {font-size:22px; width:40px; display:inline-block;} .contestDetail .results ul li img {width:100px; height:100px; margin-right:10px;} .contestDetail .results ul li .name {font-size:20px; position:absolute; top:24px; left:164px; font-weight:400;} .contestDetail .results ul li.gray {background-color:#EBE9E1;} .contestDetail .results .network { top:60px; left: 164px;} .contestDetail .results p.msg {font-size:20px; color:#526265;} #createReport label {display:block; padding:0; font-size:20px; margin:50px 0 10px; white-space:normal; line-height:120%;} /*.contestDetail .postedContent .fb_iframe_widget, .contestDetail .postedContent .fb_iframe_widget span[style], .contestDetail .postedContent .fb_iframe_widget span iframe[style] { width: 100% !important; max-width:100%; } .contestDetail .postedContent .fb_iframe_widget span iframe img { max-width: 100% !important; height:auto; } .post-container { position: relative; padding-bottom: 106.25%; padding-top: 35px; height: 0; overflow: hidden; } .post-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }*/ .contestDetail .participant {position:relative;} .contestDetail .participant #userInfluence {width:100%; max-width:472px; border-top:1px solid #e0e0dd; padding:4px 0 14px; margin:10px 0;} .contestDetail .participant #userInfluence canvas {width: 100%;} .contestDetail .participant img {width:100px; height:100px; float:left; margin-right:12px; border:none;} .contestDetail .participant h5 {color:#526265; font-size:20px; font-weight:400; margin-top:0; font-family:Titillium Web, Scada,Helvetica,Arial,sans-serif;} .contestDetail .participant .network, .contestDetail .network {font-size:12px; text-align:center; width:82px; margin-right:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:26px; line-height:26px; text-transform:uppercase; position:absolute; top:74px; left:112px; cursor:pointer;} .contestDetail .participant .network-off, .contestDetail .network-off {background-color:#ffdb00; color:#212e30;} .contestDetail .participant .network-on, .contestDetail .network-on { background-color:#212e30; color:#fff;} .contestDetail .participant ul {clear:both; padding:2px 0 0; margin:4px 0 0; list-style-type:none; border-top: 1px solid #e0e0dd; opacity:.8;} .contestDetail .participant ul li {color:#526265; font-size:15px; padding:2px 0; border-bottom:1px solid #e0e0dd; position:relative; margin:0; display:block;} .contestDetail .participant ul li.label {color: #666; font-weight: bold; padding-top: 16px;} .contestDetail .participant ul li a {color: #666; text-decoration: underline;} .contestDetail .participant ul li a:hover {color: #000;} .contestDetail .participant ul li.note {font-size:12px; opacity:.8; padding-top:8px;} .contestDetail .participant ul li.last {border-bottom:none;} .contestDetail .participant ul li strong {position:absolute; right:20px;} /*---------- REPORT -------------*/ body.report {background:#ebe9e1;} body.report .profile-wrapper {background-color:transparent;} #report {padding:26px 12px;} #report a:hover {color:#666;} #menuReport {padding:0; margin-bottom:28px; border-right:1px solid #e0e0dd;} #menuReport ul {padding:0; margin:0;} #menuReport ul li {font-size:15px; text-transform: uppercase; color:#526265; margin:0; padding:7px 0; border-bottom:1px solid #e0e0dd; display:block;} #menuReport ul li a {color:#526265;} #menuReport ul li a.active, #menuReport ul li a:hover {color:#212e30; font-weight:bold;} #menuReport a.btn {margin-top:28px; width:90%; font-size:15px;} #menuReport a.btn i.fa {margin-right: 8px;} #menuReport a.btn.disabled {background-color:#ccc; padding:6px;} #menuReport a.btn.disabled span {display:block; text-transform:none; font-size:12px; line-height: 120%;} #report .dataReport {text-align:right; color:#97a1a3; font-size:14px; margin-bottom:24px; position:relative; margin-top:-26px;} #report .section {float:left; padding:0 0 0 36px; padding-bottom:30px; max-width:100%;} #report .section.closed {display:none;} #report .section div.help {text-align:right; margin-bottom:10px;} #report .section div.help a.help {position:relative; top:0; right:0; display:inline-block;} #report .section h3.oneRow a.help {top:-4px;} #report .section div.listBox {margin:24px 0 24px; padding:16px 0; border-top:1px solid #e0e0dd; clear:both;} #report div.oneRow {margin:0 0 24px; padding:12px 0; border-top:1px solid #e0e0dd; border-bottom:1px solid #e0e0dd; clear:both; max-width:100%;} #report h3 {margin-bottom:26px;} #report #performance h3{border-bottom: 2px solid #ffdb00; padding-bottom: 6px;} #report .results .item {padding:0; margin-bottom:10px; } #report #analyticsResults.results .item, #report #viralResults.results .item {float:left; margin-right:60px;} #report .item.performance {border-right:2px solid #e0e0dd;} #report .results .item .data {color:#526265; font-size:17px;} #report .results .item .val {font-size:36px; color:#E77D0B; font-weight: bold; position:relative; margin-top:-8px;} #report .results .item .val.green {background-color:#dce3d8; color:#212e30; margin-top:4px; padding:0 8px;} #report .results .item.tot .val {background-color: #ffdb00; color: #212e30; margin-top: 4px; padding: 0 8px;} #report #overview div.center {padding:0;} #report #overview .circle {width:134px; height:134px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-color:#E77D0B; border:8px solid #fff; box-shadow:0 0 0 2px #E77D0B; -moz-box-shadow:0 0 0 2px #E77D0B; -webkit-box-shadow:0 0 0 2px #E77D0B; position:relative; display:inline-block; padding:32px 0; margin:10px 15px 40px; } #report #overview .circle.level1 {position:relative; width:154px; height:154px; padding:42px 0; margin:0 auto 30px; display:inline-block;} #report #overview .circle.small {display:inline-block; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; width:120px; height:100px; position:relative; top:10px; padding:20px 0; margin:10px 22px 40px;} #report #overview .circle.small.post1 {display:none;} .fr #report #overview .circle.small {padding: 8px 6px;} #report #overview .circle.level2 {float:none; margin:0 auto 30px;} #report #overview .circle.level3 {margin:20px 10px;} .fr #report #overview .circle.level2 {padding: 20px 15px; width:144px; height:144px; margin: 0 auto 44px;} .fr #report #overview .circle.level3 {padding: 23px 16px; width:144px; height:144px; } #report #overview .circle.reach {background-color:#97a1a3; box-shadow:0 0 0 2px #97a1a3; -moz-box-shadow:0 0 0 2px #97a1a3; -webkit-box-shadow:0 0 0 2px #97a1a3;} #report #overview .circle.viral {background-color:#eab909; box-shadow:0 0 0 2px #eab909; -moz-box-shadow:0 0 0 2px #eab909; -webkit-box-shadow:0 0 0 2px #eab909;} #report #overview .circle .data {font-size:14px; color:#fff; opacity:.65; font-weight:bold; display:block;} .fr #report #overview .circle .data {line-height: 110%; margin-bottom: 3px; font-weight: normal;} #report #overview .circle.viral .data, #report #overview .circle.viral .val {color:#212e30;} #report #overview .circle .val {font-size:27px; color:#fff; font-weight:bold; display:block; line-height:90%;} #report #overview .circle .fa {background-color:#fff; position:absolute; bottom:-20px; right:-18px; border-radius:50%; width:54px; height:54px; text-align:center; font-size:32px; color:#E77D0B; line-height:54px;} #report #overview .circle .fa.posts {background: #fff url(/images/iconReportOverviewPosts.png) no-repeat center center;} #report #overview .circle.small .fa {width:44px; height:44px; font-size:25px; line-height:44px; bottom:-24px;} #report #overview .circle .box {position:absolute; bottom:-12px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:2px solid #97a1a3; width:106px; height:43px; background-color:#fff; text-align:left;} .it #report #overview .level3.circle .box, .fr #report #overview .level2.circle .box, .fr #report #overview .level3.circle .box {height:60px; bottom:-30px;} .it #report #overview .level3.circle .box .data, .fr #report #overview .level2.circle .box .data, .fr #report #overview .level3.circle .box .data {height:30px;} .fr #report #overview .level3.circle > .data {min-height:36px;} #report #overview .circle .box .data {font-size:13px; color:#fff; display:block; background-color:#97a1a3; opacity:1; padding-left:4px; line-height:115%;} #report #overview .circle .box .val {font-size:25px; color:#526265; line-height:105%; padding-left:4px;} #report #overview .circle .box.sx {left:-50px;} #report #overview .circle .box.dx {right:-50px;} #report #overview .circle .box.center {right:-50px; text-align:center; left:50%; margin: 0 -53px;} #report #overview .circle.viral .box {border:2px solid #eab909;} #report #overview .circle.viral .box .data {color:#212e30; background-color:#eab909;} #report #overview .circle.viral .box .val {color:#E77D0B;} /*#report #overview .indicators {width:330px; height:26px; border-left:2px solid #E77D0B; border-bottom:2px solid #E77D0B; border-right:2px solid #E77D0B; position:relative; margin:-26px auto 30px;} #report #overview .indicators:before {display:block; content:""; width:2px; height:26px; position:absolute; margin:0 -1px; top:0; left:50%; background-color: #E77D0B;} #report #overview .indicators:after {display:block; content:""; width:12px; height:28px; position:absolute; margin:0 -6px; top:26px; left:50%; background:url(/images/arrowReportOverviewOrange.png) no-repeat center bottom;}*/ #report #overview .indicators {width:330px; height:26px; position:relative; margin:-26px auto 30px;} #report #overview .indicators:before, #report #overview .indicators:after {display:block; content:""; width:32px; height:30px; position:absolute; margin:0 -16px; top:12px; right:30%; background:url(/images/arrowReportOverviewOrangeOb.png) no-repeat center bottom;} #report #overview .indicators:after {left:30%; transform: rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);} #report #overview.liveTweet .circle { background-color:#5BC2FF; color:#fff; border:8px solid #fff; box-shadow:0 0 0 2px #5BC2FF; -moz-box-shadow:0 0 0 2px #5BC2FF; -webkit-box-shadow:0 0 0 2px #5BC2FF;} #report #overview.liveTweet .circle .fa {color:#5BC2FF;} #report #overview.liveTweet .circle .val, #report #overview.liveTweet .circle .data {color:#fff;} #report #overview.liveTweet .circle .box {border-color:#5BC2FF; color:#526265;} #report #overview.liveTweet .circle .box .val {color:#3E85AF;} #report #overview.liveTweet .circle .box .data {background-color:#5BC2FF; color:#fff;} #report #overview.liveTweet .indicators:before, #report #overview.liveTweet .indicators:after {background:url(/images/arrowReportOverviewBlueOb.png) no-repeat center bottom;} #report div.svgCont {padding-left:0;} #report .svg {height: 360px; width: 450px;} .sentiment {margin-top:10px;} #report .sentiment .item {line-height:76px; font-size:40px; color:#526265; margin-bottom: 16px;} #report .sentiment .item .icon{width:74px; height:76px; background:url(/images/sentiment.png) no-repeat center top; float:left; margin-right:20px;} #report .sentiment .item.positive .icon{} #report .sentiment .item.neutral .icon{background-position: center -78px;} #report .sentiment .item.negative .icon{background-position: center -156px;} #report #engagements .eng {font-size: 26px; color:#E77D0B;} #report .engagement .item {line-height:74px; font-size:40px; color:#526265; margin-bottom: 16px;} #report .engagement .item i.fa {width:74px; height:74px; background-color:#E0E0DD; float:left; margin-right:20px; color:#526265; line-height:74px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center;} #report .engagement .item.positive .icon{} #report .engagement .item.neutral .icon{background-position: center -78px;} #report .engagement .item.negative .icon{background-position: center -156px;} #report.liveTweet .engagement .item i.fa {background-color: #5bc2ff; color: #fff;} #report .vperformance .table {font-size:17px; color:#526265;} #report .vperformance .table td {padding:26px 8px;} #report .vperformance .val {font-size:36px; color:#E77D0B; font-weight: bold; position:relative; margin-top:-8px; display:block;} #report a.button {background-color:#ebe9e1; color:#526265; margin-right:4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:16px; text-align:center; line-height:24px; padding:0 18px;} #report a.button.active {background-color:#ffdb00; color:#212e30; cursor:default;} #report div.contentPaid, #report div.contentViral {margin-top:30px;} #report div.contentPaid h3, #report div.contentViral h3 {padding-top:24px;} #report .content .table {font-size:15px;} #report .content .table td.val {font-size:17px; font-weight:bold; text-align: right;} #report .table-striped > tbody > tr:nth-child(2n+1) > td {background-color:#ebe9e1;} #report .engagements a img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border:none; display: inline-block; height: 50px; margin-right: 10px; text-indent: -999px; width: 50px; background:url(/imgs/defaultUserPic.jpg) no-repeat center center / cover;} #report .engagements .table td {line-height:50px;} #report .engagements .table > tbody > tr:nth-child(2n+1) > th, #report .content .table > tbody > tr:nth-child(2n+1) > th {background-color: #dce3d8;} #report #userInfluence {width:100%; max-width:472px; padding:4px 0 14px; margin:30px 0 10px;} #report #userInfluence canvas {width: 100%;} #report .results ul {margin:30px 0 0 0; padding:0; color:#526265;} #report .results ul li {border-bottom: 1px solid #e0e0dd; padding: 10px 0 10px 14px; display:block; margin:0; position:relative;} #report .results ul li .pos {font-size:22px; width:40px; display:inline-block;} #report .results ul li img {width:100px; height:100px; margin-right:10px;} #report #topInfluencers .results ul li img{border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-indent:-999px; display: inline-block;} #report .results ul li .name {font-size:20px; position:absolute; top:24px; left:166px; font-weight:400;} #report #topInfluencers .results ul li .name {top:42px; left:172px;} #report .results ul li.gray {background-color:#EBE9E1;} #report .results .network { top:60px; left: 164px;} #report #trendingTopics {font-size:17px; color:#526265;} #report #trendingTopics span.date {display:block; margin:5px 0; font-size:18px; } #report #trendingTopics .table tr.ev td {color:#E77D0B; font-weight:bold; font-size:20px;} #report .summary.results ul {margin:0;} #report .summary.results li {padding:7px 0; font-size:18px; color:#526265; font-weight:200;} #report .summary.results li.strong {font-weight:bold; color:#212e30;} #report .summary.results li div.col {padding:0;} #report .summary.results li span.target {display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#ffdb00; margin-right:4px; height:28px; line-height:27px; font-size:17px; padding:0 8px;} #report .summary.results li span.target:first-child {margin-left:20px;} #report .summary.results li i {background-color:#ccc; display:inline-block; width:28px; height:28px; color:#fff; margin-right:4px; text-align:center; line-height:29px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} #report .summary.results li i.fa-twitter {background-color:#55ACEE;} /*---- report charts ----*/ #report .chart {width:650px; height:350px; max-width:100%;} #location.chart {max-width:100%; margin-top:46px; height:300px;} #location.chart .nv-axis .tick line {display:none;} #location.chart .nv-axis text {font-size:14px; fill:#526265;} #location .nvtooltip h3 {margin:0; font-size:16px;} #location .nvtooltip p {font-size:17px; font-weight:bold; margin:0;} #report .chart .nvd3 g.nv-groups path.nv-line {stroke-width: 4px;} /* --------- NETWORK PAGE --------*/ #networkPage #profileTabs > li > a {background: transparent; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;} #networkPage.accordionContent .tab-content {background-color:transparent;} #networkPage h3 {font-size:20px; font-weight:400; text-transform:uppercase; text-align:center; margin:20px 0 40px;} #networkPage .tab-pane {padding: 0 14px;} #networkPage .summary .item {color:#526265; position:relative; border-right:1px solid #b2b2b2; padding-bottom: 4px; margin-bottom:24px;} #networkPage .summary .item i.fa-user {color:#98a1a3; text-align:center; display:block;} #networkPage .summary .item span.icon { text-align:center; display:block; position:relative; margin: 0 auto; width:120px;} #networkPage .summary .item i.buzzoole {width:36px; height:36px; background:#526265 url(/images/iconBuzzoole_small.png) no-repeat center center; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } #networkPage .summary .item i.channel {position: absolute; right:-5px; top:0;} #networkPage .summary .item.last {border:none;} #networkPage .summary .item span.dx, #networkPage .summary .item span.sx {width:49%; float:left; text-align:left; padding:0 0 3px 7px; font-size:36px; font-weight:600; line-height:90%;} #networkPage .summary .item span.sx {text-align:right; padding:0 7px 3px 0;} #networkPage .summary .item span.desc {font-size:16px; font-weight:400; color:#98a1a3; display:block; line-height:110%;} #networkPage .summary .item span.add {display:block; text-align:center; } #networkPage .summary .item span.add i {margin-right:4px;} #networkPage .summary .item span.add a {font-size: 15px; margin: 10px auto 0; max-width: 180px;} #networkPage .summary .item span.add a.fb { background-color: #3b5998; color:#fff;} #networkPage .summary .item span.add a.tw {background-color: #55acee; color: #fff;} #networkPage #tools {margin:46px 0 36px; font-size:14px; color:#526265;} #networkPage #tools .filter, #networkPage #tools .order {display:inline-block; margin:0 16px 14px;} #networkPage #tools a.button {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#fff; padding:2px 6px; margin:0 2px 2px; display:inline-block; color:#526265;} #networkPage #tools a.button.active, #networkPage #tools a.button:hover {background-color:#526265; color:#fff;} #networkPage #tools .search {float:right; width:174px; margin-right:26px; position:relative;} #networkPage #tools input {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#fff; padding:2px 6px 2px 6px; border:none; color:#526265; width:100%; box-sizing:content-box;} #networkPage #tools i { display:inline-block; position:absolute; right:-5px; top:6px; color:#98a1a3;} #networkPage #users .item {margin-bottom:30px; color:#526265; position:relative; border: 6px solid #ebe9e1; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin-bottom:1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:10px; background-color:#fff;} #networkPage #users .item img.profile {width:70px; height:70px; float:left; margin:0 10px 4px 0; border:none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #networkPage #users .item h6 {font-size:14px; left: 89px; margin: 0; position: absolute; max-width: 118px; word-wrap: break-word; line-height: 100%;} #networkPage #users .item .rank {display:block; padding:4px 0; border-top:1px solid #e0e0dd; border-bottom:1px solid #e0e0dd; position:relative; margin-bottom:6px; font-size:15px; clear:both;} #networkPage #users .item .val {position:absolute; right:0; font-weight:400; font-size:20px; line-height:22px; opacity:.8; text-transform:uppercase;} #networkPage #users .item .badge {display:block; padding:0; background-color:transparent; border-bottom:1px solid #e0e0dd; padding-bottom:4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; text-align:left;} #networkPage #users .item .badge span {border:1px solid #e0e0dd; margin-right:16px; width:90px; height:90px; display:inline-block;} #networkPage #users .network {position:absolute; top:54px; left:89px; cursor:pointer;} #networkPage #users .network-on, #networkPage #users .network-off {font-size:12px; text-align:center; width:82px; margin-right:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:26px; line-height:26px; text-transform:uppercase;} #networkPage #users .network.loading, .network.loading, .network-on.loading, .network-off.loading {background: #e0e0dd url(/images/waiting.png) no-repeat center center;} #networkPage #users .network-mutual {font-size:14px; text-align:center; width:28px; margin-right:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:26px; line-height:26px; text-transform:uppercase; background-color:#526265; color:#fff; left:174px; cursor: default;} /*---------- RANKS PAGE ---------*/ #ranksPage h3, #rankingPage h3 { font-size: 20px; font-weight: 400; margin: 20px 0 40px; text-align: center; text-transform: uppercase;} #ranksPage ul, #rankingPage ul {margin:0; padding:0;} #ranksPage li.item, #rankingPage li.item {border-bottom:1px solid #e0e0dd; color:#526265; padding:8px 0; display:block; margin:0; position:relative;} #ranksPage li.item img, #rankingPage li.item img {width:50px; height:50px; float:left; margin-right:10px;} #ranksPage li.item strong, #rankingPage li.item strong {color:#526265; font-size:16px; font-weight:600px; opacity:.8;} #ranksPage li.item span.val, #rankingPage li.item.span.val {color:#212e30; font-size:26px; position:absolute; right:0; top:15px; text-transform:uppercase; opacity:.6; font-weight:bold;} #ranksPage .network, #rankingPage .network, #rankingPage .share {position:absolute; top:33px; left:60px; cursor:pointer;} #ranksPage .network-on, #ranksPage .network-off, #rankingPage .network-on, #rankingPage .network-off, #rankingPage .share {font-size:12px; text-align:center; width:82px; margin-right:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:26px; line-height:26px; text-transform:uppercase;} #ranksPage .network.loading, #ranksPage .network-off.loading, #rankingPage .network.loading, #rankingPage .network-off.loading {background: #e0e0dd url(/images/waiting.png) no-repeat center center;} /*-------- BADGE RANKING --------*/ #rankingPage #profileTabs > li > a {background: transparent; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;} #rankingPage.accordionContent .tab-content {background-color:transparent;} #rankingPage h3 {font-size:20px; font-weight:400; text-transform:uppercase; text-align:center; margin:20px 0 26px;} #rankingPage .tab-pane {padding: 0 14px;} #rankingPage .position {background: url(/images/badge/bg_badgePosition.png) no-repeat center center; height:120px; font-size:36px; font-weight:bold; color:#212e30; line-height:120px;} #rankingPage .summary .btn {width:250px;} #rankingPage .search {margin:6px auto 20px; position:relative; width:250px;} #rankingPage #searchUserPosition {background-color:#ccc; border:none; padding: 10px 16px; font-size:17px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; margin:4px 0 20px; width:250px; color:#526265; } #rankingPage a#closeSearch {font-size: 28px; position: absolute; right: -34px; top: 10px; display:block; width:30px; height:30px; -moz-transition:all 0.6s ease 0.1s; -webkit-transition:all 0.6s ease 0.1s; -ms-transition:all 0.6s ease 0.1s; transition:all 0.6s ease 0.1s; -webkit-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } #rankingPage a#closeSearch.closed { -webkit-transform: rotate(0deg) scale(0.1); -ms-transform: rotate(0deg) scale(0.1); transform: rotate(0deg) scale(0.1);} #rankingPage a#closeSearch i.fa:before, #rankingPage a#closeSearch i.fa:after {content:""; display:block; width:28px; height:2px; background-color:#97a1a3; position:absolute; top:16px; left:0; -webkit-transition:all 0.5s ease 0.1s; -ms-transition:all 0.5s ease 0.1s; transition:all 0.5s ease 0.1s;} #rankingPage a#closeSearch i.fa:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #rankingPage a#closeSearch i.fa:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} #rankingPage a#closeSearch.closed i.fa:before, #rankingPage a#closeSearch.closed i.fa:after {background-color:#ebe9e1;} #rankingPage .summary .item {color:#526265; position:relative; border-right:1px solid #b2b2b2; padding-bottom: 4px; margin-bottom:24px;} #rankingPage .summary .item i.fa-user {color:#98a1a3; text-align:center; display:block;} #rankingPage .summary .item span.icon { text-align:center; display:block; position:relative; margin: 0 auto; width:120px;} #rankingPage .summary .item i.buzzoole {width:36px; height:36px; background:#526265 url(/images/iconBuzzoole_small.png) no-repeat center center; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } #rankingPage .summary .item i.channel {position: absolute; right:-5px; top:0;} #rankingPage .summary .item.last {border:none;} #rankingPage .summary .item span.dx, #rankingPage .summary .item span.sx {width:49%; float:left; text-align:left; padding:0 0 3px 7px; font-size:36px; font-weight:600; line-height:90%;} #rankingPage .summary .item span.sx {text-align:right; padding:0 7px 3px 0;} #rankingPage .summary .item span.desc {font-size:16px; font-weight:400; color:#98a1a3; display:block; line-height:110%;} #rankingPage .summary .item span.add {display:block; text-align:center; } #rankingPage .summary .item span.add i {margin-right:4px;} #rankingPage .summary .item span.add a {font-size: 15px; margin: 10px auto 0; max-width: 180px;} #rankingPage .summary .item span.add a.fb { background-color: #3b5998; color:#fff;} #rankingPage .summary .item span.add a.tw {background-color: #55acee; color: #fff;} #rankingPage #tools {margin:46px 0 36px; font-size:14px; color:#526265;} #rankingPage #tools .filter, #rankingPage #tools .order {display:inline-block; margin:0 16px 14px;} #rankingPage #tools a.button {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#fff; padding:2px 6px; margin:0 2px 2px; display:inline-block; color:#526265;} #rankingPage #tools a.button.active, #rankingPage #tools a.button:hover {background-color:#526265; color:#fff;} #rankingPage #tools .search {float:right; width:174px; margin-right:26px; position:relative;} #rankingPage #tools input {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#fff; padding:2px 6px 2px 6px; border:none; color:#526265; width:100%; box-sizing:content-box;} #rankingPage #tools i { display:inline-block; position:absolute; right:-5px; top:6px; color:#98a1a3;} #rankingPage #users .userItem {margin-bottom:30px; color:#526265; position:relative; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin-bottom:1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#fff; min-height:125px; margin-bottom:12px;} #rankingPage #users .userItem .pos {background-color:#ccc; width:90px; min-height:120px; height:100%; color:#526265; font-size:24px; font-weight:bold; position:absolute; top:0; left:0; text-align:center; border-radius:12px 0 0 12px; -moz-border-radius:12px 0 0 12px; -webkit-border-radius:12px 0 0 12px; line-height:120px;} #rankingPage #users .userItem img.profile {width:70px; height:70px; float:left; margin:12px 10px 4px 100px; border:none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #rankingPage #users .userItem h6 {font-size:15px; left: 180px; margin: 13px 0 0; position: absolute; max-width: 118px; word-wrap: break-word; line-height:105%;} .ranking.users #rankingPage #users .userItem h6, .ranking.users #rankingPage #topUsers .userItem h6 {max-width: 250px;} #rankingPage #users .userItem .rank {display:block; padding:4px 0; position:relative; margin-bottom:6px; font-size:15px; clear:both;} #rankingPage #users .userItem .val {position:absolute; right:0; font-weight:400; font-size:20px; line-height:22px; opacity:.8; text-transform:uppercase;} #rankingPage #users .userItem .badgeContainer {position:relative; margin:18px 0 0 290px; max-width:100%;} #rankingPage #users.badges .flip-container {-ms-transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); transform: scale(0.7,0.7); -moz-transform: scale(0.7,0.7); margin:-12px -15px 0 0;} #rankingPage #users.badges .blog .item p.desc {padding:0 8px;} #rankingPage #users .network {position:absolute; top:56px; left:179px; cursor:pointer;} #rankingPage #users .network-on, #rankingPage #users .network-off, #rankingPage #users .twitter, #rankingPage #users .share {font-size:12px; text-align:center; width:88px; margin-right:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:26px; line-height:27px; text-transform:uppercase;} #rankingPage #users .network.twitter {background-color:#55ACEE; color:#fff; top:86px;} #rankingPage #users .network.twitter.notLogged {top:56px;} #rankingPage #users .network.share, #rankingPage #topUsers .share {background-color:#526265; color:#fff !important; width:auto !important; padding:0 10px; } #rankingPage #users .network.share i {margin-right:1px;} #rankingPage #users .network.loading, .network.loading, .network-on.loading, .network-off.loading {background: #e0e0dd url(/images/waiting.png) no-repeat center center;} #rankingPage #users .network-mutual {font-size:14px; text-align:center; width:28px; margin-right:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:26px; line-height:26px; text-transform:uppercase; background-color:#526265; color:#fff; left:174px; cursor: default;} #rankingPage .badges a.moreRanking {float:none; width:auto; height:auto;} /* --------- CREDIT PAGE --------*/ #profileTabs > li > a.credits > span.icon {background-position:left -144px;} .cash #profileTabs > li > a > span.icon {background-image:none; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:24px; text-align:center; background-color:#e0e0dd;} #creditPage h3 {font-size:20px; font-weight:400; text-transform:uppercase; text-align:center; margin:20px 0 40px;} #creditPage div.creditVal {text-align:center;} #creditPage span.creditVal, #creditConversion span.creditVal {display:inline-block; margin:0 auto 20px; background-color:#ffdb00; font-size:38px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#212e30; padding:1px 10px; font-weight:600;} #creditPage span.creditVal.debit {background-color:#cb2027; color:#fff;} #creditPage #actions a {min-width:210px;} #creditHistory {} #creditHistory h3, #creditPage .creditList h3 {text-align:left; background-color:#e0e0dd; padding:11px 16px; margin-bottom:0;} #creditHistory ul, .creditList ul {margin:0; padding:0;} #creditHistory ul a, .creditList ul a {text-decoration:underline;} #creditHistory ul a:hover, .creditList ul a:hover {color:#666;} #creditHistory li, .creditList li, .modal-content .creditList li {display:block; padding:0 6px; font-size:16px; color:#526265; font-weight:600; margin:0;} #requestHistory li { padding: 5px 6px; } #creditHistory li.gray, .creditList li.gray {background-color:#EBEDEB;} #creditHistory li .val, .creditList li .val {background-color:#ffdb00; min-width:54px; text-align:right; padding:0 6px; line-height:25px; display:inline-block; margin:8px 10px 8px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#212e30; font-size:17px;} #creditHistory li .val.declined, .creditList li .val.declined { background-color: #d9534f !important; } #creditHistory li .val.done, .creditList li .val.done { background-color: #5cb85c !important; } #creditHistory li .val.debit, .creditList li .val.debit {background-color:#526265; color:#fff;} #creditHistory li .date, #requestHistory li .date {font-weight:400;} #creditHistory li p, #requestHistory li p {display: inline-block; margin: 0; padding-bottom: 8px; line-height: 115%;} #convertPage .modal-body {padding:20px 20px 0 20px;} #convertPage .nav li {margin-right:0; margin-left:0;} #convertPage .nav a:hover, #convertPage .nav a:focus { color: #333;} #convertPage .alert-danger { padding: 12px;} #convertPage form#convertCreditForm {border-bottom: 1px solid #e5e5e5; padding: 10px 0;} #convertPage label {margin-right: 6px;} #convertPage select {border: 1px solid #e5e5e5; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 20px; padding: 2px 12px; color: #526265; margin:0 6px 6px 0;} #convertPage button {vertical-align: inherit;} #convertPage .eq { color: #526265; font-size: 18px;} #creditConversion .item {line-height: 68px; margin:50px 0;} #creditConversion span.creditVal {font-size:36px; min-width:90px; text-align:center; margin-top:12px; margin-bottom:0; float:left; line-height:50px; } #creditConversion icon.fa {margin:12px 20px; font-size:30px; color:#abb5b6; display:inline-block; float:left; line-height:52px;} #creditConversion .valueConv {color: #526265; float:left; font-size: 36px; text-align: center; font-weight:400; line-height:76%; margin:16px 0 0 0;} #creditConversion .valueConv .desc {font-size:16px; } #creditConversion img {float: left; padding:12px 0 0 50px;} .cash input[type="file"].bz-file-input { display: inline-block; line-height: 1em; } /* --------- FAQ PAGE --------*/ .accordionContent .tab-content.faqPage {padding: 50px 30px;} #faqPage .desc {font-size:20px; color:#526265; margin: 3px 0 26px;} #faqPage .category {border-bottom:1px solid #e0e0dd; padding-bottom:20px; margin-bottom:20px;} #faqPage .category.last {border-bottom:none;} #faqPage h5 {font-size:22px; color:#000; line-height:120%; margin:12px 0 0 26px; cursor:pointer; font-weight:200; color:#526265;} #faqPage h5:hover, .faq h5.open, #faqPage h5.open {color:#000;} #faqPage h5 i {display:block; position:relative; margin: 3px 8px 0 -26px; float:left; transition: transform 0.3s ease 0s; -webkit-transition: -webkit-transform 0.3s ease 0s; color:#526265;} #faqPage h5:hover i {color:#000;} #faqPage h5.open i {transform: rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); color:#000;} #faqPage .item {display:none; padding: 0 0 16px 0; font-size:16px; color:#526265; line-height:140%; margin:16px 0 34px 28px; border-bottom:1px solid #e0e0dd;} #faqPage .item strong {color:#212e30;} #faqPage .item a {color:#000; text-decoration:underline;} #faqPage .item a:hover {color:#333;} /* --------- TOS PAGE --------*/ body.acceptConditions {background-color: rgba(235, 233, 225,.4); margin-top:64px;} 
.acceptConditions p {font-size:15px; color:#526265;} .acceptConditions .bz-callout.bz-alert {border:1px solid #D5D5D5; padding: 10px 14px; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
 
.acceptConditions .bz-callout.bz-alert, .bz-callout.bz-alert > p { color: #b94a48; } .acceptConditions .bz-callout.bz-alert i {font-size:26px; margin-right:10px; float:left; color: #b94a48;} div.tos {border:1px solid #d5d5d5; padding:10px; height:100px; background-color:rgba(255,255,255,.95); overflow: hidden;
border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #d5d5d5; font-size:13px; color:#526265; margin-bottom:24px; } .acceptConditions .checkbox label {font-size:14px; color:#526265; white-space: normal; line-height: 120%; text-align: left;} .acceptConditions .checkbox label a {text-decoration: underline;} 
.acceptConditions .checkbox label::after { padding-top: 3px;} .acceptConditions .form-group.privacy { margin-bottom: 0; } .acceptConditions .form-group .help-block {font-size:14px; padding-left:26px; font-weight: bold; } 
.acceptConditions .has-error .checkbox label { color: #b94a48; } .acceptConditions table, .modal-content table {width:100%;} 
.acceptConditions table td, .modal-content table td { border: 1px solid #ebebeb; padding: 6px; width:25%; word-break:break-all;} 
.acceptConditions code, .modal-content code {white-space: normal;} .acceptConditions ul, .modal-content ul {padding-left:0;}
 .acceptConditions ul li, .modal-content ul li { display: list-item; padding: 6px 0 6px 0;} /* --------- DELETE USER ------- */ body.deleteAccount {background:#ebe9e1;} body.deleteAccount .profile-wrapper {background-color:transparent;} #deleteAccountPage {margin-top:40px; min-height:660px;} #deleteAccountPage .tab-pane {padding:20px 14px 16px;} #deleteAccountPage .poll p {padding-left:60px;} #deleteAccountPage .poll a.radio {font-size:20px; line-height:130%; margin:16px 0; opacity:.8;} #deleteAccountPage .poll a.radio span {width:28px; height:28px; border-width:3px;} #deleteAccountPage .actionDelete, #deleteAccountPage .solution {display:none;} #deleteAccountPage .actionDelete { border-bottom: 1px solid #ebe9e1; margin: 16px 0 34px 60px; padding-bottom: 16px;} #deleteAccountPage .solution span { padding: 12px; display:block; font-size: 17px; background: #ebe9e1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;margin-left: 60px;} #deleteAccountPage .solution span a {text-decoration:underline;} /* --------- PAGE GENERAL --------*/ body.page ul {margin:0; padding:0; list-style-type:none;} body.page ul ul{margin:1.1em; } body.page li {color:#555; display:list-item; margin:1.1em 0;} body.page a:hover {color:#666;} /* --------- ABOUT --------*/ .about {/*max-width:660px;*/} /* --------- BRANDS --------*/ .brands img.sx {float: left; margin: 0 14px 0 0;} .brands div.col-md-8 {margin-bottom:20px;} .brands div.box.video {padding-bottom:30px;} .brands p.desc {font-size:18px;} .brands.form {max-width:660px;} .brands .note, .contact .note {margin-top:34px; border-top:1px solid #e0e0dd; padding:12px 0 30px; color:#526265;} /* --------- TEAM ------- */ /*.team div.item {position:relative; float:left; margin:0 16px 16px 0; } .team div.item a {display:block; width:224px; height:224px; } .team div.item div.picture {-webkit-border-radius:112px; -moz-border-radius:112px; border-radius:112px; border:7px solid #cbd0d0; width:222px; height:222px; transition: transform .5s ease 0s, opacity .3s ease 0s; -webkit-transition:-webkit-transform .5s ease 0s, opacity .3s ease 0s; position:relative;} .team div.item img.picture, .team div.data {width:220px; height:220px; overflow: hidden; -webkit-border-radius:112px; -moz-border-radius:112px; border-radius:112px; position:absolute; top:0; left:0; transition: transform .5s ease 0s, opacity .3s ease 0s; -webkit-transition:-webkit-transform .5s ease 0s, opacity .3s ease 0s; width:220px; height:220px;} .team div.item img.picture { transition: transform 0.3s ease 0s, opacity 0.6s ease 0s; -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.6s ease 0s; top:50%; left:50%; margin:-110px -110px;} .team div.item div.data {background-color:#ffdb00; text-align:center; opacity:0; transform: scale(.7); -ms-transform:scale(.7); -webkit-transform:scale(.7); border:7px solid #cbd0d0; width:224px; height:224px;} .team div.item div.data span.polygon {display:block; width:60px; height:61px; margin:0 auto;} .team div.item div.data h3, .team div.item div.data h4 {font-family:Titillium Web,Scada; font-size:20px; margin:0 0 2px 0;} .team div.item div.data h3 {color:#000;} .team div.item div.data h4 {color:#526265;} .team div.item div.data p {color:#000; font-size:14px; margin:0; line-height:115%;} .team div.item a:hover img.picture, .team div.item a:hover div.picture, .team div.item a.hover img.picture, .team div.item a.hover div.picture {opacity:0; transform: scale(.7); -ms-transform:scale(.7); -webkit-transform:scale(.7);} .team div.item a:hover .data, .team div.item a.hover .data{opacity:1; transform: scale(1); -ms-transform:scale(1); -webkit-transform:scale(1);}*/ /* --------- JOBS ------- */ body.page .jobs h2 {margin-bottom:4px;} .jobs {max-width:820px;} .jobs .desc {font-size:22px; color:#526265; margin-top:3px;} .jobs .positions {border-bottom:1px solid #e0e0dd; padding-bottom:40px; margin-bottom:20px;} .jobs h5 {font-size:24px; color:#526265; padding-left:56px; line-height:120%; min-height:42px; margin-top:18px; cursor:pointer; font-weight:200;} .jobs h5:hover {color:#000;} .jobs h5 span.icon {display:block; background: url(/images/arrowJobs.png) no-repeat left top; width:45px; height:45px; position:relative; margin:-8px 0 0 -56px; float:left; transition: transform 0.3s ease 0s; -webkit-transition: -webkit-transform 0.3s ease 0s;} .jobs h5.open span.icon {transform: rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);} .jobs .info {display:none; padding:0 0 4px 56px; font-size:16px; color:#333; line-height:140%; margin-bottom:34px;} .jobs .info a {color:#000; text-decoration:underline;} .jobs .info a:hover {color:#333;} .jobs .item {padding:16px 0; border-bottom:1px solid #e0e0dd;} .jobs .item ul {list-style-type:disc;} .jobs .item li {margin:.8em 0 0.2em 1.1em; color:#333;} .jobs .tag {padding:3px 5px 2px 5px; font-weight:bold; background-color:#FFDB00; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-bottom:5px; display:inline-block;} /* --------- PRESS --------*/ .press .box {float: left; margin-right: 22px; width: 170px;} .press #footer .box {margin-right: 0;} .press .box.last { margin-right: 0;} /* --------- imprint --------*/ .imprint .desc {border-bottom: 1px solid #E0E0DD; display: block; font-weight: bold; margin: 8px 0 12px; max-width: 200px; padding-bottom: 4px;} .imprint a {text-decoration:underline;} /* --------- CONTACT --------*/ .contact {max-width:660px;} /* --------- FOOTER ------- */ iframe[name="google_conversion_frame"] { height: 0; padding: 0; margin: 0; display: block; } body.page #footer .content {padding:0;} #footer {background-color:#222; padding-bottom:60px; clear:both; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2) inset;} /*body.home #footer { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding-top:10px;}*/ #footer a.logo {background: url(/images/fumetto_w.svg) no-repeat left top; display:block; width:46px; height:46px;} #footer img.logo {width:46px; height:46px;} #footer-wrapper { margin:0 auto; padding-top:52px;} #footer .box {color:#fff; font-size:12px; padding:0; margin-bottom:16px;} #footer .box p {margin:0; padding:0; color:#969695; font-style:normal;} #footer .box.menu {text-transform:uppercase;} #footer .box a {color:#fff; text-decoration:none;} #footer .box.menu a {font-size:0.9375rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 300; line-height: 190%;} #footer .box.info a {color:#969695;} #footer .box a:hover {color:#ffd100;} #footer .box.social a {display:inline-block; width:32px; height:32px; margin:0 1px 2px; background-color:transparent; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; text-align:center; } #footer .box.social a i {font-size:21px; line-height:33px;} #footer .box.social a i.fa-google-plus {font-size:18px;} #footer .box.social a:hover {color:#ffd100;} /* ------- FORM ------- */ /*.form-control:focus {border:none; border-bottom:1px solid #ffdb00; box-shadow:0 1px 1px rgba(225,223,215,1) inset, 0 0 8px rgba(225,223,215,1); -moz-box-shadow:0 1px 1px rgba(225,223,215,1) inset, 0 0 8px rgba(225,223,215,1); -webkit-box-shadow:0 1px 1px rgba(225,223,215,1) inset, 0 0 8px rgba(225,223,215,1);}*/ .form-horizontal .control-label {color:#526265; font-size:18px; text-align:left; font-weight:400;} .has-error .form-control {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} .form-horizontal .has-error .control-label, .has-error label {color:#b94a48;} .form-horizontal input, .form-horizontal textarea, .form-horizontal .checkbox {color:#526265; font-size:18px;} .form-horizontal input, .form-horizontal textarea, .form-horizontal .input-lg, .input-lg {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:none; border-bottom:1px solid #97a1a3; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background-color: #ebe9e1; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;} .form-horizontal input:focus, .form-horizontal textarea:focus, .form-horizontal .input-lg:focus, .form-control:focus {background-color: transparent; color:#212e30; border-bottom:1px solid #526265; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} .form-horizontal .has-success input, .form-horizontal .has-success textarea, .form-horizontal .has-success .input-lg, .has-success .form-control:focus {border-bottom:1px solid green; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .form-horizontal .has-error input, .form-horizontal .has-error textarea, .form-horizontal .has-error .input-lg, .has-error .form-control:focus {border-bottom:1px solid #b94a48; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .form-horizontal input.white-input{ background-color: #fff; } .form-horizontal input::-webkit-input-placeholder { opacity: 1; color: rgba(0,0,0,0.3); } .form-horizontal input::-moz-placeholder { opacity: 1; color: rgba(0,0,0,0.3); } .form-horizontal input:-ms-input-placeholder { color: rgba(0,0,0,0.3); opacity: 1; } .form-horizontal input:-moz-placeholder { color: rgba(0,0,0,0.3); opacity: 1; } .col-sm-1.help {padding:0 4px; /*width:34px;*/} /* icon info dei settings */ .col-sm-1.help a.help { top:6px; right: auto; left: 3px; position: relative; } .form-group.warning input.form-control { border-color: #fa6d81; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(250, 109, 129, 0.6); outline: 0 none; } label.error { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px; } /* BUTTONS */ /* Override base .btn styles */ /* Apply text and background changes to three key states: default, hover, and active (click). */ .btn-default-ttc, .btn-default-ttc:hover, .btn-default-ttc:active { color: #000; font-size:17px; text-transform:uppercase; text-shadow: 0; background-color: #ffdb00; margin:2px auto; position:relative; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } .btn-default-ttc.green {background-color:#5AA132; color:#fff;} .btn-default-ttc.gray {background-color:#d5d5d5; color:#666;} .btn-default-ttc.error {background-color: red;} .btn-default-ttc.ok {background-color: #0C0;} /* Apply the custom-colored gradients */ /* Note: you'll need to include all the appropriate gradients for various browsers and standards. */ .btn-default-ttc { /*background-repeat: repeat-x; background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%); */ } /* Set the hover state */ /* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */ .btn-default-ttc:hover { color: #000; background-color: #d5d5d5; } #browserAlert.home {width:70%; margin:114px -35%; position:absolute; left:50%; z-index:1000;} #browserAlert {display:none !important;} .alert.home {position: absolute; right: 20px; top: -420px; z-index: 1000;} .alert.home .close {margin-left: 10px;} /*------------ CHAT ------------*/ #lz_overlay_chat {box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.4) !important; -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.4) !important; -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.4) !important;} .lz_overlay_chat_gradient #lz_chat_overlay_text, #lz_overlay_chat .lz_overlay_chat_options_link, #lz_overlay_chat #lz_chat_overlay_option_title {text-shadow:none !important;} #lz_overlay_chat .lz_overlay_chat_button {font-weight:normal !important;} /*------------ COOKIE ------------*/ #cookieChoiceInfo {background-color:#ebe9e1 !important; font-size:12px; bottom:0; padding: 8px 4px 6px !important; box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.6); z-index: 10000 !important;} #cookieChoiceInfo span {display: block; margin: 0 auto; max-width: 90%; line-height:120%;} #cookieChoiceInfo a {background-color: #fff; margin-left: 8px; padding: 0 6px; margin:6px 0 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-weight:600; display: inline-block;} a#cookieChoiceDismiss {margin-left:10px !important;} /*------------ MODAL --------------*/ .modal-backdrop {background-color: #ebe9e1;} .modal-backdrop.in {opacity: 0.90;} .modal-dialog {padding-top:46px;} .modal-content {border:none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} .modal-header {padding: 15px 25px;} .modal-body {padding: 20px 25px;} .modal-footer {border-top: 1px solid #e5e5e5; margin-top: 15px; padding: 19px 25px 20px;} @media screen and (min-width: 970px) { #payoff {font-size:26px;} #headerTop {position:fixed; width:100%; z-index:999;} .wrapper, #wrapper {width:95%;} #userData, #userInfluence, #profile #userActions{width:48% !important;} #userData .reach .box.reach, #userData .reach .box.location {width:48%; height:40px;} #userData .reach .box.location {margin-top: 15px;} .contestDetail #userInfluence, #report #userInfluence { width: 100% !important;} #box_container .box .content {height:338px;} #box_container .box.sx .center {padding-right:20px;} #box_container .box.center .center {padding:0 10px;} #box_container .box.dx .center {padding-left:20px;} #categories a.lg {display:inline-block;} #report #overview .circle.last {margin-right:0;} #report #overview .circle .box.sx:after, #report #overview .circle .box.dx:after {display:block; content:""; width:32px; height:30px; position:absolute; margin:0 -16px; top:50px; left:50%; background:url(/images/arrowReportOverviewGray.png) no-repeat center bottom;} #report #overview .circle .box.sx:after {transform: rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);} #report.liveTweet #overview .circle .box.sx::after, #report.liveTweet #overview .circle .box.dx::after {display:none;} .fr #report #overview .circle .box.sx::after,.fr #report #overview .circle .box.dx::after {top:62px;} } @media screen and (min-width: 980px) { #wrapper, .wrapper {width:960px} } @media screen and (max-width: 990px) { /*.wrapper, #wrapper {width:90%;}*/ #box_container .box {margin-bottom:16px; border-bottom:1px solid #d5d5d5;} #box_container .box.sx .content, #box_container .box.center .content, #box_container .box.dx .content {text-align:center; width:80%; margin:0 auto;} #box_container .box.sx .content img, #box_container .box.center .content img, #box_container .box.dx .content img {margin:0 auto;} } @media screen and (max-width: 968px) { .wrapper, #wrapper {width:95%;} #footer-wrapper .box {width:50%; float:left; padding-bottom:10px;} #box_container .box {margin-bottom:16px; border-bottom:1px solid #d5d5d5;} #box_container .box.sx .content, #box_container .box.center .content, #box_container .box.dx .content {padding:0;} #how-content .carousel-caption h3 {font-size:17px;} #how-content .carousel-caption p {font-size:13px;} /*.col-lg-1.help {width:auto;}*/ } @media screen and (max-width: 969px) { .wrapper, #wrapper {width:95%;} #playEmbedVideo iframe {height:460px;} .contestDetail #userInfluence { width: 100% !important;} #userInfluence #canvas {width:100%;} #how-content .carousel-caption h3 {margin-top:40px;} #statusBuzzoole .profile .step {width:20px; margin-right:2px;} #networkPage .summary .item span.dx, #networkPage .summary .item span.sx {font-size:26px;} #networkPage .summary .item span.desc {font-size:13px;} .contestDetail .postedContent {border:none;} .contestDetail .sx, .contestDetail .dx {min-width:100%;} } @media screen and (max-width: 870px) { #how-content .carousel-inner {width:580px; margin:0 auto;} #how-content .carousel-control {color:#666;} #how-content .carousel-caption {background-color: #FFFFFF; left: 50%; margin: 0 -275px; padding: 10px; top: 366px; width: 550px; max-width: 550px;} #how-content .carousel-caption h3 {margin:0;} #how-content .carousel-caption p {margin-top:4px;} #box_container .box p {font-size:16px;} #importGmail #gmailContacts .item a {width:48.2%;} /*.referral-how p {font-size:13px;} .referral-how p.mod1 {top:94px;} .referral-how p.mod2 {top:176px;} .referral-how p.mod3 {top:284px;}*/ } @media screen and (max-width: 838px) { #report #overview .circle.small.post1 {display:inline-block;} #report #overview .circle.small.post2 {display:none;} } @media screen and (max-width: 769px) { #wrapper, .wrapper {width:95%;} #playEmbedVideo iframe {height:400px;} body.page .brands div.box.video {border-bottom:1px solid #d5d5d5; padding-bottom:24px} #headerTop div.iconInfo {display:none;} #menuTop.navbar-collapse.in, #menuTop.navbar-collapse.collapsing {position:absolute; top:38px; left:50px; background-color: #212E30; border-radius: 6px; padding-bottom:12px; border:none; box-shadow:none;} #menuTop ul li {font-size:12px;} #menuTop.navbar-collapse.in.prebeta, #menuTop.navbar-collapse.collapsing.prebeta {left:74px; text-align:center;} #menuTop.navbar-collapse.in ul, #menuTop.navbar-collapse.collapsing ul {border:none; min-width: 120px;} #menuTop.navbar-collapse.in ul li, #menuTop.navbar-collapse.collapsing ul li {border-bottom:1px solid #526265; padding:4px 0; line-height:20px;} #menuTop.navbar-collapse.in ul li:last-child, #menuTop.navbar-collapse.collapsing ul li:last-child {border-bottom:none; padding-bottom:0;} #menuTop .label-info {top:0;} #menuTop.navbar-collapse.in #search, #menuTop.navbar-collapse.collapsing #search {margin:12px 0 0 0;} #menuTop ul li.optimize {display:block;} #menuTop .navbar-nav > li.feature-new > a:after {top:0;} #menuPage .navbar-collapse.in, #menuPage .navbar-collapse.collapsing {position:relative; z-index:100; background-color: #FFDB00; border-radius: 6px; padding-bottom:12px; border:none; box-shadow:none; width:200px;} #menuPage .navbar-collapse.in ul li, #menuPage .navbar-collapse.collapsing ul li {border-bottom:1px solid #fff; padding:4px 0;} #menuPage .navbar-nav > li > a {line-height:22px;} .ambassador #profile #userActions {margin-top:26px; border-top: 1px solid #fff; padding-top:18px; width:100%;} .referral #profile #userData {width:100%;} .referral #profile #userData .actionsInvite {text-align:center;} .referral .referralInfo, .referral .imgReferral {text-align:center; margin: 0 auto; max-width: 60%;} .referral .referralInfo {margin-bottom:14px; max-width:600px;} .referral div.imgReferral #img1, .referral div.imgReferral #img2, .referral div.imgReferral #img3 {left:20%;} #playVideo .modal-dialog iframe {height:300px;} #statusBuzzoole .col.action {line-height: 130%;} #statusBuzzoole .profile br {margin:0;} #categories a.sm {display:none;} #categories .category.more {width:50px;} /*.col-lg-1.help {width:auto;}*/ .contestDetail #actions .sx, .contestDetail #actions .dx {float:none;} .contestDetail #actions .sx {border:none;} #menuReport {text-align:center; border:none;} #menuReport a.btn {max-width:220px; margin:24px auto 0;} #report .dataReport {margin-top:20px; text-align:center;} #report .section { padding-left:0; float:none;} #report .results .item .val {font-size:42px; min-width:190px; display:inline-block;} #report .item.performance {border:none; margin-bottom:30px;} #report #overview .circle.small.post1 {display:none;} #report #overview .circle.small.post2 {display:inline-block;} #report #userInfluence {max-width:100%} #networkPage .summary .item {border:none;} #networkPage .summary .item span.dx, #networkPage .summary .item span.sx {font-size:36px;} #networkPage .summary .item span.desc {font-size:16px;} #campaignManager .item img { height: auto; max-width: 100%; } } @media screen and (max-width: 769px) and (min-width: 740px) { #report #overview .circle .box.sx:after, #report #overview .circle .box.dx:after {display:block; content:""; width:32px; height:30px; position:absolute; margin:0 -16px; top:50px; left:50%; background:url(/images/arrowReportOverviewGray.png) no-repeat center bottom;} #report #overview .circle .box.sx:after {transform: rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);} } @media screen and (max-width: 689px) and (min-width: 559px) { #userData h2 {font-size:15px; padding:8px 0 0;} #userData address {font-size: 12px; line-height: 100%;} } @media screen and (max-width: 604px) { #report #overview .circle.small.post1 {display:inline-block;} #report #overview .circle.small.post2 {display:none;} #importGmail .tools input {display: block; margin-top: 4px;} #rankingPage.accordionContent .tab-content {padding: 30px 0 50px;} #rankingPage .tab-pane {padding:0;} #rankingPage #users .userItem .pos {width:60px; font-size:16px;} #rankingPage #users .userItem img.profile {margin:12px 10px 4px 70px; width:60px; height:60px;} #rankingPage #users .userItem h6 {left: 140px; margin: 12px 0 0; max-width:100%; font-size:14px;} #rankingPage #users .network, #rankingPage #users .network.twitter.notLogged {top:46px; left:139px;} #rankingPage #users .network.twitter {top:46px; left:230px;} #rankingPage #users .userItem .badgeContainer {clear: both; margin: 100px 0 0 50px;} #rankingPage #users.badges .flip-container {-ms-transform: scale(0.5,0.5); -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); margin:-38px -38px 0 0;} .likeList .item {width:48%; margin-right:2%;} } @media screen and (max-width: 560px) { #playVideo .modal-dialog iframe {height:260px;} #playEmbedVideo iframe {height:260px;} .clients img {height:90px; margin-right:0 4px;} #userData, #userInfluence, #userInfluence #canvas, #profile #userActions{width:100% !important;} #profileTabs > li > a {font-size:16px; padding: 10px 8px 10px 44px; line-height:30px;} #profileTabs > li > a > span.icon, #profileTabs > li > a > i {left:4px;} body.page .brands div.box {text-align:center;} body.page .brands div.box img{margin:0 auto;} #categories .txt, .hybar .txt {font-size:16px;} #networks div.network, #campaigns div.campaign, #contests div.contest {float:none; margin: 0 auto 20px;} #statusBuzzoole .badges .flip-container {margin:-4px -10px -12px 0;} .badges .flip-container, #badgePage .flip-container {-ms-transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); transform: scale(0.7,0.7); -moz-transform: scale(0.7,0.7); margin:-4px -10px 0 0;} #report .results .item .val {font-size:32px; min-width:100%; display:inline-block;} #creditHistory li, .creditList li {line-height:160%;} #report #overview .circle.level2,#report #overview .circle.level3, #report #overview .indicators {display:none;} } @media screen and (max-width: 480px) { /*#menu {display:none;}*/ #login {width:auto; top:-240px;} #how {display:none;} #login-wrapper .prebeta {top:-310px; width:260px; font-size:14px; margin:0 -130px;} #login a.fb,#login a.tw {margin: 0 auto; float:none; border:none; width:234px;} #playVideo .modal-dialog iframe {height:220px;} #playEmbedVideo iframe {height:220px;} #box_container .box img {max-width:100%;} #wrapper, .wrapper {width:95%;} #footer-wrapper .box {width:50%; float:left; padding-bottom:10px;} #profileTabs > li > a {font-size:0; padding: 10px 8px 10px 44px; line-height:30px;} #profileTabs.single > li > a {font-size:14px; padding-left:52px;} body.ambassador #profileTabs > li > a {font-size:15px; padding-left: 8px;} #profileTabs > li > a > span.icon, #profileTabs > li > a > i {left:10px; font-size:20px;} .clients img {height:60px;} .netManage {padding-top: 16px; line-height: 100%;} .netManage .btn {float: right; clear: right;} #categories a.sm, #categories a.xs {display:none;} #categories .category.more {width:50px;} #userData, #userInfluence, #userInfluence #canvas, #profile #userActions{width:100% !important;} #userData, #userInfluence, .people .sx, .people .dx, #profileNetwork .column, .accordionContent #report .column {width:100%;} .column.competitor .item, .column.competitor .item.last {margin:14px auto; float:none;} .column.topcontent .item, .column.topcontent .item.t2, .column.topcontent .item.t4 {margin: 6px auto; float:none;} /*#userInfluence .actions {left:50%; margin:0 -105px; width:210px;}*/ #topicsCloud, #topicsCloud svg, #profileNetwork .svg, #report .svg {width:90%;} .ambassador #categories {height:96px;} .ambassador .classification .pos { font-size: 14px; margin-right: 10px;} .ambassador .classification .name {width:52%; font-size:16px; line-height:19px;} .ambassador .classification .registered {width:6%; font-size:16px;} .ambassador .classification .header .registered {width:6%; font-size:12px;} #profile #userActions a, #profile #userActions .btn-default-ttc{width:264px; font-size:15px; padding:14px 0;} .sharePolygon .code, #sharePolygonSite iframe {width:100% !important; float:none;} .sharePolygon .code textarea {height:auto;} /*.col-lg-1.help {width:auto;}*/ .poll h4 {font-size:20px;} .poll h4 span {height:68px;} .poll a.radio, .poll a.checkbox, .poll input, .poll textarea {font-size:17px;} .poll a.radio span, .poll a.checkbox span {width:28px; height:28px;} .poll .sx, .poll .dx {width:100%; float:none;} .team div.item {float:none;} .team div.item a {margin: 0 auto;} #creditConversion img {float:none; margin:0 auto; padding:12px 0;} #creditConversion span.creditVal {font-size:24px; min-width:70px; line-height:40px;} #creditConversion icon.fa {margin:12px 10px; font-size:20px; line-height:42px;} #creditConversion .valueConv {font-size:24px;} #creditConversion .valueConv .desc {font-size:15px;} .campaignDetail .menu .item, .contestDetail .menu .item {border:none;} .campaignDetail #postRevision .item, .campaignDetail #postRevision .message {width:100%; max-width:100%;} .campaignDetail .section {padding: 20px 5px;} #campaignManager .item img {padding-top:16px;} #campaignManager .item h3 {font-size:16px;} #campaignManager .item a.decline, #campaignManager .item a.join {margin-top:6px;} #report .svg {height:220px;} #report .vperformance .table {font-size:15px;} #report .results .item, #report #performance .results.item {float:none;} #report .results .item .val, #report .vperformance .val {font-size:22px;} .contestDetail .results ul li, #report .results ul li{padding-left:4px;} .contestDetail .results ul li .pos, #report .results ul li .pos {font-size:14px; width:22px;} .contestDetail .results ul li img, #report .results ul li img {width:46px; height:46px;} .contestDetail .results ul li .name, #report .results ul li .name {font-size:16px; top:8px; left:82px;} .contestDetail .results .network, #report .results .network { top:24px; left: 78px;} .contestDetail .col-md-7, .contestDetail .col-md-5 {padding:0;} .ui-slider {width:250px;} div.slider-legend div {font-size:13px;} div.slider-legend div.d1 {left: -14px;} div.slider-legend div.d2 {left: 70px;} div.slider-legend div.d3 {left: 152px;} div.slider-legend div.d4 {right: -14px;} .alert-referral span.img {float:none; margin: 0 auto;} .alert-referral p {padding: 10px;} #importGmail #gmailContacts .item a{float:none; width:100%; display:block; margin:4px;} /*.referral-how {background-size:160px;} .referral-how p {font-size:12px; left:170px;} .referral-how p.mod1 {top:80px;} .referral-how p.mod2 {top:150px;} .referral-how p.mod3 {top:260px;}*/ .likeList .item {float:none; width:100%; margin-right:0;} } @media screen and (max-width: 320px) { #payoff {font-size:15px;} #login {width:auto; top:-240px;} #how {display:none;} #login a.fb,#login a.tw {margin: 0 auto; float:none; border:none; width:234px;} #playVideo .modal-dialog iframe {height:140px;} #playEmbedVideo iframe {height:140px;} #wrapper, .wrapper {width:95%;} #headerTop div.logo {width: auto;} #menuTop.navbar-collapse.in.prebeta, #menuTop.navbar-collapse.collapsing.prebeta {left:70px; } #footer {text-align:center; padding-bottom:10px} #footer .box.social {text-align:center;} #footer-wrapper .box {padding-bottom:10px; width:100%;} #footer-wrapper .box img {margin:0 auto;} #categories a.sm, #categories a.xs {display:none;} #categories .category {margin-right:2px;} #categories .category.more {width:50px;} .ambassador #categories {height:138px;} #userData, #userInfluence, .people .sx, .people .dx, #profileNetwork .column {width:100%;} /*#userInfluence .actions {left:50%; margin:0 -105px; width:210px;}*/ div.network {float:none; margin: 0 auto 20px;} .topicsCloud, #topicsCloud svg, #profileNetwork .svg, #report .svg {width:90%; height:auto;} #report .svg {width:90%; height:160px;} .topicsCloud, #profileNetwork .svg.topicsCloud {height:200px;} #profileNetwork.accordionContent .column, .accordionContent .column {min-height:200px;} .medie .item .desc {font-size:15px; padding-left: 4px;} .medie .item .val {font-size:20px; right: 10px;} /*.col-lg-1.help {width:auto;}*/ .jobs h5 {font-size:17px; line-height:100%;} /*.referral-how {background-image:none; height:auto;} .referral-how p {font-size:13px; left:0; position:static;}*/ } /*LESS COMPILATO*/ #footer-wrapper .content { margin-left: 0; margin-right: 0; } #footer-wrapper .content::before, #footer-wrapper .content::after { content: " "; display: table; } #footer-wrapper .content::after { clear: both; } #footer-wrapper .box { min-height: 1px; padding-left: 0; padding-right: 0; position: relative; } @media (min-width: 992px) { #footer-wrapper .box { float: left; width: 25%; } } #box_container .box { min-height: 1px; padding-left: 0; padding-right: 0; position: relative; } @media (min-width: 992px) { #box_container .box { float: left; width: 33.3333%; } }