html,body{ padding:0; margin:0; font-family:Dinot_Regular, arial; font-size:13px;line-height:18px; text-align:left; } a,img{ padding:0; margin:0; border:0; outline:0; vertical-align:top; text-decoration:none; } ul, ul li, ol, ol li, form, input, textarea, label { padding:0; margin:0; list-style:none; border:0; } p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-weight:normal; } input{ background:none; border:none; } input[type=button], input[type=submit]{ cursor:pointer; border:0; } input:focus{ outline: none; box-shadow:0px; } .clear{ clear:both; } /*-----Safari-----*/ @media only screen and (min-width : 0px) and (max-width : 640px) and (-webkit-min-device-pixel-ratio:0) { input[type='text'],input[type='number'],textarea, .inputfocus {font-size:16px !important;} } -webkit-tap-highlight-color: rgba(0,0,0,0); /*-----Safari-----*/ header, nav, section, article, aside, footer, hgroup{ display: block; } /* [ EXTERNAL FONTS ] */ /* DIN OT - Regular */ @font-face { font-family: 'Dinot_Regular'; src: url('../fonts/DINOT.eot'); src: url('../fonts/DINOT.eot') format('embedded-opentype'), url('../fonts/DINOT.woff') format('woff'), url('../fonts/DINOT.ttf') format('truetype'), url('../fonts/DINOT.svg#DINOT') format('svg'); font-weight: normal; font-style: normal; } /* DIN OT - Medium */ @font-face { font-family: 'Dinot_Medium'; src: url('../fonts/DINOT-Medium.eot'); src: url('../fonts/DINOT-Medium.eot') format('embedded-opentype'), url('../fonts/DINOT-Medium.woff') format('woff'), url('../fonts/DINOT-Medium.ttf') format('truetype'), url('../fonts/DINOT-Medium.svg#DINOT-Medium') format('svg'); font-weight: normal; font-style: normal; } /* DIN OT - Bold */ @font-face { font-family: 'Dinot_Bold'; src: url('../fonts/DINOT-Bold.eot'); src: url('../fonts/DINOT-Bold.eot') format('embedded-opentype'), url('../fonts/DINOT-Bold.woff') format('woff'), url('../fonts/DINOT-Bold.ttf') format('truetype'), url('../fonts/DINOT-Bold.svg#Dinot_Bold') format('svg'); font-weight: normal; font-style: normal; } /* Rockwell - Light */ @font-face { font-family: 'Rockwell_Light'; src: url('../fonts/rockwell_light.eot'); src: url('../fonts/rockwell_light.eot') format('embedded-opentype'), url('../fonts/rockwell_light.woff') format('woff'), url('../fonts/rockwell_light.ttf') format('truetype'), url('../fonts/rockwell_light.svg#Rockwell_Light') format('svg'); font-weight: normal; font-style: normal; } /* Rockwell - Regular */ @font-face { font-family: 'Rockwell_Regular'; src: url('../fonts/rockwell_regular.eot'); src: url('../fonts/rockwell_regular.eot') format('embedded-opentype'), url('../fonts/rockwell_regular.woff') format('woff'), url('../fonts/rockwell_regular.ttf') format('truetype'), url('../fonts/rockwell_regular.svg#Rockwell_Regular') format('svg'); font-weight: normal; font-style: normal; } /* Rockwell - Bold */ @font-face { font-family: 'Rockwell_Bold'; src: url('../fonts/rockwell_bold.eot'); src: url('../fonts/rockwell_bold.eot') format('embedded-opentype'), url('../fonts/rockwell_bold.woff') format('woff'), url('../fonts/rockwell_bold.ttf') format('truetype'), url('../fonts/rockwell_bold.svg#Rockwell_Bold') format('svg'); font-weight: normal; font-style: normal; } /* Roboto - Regular */ @font-face { font-family: 'Roboto-Regular'; src: url('../fonts/roboto/Roboto-Regular-webfont.eot'); src: url('../fonts/roboto/Roboto-Regular-webfont.eot') format('embedded-opentype'), url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; } /* Roboto - Medium */ @font-face { font-family: 'Roboto-Medium'; src: url('../fonts/roboto/Roboto-Medium-webfont.eot'); src: url('../fonts/roboto/Roboto-Medium-webfont.eot') format('embedded-opentype'), url('../fonts/roboto/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Medium-webfont.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; } /* Roboto - Bold */ @font-face { font-family: 'Roboto-Bold'; src: url('../fonts/roboto/Roboto-Bold-webfont.eot'); src: url('../fonts/roboto/Roboto-Bold-webfont.eot') format('embedded-opentype'), url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Bold-webfont.svg#Roboto-Bold') format('svg'); font-weight: normal; font-style: normal; } /* [ /EXTERNAL FONTS ] */ /* Dinot_Bold */ .dinot-bold, .reports_table .companies, .revenue-poll-popup, .employee-poll-popup, .btn-value,#unsubscribe .row .checkbox,#unsubscribe .row .checkbox label,#unsubscribe .msg_title,#unsubscribe .unsub_pretext .cnt p span.source{ font-family:"Dinot_Bold", Verdana, Geneva, sans-serif!important; } /* Dinot_Regular */ .search-field, .title-link, h3.emp-dtl, h4.compet-title, .footer-nav, .feed-source, .filter-pop-header > h4, .addemp-block > h3 > small, .changeemp-block > h4, .changecompet-block > h4, add-compet-txt-box, .not-text, span.none-tagline, .notify-txt, .note-text_3, h2.seo-link-title, h2.seo-dtl-heading > small,#signInFormDivContainer .input_field, #signInFormDivContainer h4,#signInFormDivContainer .button_submit,#signInFormResponseDivContainer h3, .revenue-poll-popup input, .revenue-poll-popup .currency-ct, .employee-poll-popup input, .employee-poll-popup .currency-ct, .opr-bottom-section INPUT[type="text"].pagelessOBEmailinput, .opr-top-section .txt-holder .yellow-txt, .opr-top-section .txt-holder .white-txt, .opr-bottom-section INPUT[type="submit"].button_submit,#unsubscribe .unsub_pretext .cnt span.accident, #unsubscribe .unsub_pretext .cnt a{ font-family:"Dinot_Regular", Verdana, Geneva, sans-serif!important; } /* Dinot_Medium */ .nav-main, .page-title, #emp-revenue, .emp-count-gr, .la-titile, .la-grp-l, .view-grp-link, a.feed-link, .feed-othersource, a.more-feed, .button_submit, .btn_yellow, .btn_green, .vote-value, .changeemp-block > h4 > span, .changecompet-block > h4 > span, #emp-revenue, #emp-count, #profile_footer p.links a, .reports_table td a.company_profile, .reports_table td, h2.basicSearchResultPage-title, #TB_ajaxWindowTitle, .button_cancels, .button_submit, .revenue-poll-popup .error-msg, .employee-poll-popup .error-msg, #unsubscribe .option_header,#unsubscribe .row .msg,#unsubscribe .your_email,#unsubscribe .not_you,#unsubscribe .msg,#unsubscribe .button_container .unsub_button,#unsubscribe .button_container .success,#unsubscribe .button_container .success p, #unsubscribe .button_container .alert p,#unsubscribe .unsub_pretext .cnt p{ font-family:"Dinot_Medium", Verdana, Geneva, sans-serif!important; } /* Rockwell_Regular */ .la-msg, .edit-port-btn > span, .vote-pop, .tooltip-main, .no-item-txt{font-family:Rockwell_Regular;} /* Rockwell_Regular */ /* Rockwell_Bold */ .la-msg > span, .edit-port-btn, span.none-title{ font-family:Rockwell_Bold;} /* Rockwell_Bold */ /* ARIAL */ .ff_arial,header .login_form .forgot,.advancedsearch, #profile_footer ul li a, #profile_footer ul li{font-family:Arial, Helvetica, sans-serif;} /* Roboto Regular */ .roboto-regular, .pageless-onboarding-popup-header-onboarding-step3, #pageless-onboarding-popup-container .pagelessOBEmailinput, .pagelessOnboardingSignIn, #pageless-onboarding-popup #searchAndManage, .sign_up_email_products .sign_up_email {font-family:Roboto-Regular !important;} /* Roboto Medium */ .roboto-medium, #pageless-onboarding-popup h4, .email_err_msg, .info_msg, .signUpEmail_err_msg{font-family:Roboto-Medium !important;} /* Roboto Bold */ .roboto-bold, #pageless-onboarding-popup h4 span, #pageless-onboarding-popup h4.onboarding-step3, #pagelessOnboardingRegisterSubmit, #pagelessOnboardingEmployerSubmit{font-family:Roboto-Bold !important;} /* Font-Size 8px */ .note-text, .advncd-search { font-size:8px;} /* Font-Size 9px */ .title-link, h4.compet-title, .filter-pop-header > span, .advncd-search{ font-size:9px; } /* Font-Size 10px */ .sort-by-link, .feed-source, .feed-othersource, .posted-time, .la-grp-option > i, i.bullet-dot{ font-size:10px; } /* Font-Size 11px */ h3.emp-dtl, .footer-nav, .copyright, .note-text_2, .note-text_3, .reports_table td a.company_profile{ font-size:11px; } /* Font-Size 12px */ .font-12, .nav-main, .la-grp-l, .view-grp-link, a.more-feed, .pn > span, .pn-cntr > span, .cmpny-added-note ,.note-text_2, .note-text_3{ font-size:12px; } /* Font-Size 13px */ .font_13, .la-titile, .filter-pop-header > h4, .reports_table .companies{ font-size:13px; } /* Font-Size 14px */ .font_14, .reports_table td { font-size: 14px; } /* Font-Size 15px */ a.feed-link{ font-size:15px; } /* Font-Size 16px */ .emp-count-gr{ font-size:16px; } /* Font-Size 18px */ .la-msg, .edit-port-btn{ font-size:18px; } /* Font-Size 22px */ .la-msg > span{ font-size:22px; } /* Color Black */ #emp-revenue { color:#000000;} h1, h2, h3, h4, h5, h6{ font-family:Dinot_Medium; color:#9d9d9d; } /* [ GENERAL STYLES ] */ h1{ font-size:18px; } h2{ font-size:18px; } h3{ font-size:18px; } h4{ font-size:16px; } h5{ font-size:12px; } h6{ font-size:10px; } .vote-pop{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a, .advncd-search, .view-grp-link, .feed-link-options > span{ text-decoration:none; color:#7dc6f2; } a:hover, .advncd-search:hover, .view-grp-link:hover, .feed-link-options > span:hover{ text-decoration:none; cursor:pointer; color:#0080e2; } /* [ /GENERAL STYLES ] */ .float-l, .page-container, .page-title, .menu-holder > ul > li, .menu-holder > ul > li > a, .menu-holder > ul > li > a > i, .menu-holder > ul > li > a > span, .submenu > ul > li, .submenu > ul > li > a, .submenu > ul > li > a > i, .submenu > ul > li > a > span, .dash-lp, .pn > span, .pn-cntr > span, ul.competitor-list > li, .note-text, .note-text_2, .note-text_3, .emp-count-gr, .la-titile, .la-msg, .la-group-bx, .la-grp-l, .la-grp-option, .la-grp-option > i, .footer-top, .footer-logo, .footer-social > a, .footer-social > a > i, .dash-rp, .dash-rp-in, .edit-port-btn, h2.viewport, i.bullet-dot, .view-grp-dd, .view-grp-link, .sort-by-link, ul.feed-list > li, .feed-logo, .feed-img, .feed-txt, a.feed-link, .feed-source, .feed-othersource, .posted-time, .menu-icon, .menu-holder, .dash-lp-in, .myemp-logo, .plus-icn, .minus-icn, #emp-count, #emp-revenue, .filter-pop-inner, .dashboard-filter > li > i, .dashboard-filter > li > span, ul.group-main > li > span > i, .filter-pop-header > h4, .other-src-header, h3.other-src, ul.other-src-list, .other-src-logo-holder, .add-compet, .add-compet-txt-box, .changeemp-block-in, .changecompet-block-in, .changeemp-txt-box, .changeemp-select-box, .list-sno, .list-logo{ float:left; position:relative; } .float-r, .header-search, .nav-main, span.menu-icon, .myemp-dtl, .compet-emp-dtl, .la-grp-r, .footer-social, i.dd-arrow, .sort-by-link > i, i.othersrc, a.more-feed, .list-star{ float:right; } .float-0{ float:none; } .bold { font-weight: bold !important; } .italic-font{ font-style: italic; } i, .search-icon, span.menu-icon, .la-grp-arrow, .strip-top,#import_contacts ul li a.deep-link,#invite-team-container.owler-for-team .left-content.confirmation_msg .thanks-jimf, .dash-left-bottom-image, .dash-empty-feed-img, .dash-add-comp-jimf, .jimf-holder .double-jimf-icon{ background:url(../images/sp_01.png) no-repeat; } a{ color:#58b5ee; } a, a > span, span, .animation, .submenu, i.dd-arrow, .feed-othersource > i.othersrc, .button_submit, .btn_yellow, .btn_green{ transition-property:all; transition-duration:0.2s; transition-timing-function:ease; transition-delay:0s; /* Safari */ -webkit-transition-property:all; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease; -webkit-transition-delay:0s; } .desktop-only{ display:inline; } .desktop-none{ display:none; } .tab-only{ display:none; } .mobile-only{ display:none; } .mobile-none{ display:block; } .d-block{ display: block !important;} .fa{ background-image:none !important;} .pos-rel, .lp-blk, .rp-blk, .home-pole-main{ position:relative; float:none; } .pos-center{ position:absolute; left:50%; } .width-5{ width:5%; } .width-10{ width:10%; } .width-15{ width:15%; } .width-20{ width:20%; } .width-25{ width:25%; } .width-30{ width:30%; } .width-35{ width:35%; } .width-40{ width:40%; } .width-45{ width:45%; } .width-50{ width:50%; } .width-55{ width:55%; } .width-60{ width:60%; } .width-65{ width:65%; } .width-70{ width:70%; } .width-75{ width:75%; } .width-80{ width:80%; } .width-85{ width:85%; } .width-90{ width:90%; } .width-95{ width:95%; } .width-100, .link-action, .footer-sml, .copyright, .page-container, .content-sec, .link-action, home-pole-main, .feed-list, .lp-blk, .rp-blk, .view-grp-dd-outer, ul.group-main > li > span, .dashboard-filter, .dashboard-filter > li, .filter-pop-header, .addemp-block, .changeemp-block, .changecompet-block, .addemp-block > h3, .changeemp-block > h4, .changecompet-block > h4, .addemp-block > h3 > small, .addemp-txtbox-frame, .note-text_1, .changeemp-label, ul.changecompet-list, .not-text, .no-feed, .seo-sec-main, ul.seo-arch-links, ul.seo-arch-links > li, ul.seo-dtl-table, ul.seo-dtl-table > li { width:100%; float:left; } .padding-bottom-10{ padding-bottom: 10px !important;} .padding-left-15{ padding-left: 15px !important;} .margin-bottom-10{ margin-bottom: 10px !important; } img{max-width:100%;} .zindex-1{z-index:1; position:relative;} .zindex-2 {z-index:2; position:relative;} .button_submit, .btn_yellow, .btn_green, .btn_active, .button_cancels { box-shadow: 0 2px 0 #f5b800 !important; font-size:12px; color:#ffffff !important; background:#ffd500 !important; border: 0 none; border-radius: 4px; cursor: pointer; height: 25px; line-height: 25px; outline: 0 none; padding: 0 12px; text-decoration: none !important; text-transform: uppercase; cursor: pointer;} .button_submit:hover, .btn_yellow:hover{background:#f6c61d !important; box-shadow: 0 2px 0 #d7aa0d !important;} .btn_green, .btn_active{ background:#8ec640 !important; box-shadow:0 2px 0 #73a234 !important;} .btn_green:hover, .btn_active:hover{ background:#78ad2f !important; box-shadow: 0 2px 0 #57831d !important;} .no-border, .content-sec{ border:none !important; } .border-bottom, .lp-blk, .rp-blk{ border-bottom:1px solid #c7c7c7; width:100%; padding:0px 0px 6px 0px; float: left;} .txt-uppr, .view-grp-link, .advncd-search, .title-link, .menu-holder > ul > li > a, .la-titile, .la-grp-l, .sort-by-link, a.feed-source, h1, h2, h3, h4, h5, h6{ text-transform:uppercase; } .txtalign-l{ text-align:left;} .txtalign-r{ text-align:right;} .txtalign-c, .copyright, i, .compet-title{ text-align:center;} .txtalign-jst{ text-align:justify;} .valign-par{ display:table;} .valign-ch{ display:table-cell; vertical-align:middle; } .wrapper { width:98%; max-width:1234px; margin:0px auto; } .page-title{ color:#203e50; font-size:15px; margin:38px 0px 0px 5px; } .add-compet-txt-box, .changeemp-txt-box, .changeemp-select-box{ font-style:italic; border-radius:6px; border:1px solid #e3e3e3; background:#ededed; text-indent:10px; color:#9a9a9a;} .add-compet-txt-box:focus, .changeemp-txt-box:focus, .add-compet-search .search_suggest_div .inputfocus:focus{border:1px solid #cccccc; box-shadow:0px 0px 5px #cccccc; font-style:normal; color:#343434;} .display_table, .display-table{ display: table; } .display-table-cell{ display: table-cell;} .v-align-middle{ vertical-align: middle; } .font-15{ font-size: 15px; } #profile_footer i.footer_logo, i.comp-graph, .ask-employer-section .searc-h_suggest_div .success .info, .ask-competitor-section .search_suggest_div .success .info, .paginate_prev, .paginate_next, .share_icon_conv .email-link, .share_icon_conv .linked-link, .share_icon_conv .twitter-link, .share_icon_conv .facebook-link, #TB_ajaxContent .social_buttons ul li .facebook, #TB_ajaxContent .social_buttons ul li .linkedin, #TB_ajaxContent .social_buttons ul li .twitter, #TB_ajaxContent .social_buttons ul li .google, #TB_ajaxContent .form_error_message .error_arrow, #TB_closeAjaxWindow .close-popup, #signInFormDivContainer #signinLinkedinRegister .icon.linkedin, #pageless-onboarding-popup #linkedInLink span.icon, #pageless-onboarding-popup #searchForm .success .info, #askEmployerPopup .askEmployerImage, #askEmployerPopup .close-popup, .showLogin .login-close-popup, .sorting .icon_sorting, .sorting_asc .icon_sorting, .sorting_desc .icon_sorting, .reports_table td span.icon_companyprofile, .dataTables_paginate .paginate_disabled_first, .dataTables_paginate .paginate_enabled_first, .dataTables_paginate .paginate_disabled_previous, .dataTables_paginate .paginate_enabled_previous, .dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_enabled_next, .dataTables_paginate .paginate_disabled_last, .dataTables_paginate .paginate_enabled_last, .dash-right-header #searchForm .success .info, .dash-right-header .dash-error-msg .info { background-image: url(../images/os_li.png); background-repeat: no-repeat; } .input_field,.month_picker_input,.input_field_padding{box-sizing: border-box;} /* ========== */ /* InActive Bar */ #inactivebar{width:100%;padding:0px;background-color:#bfd789; color:#fff; z-index:9999;position:relative;display:none; transition: 0.5s background-color linear, color 0.5s linear; -o-transition: 0.5s background-color linear, color 0.5s linear; -moz-transition: 0.5s background-color linear, color 0.5s linear; -webkit-transition: 0.5s background-color linear, color 0.5s linear; } #inactivebar:hover {background-color:#96cb46; overflow:hidden; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; color:#fff;} #inactivebar.animate{background-color:#96cb46; overflow:hidden; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; color:#fff;} #inactivebar .contentblock{text-align:center; line-height:40px; font-size:16px; width:820px; margin:0px auto;} #inactivebar .contentblock span{ display:inline-block; width:36px; height:26px; background-position: -294px -2919px;margin:7px 0 -8px 0;} #inactivebar .contentblock .dynamic-email-address{ background-image: none; background-position: 0; height: 0; width: 0; display: inline; } #inactivebar .contentblock .icon_warning{width:30px; height:26px; background-position: -176px -2887px;margin-right: 7px;} #inactivebar .contentblock button{background:none!important;border:none!important;color:#fff;padding:0;cursor:pointer;text-decoration:underline; font-weight:bold; font-size:16px;} #inactivebar .contentblock button:hover{text-decoration:none;} #inactivebar.email_invaild {background-color: #c24b36;color: #ffe585;display: block;position: fixed;top: 0;left: 0;z-index: 10000;} #inactivebar.email_invaild .contentblock { font-size: 12px; } #inactivebar.email_invaild a { color:#fff; text-decoration: underline;} #inactivebar.email_invaild .contentblock button { font-size: 12px; } .activeLink{position: absolute;height: 100%; text-decoration: none;z-index: 1; width:100%} .inactiveLink{position: absolute; text-decoration: none;z-index: 1;} /* ========== */ /*========================= Header =========================*/ .header-search{ height:32px; width:225px; background:#ebebeb; border-radius:6px; position:relative; } .advncd-search{ position:absolute; bottom:-20px; text-align:right; right:0px; } .search-field{ width:85%; height:20px; margin:5px 0px 0px 3%; font-size:12px; color:#717171; font-style:italic; } .search-icon{ width:20px; height:20px; position:absolute; right:5px; top:5px; background-position:-100px 0px; } .nav-main{ height:30px; margin:0px 20px 0px 0px; } span.menu-icon{ width:25px; height:17px; background-position:-124px -2px; cursor:pointer; z-index:2; position:absolute; right:3%; } span.menu-icon:hover, span.icon-active{ background-position:-124px -25px; cursor:pointer; } .nav-main > .menu-holder{ display:block; } .menu-holder > ul > li{ min-height:30px; border-right:1px solid #e0e0e0; position:relative; } .menu-holder > ul > li > a{ padding:0px 20px; line-height:30px; color:#a6a6a6; } .menu-holder > ul > li:hover > a, .menu-holder > ul > li.active > a, .menu-holder > ul > li.submenu-link-active > a{ color:#223e51; } .menu-holder > ul > li > a > i{ width:22px; height:22px; margin:4px 0px 0px 0px; } .menu-holder > ul > li > a > span{ margin:0px 0px 0px 6px; } .menu-footer{width:100%; margin:20px 0px 0px 0px; float:left; padding:0px 0px 20% 0px;} @media only screen and (min-width : 0px) and (max-width : 1024px) { .desktop-only{ display:none !important; } .desktop-none{ display:inline-block !important; } .nav-main > .menu-holder{ display:none; width:250px; position:absolute; top:40px; left:-120px; box-shadow:-2px 2px 20px #ccc; background:#ffffff; padding:10px 0px; } .nav-main{ width:30px; position:relative; margin:0px 10px 0px 0px; } .menu-holder > ul{ width:100%;} .menu-holder > ul > li{ width:100%; border:none; min-height:40px; } .menu-holder > ul > li > a{ line-height:40px; width:80%; padding:0px 10%; } .menu-holder > ul > li > a > i{ margin:10px 0px 0px 0px; } } @media only screen and (min-width : 641px) and (max-width : 1024px) { .tab-only{ display:block !important; } .wrapper, .header-in{ width:96%; margin:0px 2%; } } @media only screen and (min-width : 0px) and (max-width : 640px) { .mobile-only{ display:block !important; } .wrapper, .header-in{ width:94%; margin:0px 3%; } .header-in{ padding: 0px;} .header-right{ width:100%; margin: 15px 0px 10px 0px; } .header-search{ width:100%; } .mobile-none{ display:none !important; } .nav-main{ float:none; position:absolute; right:0px; top:32px; width:100%; margin:0px; } .nav-main > .menu-holder{ display:none; position:absolute; width:100%; background:#fff; z-index:3; top:35px; left:0px; padding:0px; overflow:auto; box-shadow:none; } .menu-holder > ul{ width:100%; top:0px; left:0px; box-shadow:none; padding:10px 0px; float:left; } .menu-holder > ul > li{ width:100%; border:none; border-bottom:1px solid #f0f0f0; } .menu-holder > ul > li > a{ width:90%; padding:0px 5%; } .menu-holder > ul > li > a > i{ margin:10px 0px 0px 0px; } .fixed-header{position:fixed !important; left:0px; top:0px; height:100%; width:100% !important; margin:0px !important; overflow:auto; background:#fff; border-top:8px solid #f2ce67; z-index: 2; padding: 0px 0px 20% 0px;} .advncd-search{display: none;} } /*========================= Header =========================*/ /*========================= Content Section =========================*/ .content-sec{ margin:24px 0px 0px 0px; position:relative; z-index:1; } /*------------------------- Dashboard Left Panel -------------------------*/ .dash-lp{ width:34%; max-width:411px;} .dash-lp-in{ width:82%; margin: 10px 14% 22px 4%;} .lp-blk{ float:none !important;} .title-link{ position:absolute; right:0px; bottom:2px; } .addemp-block, .changeemp-block, .changecompet-block{ margin:20px 0px 30px 0px; border-bottom:1px solid #c7c7c7; padding:0px 0px 20px 0px;} .addemp-block > h3{color:#f16a26; margin:0px; } .addemp-block > h3 > small{ text-transform:none; color:#000; font-size:14px; } .search_suggest_div{ float: left; width: 100%;} .search_suggest_div .inputfocus { width: 100%; float: left; font-style: italic; color: #676767; font-size:12px; border: 1px solid #e3e3e3; border-radius: 5px; padding:6px 0px; margin: 10px -1px 0px -1px; background: #efefef; height: 16px; text-indent: 10px;} .changeemp-block-in .inputfocus {width: 100% !important;} .changeemp-block-in .success_msg{ color: #000; margin: 15px 0px 10px 0px; width: 100%; float: left; font-size: 11px; line-height: 14px;} .search_suggest_div ul { width: 100%; background-color: #fff!important; overflow: hidden; overflow-y: auto; border: 1px solid #c2c2c2; border-radius: 0 5px 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; box-shadow: #AFAEAE 0 5px 10px; padding: 0px; top: 20px!important; left:-1px; background-image: none; margin: 0; border-radius: 0;} .search_suggest_div ul li { width: 100%; padding: 7px; cursor: pointer; color: #666; border-bottom: 1px solid #dfdfdf; float: left;} .search_suggest_div ul li .searchresult { float: left; width: 90%; padding-top: 3px; } .search_suggest_div ul li:hover { background: #5dcef6;} .addemp-txtbox-frame{ height:40px; background:#ebebeb; border:1px solid #e1e1e1; border-radius:6px; margin:10px -1px 0px -1px; position:relative;} .findemp-txt-box{width:85%; height:20px; padding:10px 0px; line-height:20px; text-indent:10px; border:none; background:none; color:#828282; font-style:italic;} .findemp-txt-box:focus{ font-style:normal; color:#000;} .findemp-icon{width:25px; height:24px; position:absolute; right:10px; top:7px; cursor:pointer;} .findemp-icon > i{ width:25px; height:24px; float:right; background-position:-199px -6px; } .findemp-icon:hover > i{ background-position:-199px -33px;} .note-text_1{font-size:12px; text-align:left; line-height:12px; font-size:11px; margin:10px 0px 0px 0px;} .myemp-block{ width:88%; margin:0px auto; max-width:340px; padding:10px 0px 0px 0px;} .myemp-logo{ width:55%; text-align:center; height:100px;} .myemp-logo > span > a > img{width:auto; max-width:120px; max-height:80px;} .myemp-logochange{width: 50%; float: left; text-align: center; margin: 10px 0px 0px 0px;} .myemp-logochange > img{width:auto; max-width:120px; max-height:80px;} .change-emp-cancel{ cursor:pointer; float:right; color: #bfbfbf; text-transform: uppercase; font-size: 11px; margin: 14px 0px 0px 0px;} .change-emp-cancel:hover{ color: #a5a5a5;} .change-emp-change{ cursor:pointer; position: absolute; top: 50%; right: 0px; color: #47c7f4; text-transform: uppercase; font-size: 11px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%);} .change-emp-change:hover{ color: #276fdc;} .myemp-dtl{width:42%; max-width:100px;} h3.emp-dtl{ margin:2px 0px 0px 0px;} h3.emp-dtl > span{cursor:pointer;} h3.emp-dtl > span:hover {text-decoration: underline;} #emp-revenue, #emp-count{ font-size:20px; margin:8px 0px 2px 0px; width:88px;} #emp-revenue > small{ color:#999999;} .pn, .pn-cntr, .pn-cntr-hash{ width:11px; position:absolute; cursor: pointer; top:20px; margin:0px 0px 0px 0px; right:0px; color:#c5c5c5;} .pn-cntr, .pn-cntr-hash{ top:50%; margin-top: -13px;} .pn-cntr-hash{cursor: default; margin-top: -10px;} .myemp-dtl .pn-cntr-hash{ margin-top: -5px;} .pn > span, .pn-cntr > span{ width:11px; height:11px; color:#dfdfdf; border-radius:10px; margin:2px 0px 0px 0px;} .pn:hover > span.fa-plus-circle, .pn-cntr:hover > span.fa-plus-circle, .active > span.fa-plus-circle{ color: #78c043 !important;} .pn:hover > span.fa-minus-circle, .pn-cntr:hover > span.fa-minus-circle, .active > span.fa-minus-circle{ color: #ee2a31 !important;} .count-value{ color: #7b7b7b;} .sml-value{ font-size: 11px; float: left; width: 30px; line-height: 10px; color: #aaaaaa;} .big-value{ font-size: 20px; float: left; color: #000; line-height: 22px;} .big-value > small{ font-size: 16px; } .changeemp-block, .changecompet-block{width:90%; padding:0px 5% 20px 5%;} .changeemp-block > h4, .changecompet-block > h4{ color:#000; border-bottom:1px solid #dedede; padding:0px 0px 10px 0px; font-size:15px;} .changeemp-block-in, .changecompet-block-in{width:100%; margin:10px 0px;} .changeemp-label{ line-height:16px; color:#acacac; font-size:12px; margin:10px 0px 0px 0px; text-transform:uppercase; text-align:left;} .changeemp-txt-box{ width:100%; margin:10px -1px; height:16px; line-height:16px; padding:6px 0px;} .changeemp-select-box{ height:16px; width:98%; background:none; border:none; margin:0px; padding:0px; border-radius:0px; text-indent:0px;} .changeemp-select-box > option{ line-height:20px; height:20px;} .changeemp-btn, .changecompet-btn {float:right; margin:10px 0px 0px 10px; clear: both; background: none repeat scroll 0 0 #ededed; box-shadow: 0 2px 0 #d8d8d8; border:none; border-radius:4px; cursor:auto; height: 25px; line-height: 25px; padding: 0px 12px; color: #adadad;} .changecompet-myemplogo, .changecompet-myemplable{ width:50%; height:40px; float:left; text-align:right; margin:10px 0px 0px 0px;} .changecompet-myemplogo > img{ max-width:140px; max-height:40px; position:relative; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%);} .changecompet-myemplable > span{ width:90%; float:left; margin:0px 0px 0px 10%; text-align:left; position:relative; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%); text-transform:uppercase; color:#787878; font-size:12px;} ul.changecompet-list{margin:22px 0px 0px 0px;} ul.changecompet-list > li{ border-top:1px solid #e6e6e6; padding:10px 0px; height:38px; line-height:38px; padding:5px 0px;} .list-sno{ width:15%; color:#aeaeae; text-indent:10px; max-width:30px;} .list-logo{ width:65%; height:38px; text-align:center;} .list-logo > img{ max-height:38px; max-width:110px; position:relative; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%);} .list-star{ width:20%; text-align:center; font-size:18px; color:#ffd500;} .not-text{ text-align:center; color:#7f7f7f; font-size:10px; text-transform:uppercase; padding:5px 0px;} .not-text > span{font-style:italic; color:#333;} .add-compet-2{width:100%; float:left; border-top:1px solid #999; border-bottom:1px solid #999; padding:0px 0px 20px 0px;} .add-compet-2 > .add-compet{width:100%; padding:0px;} ul.competitor-list{width:100%; margin:1px 0px 0px 0px;} ul.competitor-list > li{border-top:1px solid #c7c7c7; padding:10px 0px; width:100%;} ul.competitor-list > li:first-child{border-top:none; border-bottom:1px solid #c7c7c7; border-top:none; margin:0px 0px 1px 0px; padding:5px 0px;} ul.competitor-list > li:last-child{border-bottom:1px solid #c7c7c7;} h4.compet-title{ color:#959595;} .note-text, .note-text_2, .note-text_3{ color:#7f7f7f; text-align:center; text-align:center; width:100%; line-height:8px;} .note-text > span.view{ color:#d99900;} .note-text_2{margin:12px 0px 4px 0px; line-height:14px; font-size: 13px; color: #000;} .note-text_3{margin:10px 0px; line-height:12px;} #heading_news > .note-text{float: left; text-align: left; width: auto; clear: both; margin: -5px 0px 0px 20px;} .compet-sec-logo-container{width: 45%; float: left;} .compet-sec-prgs-container{ width: 50%; float: right;} .compet-logo{width:100%; text-align:center; height:40px;} .compet-emp-dtl{width:58%; height:25px; border-left:1px solid #cbcbcb; padding:8px 40% 8px 2%; position:relative;} .emp-count-gr{height:26px; margin:7px 0px; position:relative;} .emp-count-gr > span{position:absolute; height:26px; line-height:26px; left:100%; margin:0px 0px 0px 10px;} .bg-blue-lt{ background:#6d85c3;} .bg-blue-md{ background:#5492c3;} .bg-blue-dark{ background:#21388e;} .bg-orange{ background:#e79646;} .bg-gray{ background:#2e2f30;} .add-compet{ margin:20px 0px 0px 0px; width:90%; padding:0px 0px 0px 5%;} .add-compet-search{ width: 100%; float: left; padding: 0px 0px 10px 0px;} .add-compet-txt-box, .add-compet-search .search_suggest_div .inputfocus{width:82% !important; height:20px; padding:10px 0px; color:#00a900;} .add-compet-btn { color: #00c700; cursor: pointer; font-size: 40px !important; text-align: center; margin:13px 0px 0px 15px; position:absolute; right: 0px;} .add-compet-btn:hover{ color:#068606;} .link-action{background:#ededed; border-radius:5px; padding:15px 0px 24px 0px;} .la-titile{text-align:center; color:#aeaeae; text-align:center; width:100%;} .la-msg{ color:#223e51; text-align:center; width:86%; margin:2px 7% 0px 7%; line-height:22px;} .la-group-bx{width:180px; position:relative; margin:15px 0px 0px -90px; left:50%; height:43px;} .la-grp-l{width:75px; line-height:43px; color:#58b5ee; text-align:left; } .la-grp-r{ width:98px; background:#ffffff; border:1px solid #b4b4b4; height:37px; position:relative; padding:4px 0px 0px 0px;} .la-grp-arrow{width:15px; height:18px; background-position:-173px -30px; margin:-11px 0px 0px 0px; left:-15px; position:absolute; top:50%;} .la-grp-option{height:16px; line-height:16px; padding:0px 0px 0px 8px; color:#000000;} .la-grp-option > i{width:10px; height:10px; margin:3px 5px 0px 0px; background:none; color:#c0cdc6;} .la-grp-option > i.active{ color:#a4cffd;} .footer-sml{margin:28px 0px 0px 0px;} .fixed-header .footer-sml{margin:28px 0px 40px 0px !important;} .footer-top{width:246px; position:relative; left:50%; margin:0px 0px 0px -123px;} .footer-logo{ width:85px;} .footer-social{ margin:5px 0px 0px 0px;} .footer-social > a{margin:0px 0px 0px 7px; width:25px; height:25px; background:#ececec;} .footer-social > a:hover{ background:#cecece;} .footer-social > a > i{ width:25px; height:25px; color:#ffffff; background:none; line-height:25px;} /*i.in{background-position:0px -49px;} i.twitter{ background-position:-27px -49px;} i.fb{ background-position:-54px -49px;} i.gplus{ background-position:-81px -49px;}*/ .footer-nav{text-align:center; width:94%; margin:0px 3%; color:#a6a6a6; margin:20px 0px 0px 0px;} .footer-nav > a{color:#555555;} .footer-nav > a:hover{ color:#969696;} .copyright, .copyright > a{color:#9c9c9c;} .copyright{margin:10px 0px 0px 0px;} body.popup-active{z-index: 2 !important; overflow: hidden;} @media only screen and (min-width : 0px) and (max-width : 1024px) { #heading_news > .note-text{ position: absolute; bottom: 15px; text-indent: 0px; width: 100%; float: none; left: 0px; margin: 0px; text-align: center;} .pn > span.fa-plus-circle, .pn-cntr > span.fa-plus-circle{ color: #78c043 !important;} .pn > span.fa-minus-circle, .pn-cntr > span.fa-minus-circle{ color: #ee2a31 !important;} } @media only screen and (min-width : 641px) and (max-width : 1024px) { .dash-lp{ width:38%;} .dash-lp-in{ width:90%; margin: 0px 0px 20px 0px; } .note-text_2, .note-text_3{ font-size:10px;} } @media only screen and (min-width : 641px) and (max-width : 1024px) and (orientation : portrait){ .myemp-block{ width:95%;} .add-compet{ width:100%; padding:0px;} .add-compet-txt-box{width:80%; font-size:11px;} .myemp-block{ width: 100%;} .myemp-logo > span > a > img{ max-width: 100px;} .footer-top { margin: 0 0 0 -110px; width: 220px;} .compet-sec-logo-container{width: 30%;} .compet-sec-prgs-container{ width: 65%;} .compet-emp-dtl{width:50%; padding:8px 48% 8px 2%;} } @media only screen and (min-width : 0px) and (max-width : 640px) { .dash-lp{ width:100%; max-width:100%;} .dash-lp-in{ width:100%; margin: 0px 0px 20px 0px; } .la-msg{ width:96%; margin:2px 2% 0px 2%;} .add-compet{ width:100%; padding:0px;} .add-compet-txt-box{width:90%;} .add-compet-btn{right:0px;} .pn-cntr{ margin: -13px 15px 0px 0px;} .pn-cntr-hash { margin-right: 15px;} .poll-popup-active{z-index: 2!important;} body.poll-popup-active{ overflow: hidden !important;} #heading_news > .note-text{text-indent: 35px;} .compet-sec-logo-container{width: 30%;} .compet-sec-prgs-container{ width: 65%;} .compet-emp-dtl{width:50%; padding:8px 48% 8px 2%;} } @media only screen and (min-width : 0px) and (max-width : 640px) and (orientation : portrait){ .add-compet-txt-box{width:80%; font-size:11px;} .add-compet-btn{right: 0px;} } /*------------------------- Dashboard Left Panel -------------------------*/ /*------------------------- Dashboard right Panel -------------------------*/ .dash-rp{ width:66%; background:url(../images/strip-mid.png) repeat-y left top; position:relative; padding:0px 0px 100px 0px;} .strip-top{ width:10px; height:10px; position:absolute; left:0px; top:0px; background-position:-160px -33px;} .dash-rp-in{ width:86%; margin:10px 0px 0px 9%;} .rp-blk{ margin:0px; position:relative; z-index:2;} .feeds-holder{width:100%; float: left; position: relative; margin: 0px; display: block; clear: both; z-index: 1;} .position-track{width: 1px; float: left; height: 1px; position: fixed; opacity:0;} #heading_news{float: left; width: 100%; background: #fff; box-shadow: 0 1px 0 #fff, 0 2px 0 #c7c7c7} .heading_news_fixed{ position: fixed; top:0px; padding:15px 0px 10px 0px; } .orange-strip{ width: 100%; border-top: 5px solid #f2ce67; display: none; top: 0px; left:0px; position: fixed;} .heading_news_fixed > .orange-strip{display: block;;} .edit-port-btn{ width:460px; padding:25px 40px; background:#ededed; text-align:center; border-radius:5px; margin:30px 0px 0px -270px; box-shadow:0px 3px 0px #c3c3c3; color:#223e51; position:relative; } .edit-port-btn > span{font-weight: normal;} .edit-port-btn:hover{ color: #000;} .home-pole-main{min-height:165px;} .edit-port-btn:hover{ background:#e1e1e1; box-shadow:0px 3px 0px #b6b6b6; text-decoration:none;} .dash-rp .invite-banner{cursor:pointer;padding: 25px 9px;text-align: center;color: #223e51;position: relative;display: inline-block; } .dash-rp .invite-banner .invite-team-mobile-banner{max-width:300px;margin: 0 auto;} h2.viewport{ margin:0px 0px 10px 0px;} i.bullet-dot{width:10px; height:10px; margin:4px 8px 0px 0px; background:none;} .view-grp-dd{} .view-grp-link{ margin:0px 0px 0px 10px; cursor:pointer; display:block;} .view-grp-link > i.dd-arrow{width:12px; height:12px; margin:3px 0px 0px 5px; border-radius:10px; background:#7dc6f2; line-height:14px; color:#ffffff;} .view-grp-link:hover > i.dd-arrow{ background:#0080e2; } .sort-by{position:absolute; right:0px;} .sort-by-link{ color:#cacaca !important; margin:0px 0px 0px 10px; cursor:pointer;} .sort-by-link:hover{ color:#a2a2a2 !important; } .sort-by-link > i{width:17px; height:17px; margin:0px 0px 0px 5px;} .sort-by-link > i.manage{ background-position:-129px -47px;} .sort-by-link:hover > i.manage{ background-position:-129px -64px;} .sort-by-link > i.filter{ background-position:-146px -47px;} .sort-by-link:hover > i.filter{ background-position:-146px -64px;} ul.feed-list{ position:relative; z-index:1;} ul.feed-list > li{ border-bottom:1px solid #c6c6c6; padding:17px 0px; width:100%; position:relative;} ul.feed-list > li:first-child{border-top:none; margin: 10px 0px 0px 0px;} .feed-logo{width:13%; margin:0px 0px 0px 1%; height:66px;} .max-100_40, .max-100_66, .max-85_30{max-width: 100%; max-height: 40px; position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%);} .max-100_66{max-height: 66px;} .max-85_30{max-width: 85%; max-height: 30px;} .feed-logo-span{width: 100%; height:40px; margin:13px 0px 0px 0px; float:left; text-align: center;} .feed-img{width:10%; margin:0px 0px 0px 2%; height:66px; background: none; position:relative; display: inline; float:left;} .feed-img-span{width: 100%; height: 66px; margin:0px; float: left; } .feed-img > i{display:none;} .feed-txt{width:70%; margin:0px 0px 0px 4%; } a.feed-link{color:#2a2a2a; line-height:19px; letter-spacing:-0.5px; width:100%; text-decoration:none;} .feed-source{ color:#919191; clear:both; margin:5px 0px 0px 0px; text-transform: uppercase; } .feed-othersource{ color:#d56a2f; margin:5px 0px 0px 10px; cursor:pointer;} .feed-othersource:hover{ color:#9b3400;} .feed-othersource > i.othersrc{ background-position:-165px -50px; width:8px; height:8px; margin:5px 0px 0px 5px;} .feed-othersource:hover > i.othersrc{ transform:rotate(90deg);} .posted-time{ color:#5a5a5a; margin:5px 0px 0px 10px;} a.more-feed{ margin:5px 0px 10px 0px;} ul.feed-list > li > .feed-link-options{margin:10px 0px 0px 0px; position:absolute; right:10px; bottom:20px;} ul.feed-list > li > .feed-link-options > span{margin:0px 0px 0px 0px; font-size:11px; cursor:pointer; float:left; opacity:0; text-transform:uppercase;} ul.feed-list > li > .feed-link-options > span.divider{color:#999999; margin:0px 10px;} ul.feed-list > li:hover > .feed-link-options > span{ opacity:1;} .loading-circle-new{ width:100%; height:70px; float:left;} .loading-circle-new > img{ width:24px; height:24px; float:left; position:relative; top:50%; left:50%; margin:0px 0px 0px -12px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%);} .no-feed{background:#f6f6f6; padding:30px 0px; margin:10px 0px 0px 0px;} .no-filter{ float:left; text-align:center; position:relative; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform:translateX(-50%); padding:0px 0px 0px 10px;} .no-item-txt{width: 100%; float: left; font-size: 22px; color: #ccc; height: 100px; display: table; text-align: center; border-bottom: 1px solid #f1f1f2;} .no-item-txt > p{ display: table-cell; vertical-align: middle;} p.no-msg-title{ display:table;} p.no-msg-title > span.none-title{ font-size:34px; line-height:40px; display:table-cell; vertical-align:top; padding:20px 0px 0px 20px; text-align:left;} p.no-msg-title > span.none-title > span.none-tagline{ font-size:14px; line-height:14px; float:left; position:relative; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform:translateX(-50%);} i.no-filter-img, i.no-company-img{ background-position:0px -143px;; width:93px; height:110px; display:inline-block; display:table-cell;} i.no-company-img{ background-position:-94px -143px; width:103px; height:112px;} .flw-more-btn{ min-height:48px; line-height:48px; float:left; font-size:18px; padding:0px 20px; margin:0px 0px 10px 0px; position:relative; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform:translateX(-50%);} .flw-more-btn > a{color:#fff !important;} .flw-more-btn > a > i{ margin:15px 0px 0px 10px; float: right;} .alert-msg-panel{width:80%; max-width:500px; float:left; position:relative; left:50%; top:50%; background:#ffffff; padding:15px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform:translate(-50%, -50%);} .alert-msg-title{ padding:10px 0px; border-bottom:3px solid #c1c1c1;} .alert-msg-panel > p{ text-align:center; padding:50px 0px; font-size:14px;} .alert-close{right:10px !important; top:10px !important;} .alert-ok{position:absolute; right:20px; bottom:20px; padding:0px 14px; height:18px; line-height:18px;} @media only screen and (min-width : 0px) and (max-width : 1024px) { .edit-port-btn{ width:80%; padding:10px 5%; margin:20px 0px 0px -45%;} .dash-rp .invite-banner{width: 85%;padding: 0;margin: 20px 0px 0px -42%;position: relative;cursor:pointer;display: inline-block;left: 50%;} ul.feed-list > li{padding:5px 0px 20px 0px;} ul.feed-list > li > .feed-link-options{bottom:5px;} ul.feed-list > li > .feed-link-options > span{ opacity:1;} #heading_news, .heading_news_fixed{ padding: 15px 0px 25px 0px;} .view-grp-dd{position:absolute; bottom:10px; float:none; left:20px;} .view-grp-link{margin: 0px;} .sort-by{top:auto; bottom:10px;} p.no-msg-title > span.none-title > span.none-tagline{ position:relative; left:0%; -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform:translateX(0%);} } @media only screen and (min-width : 641px) and (max-width : 1024px) { .dash-rp{ width:62%;} .dash-rp-in{ width:93%; margin:15px 0px 0px 7%;} .feed-logo{width:20%; margin:0px 0px 0px 1%; height:66px;} .feed-img{width:15%; margin:0px 0px 0px 2%; height:66px;} .feed-txt{width:57%; margin:0px 0px 0px 4%;} a.feed-link{font-size:13px; line-height:16px;} .home-pole-main{min-height:120px;} .flw-more-btn{font-size:14px; left:0px; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform:translateY(0%);} } @media only screen and (min-width : 641px) and (max-width : 1024px) and (orientation : portrait){ .dash-rp-in{ width:90%; margin:15px 0px 0px 10%;} } @media only screen and (min-width : 0px) and (max-width : 640px) { .dash-rp{ width:100%; background:none;} .dash-rp-in{ width:100%; margin:15px 0px 0px 0px;} .feed-logo{width:auto; margin:0px; height:auto; max-width:110px;} .feed-txt{width:100%; margin:0px;} .home-pole-main{min-height:100px; } .no-filter{ padding:0px 10px;} i.no-filter-img, i.no-company-img{display:none;} p.no-msg-title > span.none-title > span.none-tagline{ text-align:center;} p.no-msg-title > span.none-title{padding:0px; font-size:25px; line-height:25px;} .flw-more-btn{font-size:12px;} .alert-msg-panel > p{ padding:20px 0px 30px 0px;} .no-item-txt{ font-size: 14px; height: 50px;} } /*------------------------- Dashboard right Panel -------------------------*/ /*------------------------- Dashboard popups -------------------------*/ .view-grp-dd-outer { position:relative; } .view-grp-dd-inner { margin: 0 0px 0 -130px; padding: 10px 0px; position: absolute; top: 35px; width: 260px; box-shadow: 0 0 5px 2px #e5e5e5; border:1px solid #eaeaea; background: #ffffff; border-radius:10px; left:50%; } .dd-top-arrow { background-position: -157px 0; height: 21px; margin: 0 0 0 -13px; top: -21px; width: 26px; position:absolute; left:50%; } .group-main { width:90%; margin:0px 5%; overflow: auto; } ul.group-main > li { border-bottom: 1px solid #eaeaea; height: 40px; } ul.group-main > li:last-child { border:none; } ul.group-main > li > span { height:40px; line-height:40px; color:#303030; height:40px; cursor:pointer; } ul.group-main > li > span:hover, ul.group-main > li > span.active { background:#efefef; } ul.group-main > li > span > i { font-size:8px; margin:16px 7px 0px 5px; background:none; } .group_color_0{color: #fc3a3a;} .group_color_1{color: #fc3ad9;} .group_color_2{color: #8a3afc;} .group_color_3{color: #9195ff;} .group_color_4{color: #85caff;} .group_color_5{color: #b3c8bf;} .group_color_6{color: #ccf582;} .group_color_7{color: #fafc3a;} .group_color_8{color: #ffab4c;} .group_color_9{color: #77767f;} .group_color_10{color: #5b2222;} .group_color_11{color: #882aa3;} .group_color_12{color: #fbddff;} .group_color_13{color: #2330c2;} .group_color_14{color: #3f5574;} .group_color_15{color: #4fb68e;} .group_color_16{color: #71911c;} .group_color_17{color: #978e5b;} .group_color_18{color: #a75e00;} .group_color_19{color: #2f2e3a;} .group_color_20{color: #d4e63e;} .filter-pop-outer{float:left; position:relative; } .filter-pop-inner { background: none repeat scroll 0 0 #ffffff; border: 1px solid #eaeaea; border-radius: 10px; box-shadow: 0 0 5px 2px #e5e5e5; right: 0px; position: absolute; top: 35px; width: 250px; padding:10px 10px 20px 10px; } .filter-pop-header{ height:44px; line-height:44px; border-bottom:1px solid #cecece; position:relative; } .filter-pop-header > h4{ font-weight:normal; color:#000; } .filter-pop-header > span{ cursor:pointer; color:#47c7f4; margin:0px 0px 0px 20px;} .filter-pop-header > span.active, .filter-pop-header > span:hover{ color:#666; } span.filter-close{ position:absolute; top:0px; right:0px; width:18px; height:18px;} span.filter-close > i, span.other-src-close > i, .close-icon > i, .close-i { background-position: -303px -64px; width: 18px; height: 18px; text-indent: 20px; float: left;} .filter-pop-top-arrow { background-position: -157px 0; height: 21px; right: 30px; margin: 0 -13px 0 0; position: absolute; top: -21px; width: 26px; } .dashboard-filter{ overflow: auto;} .dashboard-filter > li { height:45px; line-height:45px; cursor:pointer; font-size:12px; } .dashboard-filter > li > i.olr-icon-check { font-size:14px !important;width:20px; height:14px; margin:16px 0px 0px 3px; display:none; } .dashboard-filter > li.active > i.olr-icon-check { color:#9FC44E; display:block; } .dashboard-filter > li > i.filter-icon { width:28px; height:24px; margin:10px 0px 0px 28px; opacity:0.5; } .dashboard-filter > li.active > i.filter-icon { margin:10px 0px 0px 5px; opacity:1; } .dashboard-filter > li > i.fc_people { background-position:0px -83px; } .dashboard-filter > li > i.fc_fund { background-position: -29px -83px; } .dashboard-filter > li > i.fc_acq { background-position: -58px -83px; } .dashboard-filter > li > i.fc_press { background-position: -90px -83px; } .dashboard-filter > li > i.fc_news { background-position: -116px -83px; } .dashboard-filter > li > i.fc_blog { background-position: -145px -83px; } .dashboard-filter > li > i.fc_video { background-position: -174px -83px; } .dashboard-filter > li > i.fc_product_announcements { background-position: -403px -69px; } .dashboard-filter > li > span { color:#47c7f4; text-transform:uppercase; margin:0px 0px 0px 10px; } .dashboard-filter > li:hover > span, .dashboard-filter > li.active > span { color:#4f4f4f;} .button_submit { clear: both; margin: 15px 10px 0 0; overflow: hidden; float: right;} .other-source-outer{float:left;} .other-source-pop{width:100%; height:100%; position:fixed;; left:0px; top:0px; z-index:4;} .trans-black-overlay, .trans-black-overlay_2{width:100%; height:100%; position:fixed; left:0px; top:0px; background:#000000; opacity:0.5; z-index:3;} .other-src-pop-main{ width:530px; background:#ffffff; border-radius:5px; height: 70%; top:15%; left:50%; margin:-20px 0px 0px -285px; float:left; position:relative; padding:20px 20px 0px 20px; z-index:4;} .other-src-header{ width: 100%; border-bottom:3px solid #feba0a;} h3.other-src{ font-size:18px; color:#feba0a; line-height:18px; padding:0px 0px 10px 0px; } ul.other-src-list{ width:100%; height:90%; overflow:auto; } ul.other-src-list > li{ width:100%; height:50px; border-bottom:1px solid #dedede; position:relative; padding:15px 0px; } .other-src-logo-holder{ width:80px; height:100%; margin:0px 20px 0px 10px; text-align:center; } .other-src-logo-holder > img{ max-height:40px;} ul.other-src-list > li > h5{margin:0px 0px 0px 20px; text-align:left; line-height:14px;} ul.other-src-list > li > h5 > a{ color:#303030;} .other-src-time{position:absolute; right:10px; bottom:14px; color:#acacac; font-size:11px;} ul.other-src-list > li > .other-src-link-options{margin:10px 0px 0px 0px; float:left;} ul.other-src-list > li > .other-src-link-options > span{margin:0px 16px 0px 0px; color:#00b6f1; font-size:11px; cursor:pointer; float:left; opacity:0;} ul.other-src-list > li:hover > .other-src-link-options > span{ opacity:1;} ul.other-src-list > li > .other-src-logo-holder img{ max-height: 40px; } ul.other-src-list > li > .other-src-logo-holder .feed-img{ max-width: 55px; max-height: 55px; width: 100%; margin-left:12px } ul.other-src-list > li > .other-src-logo-holder .fc_blog{ background:#dfd105;} ul.other-src-list > li > .other-src-logo-holder .fc_video{ background:#00aeef;} ul.other-src-list > li > .other-src-logo-holder .fc_blog > i{ background-position:-160px -113px;} ul.other-src-list > li > .other-src-logo-holder .fc_blog > i { width:30px; height:30px; position:absolute; top:50%; left:50%; margin:-15px 0px 0px -15px; display:block !important;} ul.other-src-list > li > .other-src-logo-holder .fc_video > i{ background-position:-184px -113px;} ul.other-src-list > li > .other-src-logo-holder .fc_people{ background:#f59f23;} ul.other-src-list > li > .other-src-logo-holder .fc_people > i{ background-position:-4px -113px;} ul.other-src-list > li > .other-src-logo-holder .fc_fund { background:#019297;} ul.other-src-list > li > .other-src-logo-holder .fc_fund > i{ background-position:-36px -113px;} ul.other-src-list > li > .other-src-logo-holder .fc_acq{ background:#0064dc;} ul.other-src-list > li > .other-src-logo-holder .fc_acq > i{ background-position:-68px -113px;} ul.other-src-list > li > .other-src-logo-holder .fc_people > i, ul.other-src-list > li > .other-src-logo-holder .fc_fund > i, ul.other-src-list > li > .other-src-logo-holder .fc_acq > i, ul.other-src-list > li > .other-src-logo-holder .fc_press > i, ul.other-src-list > li > .other-src-logo-holder .fc_news > i, ul.other-src-list > li > .other-src-logo-holder .fc_blog > i, ul.other-src-list > li > .other-src-logo-holder .fc_video > i { width:30px; height:30px; position:absolute; top:50%; left:50%; margin:-15px 0px 0px -15px; display:block !important;} span.other-src-close{ height: 18px; position: absolute; right: 0px; top: 0px; width: 18px; cursor:pointer;} .flag-pop-outer{ position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:5; } .trans-black-overlay_2{ z-index:5; } .flag-pop-main{ width:380px; min-height:220px; padding:15px 20px 20px; background:#ffffff; border-radius:5px; float:left; position:relative; left:50%; top:50%; margin:-120px 0px 0px -210px; z-index:6; } .flag-pop-main > h4{ color:#9a9a9a; border-bottom:2px solid #dedede; padding:0px 0px 6px 0px; } .flag-pop-main > p{ margin:15px 0px 0px 0px; text-align:left; } .flag-comment-area{ width:100%; height:96px; float:left; border:1px solid #dedede; margin:14px 0px 0px 0px; } .flag-pop-main > .action-btn{ height:25px; line-height:26px; color:#ffffff; text-align:center; text-transform:uppercase; margin:18px 0px 0px 0px; border-radius:5px; padding:0px 10px; text-decoration:none;} .flag-pop-main > .cancel-btn{ float:left; background:#cccccc; box-shadow:0px 3px 0px #b7b7b7; } .flag-pop-main > .flag-btn{ float:right; background:#ffd600; box-shadow:0px 3px 0px #ffb900; } .overlay_1, .overlay_2, .overlay_3{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:100; padding:0px 0px 20% 0px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */ } /************************************** Conversion for news feed in dashboard ***********************************/ .share_icon_conv { width: 100%; float: left; margin: 2% 0 0 0; line-height: 15px; } .share_icon_conv .shareText { font-family: 'Dinot_Regular'; font-size: 10px; color: #9c9c9c; float: left; margin-right: 10px; text-transform: uppercase; } ul.share_icons li span { float: left; margin-right: 5px; cursor: pointer; } .share_icon_conv .email-link, .share_icon_conv .linked-link, .share_icon_conv .twitter-link, .share_icon_conv .facebook-link { width: 15px; height: 15px; } .share_icon_conv .email-link { background-position: -10px -2793px; } .share_icon_conv .linked-link { background-position: -31px -2793px; } .share_icon_conv .twitter-link { background-position: -51px -2793px; } .share_icon_conv .facebook-link { background-position: -72px -2793px; } .overlay_2{ z-index:101;} .overlay_3{ z-index:102;} .share-pop-main{ float:left; width:220px; min-height:220px; padding:20px 20px 10px 20px; position:relative; left:50%; top:50%; margin: -130px 0px 0px -130px; background:#ffffff; border-radius:5px;} .share-pop-main > h4{ color:#9a9a9a; padding:0px 0px 5px 0px; border-bottom:3px solid #dedede;} ul.share-list{width:100%; margin:12px 0px 0px 0px; float:left;} ul.share-list > li{width:100%; margin:0px 10px 0px 0px; height:33px; background:#efefef; border:1px solid #dedede; border-radius:5px; margin:2px 0px 12px 0px;} ul.share-list > li{width:100%; height:33px; float:left;} ul.share-list > li > a{ float: left; width: 100%;} .share-text{ float:left; line-height:33px; padding:0px 0px 0px 16px; color:#303030; letter-spacing:0.5px;} .twitter-share, .linked-share, .facebook-share, .email-share{width:35px; height:35px; float:left; margin:-1px 0px 0px -1px; border-radius:5px 0px 0px 5px; text-align:center; line-height:35px; color:#ffffff; font-size:20px;} .twitter-share{ background:#00ace3;} .linked-share{ background:#007dbc;} .facebook-share{ background:#0056a5;} .email-share{ background:#ffb21b;} .twitter-share > i, .linked-share > i, .facebook-share > i, .email-share > i{ line-height: 35px;} ul.share-list > li > span > i{background:none;} .img-test{position:relative; width:50px; height:50px; float:left; border:1px solid red;} ul.feed-list > li > .fc_people{ background:#f59f23;} ul.feed-list > li > .fc_people > i{ background-position:-4px -113px;} ul.feed-list > li > .fc_fund{ background:#019297;} ul.feed-list > li > .fc_fund > i{ background-position:-36px -113px;} ul.feed-list > li > .fc_acq{ background:#0064dc;} ul.feed-list > li > .fc_acq > i{ background-position:-68px -113px;} ul.feed-list > li > .fc_press{ background:#c51316;} ul.feed-list > li > .fc_press > i{ background-position:-102px -113px;} ul.feed-list > li > .fc_news{ background:#89ba6a;} ul.feed-list > li > .fc_news > i{ background-position:-130px -113px;} ul.feed-list > li > .fc_blog{ background:#dfd105;} ul.feed-list > li > .fc_blog > i{ background-position:-160px -113px;} ul.feed-list > li > .fc_video{ background:#00aeef;} ul.feed-list > li > .fc_video > i{ background-position:-184px -113px;} ul.feed-list > li > .fc_people > i, ul.feed-list > li > .fc_fund > i, ul.feed-list > li > .fc_acq > i, ul.feed-list > li > .fc_press > i, ul.feed-list > li > .fc_news > i, ul.feed-list > li > .fc_blog > i, ul.feed-list > li > .fc_video > i { width:30px; height:30px; position:absolute; top:50%; left:50%; margin:-15px 0px 0px -15px; display:block !important;} .btn_save{width:70px; padding:0px; margin:10px 0px 0px -35px; position:relative; left:50%; float:left;} .strip-1, .strip-2{ background:#28a9e0; height:21px; float:right; margin:8px 20px 0px 0px; color:#ffffff; line-height:21px; text-transform:uppercase; position: relative;} .strip-1:hover, .strip-2:hover{ background:#1380ae;} .strip-1 > i, .strip-2 > i{float:left; width:11px; height:21px; background-position:-272px -77px;} .strip-1 > span, .strip-2 > span{ padding:0px 10px;} .strip-1:hover > span, .strip-2:hover > span{ padding:0px 20px 0px 10px; cursor:pointer;} .strip-2{ height:14px; line-height:14px; margin:11px 20px 0px 0px; font-size:9px; position: relative;} .strip-2 > i{float:left; width:11px; height:21px; background-position:-275px -80px;} .edited-star{display:inline;} .vote-pop-outer, .tooltip-outer{position:absolute; right:-26px; top:50%; z-index: 100; margin: 0px 0px 0px 0px; } .vote-pop, .tooltip-main{background:#ffffff; position:absolute; border-radius:5px; box-shadow:0 0 5px 2px #e5e5e5; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%); cursor: default; } .vote-pop-in, .tooltip-main-in{width:175px; margin:15px; float:left; text-align:center; color:#7b7b7b; line-height: 16px !important; padding:15px 0px 0px 0px;} .vote-pop-in > p, .tooltip-main-in > p{ font-size: 12px;} .left-arrow{width:27px; height:26px; background-position:-208px -99px; position:relative; left:-25px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%); position:absolute; } .right-arrow{width:27px; height:26px; background-position:-238px -116px; position:relative; right: -25px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%); position:absolute; display: none; } .vote-main{float:left; margin:0px 0px 0px 0px; width:100%;} .vote-minus, .vote-plus{ font-size:40px !important; line-height:30px; color:#f04c3d; float:left; cursor:pointer; margin:10px 0px 0px 0px; width:25%; height:50px; text-align:center; line-height:50px;} .vote-plus{ color:#99cc49; float:right;} .vote-minus:hover, .vote-plus:hover{margin:10px 0px 0px 0px; font-size:46px !important; color:#db3222;} .vote-plus:hover{color:#7eab3a;} .vote-value{ float:left; line-height:22px; text-align:center; font-size:20px;} .vote-value > small{ font-size:16px;} .less-then-value, .vote-value{ margin: 16px 6px 0; padding: 6px 2px; width: 68px; /* background: #ececec; border: 1px solid #d5d5d5;*/ } .close-icon{ position:absolute; top:10px; right:10px; cursor:pointer; width:18px; height:18px; cursor:pointer;} .tooltip-outer{ right: -5px; top: 9px;} .tooltip-main-in > p{ text-align: left;} h3.what-title{ width: 100%; float:left; border-bottom:3px solid #ccc; text-align: left; padding: 0px 0px 3px 0px; margin: 0px 0px 7px 0px; font-size:12px;} .myemp-dtl .vote-pop-outer { top: 85%; } .myemp-dtl .left-arrow { top: 40%; } @media only screen and (min-width : 0px) and (max-width : 640px) { .dashboard-filter > li { height:35px; line-height: 35px;} .dashboard-filter > li > i.filter-icon{ margin: 5px 0px 0px 28px;} .dashboard-filter > li.active > i.olr-icon-check{ margin: 10px 0px 0px 3px;} .dashboard-filter > li.active > i.filter-icon{ margin: 5px 0px 0px 5px;} .filter-pop-header{ height: 30px; line-height: 30px; margin: 0px 0px 5px 0px;} .view-grp-dd-inner { left:0px; margin:0px; } .dd-top-arrow{ left:22%; } .other-src-pop-main{ width:100%; height:100%; top:0px; left:0px; margin:0px; border-radius:0px; padding:0px; border-top:7px solid #feba0a;} .other-src-header{ margin:20px 0px 0px 0px; padding:0px 0px 0px 10px; } span.other-src-close{ right: 20px; top:-5px;} ul.other-src-list > li{ padding:15px 0px 30px 0px; } ul.other-src-list > li > .other-src-link-options{position:absolute; float:none; left:110px; bottom:5px;} ul.other-src-list > li > .other-src-link-options > span{opacity:1; } .flag-pop-main{ width:260px; margin:-120px 0px 0px -150px;} .vote-pop-outer, .tooltip-outer{position:fixed !important; width:100% !important; height:100% !important; top:0px !important; left:0px !important; z-index:100 !important; margin:0px;padding:0px 0px 20% 0px; margin-top: 0% !important; -ms-transform: translateY(0%)!important; -webkit-transform: translateY(0%)!important; -moz-transform: translateY(0%)!important; -o-transform: translateY(0%)!important; transform:translateY(0%)!important; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */ } .vote-pop, .tooltip-main{float:left; position:relative; top:50%; left:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform:translate(-50%, -50%);} .vote-main{ width:100%; margin:0px;} .vote-minus:hover, .vote-plus:hover{ font-size:40px !important;} .vote-value{display:block;} } /*------------------------- Dashboard popups -------------------------*/ /*========================= Content Section =========================*/ .side-feedback{ position: fixed; top: 50%; padding: 0px 0px 0px 0px; right:0px; z-index: 1; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%); display:none;} .progress-bar-outer > progress-bar > .angular_progress_bar { height: 25px; width: 100%; float: left;} .progress-bar-outer > progress-bar > .angular_progress_bar > .angular_progress_bar_bar { background-color: #006080; border-radius: 0; height:25px; float: left; position: relative;} .progress-bar-outer > .crnt-cmpny > .angular_progress_bar > .angular_progress_bar_bar { background: #ff9600 !important;} .progress-value {color:#999; position: absolute; right: -100px; margin:0px -5px 0px 0px; line-height:25px; width: 100px;} .crnt-cmpny > .angular_progress_bar > .angular_progress_bar_bar > .progress-value {color:#ff9600 !important;} .notify-txt{ line-height: 16px; min-height: auto !important;} .na-txt {font-size:14px; color:#000; float:left; height:41px; line-height:40px; background:#FFF; margin:-8px 0px 0px -3px; padding:0px 0px 0px 3px;} #search_suggest_div ul { background-color: #fff !important; background-image: none; border: medium none; border-radius: 0; box-shadow: 0 5px 10px #afaeae; float: left; height: auto !important; margin: 0; max-height: 380px; overflow-x: hidden; overflow-y: auto; padding:10px; padding-left:0; top: -1px !important; width: 230px !important; z-index: 99;} #search_suggest_div ul li { float: left;} #search_suggest_div ul li:hover{ background:#a7e5fe;} #search_suggest_div ul li a { border: medium none !important; border-radius: 0 !important; color: #333333; cursor: pointer; float: left; font-size: 13px; height: auto !important; line-height: 25px; margin: 0 !important; padding: 6px 10px !important; text-decoration: none !important; transition: all 0s ease 0s !important; width: 230px; text-align: left;} #search_suggest_div span { font-weight: bold;} .back_to_top { display: none; position: fixed; bottom: 0px; right: 0px; width: 54px; height: 54px; z-index: 99999;} .back_to_top > i{ float: left; width: 54px; height: 54px; background-position: -242px 2px;} .popup-active {position:relative; z-index:999;} /* ----------------------- Onboarding Styles --------------------------- */ .font-10{ font-size: 10px; } .font-16{ font-size: 16px; } .font-black{ color: #000; } .ng-modal-overlay {position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#000000;opacity: 0.4;} .loading-spinner{position:fixed;top:50%;left:45%;font-size:30px;font-size: 30px !important;z-index: 100000;color: #fff;} .white_bg{ background: #fff; } .padding_top_3{ padding-top: 3px;} .dinot_bold, .dinot-bold{ font-family:"Dinot_Bold", Verdana, Geneva, sans-serif!important; } .dinot_regular, .dinot-regular{ font-family:"Dinot_Regular", Verdana, Geneva, sans-serif!important; } .dinot_medium, .dinot-medium{ font-family:"Dinot_Medium", Verdana, Geneva, sans-serif!important; } .font-italic{ font-style: italic; } .font-bold{ font-weight: bold; } .display-none{ display: none; } [ng-cloak]{display: none !important;} .owler_porf{ float: left; max-width: 100%; } .outer-owler-prof{ position: absolute; right: 0; bottom: 0; width: 35%; } .onboarding-background{ background: url(../images/bg_data_curtain.png) repeat; } .onboarding-top-container .content-wrapper{ padding: 30px 0 0 0; float:left; position:relative; left: 50%; max-width: 750px; margin-left: -375px; width: 95%; } .onboarding-content-wrapper{ float: left; width: 77%; padding: 25px 0 0 0; position:relative; max-width: 750px;} .signup-title-container, .onboarding-title-container{ max-width: 680px; float: left;} .signup-title-container .title_orange, .onboarding-title-container .title_orange{ float: left; color: #d56a2f; font-size: 24px; text-transform: none; padding: 0px 0px 10px 0px; line-height: 26px; width: 100%; text-align: left;} .signup-title-container > p, .onboarding-title-container > p{ float: left; width: 100%; line-height: 24px; font-size: 18px; color: #515151; text-align: left;} .signup-content-container, .onboarding-content-container{ padding: 30px 0 0 6%; max-width: 725px; clear: both; float: left; position:relative; width: 92%; } .ask-businessEmail-section, .ask-employer-section{ max-width: 440px; width: 61%; margin-right: 3%; float: left; min-height: 220px; } .ask-employer-section{ min-height: 190px; } .ask-businessEmail-section h3, .ask-employer-section h3, .ask-competitor-section h3{ text-align: left; font-size: 24px; color: #898989; text-transform: none; line-height: 24px; padding-bottom: 10px; } .ask-businessEmail-section input[type="text"], .ask-employer-section input[type="text"], .ask-competitor-section input[type="text"]{ font-family:"Dinot_Regular", Verdana, Geneva, sans-serif!important; width: 91%; border: 1px solid #d6d6d6; color: #c1c1c1; font-size: 20px; font-style: italic; border-radius: 4px; padding: 13px 4.2%; } .ask-employer-section input[type="text"], .ask-competitor-section input[type="text"]{ width: 85.5%; padding: 15px 10.5% 15px 4%; font-size: 20px; background: #fff; margin: 0;} .ask-businessEmail-section input[type="text"]:focus, .ask-employer-section input[type="text"]:focus, .ask-competitor-section input[type="text"]:focus{ font-family:"Dinot_Regular", Verdana, Geneva, sans-serif!important; color: #898989; } .ask-businessEmail-section input[type="text"]::-webkit-input-placeholder, .ask-employer-section input[type="text"]::-webkit-input-placeholder, .ask-competitor-section input[type="text"]::-webkit-input-placeholder{ color: #c1c1c1; } .ask-businessEmail-section input[type="text"]:-moz-placeholder, .ask-employer-section input[type="text"]:-moz-placeholder, .ask-competitor-section input[type="text"]:-moz-placeholder{ /* Firefox 18- */ color: #c1c1c1; } .ask-businessEmail-section input[type="text"]::-moz-placeholder, .ask-employer-section input[type="text"]::-moz-placeholder, .ask-competitor-section input[type="text"]::-moz-placeholder{ /* Firefox 19+ */ color: #c1c1c1; } .ask-businessEmail-section input[type="text"]:-ms-input-placeholder, .ask-employer-section input[type="text"]:-ms-input-placeholder, .ask-competitor-section input[type="text"]:-ms-input-placeholder{ color: #c1c1c1; } .ask-employer-section .search_suggest_div .success .info { background-position: -104px -2971px;width: 22px;height: 20px;float: left;} .ask-employer-section .search_suggest_div .success{ background: #8ec640;margin-top: 8px;padding: 10px 3%;float: left;} .ask-employer-section .search_suggest_div .success p { color: #FFF;float: none;display: table-cell;vertical-align: top;padding-left: 5px; text-align: left; } .ask-competitor-section .search_suggest_div .success .info { background-position: -104px -2971px;width: 22px;height: 20px;float: left;} .ask-competitor-section .search_suggest_div .success{ background: #8ec640;margin-top: 8px;padding: 10px 3%;float: left;} .ask-competitor-section .search_suggest_div .success p { color: #FFF;float: none;display: table-cell;vertical-align: top;padding-left: 5px; text-align: left; } .onboarding-content-container.ob-competitor-conatiner .search_suggest_div{ padding-bottom: 0 !important; position: relative !important;} /* WELCOME POPUP FROM ONBOARDING */ .welcome-popup .heading{ padding: 0px 0px 0px 0px; display: table; width: 100%; } .welcome-popup .heading .blue-text{ color: #13718f; font-size: 30px; display: table-cell; vertical-align: middle; line-height: 25px; } .welcome-popup .heading .owler_notification_icon{ display: table-cell; vertical-align: middle; width: 18%; } .welcome-popup .welcome-popup-innercontainer{ float: left; width: 100%; } .welcome-popup .welcome-popup-innercontainer .content{ float: left; width: 100%; padding: 25px 0 0 25px;} .welcome-popup .welcome-popup-innercontainer .content .list-items{ display: table; height: 95px; } .welcome-popup .welcome-popup-innercontainer .content .list-icon{ padding-right: 18px;} .welcome-popup .welcome-popup-innercontainer .content .list-icon, .welcome-popup .welcome-popup-innercontainer .content .list-content{ display: table-cell; vertical-align: top;max-width: 540px; } .welcome-popup .welcome-popup-innercontainer .content .list-icon img{ padding-top: 5px; } .welcome-popup .welcome-popup-innercontainer .content .list-content .orange-text{ color: #d26e2b; } .welcome-popup .welcome-popup-innercontainer .content .list-sub-heading{ font-size: 22px; color: #000; padding-bottom: 5px; line-height: 25px;} .welcome-popup .welcome-popup-innercontainer .content .feature-info{ color: #646464; font-size: 14px; font-family: 'Dinot_Regular'; line-height: 18px;} .welcome-popup .welcome-popup-innercontainer .button-container{ float: left; width: 100%; padding: 0px 0px 20px 0px; text-align: center; } .welcome-popup .welcome-popup-innercontainer .button-container .popup-close-text{ border: none; border-radius: 10px; background: #00b4ff; cursor: pointer; box-shadow: 0px 3px 0px #0086be; padding: 5px 5%; width: 32%;} .welcome-popup .welcome-popup-innercontainer .button-container .popup-close-text i, .welcome-popup .welcome-popup-innercontainer .button-container .popup-close-text span{color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; display: table-cell; vertical-align: middle;} .welcome-popup .welcome-popup-innercontainer .button-container .popup-close-text span { font-family: 'Dinot_Bold'; width: 100%; } .welcome-popup .welcome-popup-innercontainer .button-container .popup-close-text i{ font-size: 27px; padding-left: 22px; } @media only screen and (min-width : 0px) and (max-width : 640px) { .welcome-popup .welcome-popup-innercontainer .content .list-sub-heading, .welcome-popup .heading .blue-text{ font-size: 24px; } .vote-pop, .tooltip-main{ box-shadow: none; } } /*-----------Simplified OnBoarding ---------------------*/ .ask-for-follow-companies .titleHeaderText { text-align: center; font-family: 'Dinot_Medium'; font-size: 24px; color: #000; } .ask-for-follow-companies .titleText { text-align: center; font-family: 'Dinot_Medium'; font-size: 12px; color: #000; margin-top: 5px;} .ask-for-follow-companies .titleSubText { text-align: center; font-family: 'Dinot_Medium'; font-size: 12px; color: #b8b8b8; } .ask-for-follow-companies hr { text-align: center; width: 28%; margin-top: 23px; margin-bottom: 25px; } .ask-for-follow-companies .titleHeaderText img.company-logo { width: auto!important; height: auto!important; max-width: 120px!important; max-height: 40px!important; vertical-align: middle; margin-left: 10px; } .ask-for-follow-companies h3.titleH3Text { width:130%; margin-left:-10%; } /* Domain validation during signup */ .hide { display: none; } .domain_error_message, .info_message { width: 100%; float: left; background-color: #ff2727; margin: 6px 0px 0px 0px; } .domain_error_message .fa, .info_message .fa { background-image: none!important; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0,0); } .domain_error_message .fa-rotate-180, .info_message .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .domain_error_message .fa.fa-exclamation-circle, .info_message .fa.fa-exclamation-circle { color: #fff; background-color: #ff2727; float: left; padding: 10px; font-size: 22px; } .domain_error_message .fa-exclamation-circle:before, .info_message .fa-exclamation-circle:before { content: "\f06a"; } .domain_error_message .errorMessage, .info_message .infoMessage { width: 86%; float: left; color: #FFF; font-size: 13px; font-family: Dinot_Medium; background-color: #ff2727; margin: 0px; padding: 13px 0px 10px 2px; position: relative; left: 42%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .info_message { background-color: #8ec640; width: 375px; margin: -20px 0px 0px 0px !important;} .info_message .fa.fa-exclamation-circle { background-color: #8ec640;} .info_message .infoMessage {background-color: #8ec640;text-align: left;} #pageless-onboarding-popup-container .info_message { margin: -20px 0px -35px 0px !important;} .linkedInLink-info-msg{ margin: 5px 0px 0px 0px !important;} .signup-content-container .option-container{ float: left; clear: both; padding: 12px 0 25px 0; position:relative; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform:translateX(-50%);} .onboarding-content-container .option-container{ width: 100%; display: table; clear: both; padding: 12px 0 25px 0; position:relative;} .onboarding-content-container .option-container .ob-button{ display: table-cell; vertical-align: middle; text-align: center; width: 63%; } .onboarding-content-container .option-container .ob-link{ padding-left: 5%; display: table-cell; vertical-align: middle; width: 32%; } .signup-content-container .option_next.active, .onboarding-content-container .button-confirm-competitor.active{ background: #00b4ff; cursor: pointer; box-shadow: 0px 3px 0px #0086be;} .onboarding-content-container .button-confirm-employer{ border: none; float: left; background: #00b4ff; cursor: pointer; box-shadow: 0px 3px 0px #0086be; border-radius: 8px; padding: 5px 5%; max-width: 315px; width: 100%; } .onboarding-content-container .button-confirm-competitor{ max-width: 175px; float: none; padding: 5px 10%; border: none; background: #ccf0ff; cursor: default; box-shadow: 0px 3px 0px #cce7f2; border-radius: 8px; } .signup-content-container .option_next i, .signup-content-container .option_next span, .onboarding-content-container .button-confirm-competitor i{ color: #fff; font-size: 17px; text-transform: uppercase; font-weight: bold; display: table-cell; vertical-align: middle; } .onboarding-content-container .button-confirm-employer i, .onboarding-content-container .button-confirm-employer span, .onboarding-content-container .button-confirm-competitor span{ color: #fff; font-size: 17px; text-transform: uppercase; display: table-cell; vertical-align: middle; width: 100%; } .signup-content-container .option_next i, .onboarding-content-container .button-confirm-employer i, .onboarding-content-container .button-confirm-competitor i{ font-size: 34px; padding-left: 10px;} .signup-content-container .option_next{ border: none; float: left; background: #ccf0ff; box-shadow: 0px 3px 0px #cce7f2; border-radius: 8px; padding: 5px 40px; cursor: default; } .onboarding-content-container .ask-competitor-section .option-container{ padding-top: 20px; } a.ob_link_changeEmployer{ font-size: 10px; text-align: left; color: #939393; } a.ob_link_changeEmployer:hover{ text-decoration: underline; color: #939393; } .form_error_message, .form-error-message{ line-height: 22px; } .form_error_message,.form-error-message .error{float: left; color: #fff; background-color:#FF2727; margin:7px 0 0; padding:8px 4%; position: relative; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform:translateX(-50%);} .form-error-message .error .fa.fa-exclamation-circle, .form_error_message .fa.fa-exclamation-circle{color: #fff; background-color:#FF2727; float: left; padding: 0 0 0 10px; font-size: 22px; } .steps_indicator_wrapper{ float: left; position: relative; width: 23%; padding-top: 20px; } .steps_indicate_container{max-width: 130px; float: left; text-align: center; width: 100%; } .ob_text_step{ padding-bottom: 3px; } .ob_text_step, .ob_step_details{ color: #223e51; font-size: 13px; float: left; width: 100%; text-align: center; } .ob_step_details{ font-size: 20px; } .ob_current_step, .ob_total_step{ font-size: 24px; } .goback-link-area{ float: left; width: 100%; text-align: center; padding-top: 7px; padding-bottom: 25px; } .ob-goback-link{ color: #00b4ff; font-size: 12px; } .ob-goback-link:hover{ color: #00b4ff; text-decoration: underline; } .employer-search-box .fa.fa-search-plus{ width: 6.5%; position: absolute; right: 2%; font-size: 24px; color: #c1c1c1; top: 12px; background: #fff; z-index: 9; cursor: pointer; } .employer-display-area{ float: left; width: 100%; padding: 5px 0 18px 0px; } .employer-display-area .company-logo{ max-height: 66px!important; height: auto!important; width: auto!important; max-width: 166px!important; } /* Onbaording - Competitor Section & Follow companies section */ .ask-competitor-section h3{ text-align: center; padding-bottom: 5px; } .ob-competitor-wrapper{ width: 74%; padding-left: 3%; } .left-nav-companyDetails{ clear: both; max-width: 130px; text-align: center; border-top: 1px solid #cbcbcb; padding-top: 25px; padding-bottom: 40px; } .nav-employer-wrapper .employer-company{ padding-bottom: 25px; float: left; text-align: center; width: 100%; } .nav-employer-wrapper .company-logo{ width: auto!important; height: auto!important; max-width: 120px!important; max-height: 50px!important;} .nav-employer-wrapper .ob-text-mycompany{ color: #f2ce67; font-size: 12px; padding-bottom: 15px; float: left; text-align: center; width: 100%; } .left-nav-changeEmployer{ color: #d4d4d4; font-size: 10px; } .left-nav-changeEmployer:hover{ color: #d4d4d4; text-decoration: underline; } .ob-competitor-conatiner{ max-width: 500px; padding-top: 5px;} .employer-search-box, .ob-company-search-box{ width: 100%; float: left; position: relative; z-index: 9;} .ob-company-search-box{ border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; padding: 10px 4%; width: 92%; min-height:48px; } .ob-company-search-box .search, .ob-company-search-box .search{ float: left; width: 100%; position: relative; } .ob-company-search-box .search .search_suggest_div, .ob-company-search-box .search .search_suggest_div{ padding-bottom: 30px; } .ask-competitor-section .employer-search-box .fa.fa-search-plus{ right: 6%; top: 22px; } .ask-competitor-section .company-list-section{ float: left; width: 100%; padding-top: 20px; position: relative;} .ask-competitor-section .heading-section{ width: 100%; display: table; padding-bottom: 3px; border-bottom: 1px solid #dadada; } .ask-competitor-section .heading-section > div{ font-size: 10px; color: #acacac; display: table-cell; text-align: center; vertical-align: bottom; line-height: 12px;} .ask-competitor-section .content-section, .ask-competitor-section .content-section .row{ width: 100%; text-align: center; display:table; } .ask-competitor-section .content-section .row{ border-bottom: 1px solid #dadada; background-color: #FFF;} .ask-competitor-section .content-section .row > div{ display: table-cell; vertical-align: middle; height: 75px; line-height:75px; font-size: 20px; color: #acacac; position: relative; } .ask-competitor-section .content-section div.comp-company{ max-width: 120px; } .ask-competitor-section .content-section div.comp-company .company-logo{ max-height: 50px!important; height: auto!important; width: auto!important; max-width: 120px!important; vertical-align: middle; } .ask-competitor-section .content-section INPUT[type="radio"].select-competitor{display: none; } .ask-competitor-section .content-section .fa.fa-circle-thin{ color: #bfbfbf; font-size: 36px; float: left; width: 100%; padding-top: 3px; cursor: pointer; } .ask-competitor-section .content-section .competitor-seperator-line{ color: #446579; width: 100%; text-align: center; float: left; border-bottom: 3px double #446579; position: absolute; top: 262px; background-color: #FFF;} .ask-competitor-section .content-section .fa.follow_star, .ob-company-search-box .search .fa.follow_star{color:#f9d40a; font-size: 28px; cursor:pointer; } .ask-competitor-section .content-section .follow_unfollow{ border: none; background: none; padding: 0; margin: 0;} .ob-note{ font-size: 10px; color: #b8b8b8; text-align: center; float: left; width: 100%; } .ask-competitor-section .content-section .row.notification > div{ line-height: 10px; height: 10px; padding-bottom: 8px; } .ask-competitor-section .content-section .row .selected-radio{ position: relative; } .ask-competitor-section .content-section .row .fa.fa-bars{ cursor: move;} .ask-competitor-section .content-section .row .fa.fa-check-circle{ color: #8ec541 ; font-size: 23px; top: 1px; position: relative;} .ask-competitor-section .content-section .row .fa.fa-times-circle{ color: #ef4236; font-size: 23px; top: 1px; position: relative;} .ask-competitor-section .content-section .row .suggested_intimation{ color: #8ec541 ; top: 7px; position: absolute; } .ask-competitor-section .content-section .row .suggested_intimation_note{ color: #8ec541 ; font-size: 10px; text-transform: uppercase; line-height:10px; height: 10px;} .ask-competitor-section .content-section .row .suggested_intimation_note > span{ position: relative; top: 3px; } .onboarding-content-container .option-container .error-need-more{ color: #ef4236; text-transform: uppercase; display: table-cell; vertical-align: middle; font-size: 12px; width: 25%; } .onboarding-content-container .option-container .alignment-change{ text-align: right; padding-right: 15px; } .radio-yes input .selected-radio{ display: block; } .radio-yes input:checked .selected-radio{ display: none; } .onboarding-content-container .search_suggest_div{ position: absolute; padding-bottom: 30px; } .onboarding-content-container .search_suggest_div .success_msg{ margin-left: 5px; color: #42c900 !important;} .ask-competitor-section .content-section .top-3rd-competitor{ padding-bottom: 12px; margin-bottom: 12px; } /* Password section */ .get-password-area{ width: 100%; max-width: 225px; margin: 0 auto;} .get-passsword, .get-passsword:focus{ font-family:"Dinot_Regular", Verdana, Geneva, sans-serif!important; width: 91%; border: 1px solid #d6d6d6; color: #c1c1c1; font-size: 20px; border-radius: 4px; padding: 9px 4.2%; margin-top: 25px; margin-bottom: 5px; } /*--------- Media Query ------*/ @media only screen and (min-width : 0px) and (max-width : 640px) { .steps_indicator_wrapper{ position: absolute; top: 8px; right: 5px; padding: 0; z-index: 9;} .onboarding-content-wrapper{ width: 98%; } .onboarding-top-container .content-wrapper{ width: 100%; left: 0; margin-left: 0; padding: 18px 0 0 0;} .onboarding-top-container .header-in{ padding-bottom: 15px;} .signup-content-container, .onboarding-content-container{ padding: 20px 0 0 0; max-width: 100%; width: 100%; clear: both; float: left; } .ask-businessEmail-section h3, .ask-employer-section h3{ font-size: 17px; text-align: left; } .ask-employer-section h3{ text-align: center; } .employer-display-area{ text-align: center; } .ask-businessEmail-section, .ask-employer-section{ width: 100%; max-width: 100%; float: left; min-height: 140px; } .signup-title-container .title_orange, .onboarding-title-container .title_orange{ font-size: 20px; line-height: 26px; } .signup-title-container > p, .onboarding-title-container > p{ font-size: 13px; line-height: 16px; text-align: left;} .ask-businessEmail-section input[type="text"], .ask-employer-section input[type="text"]{ padding-top: 12px;} .ask-employer-section input[type="text"], .ask-competitor-section input[type="text"]{ font-size: 16px !important; padding: 15px 14.5% 15px 1%; } .ask-employer-section input[type="text"]:focus, .ask-competitor-section input[type="text"]:focus, .ask-businessEmail-section input[type="text"]:focus{ font-size: 16px !important;} .signup-content-container .option-container, .onboarding-content-container .option-container{ padding: 20px 0 25px 0;} .onboarding-content-container .button-confirm-employer{ float: none; } .onboarding-content-container .option-container{ width: 100%; flaot: left; } .onboarding-content-container .option-container .ob-button, .onboarding-content-container .option-container .ob-link{ width: 100%; text-align: center; float: left; } .onboarding-content-container .option-container .ob-link{ padding: 0; } a.ob_link_changeEmployer{ text-align: center; } .signup-content-container .option_next, .onboarding-content-container .option_next{ padding: 3px 36px; } .ob_link_changeEmployer{ float: left; clear: both; text-align: center; width: 100%; margin-top: 12px; margin-bottom: 20px; } .ob_text_step{ padding-bottom: 2px; } .goback-link-area{ padding-top: 2px; } .ob-competitor-wrapper{ padding-left: 0; } .ask-competitor-section .content-section div.comp-company .company-logo { width: auto!important; height: auto!important; max-width: 120px!important; max-height: 50px!important; } .ob-competitor-conatiner{ padding-top: 5px; } .onboarding-content-container .option-container .error-need-more{ float: left; width: 100%; margin-top: 15px; text-align: center; padding-bottom: 20px; } .onboarding-content-container .option-container .alignment-change{ text-align: center; padding-right: 0;} .ask-competitor-section .content-section .top-3rd-competitor{ padding-bottom: 25px; margin-bottom: 15px; } .ask-competitor-section .content-section .competitor-seperator-line{ top: 268px; } .ask-competitor-section h3.titleH3Text { width:100%; margin-left:0px; } } @media only screen and (min-width : 641px) and (max-width : 767px){ .onboarding-top-container .content-wrapper{ max-width: 600px; margin-left: -300px;} .signup-content-container, .onboarding-content-container{ padding: 30px 0 0 0; width: 98%; } .ask-businessEmail-section h3, .ask-employer-section h3{ font-size: 19px; } .ask-businessEmail-section, .ask-employer-section{ min-height: 130px; } .ob-competitor-conatiner{ padding-left: 5%; width: 95%; padding-top: 5px; } .ob-competitor-wrapper{ padding-left: 0; } .ask-competitor-section h3.titleH3Text { width:100%; margin-left:0px; } } /*------------------------- Non Login Header -------------------------*/ .header-back-icon{float:left; margin:10px 20px 0px 20px; font-size:45px; color:#cfcfcf;} .header-back-icon:hover{color:#f47421;} .seo-cp-logo{width:100px; float:left;} .header-signup{float:left; margin:0px 30px 0px 0px;} @media only screen and (min-width : 641px) and (max-width : 1024px) and (orientation : portrait){ .header-signup{margin:0px 10px 0px 0px;} .header-signup > span, .header-login-link > span{display:none;} } @media only screen and (min-width : 0px) and (max-width : 640px) { .header-back-icon{margin:10px 10px 0px 0px;} .header-non-login-links{margin:-75px 0px 0px 0px;} .header-signup{margin:0px 10px 0px 0px;} .header-signup > span {display:none;} /* Header without search box */ .header-right.no-search-display{ margin-top: 5px; height: auto; } .header-right.no-search-display .header-non-login-links{ margin-top: -40px; } .header-right.no-search-display .nav-main{ top: 29px; } } /*------------------------- Non Login Footer -------------------------*/ #profile_footer { background-color: #e0e0e0; clear: both; overflow: hidden; padding: 35px 0 40px;} .footer_logo{text-align:center;} .footer_content > p.links { color: #d1d1d1; padding: 15px 0; text-align: center; line-height: 27px; font-size: 16px;} .footer_content > p.links > a { color: #bb572d; padding: 0 5px; font-size:20px;} .footer_content > ul.links { float: left; width: 100%; text-align: center; margin: 0 auto; clear: both; padding: 0px 0 20px 0;} .footer_content > ul.links > li { border-right: 1px solid #979797; display: inline; font-size:11px;} .footer_content > ul.links > li:last-child{ border:none; padding:0px 10px 0 8px;} .footer_content > ul.links > li, .footer_content > ul.links > li a { color: #979797;} .footer_content > ul.links > li > a { color: #979797; padding: 0 10px 0 8px;} .footer_content > ul.links > li > a:hover{color:#000000;} .footer_content > ul.social { clear: both; float: left; margin: 0 auto; text-align: center; width: 100%;} .footer_content > ul.social > li { border-right: medium none; display: inline-block; margin-right: 6px; width:30px; height:30px; text-align:center; font-size:20px;} ul.social > li.footer-linked{ background:#017bb3;} ul.social > li.footer-twitter{ background:#5eaadd;} ul.social > li.footer-fb{ background:#20569c;} ul.social > li.footer-gplus{ background:#de4932;} ul.social > li.footer-rss{ background:#f26b27;} .footer_content > ul.social > li > a{ width:30px; height:30px; float:left; opacity:1; color:#ffffff; line-height:28px;} .footer_content > ul.social > li > a:hover{opacity:0.5;} /*------------------------- Non Login Footer -------------------------*/ .footer-logo-container{ margin: 0 auto; max-width: 1100px; float: none; display: table; } i.comp-graph{ width: 35px; height: 50px; display: block; margin: 0px 0px 0px 5px; background-position: 0px -2317px; float: left; } .text-comp-graph{ color: #65b1ea; position: relative; top: -4px; } #profile_footer i.footer_logo { background-position: -40px -2307px; } #profile_footer i.footer_logo { width: 162px; height: 55px; text-indent: -9999px; margin: 0 auto; display: block; clear: both; } .footer-owler-logo-section, .text-competitive-graph-section{ display: table-cell; vertical-align: middle; } .text-competitive-graph-section{ vertical-align: bottom; position: relative; bottom: -5px; padding-left: 5px; } .footer_content ul.links li a{ position: relative; top: 2px; } /* Pagination Styles */ .paginate_prev{ background-position: -263px -720px; width: 10px; height: 11px; margin: 4px 15px 0px 0px; } .paginate_next{ background-position: -275px -720px; width: 10px; height: 11px; margin: 4px 0px 0px 15px ; } @media only screen and (min-width : 0px) and (max-width : 640px) { .pagination-links{ margin-top: 10px; } .float_r.pagination-links{ float: left !important; clear: both;} .footer-owler-logo-section, .text-competitive-graph-section{ display: block; width: 100%; } .text-competitive-graph-section{ paddingleft: 0; padding-top: 5px; } .footer_content > p.links{ padding: 15px 0px 7px 0px; } .footer_content > ul.links{ line-height: 18px; } #profile_footer{ padding: 30px 0px; } #profile_footer p.links a{ font-size: 16px !important; } } footer{ padding: 0; margin: 0; bottom: 0; border: 0; display: block; } #TB_ajaxContent #signInFormDivContainer .or, #TB_ajaxContent #resetPasswordRequestForm .email, #TB_ajaxContent #signInForm table.TB_table input.input_field { font-family: 'Dinot_Medium', Verdana, Geneva, sans-serif; } .margin_top_35{ margin-top: 35px; } .margin_bottom_5{margin-bottom: 5px; } /* Error Tooltip */ .formError .popupContent{background:none!important;width:auto!important;padding:0!important;} .formError{background-color:#feebeb;border:1px solid #f2a5a5;display:block;position:relative;z-index:9999!important;margin:0;padding:8px;} .formError .error_arrow{position:absolute;top:27px;left:44%;display:block;width:14px;height:11px;z-index:10;} .formError .error{border:none!important;} /* Thick Box*/ #TB_window{color:#333333;} #TB_secondLine{color:#666666;} #TB_overlay{position:fixed;z-index:9999;top:0;left:0;height:100%;width:100%;} .TB_overlayBG{background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;} #TB_window a:link,#TB_window a:visited,#TB_window a:hover,#TB_window a:active,#TB_window a:focus{color:#3EACF1;} * html #TB_overlay{position:absolute;} #TB_window{position:fixed;background:#ffffff;z-index:9999;display:none;text-align:left;top:50%;left:50%;} * html #TB_window{position:absolute;} #TB_window img#TB_Image{display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;margin:15px 0 0 15px;} #TB_caption{height:25px;float:left;padding:7px 30px 10px 25px;} #TB_closeWindow{height:25px;float:right;padding:11px 25px 10px 0;} #TB_closeAjaxWindow{margin-bottom:1px;text-align:right;float:right;padding:2px 0px 3px 0;} #TB_closeAjaxWindow a{text-decoration:none!important;} #TB_closeAjaxWindow .close-popup{width:16px;height:16px;float:right;text-indent:-9999px;margin:-33px 10px 0 0;} #TB_ajaxWindowTitle{color:#656565;text-transform:uppercase;margin:0 20px;padding:20px 0 0px;height:40px;font-size:16px;} div.fieldwrapper.login_popup{width:auto!important;} div.fieldwrapper.login_popup p.thefield input{width:320px;margin-left:20px;} .signin_btn{background:#79B7E7;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #CCC!important;box-shadow:0 0 6px #999;-moz-box-shadow:0 0 6px #999;-webkit-box-shadow:0 0 6px #999;margin-top:15px;margin-left:109px;border-image:initial;color:#fff;font-weight:bold;padding:3px 15px;} #TB_ajaxContent #forgotPasswordLink{margin-top:0;clear:both;overflow:hidden;display:inline-block;} #TB_ajaxContent #sign_up{margin-top:0;clear:both;overflow:hidden;} #TB_ajaxContent{clear:both;overflow:hidden;text-align:left;line-height:1.4em;padding:0 20px 20px;} #TB_ajaxContent.TB_modal{padding:15px;} #TB_ajaxContent p{padding:5px 0;} #TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;} #TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;-moz-opacity:0;opacity:0;height:100%;width:100%;} #TB_ajaxContent #resetPasswordRequestErrorDiv{display:block;height:18px;} #TB_ajaxContent #referralEmailConfirmationOk{margin-top:35px;} #TB_iframeContent{clear:both;border:none;margin-bottom:-1px;_margin-bottom:1px;padding-left:20px;margin-top:20px;} #TB_ajaxContent table.TB_table td{color:#333;padding:5px;} #TB_ajaxContent table.TB_table td label{font-weight:bold;} #TB_ajaxContent input.input_field{padding:5px 10px;} #TB_ajaxContent input.placeholder{border:1px solid #aeb1b4;padding:5px 10px;} #TB_ajaxContent table th{padding:5px;} #TB_ajaxContent table.TB_table input.input_field{width:300px;} #TB_ajaxContent table.TB_table select{width:150px;} #TB_ajaxContent span label.error{border:none!important;color:#f00;display:block;clear:both;font-weight:normal!important;margin:2px 0 0;} #TB_ajaxContent .success_msg{color:#008011;} #TB_ajaxContent .error_msg,.formbox .error_msg{display:none;width:96%;color:#e02f2f;background:transparent;margin:0 0 3px;padding:1px 5px;} #TB_ajaxContent .error_msg p,.formbox .error_msg p{color:#e02f2f!important;display:inline-block;width:370px!important;margin-left:5px!important;float:none!important;padding:1px 0!important;} #TB_ajaxContent .error_msg .error,.formbox .error_msg .error{width:12px;height:12px;float:left;border:none!important;margin:3px 8px;} #errorLoginContainer{position:relative;float:left;padding-top:15px;} #error_page_messages{width:88%;margin:0 3px 10px 27px;padding:3px 0 5px;} #errorSignIn p{width:350px!important;} #TB_ajaxContent .tb_buttons_block{position:absolute;bottom:20px;} #TB_ajaxContent .tb_buttons_block input{margin:6px 30px 0 0 !important;} #TB_ajaxContent #resetPasswordForm input#resetPassword,#TB_ajaxContent #resetPasswordForm input#confirmResetPassword,#TB_ajaxContent #resetPasswordForm input.placeholder{width:235px;border:1px solid;padding:5px 3px;} #TB_ajaxContent #loginError{margin-bottom:-20px!important;} .dialogText{color:#656565;line-height:1.5em;} .label_request{font-weight:bold;text-align:right;color:#8f8f8f;line-height:1.1em;padding:0 16px 0 0;} .input_requesturl{width:200px;border:1px solid #aeb1b4;padding:10px 12px!important;} #TB_window a:link,#TB_window a:visited,#TB_window a:hover,#TB_window a:active,#TB_window a:focus{color:#3EACF1;} * html #TB_overlay,* html #TB_HideSelect,* html #TB_window,* html #TB_load{position:absolute;;} #TB_ajaxContent #resetPasswordRequestSuccessDiv{display:none;} #TB_ajaxContent #signInFormDivContainer .social_buttons ul,#signupFormDivContainer .social_buttons ul{width:460px;float:left;padding-top:10px;} #TB_ajaxContent #signInFormDivContainer .social_buttons ul li,#signupFormDivContainer .social_buttons ul li { width:210px;list-style:none;float: left; background:#ebebeb; font-size: 14px; color: #767676; line-height: 36px; margin: 0 18px 12px 0; border-radius:5px;} #TB_ajaxContent #signInFormDivContainer .social_buttons ul li a,#signupFormDivContainer .social_buttons ul li a { height:36px; float: left; color: #767676 !important;text-decoration:none;} #TB_ajaxContent #signInFormDivContainer .social_buttons ul li a span,#signupFormDivContainer .social_buttons ul li a span{font-weight:bold;} #TB_ajaxContent #signInFormDivContainer .social_buttons ul li .icon,#signupFormDivContainer .social_buttons ul li .icon { width: 40px; height:36px; float: left; margin-right: 12px; } #TB_ajaxContent #signInFormDivContainer .social_buttons ul li .twitter,#signupFormDivContainer .social_buttons ul li .twitter,.signup_box ul li .twitter { background-position: -270px -2129px; } #TB_ajaxContent #signInFormDivContainer .social_buttons ul li .facebook,#signupFormDivContainer .social_buttons ul li .facebook,.signup_box ul li .facebook { background-position: -230px -2129px; } #TB_ajaxContent #signInFormDivContainer .social_buttons ul li .google,#signupFormDivContainer .social_buttons ul li .google,.signup_box ul li .google { background-position: -312px -2129px; } #TB_ajaxContent #signInFormDivContainer .social_buttons ul li .linkedin,#signupFormDivContainer .social_buttons ul li .linkedin,.signup_box ul li .linkedin { background-position: -355px -2129px; } #TB_ajaxContent .social_buttons ul li .facebook{background-position:-234px -450px;} #TB_ajaxContent .social_buttons ul li .linkedin{background-position:-287px -450px;} #TB_ajaxContent .social_buttons ul li .twitter{background-position:-180px -450px;} #TB_ajaxContent .social_buttons ul li .google{background-position:-340px -450px;} #TB_ajaxContent .social_buttons ul li .owler{background-position:-394px -450px;} #TB_ajaxContent #signInForm{width:430px;float:left;padding:0px;} #TB_ajaxContent #signInFormDivContainer h3,#TB_ajaxContent #signupFormDivContainer h3{color:#4d4d4d;padding:10px 0; text-transform: none;} #TB_ajaxContent #signInFormDivContainer .input_field,#TB_ajaxContent #signupFormDivContainer .input_field{margin-bottom:10px;color:#333;} #TB_ajaxContent #signInFormDivContainer .label-hide,#TB_ajaxContent #signupFormDivContainer .label-hide{color:#ccc;font-style:italic;} #TB_ajaxContent #signInFormDivContainer .spacer,#TB_ajaxContent #signupFormDivContainer .spacer{width:10px;height:1px;float:left;line-height:1px;background:#4d4d4d;margin:10px 0 0;} #TB_ajaxContent #signInFormDivContainer .spacer.left,#TB_ajaxContent #signupFormDivContainer .spacer.left{margin-left:180px;} #TB_ajaxContent #signInFormDivContainer .or,#TB_ajaxContent #signupFormDivContainer .or{float:left;color:#4d4d4d;margin:0 12px;text-transform:uppercase;} #TB_ajaxContent #signInFormDivContainer #forgotPasswordLink {color:#e26e2b;margin-top:30px;} #TB_ajaxContent #resetPasswordRequestDivContainer{clear:both;overflow:hidden;padding-top:30px;} #TB_ajaxContent #resetPasswordRequestDivContainer .tb_buttons_block{padding-bottom:20px;} #TB_ajaxContent #resetPasswordForm input#resetPassword,#resetPasswordForm input#confirmResetPassword,#resetPasswordForm input.placeholder{width:235px;border:1px solid;padding:5px 3px;} #TB_ajaxContent #loginError{margin-bottom:-20px!important;} #TB_ajaxContent #resetPasswordRequestForm .input_field{width:230px;line-height:24px;float:left;color:#666666;resize:none;border:1px solid #d6d6d6;border-radius:5px;outline-color:#ffffff;padding:5px 10px;} #TB_ajaxContent #resetPasswordRequestForm td{vertical-align:middle;} #TB_ajaxContent #resetPasswordRequestForm .email{width:145px;float:left;text-align:left;color:#cbcbcb;line-height:1.1em;padding:0 16px 0 0px; font-size: 18px; } #TB_ajaxContent #addCompanyErrorMessagesDiv,#TB_ajaxContent #resetPasswordRequestSuccessDiv{display:none;} /* Error SignIn Form */ #TB_ajaxContent .errorLogInFormBox{width:430px;float:left;border:1px solid #9E9E9E;position:relative;margin:87px 0 0 264px;} #TB_ajaxContent .errorLogInFormBox .formbox{border:none!important;margin:0!important;} #TB_ajaxContent #errorSignInContainer .error_msg p{width:320px!important;} #TB_ajaxContent .errorLogInFormBox .remember_email{width:auto!important;text-align:left!important;padding:2px 0 0!important;} #TB_ajaxContent #errorSignInContainer{width:405px;padding-bottom:20px;} #TB_ajaxContent .errorLogInFormBox h2{color:#8B8A8A;border-bottom:1px solid #CCC;margin:0 28px;padding:20px 0 10px;} #TB_ajaxContent #errorSignInContainer #errorSignIn{padding-left:16px;} #TB_ajaxContent #errorSignInContainer #errorSignIn .button_dark{float:right;position:absolute;right:16px;} #TB_ajaxContent #errorSignIn table.TB_table td{vertical-align:top;padding:10px;} #TB_ajaxContent #errorSignIn table.TB_table td p{padding:4px;} #TB_ajaxContent #errorSignIn input.input_field{border:1px solid #aeb1b4;padding:10px 12px;} #TB_ajaxContent #errorSignIn input.placeholder{border:1px solid #aeb1b4;padding:10px 12px;} #TB_ajaxContent #errorSignIn input.valid{border:1px solid #008011!important;padding:10px 12px;} #TB_ajaxContent #errorSignIn input.input_field:focus{outline:#aeb1b4;} #TB_ajaxContent #errorSignIn table.TB_table input.input_field{width:350px;} #TB_ajaxContent #errorSignIn table.TB_table #error_signInSubmit{margin:5px 5px 0 0;} #TB_ajaxContent #errorSignIn .button_dark{float:right;} /* SignIn Form */ #TB_ajaxContent #signInFormDivContainer .error_msg{ width: 93% !important;margin:2px 0 0px 0px !important;padding:1px 5px!important;background: #fcf0f0;border: 1px solid #ff7a7a;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;position: absolute; top: 18px;} #TB_ajaxContent #signInFormDivContainer .error_msg p{width:330px!important;} #TB_ajaxContent #signInForm table.TB_table td{padding:10px 0;} #TB_ajaxContent #signInForm input.input_field{border:1px solid #efefef;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px 12px; margin-top: 0px;} #TB_ajaxContent #signInForm input.input_field:focus{outline:#aeb1b4;} #TB_ajaxContent #signInForm table.TB_table input.input_field{width:420px;} #TB_ajaxContent #signInForm .button_dark{float:right;} #TB_ajaxContent #signInForm .label-hide{float:left;position:relative;color:#999;font-weight:normal;margin:13px 0 -30px 12px;} /* SignUp Form */ #TB_ajaxContent #signupFormDivContainer .error_msg{width:83%!important;margin:6px 0 -20px 30px !important;padding:4px 5px!important;} #TB_ajaxContent #signupFormDivInBuyReportsContainer .error_msg{width:83%!important;margin:6px 0 -25px 30px !important;padding:4px 5px!important;} #TB_ajaxContent #signupForm {margin-top:30px;padding-left:30px;} #TB_ajaxContent #signupForm table.TB_table td{padding:10px 0;} #TB_ajaxContent #signupForm input.input_field{border:1px solid #aeb1b4;padding:10px 12px;} #TB_ajaxContent #signupForm .label-hide{float:left;position:relative;color:#999;font-weight:normal;margin:13px 0 -30px 12px;} #TB_ajaxContent #signupForm input.placeholder{border:1px solid #aeb1b4;padding:10px 12px;} #TB_ajaxContent #signupForm input.valid{border:1px solid #008011!important;padding:10px 12px;} #TB_ajaxContent #signupForm input.input_field:focus{outline:#aeb1b4;} #TB_ajaxContent #signupForm table.TB_table input.input_field{width:405px;} #TB_ajaxContent #signupForm .confirmbar {width:100%;float:left;border-top:1px solid #cbdbe6;background:#e0ebf1;background:-moz-linear-gradient(top, #e0ebf1 0%, #ffffff 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0ebf1), color-stop(100%, #ffffff));background:-webkit-linear-gradient(top, #e0ebf1 0%, #ffffff 100%);background:-o-linear-gradient(top, #e0ebf1 0%, #ffffff 100%);background:-ms-linear-gradient(top, #e0ebf1 0%, #ffffff 100%);background:linear-gradient(to bottom, #e0ebf1 0%, #ffffff 100%);margin:30px 0 0 0;position:absolute;bottom:0;left:0;padding:12px 50px;} #TB_ajaxContent #signupForm .confirmbar .confirm_message{float:left;color:#9fa6a9;padding-top:6px;} #TB_ajaxContent #signupForm .confirmbar .button_dark{float:right;} /* ERROR MESSAGE */ #TB_closeAjaxWindow .close-popup{ background-position: -250px -200px; } #TB_ajaxContent .form_error_message .error_arrow, .formError .error_arrow { background-position: -120px -717px; } #TB_ajaxContent .form_error_message{visibility:hidden;background-color:#ffcdcc;border:1px solid #c56b6b;display:block;position:absolute;margin:0 0 0 25px;padding:4px 8px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; color: #333; line-height: 16px; } #TB_ajaxContent .form_error_message, #TB_ajaxContent .error, #TB_ajaxContent .error_arrow{ transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transition-property:all; transition-duration:0s !important; transition-timing-function:ease; transition-delay:0s !important; -webkit-transition-property:all; -webkit-transition-duration:0s !important; -webkit-transition-timing-function:ease; -webkit-transition-delay:0s !important; } #TB_ajaxContent .form_error_message .error_arrow{position:absolute;top:21px;left:7px;display:block;width:19px;height:14px;} #TB_ajaxContent .form_error_message_right{visibility:hidden;background-color:#ffcdcc;border:1px solid #c56b6b;display:block;position:absolute;z-index:1;margin:0 0 0 25px;padding:8px;} #TB_ajaxContent .form_error_message_right .error_arrow{position:absolute;top:6px;left:-14px;display:block;width:14px;height:20px;} #TB_ajaxContent .error{border:0!important;background:none!important;} #TB_ajaxContent .login_form .form_error_message{visibility:hidden;color:#ac0d0d;display:block;position:absolute;background:none;border:0;margin:0;padding:0;} #TB_ajaxContent .formError .popupContent{background:none!important;width:auto!important;padding:0!important;} #TB_ajaxContent .formError{background-color:#ffcdcc;border:1px solid #c56b6b;display:block;position:relative;z-index:9999!important;margin:0 0 0 25px;padding:8px;} #TB_ajaxContent .formError .error_arrow{position:absolute;top:23px;left:7px;display:block;width:14px;height:11px;} #TB_ajaxContent .formError .error{border:none!important;} #TB_ajaxContent .form_error_message span.error,.login_form .form_error_message span.error{border:0!important;background:none!important;line-height:16px;} #TB_ajaxContent input.error, #TB_ajaxContent textarea.error { border: 1px solid #f4603d!important; background: #fff5d9!important; color: #a53b3b!important; } #TB_ajaxContent .button_submit{ margin: 0; clear: none; } #TB_ajaxContent #resetPasswordRequestDivContainer .form_error_message{ margin: 0 0 0 65px; } /* Popup's loading */ #TB_window .popup_overlay{background:#ffffff;float:left;width:99%;height:auto!important;min-height:97%;top:5px;left:0;position:absolute;opacity:0.9;} #TB_window .popup_overlay img{position:absolute;top:46%;left:48%;} /* Company Profile Signup */ #cp_signup .hint{color:#b7b7b7;border-bottom: 3px solid #b7b7b7;margin-bottom: 5px;padding:0 0 10px 0;margin-top: -5px;} #cp_signup .already{text-transform:uppercase;text-align: center;color:#b7b7b7;float: right;font-size: 11px;} #cp_signup .error_msg { position: absolute; } .popup_overlay{background:#ffffff;float:left;width:99%;height:auto!important;min-height:97%;top:5px;left:0;position:absolute;opacity:0.9;} .popup_overlay img{position:absolute;top:46%;left:48%;} #TB_ajaxContent .registration_box {width: 435px;height: 215px;position:relative;} #TB_ajaxContent .registration_box .registeration_inner{float:left;padding: 0px 20px;height:215px;width:450px} #TB_ajaxContent .registration_box p {width:100%;display:block;padding:10px 0;float:left;} #TB_ajaxContent .registration_box .reg_content{margin:43px 0 0 54px;} #TB_ajaxContent .registration_box .reg_content h5,.footer_registeration_box .reg_content h5{font-weight:normal !important;font-size:20px;color:#4d4d4d;margin-bottom:10px;} #TB_ajaxContent .registration_box input.reg_textfield,.footer_registeration_box input.reg_textfield{padding:8px 0;text-indent:10px;border:1px solid #e3e3e3;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-size:16px;width:210px;margin-bottom:10px;} #TB_ajaxContent .registration_box input.placeholder{color:#cdcdcd;font-style:italic!important;} #TB_ajaxContent .registration_box .signup_social{padding: 20px 0px 0px 10px !important;color:#4d4d4d;width:450px} #TB_ajaxContent .registration_box .signup_social a{font-size:11px;color: #7dc6f2;} #TB_ajaxContent .registration_box .heading {color:#4d4d4d;} #TB_ajaxContent .registration_box .error_msg{color:#e02f2f!important;margin-bottom: 5px;height: 17px;} #TB_ajaxContent .registration_box .popup_overlay{background:#ffffff;float:left;width:100% !important;height:100% !important;} #TB_ajaxContent .registration_box .input_field {width:280px;font-size: 14px;border: 1px solid #e3e3e3;padding: 15px 8px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;color:#333333;margin:0px 0 8px 20px;outline:none;} #TB_ajaxContent .registration_box input.button_green{padding:10px 16px!important;height:auto!important;margin:0px 0 0 10px;font-size:23px;} #TB_ajaxContent .registration_box a#linkedinRegister{float:left;box-shadow:0px 4px 0px #c8c8c8;padding:5px 16px 8px 16px!important; background-color:#efefef;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;color:#333333;margin:10px 0 10px 100px;outline:none;height: 43px;width: 220px;} #TB_ajaxContent .registration_box a#linkedinRegister:hover{background-color:#e8e8e8;text-decoration:none;} #TB_ajaxContent .registration_box a#linkedinRegister span.txt{padding: 10px 0px 0px 0px;width: 80px;float: left;color:#3b73af} #TB_ajaxContent .registration_box a#linkedinRegister .icon{background-position: 0px -2415px;width: 106px;height: 30px;margin-top: 5px;float: right;} .button_green{box-shadow: 0px 4px 0px #73a234; background-color:#8ec640;color:#ffffff;height:25px;line-height:25px;float:right;border:none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;cursor:pointer;padding:0 12px;outline-color:#fff;-webkit-appearance: none; -moz-appearance: none; appearance: none;} .button_green:hover{box-shadow: 0px 4px 0px #73a234; background-color:#85bd36; } /******************************************** Pageless Onboarding popup **********************************************/ #pageless-onboarding-popup-overlay { width:100%; height: 100%; float: left; opacity: 0.95; background: #000; position: fixed; top: 0; left: 0; z-index: 9999; } #pageless-onboarding-popup .registrationFlowSteps_var1 h4{ width: 375px; } #pageless-onboarding-popup .pageless-onboarding-popup-desc { width:80%; font-family: 'Dinot_Regular' !important; font-size: 16px; color: #FFF; line-height: 20px; margin: 0 auto; text-shadow: 1px 2px 3px #444; padding: 9px 0px; } #pagelessOnboardingEmployerPopup { position: relative; } #pagelessOnboardingEmployerPopup #domain_error_message { left: 38px; top: 155px; } #pageless-onboarding-popup-container .loading-circle-new { width: 100%; height: 100%; float: left; position: fixed; top: 0; left: 0; background: #000; z-index: 10; opacity: 0.6; } #pageless-onboarding-popup-container .loading-circle-new i { color: #FFF; position: absolute; transform: traslate(-50%, -50%); top: 35%; left: 49%; } #pagelessOnboardingRegisterForm { width: 94%; margin: 0 0 0 6%; float: left; position: relative; } #pageless-onboarding-popup .form-wrapper{ width: 100%; float: left; position: relative; } #pageless-onboarding-popup .form-holder{ width: 100%; float: left; z-index: 2; position: relative; padding-bottom: 20px; } #pageless-onboarding-popup-container .pagelessOBEmailinput { height: 50px; width: 375px; float: left; border: none !important; font-family: 'Dinot_Regular', Verdana, Geneva, sans-serif !important;font-size: 18px;color: #000;font-style: italic;box-sizing: border-box;background-color: #fff; border-radius: 5px; } #pagelessOnboardingRegisterSubmit { height: 48px;width: 183px;float: left;font-size: 18px;background: #00b5ff !important;border-radius: 10px;box-shadow: #0087c1 0 2px 0 !important; margin: 0px 0 5px 8px; clear: none; } .pagelessOnboardingEmailText { width: 62%; font-family: 'Dinot_Regular' !important; font-size: 10px; color: #fff; padding: 4px 0 6px 0; } .pagelessOnboardingEmailText.employer-input-section{ width: 68%; } .pagelessOnboardingSignIn { color: #333; font-size:12px; line-height:20px;width:100%; text-align:center; float: left; padding: 28px 0 15px 0; } .pagelessOnboardingSignIn a { color: #00acec; text-decoration: underline; } .pagelessOnboardingSignIn.no-blue-link-holder a { color: #adadad; font-size: 13px; text-decoration: none !important; } .link-confirm-generic-email{ margin-right: 45px; } #pageless-onboarding-popup #signInLinkPopup { font-size:14px; color:#FFF; text-transform:uppercase; } #pageless-onboarding-popup #linkedInLink { float: left; width:100%; text-align: center; margin-top: 30px; position: relative; } #pageless-onboarding-popup #linkedinRegister { color: #FFF; } #pageless-onboarding-popup #linkedInLink span.txt { vertical-align: middle; font-family: 'Dinot_Regular' !important; font-size: 12px; color: #FFF; } #pageless-onboarding-popup #linkedInLink span.mob_txt { display: none; } #pageless-onboarding-popup #linkedInLink span.icon { width: 35px; height: 30px; margin: 3px 0 0 5px; background-position: -84px -150px; display: inline-block; vertical-align: middle; } #pageless-onboarding-popup #linkedInLink span.icon.mobile-inline { display: none; } #pageless-onboarding-popup #linkedinRegister:hover .txt u { color:#00B4FF; } #pageless-onboarding-popup #linkedinRegister:hover .txt u { color:#00B4FF; } #pageless-onboarding-popup .linkedInLinkTooltip { font-family:"Dinot_Regular";color:#00B4FF;text-align:left;font-size:11px;display:inline-block;vertical-align:middle;line-height:14px; display:none;} #pageless-onboarding-popup .linkedInLinkTooltip_desktop { font-family:"Dinot_Regular";color:#00B4FF;text-align:left;font-size:11px;display:inline-block;vertical-align:middle;line-height:14px; position: absolute; top: 20px; left:340px; padding-top: 20px; display: none; } #pageless-onboarding-popup #linkedinRegister:hover .linkedInLinkTooltip_desktop { display: inline-block; } #pageless-onboarding-popup .linkedInLinkTooltip_desktop .arrow_box { position: relative; background: #ffffff;color: #666; display: block; width: 100%; padding: 5px 8px; text-align: center;} #pageless-onboarding-popup .linkedInLinkTooltip_desktop .arrow_box:after { bottom: 100%; left: 50%; border: solid transparent;content: " ";height: 0;width: 0; position: absolute;pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px;} #pageless-onboarding-popup #registrationFlowSteps { display: none; } #pageless-onboarding-popup #searchForm { margin: 0px 0px 0px 6%; float: left; } #pageless-onboarding-popup #searchAndManage { font-family: 'Dinot_Regular' !important; height: 38px; width: 375px; float: left; border: none !important; border-radius: 5px;font-size: 18px;color: #A9A9A9 !important;font-style: italic; margin: 0; background: #fff; } #pageless-onboarding-popup .registrationFlowSteps_var2 #searchForm { float: none; margin-left: 0px; } #pageless-onboarding-popup .registrationFlowSteps_var2 #searchAndManage { font-family: 'Dinot_Medium' !important; width: 415px; height: 50px; color: #00B4FF !important; float: none; } #pageless-onboarding-popup .registrationFlowSteps_var2 .search_suggest_div { float: none; width: 415px; margin: 0 auto; } .registrationFlowSteps_var2 .pagelessOnboardingEmployerText { width: 100%; padding-left: 0; line-height: 16px; } #pageless-onboarding-popup .registrationFlowSteps_var2 .skipEmployerStep { float: none; text-align: center; display: block; padding-top: 55px; margin: 0 auto; } #pageless-onboarding-popup .registrationFlowSteps_var2 .skipEmployerStep a { font-size: 12px; color: #F9D40A; } #content #pageless-onboarding-popup .registrationFlowSteps_var2 #searchForm .success { width: 390px; margin: 5px 0px 0px 0px; } .registrationFlowSteps_var2 #pagelessOnboardingEmployerPopup #domain_error_message { width: 415px; top: 165px; left: 112px; line-height: 15px; } #pageless-onboarding-popup .search_suggest_div { width: 372px; position: relative;} #pageless-onboarding-popup .search_suggest_div ul { position: absolute; top: 52px !important; z-index: 1; text-align: left; } #pagelessOnboardingEmployerSubmit { height: 48px; width: 183px;float: left;font-size: 20px;background: #00b5ff !important;border-radius: 10px;box-shadow: #0087c1 0 2px 0 !important; margin: 0px 0 5px 8px; clear: none; } .pagelessOnboardingEmployerText { width:60%; float: left; padding-left: 40px; font-family: 'Dinot_Regular' !important; font-size: 12px; color: #FFF; line-height: 15px; } .pagelessOnboardingEmployerText.mob, .mobileOnly { display: none; } #pageless-onboarding-popup .skipEmployerStep { width: 183px; float: left; font-family: 'Dinot_Regular' !important; font-size: 10px; color: #818181; } #pageless-onboarding-popup .skipEmployerStep a { color: #818181; } #pageless-onboarding-popup .domain_error_message { width: 375px; margin-top: 0px; margin-bottom: 5px; line-height: 20px; position: absolute; top: 58px; left: 0; } #pageless-onboarding-popup .domain_error_message .errorMessage { left: 41%; text-align: left; } #pageless-onboarding-popup #searchForm .success .info { background-position: -104px -2971px; width: 22px; height: 20px; float: left; margin: 0px; } #content #pageless-onboarding-popup #searchForm .success { display: block; font-family: 'Dinot_Regular' !important; margin-top: 70px; position: absolute; background: #8ec640; padding: 10px 3%; float: left; font-size: 13px; width: 94%; z-index: 1; } #pageless-onboarding-popup .search_suggest_div .success p { color: #FFF; float: none; display: table-cell; vertical-align: top; padding-left: 5px; text-align: left; padding-bottom: 0; } .desktopOnly { display: block; } .login-close-popup, #login-popup-overlay { display: none; } .showLogin { display: block !important; } .showLogin #login-popup-overlay { display: block; width:100%; height: 100%; float: left; opacity: 0.95; background: #000; position: fixed; top: 0; left: 0; z-index: 9999; } .showLogin #signInFormDivContainer .domain_error_message { margin-top: 5px; } .showLogin #signInFormDivContainer, .showLogin #signInFormResponseDivContainer { position: fixed; top: 25%; left: 30%; z-index: 9999; background: #FFF; width: 460px !important; height: 300px !important; padding: 10px 20px; } .showLogin .login-close-popup { display: block; background-position: -250px -200px !important; width: 19px; height: 19px; float: right; text-indent: -9999px; cursor: pointer; } #pageless-onboarding-popup .registrationFlowSteps_var3 h4 { padding-top: 10px; } .registrationFlowSteps_var3 .employerFlow3 { width: 100%; float: left; padding-top: 50px; } .registrationFlowSteps_var3 .employerFlow3 p { width: 100%; float: left; padding-bottom: 25px; } .registrationFlowSteps_var3 .employerFlow3 label { width: 27%; float: left; text-align: right; font-size: 16px; color: #fff; } .registrationFlowSteps_var3 .employerFlow3 .input_field { font-family: 'Dinot_Medium' !important; height: 50px; width: 136px; float: left; background: #fff; border: none !important; border-radius: 5px;font-size: 18px;color: #00b4ff !important;font-style: italic; margin: -15px 0 0 10px; } #pageless-onboarding-popup .registrationFlowSteps_var3 .employerFlow3 #searchForm { margin: -25px 0 0 10px; } #pageless-onboarding-popup .registrationFlowSteps_var3 .employerFlow3 #searchAndManage { font-family: 'Dinot_Medium' !important; background: #fff; } #pageless-onboarding-popup .registrationFlowSteps_var3 .pagelessOnboardingEmployerText { width: 100%; float: left; color: #7c919f; padding-left: 0; margin-top:-10px;} .registrationFlowSteps_var4 { padding-top: 40px; } .registrationFlowSteps_var4 .icon_jimf { width: 220px; float: left; text-align: right; padding-top: 1px; } .registrationFlowSteps_var4 .info_cotent { width: 330px; float: left; padding-left: 35px; } #pageless-onboarding-popup .registrationFlowSteps_var4 h4 { line-height: 36px; text-align: left;} #pageless-onboarding-popup .registrationFlowSteps_var4 p { font-size: 16px; color: #fefefe; text-align: left; line-height: 20px; padding-bottom: 33px;} #pageless-onboarding-popup .registrationFlowSteps_var4 h5 { font-family: 'Dinot_Regular', Arial, Helvetica, sans-serif !important; font-size: 23px; text-transform: none; color: #fefefe; text-align: left; padding-bottom: 8px;} #pageless-onboarding-popup .registrationFlowSteps_var4 #searchForm { margin: 0 !important;} #pageless-onboarding-popup .registrationFlowSteps_var4 .search_suggest_div { width: 330px;} #pageless-onboarding-popup .registrationFlowSteps_var4 #searchAndManage { width: 330px; background: #fff;} @media only screen and (min-width : 768px) and (max-width : 1023px) { #pageless-onboarding-popup-container { top: 8%; left: 8%; right: 8%; } } @media only screen and (min-width : 641px) and (max-width : 767px) { #pageless-onboarding-popup-container { width: 590px; top: 8%; left: 5%; right: 5%; } #pageless-onboarding-popup .domain_error_message { width: 345px; } #pageless-onboarding-popup #searchForm .success { width: 320px;} #pageless-onboarding-popup-container .pagelessOBEmailinput, #pageless-onboarding-popup #searchAndManage, .pagelessOnboardingEmployerText { width: 345px; } #pagelessOnboardingRegisterSubmit, #pagelessOnboardingEmployerSubmit, #pageless-onboarding-popup .skipEmployerStep { width: 150px; } .pagelessOnboardingSignIn { margin-top: 0px; } } @media only screen and (min-width : 0px) and (max-width : 640px) { .mobileOnly { display: block; } .desktopOnly { display: none; } #pageless-onboarding-popup #linkedInLink span.icon.mobile-inline { display: inline-block; } #pageless-onboarding-popup .linkedInLinkTooltip { display:inline-block;} #pageless-onboarding-popup-container { width: 96%; height: 100%; max-height: 100%; border: 0; padding: 2%; top: 0; left: 0; } #pageless-onboarding-popup h4 { width: 85%; font-size: 30px; line-height: 30px; margin: 0 auto; margin-bottom: 14px; padding-bottom: 0; padding-top: 18px; } #pageless-onboarding-popup .pageless-onboarding-popup-desc { width: 70%; line-height: 24px; } #pagelessOnboardingRegisterForm { width: 88%; margin: 7px 0 0 6%; } #pageless-onboarding-popup .search_suggest_div ul { position: absolute; top: 53px !important; z-index: 1; box-shadow: none; } #pageless-onboarding-popup-container .pagelessOBEmailinput { width: 100%; margin-bottom: 26px;} #pagelessOnboardingRegisterSubmit { float: none;} .pagelessOnboardingEmailText { width: 100%; float: left; top: -82px; left: 0; position: relative; } .pagelessOnboardingEmailText.employer-input-section{ width: 100%; } #pageless-onboarding-popup .domain_error_message { width: 100%; top: 54px; } #pageless-onboarding-popup-container .info_message { width:100%; position:absolute; margin:-83px 0px 0px 0px !important;} #pageless-onboarding-popup .domain_error_message .errorMessage { width: 84%; left:42%; padding: 5px 0px 5px 2px; } #pageless-onboarding-popup .domain_error_message .fa.fa-exclamation-circle { padding: 3px 8px;} #pageless-onboarding-popup #linkedInLink { margin-top: 0;} #pageless-onboarding-popup #linkedInLink span.txt { display: none;} #pageless-onboarding-popup #linkedInLink span.mob_txt { display: inline-block;} #pageless-onboarding-popup #linkedInLink span.icon { margin-left: 5px; } .pagelessOnboardingSignIn { width: 100%; font-size: 14px; color: #333; padding: 20px 0; } #pageless-onboarding-popup #searchForm { width: 88%; padding-left: 6%; margin-top: 17px; margin-left: 0; } #pageless-onboarding-popup .search_suggest_div { width: 100%;} #pageless-onboarding-popup #searchAndManage { width: 100%; font-size: 15px !important; } #pagelessOnboardingEmployerSubmit { margin-top: 32px; float: none; margin-bottom: 0px; } .pagelessOnboardingEmployerText { display: none;} .pagelessOnboardingEmployerText.mob { display:inline-block; position: relative; width: 76%; padding-left: 12%; top: -108px;} #pageless-onboarding-popup .skipEmployerStep { width: 100%; margin-top: -30px; } #pageless-onboarding-popup .info_message .infoMessage { width: 83%; } #pageless-onboarding-popup .registrationFlowSteps_var2 #searchAndManage { width: 100%; float: none; margin: 0 auto; } #pageless-onboarding-popup .registrationFlowSteps_var2 #searchForm { margin-top: 45px; margin-bottom: 0px; } .registrationFlowSteps_var2 .pagelessOnboardingEmployerText.mob { width: 85%; float: none; padding-left: 0px; margin: 0 auto; top: 5px;} #pageless-onboarding-popup .registrationFlowSteps_var2 .skipEmployerStep { padding-top: 25px; } #pageless-onboarding-popup .registrationFlowSteps_var2 .search_suggest_div { width: 100%; } #content #pageless-onboarding-popup .registrationFlowSteps_var2 #searchForm .success { width: 93%; z-index: 1; } #content #pageless-onboarding-popup .registrationFlowSteps_var2 #searchForm .success p { font-size: 10px; } #pagelessOnboardingRegistrationPopup .form-holder{ padding-bottom: 0; } .pagelessOnboardingSignIn.no-blue-link-holder a { text-align: center; width: 100%; float: left; } .link-confirm-generic-email{ margin-right: 0; } #pageless-onboarding-popup h4{ font-size: 28px; } .no-blue-link-holder .link-no-work-email{ margin-top: 8px; } } @media only screen and (min-width : 0px) and (max-width : 440px) { #pageless-onboarding-popup-container { width: 94%; padding: 3%; } } .hideSubMenu { display: none !important; } #askEmployer, #confirmEmployer { display: none; } .askEmployerPopupSubmenu { position: absolute; width: 180px; top: 25px; margin: 0px 0px 0px -90px; padding: 20px 0px 0px 0px; } #askEmployerPopup div.float-l { width: 180px; padding: 20px 10px; box-shadow: 0 0 5px 5px #e5e5e5; z-index: 1; background: #FFF; } #askEmployerPopup .popup-title { color: #E76723; } .askEmployertitle, .confirmEmployertitle { padding-bottom: 5px; border-bottom: 3px solid #E76723; } .askEmployerDesc, .confirmEmployerDesc { margin-top: 15px; color: #000; margin-bottom: 10px; text-align: center; } .askEmployerImage { background-position: 0px -2189px; width: 79px; height: 56px; display: block; margin: 0 auto; } .confirmEmployerImage img { display: block; margin: 0 auto; width: auto; height: auto; max-width: 120px; max-height: 65px; } #askEmployer .setEmployerButton { height: 36px; display: block; margin: 0 auto; font-size: 12px; color:#FFF; padding: 0 15px; border-radius: 10px; background: #00b5ff; box-shadow: #008ac5 0 2px 0; outline: none; } #confirmEmployer .setEmployerButton { width: 40%; height: 36px; display: block; margin: 0 auto; font-size: 12px; color:#FFF; margin-top: 10px; padding: 0 12px; border-radius: 10px; background: #00b5ff; box-shadow: #008ac5 0 2px 0; outline: none; text-transform: uppercase; } #confirmEmployer .changeEmployerBtn { font-size: 11px; color: #6E6E6E; margin-top: 10px; text-align: center; display: block; cursor: pointer; } #askEmployerPopup .close-popup { background-position: -250px -200px !important; width: 19px; height: 19px; float: right; text-indent: -9999px; cursor: pointer; } #signInFormDivContainer { width:460px;float:left; } #signInFormDivContainer #signInForm{width:440px;float:left;padding:0 10px;position: relative;} #signInFormDivContainer .input_field::-webkit-input-placeholder { font-style: italic;} #signInFormDivContainer .input_field:-ms-input-placeholder { font-style: italic;} #signInFormDivContainer .input_field:-ms-input-placeholder { font-style: italic;} #signInFormDivContainer .input_field:-moz-placeholder { font-style: italic;} #signInFormDivContainer h3{color:#000;padding:16px 0 20px 0 !important;font-family:"Dinot_Medium", Verdana, Geneva, sans-serif !important; border-bottom: 3px solid #bfbfbf;} #signInFormDivContainer h4{ width: 100%; float:left;font-family:"Dinot_Regular", Verdana, Geneva, sans-serif!important; font-size: 18px; color:#000;padding:25px 0 15px 0; text-transform: none;} #signInFormDivContainer .input_field { width: 440px; height: 62px; float: left; background: #ececec; font-size: 18px !important; color: #919191 !important; border: 1px solid #efefef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 12px; margin-top: 0;font-family: 'Dinot_regular', Verdana, Geneva, sans-serif !important;} #signInFormDivContainer .button_submit { float:right; width: 205px; height: 48px; font-size: 16px; color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 25px; line-height: 48px; } #signInFormDivContainer span.error { line-height: 40px; color: #FFF; vertical-align: middle; } #signInFormDivContainer .domain_error_message { margin: 0px 0px 5px 0px; } #signInFormDivContainer #signinLinkedinRegister { font-size: 14px; color: #646464; line-height: 16px; margin-top: 9px; float: left;} #signInFormDivContainer #signinLinkedinRegister b {font-family:"Dinot_Bold", Verdana, Geneva, sans-serif!important;} #signInFormDivContainer #signinLinkedinRegister .icon.linkedin { width: 35px; height: 35px; float: left; margin: 3px 0 0 15px; background-position: -84px -150px;} .msg_hint { width: 100%; float: left; font-size: 12px; color:#a8a8a8; text-align: center;} .msg_hint a { color:#a8a8a8 !important; text-decoration: underline; } #signInFormResponseDivContainer { width:460px;float:left; } #signInFormResponseDivContainer h3{color:#000;padding:16px 0 20px 0; margin-bottom: 15px; border-bottom: 3px solid #bfbfbf;} #signInFormResponseDivContainer .response_msg { font-size: 18px; text-align: center; line-height: 22px;} #signInFormResponseDivContainer .icon_response { width: 100px; height: 64px; float: left; background: url('../images/icon_sign_response.png') no-repeat; margin:5px 0 0 175px; } #signInFormResponseDivContainer .button_submit { float: left; width: 205px; height: 44px; line-height: 44px; background: #FFC000; box-shadow: #C79600 0 2px 0; text-align: center; margin-top: 0; font-size: 18px; margin-bottom: 15px; margin-left:122px; border-radius: 10px; } /*Data Card Thank u page CSS*/ .thank-panel-wrapper{width: 100%; float: left; margin:55px 0px 0px 0px;} .mail-link-thank-panel{ width:640px; position:relative; left:50%; margin:60px 0px 0px -325px; float: left; padding: 0px 0px 50px 0px;} .thank-panel-img{width:232px; float:left;} .thank-panel-txt{width:360px; float:left; margin:120px 0px 0px 40px; color:#555555 ; font-size:30px; line-height:34px;} @media only screen and (min-width : 0px) and (max-width : 640px) { .thank-panel-wrapper{margin:0px 0px 0px 0px;} .mail-link-thank-panel{ width:100%; left:0px; margin:50px 0px 0px 0px;} .thank-panel-img{position:relative; left:50%; margin:0px 0px 0px -117px;} .thank-panel-txt{ margin:20px 0px 0px 0px; font-size:20px; text-align:center; line-height:22px; width:100%;} } /* Baisc Search result page */ .resp_container { width:100%; max-width: 1200px; margin: 0 auto; } .current_results{width:116px;float:right;background:#88a6b1;position:fixed;right:-10px;top:150px;padding:10px;border-radius:10px 0 0 10px;box-shadow:#b5b5b5 -5px 5px 5px;} .current_results h6{font-weight:normal;color:#fff;} .current_results p{font-weight:normal;color:#fff!important;text-shadow:#53666c 1px 1px 0;} .current_results #hits {line-height: 40px;} .current_results a.button_submit{padding:0 18px;margin-left:-30px;} .current_results a.button:hover{opacity:0.9;} .current_results a.button:active{opacity:1;} #result{width:100%;float:left;} #result .back{float:right;font-size:9px;margin-top:6px;} .searchresults .list {margin-top: 20px;} .searchresults .reports_table tr th{font-weight:normal;background:#e8edef;border:none;text-transform: uppercase;color:#404040;} .searchresults .reports_table tr:first-child th:last-child{border-radius:0 5px 5px 0;} .searchresults .reports_table .type{margin-left:10px;} .searchresults .reports_table .companies{color:#404040!important;text-indent: 5px;text-transform: capitalize;width:240px;} .searchresults .reports_table td{vertical-align:middle;text-align:center;} .searchresults .reports_table td:first-child{text-align:left;} .searchresults .reports_table td:last-child{text-align:left;} .searchresults .reports_table td span.icon_companyprofile{display:inline-block;width:17px;height:17px;margin-right:5px;background-position:-35px -1386px;} .searchresults .reports_table td a{color:#105595!important;} .searchresults .reports_table td a.company_profile{color:#27465b!important;} .searchresults .reports_table tr th span{ font-size: 12px; } .reports .tabs {float: left;padding-left: 32px;margin-bottom: -1px;position: relative; z-index: 1;} .reports .tabs ul { float: left;} .reports .tabs ul li {float: left;color: #444444;padding-right: 5px;} .reports .tabs ul li a {float: left;color: #444444;text-transform: uppercase;text-decoration: none;background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),color-stop(100%, #e2e2e2) ); background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* W3C */ border-radius: 5px 5px 0 0;border: 1px solid #9e9e9e;padding: 8px 14px;} .reports .tabs ul li:hover {color: #000000;} .reports .tabs ul li.active a {color: #000000;background: #FFFFFF;border-bottom: 1px solid #FFFFFF; text-transform:uppercase;} .singlecolumn .reports .box {width: 100%;float: left;padding: 0;position:relative;} .singlecolumn{ width: 100%; float: left; } .reports .tab_content {border: 1px solid #b2b2b2;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin: 0 0 20px 0;position: relative;width:99%;float:left;display: none;} .reports .tab_content table {color: #666;} .reports .tab_content table tr td,.rc_tabs_content table tr th {padding: 7px 10px;border-bottom: 1px solid #e6e6e6;} .reports .tab_content table tr th {color: #333;} .reports .tab_content table tr:hover td {background: #ececec;} .reports .tab_content table.quickdate-calendar tr:hover td {background: none;} .reports .tab_content table.quickdate-calendar tr:hover td:hover {background: #e6e6e6;} .reports .tab_content table.quickdate-calendar tr:hover td.disabled-date:hover {background: none;} .reports .tab_content table tr th.company_name { width: 20% !important} .reports_table tr th{font-weight:normal;background:#e8edef;border:none;text-transform: uppercase;} .reports_table tr:first-child th:last-child{border-radius:0 5px 5px 0;} .reports_table .companies{color:#404040!important;text-indent: 5px;text-transform: capitalize;width:240px;} .reports_table td{vertical-align:middle;text-align:center;} .reports_table td:first-child{text-align:left;} .reports_table td:last-child{text-align:left;} .reports_table td span.icon_companyprofile{display:inline-block;width:17px;height:17px;margin-right:5px;background-position:-35px -1386px;} .reports_table td a{color:#105595!important;} .reports_table td a.company_profile{color:#27465b!important;} .request_link{width:100%;float:left;} .request_link h4{color: #d56a2f;float:left;margin-right:10px;} .request_link a{font-size: 12px;margin-top: 5px;float: left;} .dataTables_info{float:left;color:#4b4b4b;padding:0 0 12px 0px;} .bottom ..dataTables_info{padding:0 0 12px 0px;} div.dataTables_paginate{float:right;color:#4b4b4b;padding-right:20px;margin-bottom:10px;} div.dataTables_paginate a{margin:0 2px;padding:0 2px;} div.dataTables_paginate a.active{color:#ffffff;background:#3EACF1;} .dataTables_wrapper .top{width:100%;float:left;margin-bottom:10px;} .dataTables_wrapper .bottom{width:100%;float:left;padding-top:20px;} .dataTables_length{float:right;padding-right:20px;margin-top:-3px;} .dataTables_paginate .form_error_message{margin-top:-55px;margin-left:-35px;} .dataTables_paginate .form_error_message .error_arrow{top:23px!important;left:130px!important;} .dataTables_paginate .paginate_button{display:inline-block;line-height:.8em;} .dataTables_paginate .paginate_disabled_first,.dataTables_paginate .paginate_enabled_first,.dataTables_paginate .paginate_disabled_previous,.dataTables_paginate .paginate_enabled_previous,.dataTables_paginate .paginate_disabled_next,.dataTables_paginate .paginate_enabled_next,.dataTables_paginate .paginate_disabled_last,.dataTables_paginate .paginate_enabled_last, .paginate_first, .paginate_last, .paginate_prev, .paginate_next{text-indent:-9999px;width:12px;height:11px;display:inline-block;margin:-4px 15px 0 0;} .dataTables_paginate .paginate_disabled_first,.dataTables_paginate .paginate_disabled_previous,.dataTables_paginate .paginate_disabled_next,.dataTables_paginate .paginate_disabled_last, .paginate_first.disabled, .paginate_last.disabled, .paginate_prev.disabled, .paginate_last.disabled{cursor:default;opacity:0.6;} .dataTables_paginate .paginate_enabled_first,.dataTables_paginate .paginate_enabled_previous,.dataTables_paginate .paginate_enabled_next,.dataTables_paginate .paginate_enabled_last, .paginate_first, .paginate_last, .paginate_prev, .paginate_next{cursor:pointer;} .dataTables_paginate .paginate_enabled_previous,.dataTables_paginate .paginate_disabled_previous,.dataTables_paginate .paginate_disabled_next,.dataTables_paginate .paginate_enabled_next, .paginate_prev, .paginate_next{width:10px;} .paginate_page{display:inline-block;margin:-4px 15px 0 0;} .paginate_from{width: 40px; text-align: center;} .dataTables_paginate .paginate_active{color:white;background:#3EACF1;} .dataTables_paginate input{width:21px!important;height:15px;border:1px solid #aeaeae;line-height:15px;text-align:center;background:#fff;position:relative;top:1px;margin:0 10px;padding:0;} .dataTables_paginate .paginate_page{position:relative;} .reports_table th {color:#404040;background: #E8EDEF;padding: 8px 5px;cursor: pointer;} .reports_table td {padding: 8px 10px;border-bottom: 1px solid #E5E5E5;} .reports_table tr.even td {background: none;} .reports_table tr:hover td {background: #f5f4f4;} .reports_table td .txt_c {display: block;} .sorting .icon_sorting {width: 6px;height: 6px;float: left;margin: 7px 0 0 7px;} .sorting_asc .icon_sorting,.sorting_desc .icon_sorting {width: 10px;height: 9px;float: left;margin: 5px 0 0 7px;} .sorting_disabled {cursor: default !important;} .sorting .icon_sorting{background-position: -322px -611px;} .sorting_asc .icon_sorting{background-position: -333px -611px;} .sorting_desc .icon_sorting{ background-position: -348px -611px; } span.icon_sorting{ transition: none !important; } .singlecolumn .page-heading-viewResults{ font-size: 22px; color: #000; margin: 10px 0 10px 0px; text-transform: none; } .page-container .resp_container .resp_gutters{ float: left; width: 100%; padding: 0 0 100px 0;} .dataTables_paginate .paginate_disabled_first,.dataTables_paginate .paginate_enabled_first, .paginate_first{background-position:-260px -720px;} .dataTables_paginate .paginate_disabled_previous,.dataTables_paginate .paginate_enabled_previous, .paginate_prev{background-position:-263px -720px;} .dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_enabled_next, .dataTables_paginate .paginate_disabled_last, .dataTables_paginate .paginate_enabled_last, .paginate_next, .paginate_last{background-position:-275px -720px;} .dataTables_paginate .form_error_message{margin-top:-55px;margin-left:-35px;} .dataTables_paginate .form_error_message .error_arrow{top:23px!important;left:130px!important;} .dataTables_paginate .paginate_button{display:inline-block;line-height:.8em;} .dataTables_paginate .paginate_disabled_first, .dataTables_paginate .paginate_enabled_first, .dataTables_paginate .paginate_disabled_previous, .dataTables_paginate .paginate_enabled_previous, .dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_enabled_next, .dataTables_paginate .paginate_disabled_last, .dataTables_paginate .paginate_enabled_last, .paginate_first, .paginate_last, .paginate_prev, .paginate_next{text-indent:-9999px;width:12px;height:11px;display:inline-block;margin:-4px 15px 0 0;} .dataTables_paginate .paginate_disabled_first,.dataTables_paginate .paginate_disabled_previous,.dataTables_paginate .paginate_disabled_next,.dataTables_paginate .paginate_disabled_last, .paginate_first.disabled, .paginate_last.disabled, .paginate_prev.disabled, .paginate_last.disabled{cursor:default;opacity:0.6;} .dataTables_paginate .paginate_enabled_first,.dataTables_paginate .paginate_enabled_previous,.dataTables_paginate .paginate_enabled_next,.dataTables_paginate .paginate_enabled_last, .paginate_first, .paginate_last, .paginate_prev, .paginate_next{cursor:pointer;} .dataTables_paginate .paginate_enabled_previous,.dataTables_paginate .paginate_disabled_previous,.dataTables_paginate .paginate_disabled_next,.dataTables_paginate .paginate_enabled_next, .paginate_prev, .paginate_next{width:10px;} .paginate_page{display:inline-block;margin:-4px 15px 0 0;} .paginate_from{width: 40px; text-align: center;} .dataTables_paginate .paginate_active{color:white;background:#3EACF1;} .dataTables_paginate input{width:21px!important;height:15px;border:1px solid #aeaeae;line-height:15px;text-align:center;background:#fff;position:relative;top:-2px;margin:0 10px;padding:0;} .dataTables_paginate .paginate_page{position:relative; top: -3px; } .dataTables_paginate .paginate_of{position:relative;margin-right:15px; top: -3px; } .dataTables_paginate .paginate_enabled_first:hover,.dataTables_paginate .paginate_enabled_previous:hover,.dataTables_paginate .paginate_enabled_next:hover{opacity:0.8;} h2.basicSearchResultPage-title{ font-size: 22px; text-transform: none; padding: 20px 0px 10px 3px; color: #000000; } .basicSearchResultPage .reports_table .col-1{ width: 20%; } .basicSearchResultPage .reports_table .col-2{ width: 15%; } .basicSearchResultPage .reports_table .col-3{ width: 21%; } .basicSearchResultPage .reports_table .col-4{ width: 14%; } .basicSearchResultPage .reports_table .col-5{ width: 15%; } .basicSearchResultPage .reports_table .col-6{ width: 15%; } .browseResultPage-container .request_link h4{ text-transform: none; } .browseResultPage-container{ margin-bottom:100px; } /* .dataTables_paginate .paginate_enabled_previous, .dataTables_paginate .paginate_disabled_previous{ background: none; text-indent: -9999px; float: left; } */ @media only screen and (min-width : 0px) and (max-width : 768px) { .reports_table tr td:last-child{ border-bottom: none; } .reports_table{ border-bottom: 3px double #dadada; margin-bottom: 10px; } .basicSearchResultPage thead{ display: none !important; } .basicSearchResultPage .top, .basicSearchResultPage .bottom .dataTables_info, .basicSearchResultPage .bottom .dataTables_length{ display: none !important; } h2.basicSearchResultPage-title{ font-size: 16px; border-bottom: 1px solid #dadada; padding: 20px 0 10px 13px; } .basicSearchResultPage .reports_table td a.company_profile .fa.fa-arrow-circle-right{ color: #46C8F5 !important; font-size: 18px !important; } .basicSearchResultPage .reports_table td .companies a.blue-text{ color: #46C8F5 !important; font-size: 13px !important; float: left; width: 100%; letter-spacing: 0.5px; } table td:nth-child(3), td:nth-child(4), td:nth-child(5), td:nth-child(6) { display: none; } .bottom .dataTables_paginate{ float: left; width: 93%; padding: 0; text-align: center; margin: 0 2%; } .browseResultPage-container .request_link h4{ padding-left: 10px; } .searchresults .reports_table td{ padding: 10px; } .dataTables_paginate .paginate_disabled_first, .dataTables_paginate .paginate_enabled_first, .dataTables_paginate .paginate_page, .dataTables_paginate INPUT[type="text"], .dataTables_paginate .paginate_of, .dataTables_paginate .paginate_enabled_last, .dataTables_paginate .paginate_disabled_last{ display: none !important; } .dataTables_paginate .paginate_disabled_previous, .dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_enabled_previous, .dataTables_paginate .paginate_enabled_next{ font-size: 20px; color: #41BDFB; } .dataTables_paginate .paginate_enabled_previous, .dataTables_paginate .paginate_disabled_previous{ background: none; text-indent: 0; float: left; } .dataTables_paginate .paginate_disabled_previous, .dataTables_paginate .paginate_disabled_next{ opacity: 0.5; cursor: default; } .dataTables_paginate .paginate_enabled_next, .dataTables_paginate .paginate_disabled_next{ background: none; text-indent: 0; float: right; } .dataTables_wrapper .bottom{ width: 96%; padding: 0 2%; } } #profile_footer ul.social li a{ background-image: url(../images/os_li.png); background-repeat: no-repeat; } #profile_footer ul.social li a { width: 36px; height: 36px; float: left; text-indent: -9999px; display: inline-block; } #profile_footer ul.social li a.linkedin{ background-position: -84px -150px; } #profile_footer ul.social li a.twitter { background-position: 0 -150px; } #profile_footer ul.social li a.facebook { background-position: -41px -150px; } #profile_footer ul.social li a.googleplus { background-position: 1px -1389px; } #profile_footer ul.social li a:hover{ opacity: 0.7; } .request-box-holder{ width: 90%; float: left; } .request-box-holder #TB_ajaxContent p{ padding: 7px 0; } .request-box-holder #resendButtonDiv2, .request-box-holder #resendButtonDiv{ padding-top: 15px; float: right; } .request-box-holder .button_cancels { background: #ccc !important; margin-right: 5px; box-shadow: 0 2px 0 #b6b6b6 !important; } .request-box-holder .button_cancels:hover { background: #c3c3c3 !important; box-shadow: 0 2px 0 #b6b6b6 !important; } #content .alert{display:none;color:#e02f2f;background:#fcf0f0;border:1px solid #ff7a7a;margin:0 0 10px;padding:8px 0;} #content .alert p{color:#e02f2f;} #content .alert .error{width:16px;height:16px;float:left;border:none!important;margin:-1px 10px 0 15px;} #content .alert .expired{width:26px;height:22px;float:left;margin:-4px 10px 0;} #content .success{display:none;color:#333333;background:#ecfff2;border:1px solid #7bb585;margin:0 0 10px;padding:8px 0;} #content .success .info{width:20px;height:21px;float:left;margin:-4px 10px 0;} #content .info_alert{display:none;color:#333333;background:#FFFFC3;border:1px solid #fff500;margin:0 0 10px;padding:8px 0;} #content .info_alert .msg{opacity:0.6;float:left;width:20px;height:20px;margin:-2px 10px 0;} .alert_success{width:90%;float:left;color:#333333;background:#ecfff2;border:1px solid #7bb586;margin:9px 5%;padding:3px 0;} #message_container{ width: 98%; float: left; margin-top: 20px; margin-left: 1%; } #content .success .info{ background-position: -50px -720px; } .thank-container{ background: url(../images/thankyou-bg.png) no-repeat 40% top; float:left; width:100%; min-height:500px;} .thank-container-main{ width:100%; max-width:986px; margin:0px auto;} .thank-txt{ float:left; margin:120px 0px 0px 40%; max-width:350px; width:100%; color:#cc682d; text-align:center; font-size:18px; line-height:22px;} .thank-txt > h1{ text-transform:none !important; font-family:Rockwell_Regular; color:#cc682d; font-size:36px; padding:0px 0px 12px 0px;} .thank-txt > p{ padding:0px; margin:0px;} .thank-logo-container{ width:100%; border-top:double #d7d7d7; border-bottom:double #d7d7d7; float:left; margin:25px 0px 0px 0px; padding:35px 0px; text-align:center;} .thank-logo-row{ display:table} .thank-logo-cell{ display:table-cell; vertical-align:middle; font-size:30px;} .thank-footer{ float:left; width:100%; margin:35px 0px 0px 0px; text-align:center; font-size:18px; color:#acacac;} .thank-footer > p > a{ color:#00cdff;} .thank-footer-logo{ float:left; width:100%; margin:60px 0px 0px 0px; text-align:center; padding:0px 0px 50px 0px;} .thank-cmpny-logo{max-height: 50px; max-width: 140px; width: auto;} @media only screen and (min-width : 641px) and (max-width : 1023px) { .thank-logo-cell{font-size:20px;} } @media only screen and (min-width : 0px) and (max-width : 640px) { .thank-container{background-position:40% -100px; width:96%; padding:0px 2%;} .thank-txt{ margin:40px 0px 0px 25%; width:65%;} .thank-logo-cell{ width:100%; float:left; margin:0px 0px 20px 0px; font-size:20px;} .thank-logo-container{padding:15px 0px 0px 0px;} .thank-footer-logo{margin:15px 0px 0px 0px;} } @media only screen and (min-width : 0px) and (max-width : 640px) and (orientation : portrait){ .thank-container{ background-position:left -100px; width:96%; padding:0px 2%;} .thank-txt{ margin:85px 0px 0px 5%; width:90%;} } /*Estimate poll revenue popup styles*/ .revenue-poll-popup .vote-pop { width: 310px; border-radius: 0; } .revenue-poll-popup .vote-pop-in { width: 100%; margin: 0; padding-top: 28px; padding-bottom: 22px; } .revenue-poll-popup .revenue-poll-title { width: 80%; margin-left: 10%; text-align: center; padding-bottom: 18px; } .revenue-poll-popup .revenue-ques { color: #000; font-size: 18px; display: inline-block; line-height: 20px; max-width: 200px; vertical-align: middle; text-align: center; position: relative; word-wrap: break-word; text-transform: none; } .revenue-poll-popup .field{ width: 88%; float: left; margin-left: 6%; } .revenue-poll-popup .input-ct { width: 94%; height:33px; border: 1px solid #D0D0D0; border-radius: 5px; padding: 0px 0 0 3%; position: relative; } .revenue-poll-popup .revenue-estimate-vote-save { width: 95px; height: 35px; margin-top: 19px; font-size: 13px; color: #FFF; border-radius: 5px; } .revenue-poll-popup .btn-value { vertical-align: middle; } .revenue-poll-popup .revenue-dc-jimf {background-position: -291px -563px; width: 36px; height:26px; vertical-align: bottom; display: inline-block; margin-left: -32px; } .revenue-poll-popup input, .revenue-poll-popup .currency-ct { margin: 2px 0px; line-height: 29px; float: left; text-align: left; font-size: 20px; color: #000; } .revenue-poll-popup input{ width: 99% } .revenue-poll-popup .currency-ct { border-left: 1px solid #b8b8b8; float: none; position: absolute; right: 7px; padding-left: 7px; } .revenue-poll-popup input::-webkit-input-placeholder { color: #B8B8B8; font-style: italic; } .revenue-poll-popup input:-moz-placeholder { color: #B8B8B8; font-style: italic; } .revenue-poll-popup input::-moz-placeholder { color: #B8B8B8; font-style: italic; } .revenue-poll-popup input:-ms-input-placeholder { color: #B8B8B8; font-style: italic; } .revenue-poll-popup .error-msg { display: block; color: #fff; float: left; margin-top: 5px; font-size: 12px; background: #bd2f2f; width: 95%; padding: 5px 0 5px 7px; text-align: left; } .revenue-poll-popup .btn-disabled{ opacity: 0.7; cursor: default; } @media only screen and (min-width : 0px) and (max-width : 640px) { .revenue-poll-popup .vote-pop{ width: 290px; } .revenue-poll-popup .revenue-ques{ max-width: 190px; font-size: 16px; } } /*Estimate poll employee popup styles*/ .employee-poll-popup .vote-pop { width: 310px; border-radius: 0; } .employee-poll-popup .vote-pop-in { width: 100%; margin: 0; padding-top: 28px; padding-bottom: 22px; } .employee-poll-popup .employee-poll-title { width: 80%; margin-left: 10%; text-align: center; padding-bottom: 18px; } .employee-poll-popup .employee-ques { color: #000; font-size: 18px; display: inline-block; line-height: 20px; max-width: 200px; vertical-align: middle; text-align: center; position: relative; word-wrap: break-word; text-transform: none; } .employee-poll-popup .field{ width: 88%; float: left; margin-left: 6%; } .employee-poll-popup .input-ct { width: 94%; height:33px; border: 1px solid #D0D0D0; border-radius: 5px; padding: 0px 0 0 3%; position: relative; } .employee-poll-popup .employee-estimate-vote-save { width: 95px; height: 35px; margin-top: 19px; font-size: 13px; color: #FFF; border-radius: 5px; } .employee-poll-popup .btn-value { vertical-align: middle; } .employee-poll-popup .employee-dc-jimf {background-position: -291px -563px; width: 36px; height:26px; vertical-align: bottom; display: inline-block; margin-left: -32px; } .employee-poll-popup input, .employee-poll-popup .currency-ct { margin: 2px 0px; line-height: 29px; float: left; text-align: left; font-size: 20px; color: #000; } .employee-poll-popup input{ width: 99% } .employee-poll-popup .currency-ct { border-left: 1px solid #b8b8b8; float: none; position: absolute; right: 7px; padding-left: 7px; } .employee-poll-popup input::-webkit-input-placeholder { color: #B8B8B8; font-style: italic; } .employee-poll-popup input:-moz-placeholder { color: #B8B8B8; font-style: italic; } .employee-poll-popup input::-moz-placeholder { color: #B8B8B8; font-style: italic; } .employee-poll-popup input:-ms-input-placeholder { color: #B8B8B8; font-style: italic; } .employee-poll-popup .error-msg { display: block; color: #fff; float: left; margin-top: 5px; font-size: 12px; background: #bd2f2f; width: 95%; padding: 5px 0 5px 7px; text-align: left; } .employee-poll-popup .btn-disabled{ opacity: 0.7; cursor: default; } @media only screen and (min-width : 0px) and (max-width : 640px) { .employee-poll-popup .vote-pop{ width: 290px; } .employee-poll-popup .employee-ques{ max-width: 190px; font-size: 16px; } } #searchAndManageCompanySuggestionBox li.highlight-item{ background: #5dcef6; } .cp-tcb-search #searchAndManageCompanySuggestionBox li.highlight-item{ background: #dedede; } /*------------------------- Invite Team Page Styles -------------------------*/ #invite-team-container { width: 70%;float: left;padding: 67px 15% 85px; } #invite-team-container .left-content { width:55%; float: left; padding: 0px 0 0 0; } #invite-team-container .right-content { width:35%; float: right;} #invite-team-container .left-content .input-field { width:78%; height:57px; float: left; background:#efefef; border: 1px solid #cbcbcb; padding: 5px 20px; font-family:Arial, Helvetica, sans-serif !important; font-size:22px; color:#171717; font-weight: bold; margin: 0 0px 12px 0; border-radius:10px; outline: none; } #invite-team-container .left-content .multi-input .input-field{width: 89.2%;} #invite-team-container .left-content .button_submit {width: 60%; margin: 8px 0 15px 10%;float: left; text-transform: uppercase; height: 60px; font-size: 22px; border-radius: 12px; background: #10b3ff !important; box-shadow: #0885c5 0 2px 0 !important; outline: none;} #invite-team-container .left-content h2 { width:88%;font-family: 'Rockwell_Regular', Arial, Verdana, Geneva, sans-serif !important; font-size: 40px; color:#ff8100; line-height: 46px; padding-bottom:12px;text-transform: none; } #invite-team-container .left-content h4 { width:88%;font-family:"Dinot_Regular", Verdana, Geneva, sans-serif !important; font-size: 16px; color:#333333; padding-bottom:10px;text-transform: none;line-height: 20px; } #invite-team-container .left-content h4 span { font-family:"Dinot_Medium", Verdana, Geneva, sans-serif !important;} #invite-team-container .left-content p { font-size: 14px; color:#000000; text-align: center; padding-bottom:9px; } #invite-team-container .left-content .input-field:focus { background: #fff;} #invite-team-container .left-content .input-field::-webkit-input-placeholder { font-style: italic; color: #8a8a8a; font-weight: normal; } #invite-team-container .left-content .input-field:-ms-input-placeholder { font-style: italic; color: #8a8a8a; font-weight: normal; } #invite-team-container .left-content .input-field:-ms-input-placeholder { font-style: italic; color: #8a8a8a; font-weight: normal; } #invite-team-container .left-content .input-field:-moz-placeholder { font-style: italic; color: #8a8a8a; font-weight: normal; } #invite-team-container .left-content .label { display: none;} #invite-team-container .left-content .field { position: relative; width: 100%; float: left; } #invite-team-container .left-content .field .invalid { border: 1px solid #f00!important; color: #e8321f !important; background: #fff5d9!important;} #invite-team-container .left-content .field .error-msg { color: #fff; float: left; margin-top: -8px; margin-bottom: 10px; font-size: 14px; background: #da3326; width: 84%; padding:8px 5px;} #invite-team-container .left-content .field .error-msg .fa { color: #fff; font-size: 18px; margin: 0px 5px 0 5px; float: left; } #invite-team-container .left-content .field .error-msg .error {font-size: 14px;color: #fff;display:inline;} #invite-team-container .left-content .field .multi-ct { width: 87.3%; float: left; } #invite-team-container .left-content .field .multi-ct .error-msg { width:100%; } #invite-team-container .left-content .field .multi-ct .delete-icon{display:none;} #invite-team-container .left-content .add-icon { width: 30px; height:24px; font-size: 20px; color: #fff; text-align: center; background: #10b3ff; padding-top: 6px; border-radius: 50%; margin-top: 19px; float: left; cursor: pointer; margin-left: 10px; } #invite-team-container .left-content .hint { width:80%; float:left; font-size: 11px; color: #8a8a8a; font-style: italic;} #invite-team-container .left-content .hint span { text-decoration: underline; } #invite-team-container .error_msg { width: 85%; float: left; background-color: #da3326; margin: 10px 0;padding:5px 5px 5px 0; } #invite-team-container .error_msg .fa { color: #fff; font-size: 18px; margin: 0px 5px 0 5px; float: left; } #invite-team-container .error_msg .error {font-size: 14px;color: #fff;display:inline;} #invite-team-container .confirmation_msg { margin-top: 160px; } #invite-team-container .confirmation_msg h2 { font-size: 40px; color: #ff8100;} #invite-team-container .confirmation_msg h4 { font-size: 24px; color: #333333;} #invite-team-container .right-content .invite-banner { width:235px; height:480px; float: left; background: url(../images/banner_welcome.png) no-repeat;padding:155px 0 0 55px;} #invite-team-container .right-content .invite-banner .logo_container { width: 150px; height: 60px; font-family: 'Rockwell_Regular', Arial, Verdana, Geneva, sans-serif !important; font-size: 36px; color: #333333; display: table-cell; text-align: center; vertical-align: middle;} #invite-team-container .right-content .invite-banner .logo_container img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important;} /* #invite-team-container #employerLogo { display: none; } */ /***************************** Invite Team referral AB Testing Styles *************************/ .contactbook-referral-test{ float: left; width: 100%; } .contactbook-overlay{ position: fixed; z-index: 2; background: #000; width: 100%; height: 100%; } .contactbook-referral-test-container{width:90%; max-width:750px;min-height:400px;background: #FFF;z-index: 3;position: fixed;top:100px;left:50%;transform: translateX(-50%);} .contactbook-referral-test-holder{padding:39px 30px 27px 42px;} .contactbook-title{font-family: Dinot_Medium;font-size:22px; line-height: 24px;color:#FF8100;padding-bottom:25px;} .contact-book-icons-holder{width:100%;float:left;background:#EFEFEF;margin-bottom: 25px;} .contact-book-icons-container, .contact-book-thanks-container{margin:0 auto;max-width:679px; } .contact-ref-text-variations{text-align:center;width:100%;float:left;margin-bottom:27px;} .red-txt-varient{font-family: Dinot_Regular;font-size: 15px;color:#FF0000;padding-bottom:15px;cursor:pointer;} .grey-txt-varient{font-family: Dinot_Regular;font-size: 16px;color:#ABABAB;cursor:pointer;} ul.icons-list {padding:30px 1.5% 24px 1%;float:left;} ul.icons-list li {background:url(../images/contact_book_referal.png) no-repeat;float:left;width:200px;height:65px;margin:0px 10px 15px 10px;cursor:pointer;} .icon-gmail{background-position: 0px -134px !important;} .icon-yahoo{background-position: 0px -335px !important;} .icon-outlook{background-position: 0px 0px !important; } .icon-aol{background-position: 0px -67px !important;} .icon-linkedin{background-position: 0px -268px !important;} .icon-icloud{background-position: 0px -201px !important; } .contactbook-referral-thanks-holder .contactbook-title{padding:80px 30px 22px 42px;text-align:center;} .contact-close-icon i{font-size:15px !important; float:right; color:#D9D9D9;margin:15px;cursor:pointer;} .contact-book-thanks-response{text-align: center;font-family: Dinot_Regular;font-size: 15px;color:#000;line-height: 18px;margin-bottom:30px;} .contact-ref-thanks-text{text-align: center;} .contact-thanks-black{font-family: Dinot_Medium;font-size: 15px;color:#000;margin-bottom:5px;} .contact-thanks-blue{font-family: Dinot_Regular;font-size: 16px;color:#00ACEC;cursor:pointer;} @media only screen and (min-width : 641px) and (max-width : 849px) { .contact-book-icons-container,.contact-book-thanks-container {max-width:460px;} } @media only screen and (min-width : 0px) and (max-width : 640px) { .contact-book-icons-container{max-width:205px;} .contact-book-thanks-container{ max-width: 250px; } .contactbook-referral-test-container{ top: 0px; width: 100%; left: 0; transform: none !important; height: 100%; overflow: auto; } .contactbook-referral-test-holder{ padding: 15px 10px 20px 10px; } ul.icons-list li{ margin: 0 0 15px 0; } ul.icons-list{ padding: 30px 1% 17px 1%; } .contactbook-referral-test{ position: fixed; z-index: 100; } .mfont-grey{ font-size: 10px; color: #505050; padding: 15px 0px 14px 0px; } .contactbook-title{ padding-bottom: 0; } .contact-ref-text-variations.mobile-only{ margin: 0; } .contact-ref-text-variations{ margin-bottom: 52px; } .contactbook-referral-thanks-holder .contactbook-title{ padding: 18px 30px 18px 42px; } } #import_contacts{width:82%;float:left;} #import_contacts .contacts_container{width:93%;border:1px solid #cbcbcb;padding:10px 5%;text-align:center;margin-bottom:30px;} #import_contacts ul{width:100%;} #import_contacts ul li{display:inline-block;list-style:none;padding:0 6px;} #import_contacts ul li a.deep-link{text-indent:-9999px;text-decoration:none;width:30px;height:30px;display:block;} #import_contacts ul li a.deep-link.gmail{background-position: -145px -917px;} #import_contacts ul li a.deep-link.yahoo{background-position: -178px -917px;} #import_contacts ul li a.deep-link.windowslive{background-position: -212px -917px;} #import_contacts ul li a.deep-link.office365{background-position: -245px -916px;} #import_contacts ul li a.deep-link.linkedin{background-position: -279px -916px;} #employer-update-popup-overlay {background: #000; position: fixed; min-width: 100%; min-height: 100%; opacity: 0.8; z-index: 9999; top: 0;} #employer-update-popup { width: 500px; height: 285px; float: left; position: fixed; left: 30%; top:25%; background: #fff; padding: 25px 30px; z-index: 9999; } #employer-update-popup h3 { font-size: 18px; color: #5b5b5b; line-height: 24px; border-bottom: 2px solid #c7c7c7; padding-bottom: 10px; margin-bottom: 30px; } #employer-update-popup h4 { font-size: 18px; color: #5b5b5b; line-height: 24px; margin-bottom: 10px; margin-left: 10px;text-transform:none; } #employer-update-popup #addManageCompany{float: left;width: 100%;} #employer-update-popup #addManageCompany .search_suggest_div { position: relative; margin-left: 10px; right: auto; width: 100%;} #employer-update-popup #addManageCompany .search_suggest_div .inputfocus {float: left; width: 96%; height: 50px; border: 1px solid #cbcbcb; background: #efefef; font-size: 16px; line-height: 50px; } #employer-update-popup .button_submit {width: 94px; height: 35px; font-size: 12px; border-radius: 10px; margin: 10px 10px 0 0;right:20px;} #employer-update-popup .loading-circle-new { position: absolute; height: 102%; background: #333; z-index: 1; width: 100%; opacity: 0.6; left: 0; top: 0;} #employer-update-popup .info-spinner { color: #020202;left: 45%;top: 45%;position: absolute;} #employer-update-popup #domain_error_message {background: #ff2727; float: left; position: absolute; width: 84%; margin-top: 10px; margin-left: 10px;} #employer-update-popup #addManageCompany .search_suggest_div ul { width: 96% !important; } #employer-update-popup #addManageCompany .search_suggest_div ul li .searchresult { width: 405px !important; } #employer-update-popup #searchForm .success .info { background-position: -104px -2971px; width: 22px; height: 20px; float: left; margin: 0px; } #content #employer-update-popup #searchForm .success { display: block; font-family: 'Dinot_Regular' !important; width: 420px; margin-top: 55px; position: absolute; background: #8ec640; padding: 10px 3%; float: left; font-size: 13px; z-index: 1; } #employer-update-popup .search_suggest_div .success p { color: #FFF; float: none; display: table-cell; vertical-align: top; padding-left: 5px; text-align: left; } #invite-team-container.owler-for-team{width:80%;padding:67px 10% 85px;} #invite-team-container.owler-for-team .left-content{width:50%;} #invite-team-container.owler-for-team .left-content h2{line-height:42px;} #invite-team-container.owler-for-team .left-content h2 span{font-size:30px;} #invite-team-container.owler-for-team .left-content .field .multi-ct{width: 100%;float: left;} #invite-team-container.owler-for-team .left-content .multi-input .input-field{width:78.2%;} #invite-team-container.owler-for-team .left-content .field .error-msg{width:83.5%;} #invite-team-container.owler-for-team .left-content .field .multi-ct .error-msg{width:83.5%;} #invite-team-container.owler-for-team .left-content .button_submit{width: 45%;margin:8px 0 15px 0;font-size:20px;} #invite-team-container.owler-for-team .left-content .add-icon{position: absolute;bottom: -50px;right: 85px;} #invite-team-container.owler-for-team .left-content .pricing-msg{color:#666666;font-size:12px;width:120px;float:left;padding:20px 0 0 60px;} #invite-team-container.owler-for-team .left-content.confirmation_msg {width: 100%;text-align: center;line-height:24px;color:#000000;margin:0;} #invite-team-container.owler-for-team .left-content.confirmation_msg p{font-size:22px;} #invite-team-container.owler-for-team .left-content.confirmation_msg .thanks-jimf{display:inline-block;width: 155px;height: 155px;background-position: -443px -1024px;} #invite-team-container.owler-for-team .right-content{width:50%;padding-top: 140px;} #invite-team-container.owler-for-team .right-content h3{font-size:30px;color:#000000;padding-bottom:38px;text-transform:none;font-family:Dinot_regular;} #invite-team-container.owler-for-team .right-content ul{float:left;width:80%;padding:0 10%;} #invite-team-container.owler-for-team .right-content ul li{color:#8bc540;line-height:24px;font-size:20px;float:left;width:100%;padding: 8px 0 8px 0;} #invite-team-container.owler-for-team .right-content ul li i{padding-right:15px;float: left;font-size:18px;padding-top:3px;} #invite-team-container.owler-for-team .right-content ul li span{float: left;width: 89%;} #invite-team-container.owler-for-team .right-content .pricing-msg{color:#000000;font-size:16px;line-height:24px;text-align:center;padding-top:32px;float:left;width:80%;} @media only screen and (min-width : 0px) and (max-width : 640px) { #invite-team-container { width:98%;padding:0 0 0 2%; } #invite-team-container.owler-for-team{width:94%;padding:0 0 0 2%;} #invite-team-container.owler-for-team .left-content{width:100%;} #invite-team-container .left-content { width:95%;padding-left:0px;padding-bottom:50px;} #invite-team-container .right-content { display:none !important;} #invite-team-container .left-content .input-field { width:92%; padding: 5px 4%;font-size:14px;} #invite-team-container .left-content .button_submit {width: 100%;margin-left:0;} #import_contacts{width:100%;float:left;} #invite-team-container .left-content .add-icon { margin:0 0 30px 48%; } #invite-team-container.owler-for-team .left-content .add-icon{margin:0;right:0px;} #invite-team-container .left-content .field .multi-ct { width: 100%; } #invite-team-container .left-content .multi-input .input-field{width: 92%;padding: 5px 4%;font-size:14px;} #invite-team-container.owler-for-team .left-content .multi-input .input-field{width:92.2%;} #invite-team-container .left-content .hint{width:100%;} #invite-team-container .left-content h2 { width:100%;text-align:center;} #invite-team-container .left-content h4{ width:100%;text-align:center; } #employer-update-popup{width: 80%; height: 275px; float: left; position: fixed; left: 5%; top:5%;padding:5%;} #employer-update-popup #addManageCompany .search_suggest_div{width:95%;} #employer-update-popup #addManageCompany .search_suggest_div .inputfocus{width:100%;font-size: 14px !important;} #employer-update-popup .button_submit{position:relative;float:right;margin:10px -15px 0px 0;} #invite-team-container.owler-for-team .left-content .button_submit{font-size: 16px;width:50%;} #invite-team-container.owler-for-team .left-content .pricing-msg{padding:20px 0 0 30px;} #invite-team-container.owler-for-team .left-content .field .error-msg{width:98%;} #import_contacts .contacts_container{width:90%;} #invite-team-container .left-content .field .error-msg{width:98%;} #invite-team-container .error_msg{width:100%;} #employer-update-popup h3{margin-bottom: 20px;} #employer-update-popup h4{font-size: 18px;line-height: 22px;} .employer-update-popup-inner{position:relative;width:100%;float:left;} #invite-team-container .confirmation_msg{margin-top: 60px;} } @media only screen and (min-width : 641px) and (max-width : 1024px) { #invite-team-container .left-content .multi-input .input-field{width:84%;font-size:14px;} #invite-team-container .left-content .field .multi-ct{width:81.3%;} #invite-team-container .left-content .input-field{width:69%;font-size:14px;} #import_contacts{width:78%;} #invite-team-container .left-content .field .error-msg{width:80%;} #invite-team-container .error_msg{width:82%;} } /* Operation oprah styles */ .opr-banner{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 3; display:block; } .opr-banner-inner-container{ height: 0; float: left; width: 100%; background: #003D51; max-height: 225px; overflow: hidden;-webkit-transition: height 1s ease-in-out; transition: all 1s ease-in-out; } .opr-banner-inner-container.active{ height: 225px; } .opr-close-button-holder{ position: relative; } .opr-close-button-holder .close-button{ position: absolute; top: 10px; right: 10px; cursor: pointer; opacity:0.5; } .opr-close-button-holder .close-button i.ico.olr-icon-close{ color: #FFF; font-size: 18px; } .opr-cont-container{ max-width: 660px; margin: 0 auto; } .opr-top-section{ float: left; width: 100%; padding-top: 34px; padding-bottom: 17px; } .opr-top-section .jimf-holder{ width: 30%; float: left; } .opr-top-section .txt-holder{ width: 67%; float: left; padding-left: 3%; text-align: left; } .opr-top-section .txt-holder .yellow-txt, .opr-top-section .txt-holder .white-txt{ float: left; font-size: 22px; width: 100%; } .opr-top-section .txt-holder .yellow-txt{ color: #f9d40a; padding-bottom: 11px; padding-top: 4px; } .opr-top-section .txt-holder .white-txt{ color: #FFF; } .opr-bottom-section{ float: left; width: 100%; } .opr-bottom-section INPUT[type="text"].pagelessOBEmailinput{ font-style: italic; float: left; width: 62%; padding: 18px 3%; background: #FFF; border-radius: 5px 0 0 5px; color: #999; font-size: 18px; max-width: 440px; box-sizing: content-box; } .opr-bottom-section #pagelessOnboardingRegisterSubmit{ background: #00B5FF; color: #FFF; font-size: 18px; width: 27%; padding: 18px 2%; border-radius: 0 5px 5px 0; margin: 0; height: inherit; box-shadow: none !important; text-transform: uppercase; max-width: 215px; box-sizing: content-box; } .opr-bottom-section #pagelessOnboardingRegisterSubmit:hover{ background: #04a8ea !important; } .opr-cont-container .domain_error_message, .opr-cont-container .info_message{ width: 62%; padding: 0px 3%; } .jimf-holder .double-jimf-icon{ background-position: -128px -1134px; width: 142px; height: 60px; float: right; } .opr-banner .loading-circle-new { position: absolute; text-align: center; vertical-align: middle; width: 100%; height: 100%; float: left; top: 0; left: 0; background: #000; z-index: 10; opacity: 0.5;} .opr-banner .loading-circle-new .fa-spin { color: #fff; margin-top: 9%;} @media only screen and (min-width : 0px) and (max-width : 640px) { .opr-banner-inner-container { width: 94%; padding: 0 3%; } .opr-top-section .txt-holder{ width: 100%; padding-left: 0; text-align: center; } .opr-top-section .txt-holder .yellow-txt { font-size: 18px;} .opr-top-section .txt-holder .white-txt { font-size: 18px;} .opr-bottom-section INPUT[type="text"].pagelessOBEmailinput{ width: 94%; margin-bottom: 10px; padding: 12px 3%; border-radius: 5px; max-width: 94%; } .opr-bottom-section #pagelessOnboardingRegisterSubmit{ width: 96%; margin-bottom: 10px; padding: 11px 2%; border-radius: 5px; max-width: 96%; } .opr-cont-container .domain_error_message, .opr-cont-container .info_message { margin-top: -160px; width: 95%;} .opr-cont-container .domain_error_message .errorMessage,.opr-cont-container .info_message .infoMessage { width: 84% !important;} .opr-close-button-holder .close-button{ right: 0; } .opr-close-button-holder .close-button i.ico.olr-icon-close{ font-size: 15px; } } /* Unsubscribe page */ #unsubscribe { width: 100%; float: left; } #unsubscribe_ct { width: 675px; padding: 0 10px;margin:0 auto;position:relative; } #unsubscribe h2 { font-size:20px;color: #666666;border-bottom: 1px solid #d26e2b; padding-bottom: 15px; margin-bottom: 30px;text-transform: uppercase;} #unsubscribe h4 { color: #808080; font-weight: bold; margin-top: 35px;} #unsubscribe .your_email{color:#000000;font-size:13px;padding-bottom:35px;} #unsubscribe .not_you{color:#00acec;font-size:13px;} #unsubscribe .option_header{font-size:11px;color:#000000;display:block;padding-bottom:16px;} #unsubscribe .olr-stack{cursor:pointer;} #unsubscribe .checkbox-circle{font-size: 30px;color: #999999;} #unsubscribe .checkbox-filledcircle{font-size: 19px;align-content: center;padding-top: 5px;color: #ffffff;} #unsubscribe .radio input:checked + label .checkbox-filledcircle{color: #6591c6;} #unsubscribe .container { width: 100%; float: left; padding:0 0 20px 0;} #unsubscribe .change { width: 98px; height: 18px; float: left; background: #ffffff; opacity:0.5; position: absolute; bottom: 6px; left: 6px;} #unsubscribe .changetext { width: 100px; height: 18px; float: left; color:#000000; text-align:center; position: absolute; bottom: 3px; left: 5px;} #unsubscribe .radio input {display: none;} #unsubscribe .radio input + label{color:#d26e2b;width:auto;height:30px;font-weight:normal;display:inline-block;position:relative;padding:0;} #unsubscribe .radio input:checked + label, #unsubscribe .row .radio input:checked + label:after{font-weight:normal;} #unsubscribe .radio label { width: auto; padding: 0 0 0 20px;color:#d26e2b;} #unsubscribe label.radio { width: 13px; height:13px; float: left; text-align: right; padding:0; margin-right: 10px; } #unsubscribe .msg{float: left; margin-top:10px;color:#000000;padding-bottom: 26px;font-size: 14px;line-height:17px;} #unsubscribe .input { width: 268px; float: left; color:#676767; font-weight:bold; border:1px solid #d6d6d6; border-radius:5px; padding: 6px 10px} #unsubscribe .radio { width: auto; color:#d26e2b; font-size:20px;font-weight:bold; font-family:"Dinot_Bold", Verdana, Geneva, sans-serif;} #unsubscribe .radio_items { width: 75px; float: left;} #unsubscribe .msg_title { font-size: 16px; color:#ff8100; display:block;} #unsubscribe .input::-webkit-input-placeholder,#edit_profile_settings .row .input::-moz-placeholder,#edit_profile_settings .row .input:-ms-input-placeholder,#edit_profile_settings .row input.input:-moz-placeholder { font-weight: normal; color:#e5e5e5; font-style: italic; } #unsubscribe .button_container{float:left;margin-bottom:30px;width:100%;} #unsubscribe .button_container .unsub_button{margin: 0px 0 15px 150px;float: left;text-transform: uppercase;height: 35px;font-size: 12px;border-radius: 6px;background: #10b3ff!important;box-shadow: #0885c5 0 2px 0!important;outline: 0;color:#ffffff;padding:0 40px;} #unsubscribe .button_container .unsub_button:disabled{opacity:0.3;} #unsubscribe .button_container .success{float: left;width: 75%;display: none;color: #ffffff;background: #8EC640;margin: 0 0 10px 150px;padding: 8px 0;} #unsubscribe .button_container .alert{float: left;width: 75%;display: none;color: #ffffff;background: #f34848;margin: 0 0 10px 150px;padding: 8px 0;} #unsubscribe .button_container .msg_icon{float:left;margin: 0px 10px 0 12px;font-size: 20px;color: #fff;} #unsubscribe .button_container .success p, #unsubscribe .button_container .alert p{color:#ffffff;font-size:12px;} #unsubscribe .button_container .working{font-size: 20px;margin: 10px 0 0 10px;} #unsubscribe .sorry_msg{float:left;width: 100%;margin:0 auto;} #unsubscribe .email_pref{float:left;width: 100%;margin:0 auto;display:none;} #unsubscribe .unsub_jimf_web{width:101px;height:115px;float:left;margin-right:30px;} #unsubscribe .unsub_jimf_mobile{display:none;} #unsubscribe .unsub_pretext{float:left;width: 540px;} #unsubscribe .unsub_pretext h3{float:left;font-size: 24px;color: #000000;text-transform: none;padding-top: 8px;} #unsubscribe .unsub_pretext .cnt{float:left;} #unsubscribe .unsub_pretext .cnt p{padding:20px 0 12px 0;font-size:18px;color:#ff8100;line-height:20px;} #unsubscribe .unsub_pretext .cnt p span.email{text-decoration:underline;} #unsubscribe .unsub_pretext .cnt span.accident{font-size:14px;color:#999999;display:block;} #unsubscribe .unsub_pretext .cnt span.accident a{color:#00acec;} #unsubscribe #manage-others{color:#00acec;display:block;margin-top:100px;font-size: 14px;} #unsubscribe .obs_survey{float:left;width: 100%;margin:0 auto;padding-left: 130px;margin-top:5px;} #unsubscribe .obs_survey h4{font-size:18px; color:#000000;margin-bottom:30px;float:left;text-transform: none;} #unsubscribe .obs_survey form{width:100%;float:left;} #unsubscribe .obs_survey .question{width:100%;float:left;margin-bottom:13px;} #unsubscribe .obs_survey .option{float:left;margin-left:55px;width:35px;} #unsubscribe .obs_survey .txt{font-size:18px; color:#000000;padding: 5px 0 0 10px;float: left;} #unsubscribe #thanks_ct{width: 675px; padding: 0 10px;margin:0 auto;display:none;} #unsubscribe #thanks_ct .thanks_jimf{width:101px;height:115px;margin:0 auto;} #unsubscribe #thanks_ct .thanks_msg{color:#000000;margin-top:55px;font-size:24px;width:100%;text-align:center;} #showLoading{position: absolute;width: 100%;height: 417px;background: #ffffff;opacity: 0.5;z-index: 99;display:none;} #showLoading i{top:35%;left:45%;position:absolute;font-size: 30px;} #unsubscribe .pref-sucess-banner{background: #f36828;width: 100%;text-align: center;padding: 5px 0;color: #fff;font-size: 20px;margin: 0px 0 75px 0;float: left;} #unsubscribe .pref-sucess-banner .notification{font-size: 24px;color: #fff;line-height: 26px;} #unsubscribe .pref-sucess-banner .notif-close{float: right;text-align: right;display: inline-flex;padding: 3px 5px 0 0;font-size: 17px;opacity: 0.7;cursor:pointer;} #unsubscribe .pref-sucess-banner .notif-msg{font-family:"Roboto-Medium";font-size: 20px;line-height: 22px;padding-left: 6px;display: inline-block;position: relative;top: -3px;} @media only screen and (min-width : 0px) and (max-width : 640px) { #unsubscribe_ct { width: 96%;padding: 0 2%;float: left;margin-top: 30px; } #unsubscribe #thanks_ct{width: 96%;padding: 0 2%;float: left;margin-top: 30px;} #unsubscribe h2{margin-bottom:20px;} #unsubscribe .not_you{display: block;padding-left: 68px;} #unsubscribe .your_email{padding-bottom:30px;} #unsubscribe .button_container .unsub_button{margin-left:65px;} #unsubscribe .button_container .success, #unsubscribe .button_container .alert{margin-left:65px;} #unsubscribe .unsub_pretext{width:100%;} #unsubscribe .unsub_pretext .cnt p{padding:10px 0 12px 0;} #unsubscribe #manage-others{margin-top:60px;} #unsubscribe .unsub_jimf_mobile{display:block;width: 42px;height: 48px;float: left;margin-left: 41px;display: block;margin-top: -15px;} #unsubscribe .unsub_jimf_web{display:none;} #unsubscribe #thanks_ct .thanks_jimf{width: 42px;height: 48px;margin:0 auto;} #unsubscribe #thanks_ct .thanks_msg{margin-top:16px;} #unsubscribe .obs_survey{padding:0;} #unsubscribe .obs_survey h4{margin-top:0px;line-height: 24px;} #unsubscribe .obs_survey .option{margin-left:25px;} #unsubscribe .pref-sucess-banner{margin: 0px 0 0px 0;padding:15px 0;} #unsubscribe .pref-sucess-banner .notif-close{margin-top: -10px;} #unsubscribe .pref-sucess-banner .notif-msg{max-width: 254px;font-size: 16px;line-height: 20px;} }