/** CONTENTS VARIABLES Colors........... All website colors Themes........... Themes for clinic Typography....... Font-family, font-size, line-height Buttons.......... Buttons informations Form............. Input, select style Media Queries ... Breakpoint for responsive Grid ............ Grid col and gutter */ /*------------------------------------*\ #COLORS \*------------------------------------*/ /* Gray and others */ /* Text color */ /* Links colors */ /* Notifications colors */ /*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /*------------------------------------*\ #BUTTONS \*------------------------------------*/ /*------------------------------------*\ #FORMS \*------------------------------------*/ /*------------------------------------*\ #MEDIA-QUERIES \*------------------------------------*/ /*------------------------------------*\ #MEDIA QUERIES \*------------------------------------*/ /*------------------------------------*\ #GRID \*------------------------------------*/ /*------------------------------------*\ #UTILITIES \*------------------------------------*/ /** * Opacity */ /** * Generate notifications */ /*------------------------------------*\ #GRID \*------------------------------------*/ /*------------------------------------*\ #HELPERS \*------------------------------------*/ a { cursor: pointer; } /** * Notifications message */ .message--error, .message--warn, .message--success, .message--info, .message { margin: 1rem 0; padding: 1.5rem 5rem 1.5rem 8rem; position: relative; } .message__icon { position: absolute; left: 2rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .message__icon svg, .message__icon img { width: 3.4rem; height: 3.4rem; } .message__close { position: absolute; top: 1rem; right: 1rem; background: transparent; border: 0; } .message__close svg { width: 1.8rem; height: 1.8rem; } .message--error:first-child, .message--warn:first-child, .message--success:first-child, .message--info:first-child, .message:first-child { margin-top: 0; } .message--error { color: #fff; background-color: #f04e4e; } .message--warn { color: #fff; background-color: #ffc600; } .message--success { color: #fff; background-color: #35ba24; } .message--info { color: #fff; background-color: #3f62b3; } /** * Txt color variant */ .txt--error { color: #f04e4e !important; } .txt--warn { color: #ffc600 !important; } .txt--success { color: #35ba24 !important; } .txt--info { color: #3f62b3 !important; } .txt--disabled { color: #ccc !important; } /** * Align */ .txtleft { text-align: left; } .txtright { text-align: right; } .txtcenter { text-align: center; } .left, .start { float: left; } img.left, img.start { margin-right: 1em; } .right, .end { float: right; } img.right, img.end { margin-left: 1em; } img.left, img.right, img.start, img.end { margin-bottom: 0.5em; } /* Unstyled list - remove margin, padding and list type */ .content-header__infos-list, .main-nav__list, .main-nav-submenu, .fav-menu-list, .language-switcher, .currency-switcher, .user-nav, .footer-bottom__links, .block--onboarding-lapses__tabs, .requests-status, .listing-slider, .bubbles-list, .faq-slider, .news__list, .tabs, .icons-tabs, .underlined-tabs, .simple-tabs, .filters-list, .sidepanel__goto, .autocomplete__list, .investment-list, .checklist__list, .important-check__list, .steps, .squares-list, .chat-list, .funds-list, .pagination, .transaction-infos, .transaction-details__list, .request-screenshot__actions, .alerts-list, .client-policies-list, .news-listing, .unstyled-list { margin: 0; padding: 0; list-style-type: none; } /* Unstyled button - remove background, border */ .unstyled-button { border: 0; background-color: transparent; } /* Hide visually and from screen readers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screen readers: 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 screen readers, but maintain layout */ .invisible { visibility: hidden; } /* Clearfix: contain floats */ .row:after, .news__list:after, .funds-list:after, .header-top:after, .user-nav:after, .block--onboarding-lapses:after, .news-preview:after, .tabs:after, .simple-tabs:after, .investment-list li:after, .squares-list:after, .chat-list:after, .key-value:after, .transaction-details__list:after, .block--transactions-queries:after, .news-intro:after, .news-outro:after, .row:before, .news__list:before, .funds-list:before, .header-top:before, .user-nav:before, .block--onboarding-lapses:before, .news-preview:before, .tabs:before, .simple-tabs:before, .investment-list li:before, .squares-list:before, .chat-list:before, .key-value:before, .transaction-details__list:before, .block--transactions-queries:before, .news-intro:before, .news-outro:before, .clearfix:before, .clearfix:after { content: " "; display: table; } .row:after, .news__list:after, .funds-list:after, .header-top:after, .user-nav:after, .block--onboarding-lapses:after, .news-preview:after, .tabs:after, .simple-tabs:after, .investment-list li:after, .squares-list:after, .chat-list:after, .key-value:after, .transaction-details__list:after, .block--transactions-queries:after, .news-intro:after, .news-outro:after, .clearfix:after { clear: both; } /** * Hide text for bg img */ .header__logo-text { overflow: hidden; text-indent: 200%; white-space: nowrap; } .header-search label, .footer-search-form label, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /** * Embeds responsive */ .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive.embed-responsive--16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive--4by3 { padding-bottom: 75%; } /** * jQuery Plugin */ .js-tabcontent[aria-hidden=true] { display: none; } .mirror { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xw { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-xw-block, .visible-xw-inline, .visible-xw-inline-block { display: none !important; } @media (max-width: 1023px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 1023px) { .visible-xs-block { display: block !important; } } @media (max-width: 1023px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 1023px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 1024px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 1024px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 1024px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (min-width: 1680px) { .visible-xw { display: block !important; } table.visible-xw { display: table; } tr.visible-xw { display: table-row !important; } th.visible-xw, td.visible-xw { display: table-cell !important; } } @media (min-width: 1680px) { .visible-xw-block { display: block !important; } } @media (min-width: 1680px) { .visible-xw-inline { display: inline !important; } } @media (min-width: 1680px) { .visible-xw-inline-block { display: inline-block !important; } } @media (max-width: 1023px) { .hidden-xs { display: none !important; } } @media (min-width: 1024px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } @media (min-width: 1680px) { .hidden-xw { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** Improve readability of focused elements when they are also in an active/hover state. */ a:active, a:hover, a:focus { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 0; text-decoration: none; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ figure { margin: 0; } /** Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } address { font-style: normal; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ fieldset { border: 0; margin: 0; padding: 0; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*------------------------------------*\ #BASE \*------------------------------------*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus, *:active { outline: none; } ::-moz-selection { background: #60605b; text-shadow: none; } ::selection { background: #60605b; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, img, svg, video { vertical-align: middle; } img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%; } body { background-color: #f9f9f9; padding-bottom: 10rem !important; height: auto; } /** * BASIC LAYOUT */ .main { padding: 2rem 1rem; margin-top: 5.8rem; transition: margin-left 250ms ease-in; } .is-mobile .main { margin-bottom: 4rem; } .main-header { background-color: #efefef; padding: 1rem; margin: -2rem -1rem 2rem; text-align: center; } .main-header__center { display: inline-block; position: relative; } .main-header__title { font-size: 3rem; margin: .5rem 0; } .main-header__title .fav-star { margin-top: 1rem; vertical-align: bottom; } .main-header__title abbr { font-size: .6em; } .main-header__title-small { color: #60605b; } .main-header__content { margin-left: 0.5rem; } .main-header__suptitle { font-size: 2.4rem; margin-bottom: 0; margin-left: 0.5rem; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; color: #666666; } .main-header__right { position: absolute; top: 1rem; right: 2rem; font-size: 2rem; margin-bottom: 0; margin-left: 0.5rem; color: #666666; text-align: right; line-height: 1; max-width: 33%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main-header__prev, .main-header__next { display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #999999; } .main-header__prev svg, .main-header__next svg { width: 4rem; height: 4rem; } .no-touchevents .main-header__prev:hover, .no-touchevents .main-header__prev:focus, .no-touchevents .main-header__next:hover, .no-touchevents .main-header__next:focus { color: #3d3d3d; } .main-header__prev { right: calc(100% + 4rem); } .main-header__next { left: calc(100% + 4rem); } @media (min-width: 64em) { .main { margin-left: 28rem; margin-top: 8rem; /*body*/ } .has-small-header .main { margin-left: 6rem; } } @media (max-width: 63.99em) { .main-header__right { position: static; text-align: center; max-width: 100%; } } .content-footer { padding: 2rem; border-top: 1px solid #e3e3e3; } .content-footer [class^="btn-"] { margin-left: 1rem; margin-right: 1rem; } .content-footer.-no-border { border-top: 0; } .content-footer__notice { font-size: 1.3rem; color: #666666; } .content-body { padding: 1.5rem 2rem; } .content-header { padding: 1.5rem 2rem; } .content-header__title { display: inline-block; vertical-align: middle; font-size: 3rem; margin-bottom: 0; margin-right: 6rem; } .content-header__infos-list { font-size: 1.6rem; margin: 1rem 0; } .content-header__infos-list li { display: inline-block; vertical-align: middle; } .content-header__infos-list li + li:before { content: '| '; margin: 0 .4rem; } .content-header__actions { float: right; } .content-header__actions a:not(.btn-primary) { text-decoration: underline; display: inline-block; vertical-align: middle; margin: 0 1rem; } .content-subheader { padding: 3rem; margin: 2rem 0; text-align: center; background-color: #efefef; } .content-subheader__title { font-size: 3rem; text-align: center; margin-bottom: 0; } /* Disable the border when user click on these items span:focus,button:focus, input:focus, div:focus, figcaption:focus, li:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus { outline: none; }*/ .position-chart .btn-primary.downloadValuation { display: none; } /*------------------------------------*\ #FONT FACE \*------------------------------------*/ /* Lora */ @font-face { font-family: 'Lora'; src: url("../fonts/lora-regular-webfont.eot"); src: url("../fonts/lora-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lora-regular-webfont.woff2") format("woff2"), url("../fonts/lora-regular-webfont.woff") format("woff"), url("../fonts/lora-regular-webfont.ttf") format("truetype"), url("../fonts/lora-regular-webfont.svg#loraregular") format("svg"); font-weight: normal; font-style: normal; } /* Roboto */ @font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Regular-webfont.eot"); src: url("../fonts/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg"); font-weight: normal; font-style: normal; } /* Roboto Condensed */ @font-face { font-family: 'Roboto Condensed'; src: url("../fonts/RobotoCondensed-Regular-webfont.eot"); src: url("../fonts/RobotoCondensed-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Regular-webfont.woff") format("woff"), url("../fonts/RobotoCondensed-Regular-webfont.ttf") format("truetype"), url("../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular") format("svg"); font-weight: normal; font-style: normal; } /* AvenirPro */ @font-face { font-family: 'AvenirPro'; src: url("../fonts/AvenirLTPro-regular-webfont.otf") format("opentype"); font-weight: normal; font-style: normal; } /* ========================================================================== Typography style based on KNACSS http://www.knacss.com/ ========================================================================== */ html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } /* Stupid IE11 - https://connect.microsoft.com/IE/feedback/details/816709/ie-11-calculating-font-sizes-wrong-when-setting-the-bodys-font-size-in-relative-units */ _:-ms-fullscreen, :root { font-size: calc(1em * .625); } body { font-family: "AvenirPro", "Roboto", Arial, Helvetica, sans-serif; font-size: 1.4em; color: #333; line-height: 1.5; } /* * Titles */ h1, h2, h3, h4, h5, h6, .h1-like, .h2-like, .h3-like, .h4-like, .h5-like, .h6-like { font-family: "AvenirPro", "Roboto", Impact, sans-serif; line-height: 1; font-weight: normal; } h1, .h1-like { font-size: 3.2rem; } h2, .h2-like { font-size: 3rem; } h3, .h3-like { font-size: 2.4rem; } h4, .h4-like { font-size: 2rem; } h5, .h5-like { font-size: 1.8rem; } h6, .h6-like { font-size: 1.6rem; } /* * Alternate font sizing */ .smaller { font-size: 0.71em; } .small { font-size: 0.86em; } .big { font-size: 1.14em; } .bigger { font-size: 1.29em; } .biggest { font-size: 1.43em; } em, .em, i { font-style: italic; } .no-em { font-style: normal; } strong, .strong, b { font-weight: bold; } .no-strong { font-weight: normal; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } /* * Avoid top margins on first content element */ p:first-child, .p-like:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } /** * Links */ a { color: #60605b; text-decoration: none; } .no-touchevents a:hover, .no-touchevents a:focus { color: #2c2c29; } /*------------------------------------*\ #GRID SYSTEM \*------------------------------------*/ .container { margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; } @media (min-width: 1024px) { .container { width: 730px; } } @media (min-width: 992px) { .container { width: 950px; } } @media (min-width: 1200px) { .container { width: 1150px; } } @media (min-width: 1680px) { .container { width: 1690px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; } .row, .news__list, .funds-list { margin-left: -5px; margin-right: -5px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xw-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xw-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xw-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xw-4, .col-xs-5, .col-sm-5, .block--onboarding-lapses__tabs, .col-md-5, .col-lg-5, .col-xw-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xw-6, .col-xs-7, .col-sm-7, .block--onboarding-lapses__content, .col-md-7, .col-lg-7, .col-xw-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xw-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xw-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xw-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xw-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xw-12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 1024px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .block--onboarding-lapses__tabs, .col-sm-6, .col-sm-7, .block--onboarding-lapses__content, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5, .block--onboarding-lapses__tabs { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7, .block--onboarding-lapses__content { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } @media (min-width: 1680px) { .col-xw-1, .col-xw-2, .col-xw-3, .col-xw-4, .col-xw-5, .col-xw-6, .col-xw-7, .col-xw-8, .col-xw-9, .col-xw-10, .col-xw-11, .col-xw-12 { float: left; } .col-xw-1 { width: 8.33333%; } .col-xw-2 { width: 16.66667%; } .col-xw-3 { width: 25%; } .col-xw-4 { width: 33.33333%; } .col-xw-5 { width: 41.66667%; } .col-xw-6 { width: 50%; } .col-xw-7 { width: 58.33333%; } .col-xw-8 { width: 66.66667%; } .col-xw-9 { width: 75%; } .col-xw-10 { width: 83.33333%; } .col-xw-11 { width: 91.66667%; } .col-xw-12 { width: 100%; } .col-xw-pull-0 { right: auto; } .col-xw-pull-1 { right: 8.33333%; } .col-xw-pull-2 { right: 16.66667%; } .col-xw-pull-3 { right: 25%; } .col-xw-pull-4 { right: 33.33333%; } .col-xw-pull-5 { right: 41.66667%; } .col-xw-pull-6 { right: 50%; } .col-xw-pull-7 { right: 58.33333%; } .col-xw-pull-8 { right: 66.66667%; } .col-xw-pull-9 { right: 75%; } .col-xw-pull-10 { right: 83.33333%; } .col-xw-pull-11 { right: 91.66667%; } .col-xw-pull-12 { right: 100%; } .col-xw-push-0 { left: auto; } .col-xw-push-1 { left: 8.33333%; } .col-xw-push-2 { left: 16.66667%; } .col-xw-push-3 { left: 25%; } .col-xw-push-4 { left: 33.33333%; } .col-xw-push-5 { left: 41.66667%; } .col-xw-push-6 { left: 50%; } .col-xw-push-7 { left: 58.33333%; } .col-xw-push-8 { left: 66.66667%; } .col-xw-push-9 { left: 75%; } .col-xw-push-10 { left: 83.33333%; } .col-xw-push-11 { left: 91.66667%; } .col-xw-push-12 { left: 100%; } .col-xw-offset-0 { margin-left: 0%; } .col-xw-offset-1 { margin-left: 8.33333%; } .col-xw-offset-2 { margin-left: 16.66667%; } .col-xw-offset-3 { margin-left: 25%; } .col-xw-offset-4 { margin-left: 33.33333%; } .col-xw-offset-5 { margin-left: 41.66667%; } .col-xw-offset-6 { margin-left: 50%; } .col-xw-offset-7 { margin-left: 58.33333%; } .col-xw-offset-8 { margin-left: 66.66667%; } .col-xw-offset-9 { margin-left: 75%; } .col-xw-offset-10 { margin-left: 83.33333%; } .col-xw-offset-11 { margin-left: 91.66667%; } .col-xw-offset-12 { margin-left: 100%; } } .pull-right { float: right; } /*------------------------------------*\ #HEADER \*------------------------------------*/ .header a { color: #cecece; } .no-touchevents .header a:hover, .no-touchevents .header a:focus { color: #cecece; } .header-sidebar { background-color: #3d3d3d; color: #cecece; width: 26rem; position: fixed; top: 0; bottom: 0; left: 0; z-index: 255; transition: width 250ms ease-in; } .header-sidebar a { color: #cecece; } .no-touchevents .header-sidebar a:hover, .no-touchevents .header-sidebar a:focus { color: #cecece; } .header-sidebar__bottom { position: absolute; bottom: 0; left: 0; right: 0; } .header-top { background-color: #181818; top: 0; right: 0; left: 0; position: fixed; padding: 1.5rem 2rem; z-index: 250; transition: left 250ms ease-in; } .header-top__title { font-family: "AvenirPro", "Roboto", Arial, Helvetica, sans-serif; font-size: 2.2rem; font-weight: bold; color: #fff; float: left; width: 20%; margin-bottom: 0; margin-top: 0; padding-top: 1.4rem; padding-left: 4rem; } .header-top__select { float: left; margin-left: 4rem; width: 20%; margin-top: 0.4rem; } .header-top__select.disabled { background-color: #60605b; } .header__logo { padding: 1.5rem 2rem; margin-bottom: 0; transition: padding 250ms ease-in; } .header__logo-text { display: inline-block; vertical-align: middle; width: 11.7rem; height: 3.8rem; background: url("../img/lombard-logo-text.svg") 0 0 no-repeat; } .header__trigger { position: absolute; top: 1.5rem; left: 100%; width: 4.3rem; height: 5rem; line-height: 5rem; background-color: #3d3d3d; border-radius: 0 50% 50% 0; border: 0; } .header__trigger svg { width: 1.8rem; height: 1.8rem; } .header__trigger .icon-arrow-left-nocircle { margin-left: -.7rem; } .header__trigger .icon-arrow-right-nocircle { display: none; } @media (max-width: 63.99em) { .header { /* Open Menu on mobile */ } .header-top { padding: 2rem; } .header-top__title { font-size: 1.8rem; float: none; width: 100%; padding-left: 5rem; padding-top: 0; } .header-sidebar { display: none; width: 26rem; position: fixed; top: 0; left: 0; transition: transform 250ms ease-out; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .header__trigger .icon-arrow-left-nocircle { display: none; } .header__trigger .icon-arrow-right-nocircle { display: block; } .has-small-header .header-sidebar { -webkit-transform: translateX(0); transform: translateX(0); } .has-small-header .header-sidebar::before { content: ''; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; width: 200%; } .has-small-header .header__trigger .icon-arrow-left-nocircle { display: block; } .has-small-header .header__trigger .icon-arrow-right-nocircle { display: none; } .header__mobile-logo { position: absolute; left: 1rem; top: 1rem; height: 4rem; } } @media (min-width: 64em) { .header__mobile-logo { display: none; } .header-top { left: 28rem; } .header-sidebar { width: 28rem; } } /** * USER INFORMATIONS */ .header-user { background: url("../img/header-user-bg.jpg") center no-repeat; background-size: cover; padding: 3.5rem 2rem; text-align: center; color: #fff; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; } .header-user__name { font-size: 2.1rem; font-weight: normal; display: block; transition: font-size 250ms ease-in; } .header-user__company { font-size: 1.4rem; transition: font-size 250ms ease-in; } .header-user__logAs { background-color: #f04e4e; text-align: center; color: white; transition: font-size 250ms ease-in; } /** * MAIN NAV. */ .main-nav { /* Notifications bubble using before & after pseudo element */ /* Submenu */ } .main-nav__list { font-size: 1.8rem; } .main-nav__list .submenu-open { position: relative; } .is-mobile .main-nav__list .submenu-open { position: inherit; } .main-nav__list .submenu-open:after { content: ''; width: 0; height: 0; border-top: 1rem solid transparent; border-right: 1rem solid #2a2a2a; border-bottom: 1rem solid transparent; border-left: 1rem solid transparent; position: absolute; right: 0; top: 1.8rem; } .main-nav__link { display: block; padding: 1.5rem 2rem; border-left: 4px solid transparent; transition: padding 250ms ease-in; } .main-nav__link.active { border-color: #8f7237; background-color: #181818; } .no-touchevents .main-nav__link:hover { border-color: #8f7237; background-color: #181818; } .main-nav__title { display: inline-block; vertical-align: middle; margin-left: 2rem; } .main-nav [data-notifications] { position: relative; } .main-nav [data-notifications].data-notification-hidden:after, .main-nav [data-notifications].data-notification-hidden:before { display: none; } .main-nav [data-notifications]:after { content: attr(data-notifications); position: absolute; width: 4.5rem; height: 2.3rem; line-height: 2.3rem; border-radius: 1.2rem; right: 1.1rem; top: 1.8rem; text-align: center; font-size: .75em; color: #181818; background-color: #8f7237; transition: right 250ms ease-in, left 250ms ease-in; } _:-ms-fullscreen .main-nav [data-notifications]:after, :root .main-nav [data-notifications]:after { line-height: inherit; } .main-nav [data-notifications]:before { content: ''; position: absolute; width: 1.1rem; height: 1px; background-color: #8f7237; right: 0; top: 2.9rem; } .main-nav [class*="icon"] { width: 2.4rem; height: 2.4rem; } .main-nav-submenu { background-color: #3d3d3d; position: fixed; left: 28rem; max-width: 0; min-width: 0; transition: max-width 250ms ease-in, left 250ms ease-in, min-width 250ms ease-in; /* Open */ } .main-nav-mobile .main-nav-submenu { left: inherit; right: 0; } .main-nav-submenu li { padding: 2rem; } .main-nav-submenu a { display: block; white-space: nowrap; } .no-touchevents .main-nav-submenu a:hover, .no-touchevents .main-nav-submenu a:focus { color: #fff; } .main-nav-submenu.-is-visible { max-width: 30rem; min-width: 21rem; } .main-nav-submenu__favorite { position: absolute; bottom: 0; } .has-small-header .main-nav-mobile .main-nav-submenu__favorite, .main-nav-mobile .main-nav-submenu__favorite { position: absolute; top: inherit; bottom: 4rem; right: 0; } .has-small-header .main-nav-mobile .main-nav-submenu__favorite > ul, .main-nav-mobile .main-nav-submenu__favorite > ul { display: block; } .main-nav-submenu__favorite.favorite-no-open, .has-small-header .main-nav-mobile .main-nav-submenu__favorite.favorite-no-open, .main-nav-mobile .main-nav-submenu__favorite.favorite-no-open { min-width: 0; width: 0; overflow: hidden; } .main-nav-submenu__favorite.favorite-no-open.-is-visible, .has-small-header .main-nav-mobile .main-nav-submenu__favorite.favorite-no-open.-is-visible, .main-nav-mobile .main-nav-submenu__favorite.favorite-no-open.-is-visible { max-width: 0; min-width: 0; } .main-nav-submenu__favorite .menuFavoriteSpinner { text-align: center; } .main-nav-submenu__favorite .menuFavoriteSpinner img { height: 18px; } .main-nav-submenu__favorite > ul > li { cursor: pointer; padding: 1.6rem; position: relative; } .main-nav-submenu__favorite > ul > li:hover .main-nav-submenu__favorite__item, .main-nav-submenu__favorite > ul > li .main-nav-submenu__favorite__item__visible { min-width: 20rem; max-width: 30rem; } .main-nav-mobile .main-nav-submenu__favorite > ul > li:hover .main-nav-submenu__favorite__item, .main-nav-mobile .main-nav-submenu__favorite > ul > li .main-nav-submenu__favorite__item__visible { min-width: 17rem; max-width: 17rem; } .main-nav-submenu__favorite > ul > li > ul > li { padding: 0.57rem; font-size: 1.2rem; } .main-nav-submenu__favorite > ul > li > span { display: block; } .main-nav-submenu__favorite.-is-visible { max-width: 21rem; } .main-nav-mobile .main-nav-submenu__favorite.-is-visible { max-width: 17rem; min-width: 17rem; } .main-nav-submenu__favorite__item { margin-top: -1.6rem; background-color: #3d3d3d; position: absolute; left: 21rem; bottom: 0%; min-width: 0; width: 0; max-width: 0; transition: max-width 250ms ease-in, left 250ms ease-in, min-width 250ms ease-in; padding-left: 0; max-height: 41.5rem; overflow-y: auto; overflow-x: hidden; } .main-nav-mobile .main-nav-submenu__favorite__item, .has-small-header .main-nav-mobile .main-nav-submenu__favorite__item { right: 17rem; left: inherit; } .has-small-header .main-nav-submenu__favorite__item { left: 21rem; max-height: 40rem; } .has-small-header .main-nav-mobile .main-nav-submenu__favorite__item { max-height: 30rem; } .main-nav-submenu__favorite li:hover, .main-nav-submenu__favorite li.active { background-color: #2a2a2a; } @media (max-width: 63.99em) { .main-nav { display: none; } } /** * MAIN NAV MOBILE */ .main-nav-mobile { position: fixed; bottom: 0; left: 0; right: 0; z-index: 500; color: #cecece; } .main-nav-mobile .main-nav__list { display: flex; justify-content: space-between; background-color: #2a2a2a; list-style: none; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .main-nav-mobile .main-nav__list li { flex: 1 0; -webkit-flex: 1 0; } .main-nav-mobile .main-nav__link { border-left: 0; border-bottom: 4px solid transparent; width: 100%; padding: .5rem 0; text-align: center; } .main-nav-mobile .main-nav__link.active { border-color: #8f7237; background-color: #181818; } .main-nav-mobile .main-nav__title { display: none; } @media (min-width: 64em) { .main-nav-mobile { display: none; } } /** * HEADER SEARCH */ .header-search { text-align: right; float: right; width: 55%; padding-left: 4rem; position: relative; /* Mobile */ } .header-search input[type="text"] { background-color: #4f4f4f; padding: 1rem 3rem; height: 5rem; line-height: 3rem; font-size: 1.4rem; border-radius: 2.5rem; width: 100%; max-width: 40rem; color: #fff; } .header-search__icon { position: absolute; right: 1rem; top: 1.2rem; background-color: transparent; border: 0; padding: 1px 6px; } .header-search__icon svg { width: 2.2rem; height: 2.2rem; fill: #fff; } @media (max-width: 63.99em) { .header-search { position: absolute; top: 100%; left: 0; right: 0; padding: 0 2rem; background-color: #2a2a2a; float: none; width: 100%; max-height: 0; overflow: hidden; transition: max-height 500ms ease-in, padding 500ms ease-in; } .header-search.-is-visible { max-height: 10rem; padding: 1rem 2rem; } .header-search__icon { right: 3rem; top: 2.2rem; } } .search-form-trigger { position: absolute; right: 1rem; top: 50%; background-color: transparent; border: 0; padding: 0; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search-form-trigger > svg { width: 2.2rem; height: 2.2rem; } @media (min-width: 64em) { .search-form-trigger { display: none; } } /** * FAV. MENU LIST */ .fav-menu-list { margin-left: 3rem; font-size: 1.4rem; } .fav-menu-list li { margin: 1rem 0; padding: 0; position: relative; } .fav-menu-list li:before { content: ""; height: 4rem; left: -2rem; position: absolute; top: 0; width: 1px; background-color: #fff; } .fav-menu-list li:after { content: ""; height: 1px; left: -2rem; position: absolute; top: 10px; width: 1rem; background-color: #fff; } .fav-menu-list li:last-child:before { height: 1rem; } /** * LANGUAGE & CURRENCY SWITCHER */ .language-switcher-wrapper, .currency-switcher-wrapper { text-align: center; overflow: hidden; } .language-switcher li, .currency-switcher li { display: inline-block; } .language-switcher li a, .currency-switcher li a { display: block; width: 6rem; font-size: 1.8rem; padding: 0.5rem 1rem; margin: 0.2rem; color: white; background-color: black; text-transform: uppercase; } .language-switcher li a:hover, .language-switcher li a.current, .currency-switcher li a:hover, .currency-switcher li a.current { background-color: #cecece; color: black; } .language-switcher__trigger, .currency-switcher__trigger { display: none; background-color: transparent; border: 0; font-size: 1.8rem; margin-bottom: 1rem; } .no-touchevents .language-switcher__trigger:hover, .no-touchevents .language-switcher__trigger:focus, .no-touchevents .currency-switcher__trigger:hover, .no-touchevents .currency-switcher__trigger:focus { color: #fff; } .header-top__title { width: auto; padding-top: 0; padding-left: 0; height: 40px; max-height: 40px; display: block; } .header-top__title img { height: 28px !important; width: auto !important; } /** * USER NAV */ .user-nav { background-color: #4f4f4f; text-align: center; } .user-nav li { float: left; width: 50%; } .user-nav a { display: block; width: 100%; padding: 1rem; } .no-touchevents .user-nav a:hover, .no-touchevents .user-nav a:focus { background-color: #181818; } .user-nav svg { display: block; margin: 0 auto 1rem; width: 2.8rem; height: 2.8rem; } /** * MODIFIER - Menu with icons only for tablet and above */ @media (min-width: 64em) { .has-small-header .header-sidebar { width: 6rem; } .has-small-header .header-top { left: 6rem; } .has-small-header .header__logo { padding: 2rem 1rem; } .has-small-header .main-nav__link { padding: 1.1rem 1.5rem 1.5rem; text-align: center; } .has-small-header .main-nav__title, .has-small-header .header__logo-text, .has-small-header .header-user__company { display: none; } .has-small-header .header__trigger .icon-arrow-left-nocircle { display: none; } .has-small-header .header__trigger .icon-arrow-right-nocircle { display: block; } .has-small-header [data-notifications]:before { display: none; } .has-small-header [data-notifications]:after { width: 2.4rem; height: 2.4rem; border-radius: 50%; right: .5rem; top: auto; bottom: 0; } .has-small-header .header-user { padding-left: .5rem; padding-right: .5rem; } .has-small-header .header-user__name span { font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .has-small-header .header-user__company { font-size: 1rem; } .has-small-header .header-user__logAs { overflow: hidden; text-overflow: ellipsis; } .has-small-header .user-nav { font-size: 1rem; } .has-small-header .user-nav li { float: none; width: 100%; } .has-small-header .user-nav__title { display: none; } .has-small-header .main-nav-submenu { left: 6rem; } } .js-submenu-favorite { position: relative; } .is-mobile .js-submenu-favorite { position: inherit; } /*------------------------------------*\ #FOOTER \*------------------------------------*/ .footer { margin-top: 2rem; margin-bottom: 4.2rem; clear: both; position: fixed; bottom: 0; left: 0; right: 0; } @media (min-width: 64em) { .footer { padding: 2rem 0 0 1rem; margin: 0 0 0 27rem; /*body*/ } .has-small-header .footer { margin-left: 5rem; } } .footer-search { background-color: #3d3d3d; text-align: center; padding: 2rem 0 4rem; margin-bottom: 4rem; } .footer-search__title { font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; font-size: 2rem; color: #fff; } .footer-search-form { position: relative; max-width: 40rem; margin: 0 auto; } .footer-search-form input[type="text"] { background-color: #4f4f4f; padding: 1rem 3rem; height: 5rem; line-height: 3rem; font-size: 1.4rem; border-radius: 2.5rem; width: 100%; max-width: 40rem; color: #fff; border: 0; } .footer-search-form [type="submit"] { position: absolute; right: 1rem; top: 1.2rem; background-color: transparent; border: 0; } .footer-search-form [type="submit"] svg { width: 2.2rem; height: 2.2rem; fill: #fff; } .footer-bottom { background-color: #2a2a2a; color: #fff; padding: 3.1rem 2rem; font-size: 1.2rem; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; } .footer-bottom__copy { width: 50%; display: inline-block; } .footer-bottom__links { float: right; } .footer-bottom__links li { display: inline-block; vertical-align: middle; } .footer-bottom__links li + li:before { content: ' | '; } .footer-bottom__links a { color: #fff; text-decoration: underline; } .no-touchevents .footer-bottom__links a:hover, .no-touchevents .footer-bottom__links a:focus { color: #e3e3e3; text-decoration: none; } /*------------------------------------*\ #BROWSE HAPPY. DIE IE8, DIE!!! \*------------------------------------*/ .browsehappy { background-color: #ffc600; color: #444; padding: 4rem 2rem; text-align: center; } .browsehappy p { max-width: 128rem; margin: 0 auto; } /* ========================================================================== Form basic style thanks to HTML5boilerplate, github.com/nathansmith/formalize and www.sitepen.com ========================================================================== */ /* * forms items */ button { -webkit-appearance: none; } input, button, select, label, [class*="btn-"] { vertical-align: middle; font-family: inherit; font-size: inherit; } label { display: inline-block; vertical-align: middle; cursor: pointer; } legend { border: 0; white-space: normal; } textarea { min-height: 5em; vertical-align: top; font-family: inherit; font-size: inherit; resize: vertical; } /* * Clickable input types in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-appearance: textfield; } /* if select styling bugs on WebKit * 'x' appears on right of search input when text is entered. This removes it */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } /* * Removes inner padding and border in FF3+ */ button::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='submit']::-moz-focus-inner { border: 0; padding: 0; } /* * Placeholder */ ::-webkit-input-placeholder { color: #777; opacity: 1; } input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder { color: #777; opacity: 1; } /** * Input style */ input[type="text"], input[type="password"], input[type="email"], input[type="email"], input[type="tel"], input[type="number"], input[type="time"], textarea, select { background-color: #f5f5f5; border: 1px solid #2a2a2a; padding: 0.3rem 1rem 0.2rem; height: 4rem; } input[type="text"].error, input[type="password"].error, input[type="email"].error, input[type="email"].error, input[type="tel"].error, input[type="number"].error, input[type="time"].error, textarea.error, select.error { color: #f04e4e; border-color: #f04e4e; } input[type="text"].-full, input[type="password"].-full, input[type="email"].-full, input[type="email"].-full, input[type="tel"].-full, input[type="number"].-full, input[type="time"].-full, textarea.-full, select.-full { width: 100%; } input[type="time"] { padding: 1rem 1rem 1rem; } textarea { height: auto; } /* Select */ select { -moz-appearance: none; -webkit-appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAIBAMAAADQCGj8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMDk3OTc1MzgzQkIxMUU1QUVFMUY0OEUxOEYzQUZCQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMDk3OTc1NDgzQkIxMUU1QUVFMUY0OEUxOEYzQUZCQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwOTc5NzUxODNCQjExRTVBRUUxRjQ4RTE4RjNBRkJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMwOTc5NzUyODNCQjExRTVBRUUxRjQ4RTE4RjNBRkJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+O0IzrQAAABtQTFRFPT09PT09PT09PT09PT09PT09PT09PT09PT09aDvSNwAAAAh0Uk5TABZWq9TW6uvdsvniAAAAOklEQVQIHWMwZAACRgOGNgUgrdbA0NEswCDc0cBQ0ZHElNGRAGR3RIDEGNQ6OsBqGC06wHoYmJyAOgCXzwxBHx20aQAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: right 10px top 50%; padding-right: 3.5rem; } select::-ms-expand { display: none; } /* Form item */ .form-item { position: relative; } /** * CHECKBOX */ input[type="checkbox"] { position: absolute; opacity: 0; /* Checked */ } input[type="checkbox"] + label { position: relative; } input[type="checkbox"] + label:before { content: ''; display: inline-block; width: 2rem; height: 2rem; border: 1px solid #999; } input[type="checkbox"]:checked + label:before { border-color: #8f7237; } input[type="checkbox"]:checked + label:after { content: ''; width: 1.2rem; height: 1.2rem; position: absolute; left: .4rem; top: .4rem; background-color: #8f7237; } /** * DATEPICKER */ .datepicker-input { position: relative; display: inline-block; } .datepicker-input button { width: 4rem; right: 1px; top: 1px; bottom: 1px; position: absolute; background-color: #8f7237; border: 0; } .no-touchevents .datepicker-input button:hover, .no-touchevents .datepicker-input button:focus { background-color: #60605b; color: #fff; } .datepicker-input svg { position: absolute; right: 1rem; width: 2rem; height: 2rem; top: 50%; margin-top: -1rem; z-index: 5; } .uploadFilesForm .uploadFilesForm-child { margin-bottom: 2rem; float: right; text-align: right; } .uploadFilesForm .uploadFilesForm-child .error { display: inline-block; } .uploadFilesForm .uploadFilesForm-child img.upload-files-img { height: 3.2rem; } .uploadFilesForm .uploadFilesForm-child .upload-files { text-align: right; } .uploadFilesForm .uploadFilesForm-child .upload-files-add { background-color: #8f7237; color: #181818; } .uploadFilesForm .uploadFilesForm-child .upload-files-remove { margin-left: 1rem; color: #fff; width: 1.8rem; height: 1.8rem; } .uploadFilesForm .uploadFilesForm-child .upload-files-remove > svg { width: 1rem; height: 1rem; line-height: 1.8rem; margin-top: -1rem; } .html5-progress-bar { border-radius: 3px; display: inline-block; width: 100%; } .html5-progress-bar .progress-bar-wrapper { position: relative; height: 6px; } .html5-progress-bar .progress-bar-wrapper progress { background-color: #fff; border: 0; border-radius: 9px; height: 100%; width: 100%; } .html5-progress-bar .progress-bar-wrapper progress::-webkit-progress-bar { background-color: #fff; border-radius: 9px; } .html5-progress-bar .progress-bar-wrapper progress::-webkit-progress-value { background: #8f7237; border-radius: 9px; } .html5-progress-bar .progress-bar-wrapper progress::-moz-progress-bar { background: #8f7237; border-radius: 9px; } .html5-progress-bar .progress-bar-wrapper progress .progress-value { padding: 0px 5px; line-height: 20px; margin-left: 5px; font-size: .8em; height: 18px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; } /*------------------------------------*\ #BUTTONS \*------------------------------------*/ [class*="btn-"] { display: inline-block; vertical-align: middle; min-width: 0; padding: 1.1rem 2rem; text-align: center; border: 0; line-height: 1; font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 1.4rem; } [class*="btn-"] > svg { margin-left: -1rem; margin-right: .5rem; } .btn-primary { background-color: #8f7237; color: #181818 !important; text-transform: uppercase; } .btn-primary.-error { background-color: #f04e4e !important; color: white !important; } .btn-primary.btn-primary-active { background-color: #60605b; color: #fff !important; } .btn-primary.btn-primary-inactive { background-color: #60605b; color: #fff !important; } .no-touchevents .btn-primary:hover { background-color: #60605b; color: #fff !important; } .no-touchevents .btn-primary.-error:hover { background-color: #60605b !important; color: #fff !important; } .btn-primary.-full { width: 100%; } .btn-primary .icon-excel { margin-left: auto; margin-right: auto; } .btn-primary .icon-doc-pdf { margin-left: auto; margin-right: auto; } .btn-secondary { border: 1px solid #60605b; color: #60605b; text-transform: uppercase; background-color: transparent; } .no-touchevents .btn-secondary:hover, .no-touchevents .btn-secondary:focus { color: #fff; background-color: #60605b; } .btn-secondary.-white { border-color: #fff; color: #fff; } /*------------------------------------*\ #ICONS FONT \*------------------------------------*/ [class^="icon-"], [class*=" icon-"] { line-height: 1; width: 2.4rem; height: 2.4rem; fill: currentColor; } /*------------------------------------*\ #BLOCKS \*------------------------------------*/ .block { background-color: #fff; border: 1px solid #dedede; margin: .5rem 0; /* Modifier */ } .block__header { background-color: #f5f5f5; position: relative; padding: 1.2rem 2rem; text-align: left; } .block__header.-gray { background-color: #e9e9e9; } .block__header.-dark { background-color: #2a2a2a; color: #fff; } .block__header.-warn { background-color: #f04e4e; color: #fff; } .block__header.-success { background-color: #35ba24; color: #fff; } .block__header.-info { background-color: #3f62b3; color: #fff; } .block__icon { background-color: #2a2a2a; color: #fff; width: 4.5rem; height: 4.5rem; position: absolute; top: 0; left: 0; } .block__icon > svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .block__title { font-size: 1.6rem; padding-right: 4rem; margin: 0; } .block__infos { display: inline-block; width: 2.4rem; height: 2.4rem; border: 1px solid #181818; border-radius: 50%; line-height: 2.4rem; text-align: center; position: absolute; top: .7rem; right: 1rem; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; font-style: italic; } .no-touchevents .block__infos:hover, .no-touchevents .block__infos:focus { background-color: #181818; color: #fff; } .block__content { padding: 1.6rem 1.2rem; } .block__footer { padding: 0 1.2rem 1.6rem; } .block__notification { background-color: #f04e4e; color: #fff; text-transform: uppercase; font-weight: bold; padding: 1rem; line-height: 1.1; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; } .block__notification > span { font-size: 2em; display: inline-block; vertical-align: middle; margin-right: 1rem; } .block.-gray { border: 0; background-color: #f5f5f5; } .block.-has-notification { position: relative; padding-bottom: 4rem; } .block.-has-icon { position: relative; padding-left: 6rem; } /** * DASHBOARD - Onboarding / Lapses */ .block--onboarding-lapses__tabs { margin-left: -5px; } .block--onboarding-lapses__tabs a { display: block; position: relative; padding: 1.5rem; cursor: pointer; background-color: #e9e9e9; color: #b0b0b0; border: 0; border-right: 1px solid #dedede; } .block--onboarding-lapses .active a { background-color: #fff; border: 1px solid #dedede; border-right: 0; margin: -1px; color: #2a2a2a; } .block--onboarding-lapses__title { padding: 1rem; margin-left: 5rem; border-left: 1px solid #dedede; } .block--onboarding-lapses__title h2 { font-size: 2.4rem; } .block--onboarding-lapses__icon { position: absolute; top: 50%; left: 2rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .block--onboarding-lapses__icon svg { width: 3.2rem; height: 3.2rem; } .block--onboarding-lapses__content { padding: 1.5rem; text-align: center; } /** * DASHBOARD - Fees due */ .block--fees-due { text-align: center; } .block--fees-due__value { font-size: 2rem; margin-top: 2rem; border-top: 1px solid #dedede; padding-top: 2rem; font-weight: normal; display: block; } .block--fees-due__value em { font-style: normal; font-size: 0.75em; } .block--fees-due__value abbr { color: #999; font-size: 0.75em; } .block--fees-due__date { display: block; font-size: 1.2rem; color: #999; } /** * DASHBOARD - Cash management */ .block--cash-management__overdraft, .block--cash-management__insufficient { display: block; font-weight: normal; font-size: 1.2rem; } .block--cash-management__overdraft:before { content: ''; display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; border-radius: 50%; background-color: #f04e4e; margin-right: .25em; } .block--cash-management__insufficient { text-align: right; } .block--cash-management__insufficient:after { content: ''; display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; border-radius: 50%; background-color: #ffc600; margin-left: .25em; } .block--cash-management__graph { margin: 1rem 0; height: 2.5rem; border-radius: .4rem; position: relative; background-color: #f04e4e; } .block--cash-management__graph a { position: absolute; top: 0; left: 0; bottom: 0; border-radius: .4rem; background-color: #f04e4e; width: 35%; } .block--cash-management__graph a + a { left: auto; right: 0; width: 65%; background-color: #ffc600; } /** * DASHBOARD - Requests */ .block--requests { text-align: center; } .requests-status { padding: 3rem 0; font-size: 1.4rem; } .requests-status li { display: inline-block; vertical-align: middle; width: 12rem; height: 12rem; border-radius: 50%; padding: 1rem 0; } .requests-status li + li { margin-left: 2rem; } @media (min-width: 75em) { .requests-status li + li { margin-left: 5vw; } } .requests-status a { display: block; color: #181818; } .no-touchevents .requests-status a:hover, .no-touchevents .requests-status a:focus { color: #fff; } .requests-status strong { font-weight: normal; font-size: 2.75em; display: block; line-height: 1.1; } .requests-status [class*="icon"] { width: 2.2rem; height: 2.2rem; display: block; margin: 1rem auto 0; } .requests-status__success { border: 4px solid #35ba24; } .requests-status__success svg { fill: #35ba24; } .no-touchevents .requests-status__success:hover, .no-touchevents .requests-status__success:focus { background-color: #35ba24; } .no-touchevents .requests-status__success:hover svg, .no-touchevents .requests-status__success:focus svg { fill: #fff; } .requests-status__warn { border: 4px solid #ffc600; } .requests-status__warn svg { fill: #ffc600; } .no-touchevents .requests-status__warn:hover, .no-touchevents .requests-status__warn:focus { background-color: #ffc600; } .no-touchevents .requests-status__warn:hover svg, .no-touchevents .requests-status__warn:focus svg { fill: #fff; } .requests-status__error { border: 4px solid #f04e4e; } .requests-status__error svg { fill: #f04e4e; } .no-touchevents .requests-status__error:hover, .no-touchevents .requests-status__error:focus { background-color: #f04e4e; } .no-touchevents .requests-status__error:hover svg, .no-touchevents .requests-status__error:focus svg { fill: #fff; } /** * */ /** * BLOCK SLIDER */ .listing-slider { text-align: center; } .listing-slider li { width: 100%; padding: 0 1rem; } .listing-slider__prev, .listing-slider__next { background-color: transparent; padding: 0; border: 0; position: absolute; top: 50%; z-index: 100; } .listing-slider__prev svg, .listing-slider__next svg { width: 1.6rem; height: 1.6rem; } .listing-slider__prev { left: 2rem; } .listing-slider__next { right: 2rem; } .listing-slider__pager { position: absolute; top: 1.5rem; right: 2rem; } .listing-slider__pager span { text-indent: 200%; overflow: hidden; border: 1px solid #333; border-radius: 50%; width: .8rem; height: .8rem; display: inline-block; cursor: pointer; } .listing-slider__pager span:not(:first-child) { margin-left: .3rem; } .listing-slider__pager .cycle-pager-active { background-color: #333; } /*------------------------------------*\ #BUBBLES LIST \*------------------------------------*/ .bubbles-list { font-size: 1.4rem; /* Big bubble */ } .bubbles-list li + li { margin-top: .4rem; } .bubbles-list li span + span { display: inline-block; text-overflow: ellipsis; overflow-x: hidden; max-width: 19rem; vertical-align: text-top; } .bubbles-list__bubble { display: inline-block; vertical-align: middle; border-radius: 50%; width: 2.3rem; height: 2.3rem; line-height: 2.2rem; text-align: center; background-color: #8f7237; color: #181818; font-size: 1.2rem; margin-right: .5rem; } .bubbles-list__bubble.-inactive { background-color: #cbcbcb; } [aria-selected="false"] .bubbles-list__bubble { background-color: #cbcbcb; color: #b0b0b0; } .bubbles-list.-big li + li { margin-top: 1rem; } .bubbles-list.-big .bubbles-list__bubble { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.6rem; } /*------------------------------------*\ #FAQ SLIDER \*------------------------------------*/ .faq-slider-wrapper { background-color: #e9e9e9; padding: 2rem 4rem 2rem 8rem; position: relative; margin: 2rem 0 0; } .faq-slider__icon { width: 5rem; height: 5rem; line-height: 4.6rem; background-color: #fff; border-radius: 50%; position: absolute; left: 2rem; top: 1.5rem; text-align: center; } .faq-slider__icon svg { width: 3.3rem; height: 3.3rem; fill: #ffc600; } .faq-slider__title { font-size: 2.2rem; font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; display: inline-block; width: 50%; } .faq-slider__all { float: right; font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; } .faq-slider__actions { text-align: center; margin-top: 2rem; } .faq-slider__prev, .faq-slider__next { border: 0; background-color: transparent; } .faq-slider__prev svg, .faq-slider__next svg { width: 1.4rem; height: 1.4rem; } .faq-slider__prev, .faq-slider__next, .faq-slider__caption { display: inline-block; vertical-align: middle; } /*------------------------------------*\ #NEWS \*------------------------------------*/ /** * DASHBOARD Preview */ .news-wrapper { margin-top: 4rem; } .news__title { font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; font-size: 3rem; margin-bottom: 4rem; text-align: center; } .news__list { height: 54.6rem; max-height: inherit; overflow: hidden; overflow-y: auto; margin-right: 0; width: 100%; } .news__list li { padding-left: 5px; padding-right: 5px; margin-top: 1.7rem; margin-left: 1.5rem; float: left; } .news-preview { margin-bottom: 1rem; } .news-preview__media { position: relative; } .news-preview__media img { width: 100%; height: auto; } .news-preview__media a { display: block; margin-left: 0; margin-right: 0; } .news-preview__media a.disabled { pointer-events: none; cursor: default; } .news-preview__media a:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(143, 114, 55, 0.8); opacity: 0; transition: opacity 250ms ease-in; } .news-preview__media a:after { content: attr(data-title); font-size: 1.4rem; text-transform: uppercase; padding: 1rem 1.5rem; min-width: 8.5rem; border: 1px solid #333; position: absolute; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; transition: opacity 250ms ease-in; } .no-touchevents .news-preview__media a:hover:before, .no-touchevents .news-preview__media a:hover:after, .no-touchevents .news-preview__media a:focus:before, .no-touchevents .news-preview__media a:focus:after { opacity: 1; } .no-touchevents .news-preview__media a:hover + .news-preview__lang, .no-touchevents .news-preview__media a:focus + .news-preview__lang { opacity: 0; } .news-preview__content { padding: 1.2rem; } .news-preview__title { font-size: 1.8rem; font-weight: normal; margin-bottom: 1rem; } .news-preview__title a { color: #181818; } .news-preview__title a.disabled { pointer-events: none; cursor: default; } .news-preview__date { color: #999; font-size: 1rem; } .news-preview__summary { font-size: 1.4rem; margin-top: 1rem; } .news-preview__lang { background-color: #8f7237; text-align: center; font-size: 1.2rem; position: absolute; bottom: 0; left: 0; padding: .5rem 1rem; transition: opacity 250ms ease-in; } .news__list li { float: none; width: 100%; } .news-preview__media { float: left; width: 40%; } .news-preview__content { float: left; width: 60%; } @media (min-width: 37.5em) and (max-width: 74.99em) { .news-preview__media { float: inherit; width: inherit; } .news-preview__content { float: inherit; width: inherit; } } @media (min-width: 75em) and (max-width: 104.99em) { .col-sm-12 .news__list li { float: left; width: calc(33.33333% - 1.5rem); } .col-sm-12 .news-preview__media { float: inherit; width: inherit; } .col-sm-12 .news-preview__content { float: inherit; width: inherit; } } @media (min-width: 105em) { .news__list { height: 54.6rem; max-height: inherit; } .col-xw-12 .news__list li { float: left; width: calc(33.33333% - 1.5rem); } .col-xw-12 .news-preview__media { float: inherit; width: inherit; } .col-xw-12 .news-preview__content { float: inherit; width: inherit; } } /*------------------------------------*\ #TABLE \*------------------------------------*/ .table { width: 100%; font-size: 1.2rem; /* Thead */ /* Filters */ /* Accordion header */ /* Body */ /* Tfoot */ /* Color */ } .table a { text-decoration: underline; } .no-touchevents .table a:hover { text-decoration: none; } .table th { font-weight: normal; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; line-height: 1.2; padding: .8rem 1.5rem; } .table th:not(.txtcenter) { text-align: left; } .table th + th { border-left: 1px solid #dedede; } .table__filters th, .table__filters td { background-color: #f5f5f5; } .table__filters select, .table__filters input { background-color: #fff; width: 100%; height: 3rem; border: 0; } .table__accordion { /* Lil' bubble */ } .table__accordion th { background-color: #3d3d3d; color: #fff; } .table__accordion th + th { border-left: 0; } .table__accordion[aria-controls] { cursor: pointer; } .table__accordion-bubble { width: 2.5rem; height: 2.5rem; position: relative; display: inline-block; vertical-align: middle; margin-right: 1rem; border-radius: 50%; background-color: #35ba24; } .table__accordion-bubble:before, .table__accordion-bubble:after { content: ''; width: 1.2rem; height: .2rem; background-color: #fff; position: absolute; top: 50%; left: 50%; margin-top: -.1rem; margin-left: -.6rem; transition: transform 250ms ease-in; } [aria-expanded="false"] .table__accordion-bubble:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .table td, .table th { vertical-align: middle; max-width: 12rem; } .table td.-no-padding, .table th.-no-padding { padding: 0; } .table td { padding: 1.2rem 1.5rem; } .table td .table-bubble { display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 50%; margin-right: 0.25rem; } .table td .relatedTo select { height: 3rem; border: 1px solid #dedede; } .table td .-big { font-size: 1.7rem; } .table tbody[aria-hidden="true"] { display: none; } .no-touchevents .table tbody tr.no-hover:hover { background-color: transparent; } .no-touchevents .table tbody tr:hover { background-color: #f5f5f5; } .table tr + tr td { border-top: 1px solid #dedede; } .table tfoot td { padding: 1.5rem; background-color: #f5f5f5; border-top: 1px solid #dedede; } .table tfoot a:not(.btn-primary) { text-decoration: underline; display: inline-block; vertical-align: middle; margin: 0 1rem; } .table__documents-actions { min-width: 13.5rem; } .table__icon-action { background-color: transparent; border: 0; } .table__icon-action svg { width: 2rem; height: 2rem; } .table .notifications-bubble { display: block; margin: 0 auto; height: 2rem; width: 2rem; position: relative; right: 1.8rem; bottom: 0.6rem; font-size: 1.5rem; line-height: 2rem; } .table .fav-col { width: 2.2rem; } .table .table-button { background-color: #8f7237; text-align: center; border: 0; padding: .6rem; } .table .table-button + .table-button { margin-left: -.2rem; } .table .table-button.-dark { background-color: #2a2a2a; color: #fff; } .table .table-button.-full { width: 100%; } .table .table-button > svg { width: 2rem; height: 2rem; } .no-touchevents .table .table-button:hover { background-color: #60605b; color: #fff; } .table tr.-new td { background-color: #cbf9d1; } .table td.-error { background-color: #f04e4e; color: #fff; } .table td.-warn { background-color: #ffc600; } .table td.-success { color: #fff; background-color: #35ba24; } /*** * TABLE HEADER */ .table-header { border-top: 1px solid #e3e3e3; margin-top: 1.5em; display: table; width: 100%; } .table-header > * { display: table-cell; vertical-align: middle; } .table-header__pager { vertical-align: middle; font-size: 2.4rem; padding: 2rem; margin-bottom: 0.5rem; } .table-header__pager-icon { display: inline-block; width: 4rem; height: 4rem; margin-right: 2rem; } .table-header__actions { padding-right: 1.5rem; text-align: right; } .table-header .filters-list { padding: 1rem 0 1rem 5rem; display: table-cell; text-align: left; margin-bottom: 0; } .table-header .infos-bubble { position: absolute; top: 1rem; right: 1rem; } .table-header.-no-border { border-top: 0; margin-top: 0; } .transaction-queries { padding: 0; margin-top: 3rem; } .transaction-queries__title { margin: 0 0.5rem; background-color: #3d3d3d; color: white; text-align: center; font-size: 1.5rem; padding: 1rem 1rem 1rem 3.5rem; } /*------------------------------------*\ #Miscellaneous \*------------------------------------*/ .progress-bar-lombard { background-color: #8f7237; color: black; } .progress-striped .progress-bar-lombard { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /** * FAV STAR BUTTON */ .fav-star { background-color: transparent; border: 0; } .fav-star svg { width: 2.4rem; height: 2.4rem; } .fav-star .icon-star-lined { fill: #999; } .fav-star .icon-star-full { fill: #ffc600; } .no-touchevents .fav-star:hover .icon-star-lined { fill: #ffc600; } /** * NOTIFICATIONS BUBBLE */ .notifications-bubble { width: 3rem; height: 3rem; display: inline-block; vertical-align: middle; text-align: center; line-height: 3rem; font-weight: bold; font-size: 1.8rem; background-color: #45371b; color: #fff; border-radius: 50%; border: 0; /* Color */ /* Size */ } .notifications-bubble.-error { background-color: #f04e4e; } .notifications-bubble.-warn { background-color: #ffc600; } .notifications-bubble.-success { background-color: #35ba24; } .notifications-bubble.-neutral { background-color: #e3e3e3; color: #3d3d3d; } .notifications-bubble.-black { background-color: #181818; color: #f5f5f5; } .notifications-bubble.-brand { background-color: #8f7237; color: #333; font-weight: normal; font-size: 1.4rem; } .notifications-bubble.-small { width: 2.4rem; height: 2.4rem; line-height: 2.4rem; } .notifications-bubble.-big { width: 3.6rem; height: 3.6rem; line-height: 3.6rem; } .notifications-bubble.-bigger { width: 6rem; height: 6rem; line-height: 6rem; font-size: 2.8rem; font-weight: 500; } /** * CLIENT SIDEMENU BUTTON */ .sidepanel-button { display: block; margin: 0 auto; background-color: #ababab; width: 2rem; height: 2rem; border: 0; position: relative; } .sidepanel-button:before { content: ''; width: .5rem; height: 1.6rem; position: absolute; right: .2rem; top: .2rem; background-color: #fff; } .no-touchevents .sidepanel-button:hover { background-color: #8f7237; } /** * INFORMATIONS BUBBLE */ .infos-bubble { display: inline-block; vertical-align: middle; width: 2.4rem; height: 2.4rem; border: 1px solid #181818; border-radius: 50%; line-height: 2rem; text-align: center; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; font-style: italic; font-size: 1.4rem; margin-left: 1rem; color: #181818; } .main-header__title .infos-bubble { position: relative; bottom: 0.3rem; } .no-touchevents .infos-bubble:hover { background-color: #181818; color: #fff; } .infos-bubble svg { height: 1.2rem; width: 1.2rem; } .infos-bubble.-big { width: 4rem; height: 4rem; line-height: 3.6rem; } .infos-bubble.-big svg { height: 2.4rem; width: 2.4rem; } .infos-bubble.-white { border-color: #fff; color: #fff; } /** * BADGE */ .badge { display: inline-block; vertical-align: middle; border-radius: 2rem; padding: .8rem 1.2rem; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 1; white-space: nowrap; } .badge.-error { background-color: #f04e4e; } .badge.-warn { background-color: #ffc600; } .badge.-success { background-color: #35ba24; } .badge.-cancelled { background-color: #60605b; } .badge.-default { background-color: #60605b; } .badge__icon { font-size: 2.4rem; display: inline-block; vertical-align: middle; margin-right: .75rem; } .badge__txt { display: inline-block; vertical-align: middle; } .badge.-small { line-height: 0.8; font-size: 1rem; } /** * TOOLTIP */ [data-tooltip] { position: relative; } [data-tooltip]:before { content: attr(data-tooltip); white-space: nowrap; font-size: 1.4rem; background-color: #e3e3e3; padding: .5rem 1rem; min-width: 14rem; border-radius: .4rem; position: absolute; bottom: 90%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; transition: opacity 250ms ease-in, bottom 200ms ease-in; } [data-tooltip]:after { content: ''; display: block; width: 0; height: 0; border-top: 0.8rem solid #e3e3e3; border-bottom: .8rem solid transparent; border-right: .8rem solid transparent; border-left: .8rem solid transparent; position: absolute; bottom: 90%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; transition: opacity 250ms ease-in, bottom 200ms ease-in; } [data-tooltip]:hover:before { opacity: 1; bottom: calc(100% + .8rem); } [data-tooltip]:hover:after { opacity: 1; bottom: calc(100% - .8rem); } .touchevents .hidden-tablet { display: none; } /*------------------------------------*\ #TABS \*------------------------------------*/ .tabs-container { border: 1px solid #dedede; background-color: #fff; } .tabs { text-align: center; font-size: 1.8rem; display: table; width: 100%; } .tabs li { display: table-cell; width: 20%; height: 100%; } .tabs li + li { border-left: 1px solid #fff; padding-top: 1px; } .tabs li.active a { background-color: #fff; color: #181818; } .tabs li.active .notifications-bubble { background-color: #333; } .tabs a { display: block; padding: 2rem; background-color: #8f7237; color: #45371b; position: relative; cursor: pointer; height: 100%; } .no-touchevents .tabs a:hover { background-color: #fff; color: #181818; } .tabs a.active { background-color: #fff; color: #181818; } .is-mobile .tabs a { text-align: left; } .tabs svg { display: block; margin: 0 auto 1.2rem; width: 3.6rem; height: 3.6rem; } .tabs .notifications-bubble { position: absolute; top: 3.6rem; left: 60%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .is-mobile .tabs .notifications-bubble { top: 1rem; right: 0; left: auto; } .tabs.-six li { width: 16.66666%; } .tabs.-five li { width: 20%; } .tabs.-four li { width: 25%; } .tabs.-three li { width: 33.33333%; } @media (max-width: 63.99em) { .tabs { display: block; } .tabs li { display: block; width: 100% !important; } .tabs a { padding: 1rem 2rem; } .tabs svg { display: inline-block; width: 2.6rem; height: 2.6rem; margin-bottom: 0; margin-right: 1rem; } } .tab-content.-padding { padding: 2rem; } /** * ICONS TABS */ .icons-tabs { text-align: center; font-size: 0; margin: 2rem 0; margin-bottom: 0; position: relative; } .icons-tabs:before { content: ''; width: 100%; height: 1px; background-color: #dedede; position: absolute; top: 50%; left: 0; } .icons-tabs li { display: inline-block; vertical-align: middle; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; position: relative; } .icons-tabs li:first-child { border-radius: .3rem 0 0 .3rem; border-left: 1px solid #dedede; } .icons-tabs li:last-child { border-radius: 0 .3rem .3rem 0; border-right: 1px solid #dedede; } .icons-tabs a { display: block; background-color: #e9e9e9; padding: .6rem 1rem; cursor: pointer; } .no-touchevents .icons-tabs a:hover { background-color: #fff; } .icons-tabs a.active { background-color: #fff; color: #181818; } .icons-tabs .active a { background-color: #fff; color: #181818; } .icons-tabs svg { width: 2.6rem; height: 2.6rem; } /*** * UNDERLINE TABS */ .underlined-tabs { text-align: center; margin-bottom: 2em; position: relative; } .underlined-tabs li { display: inline-block; vertical-align: bottom; margin-right: 0.2em; } .underlined-tabs li.active a { background-color: transparent; } .no-touchevents .underlined-tabs li:hover { border: 3px solid #8f7237; } .no-touchevents .underlined-tabs li:hover a { margin: -3px; } .underlined-tabs li a { background-color: #8f7237; border-bottom: 3px solid #8f7237; padding-bottom: 3px; } .underlined-tabs a { display: block; color: #333; padding: .5rem 1rem .8rem; position: relative; z-index: 1; } .underlined-tabs.-unactive:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .underlined-tabs.-unactive li.active a:after { height: 3px; } .underlined-tabs.-unactive a { color: #bdbdbd; } .underlined-tabs.-unactive a:after { background-color: #bdbdbd; } /*** * SIMPLE TABS */ .simple-tabs { position: relative; margin-bottom: -.5rem; } .simple-tabs li { margin-top: .5rem; float: left; } .simple-tabs li.active a { color: #2a2a2a; background-color: #f5f5f5; } .simple-tabs li + li { margin-left: 1px; } .simple-tabs a { display: block; color: #fff; background-color: #2a2a2a; padding: 1.2rem 2rem; position: relative; z-index: 1; line-height: 1; font-size: 1.6rem; font-weight: bold; cursor: pointer; } .no-touchevents .simple-tabs a:hover { color: #2a2a2a; background-color: #f5f5f5; } /*------------------------------------*\ #FILTERS \*------------------------------------*/ .filters-list { display: inline-block; vertical-align: middle; text-align: center; } .filters-list li { display: inline-block; vertical-align: middle; } .filters-list li + li { margin-left: 4rem; } /** * Slider */ .filters-toggle { position: relative; } .filters-toggle__slider { display: block; margin: .8rem auto 0; width: 6.7rem; height: 1.6rem; background-color: #f3f3f3; border-radius: 1.7rem; position: relative; cursor: pointer; transition: background 250ms ease-in, border-color 250ms ease-in; } .no-touchevents .filters-toggle__slider:hover { border-color: #ccc; } .no-touchevents .filters-toggle__slider:hover .filters-toggle__icon { border-color: #ccc; } .filters-toggle__icon { width: 2.8rem; height: 2.8rem; border-radius: 50%; background-color: #fff; position: absolute; top: -.6rem; left: 0; border: 1px solid #dedede; text-align: center; line-height: 2.4rem; color: #999999; transition: left 250ms ease-in, border-color 250ms ease-in; } .filters-toggle__icon svg { width: 1.2rem; height: 1.2rem; } .filters-toggle .icon-checked { display: none; } .filters-toggle input[type="checkbox"] { position: absolute; opacity: 0; } .filters-toggle input[type="checkbox"] + label:before, .filters-toggle input[type="checkbox"] + label:after { display: none; } .filters-toggle input[type="checkbox"]:checked + .filters-toggle__slider { background-color: #8f7237; border-color: #8f7237; } .filters-toggle input[type="checkbox"]:checked + .filters-toggle__slider > .filters-toggle__icon { left: 4.2rem; border-color: #8f7237; color: #8f7237; } .filters-toggle input[type="checkbox"]:checked + .filters-toggle__slider .icon-checked { display: inline-block; } .filters-toggle input[type="checkbox"]:checked + .filters-toggle__slider .icon-close { display: none; } /** * Filters bar */ .filters-bar { padding: 2rem; background-color: #f5f5f5; justify-content: space-between; margin-top: 1rem; } .filters-bar .form-item { display: inline-block; vertical-align: middle; } .is-mobile .filters-bar .form-item { margin-bottom: 1rem; } .filters-bar .form-item label { width: 6rem; } .is-mobile .filters-bar .form-item label { text-align: right; } .filters-bar__date label { font-size: 1em; margin-right: .5rem; } .filters-bar__date input[type="text"] { background-color: #fff; } .is-mobile .filters-bar__quick { text-align: center; } .filters-bar__quick .btn-primary { margin: 0 .5rem; } @media (min-width: 64em) { .filters-bar { display: flex; } .filters-bar .form-item { margin: 0; } .filters-bar .form-item label { width: auto; } .filters-bar .form-item + .form-item { margin-left: 3rem; } .filters-bar__quick { text-align: right; } } /*------------------------------------*\ #SIDEPANEL \*------------------------------------*/ .sidepanel { position: fixed; width: 28rem; top: 0; right: -35rem; bottom: 0; z-index: 350; background-color: #fff; transition: right 250ms ease-in; /* Go to client list */ } .sidepanel.-is-visible { right: 0; } .sidepanel__header { background-color: #2a2a2a; padding: calc(.5rem + 2vh) 2rem; text-align: center; color: #fff; } .sidepanel__title { font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; font-size: 3rem; margin-bottom: 0; } .sidepanel__title em { display: block; font-size: .5em; font-style: normal; margin-bottom: 1rem; } .sidepanel__value { color: #999; font-size: 1.8rem; display: block; line-height: 1.2; } .sidepanel__date { font-size: 1.4rem; display: block; line-height: 1.2; } .sidepanel__list-title { background-color: #8f7237; padding: 1.1rem 2rem; margin-top: 0; font-size: 1.4rem; } .sidepanel__list-title.-goto { background-color: #2a2a2a; font-size: 1.8rem; color: #fff; padding: 1.6rem 2rem; } .sidepanel__list-title.-error { background-color: #f04e4e; color: #fff; } .sidepanel .bubbles-list { margin: 2rem; } .sidepanel .bubbles-list li { margin: 1rem 0; } .sidepanel .bubbles-list a:hover .notifications-bubble { color: #f5f5f5; background-color: #181818; } .sidepanel .notifications-bubble { margin-right: 1.6rem; } .sidepanel__goto { margin: 2rem; font-size: 1.8rem; } .sidepanel__goto li { margin: 2rem 0; } .sidepanel__goto a { color: #2a2a2a; } .no-touchevents .sidepanel__goto a:hover, .no-touchevents .sidepanel__goto a:focus { color: #584622; } .sidepanel__goto svg { margin-left: .5rem; margin-right: 1.6rem; width: 3rem; height: 3rem; } .sidepanel__goto .notifications-bubble { margin-right: 0; float: right; } .sidepanel__footer { text-align: center; margin-top: 4rem; } .sidepanel__close { position: absolute; top: 1.5rem; right: 100%; width: 4.3rem; height: 5rem; line-height: 5rem; background-color: #4f4f4f; border-radius: 50% 0 0 50%; border: 0; color: #fff; } .sidepanel__close svg { width: 1.8rem; height: 1.8rem; } /*body*/ .has-sidepanel:before { content: ''; position: fixed; background-color: rgba(0, 0, 0, 0.75); top: 0; right: 0; bottom: 0; left: 0; z-index: 300; } /*------------------------------------*\ #AUTOCOMPLETE BOX \*------------------------------------*/ .autocomplete { background-color: #fff; position: fixed; padding: 2rem 0 0; z-index: 1010; top: 7rem; right: 4rem; width: 35rem; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3); max-height: 60rem; overflow-y: auto; /* Title */ /* List */ } .autocomplete-relatedto { top: inherit; right: inherit; padding: 1rem 0; position: absolute; width: inherit; } .autocomplete-relatedto div { margin-bottom: 0.5rem; padding: 1rem 3rem; } .autocomplete-relatedto div:hover { background-color: #efefef; } .autocomplete.-is-visible { display: block; } .autocomplete__title { text-transform: uppercase; color: #37799b; font-size: 1.4rem; font-weight: bold; margin: 0 0 -1rem 0; padding: 1rem 2rem 1rem; } .autocomplete__title:hover { background-color: #efefef; } .autocomplete__list { padding: 0 0 1rem; border-bottom: 1px solid #dedede; margin-bottom: 1rem; } .autocomplete__list:last-child { border-bottom: 0; margin-bottom: 0; } .autocomplete__list li { margin: 1rem 0; padding: 0.3rem 3rem; } .autocomplete__list li:hover { background-color: #efefef; } .autocomplete__list li .highlights { overflow: hidden; text-overflow: ellipsis; } .autocomplete__list li .highlights.default { white-space: nowrap; } .autocomplete__list li .highlights.typed { word-wrap: break-word; } .autocomplete__list li .highlights small:not(:last-child) { margin-right: 0.5rem; } .autocomplete__list li .highlights small:not(:last-child):after { content: ","; } .autocomplete__list li .highlights small em { font-style: normal; background-color: #8f7237; } .autocomplete__list mark { color: #181818; background-color: transparent; } .autocomplete__footer { margin-top: 2rem; text-align: center; } .autocomplete__no-results { padding: 0 1rem; } .input-search { background-color: #fff !important; border-color: #999 !important; height: 3rem !important; } .autocompleteInput { width: 100%; } .autocompleteBlock { width: 100%; position: relative; } .autocompleteItem { list-style: none; height: 30px; line-height: 30px; padding-left: 5px; width: 100%; background-color: white; display: table-row; } .autocompleteItem:hover, .autocompleteItem.selected { background-color: #f1f1f1; } .autocompleteList { position: absolute; overflow-y: auto; overflow-x: hidden; left: 0; padding-left: 0; z-index: 1000; width: 100%; top: 18px; border: 1px solid #e5e5e5; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); cursor: default; max-height: 300px; display: table; } .clickable { cursor: pointer; } .autocompleteWait { background-repeat: no-repeat; background-position: right center; background-size: 15px; background-origin: content-box; } .autocompleteNoWait { background-image: none !important; } .unread { color: black; font-weight: bold; } .archived { color: #ccc !important; } .starWait { background-repeat: no-repeat; background-position: center center; background-size: contain; background-origin: border-box; } .starNoWait { background-image: none !important; } .query-waiting-feedback { background-color: #f04e4e; color: #FFFFFF; } .query-ongoing { background-color: #ffc600; } .query-finished { background-color: #35ba24; } .query-doc-missing { background-color: #f04e4e; } .query-cancelled { background-color: #60605b; } .query-default { background-color: #60605b; } .starBackground { background-repeat: no-repeat; background-position: center center; background-size: 24px; display: inline-block; } .starOver { background-image: url("../img/star-over.png"); } .starNotSelected { background-image: url("../img/star-not-selected.png"); } .starSelected { background-image: url("../img/star-selected.png"); } .starLoader { background-image: url("../webjars/eportal/images/ajax-loader.gif"); } .notifyBackground { background-repeat: no-repeat; background-position: center center; background-size: 24px; display: inline-block; } .notifyHover { background-image: url("../img/notify-hover.png"); } .notifyNotSelected { background-image: url("../img/notify-not-selected.png"); } .notifySelected { background-image: url("../img/notify-selected.png"); } .notifyLoader { background-image: url("../webjars/eportal/images/ajax-loader.gif"); } .actionButton { background-color: #8f7237; text-align: center; border: 0; padding: 1rem; } .actionButton + .table-button { margin-left: -.2rem; } .actionButton.-dark { background-color: #2a2a2a; color: #fff; } .actionButton.-full { width: 100%; } .actionButton > svg { width: 2.5rem; height: 2.5rem; } .no-touchevents .actionButton:hover { background-color: #60605b; color: #fff; } .angucomplete-dropdown { max-height: 35rem; overflow-y: auto; } /*------------------------------------*\ #INVESTMENT LIST \*------------------------------------*/ .investment-list { font-size: calc(1rem + .75vw); } .investment-list li { position: relative; margin: 1rem 0; padding-left: 6px; padding-right: 6px; } .investment-list li + li { margin-top: 2rem; } .investment-list li.hover { background-color: #efefef; border-radius: 8px; } .investment-list a { float: right; } .investment-list a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .investment-list .notifications-bubble { margin-right: 1.5rem; } .investment-list .notifications-bubble.-error { position: absolute; top: 50%; left: -2rem; margin-right: 0; margin-top: .2rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .investment-list dl { float: left; width: calc(100% - 2.5rem); margin-bottom: 0.5rem; } .investment-list dt, .investment-list dd { display: inline-block; vertical-align: middle; width: calc(55% - .25em); margin: 0; position: relative; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; } .investment-list dd { width: calc(45% - .25em); text-align: right; } .investment-list abbr { font-size: .75em; } .investment-list svg { width: 1.4rem; height: 1.4rem; } .fund-download-buttons { position: absolute; top: 25px; right: 15px; } .fund-download-buttons button { margin: 0 .5rem; } /*------------------------------------*\ #CHECKLIST \*------------------------------------*/ /** * CHECKLIST */ .-document .-document_container.-document_container_left { width: 50%; float: left; } .-document .-document_container.-document_container_right { width: 50%; display: inline-block; background-color: white; min-height: 24rem; } .-document .checklist__list { overflow: hidden; } .checklist__list li { padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 2rem; padding-right: 2rem; position: relative; } .checklist__list li.-error { font-weight: bold; color: #f04e4e; } .-document .checklist__list li { white-space: nowrap; } .-document .checklist__list li .checklist__list_item_content { padding-right: 2rem; overflow: hidden; } .-document .checklist__list li.selected { background-color: white; } .checklist__list [class^="btn-"] { font-weight: normal; float: right; } .checklist__list .notifications-bubble { margin-right: 1rem; } .checklist__list .notifications-bubble svg { width: 1rem; height: 1rem; margin-top: -.2rem; } /** * IMPORTANT CHECK */ .important-check { background-color: #efefef; padding: 2rem 1.5rem; margin: 1rem 0; } .important-check__title { font-size: 1.8rem; margin-bottom: 1.5em; padding: 0 .5rem; } .important-check__list li { position: relative; padding-left: 3rem; } .important-check__list li + li { margin-top: 2rem; } .important-check .icon-checked { position: absolute; top: .2rem; left: 0; width: 2rem; height: 2rem; fill: #35ba24; } .important-check .infos-bubble { float: right; margin-top: -2px; } /*------------------------------------*\ #WYSIWYG BLOCK \*------------------------------------*/ .wysiwyg-block h3, .wysiwyg-block h4, .wysiwyg-block h5, .wysiwyg-block h6 { margin-bottom: 1.5em; margin-top: 2em; } .wysiwyg-block h3 + p, .wysiwyg-block h4 + p, .wysiwyg-block h5 + p, .wysiwyg-block h6 + p { margin-top: .5em; } .wysiwyg-block h3:first-child, .wysiwyg-block h4:first-child, .wysiwyg-block h5:first-child, .wysiwyg-block h6:first-child { margin-top: 0; } .wysiwyg-block h3 { font-size: 1.8rem; } .wysiwyg-block h4 { font-size: 1.6rem; } .wysiwyg-block h5 { font-size: 1.4rem; } .wysiwyg-block p, .wysiwyg-block ul, .wysiwyg-block ol { margin: 1.5em 0; } .wysiwyg-block p + ul, .wysiwyg-block p + ol, .wysiwyg-block ul + ul, .wysiwyg-block ul + ol, .wysiwyg-block ol + ul, .wysiwyg-block ol + ol { margin-top: -1em; } .wysiwyg-block ul { list-style-type: none; position: relative; margin-left: 3rem; padding-left: 0; } .wysiwyg-block ul li + li { margin-top: .75em; } .wysiwyg-block ul li:before { content: "\2022"; position: absolute; left: -1em; color: #45371b; margin-right: .5rem; } .wysiwyg-block ol { list-style-type: none; position: relative; margin-left: 3rem; padding-left: 0; counter-reset: olCounter; } .wysiwyg-block ol li { counter-increment: olCounter; } .wysiwyg-block ol li + li { margin-top: .75em; } .wysiwyg-block ol li:before { content: counter(olCounter) "."; position: absolute; left: -3rem; color: #45371b; margin-right: 2rem; font-weight: bold; } /*------------------------------------*\ #STEP BY STEP \*------------------------------------*/ .steps { counter-set: requestSteps; } .steps-wrapper { text-align: center; } .steps.-transactions { margin: 4rem 0 6rem; } .steps li { display: inline-block; vertical-align: top; counter-increment: requestSteps; width: 8rem; position: relative; } .is-mobile .steps li { width: 4rem; } .steps li:before { content: counter(requestSteps); display: block; margin: 0 auto; margin-top: 1rem; width: 5rem; height: 5rem; border-radius: 50%; border: 3px solid #2a2a2a; background-color: #2a2a2a; color: #fff; line-height: 1.8; text-align: center; font-size: 2.4rem; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; } .is-mobile .steps li:before { font-size: 1.4rem; width: 3rem; height: 3rem; margin-top: 0.6rem; } .steps li + li { margin-left: 3rem; } .steps li + li:after { background: url("../img/steps-line.svg") no-repeat; position: absolute; left: -4.4rem; top: 3rem; content: ""; width: 67px; height: 20px; background-size: 5.5rem; } .is-mobile .steps li + li:after { left: -3.2rem; top: 2rem; background-size: 3rem; } .steps li.active { width: 10rem; } .is-mobile .steps li.active { width: 4rem; } .steps li.active:before { border-color: #8f7237; color: #2a2a2a; background-color: #fff; width: 7rem; height: 7rem; line-height: 2.6; margin-top: 0rem; } .is-mobile .steps li.active:before { width: 4rem; height: 4rem; } .steps li.active .steps__name { opacity: 1; } .steps li.done:before { content: ''; background-image: url("../img/steps-check.svg"); background-position: center; background-repeat: no-repeat; background-color: #8f7237; border-color: #8f7237; } .steps li.done .steps__name, .steps li.notDone .steps__name { opacity: 1; margin-top: 1.2rem; max-width: 9rem; overflow: hidden; text-overflow: ellipsis; } .is-mobile .steps li.done .steps__name, .is-mobile .steps li.notDone .steps__name { max-width: 4rem; } .steps li.inactive { pointer-events: none; } .steps__name { opacity: 0; line-height: 1.2; display: inline-block; } .is-mobile .steps__name { font-size: 10px; } .steps__tooltip { position: absolute; top: calc(100% + 1.5rem); left: 50%; display: inline-block; white-space: nowrap; text-transform: uppercase; font-weight: bold; color: #fff; padding: .5rem 1rem; background-color: #f04e4e; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .steps__tooltip:before { content: ''; position: absolute; bottom: 100%; left: calc(50% - 8px); width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid #f04e4e; border-right: 6px solid transparent; border-left: 6px solid transparent; } /*------------------------------------*\ #SQUARES LIST \*------------------------------------*/ .squares-list { text-align: center; margin: 2rem 0; } .squares-list li { display: inline-block; width: calc(25% - .25em - 1rem); min-width: 17.5rem; overflow: hidden; position: relative; } .squares-list li:before { content: ""; display: block; padding-top: 100%; } @media (min-width: 75em) { .squares-list li { width: calc(20% - .25em - 1rem); } } .squares-list__block { display: table-cell; font-size: 2.4rem; padding: 2rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 1rem; border: 3px solid #dedede; background-color: #fff; } .is-mobile .squares-list__block { font-size: 1.6rem; } .no-touchevents .squares-list__block:hover { border-color: #2a2a2a; } .squares-list__content { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 2rem; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*------------------------------------*\ #MODAL \*------------------------------------*/ [data-mfp-src] { cursor: pointer; } .modal { padding: 2rem; padding-bottom: 0.1rem; max-width: 57rem; width: 96%; background-color: #fff; margin: 0 auto; position: relative; } .modal#screenshotModalId { max-width: 70%; } .modal.errorModal .modal__header { color: red; } .modal.errorModal .mfp-close { background-color: red; } .modal__header { text-align: center; font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; } .modal__title { font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 3rem; margin-bottom: 1rem; } .modal__disclaimer { font-size: 1.4rem; } .modal__subtitle { font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.8rem; margin-top: 0; } .modal__content { margin: 4rem 0; } .modal__footer { margin-top: 2rem; text-align: center; } .modal .mfp-close { display: inline-block; position: absolute; bottom: 100%; right: 0; width: 5rem; height: 4.3rem; line-height: 5rem; background-color: #4f4f4f; border-radius: 50% 50% 0 0; border: 0; color: #fff; font-size: 3.6rem; top: auto; opacity: 1; } .no-touchevents .modal .mfp-close:hover, .no-touchevents .modal .mfp-close:focus { background-color: #181818; } @media (min-width: 64em) { .modal { padding: 2rem 7rem; padding-bottom: 0.1rem; } } /*------------------------------------*\ #CHARTS \*------------------------------------*/ .chart { /* Asset Under Management - Dasboard */ } .chart canvas { max-width: 100%; height: auto; display: inline-block; } .chart-wrapper { position: relative; margin: 0 auto; max-width: 40rem; } .chart-wrapper.-fund-valuation { max-width: none; } .chart-wrapper.-fund-valuation:before { content: ''; padding-top: 50%; display: block; } .chart-wrapper.-fund-valuation .chartSpinner { position: absolute; top: 50%; left: 50%; z-index: 99; } .chart-wrapper.-fund-valuation .chartNoResult { position: absolute; top: 20%; left: 50%; z-index: 99; } .chart-wrapper.-fund-valuation .chart { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .chart__caption { position: absolute; top: 50%; left: 50%; text-align: center; font-size: calc(1rem + 1vw); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .chart__caption dl { margin: 0; } .chart__caption dt, .chart__caption dd { margin: 0; display: block; line-height: 1.1; } .chart__caption dt { color: #3d3d3d; font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; margin-bottom: 1rem; } .chart__caption dd { color: #181818; font-size: 1em; } .chart__caption abbr { display: block; font-size: .625em; } .chart__caption > strong { font-size: 2.8rem; display: block; line-height: 1.2; } .chart__caption > em { font-size: 1.4rem; display: block; line-height: 1.2; color: #3d3d3d; font-style: normal; } .chart.-doughnut canvas { position: relative !important; padding: 0; } .chart.-doughnut canvas + canvas { position: absolute !important; top: 0; left: 0; } .chart.-aum { display: block; margin-left: auto; margin-right: auto; } .chart.-aum canvas { position: relative !important; padding: 0; } .chart.-aum canvas + canvas { position: absolute !important; top: 0; left: 0; } .canvasjs-chart-credit { display: none !important; } /** * Zoom button */ /* Plugin button style overiding - this is ugly. */ .canvasjs-chart-toolbar button { background-color: #8f7237; color: #fff; border: 0; padding: .5rem !important; margin: .5rem !important; display: inline-block; } /** * Chart tooltip */ /* Plugin tooltip style overiding - this is ugly. */ .canvasjs-chart-tooltip { box-shadow: none !important; } .canvasjs-chart-tooltip > div { padding: 0px !important; font-family: "AvenirPro", "Roboto", Arial, Helvetica, sans-serif !important; } #aumOnboarding .canvasjs-chart-tooltip { box-shadow: none !important; right: auto !important; left: auto !important; top: 0px !important; bottom: auto !important; } #aumOnboarding .canvasjs-chart-tooltip > div { padding: 5px !important; } /* Our */ .graph-tooltip { background-color: #e3e3e3; display: inline-block; text-align: center; padding: 1rem 2rem; position: relative; /*&:after { content: ''; width: 0; height: 0; position: absolute; top: 100%; left: 50%; margin-left: -.5rem; border-top: 10px solid $c-lightergray; border-left: 6px solid transparent; border-bottom: 10px solid transparent; border-right: 6px solid transparent; }*/ } .graph-tooltip__date { display: block; font-size: 1.2rem; line-height: 1.2; } .graph-tooltip__value { display: block; font-size: 1.8rem; line-height: 1.2; margin: .4rem 0 .8rem; } /*------------------------------------*\ #CHAT LIST - it's not about cat. \*------------------------------------*/ .chat-list li { position: relative; } .chat-list li.chat-list__content__left { padding-left: 8.5rem; } .chat-list li.chat-list__content__left .chat-list__avatar { left: 0; } .chat-list li.chat-list__content__left .chat-list__message__document { text-align: left; font-size: 10px; margin-top: 1rem; text-decoration: underline; cursor: pointer; } .chat-list li.chat-list__content__left .chat-list__message:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; position: absolute; left: -1rem; top: 2rem; } .chat-list li.chat-list__content__left .chat-list__message:before { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #dedede; position: absolute; left: -2.1rem; top: 2rem; } .chat-list li.chat-list__content__right { text-align: right; padding-right: 8.5rem; padding-left: 0; } .chat-list li.chat-list__content__right .chat-list__avatar { right: 0; left: auto; } .chat-list li.chat-list__content__right .chat-list__message { text-align: left; background-color: #1fb2cd; border-color: #1fb2cd; color: #fff; } .chat-list li.chat-list__content__right .chat-list__message__document { text-align: right; font-size: 10px; margin-top: 1rem; text-decoration: underline; cursor: pointer; } .chat-list li.chat-list__content__right .chat-list__message__document.notclickable { text-decoration: none; cursor: inherit; } .chat-list li.chat-list__content__right .chat-list__message:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #1fb2cd; position: absolute; top: 2rem; right: -2rem; } .chat-list li.chat-list__content__right .chat-list__message:before { display: none; } .chat-list li.chat-list__content__right .chat-list__message .submitLoader { display: block; position: absolute; height: 15px; width: calc(100% - 2rem); background-size: 15px; background-position: right center; background-image: url("../webjars/eportal/images/ajax-loader.gif"); background-repeat: no-repeat; } .chat-list__avatar__left { position: absolute; top: 3rem; left: 0; border-radius: 50%; background-color: #3d3d3d; border-style: solid; border-width: 2px; } .chat-list__avatar__right { position: absolute; top: 3rem; right: 0; font-size: 3.4em; color: #3d3d3d; } .chat-list__name { display: block; font-size: 1.2rem; margin-bottom: .5rem; } .chat-list__message { background-color: #fff; border: 1px solid #dedede; padding: 2rem 1.5rem; border-radius: .4rem; max-width: 40%; display: inline-block; position: relative; } .is-mobile .chat-list__message { max-width: 90%; } .chat-list__date { display: block; font-size: 1.2rem; margin: 1rem 0; } /*------------------------------------*\ #FUNDS LIST / TILES \*------------------------------------*/ .funds-list li { padding-left: 5px; padding-right: 5px; } @media (min-width: 64em) { .funds-list li { float: left; width: 50%; } } @media (min-width: 62em) { .funds-list li { width: 33.33333%; } } .fund-choice { position: absolute; } .block--fund-tile { text-align: center; position: relative; overflow: hidden; height: 41.3rem; } .block--fund-tile__title { font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 2.4rem; line-height: 1.2; word-break: break-all; margin-bottom: 1.5rem; } .block--fund-tile__value { display: block; color: #000; font-size: 2.4rem; font-weight: normal; margin-bottom: 0.5rem; line-height: 1.2; } .block--fund-tile__value abbr { color: #3d3d3d; border-bottom: 0; font-size: 1.6rem; font-weight: 300; } .block--fund-tile__price, .block--fund-tile__price-date, .block--fund-tile__unit, .block--fund-tile__custodian, .block--fund-tile__investment-manager { font-size: 1.6rem; margin-top: .5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .block--fund-tile__price > span, .block--fund-tile__price-date > span, .block--fund-tile__unit > span, .block--fund-tile__custodian > span, .block--fund-tile__investment-manager > span { color: #3d3d3d; } .block--fund-tile__price > span::after, .block--fund-tile__price-date > span::after, .block--fund-tile__unit > span::after, .block--fund-tile__custodian > span::after, .block--fund-tile__investment-manager > span::after { content: ': '; } .block--fund-tile__custodian > span, .block--fund-tile__investment-manager > span { font-weight: bold; } .block--fund-tile__price { border-top: 1px solid #dedede; padding-top: 0.2rem; } .block--fund-tile__price-date { margin-top: 0.3rem; } .block--fund-tile__unit { border-bottom: 1px solid #dedede; padding-bottom: 0.2rem; margin-top: 0.3rem; } .block--fund-tile__trend { font-size: 1.8rem; margin-bottom: .5em; } .block--fund-tile__trend strong { font-weight: normal; color: #35ba24; } .block--fund-tile__trend strong.-negative { color: #f04e4e; } .block--fund-tile__icon { display: inline-block; width: 3rem; height: 3rem; border-radius: 50%; background-color: currentColor; position: relative; display: inline-block; vertical-align: middle; margin-left: .5rem; margin-right: .5rem; } .block--fund-tile__icon > svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 1.2rem; height: 1.2rem; color: #fff; } .block--fund-tile__graph { display: inline-block; vertical-align: bottom; width: 45%; padding: 0 2%; } .block--fund-tile__graph-trend { display: block; margin-bottom: 1em; color: #35ba24; } .block--fund-tile__graph figcaption { margin: .75em; } .block--fund-tile__graph-value { color: #000; } .block--fund-tile__notification { display: block; background-color: #f04e4e; color: #fff; text-transform: uppercase; font-weight: bold; padding: .4rem 1rem; /*margin-left: -1.2rem; margin-right: -1.2rem; margin-bottom: -1.6rem; margin-top: 1.6rem;*/ line-height: 1.1; } .block--fund-tile__notification > span.bigger { font-size: 2em; display: inline-block; vertical-align: middle; margin-right: 1rem; } .block--fund-tile .block__footer { padding-top: 1.6rem; } .block--fund-tile .block__footer.-no-notification { padding-bottom: 5.6rem; } .block--fund-tile .block__footer a.btn-secondary::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 3.8rem; } .block--fund-tile__hover { background-color: rgba(0, 0, 0, 0.9); position: absolute; top: 100%; left: 0; bottom: 0; right: 0; padding: 0; color: #fff; transition: top 250ms ease-in, padding 250ms ease-in; } .block--fund-tile__hover a.btn-secondary { position: absolute; top: 0; left: 0; right: 0; bottom: 3.8rem; } .no-touchevents .block--fund-tile:hover { background-color: #f5f5f5; } /*------------------------------------*\ #KEY VALUE \*------------------------------------*/ .key-value dt, .key-value dd { margin: 0; overflow: hidden; text-overflow: ellipsis; } .key-value dt.reinvestment a, .key-value dd.reinvestment a { margin-right: 1rem; } .key-value dd { margin-bottom: 1em; font-weight: bold; } .key-value.-big dd { font-size: 1.7em; } .key-value.-inline { text-align: left; } .key-value.-inline dd { font-size: 1em; } @media (min-width: 64em) { .key-value.-inline dt { float: left; clear: left; width: 40%; } .key-value.-inline.transactionBlockContentDocumentDl dd { text-align: center; width: inherit; } .key-value.-inline.transactionBlockContentDocumentDl dt { width: 70%; text-decoration: underline; } .key-value.-inline dd { float: left; width: 60%; padding-left: 1rem; } } /* This combined file was created by the DataTables downloader builder: https://datatables.net/download To rebuild or modify this file with the latest versions of the included software please visit: https://datatables.net/download/#dt/dt-1.10.11,cr-1.3.1,r-2.0.2 Included libraries: DataTables 1.10.11, ColReorder 1.3.1, Responsive 2.0.2 */ /* Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* Header and footer styles */ /* Body styles */ } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("../img/sort_both.svg"); } table.dataTable thead .sorting_asc { background-image: url("../img/sort_asc.svg"); } table.dataTable thead .sorting_desc { background-image: url("../img/sort_desc.svg"); } table.dataTable thead .sorting_asc_disabled { background-image: url("../img/sort_asc_disabled.svg"); } table.dataTable thead .sorting_desc_disabled { background-image: url("../img/sort_desc_disabled.svg"); } table.dataTable tbody .sorting, table.dataTable tbody .sorting_asc, table.dataTable tbody .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable tbody .sorting, table.dataTable tbody .sorting_asc, table.dataTable tbody .sorting_desc, table.dataTable tbody .sorting_asc_disabled, table.dataTable tbody .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable tbody .sorting { background-image: url("../img/sort_both.svg"); } table.dataTable tbody .sorting_asc { background-image: url("../img/sort_asc.svg"); } table.dataTable tbody .sorting_desc { background-image: url("../img/sort_desc.svg"); } table.dataTable tbody .sorting_asc_disabled { background-image: url("../img/sort_asc_disabled.svg"); } table.dataTable tbody .sorting_desc_disabled { background-image: url("../img/sort_desc_disabled.svg"); } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; text-overflow: ellipsis; overflow-x: hidden; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable th.nowrap, table.dataTable td.nowrap { white-space: nowrap; } /* table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } */ table.dataTable thead th.checkbox { position: relative; } table.dataTable thead th.checkbox input[type="checkbox"] { width: 25px; } /* Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td { vertical-align: middle; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } table.DTCR_clonedTable.dataTable { position: absolute !important; background-color: rgba(255, 255, 255, 0.7); z-index: 202; } div.DTCR_pointer { width: 1px; background-color: #0259C4; z-index: 201; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 8px; left: 4px; height: 16px; width: 16px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: left; font-family: 'Courier New', Courier, monospace; text-indent: 4px; line-height: 16px; content: '+'; background-color: #31b131; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; } table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: left; font-family: 'Courier New', Courier, monospace; text-indent: 4px; line-height: 16px; content: '+'; background-color: #31b131; } table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; } table.dataTable > tbody > tr.child { padding: 0.5em 1em; } table.dataTable > tbody > tr.child:hover { background: transparent !important; } table.dataTable > tbody > tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; } table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; } table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; } table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; } div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); } div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; } div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; } div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; } div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); } @media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } } /*! * Datepicker for Bootstrap v1.7.0-dev (https://github.com/eternicode/bootstrap-datepicker) * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; padding: 4px; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15); } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; } .datepicker > div { display: none; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #777777; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td.highlighted { color: #000000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus { color: #000000; background-color: #afd9ee; border-color: #298fc2; } .datepicker table tr td.highlighted:hover { color: #000000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active { color: #000000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus { color: #000000; background-color: #91cbe8; border-color: #298fc2; } .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } .datepicker table tr td.highlighted.focused { background: #afd9ee; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777777; } .datepicker table tr td.today { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:focus, .datepicker table tr td.today.focus { color: #000000; background-color: #ffc966; border-color: #b37400; } .datepicker table tr td.today:hover { color: #000000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today.active { color: #000000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus { color: #000000; background-color: #ffbc42; border-color: #b37400; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.focused { background: #ffc966; } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777777; } .datepicker table tr td.range { color: #000000; background-color: #eeeeee; border-color: #bbbbbb; border-radius: 0; } .datepicker table tr td.range:focus, .datepicker table tr td.range.focus { color: #000000; background-color: #d5d5d5; border-color: #7c7c7c; } .datepicker table tr td.range:hover { color: #000000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active, .datepicker table tr td.range.active { color: #000000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus { color: #000000; background-color: #c3c3c3; border-color: #7c7c7c; } .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus { background-color: #eeeeee; border-color: #bbbbbb; } .datepicker table tr td.range.focused { background: #d5d5d5; } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: #eeeeee; color: #777777; } .datepicker table tr td.range.highlighted { color: #000000; background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus { color: #000000; background-color: #c1d7e3; border-color: #4b88a6; } .datepicker table tr td.range.highlighted:hover { color: #000000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active { color: #000000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus { color: #000000; background-color: #a8c8d8; border-color: #4b88a6; } .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted.focused { background: #c1d7e3; } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777777; } .datepicker table tr td.range.today { color: #000000; background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus { color: #000000; background-color: #f4b747; border-color: #815608; } .datepicker table tr td.range.today:hover { color: #000000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active { color: #000000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus { color: #000000; background-color: #f2aa25; border-color: #815608; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777777; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: #ffffff; background-color: #777777; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus { color: #ffffff; background-color: #5e5e5e; border-color: #161616; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { color: #ffffff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active { color: #ffffff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus { color: #ffffff; background-color: #4c4c4c; border-color: #161616; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { background-color: #777777; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #ffffff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus { color: #ffffff; background-color: #286090; border-color: #122b40; } .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { color: #ffffff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { color: #ffffff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { color: #ffffff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #ffffff; background-color: #286090; border-color: #122b40; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #ffffff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { color: #ffffff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus { color: #ffffff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #777777; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; text-shadow: 0 1px 0 #fff; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #333333; font-size: 13px; line-height: 1.42857143; } .datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td { padding: 0px 5px; } /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxlc3MvZGF0ZXBpY2tlcjMubGVzcyIsImJ1aWxkL2J1aWxkMy5sZXNzIiwiYnVpbGQvYnVpbGRfc3RhbmRhbG9uZTMubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNDLGtCQUFBO0VBSUEsY0FBQTs7QUFIQSxXQUFDO0VBQ0EsWUFBQTs7QUFHRCxXQUFDLFdBQUM7RUFDRCxjQUFBOztBQURELFdBQUMsV0FBQyxJQUVELE1BQU0sR0FBRyxHQUFHO0VBQ1gsWUFBQTs7QUFHRixXQUFDO0VBQ0EsTUFBQTtFQUNBLE9BQUE7RUFDQSxZQUFBOztBQUNBLFdBSkEsU0FJQztFQUNBLFNBQVMsRUFBVDtFQUNBLHFCQUFBO0VBQ0Esa0NBQUE7RUFDQSxtQ0FBQTtFQUNBLDRDQUFBO0VBQ0EsYUFBQTtFQUNBLHVDQUFBO0VBQ0Esa0JBQUE7O0FBRUQsV0FkQSxTQWNDO0VBQ0EsU0FBUyxFQUFUO0VBQ0EscUJBQUE7RUFDQSxrQ0FBQTtFQUNBLG1DQUFBO0VBQ0EsZ0NBQUE7RUFDQSxhQUFBO0VBQ0Esa0JBQUE7O0FBRUQsV0F2QkEsU0F1QkMsdUJBQXVCO0VBQVksU0FBQTs7QUFDcEMsV0F4QkEsU0F3QkMsdUJBQXVCO0VBQVksU0FBQTs7QUFDcEMsV0F6QkEsU0F5QkMsd0JBQXdCO0VBQVcsVUFBQTs7QUFDcEMsV0ExQkEsU0EwQkMsd0JBQXdCO0VBQVcsVUFBQTs7QUFDcEMsV0EzQkEsU0EyQkMseUJBQXlCO0VBQVUsU0FBQTs7QUFDcEMsV0E1QkEsU0E0QkMseUJBQXlCO0VBQVUsU0FBQTs7QUFDcEMsV0E3QkEsU0E2QkMsc0JBQXNCO0VBQ3RCLFlBQUE7RUFDQSxnQkFBQTtFQUNBLHlDQUFBOztBQUVELFdBbENBLFNBa0NDLHNCQUFzQjtFQUN0QixZQUFBO0VBQ0EsZ0JBQUE7RUFDQSw2QkFBQTs7QUFqREgsV0FvREM7RUFDQyxhQUFBOztBQXJERixXQXVEQztFQUNDLFNBQUE7RUFDQSwyQkFBQTtFQUNBLHlCQUFBO0VBQ0Esd0JBQUE7RUFD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LGNBQUE7O0FBMU1KLFdBK01DO0VBQ0MsWUFBQTs7QUFoTkYsV0FtTkM7QUFuTkQsV0FvTkM7QUFwTkQsV0FxTkM7QUFyTkQsV0FzTkMsTUFBTSxHQUFHO0VBQ1IsZUFBQTs7QUFDQSxXQUxELG1CQUtFO0FBQUQsV0FKRCxNQUlFO0FBQUQsV0FIRCxNQUdFO0FBQUQsV0FGRCxNQUFNLEdBQUcsR0FFUDtFQUNBLG1CQUFBOztBQXpOSCxXQThOQztFQUNDLGVBQUE7RUFDQSxXQUFBO0VBQ0Esb0JBQUE7RUFDQSxzQkFBQTs7QUFHRixZQUFZLEtBQU07RUFDakIsZUFBQTs7QUFFRDtFQUNDLFdBQUE7O0FBREQsZ0JBRUM7RUFDQyxrQkFBQTs7QUFIRixnQkFLQyxNQUFLO0VBQ0osMEJBQUE7O0FBTkYsZ0JBUUMsTUFBSztFQUNKLDBCQUFBOztBQVRGLGdCQVdDO0VBQ0MsV0FBQTtFQUNBLGVBQUE7RUFDQSxnQkFBQTtFQUNBLHVCQUFBO0VBQ0EseUJBQUE7RUFDQSxtQkFBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7O0FFbE9BLFdBQUM7RUFDQyxrQkFBQTtFQUNBLFNBQUE7RUFDQSxPQUFBO0VBQ0EsYUFBQTtFQUNBLGFBQUE7RUFDQSxXQUFBO0VBQ0EsZ0JBQUE7RUFDQSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0EseUJBQUE7RUFDQSxxQ0FBQTtFQUNBLGtCQUFBO0VBcEJGLG1EQUFBO0VBQ0csZ0RBQUE7RUFDSywyQ0FBQTtFQW9CTixvQ0FBQTtFQUNHLDZCQUFBO0VBQ0ssNEJBQUE7RUFHUixjQUFBO0VBQ0EsZUFBQTtFQUNBLHVCQUFBOztBQUdGLFdBQUMsY0FDQztBQURlLFdBQUMsa0JBQ2hCO0FBREYsV0FBQyxjQUNLO0FBRFcsV0FBQyxrQkFDWjtFQUNGLGdCQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLmRhdGVwaWNrZXIge1xuXHRib3JkZXItcmFkaXVzOiBAYm9yZGVyLXJhZGl1cy1iYXNlO1xuXHQmLWlubGluZSB7XG5cdFx0d2lkdGg6IDIyMHB4O1xuXHR9XG5cdGRpcmVjdGlvbjogbHRyO1xuXHQmJi1ydGwge1xuXHRcdGRpcmVjdGlvbjogcnRsO1xuXHRcdHRhYmxlIHRyIHRkIHNwYW4ge1xuXHRcdFx0ZmxvYXQ6IHJpZ2h0O1xuXHRcdH1cblx0fVxuXHQmLWRyb3Bkb3duIHtcblx0XHR0b3A6IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwYWRkaW5nOiA0cHg7XG5cdFx0JjpiZWZvcmUge1xuXHRcdFx0Y29udGVudDogJyc7XG5cdFx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHRib3JkZXItbGVmdDogICA3cHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0XHRib3JkZXItcmlnaHQ6ICA3cHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0XHRib3JkZXItYm90dG9tOiA3cHggc29saWQgQGRyb3Bkb3duLWJvcmRlcjtcblx0XHRcdGJvcmRlci10b3A6ICAgIDA7XG5cdFx0XHRib3JkZXItYm90dG9tLWNvbG9yOiByZ2JhKDAsMCwwLC4yKTtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHR9XG5cdFx0JjphZnRlciB7XG5cdFx0XHRjb250ZW50OiAnJztcblx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdGJvcmRlci1sZWZ0OiAgIDZweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRcdGJvcmRlci1yaWdodDogIDZweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRcdGJvcmRlci1ib3R0b206IDZweCBzb2xpZCBAZHJvcGRvd24tYmc7XG5cdFx0XHRib3JkZXItdG9wOiAgICAwO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdH1cblx0XHQmLmRhdGVwaWNrZXItb3JpZW50LWxlZnQ6YmVmb3JlICAgeyBsZWZ0OiA2cHg7IH1cblx0XHQmLmRhdGVwaWNrZXItb3JpZW50LWxlZnQ6YWZ0ZXIgICAgeyBsZWZ0OiA3cHg7IH1cblx0XHQmLmRhdGVwaWNrZXItb3JpZW50LXJpZ2h0OmJlZm9yZSAgeyByaWdodDogNnB4OyB9XG5cdFx0Ji5kYXRlcGlja2VyLW9yaWVudC1yaWdodDphZnRlciAgIHsgcmlnaHQ6IDdweDsgfVxuXHRcdCYuZGF0ZXBpY2tlci1vcmllbnQtYm90dG9tOmJlZm9yZSB7IHRvcDogLTdweDsgfVxuXHRcdCYuZGF0ZXBpY2tlci1vcmllbnQtYm90dG9tOmFmdGVyICB7IHRvcDogLTZweDsgfVxuXHRcdCYuZGF0ZXBpY2tlci1vcmllbnQtdG9wOmJlZm9yZSB7XG5cdFx0XHRib3R0b206IC03cHg7XG5cdFx0XHRib3JkZXItYm90dG9tOiAwO1xuXHRcdFx0Ym9yZGVyLXRvcDogICAgN3B4IHNvbGlkIEBkcm9wZG93bi1ib3JkZXI7XG5cdFx0fVxuXHRcdCYuZGF0ZXBpY2tlci1vcmllbnQtdG9wOmFmdGVyIHtcblx0XHRcdGJvdHRvbTogLTZweDtcblx0XHRcdGJvcmRlci1ib3R0b206IDA7XG5cdFx0XHRib3JkZXItdG9wOiAgICA2cHggc29saWQgQGRyb3Bkb3duLWJnO1xuXHRcdH1cblx0fVxuXHQ+IGRpdiB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuXHR0YWJsZSB7XG5cdFx0bWFyZ2luOiAwO1xuXHRcdC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcblx0XHQtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuXHRcdC1raHRtbC11c2VyLXNlbGVjdDogbm9uZTtcblx0XHQtbW96LXVzZXItc2VsZWN0OiBub25lO1xuXHRcdC1tcy11c2VyLXNlbGVjdDogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR0ciB7XG5cdFx0XHR0ZCwgdGgge1xuXHRcdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRcdHdpZHRoOiAzMHB4O1xuXHRcdFx0XHRoZWlnaHQ6IDMwcHg7XG5cdFx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuXHQvLyBJbmxpbmUgZGlzcGxheSBpbnNpZGUgYSB0YWJsZSBwcmVzZW50cyBzb21lIHByb2JsZW1zIHdpdGhcblx0Ly8gYm9yZGVyIGFuZCBiYWNrZ3JvdW5kIGNvbG9ycy5cblx0LnRhYmxlLXN0cmlwZWQgJiB0YWJsZSB0ciB7XG5cdFx0dGQsIHRoIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdH1cblx0fVxuXHR0YWJsZSB0ciB0ZCB7XG5cdFx0Ji5vbGQsXG5cdFx0Ji5uZXcge1xuXHRcdFx0Y29sb3I6IEBidG4tbGluay1kaXNhYmxlZC1jb2xvcjtcblx0XHR9XG5cdFx0Ji5kYXk6aG92ZXIsXG5cdFx0Ji5mb2N1c2VkIHtcblx0XHRcdGJhY2tncm91bmQ6IEBncmF5LWxpZ2h0ZXI7XG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0fVxuXHRcdCYuZGlzYWJsZWQsXG5cdFx0Ji5kaXNhYmxlZDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHRcdFx0Y29sb3I6IEBidG4tbGluay1kaXNhYmxlZC1jb2xvcjtcblx0XHRcdGN1cnNvcjogZGVmYXVsdDtcblx0XHR9XG5cdFx0Ji5oaWdobGlnaHRlZCB7XG5cdFx0XHRAaGlnaGxpZ2h0ZWQtYmc6IEBzdGF0ZS1pbmZvLWJnO1xuXHRcdFx0LmJ1dHRvbi12YXJpYW50KCMwMDAsIEBoaWdobGlnaHRlZC1iZywgZGFya2VuKEBoaWdobGlnaHRlZC1iZywgMjAlKSk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXG5cdFx0XHQmLmZvY3VzZWQge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiBkYXJrZW4oQGhpZ2hsaWdodGVkLWJnLCAxMCUpO1xuXHRcdFx0fVxuXG5cdFx0XHQmLmRpc2FibGVkLFxuXHRcdFx0Ji5kaXNhYmxlZDphY3RpdmUge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiBAaGlnaGxpZ2h0ZWQtYmc7XG5cdFx0XHRcdGNvbG9yOiBAYnRuLWxpbmstZGlzYWJsZWQtY29sb3I7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdCYudG9kYXkge1xuXHRcdFx0QHRvZGF5LWJnOiBsaWdodGVuKG9yYW5nZSwgMzAlKTtcblx0XHRcdC5idXR0b24tdmFyaWFudCgjMDAwLCBAdG9kYXktYmcsIGRhcmtlbihAdG9kYXktYmcsIDIwJSkpO1xuXG5cdFx0XHQmLmZvY3VzZWQge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiBkYXJrZW4oQHRvZGF5LWJnLCAxMCUpO1xuXHRcdFx0fVxuXG5cdFx0XHQmLmRpc2FibGVkLFxuXHRcdFx0Ji5kaXNhYmxlZDphY3RpdmUge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiBAdG9kYXktYmc7XG5cdFx0XHRcdGNvbG9yOiBAYnRuLWxpbmstZGlzYWJsZWQtY29sb3I7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdCYucmFuZ2Uge1xuXHRcdFx0QHJhbmdlLWJnOiBAZ3JheS1saWdodGVyO1xuXHRcdFx0LmJ1dHRvbi12YXJpYW50KCMwMDAsIEByYW5nZS1iZywgZGFya2VuKEByYW5nZS1iZywgMjAlKSk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXG5cdFx0XHQmLmZvY3VzZWQge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiBkYXJrZW4oQHJhbmdlLWJnLCAxMCUpO1xuXHRcdFx0fVxuXG5cdFx0XHQmLmRpc2FibGVkLFxuXHRcdFx0Ji5kaXNhYmxlZDphY3RpdmUge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiBAcmFuZ2UtYmc7XG5cdFx0XHRcdGNvbG9yOiBAYnRuLWxpbmstZGlzYWJsZWQtY29sb3I7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdCYucmFuZ2UuaGlnaGxpZ2h0ZWQge1xuXHRcdFx0QHJhbmdlLWhpZ2hsaWdodGVkLWJnOiBtaXgoQHN0YXRlLWluZm8tYmcsIEBncmF5LWxpZ2h0ZXIsIDUwJSk7XG5cdFx0XHQuYnV0dG9uLXZhcmlhbnQoIzAwMCwgQHJhbmdlLWhpZ2hsaWdodGVkLWJnLCBkYXJrZW4oQHJhbmdlLWhpZ2hsaWdodGVkLWJnLCAyMCUpKTtcblxuXHRcdFx0Ji5mb2N1c2VkIHtcblx0XHRcdFx0YmFja2dyb3VuZDogZGFya2VuKEByYW5nZS1oaWdobGlnaHRlZC1iZywgMTAlKTtcblx0XHRcdH1cblxuXHRcdFx0Ji5kaXNhYmxlZCxcblx0XHRcdCYuZGlzYWJsZWQ6YWN0aXZlIHtcblx0XHRcdFx0YmFja2dyb3VuZDogQHJhbmdlLWhpZ2hsaWdodGVkLWJnO1xuXHRcdFx0XHRjb2xvcjogQGJ0bi1saW5rLWRpc2FibGVkLWNvbG9yO1xuXHRcdFx0fVxuXHRcdH1cblx0XHQmLnJhbmdlLnRvZGF5IHtcblx0XHRcdEByYW5nZS10b2RheS1iZzogbWl4KG9yYW5nZSwgQGdyYXktbGlnaHRlciwgNTAlKTtcblx0XHRcdC5idXR0b24tdmFyaWFudCgjMDAwLCBAcmFuZ2UtdG9kYXktYmcsIGRhcmtlbihAcmFuZ2UtdG9kYXktYmcsIDIwJSkpO1xuXG5cdFx0XHQmLmRpc2FibGVkLFxuXHRcdFx0Ji5kaXNhYmxlZDphY3RpdmUge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiBAcmFuZ2UtdG9kYXktYmc7XG5cdFx0XHRcdGNvbG9yOiBAYnRuLWxpbmstZGlzYWJsZWQtY29sb3I7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdCYuc2VsZWN0ZWQsXG5cdFx0Ji5zZWxlY3RlZC5oaWdobGlnaHRlZCB7XG5cdFx0XHQuYnV0dG9uLXZhcmlhbnQoI2ZmZiwgQGdyYXktbGlnaHQsIEBncmF5KTtcblx0XHRcdHRleHQtc2hhZG93OiAwIC0xcHggMCByZ2JhKDAsMCwwLC4yNSk7XG5cdFx0fVxuXHRcdCYuYWN0aXZlLFxuXHRcdCYuYWN0aXZlLmhpZ2hsaWdodGVkIHtcblx0XHRcdC5idXR0b24tdmFyaWFudChAYnRuLXByaW1hcnktY29sb3IsIEBidG4tcHJpbWFyeS1iZywgQGJ0bi1wcmltYXJ5LWJvcmRlcik7XG5cdFx0XHR0ZXh0LXNoYWRvdzogMCAtMXB4IDAgcmdiYSgwLDAsMCwuMjUpO1xuXHRcdH1cblx0XHRzcGFuIHtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDIzJTtcblx0XHRcdGhlaWdodDogNTRweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiA1NHB4O1xuXHRcdFx0ZmxvYXQ6IGxlZnQ7XG5cdFx0XHRtYXJnaW46IDElO1xuXHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdFx0Jjpob3Zlcixcblx0XHRcdCYuZm9jdXNlZCB7XG5cdFx0XHRcdGJhY2tncm91bmQ6IEBncmF5LWxpZ2h0ZXI7XG5cdFx0XHR9XG5cdFx0XHQmLmRpc2FibGVkLFxuXHRcdFx0Ji5kaXNhYmxlZDpob3ZlciB7XG5cdFx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHRcdGNvbG9yOiBAYnRuLWxpbmstZGlzYWJsZWQtY29sb3I7XG5cdFx0XHRcdGN1cnNvcjogZGVmYXVsdDtcblx0XHRcdH1cblx0XHRcdCYuYWN0aXZlLFxuXHRcdFx0Ji5hY3RpdmU6aG92ZXIsXG5cdFx0XHQmLmFjdGl2ZS5kaXNhYmxlZCxcblx0XHRcdCYuYWN0aXZlLmRpc2FibGVkOmhvdmVyIHtcblx0XHRcdFx0LmJ1dHRvbi12YXJpYW50KEBidG4tcHJpbWFyeS1jb2xvciwgQGJ0bi1wcmltYXJ5LWJnLCBAYnRuLXByaW1hcnktYm9yZGVyKTtcblx0XHRcdFx0dGV4dC1zaGFkb3c6IDAgLTFweCAwIHJnYmEoMCwwLDAsLjI1KTtcblx0XHRcdH1cblx0XHRcdCYub2xkLFxuXHRcdFx0Ji5uZXcge1xuXHRcdFx0XHRjb2xvcjogQGJ0bi1saW5rLWRpc2FibGVkLWNvbG9yO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC5kYXRlcGlja2VyLXN3aXRjaCB7XG5cdFx0d2lkdGg6IDE0NXB4O1xuXHR9XG5cblx0LmRhdGVwaWNrZXItc3dpdGNoLFxuXHQucHJldixcblx0Lm5leHQsXG5cdHRmb290IHRyIHRoIHtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kOiBAZ3JheS1saWdodGVyO1xuXHRcdH1cblx0fVxuXG5cdC8vIEJhc2ljIHN0eWxpbmcgZm9yIGNhbGVuZGFyLXdlZWsgY2VsbHNcblx0LmN3IHtcblx0XHRmb250LXNpemU6IDEwcHg7XG5cdFx0d2lkdGg6IDEycHg7XG5cdFx0cGFkZGluZzogMCAycHggMCA1cHg7XG5cdFx0dmVydGljYWwtYWxpZ246IG1pZGRsZTtcblx0fVxufVxuLmlucHV0LWdyb3VwLmRhdGUgLmlucHV0LWdyb3VwLWFkZG9uIHtcblx0Y3Vyc29yOiBwb2ludGVyO1xufVxuLmlucHV0LWRhdGVyYW5nZSB7XG5cdHdpZHRoOiAxMDAlO1xuXHRpbnB1dCB7XG5cdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR9XG5cdGlucHV0OmZpcnN0LWNoaWxkIHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHggMCAwIDNweDtcblx0fVxuXHRpbnB1dDpsYXN0LWNoaWxkIHtcblx0XHRib3JkZXItcmFkaXVzOiAwIDNweCAzcHggMDtcblx0fVxuXHQuaW5wdXQtZ3JvdXAtYWRkb24ge1xuXHRcdHdpZHRoOiBhdXRvO1xuXHRcdG1pbi13aWR0aDogMTZweDtcblx0XHRwYWRkaW5nOiA0cHggNXB4O1xuXHRcdGxpbmUtaGVpZ2h0OiBAbGluZS1oZWlnaHQtYmFzZTtcblx0XHR0ZXh0LXNoYWRvdzogMCAxcHggMCAjZmZmO1xuXHRcdGJvcmRlci13aWR0aDogMXB4IDA7XG5cdFx0bWFyZ2luLWxlZnQ6IC01cHg7XG5cdFx0bWFyZ2luLXJpZ2h0OiAtNXB4O1xuXHR9XG59XG4iLCIvLyBEYXRlcGlja2VyIC5sZXNzIGJ1aWxkZmlsZS4gIEluY2x1ZGVzIHNlbGVjdCBtaXhpbnMvdmFyaWFibGVzIGZyb20gYm9vdHN0cmFwXG4vLyBhbmQgaW1wb3J0cyB0aGUgaW5jbHVkZWQgZGF0ZXBpY2tlci5sZXNzIHRvIG91dHB1dCBhIG1pbmltYWwgZGF0ZXBpY2tlci5jc3Ncbi8vXG4vLyBVc2FnZTpcbi8vICAgICBsZXNzYyBidWlsZDMubGVzcyBkYXRlcGlja2VyLmNzc1xuLy9cbi8vIFZhcmlhYmxlcyBhbmQgbWl4aW5zIGNvcGllZCBmcm9tIEJvb3RzdHJhcCAzLjMuNVxuXG4vLyBWYXJpYWJsZXNcbkBncmF5OiAgICAgICAgICAgICAgICAgICBsaWdodGVuKCMwMDAsIDMzLjUlKTsgLy8gIzU1NVxuQGdyYXktbGlnaHQ6ICAgICAgICAgICAgIGxpZ2h0ZW4oIzAwMCwgNDYuNyUpOyAvLyAjNzc3XG5AZ3JheS1saWdodGVyOiAgICAgICAgICAgbGlnaHRlbigjMDAwLCA5My41JSk7IC8vICNlZWVcblxuQGJyYW5kLXByaW1hcnk6ICAgICAgICAgZGFya2VuKCM0MjhiY2EsIDYuNSUpOyAvLyAjMzM3YWI3XG5cbkBidG4tcHJpbWFyeS1jb2xvcjogICAgICAgICAgICAgICNmZmY7XG5AYnRuLXByaW1hcnktYmc6ICAgICAgICAgICAgICAgICBAYnJhbmQtcHJpbWFyeTtcbkBidG4tcHJpbWFyeS1ib3JkZXI6ICAgICAgICAgICAgIGRhcmtlbihAYnRuLXByaW1hcnktYmcsIDUlKTtcblxuQGJ0bi1saW5rLWRpc2FibGVkLWNvbG9yOiAgICAgICAgQGdyYXktbGlnaHQ7XG5cbkBzdGF0ZS1pbmZvLWJnOiAgICAgICAgICAgI2Q5ZWRmNztcblxuQGxpbmUtaGVpZ2h0LWJhc2U6ICAgICAgICAxLjQyODU3MTQyOTsgLy8gMjAvMTRcbkBib3JkZXItcmFkaXVzLWJhc2U6ICAgICAgNHB4O1xuXG5AZHJvcGRvd24tYmc6ICAgICAgICAgICAgICAgICAgICNmZmY7XG5AZHJvcGRvd24tYm9yZGVyOiAgICAgICAgICAgICAgIHJnYmEoMCwwLDAsLjE1KTtcblxuXG4vLyBNaXhpbnNcblxuLy8gQnV0dG9uIHZhcmlhbnRzXG4uYnV0dG9uLXZhcmlhbnQoQGNvbG9yOyBAYmFja2dyb3VuZDsgQGJvcmRlcikge1xuICBjb2xvcjogQGNvbG9yO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBAYmFja2dyb3VuZDtcbiAgYm9yZGVyLWNvbG9yOiBAYm9yZGVyO1xuXG4gICY6Zm9jdXMsXG4gICYuZm9jdXMge1xuICAgIGNvbG9yOiBAY29sb3I7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogZGFya2VuKEBiYWNrZ3JvdW5kLCAxMCUpO1xuICAgICAgICBib3JkZXItY29sb3I6IGRhcmtlbihAYm9yZGVyLCAyNSUpO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiBAY29sb3I7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogZGFya2VuKEBiYWNrZ3JvdW5kLCAxMCUpO1xuICAgICAgICBib3JkZXItY29sb3I6IGRhcmtlbihAYm9yZGVyLCAxMiUpO1xuICB9XG4gICY6YWN0aXZlLFxuICAmLmFjdGl2ZSB7XG4gICAgY29sb3I6IEBjb2xvcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBkYXJrZW4oQGJhY2tncm91bmQsIDEwJSk7XG4gICAgICAgIGJvcmRlci1jb2xvcjogZGFya2VuKEBib3JkZXIsIDEyJSk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMsXG4gICAgJi5mb2N1cyB7XG4gICAgICBjb2xvcjogQGNvbG9yO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogZGFya2VuKEBiYWNrZ3JvdW5kLCAxNyUpO1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogZGFya2VuKEBib3JkZXIsIDI1JSk7XG4gICAgfVxuICB9XG4gICYuZGlzYWJsZWQsXG4gICZbZGlzYWJsZWRdLFxuICBmaWVsZHNldFtkaXNhYmxlZF0gJiB7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzLFxuICAgICYuZm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogQGJhY2tncm91bmQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiBAYm9yZGVyO1xuICAgIH1cbiAgfVxufVxuXG5AaW1wb3J0IFwiLi4vbGVzcy9kYXRlcGlja2VyMy5sZXNzXCI7XG4iLCIvLyBEYXRlcGlja2VyIHN0YW5kYWxvbmUgLmxlc3MgYnVpbGRmaWxlLiAgSW5jbHVkZXMgYWxsIG5lY2Vzc2FyeSBtaXhpbnMvdmFyaWFibGVzL3J1bGVzIGZyb20gYm9vdHN0cmFwXG4vLyBhbmQgaW1wb3J0cyB0aGUgaW5jbHVkZWQgZGF0ZXBpY2tlci5sZXNzIHRvIG91dHB1dCBhIG1pbmltYWwgc3RhbmRhbG9uZSBkYXRlcGlja2VyLmNzc1xuLy9cbi8vIFVzYWdlOlxuLy8gICAgIGxlc3NjIGJ1aWxkX3N0YW5kYWxvbmUzLmxlc3MgZGF0ZXBpY2tlci5jc3Ncbi8vXG4vLyBWYXJpYWJsZXMsIG1peGlucywgYW5kIHJ1bGVzIGNvcGllZCBmcm9tIEJvb3RzdHJhcCAzLjMuNVxuXG5AaW1wb3J0IFwiYnVpbGQzLmxlc3NcIjtcblxuLy8gRHJvcGRvd24gY3NzXG5cbkB6aW5kZXgtZHJvcGRvd246ICAgICAgICAgICAgICAgMTAwMDtcbkBkcm9wZG93bi1mYWxsYmFjay1ib3JkZXI6ICAgICAgI2NjYztcblxuLy8gRHJvcCBzaGFkb3dzXG4uYm94LXNoYWRvdyhAc2hhZG93KSB7XG4gIC13ZWJraXQtYm94LXNoYWRvdzogQHNoYWRvdztcbiAgICAgLW1vei1ib3gtc2hhZG93OiBAc2hhZG93O1xuICAgICAgICAgIGJveC1zaGFkb3c6IEBzaGFkb3c7XG59XG5cbi8vIFRoZSBkcm9wZG93biBtZW51ICh1bClcbi8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi5kYXRlcGlja2VyIHtcbiAgJi5kcm9wZG93bi1tZW51IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogQHppbmRleC1kcm9wZG93bjtcbiAgICBkaXNwbGF5OiBub25lOyAvLyBub25lIGJ5IGRlZmF1bHQsIGJ1dCBibG9jayBvbiBcIm9wZW5cIiBvZiB0aGUgbWVudVxuICAgIGZsb2F0OiBsZWZ0O1xuICAgIG1pbi13aWR0aDogMTYwcHg7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBAZHJvcGRvd24tYmc7XG4gICAgYm9yZGVyOiAxcHggc29saWQgQGRyb3Bkb3duLWZhbGxiYWNrLWJvcmRlcjsgLy8gSUU4IGZhbGxiYWNrXG4gICAgYm9yZGVyOiAxcHggc29saWQgQGRyb3Bkb3duLWJvcmRlcjtcbiAgICBib3JkZXItcmFkaXVzOiBAYm9yZGVyLXJhZGl1cy1iYXNlO1xuICAgIC5ib3gtc2hhZG93KDAgNnB4IDEycHggcmdiYSgwLDAsMCwuMTc1KSk7XG4gICAgLXdlYmtpdC1iYWNrZ3JvdW5kLWNsaXA6IHBhZGRpbmctYm94O1xuICAgICAgIC1tb3otYmFja2dyb3VuZC1jbGlwOiBwYWRkaW5nO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jbGlwOiBwYWRkaW5nLWJveDtcblxuICAgIC8vIE5vcm1hbGx5IGluaGVyaXRlZCBmcm9tIGJvb3RzdHJhcCdzIGBib2R5YFxuICAgIGNvbG9yOiAjMzMzMzMzO1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBsaW5lLWhlaWdodDogQGxpbmUtaGVpZ2h0LWJhc2U7XG4gIH1cblxuICAmLmRyb3Bkb3duLW1lbnUsICYuZGF0ZXBpY2tlci1pbmxpbmUge1xuICAgIHRoLCB0ZCB7XG4gICAgICBwYWRkaW5nOiAwcHggNXB4O1xuICAgIH1cbiAgfVxufVxuIl19 */ /*! * * Custom datepicker style using datepicker from ng-material * */ .datepicker-block .md-datepicker-button { display: none; } .datepicker-block .md-datepicker-input-container { visibility: hidden; } .datepicker-block .datepicker-directive { display: inline-block; height: 0; width: 0; overflow: hidden; } .datepicker-block .date-invalid { color: #f04e4e; font-weight: bold; } .md-datepicker-calendar-pane .md-datepicker-input-mask { display: none; } .md-datepicker-calendar-pane .md-calendar-date.md-focus .md-calendar-date-selection-indicator { background-color: #8f7237; color: #181818 !important; } .md-datepicker-calendar-pane .md-calendar-date-selection-indicator:hover { background-color: #8f7237; color: #181818 !important; } .md-datepicker-calendar-pane .md-calendar-day-header { background-color: #8f7237; color: #181818 !important; text-transform: uppercase; } /*------------------------------------*\ #TOOLTIP \*------------------------------------*/ span.ellipsis { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } md-tooltip .md-background { border-radius: inherit; } md-tooltip .md-content { height: auto; max-width: 400px; padding: 8px; white-space: initial; } md-tooltip.md-tooltip-policy-client-table { z-index: 999; } md-tooltip.md-tooltip-policy-client-table .md-content { height: auto; padding: 4px 15px; min-width: 100px; font-size: 12px; font-weight: bold; text-align: center; } /*------------------------------------*\ #TOAST \*------------------------------------*/ #toast-container .toast { width: 50rem; padding-top: 3rem; padding-bottom: 3rem; font-size: 20px; } #toast-container .toast.toast-info { background-color: black; color: #cecece; border-left-color: #8f7237; border-left: 19px solid #8f7237; font-size: 20px; } /*------------------------------------*\ #PAGINATION \*----------------------------------*/ .pagination { text-align: center; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; font-weight: bold; font-size: 1.7rem; } .pagination li { display: inline-block; vertical-align: middle; } .pagination li:not(:first-child) { margin-left: .5rem; } .pagination__item { display: block; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; border: 1px solid #333; color: #333; transition: color 250ms ease-in, background 250ms ease-in; } .pagination__item.-active { background-color: #8f7237; border-color: #8f7237; } .no-touchevents .pagination__item:hover, .no-touchevents .pagination__item:focus { background-color: #8f7237; border-color: #8f7237; } /** * TOPIC LIST */ .topic-list { margin-left: 4rem; margin-right: 4rem; position: relative; /* Controls */ } .topic-list__item { margin: 0 .5rem; position: relative; background-color: #8f7237; } .topic-list__link { width: 100%; } .topic-list__link::before { content: ''; padding-top: 100%; display: block; } .topic-list__title { position: absolute; top: 50%; left: 50%; font-size: 2.2rem; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .topic-list__prev, .topic-list__next { background-color: transparent; padding: 0; border: 0; position: absolute; top: 50%; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .topic-list__prev svg, .topic-list__next svg { width: 1.6rem; height: 1.6rem; } .topic-list__prev { left: -2rem; } .topic-list__next { right: -2rem; } .topic-list .owl-pagination { position: absolute; top: -4.8rem; right: 0; } .topic-list .owl-page { text-indent: 200%; overflow: hidden; border: 1px solid #333; border-radius: 50%; width: .8rem; height: .8rem; display: inline-block; cursor: pointer; } .topic-list .owl-page:not(:first-child) { margin-left: .3rem; } .topic-list .owl-page.active { background-color: #333; } .topic-list .owl-item:nth-child(4n+2) .topic-list__item { background-color: rgba(143, 114, 55, 0.75); } .topic-list .owl-item:nth-child(4n+3) .topic-list__item { background-color: rgba(143, 114, 55, 0.5); } .topic-list .owl-item:nth-child(4n+4) .topic-list__item { background-color: rgba(143, 114, 55, 0.25); } /*------------------------------------*\ #F.A.Q. \*------------------------------------*/ .faq-details { padding-left: 5rem; padding-top: 2rem; } /*------------------------------------*\ #POLICIE PAGE \*------------------------------------*/ /** * TRANSACTIONS */ /* Infos - List of element on the left */ .transaction-infos { margin: 1rem; font-size: 1.8rem; } .transaction-infos li { padding: 6rem 2rem; } .transaction-infos li + li { border-top: 1px solid #dedede; } .transaction-infos svg { width: 3.6rem; height: 3.6rem; margin-right: 2rem; } .transaction-infos .notifications-bubble { margin-right: 2rem; } /* Details - list on the left with icons in square */ .transaction-details { background-color: #f5f5f5; padding: 2rem; } .transaction-details__list li { width: 50%; margin-bottom: 2rem; } .transaction-details__list li:nth-child(odd) { float: left; padding-right: 3.5rem; } .transaction-details__list li:nth-child(even) { float: right; padding-left: 3.5rem; } .transaction-details__title { font-size: 1.4rem; margin-bottom: 1rem; } .transaction-details svg { width: 3.5rem; height: 3.5rem; } .transaction-details-block { background-color: #ebebeb; text-align: center; position: relative; height: 8rem; display: table; width: 100%; } .transaction-details-block__icon { display: table-cell; vertical-align: middle; width: 8rem; line-height: 8rem; color: #fff; text-align: center; background-color: #3d3d3d; } .transaction-details-block__infos { display: table-cell; vertical-align: middle; padding: 1rem; font-size: 2.4rem; font-weight: normal; } .transaction-details__footnote { text-align: right; } .is-mobile #policyDetailsLeftBlock { margin-bottom: 1rem; } .is-mobile #policyDetailsRightBlock > div { height: inherit; } .is-mobile #policyDetailsRightBlock > div .row, .is-mobile #policyDetailsRightBlock > div .news__list, .is-mobile #policyDetailsRightBlock > div .funds-list { padding-bottom: inherit; } .is-mobile #policyDetailsRightBlock > div .row .col-sm-6, .is-mobile #policyDetailsRightBlock > div .news__list .col-sm-6, .is-mobile #policyDetailsRightBlock > div .funds-list .col-sm-6 { margin-bottom: 0.2rem; height: inherit; } .is-mobile #policyDetailsRightBlock > div .row .col-sm-6 .block, .is-mobile #policyDetailsRightBlock > div .news__list .col-sm-6 .block, .is-mobile #policyDetailsRightBlock > div .funds-list .col-sm-6 .block { height: inherit; margin: inherit; } #policyDetailsRightBlock > div { height: 100%; } #policyDetailsRightBlock > div .row, #policyDetailsRightBlock > div .news__list, #policyDetailsRightBlock > div .funds-list { height: 33%; padding-bottom: 0.6rem; } #policyDetailsRightBlock > div .row .col-sm-6, #policyDetailsRightBlock > div .news__list .col-sm-6, #policyDetailsRightBlock > div .funds-list .col-sm-6 { height: 100%; } #policyDetailsRightBlock > div .row .col-sm-6 .block, #policyDetailsRightBlock > div .news__list .col-sm-6 .block, #policyDetailsRightBlock > div .funds-list .col-sm-6 .block { height: 100%; } .policy-details-right-blocks .block { height: 9.33rem; } .policy-details-right-blocks .block__content { height: 100%; } .policy-details-right-blocks .amounts-title { height: 50%; display: block; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } .policy-details-right-blocks .amounts { font-size: 1.6rem; height: 50%; display: block; } .policy-details-right-blocks dt { width: 50% !important; } .policy-details-right-blocks dd { width: 50% !important; } #policy-positions .footnote { font-size: 1rem; padding: 0 2rem; } /*------------------------------------*\ #REQUEST PAGES \*------------------------------------*/ .requests-step__title { font-size: 1.8rem; text-align: center; margin: 2em 0 1rem !important; } .requests-step__footer { margin: 4rem 0; } .requests-step__footer a { min-width: 18.3rem; } .is-mobile .requests-step__footer a { max-width: 18.3rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; } .requests-step__footer a + a { margin-left: 5rem; } .is-mobile .requests-step__footer a + a { margin-left: 0; } .requests-step__3 .row, .requests-step__3 .news__list, .requests-step__3 .funds-list { padding: 0 3rem; } /* Screenshot - Step 3 */ .request-screenshot { background-color: #efefef; padding: 1rem 1.5rem 1.5rem; position: relative; text-align: center; margin-top: 2rem; min-height: 36rem; } .request-screenshot figcaption { display: block; font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 1.8rem; margin-bottom: 1rem; } .request-screenshot:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); display: none; } .touch .request-screenshot:before { display: block; } .request-screenshot__actions { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; } .request-screenshot__actions li { margin: 1rem 0; } .request-screenshot__actions [class*="btn-"] { min-width: 18rem; } .touch .request-screenshot__actions { display: block; } .no-touchevents .request-screenshot:hover:before { display: block; } .no-touchevents .request-screenshot:hover .request-screenshot__actions { display: block; } /* Form - Step 3 */ .request-form { margin-left: 2rem; margin-top: 2rem; } .request-form .form-item { margin: 1rem; display: flex; } .is-mobile .request-form .form-item { display: inherit; } .request-form .form-item > * { display: inline-block; vertical-align: middle; } .request-form .form-item > label { margin-top: 0.5rem; } .is-mobile .request-form .form-item > label { text-align: center; } .request-form .form-item textarea { display: block; margin-top: 1rem; min-height: 12.5rem; } .is-mobile .request-form .form-item textarea { width: 100%; } .request-form .form-item .error { color: #f04e4e; } .request-form .form-item.-fullline input { width: 100%; } .request-form label { font-size: 1.8rem; padding-right: 2rem; text-align: right; overflow: hidden; text-overflow: ellipsis; } .request-form .request-context { padding: 3rem; background-color: #efefef; } .is-mobile .request-form .request-context > div { text-align: center; } .request-form .request-context .wizard-policy-context { padding: 0; } .request-form .request-context .wizard-policy-context .angucomplete-dropdown { width: 100%; } .request-form .request-context .wizard-policy-context input { width: 100%; } /** * REQUEST DETAILS */ .request-block { padding: 2rem 2rem 1.5rem; background-color: #fff; border: 1px solid #dedede; margin-bottom: 1rem; position: relative; } .request-block__title { font-size: 1.8rem; display: block; margin-bottom: 1em; } .request-block.-chat { background-color: #eaf5f3; } .request-block .badge { position: absolute; top: 1rem; right: 2rem; } .request-block__values dt, .request-block__values dd { display: inline-block; vertical-align: baseline; width: calc(50% - .25em); margin: .25rem 0; } .request-block__values dd { text-align: right; font-weight: bold; } .request-block__values dd.-full { width: 100%; text-align: left; display: block; } .request-block__screenshot { max-width: 20%; position: absolute; left: 2rem; top: 6.7rem; max-height: 16rem; } .request-block.-status { min-height: 20rem; } .request-block.-status .request-block__title { margin-bottom: 4rem; } .request-block.-context { min-height: 20rem; } .request-block.-context .request-block__values { margin-left: auto; } .request-block--chat__new-message textarea { width: 100%; margin-bottom: 2rem; min-height: 12rem; } /*------------------------------------*\ #REPORT PAGES \*------------------------------------*/ .report_step { text-align: center; } .report_step_2 { margin-top: 30px; } .report_step_2 .btn-secondary { margin-top: 50px; } .report_form .field-template-label { width: 45%; display: inline-block; text-align: right; padding-right: 10px; } .report_form .field-template-label-select-multiple { vertical-align: top; } .report_form .field-template-select-checkbox { display: inline-block; overflow: hidden; overflow-y: auto; max-height: 10rem; } .report_form .field-template-select-checkbox input[type="checkbox"] + label > span { display: inline-block; vertical-align: top; } .report_form .field-template-input, .report_form .field-template-select { width: 45%; display: inline-block; text-align: left; padding-left: 10px; margin-bottom: 10px; } .report_form .field-template-input .field-required, .report_form .field-template-select .field-required { margin: 0; margin-left: 1rem; padding: 0; } .report_form .field-template-select.field-template-select-multiple .field-required { display: inline-block; vertical-align: top; } /*------------------------------------*\ #LOGIN \*------------------------------------*/ .login { background: url("../img/login-bg.jpg") center no-repeat; background-size: cover; min-height: 100vh; } .login .main { margin: 0; padding: 0; } .login-box { width: 90%; max-width: 45rem; margin: 0 auto; background-color: rgba(0, 0, 0, 0.75); padding: 4rem; position: relative; top: 19rem; } .login-box__title { font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; font-size: 3rem; color: #fff; text-align: center; } .login-box__logo { background: url("../img/lombard-logo--login.svg") center no-repeat #000; width: 10rem; height: 10rem; border-radius: 50%; position: absolute; top: -5rem; left: 50%; margin-left: -5rem; } .login-form { font-size: 1.8rem; color: #fff; font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; /* * Placeholder */ } .login-form .form-item, .login-form .form-group { margin: 1rem 0; } .login-form .form-item.-has-infos, .login-form .form-group.-has-infos { padding-right: 5rem; } .login-form .form-item.-has-infos .form-item, .login-form .form-group.-has-infos .form-item { width: 100%; } .login-form legend { display: inline-block; vertical-align: middle; } .login-form .form-group { position: relative; } .login-form .form-group__title, .login-form .form-group .form-item { display: inline-block; vertical-align: middle; } .login-form .form-group .form-item + .form-item { margin-left: 2rem; } .login-form .form-group__title { margin-right: 3rem; } .login-form .form-group .infos-bubble { position: absolute; right: 0; top: 1.4rem; } .login-form input[type="radio"] { position: absolute; opacity: 0; /* Checked */ } .login-form input[type="radio"] + label:before { content: ''; display: inline-block; vertical-align: middle; width: 5rem; height: 5rem; border: 0; background-color: rgba(255, 255, 255, 0.2); margin-right: 1rem; } .login-form input[type="radio"]:checked + label:before { border-color: #8f7237; } .login-form input[type="radio"]:checked + label:after { content: url("../img/checkbox-check--white.svg"); position: absolute; top: 50%; left: 1.2rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; width: auto; height: auto; } .login-form input[type="text"], .login-form input[type="password"] { background-color: rgba(255, 255, 255, 0.2); text-align: center; padding: 1.2rem; width: 100%; line-height: 1.2; border: 0; height: auto; } .login-form .form-actions { margin-top: 2rem; } .login-form .form-actions a:not(.btn-primary) { color: #fff; display: inline-block; vertical-align: middle; text-decoration: underline; } .no-touchevents .login-form .form-actions a:not(.btn-primary):hover, .no-touchevents .login-form .form-actions a:not(.btn-primary):focus { text-decoration: none; } .login-form .form-actions [class*="btn-"] { float: right; } .login-form ::-webkit-input-placeholder { color: #fff; opacity: 1; } .login-form input:-moz-placeholder, .login-form input::-moz-placeholder, .login-form textarea:-moz-placeholder, .login-form textarea::-moz-placeholder { color: #fff; opacity: 1; } /** * CONTACT BOX **/ .login-contact-box { position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 45rem; padding: 1.5rem 4rem; background-color: rgba(0, 0, 0, 0.75); color: #fff; } .login-contact-box__title { display: inline-block; vertical-align: middle; font-size: 1.8rem; font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 0; } .login-contact-box [class*="btn-"] { margin-left: 7rem; } /*------------------------------------*\ #DASHBOARD \*------------------------------------*/ /** * TRANSACTIONS & QUERIES */ .block--transactions-queries { position: relative; min-height: 58.8rem; } .block--transactions-queries > div { padding: 1.5rem; text-align: center; min-height: 529px; } .block--transactions-queries > div.is-empty { background-color: #f5f5f5; } .block--transactions-queries__footer { margin-top: 2.5em; } .block--transactions-queries .bubbles-list { margin-bottom: 2em; } .no-touchevents .block--transactions-queries .bubbles-list li .clickable.bubbles-list-item-text:hover .bubbles-list__bubble { background-color: #181818; color: #fff; } .block--transactions-queries .doughnut figcaption { width: 30%; } .block--transactions-queries a { cursor: pointer; } .empty-states { text-align: center; font-size: 3rem; max-width: 30rem; margin: 2rem auto; line-height: 1.2; } .empty-states img { width: 21rem; margin: 4.5rem 4.5rem 2.5rem 4.5rem; } .empty-states p { position: absolute; width: 30rem; top: 22rem; font-size: 2rem; padding: 0 5rem; } @media (max-width: 29.99em) { .empty-states p { top: 16rem; font-size: 1.7rem; } .empty-states img { width: 11rem; } } @media (min-width: 64em) and (max-width: 61.99em) { .empty-states p { top: 16rem; font-size: 1.7rem; } .empty-states img { width: 11rem; } } @media (min-width: 64em) and (max-width: 61.99em) { .empty-states p { width: auto; } } /** * ASSET UNDER MANAGEMENT */ .block--asset-under-management { text-align: center; min-height: 58.8rem; } .block--asset-under-management__title { font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 2.4rem; margin-bottom: .5em; line-height: 1.2; } .block--asset-under-management__value { display: block; color: #000; font-size: 2.5rem; font-weight: normal; margin-bottom: 1em; line-height: 1.2; } .block--asset-under-management__value abbr { color: #3d3d3d; border-bottom: 0; font-size: .72em; font-weight: 300; } .block--asset-under-management__trend { font-size: 1.8rem; padding-bottom: 1.5em; margin-bottom: 1.5em; } .block--asset-under-management__trend.negative strong { color: red; } .block--asset-under-management__trend.negative strong .block--asset-under-management__icon { background-color: red; } .block--asset-under-management__trend.equal strong { color: grey; } .block--asset-under-management__trend.equal strong .block--asset-under-management__icon { background-color: grey; } .block--asset-under-management__trend strong { font-weight: normal; color: #35ba24; } .block--asset-under-management__trend strong.-negative { color: #f04e4e; } .block--asset-under-management__icon { display: inline-block; width: 3rem; height: 3rem; border-radius: 50%; background-color: currentColor; position: relative; display: inline-block; vertical-align: middle; margin-left: .5rem; margin-right: .5rem; } .block--asset-under-management__icon > svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 1.6rem; height: 1.6rem; } .block--asset-under-management__graph { display: inline-block; vertical-align: bottom; padding: 0 2%; } .block--asset-under-management__graph figure.chart-wrapper { max-width: 40rem; } .block--asset-under-management__graph-trend { display: block; margin-bottom: 1em; color: #35ba24; } .block--asset-under-management__graph-trend.-negative { color: #f04e4e; } .block--asset-under-management__graph figcaption { margin: .75em; position: relative; z-index: 1; } .block--asset-under-management__graph-value { color: #000; } .block--asset-under-management__summary { margin-top: 2em; } .block--asset-under-management__summary__item { display: inline-block; width: 40%; } .block--asset-under-management__summary__item span { display: block; } .block--asset-under-management__summary__item-label { font-weight: bold; } .block--asset-under-management__summary__item-value { color: #000; } /** * NEW DOCUMENTS */ .block--new-docs { padding: 2rem 1.5rem 2rem 2.7rem; position: relative; margin-bottom: 1rem; } .block--new-docs__icon { position: absolute; top: 1rem; left: 1rem; width: 2.4rem; height: 2.4rem; } .block--new-docs__label { display: inline-block; vertical-align: middle; padding-left: 1rem; width: calc(100% - 7rem); } .block--new-docs a { display: block; color: #333; font-size: 1.8rem; position: relative; padding-right: 2rem; } .block--new-docs a > svg { width: 1.6rem; height: 1.6rem; position: absolute; right: 0; top: 50%; margin-top: -.8rem; } .no-touchevents .block--new-docs a:hover .notifications-bubble { color: #f5f5f5; background-color: #181818; } /** * ALERTS */ .alerts-list { min-height: 31.9rem; overflow-x: hidden; overflow-y: auto; font-size: 1.8rem; margin-left: 1.5rem; margin-right: 1.5rem; } .alerts-list li + li { margin-top: 1em; } .alerts-list li a:hover .notifications-bubble { color: #f5f5f5; background-color: #181818; } .alerts-list__label { display: inline-block; vertical-align: middle; padding-left: 1rem; width: calc(100% - 7rem); } /* Block counter */ .block--alerts-counter { padding: 2rem 1.5rem 2rem 2.7rem; position: relative; margin-bottom: 1rem; background-color: #f04e4e; color: #fff; } .block--alerts-counter__icon { position: absolute; top: 1rem; left: 1rem; width: 2.4rem; height: 2.4rem; } .block--alerts-counter__label { display: inline-block; vertical-align: middle; padding-left: 1rem; width: calc(100% - 7rem); } .block--alerts-counter a { display: block; color: #fff; font-size: 1.8rem; position: relative; padding-right: 2rem; } .block--alerts-counter a > svg { width: 1.6rem; height: 1.6rem; position: absolute; right: 0; top: 50%; margin-top: -.8rem; } .no-touchevents .block--alerts-counter a:hover .notifications-bubble { color: #f5f5f5; background-color: #181818; } /** * Total asset **/ .total-asset { position: relative; } .total-asset .total-asset-actuarialValue { color: #666666; white-space: nowrap; } .total-asset .notice-star { position: relative; top: -0.7rem; } .total-asset .notice { text-align: right; margin: -0.5rem; color: #666666; } /*------------------------------------*\ #DASHBOARD FOR CLIENT \*------------------------------------*/ /** * Client Policies * as slider */ .block--client-policies .block__content { position: relative; } .client-policies-list { text-align: center; } .client-policies-list li { width: 100%; padding: 0 1rem; } .client-policies-list__value { display: block; color: #000; font-size: 2.4rem; font-weight: normal; margin-bottom: .5em; line-height: 1.2; } .client-policies-list__value abbr { color: #3d3d3d; border-bottom: 0; font-size: 1.6rem; font-weight: 300; } .client-policies-list__number { color: #3d3d3d; font-size: 1.6rem; display: block; } .client-policies-list__chart { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 2rem 0; margin-top: 6rem; min-height: 21rem; } .client-policies-list__chart figcaption { font-family: "AvenirPro", "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 1.4rem; font-weight: bold; display: block; } .client-policies-list__chart .chartSpinner { position: absolute; top: 50%; } .client-policies-list__prev, .client-policies-list__next { background-color: transparent; padding: 0; border: 0; position: absolute; top: 2rem; z-index: 100; } .client-policies-list__prev svg, .client-policies-list__next svg { width: 1.6rem; height: 1.6rem; } .client-policies-list__prev { left: 2rem; } .client-policies-list__next { right: 2rem; } .client-policies-list__pager { position: absolute; top: 1.5rem; right: 2rem; overflow: hidden; max-width: 70%; max-height: 2.5rem; } .client-policies-list__pager span { text-indent: 200%; overflow: hidden; border: 1px solid #333; border-radius: 50%; width: .8rem; height: .8rem; display: inline-block; cursor: pointer; } .client-policies-list__pager span:not(:first-child) { margin-left: .3rem; } .client-policies-list__pager .cycle-pager-active { background-color: #333; } .client-policies-list__footer { margin-top: 7.8rem; } .client-policies-list__footer svg { margin: 0; } .client-policies-list__footer .btn-primary { min-width: 15rem; } .dashboard-client .block--transactions-queries, .dashboard-client .block--client-policies { min-height: 52.3rem; } .dashboard-client .block--transactions-queries > div, .dashboard-client .block--client-policies > div { min-height: 529px; } @media (min-width: 105em) { .dashboard-client .alerts-list { min-height: 30.2rem; } } /*------------------------------------*\ #ERROR \*------------------------------------*/ .errorText { color: #f04e4e; } /*------------------------------------*\ #NEWS Listing and details \*----------------------------------*/ .news-listing { display: flex; flex-wrap: wrap; list-style: none; display: -webkit-flex; -webkit-flex-wrap: wrap; /* Modifier */ /* Element */ } .news-listing__title { text-align: center; font-size: 3rem; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; margin-bottom: 1em; } .news-listing .news-preview { padding-bottom: 1rem; border-bottom: 1px solid #e3e3e3; margin-bottom: 2rem; } @media (min-width: 64em) { .news-listing { margin-left: -.5rem; margin-right: -.5rem; } .news-listing > li { width: 50%; padding-left: .5rem; padding-right: .5rem; } } @media (min-width: 62em) { .news-listing > li { width: 33.33333%; } } @media (min-width: 75em) { .news-listing > li { width: 25%; } } .news-listing.-highlight .news-preview { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .news-listing.-all .news-preview__summary { display: none; } .news-listing .news-preview__media, .news-listing .news-preview__content { float: none; width: 100%; } .news-listing .news-preview__content { padding-left: 0; margin-top: 1rem; } .news-listing .news-preview__media a { margin: 0; } /** * DETAILS */ .news__metas { font-size: 1.6rem; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; color: #3d3d3d; text-align: center; } .news__title { font-size: 3rem; font-family: "AvenirPro", "Lora", Georgia, "Times New Roman", serif; margin-top: .25em; font-weight: bold; } /* Intro */ .news-intro { font-size: 1.5rem; font-weight: 600; margin-bottom: 2rem; } @media (min-width: 64em) { .news-intro__media { float: left; max-width: 30rem; margin-right: 2rem; margin-bottom: 2rem; } } /* Outro */ .news-outro { font-size: 1.5rem; margin-top: 2rem; } @media (min-width: 64em) { .news-outro__media { float: right; max-width: 30rem; margin-left: 2rem; margin-bottom: 2rem; } } .header-reset-password { background-color: #181818; color: #cecece; width: 100%; position: fixed; top: 0; left: 0; height: 80px; } .main-reset-password { margin-left: 0; } .footer-reset-password { margin-left: 0; margin-bottom: 0; padding-left: 0; } .footer-reset-password span, .footer-reset-password a { font-family: "Roboto", Arial, Helvetica, sans-serif; } .element-main { width: 60%; background: #fff; margin: 4em auto 0; border-radius: 5px; padding: 3em 2em; border: 1px solid #e3e3e3; } .element-main h3 { font-size: 1.7rem; color: #000; text-align: left; } .element-main input[type="text"], .element-main input[type="email"], .element-main input[type="password"] { font-size: 1em; color: #A29E9E; padding: 1em 0.5em; display: block; width: 100%; outline: none; text-align: left; border: 1px solid #B9B9B9; margin-top: 1em; } .element-main input[type="text"].-short-field, .element-main input[type="email"].-short-field, .element-main input[type="password"].-short-field { width: 40rem !important; } .element-main .btn-secondary { border: 1px solid #60605b; color: #60605b; text-transform: uppercase; background-color: transparent; margin-top: 1em; } .element-main .btn-secondary:disabled { background-color: #a0a0a0; } .no-touchevents .element-main .btn-secondary:disabled:hover, .no-touchevents .element-main .btn-secondary:disabled:focus { color: #60605b; background-color: #a0a0a0; } .element-main .field-invalid-msg { color: #ff7171; } .element-main #captcha { width: 50%; } .element-main .msg-info { color: #4c4c4c; margin-left: 2rem; } .element-main .msg-error { color: #ff7171; font-weight: bold; margin-left: 2rem; } .ajax-loader { width: 30px; height: 30px; margin-top: 1em; } .google_captcha { margin-top: 1em; } #settings-reset-password { position: fixed; right: 30px; top: 30px; color: white; } #emailOrLoginField { margin-top: 1em; } .reset-input { width: 40rem; } .reset-button { margin: 1rem; } .reset-confirm-button { margin-top: 1em; } .change-password-content { width: fit-content !important; } .change-password-content .field-invalid-msg { max-width: 40rem; word-break: break-word; text-align: justify; } @media (max-width: 1440px) { .footer { margin-left: 0; } } @media (max-width: 1280px) { .element-main { width: 60%; } } @media (max-width: 1024px) { .element-main { width: 37%; } } @media (max-width: 768px) { .element-main { width: 60%; } } @media (max-width: 480px) { .element-main { width: 80%; padding: 3em 1.5em; } } @media (max-width: 320px) { .element-main { width: 80%; margin: 2em auto 0; padding: 1.5em 1.5em; } .element-main input[type="text"] { font-size: 0.9em; padding: 0.8em 0.5em; } } /*# sourceMappingURL=main.css.map */