/*! -------------------------------------------------- * * TABLE OF CONTENTS * * partials * global styles * typography * forms * structure * header * pages * elements * footer * navigation * media queries * development styles * bottom partials * * -------------------------------------------------- */ /*! -------------------------------------------------- #partials -------------------------------------------------- */ /*! -------------------------------------------------- Fonts -------------------------------------------------- */ /*! -------------------------------------------------- COLORS -------------------------------------------------- */ /*! -------------------------------------------------- MEASUREMENT -------------------------------------------------- */ /*! -------------------------------------------------- BREAKPOINTS -------------------------------------------------- */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * android highlight color * btn basic * reset list styles * hide text * align * grid * justify table * box sizing * REM * opacity * vendor prefixing * set max width * flexslider reset * retina Backgrounds * set media queries * clearfix * * -------------------------------------------------- */ /*! -------------------------------------------------- #android highlight color -------------------------------------------------- */ /*! -------------------------------------------------- #btn basic '@include btnBasic(, )' -------------------------------------------------- */ /*! -------------------------------------------------- #reset list styles -------------------------------------------------- */ /*! -------------------------------------------------- #hide text -------------------------------------------------- */ /*! -------------------------------------------------- #align - It works straight out of the box, until IE9 -------------------------------------------------- */ /*! -------------------------------------------------- #grid -- @include grid(".item", 4, 5%); -------------------------------------------------- */ /*! -------------------------------------------------- #justify table -------------------------------------------------- */ /*! -------------------------------------------------- #box sizing The box-sizing property allows you to define certain elements to fit an area in a certain way Values: content-box - border-box - initial - inherit -------------------------------------------------- */ /*! -------------------------------------------------- #REM font size @include font-size(size); -------------------------------------------------- */ /*! -------------------------------------------------- #opacity This mixin ensures cross browser opacity all the way down to Internet Explorer 5 @include opacity(0.8); -------------------------------------------------- */ /*! -------------------------------------------------- #vendor prefixing -------------------------------------------------- */ /*! -------------------------------------------------- #set max width -------------------------------------------------- */ /*! -------------------------------------------------- #flexslider reset -------------------------------------------------- */ /*! -------------------------------------------------- #retina Backgrounds Usage: 1. create background image for pixel ratio 1 screens and put it somewhere in your images folder. 2. create background image for pixel ratio 2 screens and put it somewhere in your images folder. 3. include the background-image property in your Sass/Scss using: '@include background-retina(, )' */ /*! -------------------------------------------------- #set media queries @include MQ(min, max); @include MQ(variable); -------------------------------------------------- */ /*! -------------------------------------------------- #clearfix -------------------------------------------------- */ /*! -------------------------------------------------- Btn form -------------------------------------------------- */ .form-submit { padding: 8px 12px 8px 12px; border: 0px; background: #9f9f9f; color: #ffffff; } .form-submit:hover { background: #acacac; } /*! -------------------------------------------------- CLEARFIX -------------------------------------------------- */ .pickList { *zoom: 1; } .pickList:before, .pickList:after { content: " "; display: table; } .pickList:after { clear: both; } /*! -------------------------------------------------- RESET LIST STYLES -------------------------------------------------- */ ul.tabs.primary { margin: 0; padding: 0; } ul.tabs.primary li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } /*! -------------------------------------------------- HIDE TEXT -------------------------------------------------- */ /*! -------------------------------------------------- Vertical align It works straight out of the box, until IE9 -------------------------------------------------- */ /*! -------------------------------------------------- Horizontal align It works straight out of the box, until IE9 -------------------------------------------------- */ /*! -------------------------------------------------- Horizontal + Vertical align It works straight out of the box, until IE9 -------------------------------------------------- */ /*! -------------------------------------------------- JUSTIFY TABLE -------------------------------------------------- */ /*! -------------------------------------------------- #android-highlight-color -------------------------------------------------- */ #main-header #btn-resp { -webkit-tap-highlight-color: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* -------------------------------------------------- Field collection items reset -------------------------------------------------- */ /* global style */ .field-collection-view, .field-collection-container .field-items .field-item, .field-collection-container { border: 0; padding: 0; margin: 0; } ul.field-collection-view-links li a { margin: 0px 5px; } /* add button */ .field-collection-container ul.action-links-field-collection-add { float: none; margin: 0; padding: 0; } .field-collection-container ul.action-links-field-collection-add li { list-style: none; padding: 0; margin: 0; margin-top: 5px; } .field-collection-container ul.action-links-field-collection-add li a { display: block; padding: 5px 10px; color: #ffffff; background: #000000; border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* -------------------------------------------------- Admin tabs -------------------------------------------------- */ ul.tabs.primary { background: #666666; padding: 5px 2% 5px 2%; color: #ffffff; } ul.tabs.primary li { display: inline-block; } ul.tabs.primary li a { display: inline-block; padding: 7px 12px 3px 12px; border: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #858585; color: #ffffff; } ul.tabs.primary li a:hover { background: #8c8c8c; } ul.tabs.primary li a.active { background: #ffffff; color: #666666; } input[type='text']:focus, input[type='password']:focus { border: none; outline: none; } body { max-width: 100vw; } /* ----------------------------------------------------- Error forms & messages -------------------------------------------------- */ div.messages { width: auto; padding: 8px 2% 8px 2%; margin: 0px 0px 15px 0px; border: 0px; border-bottom: 1px solid #8dc63f; background-image: none; } div.messages.status { border-color: #8dc63f; color: #8dc63f; } div.messages.error { border-color: #e45959; color: #e45959; } #infoMessage { background-color: #FCAC2E; color: white; font-family: "proxima-nova", sans-serif; font-size: 18px; font-size: 1.28571rem; height: 50px; line-height: 50px; } #infoMessage p { margin: 0; padding: 0; } /* ----------------------------------------------------- IE10 ignores the meta viewport tag for any viewport smaller than 400 pixels in width. To get IE10 in snap mode to play nicely we use this CSS Device Adaptation. source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design -------------------------------------------------- */ @-ms-viewport { width: device-width; } /*! -------------------------------------------------- Development -------------------------------------------------- */ #toolbar { box-shadow: none; } #block-locale-language .contextual-links-wrapper { display: none; } #l10n-client.hidden { display: block; visibility: visible; } .projects-controls-wrapper .search-box { display: none; } /*! -------------------------------------------------- Import fonts here with this url --> src: font-url -------------------------------------------------- */ /* Example @font-face @font-face { font-family: 'open_sans_regular'; src: font-url('Open-Sans-Regular-webfont.eot'); src: font-url('Open-Sans-Regular-webfont.eot?#iefix') format('embedded-opentype'), font-url('Open-Sans-Regular-webfont.woff') format('woff'), font-url('Open-Sans-Regular-webfont.ttf') format('truetype'), font-url('Open-Sans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } */ /*! -------------------------------------------------- Example -------------------------------------------------- */ /*! -------------------------------------------------- Variables -------------------------------------------------- */ /*! -------------------------------------------------- Sidebar nav -------------------------------------------------- */ @media only screen and (min-width: 0) and (max-width: 62.5em) { #container:before { content: " "; position: fixed; z-index: 700; top: 0; left: 0; width: 100%; height: 100%; background: rgba(45, 44, 47, 0.85); opacity: 0; filter: alpha(opacity=0); visibility: hidden; -moz-transition: all, 0.5s; -o-transition: all, 0.5s; -webkit-transition: all, 0.5s; transition: all, 0.5s; } [data-role="responsive-aside"] { position: fixed; z-index: 800; background: #ffffff; -moz-transition: position, 0.2s; -o-transition: position, 0.2s; -webkit-transition: position, 0.2s; transition: position, 0.2s; } [data-role="responsive-aside"].position-top { top: 0; left: 0; width: 100%; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } [data-role="responsive-aside"].position-left { top: 0; left: 0; width: 300px; max-width: 100%; height: 100%; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } [data-role="responsive-aside"].position-right { top: 0; right: 0; width: 300px; max-width: 100%; height: 100%; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } [data-role="responsive-aside"].position-bottom { bottom: 0; left: 0; width: 100%; -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); } html.show-sidebar-nav #container:before { opacity: 1; filter: alpha(opacity=100); visibility: visible; } html.show-sidebar-nav [data-role="responsive-aside"] { -moz-transform: translate(0%); -ms-transform: translate(0%); -webkit-transform: translate(0%); transform: translate(0%); } } /* -------------------------------------------------- #global styles -------------------------------------------------- */ *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 14px; overflow-x: hidden; } html.resp-menu-open body { overflow: hidden; } body { font-family: "proxima-nova", sans-serif; line-height: 1.5; color: #4d4d4f; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* -------------------------------------------------- #typography -------------------------------------------------- */ a, a:link, a:visited { text-decoration: none; color: #9f9f9f; -webkit-tap-highlight-color: transparent; } a:hover, a:focus { color: #b9b9b9; } h1, h2, h3, h4, h5, h6 { color: #4d4d4f; line-height: 1.2em; } h1 { font-size: 36px; font-size: 2.57143rem; } h2 { font-size: 30px; font-size: 2.14286rem; } h3 { font-size: 24px; font-size: 1.71429rem; } h4 { font-size: 18px; font-size: 1.28571rem; } h5 { font-size: 14px; font-size: 1rem; } h6 { font-size: 12px; font-size: 0.85714rem; } /* -------------------------------------------------- #forms -------------------------------------------------- */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * global form styles * * -------------------------------------------------- */ /*! -------------------------------------------------- #global form styles -------------------------------------------------- */ label { font-weight: normal; } input[text], textarea, select { padding: 6px 10px 6px 10px; border: 1px solid #c9c9c9; outline: 0; font-family: "proxima-nova", sans-serif; color: #4d4d4f; } input[text].error, textarea.error, select.error { border: 1px solid #e45959; } .grippie { display: none; } body.create-user h1, body #content div.edit-user h1, .edit-company h1 { margin-top: 30px; } body.create-user .create-user-wrapper, body.create-user .edit-user-wrapper, body.create-user .edit-company-wrapper, body #content div.edit-user .create-user-wrapper, body #content div.edit-user .edit-user-wrapper, body #content div.edit-user .edit-company-wrapper, .edit-company .create-user-wrapper, .edit-company .edit-user-wrapper, .edit-company .edit-company-wrapper { margin-left: auto; margin-right: auto; width: 655px; } body.create-user .create-user-wrapper input[type='text'], body.create-user .create-user-wrapper input[type='password'], body.create-user .edit-user-wrapper input[type='text'], body.create-user .edit-user-wrapper input[type='password'], body.create-user .edit-company-wrapper input[type='text'], body.create-user .edit-company-wrapper input[type='password'], body #content div.edit-user .create-user-wrapper input[type='text'], body #content div.edit-user .create-user-wrapper input[type='password'], body #content div.edit-user .edit-user-wrapper input[type='text'], body #content div.edit-user .edit-user-wrapper input[type='password'], body #content div.edit-user .edit-company-wrapper input[type='text'], body #content div.edit-user .edit-company-wrapper input[type='password'], .edit-company .create-user-wrapper input[type='text'], .edit-company .create-user-wrapper input[type='password'], .edit-company .edit-user-wrapper input[type='text'], .edit-company .edit-user-wrapper input[type='password'], .edit-company .edit-company-wrapper input[type='text'], .edit-company .edit-company-wrapper input[type='password'] { width: 100%; height: 56px; border-radius: 3px; border: 1px solid #c8c8c8; font-size: 18px; font-size: 1.28571rem; color: #4D4D4D; padding-left: 25px; margin-bottom: 9px; } body.create-user .create-user-wrapper input[type='submit'], body.create-user .edit-user-wrapper input[type='submit'], body.create-user .edit-company-wrapper input[type='submit'], body #content div.edit-user .create-user-wrapper input[type='submit'], body #content div.edit-user .edit-user-wrapper input[type='submit'], body #content div.edit-user .edit-company-wrapper input[type='submit'], .edit-company .create-user-wrapper input[type='submit'], .edit-company .edit-user-wrapper input[type='submit'], .edit-company .edit-company-wrapper input[type='submit'] { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; width: 40%; border-radius: 50px; height: 56px; font-size: 20px; font-size: 1.42857rem; font-weight: 500; margin-top: 20px; } body.create-user .create-user-wrapper input[type='submit']:hover, body.create-user .edit-user-wrapper input[type='submit']:hover, body.create-user .edit-company-wrapper input[type='submit']:hover, body #content div.edit-user .create-user-wrapper input[type='submit']:hover, body #content div.edit-user .edit-user-wrapper input[type='submit']:hover, body #content div.edit-user .edit-company-wrapper input[type='submit']:hover, .edit-company .create-user-wrapper input[type='submit']:hover, .edit-company .edit-user-wrapper input[type='submit']:hover, .edit-company .edit-company-wrapper input[type='submit']:hover { background: #fcb647; } body.create-user .create-user-wrapper select, body.create-user .edit-user-wrapper select, body.create-user .edit-company-wrapper select, body #content div.edit-user .create-user-wrapper select, body #content div.edit-user .edit-user-wrapper select, body #content div.edit-user .edit-company-wrapper select, .edit-company .create-user-wrapper select, .edit-company .edit-user-wrapper select, .edit-company .edit-company-wrapper select { width: 40%; height: 56px; border-radius: 3px; border: 1px solid #c8c8c8; font-size: 18px; font-size: 1.28571rem; color: #4D4D4D; padding-left: 25px; margin-bottom: 9px; } body.create-user .create-user-wrapper label, body.create-user .edit-user-wrapper label, body.create-user .edit-company-wrapper label, body #content div.edit-user .create-user-wrapper label, body #content div.edit-user .edit-user-wrapper label, body #content div.edit-user .edit-company-wrapper label, .edit-company .create-user-wrapper label, .edit-company .edit-user-wrapper label, .edit-company .edit-company-wrapper label { font-size: 18px; font-size: 1.28571rem; color: #2D2C2F; margin-left: 8px; margin-bottom: 8px; display: block; float: left; } body.create-user .create-user-wrapper p span, body.create-user .edit-user-wrapper p span, body.create-user .edit-company-wrapper p span, body #content div.edit-user .create-user-wrapper p span, body #content div.edit-user .edit-user-wrapper p span, body #content div.edit-user .edit-company-wrapper p span, .edit-company .create-user-wrapper p span, .edit-company .edit-user-wrapper p span, .edit-company .edit-company-wrapper p span { font-size: 16px; font-size: 1.14286rem; color: #ACA9A9; margin-left: 18px; margin-top: 2px; display: inline-block; } body.create-user .create-user-wrapper p.edit-country label, body.create-user .edit-user-wrapper p.edit-country label, body.create-user .edit-company-wrapper p.edit-country label, body #content div.edit-user .create-user-wrapper p.edit-country label, body #content div.edit-user .edit-user-wrapper p.edit-country label, body #content div.edit-user .edit-company-wrapper p.edit-country label, .edit-company .create-user-wrapper p.edit-country label, .edit-company .edit-user-wrapper p.edit-country label, .edit-company .edit-company-wrapper p.edit-country label { float: none; } body.create-user .create-user-wrapper p.user-role, body.create-user .edit-user-wrapper p.user-role, body.create-user .edit-company-wrapper p.user-role, body #content div.edit-user .create-user-wrapper p.user-role, body #content div.edit-user .edit-user-wrapper p.user-role, body #content div.edit-user .edit-company-wrapper p.user-role, .edit-company .create-user-wrapper p.user-role, .edit-company .edit-user-wrapper p.user-role, .edit-company .edit-company-wrapper p.user-role { margin-top: 35px; } body.create-user .create-user-wrapper p.user-role label, body.create-user .edit-user-wrapper p.user-role label, body.create-user .edit-company-wrapper p.user-role label, body #content div.edit-user .create-user-wrapper p.user-role label, body #content div.edit-user .edit-user-wrapper p.user-role label, body #content div.edit-user .edit-company-wrapper p.user-role label, .edit-company .create-user-wrapper p.user-role label, .edit-company .edit-user-wrapper p.user-role label, .edit-company .edit-company-wrapper p.user-role label { float: none; } body.create-user .create-user-wrapper p.create-submit span, body.create-user .edit-user-wrapper p.create-submit span, body.create-user .edit-company-wrapper p.create-submit span, body #content div.edit-user .create-user-wrapper p.create-submit span, body #content div.edit-user .edit-user-wrapper p.create-submit span, body #content div.edit-user .edit-company-wrapper p.create-submit span, .edit-company .create-user-wrapper p.create-submit span, .edit-company .edit-user-wrapper p.create-submit span, .edit-company .edit-company-wrapper p.create-submit span { margin-left: 0; margin-top: 10px; } body.create-user .edit-user-wrapper a, body #content div.edit-user .edit-user-wrapper a, .edit-company .edit-user-wrapper a { display: block; padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; width: 40%; border-radius: 50px; height: 56px; font-size: 20px; font-size: 1.42857rem; font-family: "proxima-nova", sans-serif; font-weight: 400; text-align: center; vertical-align: middle; float: right; position: relative; top: -56px; padding-top: 13px; } body.create-user .edit-user-wrapper a:hover, body #content div.edit-user .edit-user-wrapper a:hover, .edit-company .edit-user-wrapper a:hover { background: #fcb647; } body.create-user .edit-user-wrapper input[type='submit'], body #content div.edit-user .edit-user-wrapper input[type='submit'], .edit-company .edit-user-wrapper input[type='submit'] { font-family: "proxima-nova", sans-serif; } body.create-user .edit-user-wrapper p:last-child, body #content div.edit-user .edit-user-wrapper p:last-child, .edit-company .edit-user-wrapper p:last-child { margin-bottom: 0; } body.add-edit-label form#addform { display: inline; } body.add-edit-label form.delete_label_form { float: right; } body.login-page #subheader, body.form-page #subheader { background-color: #F0EFEC; padding-top: 64px; padding-bottom: 39px; } body.login-page #subheader h1, body.form-page #subheader h1 { font-size: 32px; font-size: 2.28571rem; } body.login-page #subheader h1 span, body.form-page #subheader h1 span { font-size: 18px; font-size: 1.28571rem; color: #ACA9A9; display: block; position: relative; top: -4px; left: 3px; } body.login-page input[type='text'], body.login-page input[type='password'], body.form-page input[type='text'], body.form-page input[type='password'] { width: 100%; height: 56px; border-radius: 3px; border: 1px solid #c8c8c8; font-size: 18px; font-size: 1.28571rem; color: #4D4D4D; padding-left: 25px; margin-bottom: 9px; } body.login-page input:-webkit-autofill, body.form-page input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } body.login-page #login-wrapper, body.login-page .forgot-pwd-wrapper, body.login-page #register-wrapper, body.form-page #login-wrapper, body.form-page .forgot-pwd-wrapper, body.form-page #register-wrapper { margin-left: auto; margin-right: auto; width: 655px; text-align: left; } body.login-page #login-wrapper input[type='text'], body.login-page #login-wrapper input[type='password'], body.login-page .forgot-pwd-wrapper input[type='text'], body.login-page .forgot-pwd-wrapper input[type='password'], body.login-page #register-wrapper input[type='text'], body.login-page #register-wrapper input[type='password'], body.form-page #login-wrapper input[type='text'], body.form-page #login-wrapper input[type='password'], body.form-page .forgot-pwd-wrapper input[type='text'], body.form-page .forgot-pwd-wrapper input[type='password'], body.form-page #register-wrapper input[type='text'], body.form-page #register-wrapper input[type='password'] { background-color: #ffffff !important; } body.login-page #login-wrapper a, body.login-page .forgot-pwd-wrapper a, body.login-page #register-wrapper a, body.form-page #login-wrapper a, body.form-page .forgot-pwd-wrapper a, body.form-page #register-wrapper a { padding: 8px 12px 8px 12px; border: 0px; background: #ffffff; color: #2D2C2F; border: 1px solid #c8c8c8; width: 40%; border-radius: 50px; font-size: 16px; font-size: 1.14286rem; display: block; text-align: center; margin-top: 14px; } body.login-page #login-wrapper a:hover, body.login-page .forgot-pwd-wrapper a:hover, body.login-page #register-wrapper a:hover, body.form-page #login-wrapper a:hover, body.form-page .forgot-pwd-wrapper a:hover, body.form-page #register-wrapper a:hover { background: white; } body.login-page label, body.form-page label { font-size: 18px; font-size: 1.28571rem; color: #2D2C2F; margin-left: 8px; margin-bottom: 8px; display: block; } body.login-page label:first-of-type, body.form-page label:first-of-type { margin-top: 30px; } body.login-page .login-remember-me, body.form-page .login-remember-me { margin-top: 30px; margin-bottom: 35px; } body.login-page .login-remember-me input[type="checkbox"], body.form-page .login-remember-me input[type="checkbox"] { display: none; } body.login-page .login-remember-me input[type="checkbox"] + label span, body.form-page .login-remember-me input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 15px 0 0; vertical-align: middle; background: url("/images/distribution/checkbox-not-checked-empty.png") left top no-repeat; cursor: pointer; } body.login-page .login-remember-me input[type="checkbox"]:checked + label span, body.form-page .login-remember-me input[type="checkbox"]:checked + label span { background: url("/images/distribution/checkbox-checked.png") left top no-repeat; } body.login-page .login-remember-me label, body.form-page .login-remember-me label { margin-top: 0; display: inline-block; margin-bottom: 0; } body.login-page input[type="submit"], body.form-page input[type="submit"] { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; border-radius: 50px; height: 56px; width: 40%; font-size: 20px; font-size: 1.42857rem; font-weight: 500; font-family: "proxima-nova", sans-serif; } body.login-page input[type="submit"]:hover, body.form-page input[type="submit"]:hover { background: #fcb647; } body.login-page #forgot-password a, body.form-page #forgot-password a { border: none; } body.register-page h1 span { line-height: 20px; max-width: 47%; margin-top: 15px; } body.register-page h2 { font-size: 32px; font-size: 2.28571rem; font-weight: 400; } body.register-page #register-wrapper p { margin-bottom: 0; } body.register-page #register-wrapper p span { font-size: 16px; font-size: 1.14286rem; color: #ACA9A9; margin-left: 18px; margin-top: 12px; display: inline-block; } body.register-page #register-wrapper p label { margin-top: 10px; float: left; } body.register-page #register-wrapper p.register-country label { float: none; } body.register-page select { width: 40%; height: 56px; border-radius: 3px; border: 1px solid #c8c8c8; font-size: 18px; font-size: 1.28571rem; color: #4D4D4D; padding-left: 25px; margin-bottom: 9px; } body.register-page .register-submit input { margin-top: 20px; } /* -------------------------------------------------- #structure -------------------------------------------------- */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * sidebar structure * * -------------------------------------------------- */ /*! -------------------------------------------------- #sidebar structure -------------------------------------------------- */ #sidebar-first { float: left; width: 20%; margin-right: 2%; } #sidebar-second { float: left; width: 20%; margin-left: 2%; } .sidebar-first #main-content { float: left; width: 78%; } .sidebar-second #main-content { float: left; width: 78%; } .two-sidebars #main-content { float: left; width: 56%; } /* -------------------------------------------------- #header -------------------------------------------------- */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * main header * * -------------------------------------------------- */ /*! -------------------------------------------------- #main header -------------------------------------------------- */ #main-header { text-align: center; } #main-header .header-top { background-color: #4D4D4D; margin-left: auto; margin-right: auto; color: #ACA9A9; height: 29px; line-height: 29px; font-size: 14px; font-size: 1rem; letter-spacing: 0.4px; } #main-header .header-top span { float: right; } #main-header .header-top span a:hover { color: #fcb647; } #main-header section { display: inline-block; height: 100%; width: 1140px; max-width: 90%; } #main-header #btn-resp { position: absolute; top: 55px; right: -7%; z-index: 300; width: 50px; height: 35px; color: #FFFFFF; line-height: 3.5em; cursor: pointer; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; background-image: url("/images/distribution/ico-menu.png"); background-repeat: no-repeat; background-size: 35px 20px; } @media (max-width: 62.5em) { #main-header #btn-resp { right: 5%; } } #main-header #btn-resp span { display: inline-block; overflow: hidden; text-indent: -5555px; } #main-header #btn-resp-close { display: none; position: fixed; top: 0; right: 0; z-index: 151; width: 100%; height: 100%; background: transparent; } .resp-menu-open #main-header #btn-resp-close { display: block; } #main-header .header-menu { height: 100px; background-color: #2D2C2F; position: relative; overflow: hidden; } #main-header .header-menu ul { list-style: none; margin: 0; padding: 0; } #main-header .header-menu ul li { display: inline-block; margin-right: 10.96491%; } #main-header .header-menu ul li:last-of-type { margin-right: 0; } #main-header .header-menu a { color: #F0EFEC; font-weight: 600; font-size: 18px; font-size: 1.28571rem; } #main-header .header-menu #logo { height: 100%; width: 197px; display: inline-block; margin-left: 1.57895%; float: left; margin-right: 5.26316%; } #main-header .header-menu #logo a { display: block; position: relative; vertical-align: bottom; height: 100%; } #main-header .header-menu #logo a img { position: absolute; bottom: 0; left: 0; } #main-header .header-menu #navigation { float: left; padding: 36px 0 36px 0; width: 50%; letter-spacing: 0.2px; text-align: center; } @media (max-width: 62.5em) { #main-header .header-menu #navigation { position: relative; z-index: 152; float: none; overflow-y: auto; padding: 0px 0px 0px 0px; width: 100%; } } @media (max-width: 62.5em) { #main-header .header-menu #navigation ul li { float: none; margin: 0px; margin-top: 20px; text-align: center; width: 100%; } #main-header .header-menu #navigation ul li:last-child { border-bottom: 0px; } } #main-header .header-menu #navigation a:hover { color: #fcb647; } #main-header .header-menu #navigation-wrapper { *zoom: 1; } #main-header .header-menu #navigation-wrapper:before, #main-header .header-menu #navigation-wrapper:after { content: " "; display: table; } #main-header .header-menu #navigation-wrapper:after { clear: both; } @media (max-width: 62.5em) { #main-header .header-menu #navigation-wrapper { background-color: #2d2c2f; } } #main-header .header-menu li.active a { color: #FCAC2E; } #main-header .header-menu #login { float: right; width: auto; line-height: 100px; text-align: right; } @media (max-width: 62.5em) { #main-header .header-menu #login { position: relative; text-align: center; z-index: 152; float: none; height: 100%; overflow-y: auto; margin-top: 20px; line-height: 21px; padding: 0px 0px 0px 0px; width: 100%; } } @media (max-width: 62.5em) { #main-header .header-menu #login ul { line-height: 21px; width: 100%; } } #main-header .header-menu #login ul li { display: inline; } #main-header .header-menu #login ul li a:hover { color: #fcb647; } #main-header .header-menu #login ul li:first-of-type { margin-right: 8.77193%; } @media (max-width: 62.5em) { #main-header .header-menu #login ul li { float: none; margin: 0px; text-align: center; height: 27px; margin-top: 20px; width: 300px; } #main-header .header-menu #login ul li:last-child { border-bottom: 0px; } } #main-header .header-menu #login .divider { display: inline-block; background: #ACA9A9; width: 1px; margin-left: 6px; margin-right: 6px; height: 12px; } #main-header .header-menu #login p { font-size: 18px; font-size: 1.28571rem; font-weight: 600; margin: 0; letter-spacing: 0.2; } #main-header .header-menu #login p a.username { color: #FCAC2E; text-transform: capitalize; } #main-header .header-menu #login p a.logout { color: #F0EFEC; font-weight: 400; font-size: 14px; font-size: 1rem; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * responsive button * main nav * * -------------------------------------------------- */ /*! -------------------------------------------------- #responsive button -------------------------------------------------- */ [data-role="responsive-button"] { display: none; } @media only screen and (min-width: 0) and (max-width: 62.5em) { [data-role="responsive-button"] { display: block; } } /*! -------------------------------------------------- #main nav -------------------------------------------------- */ #main-nav ul.menu { *zoom: 1; } #main-nav ul.menu:before, #main-nav ul.menu:after { content: " "; display: table; } #main-nav ul.menu:after { clear: both; } #main-nav ul.menu li { float: left; margin-right: 15px; } @media only screen and (min-width: 0) and (max-width: 62.5em) { #main-nav ul.menu { margin: 0; padding: 0; } #main-nav ul.menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #main-nav ul.menu li { float: none; width: auto; margin: 0px; padding: 0px; display: block; } } #admin-nav { background-color: #F0EFEC; } #admin-nav section { width: 1140px; } #admin-nav ul.menu { margin: 0px; padding: 24.5px 0px; list-style-type: none; text-align: right; } #admin-nav ul.menu li { display: inline; margin-left: 40px; padding: 5px; } #admin-nav ul.menu li a { font-size: 18px; font-size: 1.28571rem; color: #4D4D4D; font-weight: 400; } #admin-nav ul.menu li.active { border-bottom: 4px solid #FCAC2E; } /* -------------------------------------------------- #pages -------------------------------------------------- */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * homepage * * -------------------------------------------------- */ /*! -------------------------------------------------- #homepage -------------------------------------------------- */ #container .main-top { background-color: #F0EFEC; text-align: center; position: relative; padding-bottom: 100px; } #container .main-top .intro-text { padding-top: 130px; } #container .main-top .intro-text h2 { margin: 0; font-weight: 400; font-size: 32px; letter-spacing: 0; } #container .main-top .intro-text h2 span.strong { font-weight: 700; } #container .main-top .intro-button { margin-top: 75px; font-size: 20px; font-weight: 600; } #container .main-top .intro-button a { border-radius: 50px; padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #FFFFFF; padding: 16px 64px; } #container .main-top .intro-button a:hover { background: #fcb647; } #container .main-body { text-align: center; } #container .main-body .usp { display: block; margin-left: auto; margin-right: auto; position: relative; margin-top: 77px; width: 390px; } #container .main-body .usp:not(:first-child) { margin-top: 90px; } #container .main-body .usp:nth-child(3) { margin-top: 108px; } #container .main-body .usp:nth-child(4) { margin-top: 110px; } #container .main-body .usp h3 { font-size: 28px; color: #2D2C2F; font-weight: 600; margin-top: 45px; letter-spacing: 0.4px; margin-bottom: 25px; } #container .main-body .usp .description { font-size: 18px; color: #ACA9A9; font-weight: 400; } #container .main-body .usp .description span { color: #FCAC2E; } #container .main-body .usp .image-and-number { display: inline-block; position: relative; } #container .main-body .usp .image-and-number .number { display: inline-block; width: 66px; height: 66px; border: solid 7px #F0EFEC; border-radius: 50%; position: absolute; bottom: 10px; left: -24px; background-color: #ffffff; } #container .main-body .usp .image-and-number .number span { font-size: 34px; font-weight: 700; position: relative; bottom: -2px; } #container .main-body .usp:nth-of-type(4) { margin-bottom: 108px; } #container .main-body .dotted-line { z-index: 500; } #container .main-body .usp:nth-child(1) .dotted-line { position: absolute; right: -42%; bottom: -39%; } #container .main-body .usp:nth-child(2) .dotted-line { position: absolute; left: -47%; bottom: -51%; } #container .main-body .usp:nth-child(3) .dotted-line { position: absolute; right: -42%; bottom: -53%; } #container .main-body .usp:nth-child(4) .dotted-line { position: absolute; left: -43%; bottom: -46%; } #container .main-bottom { height: 347px; background-color: #F0EFEC; text-align: center; position: relative; } #container .main-bottom .outro { width: 390px; display: block; margin-left: auto; margin-right: auto; } #container .main-bottom .outro .outro-text { padding-top: 7%; } #container .main-bottom .outro .outro-text h3 { font-size: 28px; color: #2D2C2F; font-weight: 600; margin-bottom: 20px; margin-top: 40px; } #container .main-bottom .outro .description { margin-top: 20px; font-size: 18px; color: #ACA9A9; font-weight: 400; letter-spacing: 0.2px; } #container .main-bottom .outro .outro-button { margin-top: 47px; font-size: 20px; font-weight: 600; } #container .main-bottom .outro .outro-button a { border-radius: 50px; padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #FFFFFF; padding: 16px 64px; } #container .main-bottom .outro .outro-button a:hover { background: #fcb647; } #container .lower-bottom { background-color: #2D2C2F; height: 428px; } #container .lower-bottom .try-for-free { display: block; padding-top: 130px; margin: auto; } #container .lower-bottom .try-for-free h3 { font-size: 28px; margin-top: 0; color: #ACA9A9; } #container .lower-bottom .try-for-free h3 span { color: #FCAC2E; } #container .lower-bottom .try-for-free .description { color: #F0EFEC; font-size: 18px; font-weight: 400; } #container .lower-bottom .try-for-free .register-button { margin-top: 47px; font-size: 20px; font-weight: 600; } #container .lower-bottom .try-for-free .register-button a { border-radius: 50px; padding: 8px 12px 8px 12px; border: 0px; background: #ACA9A9; color: #FFFFFF; padding: 16px 55px; } #container .lower-bottom .try-for-free .register-button a:hover { background: #b9b6b6; } #container .lower-bottom .try-for-free .register-button a:hover { background: #fcac2e; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * pricing plans * * -------------------------------------------------- */ /*! -------------------------------------------------- #pricing-plans -------------------------------------------------- */ #container.pricing-plans { background-color: #F0EFEC; } #container.pricing-plans #content { text-align: center; display: block; width: 1140px; max-width: 90%; margin: auto; height: 1000px; } #container.pricing-plans #content .intro { display: inline-block; clear: both; } #container.pricing-plans #content .intro h2 { margin-top: 98px; font-size: 28px; font-weight: 600; margin-bottom: 18px; letter-spacing: 0.5px; } #container.pricing-plans #content .intro p { margin-top: 15px; letter-spacing: 0.3px; } #container.pricing-plans #content .intro .btn { margin-top: 46px; } #container.pricing-plans #content .intro .btn a { padding-left: 79px; padding-right: 79px; } .pricing-plans-overview { display: block; width: 940px; max-width: 100%; height: auto; margin: auto; } .pricing-plans-overview.overview { margin-top: 92px; } .pricing-plans-overview.single-plan div.pricing-plan-container { display: inline-block; float: none; } .pricing-plans-overview.white div.pricing-plan-container { border-style: solid; border-color: #F0EFEC; border-width: 4px; } .pricing-plans-overview.change-plan { margin-top: 52px; } .pricing-plans-overview.change-plan .change-plan-description { clear: both; padding-top: 20px; } .pricing-plans-overview.change-plan .pricing-plan-container:hover { border-color: #fdca79 !important; } .pricing-plans-overview .change-plan-radio { display: none; } .pricing-plans-overview div.pricing-plan-container { float: left; border-radius: 6px; width: 31.91489%; margin-right: 2.12766%; background-color: #ffffff; position: relative; } .pricing-plans-overview div.pricing-plan-container:last-child { margin-right: 0px; } .pricing-plans-overview div.pricing-plan-container h3 { margin-top: 21px; font-weight: 600; font-size: 28px; color: #ACA9A9; margin-bottom: 0; position: relative; text-align: center; margin-bottom: 27px; } .pricing-plans-overview div.pricing-plan-container h3:after { content: ""; position: absolute; height: 5px; border-bottom: 4px solid #FCAC2E; bottom: -17px; left: 50%; width: 74px; max-width: 90%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pricing-plans-overview div.pricing-plan-container div { width: 100%; } .pricing-plans-overview div.pricing-plan-container .pricing-top { border-bottom: 3px solid #F0EFEC; } .pricing-plans-overview div.pricing-plan-container .pricing-top p { position: relative; font-size: 18px; color: #2D2C2F; font-weight: 600; margin: 0; } .pricing-plans-overview div.pricing-plan-container .pricing-top p span.currency { font-size: 28px; font-weight: 600; position: relative; top: -21px; left: 2px; } .pricing-plans-overview div.pricing-plan-container .pricing-top p span.decimals { font-size: 26px; font-weight: 600; position: relative; top: -22px; left: 11px; } .pricing-plans-overview div.pricing-plan-container .pricing-top p span.price { font-size: 60px; font-weight: 400; position: relative; left: 6px; } .pricing-plans-overview div.pricing-plan-container .pricing-top p span.period { position: relative; left: -25px; } .pricing-plans-overview div.pricing-plan-container .pricing-top p.description { font-weight: 400; font-size: 18px; color: #ACA9A9; margin-top: 0px; margin-bottom: 36px; } .pricing-plans-overview div.pricing-plan-container .pricing-bottom { text-align: left; } .pricing-plans-overview div.pricing-plan-container .pricing-bottom ul { list-style: none; margin-bottom: 5px; margin-top: 25px; padding-left: 37px; } .pricing-plans-overview div.pricing-plan-container .pricing-bottom ul li { margin-bottom: 9px; font-weight: 400; color: #ACA9A9; font-size: 18px; } .pricing-plans-overview div.pricing-plan-container .pricing-bottom ul li span.count { font-weight: 700; color: #2D2C2F; } .pricing-plans-overview div.pricing-plan-container .pricing-bottom ul li span.support { font-weight: 700; color: #FCAC2E; } .pricing-plans-overview div.pricing-plan-container .pricing-bottom ul li:last-of-type { margin-bottom: 0; } .pricing-plans-overview div.pricing-plan-container .pricing-bottom ul li object { margin-left: 14px; position: relative; top: 3px; } .pricing-plans-overview div.pricing-plan-container .most-popular { background-color: #2D2C2F; border-top-left-radius: 6px; border-top-right-radius: 6px; position: absolute; top: -32px; left: 54px; width: 192px; height: 32px; } .pricing-plans-overview div.pricing-plan-container .most-popular p { margin: 0; vertical-align: middle; line-height: 32px; font-size: 15px; font-weight: 700; color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; } .pricing-plans-overview .pricing-plans-most-popular { text-align: center; } .pricing-plans-overview .pricing-plans-most-popular p { background-color: #2D2C2F; width: 20.5%; margin-left: auto; margin-right: auto; position: relative; color: #ffffff; text-transform: uppercase; font-size: 15px; font-size: 1.07143rem; font-weight: 700; margin-bottom: 0; padding: 5px 0; border-top-left-radius: 6px; border-top-right-radius: 6px; letter-spacing: 1.5px; } .pricing-plans-overview input.change-plan-radio { display: none; } .pricing-plans-overview .change-plan-description input[type='submit'] { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; border-radius: 50px; font-size: 20px; font-size: 1.42857rem; font-weight: 500; padding: 12px 45px; margin-top: 20px; } .pricing-plans-overview .change-plan-description input[type='submit']:hover { background: #fcb647; } .pricing-plans-overview .change-plan-description p { font-size: 16px; font-size: 1.14286rem; } .profile-billing.profile-subpage .pricing-plan-container { margin-top: 50px; } .profile-billing.profile-subpage .pricing-plans-overview.single-plan p { font-size: 18px; font-size: 1.28571rem; } .profile-billing.profile-subpage .pricing-plans-overview.single-plan h4 { color: #ACA9A9; margin-top: 5px; font-weight: 500; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * global items overview styles * * -------------------------------------------------- */ /*! -------------------------------------------------- #global items overview styles -------------------------------------------------- */ body.items-overview { background-color: #F0EFEC; } .projects-intro { height: 112px; margin-top: 36px; padding-top: 21px; text-align: center; margin-bottom: 24px; } .projects-intro .projects-info { float: left; margin-left: 28px; text-align: left; } .projects-intro .projects-info h1 { font-size: 32px; font-weight: 400; color: #2D2C2F; margin-bottom: 0; display: inline-block; margin-top: 0; } .projects-intro .projects-info p.current-projects { font-size: 18px; font-weight: 400; color: #ACA9A9; margin-top: 1px; letter-spacing: 0.4px; } .projects-intro form { float: right; } .projects-intro form #addnew { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: 5%; font-family: "proxima-nova", sans-serif; padding: 16px 37px; border-radius: 50px; color: #ffffff; font-size: 20px; font-weight: 600; letter-spacing: 0; } .projects-intro form #addnew:hover { background: #fcb647; } .projects-intro .projects-controls-wrapper { width: 63%; float: right; } .projects-intro .projects-controls-wrapper .search-box { float: left; } .projects-intro .search-box { margin-top: 7px; } .projects-intro .search-box input { border: none; width: 290px; height: 43px; border-radius: 50px; margin-left: 5px; padding-left: 52px; font-family: "proxima-nova", sans-serif; font-size: 18px; font-weight: 400; color: #ACA9A9; letter-spacing: 0.2px; } .projects-intro .search-box input:focus { outline: 0; } .projects-intro .search-box object { position: relative; left: 46px; top: 4px; } p.no-projects-available { margin-left: 28px; font-size: 22px; font-size: 1.57143rem; font-family: "proxima-nova", sans-serif; } #content { *zoom: 1; padding-bottom: 140px; } #content:before, #content:after { content: " "; display: table; } #content:after { clear: both; } #content .project.item { float: left; width: 31.57895%; margin-right: 2.63158%; margin-bottom: 2.63158%; } #content .project.item:nth-child(3n) { margin-right: 0px; } #content .project.item:nth-child(3n+1) { clear: both; } @media only screen and (min-width: 0) and (max-width: 51.25em) { #content .project.item { width: 48.68421%; } #content .project.item:nth-child(3n) { margin-right: 2.63158%; } #content .project.item:nth-child(3n+1) { clear: none; } #content .project.item:nth-child(3n) { margin-right: 2.63158%; } #content .project.item:nth-child(3n+1) { clear: none; } #content .project.item:nth-child(2n) { margin-right: 0px; } #content .project.item:nth-child(2n+1) { clear: both; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { #content .project.item { float: none; width: auto; margin: 0px 0px 2.63158% 0px; } } .project.item { background-color: #ffffff; min-height: 233px; position: relative; } .project.item h2.name { font-size: 26px; font-weight: 600; color: #2D2C2F; position: relative; margin-left: 28px; margin-top: 24px; letter-spacing: 0.5px; } .project.item h2.name:after { content: ""; position: absolute; height: 5px; border-bottom: 4px solid #FCAC2E; bottom: -14px; left: 2px; width: 74px; } .project.item h3.description { display: inline-block; font-size: 18px; font-weight: 400; color: #ACA9A9; margin-top: 8px; margin-left: 29px; letter-spacing: 0.4px; } .project.item input[type="submit"] { padding: 8px 12px 8px 12px; border: 0px; background: #FFFFFF; color: 5%; float: left; height: 61px; width: 100%; border-top: 2px solid #F0EFEC; font-family: "proxima-nova", sans-serif; text-transform: lowercase; font-weight: 400; font-size: 18px; padding-left: 32px; padding-bottom: 14px; } .project.item input[type="submit"]:hover { background: white; } .project.item table { border: none; border-collapse: collapse; width: 100%; table-layout: fixed; } .project.item table td { border-left: 2px solid #F0EFEC; } .project.item table td:first-child { border-left: none; } .project.item input.btn_edit { padding: 0; padding-bottom: 4px; padding-left: 6px; } .project.item .buttons { position: absolute; bottom: 0; width: 100%; } .project.item object.ico-view { position: absolute; left: 30px; top: 18px; } .project.item object.ico-edit { position: absolute; right: 122px; top: 15px; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * show-labels * * -------------------------------------------------- */ .page-show-labels #content .intro-text { font-size: 16px; font-size: 1.14286rem; background-color: #F0EFEC; color: #2D2C2F; padding: 21px 0 20px 0; } .page-show-labels #content .intro-text span.greeting { font-weight: 700; margin-right: 5px; } .page-show-labels #content .intro-text span.my-projects, .page-show-labels #content .intro-text span.project-name { font-weight: 400; } .page-show-labels #content .intro-text .btn-back { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: 5%; font-size: 18px; font-size: 1.28571rem; font-family: "proxima-nova", sans-serif; background-color: #F0EFEC; color: #2D2C2F; padding: 6px 25px 6px 45px; border-radius: 50px; font-weight: 400; border: 1px solid #ACA9A9; margin-right: 1.75439%; } .page-show-labels #content .intro-text .btn-back:hover { background: #fcb647; } .page-show-labels #content .intro-text .container a { background-image: url(/images/distribution/ico-back-small.png); background-repeat: no-repeat; background-position: 20px 50%; } .page-show-labels #content .intro-text .container a:hover { background-color: #2D2C2F; color: #ffffff; border: 1px solid #2D2C2F; background-image: url(/images/distribution/ico-back-small-white.png); background-repeat: no-repeat; background-position: 20px 50%; } .page-show-labels #content .intro-text .controls { float: right; width: 316px; text-align: right; position: relative; top: -5px; } .page-show-labels #content .intro-text .controls form { display: inline-block; } .page-show-labels #content .intro-text .controls form:first-child { margin-right: 6.32911%; } .page-show-labels #content .intro-text .controls form input { padding: 7px 25px 7px 45px; background-color: #2D2C2F; } .page-show-labels #content .intro-text .controls form .btn-import { background-image: url(/images/distribution/ico-import.png); background-repeat: no-repeat; background-position: 20px 50%; padding-left: 55px; padding-right: 33px; } .page-show-labels #content .intro-text .controls form .btn-import:hover { background-color: #464549; } .page-show-labels #content .intro-text .controls form .btn-export { background-image: url(/images/distribution/ico-export.png); background-repeat: no-repeat; background-position: 20px 50%; padding-left: 55px; padding-right: 33px; } .page-show-labels #content #controls { *zoom: 1; padding: 65px 0 30px 30px; margin-top: 0px; } .page-show-labels #content #controls:before, .page-show-labels #content #controls:after { content: " "; display: table; } .page-show-labels #content #controls:after { clear: both; } .page-show-labels #content #controls form { float: left; margin-right: 20px; } .page-show-labels #content #controls form input { letter-spacing: 0.6px; } .page-show-labels #content #controls .btn-add { background-image: url(/images/distribution/ico-add-label.png); background-repeat: no-repeat; background-position: 20px 50%; } .page-show-labels #content #controls .btn-add-group { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: 5%; font-size: 18px; font-size: 1.28571rem; float: left; font-family: "proxima-nova", sans-serif; padding: 12px 25px 12px 55px; border-radius: 50px; color: #ffffff; font-weight: 600; line-height: normal; background-image: url(/images/distribution/ico-add-group.png); background-repeat: no-repeat; background-position: 20px 50%; } .page-show-labels #content #controls .btn-add-group:hover { background: #fcb647; } .page-show-labels #content #controls .btn-add-group:hover { background-image: url(/images/distribution/ico-add-group.png); background-repeat: no-repeat; background-position: 20px 50%; } .page-show-labels #content #controls object { float: right; position: relative; left: 44px; top: 13px; } .page-show-labels #content #controls #label_search { border: 1px solid #D0D0D0; width: 21.57895%; height: 43px; border-radius: 50px; margin-left: 5px; padding-left: 54px; font-family: "proxima-nova", sans-serif; font-size: 18px; font-weight: 400; color: #ACA9A9; letter-spacing: 0.2px; padding-top: 0; padding-bottom: 0; margin-top: 0; float: right; } .page-show-labels #content #controls #label_search:focus { outline: 0; } .page-show-labels #content #label_table_filter { display: none; } .page-show-labels #content #label_table { min-width: 1140px; } .page-show-labels #content #label_table th:nth-child(1) { padding: 0; } .page-show-labels #content #label_table th:not(:nth-child(1)):hover { background-color: #fafaf9; } .page-show-labels #content #label_table th div.empty-cell { width: 51px; height: 63px; } .page-show-labels #content #label_table td:hover { background-color: #F0EFEC; } .page-show-labels #content #label_table td:nth-of-type(1) { padding: 0; height: 70px; width: 54px; } .page-show-labels #content #label_table td:nth-of-type(1) form { height: 100%; width: 51px; } .page-show-labels #content #label_table td:nth-of-type(1) form input { height: 100%; width: 100%; } .page-show-labels #content #label_table td p.label-main-key { font-size: 16px; font-size: 1.14286rem; font-weight: 600; color: #2D2C2F; margin-bottom: 0; margin-top: 14px; max-width: 262px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-show-labels #content #label_table td p.label-name { margin-top: 1px; margin-bottom: 11px; max-width: 262px; } .page-show-labels #content #label_table td p.label-translation { max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 15px; } .page-show-labels #content #label_table td .action-cell { height: 70px; padding-top: 0; width: 54px; } .page-show-labels #content .table-full { margin-top: 0; border: 1px solid #D0D0D0; overflow-x: scroll; } .page-show-labels #content .table-full td, .page-show-labels #content .table-full th { border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; padding-left: 22px; } .page-show-labels #content .table-full th { font-size: 16px; font-size: 1.14286rem; font-weight: 600; padding-top: 0; padding-bottom: 0; width: auto; } .page-show-labels #content .table-full th:not(:first-child) { background-color: #F0EFEC; } .page-show-labels #content .table-full th:nth-child(2) { border-right: 3px solid #D0D0D0; } .page-show-labels #content .table-full .btn-edit { background-color: #ffffff; background-image: url(/images/distribution/ico-edit.png); background-repeat: no-repeat; background-position: 15px 50%; border-radius: 0; width: 50px; padding-left: 25px; } .page-show-labels #content .table-full .btn-edit:hover { background-color: #F0EFEC; } .page-show-labels #content .table-full .main-language-key { width: 262px; height: 63px; line-height: 63px; text-align: left; } .page-show-labels #content .table-full .locale-name { height: 50px; line-height: 50px; text-align: left; min-width: 165px; } .page-show-labels #content .table-full .column-os { padding-right: 28px; padding-left: 28px; max-width: 70px; } .page-show-labels #content .table-full .column-os object { vertical-align: middle; } .page-show-labels #content .table-full .column-os img { margin-top: 3px; } .page-show-labels #content .table-full tr.label-group-header { cursor: pointer; } .page-show-labels #content .table-full tr.label-group-header th { padding-left: 17px !important; background-color: #F0EFEC; position: relative; height: 46px; } .page-show-labels #content .table-full tr.label-group-header th p { font-size: 18px; font-size: 1.28571rem; font-family: "proxima-nova", sans-serif; color: #2D2C2F; display: inline-block; margin: 9px 0; position: absolute; top: 2px; left: 58px; } .page-show-labels #content .table-full tr.label-group-header th span { background: url(/images/distribution/icon-group-black.png) no-repeat top left; display: inline-block; height: 14px; width: 26px; margin-right: 15px; position: absolute; top: calc(50% - 7px); } .page-show-labels #content .table-full .main-language-key-label { border-right: 3px solid #D0D0D0; } .page-show-labels .container { display: block; width: 1140px; max-width: 90%; margin: auto; text-align: left; margin-top: 5px; letter-spacing: 0.3px; } .page-show-labels input[type="submit"] { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: 5%; font-size: 18px; font-size: 1.28571rem; font-family: "proxima-nova", sans-serif; padding: 12px 25px 12px 45px; border-radius: 50px; color: #ffffff; font-weight: 600; } .page-show-labels input[type="submit"]:hover { background: #fcb647; } #group-dropdown { min-width: 200px; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * register * * -------------------------------------------------- */ .page_plugins { background: #ffffff; padding-top: 52px; } .page_plugins .btn-plugin-os, .page_plugins .btn-plugin-download { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: 5%; font-size: 18px; font-size: 1.28571rem; float: none; font-family: "proxima-nova", sans-serif; padding: 12px 25px 12px 25px; border-radius: 50px; color: #ffffff; font-weight: 600; line-height: normal; } .page_plugins .btn-plugin-os:hover, .page_plugins .btn-plugin-download:hover { background: #fcb647; } .page-plugins h1 { margin-top: 30px; } .page-plugins p { font-size: 16px; font-size: 1.14286rem; } .page-plugins p.code { background-color: #EEEEEE; font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New; margin-top: 20px; margin-bottom: 20px; padding: 5px 10px; } .page-plugins p a { color: #FCAC2E; } .page-plugins #content img { margin-top: 20px; margin-bottom: 20px; } .page-plugins #content .btn-plugin-os { width: 200px; display: block; margin-bottom: 20px; text-align: center; } .page-plugins section.plugin-overview { text-align: center; } .page-plugins section.plugin-overview .link-wrapper { width: 200px; margin: auto; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * profile/users * * -------------------------------------------------- */ /*! -------------------------------------------------- #users -------------------------------------------------- */ h1 { font-size: 32px; font-size: 2.28571rem; font-weight: 400; margin-bottom: 1px; margin-top: 0; color: #2D2C2F; } h2 a.add-user { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; background-image: url(/images/distribution/ico-add-label.png); background-repeat: no-repeat; background-position: 20px 50%; letter-spacing: 0.6px; font-size: 18px; font-size: 1.28571rem; padding: 12px 25px 12px 45px; border-radius: 50px; font-weight: 600; } h2 a.add-user:hover { background: #fcb647; } h2 a.add-user:hover { background-image: url(/images/distribution/ico-add-label.png); background-repeat: no-repeat; background-position: 20px 50%; } div.my-users { float: left; } div.my-users p.current-users { margin-bottom: 0; } div.users-head { *zoom: 1; padding-top: 30px; } div.users-head:before, div.users-head:after { content: " "; display: table; } div.users-head:after { clear: both; } div.controls { float: right; } div.controls .search-box { float: right; } div.controls .search-box input { border: none; width: 200px; height: 43px; border-radius: 50px; margin-left: 5px; padding-left: 52px; font-family: "proxima-nova", sans-serif; font-size: 18px; font-weight: 400; color: #ACA9A9; letter-spacing: 0.2px; border: 1px solid #ACA9A9; } div.controls .search-box input:focus { outline: 0; } div.controls .search-box object { position: relative; left: 46px; top: 4px; } div.controls h2 { float: right; margin-top: 0; } p.current-users { margin-top: 0px; color: #ACA9A9; font-size: 18px; font-size: 1.28571rem; padding-left: 3px; letter-spacing: 0.4px; } #user_table_wrapper { width: 100%; float: left; } section.profile-users table { width: 100%; } section.profile-users table th, section.profile-users table td { border: 1px solid #ACA9A9; } section.profile-users table th { font-size: 16px; font-size: 1.14286rem; color: #2D2C2F; padding: 20px 25px; background-color: #F0EFEC; } section.profile-users table th:not(:first-child) { background-image: url(/images/distribution/ico-sort.png); background-repeat: no-repeat; background-position: right 30px bottom 50%; } section.profile-users table th:hover { background-color: #fafaf9; } section.profile-users table th:nth-of-type(1) { display: none; } section.profile-users table tr { height: 70px; cursor: pointer; } section.profile-users table tr th:first-child { width: 51px !important; } section.profile-users table tr th:nth-child(2), section.profile-users table tr th:nth-child(4) { width: 205px !important; } section.profile-users table tr th:nth-child(3) { width: 305px !important; } section.profile-users table tr th:nth-child(5) { width: 205px !important; } section.profile-users table tr th:last-child { width: 180px !important; } section.profile-users table tr:hover { background-color: #fafaf9; } section.profile-users table td { font-size: 16px; font-size: 1.14286rem; font-weight: 400; color: #4D4D4D; padding-left: 20px; padding-top: 17.5px; padding-bottom: 17.5px; } section.profile-users table td:first-child { padding: 0 !important; } section.profile-users table td:first-child form { height: 69px; } section.profile-users table td:first-child form input { height: 100%; background-color: #ffffff; border: none; width: 51px; background-image: url(/images/distribution/ico-edit.png); background-repeat: no-repeat; background-position: 15px 50%; } section.profile-users table td:nth-child(2) { text-transform: capitalize; } section.profile-users table td:nth-of-type(1) { display: none; } section.profile-users table #user_table_filter { display: none; } section.profile-users table .dataTables_empty { padding-left: 20px; padding-top: 17.5px; padding-bottom: 17.5px; } /* Picklist */ .pickList { margin: 30px 0px 30px 0px; } .pickList_listLabel { text-align: left; color: #FCAC2E; } .pickList_listContainer.pickList_sourceListContainer, .pickList_listContainer.pickList_targetListContainer { width: 40%; height: auto; min-height: 200px; } .pickList_listContainer.pickList_sourceListContainer .pickList_list, .pickList_listContainer.pickList_targetListContainer .pickList_targetList { width: 100%; padding: 2%; height: auto; min-height: 200px; border: 3px solid #e6e7e8; } .pickList_controlsContainer { padding: 40px 20px 40px 24px; } .pickList_controlsContainer button { margin-bottom: 5px; padding: 8px 15px 8px 15px; background: #FCAC2E; color: #ffffff; border: 0px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .pickList_controlsContainer button:hover { background: #cab776; } /*! -------------------------------------------------- Edit Labels Locale -------------------------------------------------- */ h2.edit-labels-locale { font-size: 40px; } #edit-labels-locale-no-scroll { overflow-x: visible; } .select-group-wrapper input[type='submit'] { background: #B0C4DE; width: 120px; border: none; color: white; margin-right: 100px; } .select-group-wrapper input[type='submit']:hover { background: #c2d1e6; } #filter_locales ul { list-style-type: none; } #filter_locales ul li { margin-bottom: 5px; } body.page-show-labels .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { border: none; border-radius: 0; } body.page-show-labels .ui-widget-overlay { background-color: #2D2C2F; opacity: 0.8; } body.page-show-labels #dialog-add-group { padding-bottom: 0; } body.page-show-labels .ui-dialog #dialog-translate-label, body.page-show-labels .ui-dialog #dialog-add-group, body.page-show-labels .ui-dialog #dialog-add-placeholder, body.page-show-labels .ui-dialog #confirm_delete_dialog, body.add-edit-label .ui-dialog #dialog-translate-label, body.add-edit-label .ui-dialog #dialog-add-group, body.add-edit-label .ui-dialog #dialog-add-placeholder, body.add-edit-label .ui-dialog #confirm_delete_dialog, body.add-project .ui-dialog #dialog-translate-label, body.add-project .ui-dialog #dialog-add-group, body.add-project .ui-dialog #dialog-add-placeholder, body.add-project .ui-dialog #confirm_delete_dialog, body.profile .ui-dialog #dialog-translate-label, body.profile .ui-dialog #dialog-add-group, body.profile .ui-dialog #dialog-add-placeholder, body.profile .ui-dialog #confirm_delete_dialog { text-align: center; padding-left: 0; padding-right: 0; height: 100%; border: none; } body.page-show-labels .ui-dialog #dialog-translate-label input, body.page-show-labels .ui-dialog #dialog-add-group input, body.page-show-labels .ui-dialog #dialog-add-placeholder input, body.page-show-labels .ui-dialog #confirm_delete_dialog input, body.add-edit-label .ui-dialog #dialog-translate-label input, body.add-edit-label .ui-dialog #dialog-add-group input, body.add-edit-label .ui-dialog #dialog-add-placeholder input, body.add-edit-label .ui-dialog #confirm_delete_dialog input, body.add-project .ui-dialog #dialog-translate-label input, body.add-project .ui-dialog #dialog-add-group input, body.add-project .ui-dialog #dialog-add-placeholder input, body.add-project .ui-dialog #confirm_delete_dialog input, body.profile .ui-dialog #dialog-translate-label input, body.profile .ui-dialog #dialog-add-group input, body.profile .ui-dialog #dialog-add-placeholder input, body.profile .ui-dialog #confirm_delete_dialog input { width: 83.57771%; height: 55px; font-size: 17px; font-size: 1.21429rem; font-family: "proxima-nova", sans-serif; font-weight: 400; color: #ACA9A9; border-radius: 50px; border: 1px solid #a8a8a8; padding-left: 25px; } body.page-show-labels .ui-dialog #dialog-translate-label input:focus, body.page-show-labels .ui-dialog #dialog-add-group input:focus, body.page-show-labels .ui-dialog #dialog-add-placeholder input:focus, body.page-show-labels .ui-dialog #confirm_delete_dialog input:focus, body.add-edit-label .ui-dialog #dialog-translate-label input:focus, body.add-edit-label .ui-dialog #dialog-add-group input:focus, body.add-edit-label .ui-dialog #dialog-add-placeholder input:focus, body.add-edit-label .ui-dialog #confirm_delete_dialog input:focus, body.add-project .ui-dialog #dialog-translate-label input:focus, body.add-project .ui-dialog #dialog-add-group input:focus, body.add-project .ui-dialog #dialog-add-placeholder input:focus, body.add-project .ui-dialog #confirm_delete_dialog input:focus, body.profile .ui-dialog #dialog-translate-label input:focus, body.profile .ui-dialog #dialog-add-group input:focus, body.profile .ui-dialog #dialog-add-placeholder input:focus, body.profile .ui-dialog #confirm_delete_dialog input:focus { outline: 0; } body.page-show-labels .ui-dialog #confirm_delete_dialog p, body.add-edit-label .ui-dialog #confirm_delete_dialog p, body.add-project .ui-dialog #confirm_delete_dialog p, body.profile .ui-dialog #confirm_delete_dialog p { padding-left: 20px; padding-right: 20px; font-size: 18px; font-size: 1.28571rem; } body.page-show-labels .ui-dialog #dialog-add-placeholder, body.add-edit-label .ui-dialog #dialog-add-placeholder, body.add-project .ui-dialog #dialog-add-placeholder, body.profile .ui-dialog #dialog-add-placeholder { font-family: "proxima-nova", sans-serif; } body.page-show-labels .ui-dialog #dialog-add-placeholder label, body.add-edit-label .ui-dialog #dialog-add-placeholder label, body.add-project .ui-dialog #dialog-add-placeholder label, body.profile .ui-dialog #dialog-add-placeholder label { float: none; display: inline-block; } body.page-show-labels .ui-dialog #dialog-add-placeholder label:nth-of-type(3), body.add-edit-label .ui-dialog #dialog-add-placeholder label:nth-of-type(3), body.add-project .ui-dialog #dialog-add-placeholder label:nth-of-type(3), body.profile .ui-dialog #dialog-add-placeholder label:nth-of-type(3) { display: block; } body.page-show-labels .ui-dialog #dialog-add-placeholder span, body.add-edit-label .ui-dialog #dialog-add-placeholder span, body.add-project .ui-dialog #dialog-add-placeholder span, body.profile .ui-dialog #dialog-add-placeholder span { margin-left: 10px; color: #ACA9A9; } body.page-show-labels .ui-dialog #dialog-add-placeholder select, body.add-edit-label .ui-dialog #dialog-add-placeholder select, body.add-project .ui-dialog #dialog-add-placeholder select, body.profile .ui-dialog #dialog-add-placeholder select { width: 83.57771%; height: 55px; } body.page-show-labels .ui-dialog .ui-dialog-buttonpane, body.add-edit-label .ui-dialog .ui-dialog-buttonpane, body.add-project .ui-dialog .ui-dialog-buttonpane, body.profile .ui-dialog .ui-dialog-buttonpane { border-top: none; padding-left: 0; padding-right: 0; margin-top: 7px; padding-top: 7px; } body.page-show-labels .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, body.add-edit-label .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, body.add-project .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, body.profile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { width: 100%; text-align: center; } body.page-show-labels .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, body.add-edit-label .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, body.add-project .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, body.profile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { width: 83.57771%; margin-right: 0; margin-top: 0; } body.page-show-labels .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child, body.add-edit-label .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child, body.add-project .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child, body.profile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; border-radius: 50px; font-family: "proxima-nova", sans-serif; font-size: 20px; font-size: 1.42857rem; font-weight: 600; margin-bottom: 1px; } body.page-show-labels .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover, body.add-edit-label .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover, body.add-project .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover, body.profile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover { background: #fcb647; } body.page-show-labels .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:focus, body.add-edit-label .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:focus, body.add-project .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:focus, body.profile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:focus { outline: 0; } body.page-show-labels .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child, body.add-edit-label .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child, body.add-project .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child, body.profile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child { padding: 8px 12px 8px 12px; border: 0px; background: #ffffff; color: #2D2C2F; border-radius: 50px; font-family: "proxima-nova", sans-serif; font-size: 17px; font-size: 1.21429rem; color: #4d4d4d; font-weight: 400; margin-top: 0; } body.page-show-labels .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover, body.add-edit-label .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover, body.add-project .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover, body.profile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover { background: white; } body.page-show-labels .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:focus, body.add-edit-label .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:focus, body.add-project .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:focus, body.profile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:focus { outline: 0; } div.ui-dialog-titlebar.ui-widget-header { background: none; border: none; text-align: center; font-size: 32px; font-size: 2.28571rem; color: #FCAC2E; font-family: "proxima-nova", sans-serif; font-weight: 400; padding-top: 38px; } div.ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close { display: none; } div.ui-dialog-titlebar.ui-widget-header span.ui-dialog-title { width: 100%; } .toggle-vis.visible { width: 200px; display: inline-block; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #B0C4DE; } .toggle-vis.visible:hover { color: black; background-color: #d4dfed; cursor: pointer; } .toggle-vis { background-color: transparent; width: 200px; display: inline-block; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; } .toggle-vis:hover { cursor: pointer; color: black; background-color: #e6ecf5; } body.add-project input[type='text'] { border: 1px solid #cbced0; padding: 8px 15px 8px 25px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 40%; height: 55px; font-size: 18px; font-size: 1.28571rem; color: #4D4D4D; } body.add-project input[type='submit'] { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; letter-spacing: 0.6px; font-size: 18px; font-size: 1.28571rem; padding: 12px 25px 12px 25px; border-radius: 50px; font-weight: 600; font-family: "proxima-nova", sans-serif; } body.add-project input[type='submit']:hover { background: #fcb647; } body.add-project label { display: block; margin-top: 20px; font-size: 18px; font-size: 1.28571rem; color: #2D2C2F; margin-bottom: 10px; margin-left: 9px; } body.add-project label.def-locale-label { font-weight: 600; } body.add-project .permissions { *zoom: 1; } body.add-project .permissions:before, body.add-project .permissions:after { content: " "; display: table; } body.add-project .permissions:after { clear: both; } body.add-project .search-box { float: right; } body.add-project .search-box input { border: none; width: 200px; height: 43px; border-radius: 50px; margin-left: 5px; padding-left: 52px; font-family: "proxima-nova", sans-serif; font-size: 18px; font-weight: 400; color: #ACA9A9; letter-spacing: 0.2px; border: 1px solid #ACA9A9; } body.add-project .search-box input:focus { outline: 0; } body.add-project .search-box object { position: relative; left: 50px; top: 12px; } body.add-project h1 { padding-top: 30px; } body.add-project hr { margin-top: 44px; } body.add-project table { width: 100%; } body.add-project table th, body.add-project table td { border: 1px solid #ACA9A9; } body.add-project table th { font-size: 16px; font-size: 1.14286rem; color: #2D2C2F; padding: 20px 25px; background-color: #F0EFEC; } body.add-project table th:not(:first-child) { background-image: url(/images/distribution/ico-sort.png); background-repeat: no-repeat; background-position: right 30px bottom 50%; } body.add-project table th:not(:first-child):hover { background-color: #fafaf9; } body.add-project table th:nth-of-type(1) { cursor: default !important; } body.add-project table input[type="checkbox"] { display: none; } body.add-project table label { margin: 0; padding-left: 12px; } body.add-project table input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 15px 0 0; vertical-align: middle; background: url("/images/distribution/checkbox-not-checked-empty.png") left top no-repeat; cursor: pointer; } body.add-project table input[type="checkbox"]:checked + label span { background: url("/images/distribution/checkbox-checked.png") left top no-repeat; } body.add-project table tr { height: 70px; cursor: pointer; } body.add-project table tr th:first-child { width: 51px !important; } body.add-project table tr th:nth-child(2), body.add-project table tr th:nth-child(4) { width: 205px !important; } body.add-project table tr th:nth-child(3) { width: 305px !important; } body.add-project table tr th:nth-child(5) { width: 205px !important; } body.add-project table tr th:last-child { width: 180px !important; } body.add-project table tr:hover { background-color: #fafaf9; } body.add-project table td { font-size: 16px; font-size: 1.14286rem; font-weight: 400; color: #4D4D4D; padding-left: 20px; padding-top: 17.5px; padding-bottom: 17.5px; } body.add-project table td:first-child { padding: 0 !important; } body.add-project table td:first-child form { height: 69px; } body.add-project table td:first-child form input { height: 100%; background-color: #ffffff; border: none; width: 51px; background-image: url(/images/distribution/ico-edit.png); background-repeat: no-repeat; background-position: 15px 50%; } body.add-project table td:nth-child(2) { text-transform: capitalize; } body.add-project table td:nth-of-type(1) { text-align: center; } body.add-project table #user_table_filter { display: none; } body.add-project table .dataTables_empty { padding-left: 20px; padding-top: 17.5px; padding-bottom: 17.5px; } body.add-project select { width: 40%; height: 56px; } body.export-project h1 { margin-top: 30px; } body.export-project h2 { font-size: 22px; font-size: 1.57143rem; font-weight: 400; } body.export-project input[type="checkbox"] { display: none; } body.export-project input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 15px 0 0; vertical-align: middle; background: url("/images/distribution/checkbox-not-checked-empty.png") left top no-repeat; cursor: pointer; } body.export-project input[type="checkbox"]:checked + label span { background: url("/images/distribution/checkbox-checked.png") left top no-repeat; } body.export-project input[type="submit"] { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; letter-spacing: 0.6px; font-size: 18px; font-size: 1.28571rem; padding: 12px 25px 12px 25px; border-radius: 50px; font-weight: 500; width: 230px; margin-top: 10px; } body.export-project input[type="submit"]:hover { background: #fcb647; } body.export-project .pickList_listLabel.pickList_sourceListLabel, body.export-project .pickList_listLabel.pickList_targetListLabel { font-size: 18px; font-size: 1.28571rem; font-weight: 400; color: #2D2C2F; } body.export-project label { font-size: 16px; font-size: 1.14286rem; color: #2D2C2F; } body.export-report #content { min-height: calc(100vh - 228px); } body.export-report #content h1 { margin-top: 60px; } body.export-report #content h2 { font-size: 22px; font-size: 1.57143rem; } body.import #content { min-height: calc(100vh - 228px); } body.import #content h1 { margin-top: 30px; } body.import #content h3 { font-weight: 400; font-size: 22px; font-size: 1.57143rem; } body.import #content label { font-size: 16px; font-size: 1.14286rem; } body.import #content input[type="submit"] { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; letter-spacing: 0.6px; font-size: 18px; font-size: 1.28571rem; padding: 12px 25px 12px 25px; border-radius: 50px; font-weight: 500; width: 230px; margin-top: 30px; } body.import #content input[type="submit"]:hover { background: #fcb647; } body.import #content input[type="checkbox"] { display: none; } body.import #content input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 15px 0 0; vertical-align: middle; background: url("/images/distribution/checkbox-not-checked-empty.png") left top no-repeat; cursor: pointer; } body.import #content input[type="checkbox"]:checked + label span { background: url("/images/distribution/checkbox-checked.png") left top no-repeat; } body.import #content input[type="radio"] { width: 30px; margin: 0; padding: 0; opacity: 0; margin-right: 0; } body.import #content input[type='radio'] + label { display: inline-block; margin-left: -30px; padding-left: 30px; background: url("/images/distribution/radio-unchecked.png") no-repeat 0 0; } body.import #content input[type='radio']:checked + label { background: url("/images/distribution/radio-checked.png") no-repeat 0 0; } body.add-edit-label h1 { margin-top: 30px; margin-bottom: 30px; } body.add-edit-label label { font-size: 18px; font-size: 1.28571rem; margin-left: 9px; display: block; float: left; } body.add-edit-label #name_description span, body.add-edit-label #placeholders span { margin-left: 18px; margin-top: 2px; display: inline-block; font-size: 16px; font-size: 1.14286rem; color: #ACA9A9; float: left; margin-bottom: 2px; } body.add-edit-label input[type='text'] { border: 1px solid #cbced0; padding: 8px 15px 8px 25px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; max-width: 85%; height: 55px; font-size: 18px; font-size: 1.28571rem; color: #4D4D4D; width: 500px; margin-bottom: 15px; } body.add-edit-label #name_description { width: 49%; } body.add-edit-label #name_description input[type='text'] { margin-top: 15px; width: 100%; } body.add-edit-label #label_groups { width: 49%; } body.add-edit-label #label_groups label { float: none; margin-left: 0; } body.add-edit-label #label_groups .label-checkbox { float: left; } body.add-edit-label #label_groups input[type='checkbox'] { float: left; } body.add-edit-label #label_groups .label-add-to-group { width: 100%; float: left; margin-top: 15px; margin-bottom: 10px; } body.add-edit-label #label_groups select, body.add-edit-label #label_groups button { float: left; } body.add-edit-label #label_groups .translatable_label { width: 100%; float: left; } body.add-edit-label #label_groups input[type="checkbox"] { display: none; float: left; } body.add-edit-label #label_groups input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 15px 0 0; vertical-align: middle; background: url("/images/distribution/checkbox-not-checked-empty.png") left top no-repeat; cursor: pointer; } body.add-edit-label #label_groups input[type="checkbox"]:checked + label span { background: url("/images/distribution/checkbox-checked.png") left top no-repeat; } body.add-edit-label #label_groups .label-checkbox { float: none; } body.add-edit-label #label_groups p { display: block; float: left; } body.add-edit-label #label_groups p input { float: left; } body.add-edit-label #label_groups p label.translatable_label { display: inline-block; float: left; width: auto; } body.add-edit-label #label_groups button { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; letter-spacing: 0.6px; font-size: 18px; font-size: 1.28571rem; padding: 12px 25px 12px 25px; border-radius: 50px; font-weight: 500; width: 180px; margin-left: 40px; text-align: center; margin-bottom: 5px; } body.add-edit-label #label_groups button:hover { background: #fcb647; } body.add-edit-label #label_groups button span { color: #ffffff; font-family: "proxima-nova", sans-serif; font-size: 18px; font-size: 1.28571rem; margin: 0; padding: 0; text-align: center; } body.add-edit-label #label_groups select { height: 50px; font-size: 16px; font-size: 1.14286rem; } body.add-edit-label table { width: 100%; } body.add-edit-label table th { font-size: 22px; font-size: 1.57143rem; padding-bottom: 10px; } body.add-edit-label table td { font-size: 16px; font-size: 1.14286rem; } body.add-edit-label .table-wrap { margin-top: 20px; margin-bottom: 40px; } body.add-edit-label .top-wrapper { *zoom: 1; } body.add-edit-label .top-wrapper:before, body.add-edit-label .top-wrapper:after { content: " "; display: table; } body.add-edit-label .top-wrapper:after { clear: both; } body.add-edit-label input[type="submit"] { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; letter-spacing: 0.6px; font-size: 18px; font-size: 1.28571rem; padding: 12px 25px 12px 25px; border-radius: 50px; font-weight: 500; width: 285px; margin-left: 15px; text-align: center; height: 50px; } body.add-edit-label input[type="submit"]:hover { background: #fcb647; } body.add-edit-label input[type="checkbox"] { display: none; } body.add-edit-label input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 15px 0 0; vertical-align: middle; background: url("/images/distribution/checkbox-not-checked-empty.png") left top no-repeat; cursor: pointer; } body.add-edit-label input[type="checkbox"]:checked + label span { background: url("/images/distribution/checkbox-checked.png") left top no-repeat; } body.add-edit-label button { padding: 8px 12px 8px 12px; border: 0px; background: #ffffff; color: #2D2C2F; letter-spacing: 0.6px; font-size: 18px; font-size: 1.28571rem; padding: 6px 25px 12px 25px; border-radius: 50px; border: 1px solid #ACA9A9; font-weight: 500; width: 25%; margin-left: 15px; text-align: center; margin-top: 15px; height: 50px; } body.add-edit-label button:hover { background: white; } body.add-edit-label #new-group-btn { margin-top: 0; } body.add-edit-label .alert { *zoom: 1; background-color: #F0EFEC; margin-top: 40px; padding-bottom: 25px; text-align: center; } body.add-edit-label .alert:before, body.add-edit-label .alert:after { content: " "; display: table; } body.add-edit-label .alert:after { clear: both; } body.add-edit-label .alert h4 { font-size: 22px; font-size: 1.57143rem; } body.add-edit-label .alert p { font-size: 18px; font-size: 1.28571rem; } body.add-edit-label #content { padding-bottom: 0; } body.add-edit-label section { text-align: left; display: inline-block; height: 100%; width: 1140px; max-width: 90%; } #confirm_delete_dialog { font-family: "proxima-nova", sans-serif; } body.contact-page .page_contact { background-color: #F0EFEC; } body.contact-page .page_contact .contact-wrapper { width: 66%; float: left; margin-top: 60px; } body.contact-page .page_contact .contact-wrapper h1 { color: #4D4D4D; position: relative; } body.contact-page .page_contact .contact-wrapper h1:after { content: ''; position: absolute; height: 5px; border-bottom: 4px solid #FCAC2E; bottom: -14px; left: 2px; width: 74px; } body.contact-page .page_contact .contact-wrapper .column-left { width: 48%; float: left; } body.contact-page .page_contact .contact-wrapper .column-left .contact-information { height: 301px; color: #ACA9A9; font-size: 18px; font-size: 1.28571rem; background-color: #ffffff; padding-top: 40px; padding-left: 30px; border-radius: 3px; margin-top: 45px; } body.contact-page .page_contact .contact-wrapper .column-left .contact-information p { margin-top: 0; margin-bottom: 3px; } body.contact-page .page_contact .contact-wrapper .column-left .contact-information p object { margin-right: 10px; position: relative; top: 2px; left: 1px; } body.contact-page .page_contact .contact-wrapper .column-left .contact-information p:nth-child(3) { margin-bottom: 41px; } body.contact-page .page_contact .contact-wrapper .column-left .contact-information .contact-email a { color: #FCAC2E; } body.contact-page .page_contact .contact-wrapper .column-left .contact-information .contact-email { margin-bottom: 4px; } body.contact-page .page_contact .contact-wrapper .column-left .contact-information .contact-email object { top: 1px; left: 2px; } body.contact-page .page_contact .contact-wrapper .column-right { width: 48%; float: right; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form { margin-top: 45px; text-align: center; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form input, body.contact-page .page_contact .contact-wrapper .column-right .contact-form textarea { width: 100%; padding-left: 57px; font-size: 18px; font-size: 1.28571rem; font-weight: 400; border: none; font-family: "proxima-nova", sans-serif; display: inline-block; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form object { position: relative; display: inline; top: 40px; left: 0; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form input[type='submit'] { padding-left: 0; padding: 8px 12px 8px 12px; border: 0px; background: #2D2C2F; color: #ffffff; width: 80%; border-radius: 50px; margin-top: 27px; height: 56px; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form input[type='submit']:hover { background: #3a383c; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form textarea { height: 181px; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form input { height: 44px; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form input, body.contact-page .page_contact .contact-wrapper .column-right .contact-form textarea { border-radius: 3px; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form .contact-message { margin-bottom: 0; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form p.input-name input { background-image: url("/images/distribution/ico-name.png"); background-position: 14px 50%; background-repeat: no-repeat; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form p.input-email input { background-image: url("/images/distribution/ico-email.png"); background-position: 14px 50%; background-repeat: no-repeat; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form p.contact-message textarea { background-image: url("/images/distribution/ico-msg.png"); background-position: 13px 12px; background-repeat: no-repeat; padding-top: 12px; padding-left: 58px; } body.contact-page .page_contact .contact-wrapper .column-right .contact-form p { margin-bottom: 16px; } body.contact-page .page_contact .contact-logo { float: right; margin-top: 145px; } body .page_contact h1 { margin-top: 50px; } body .page_contact p { font-size: 16px; font-size: 1.14286rem; } body .page_contact .contact-back-to-home a { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: 5%; font-size: 18px; font-size: 1.28571rem; font-family: "proxima-nova", sans-serif; background-color: #F0EFEC; color: #2D2C2F; padding: 6px 25px 6px 45px; border-radius: 50px; font-weight: 400; border: 1px solid #ACA9A9; margin-right: 1.75439%; margin-top: 30px; display: block; width: 200px; background-image: url(/images/distribution/ico-back-small.png); background-repeat: no-repeat; background-position: 20px 50%; } body .page_contact .contact-back-to-home a:hover { background: #fcb647; } body .page_contact .contact-back-to-home a:hover { background-color: #2D2C2F; color: #ffffff; border: 1px solid #2D2C2F; background-image: url(/images/distribution/ico-back-small-white.png); background-repeat: no-repeat; background-position: 20px 50%; } body .page_contact.success { width: 655px; margin-left: auto; margin-right: auto; } body.faq #content { padding-bottom: 0; } body.faq #content #faq-header { padding-top: 57px; padding-bottom: 50px; } body.faq #content #faq-header h1 { position: relative; } body.faq #content #faq-header h1:after { content: ''; position: absolute; height: 5px; border-bottom: 4px solid #FCAC2E; bottom: -14px; left: 2px; width: 74px; } body.faq #content h3 { font-size: 22px; font-size: 1.57143rem; color: #4D4D4D; font-family: "proxima-nova", sans-serif; padding-top: 24px; padding-bottom: 25px; padding-left: 30px; } body.faq #content .ui-state-active { border: none; } body.faq #content .ui-state-default { border: none; background-color: #ffffff; border-top: 1px solid #ACA9A9; border-radius: 0; } body.faq #content h3.ui-state-default:last-of-type { border-bottom: 1px solid #ACA9A9; } body.faq #content h3.ui-state-active:last-of-type { border-bottom: none; } body.faq #content .ui-widget-content { border: none; font-family: "proxima-nova", sans-serif; font-size: 18px; font-size: 1.28571rem; color: #ACA9A9; font-weight: 400; } body.faq #content #faq-container { margin-top: 45px; margin-bottom: 37px; } body.faq #content .faq-answer { padding-top: 0px; padding-left: 32px; color: #ACA9A9; } body.faq #content .faq-answer p { margin-top: 12px; } body.faq #content #faq-footer { background-color: #2D2C2F; padding: 60px 0; } body.faq #content #faq-footer h2 { color: #ACA9A9; font-size: 28px; font-size: 2rem; font-weight: 600; text-align: center; margin: 0; } body.faq #content #faq-footer h2 span { color: #FCAC2E; } .my-account-info, .edit-user, .company-info, .edit-company { *zoom: 1; } .my-account-info:before, .my-account-info:after, .edit-user:before, .edit-user:after, .company-info:before, .company-info:after, .edit-company:before, .edit-company:after { content: " "; display: table; } .my-account-info:after, .edit-user:after, .company-info:after, .edit-company:after { clear: both; } .my-account-info h1, .edit-user h1, .company-info h1, .edit-company h1 { margin-top: 30px; } .my-account-info .col-left, .my-account-info .col-right, .edit-user .col-left, .edit-user .col-right, .company-info .col-left, .company-info .col-right, .edit-company .col-left, .edit-company .col-right { float: left; width: 35%; height: 300px; } .my-account-info .col-right, .edit-user .col-right, .company-info .col-right, .edit-company .col-right { width: 64%; } .my-account-info .col-left p, .my-account-info .col-right p, .edit-user .col-left p, .edit-user .col-right p, .company-info .col-left p, .company-info .col-right p, .edit-company .col-left p, .edit-company .col-right p { font-size: 22px; font-size: 1.57143rem; } .my-account-info .edit-info, .edit-user .edit-info, .company-info .edit-info, .edit-company .edit-info { *zoom: 1; clear: both; margin-top: 30px; float: left; text-align: center; } .my-account-info .edit-info:before, .my-account-info .edit-info:after, .edit-user .edit-info:before, .edit-user .edit-info:after, .company-info .edit-info:before, .company-info .edit-info:after, .edit-company .edit-info:before, .edit-company .edit-info:after { content: " "; display: table; } .my-account-info .edit-info:after, .edit-user .edit-info:after, .company-info .edit-info:after, .edit-company .edit-info:after { clear: both; } .my-account-info .edit-info a, .edit-user .edit-info a, .company-info .edit-info a, .edit-company .edit-info a { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; font-size: 18px; font-size: 1.28571rem; font-weight: 500; border-radius: 50px; padding: 12px 45px; width: 200px; display: block; } .my-account-info .edit-info a:hover, .edit-user .edit-info a:hover, .company-info .edit-info a:hover, .edit-company .edit-info a:hover { background: #fcb647; } .my-account-info, .company-info { width: 655px; margin-left: auto; margin-right: auto; } .company-info .col-left, .company-info .col-right { height: auto; } .company-info h3 { float: left; width: 100%; font-weight: 500; margin-top: 30px; margin-bottom: 15px; color: black; font-size: 26px; font-size: 1.85714rem; } .company-info h2 { font-weight: 500; letter-spacing: 1px; margin-top: 0; color: #ACA9A9; } .company-info .col-left.address p { margin-top: 0; margin-bottom: 0; font-size: 18px; font-size: 1.28571rem; } #delete_project_form { float: right; position: relative; top: -45px; } #pricing_plan #change_plan { width: 30%; margin-left: auto; margin-right: auto; margin-top: 20px; } #pricing_plan #change_plan a { padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #ffffff; font-size: 18px; font-size: 1.28571rem; font-weight: 500; border-radius: 50px; padding: 12px 45px; width: 40%; display: block; margin-left: auto; margin-right: auto; margin-top: 30px; } #pricing_plan #change_plan a:hover { background: #fcb647; } .profile-billing h1 { margin-top: 30px; } p.description { color: #ACA9A9; font-size: 18px; font-weight: 400; } p.description span { color: #FCAC2E; } div.btn { font-size: 20px; font-weight: 600; } div.btn a { border-radius: 50px; padding: 8px 12px 8px 12px; border: 0px; background: #FCAC2E; color: #FFFFFF; padding: 16px 64px; } div.btn a:hover { background: #fcb647; } div.clear-both { clear: both; } #container { text-align: center; } section { text-align: left; display: inline-block; height: 100%; width: 1140px; max-width: 90%; } /* -------------------------------------------------- #footer -------------------------------------------------- */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * main footer * * -------------------------------------------------- */ /*! -------------------------------------------------- #main footer -------------------------------------------------- */ #main-footer { *zoom: 1; background-color: #202021; text-align: center; padding: 35px 0 35px 0; } #main-footer:before, #main-footer:after { content: " "; display: table; } #main-footer:after { clear: both; } #main-footer #footer { position: relative; display: block; margin: 0 auto; height: 100%; width: 1140px; max-width: 90%; } #main-footer #footer .footer-logo, #main-footer #footer .copyright, #main-footer #footer .twitter { float: left; } #main-footer #footer .footer-logo { margin-right: 23px; } #main-footer #footer .copyright p { margin: 0; font-size: 18px; font-size: 1.28571rem; font-weight: 600; } #main-footer #footer .copyright p .footer-year { font-size: 16px; font-size: 1.14286rem; } #main-footer #footer .navigation { float: left; font-weight: 300; font-size: 18px; font-size: 1.28571rem; width: 49%; text-align: left; } #main-footer #footer .navigation ul { list-style: none; margin: 0; padding-left: 27px; } #main-footer #footer .navigation ul li { float: left; margin-right: 3%; } #main-footer #footer .navigation ul li a:hover { color: #fcb647; } #main-footer #footer .twitter img { margin-right: 5px; } #main-footer #footer .twitter p { display: inline-block; font-weight: 400; font-size: 16px; font-size: 1.14286rem; color: #4D4D4D; margin: 0; } #main-footer #footer .created-by { float: right; } #main-footer #footer .created-by p { margin: 0; color: #4D4D4D; font-weight: 600; font-size: 16px; font-size: 1.14286rem; } /* -------------------------------------------------- #media queries -------------------------------------------------- */ body:after { display: none; } @media only screen and (min-width: 0) and (max-width: 75em) { body:after { content: 'xl'; } } @media only screen and (min-width: 0) and (max-width: 61.25em) { body:after { content: 'l'; } } @media only screen and (min-width: 0) and (max-width: 51.25em) { body:after { content: 'm'; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { body:after { content: 's'; } } body:before { display: none; } @media only screen and (min-width: 0) and (max-width: 62.5em) { body:before { content: 'menu'; } } /* -------------------------------------------------- #bottom partials -------------------------------------------------- */ /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }