/* GENERATED by scripts/build-legacy-portal-css.js — do not edit by hand. */
/* Legacy authenticated-portal CSS, scoped under .ev-community, folded into EasyvestStyles. */

/* pure grid (normalize stripped) */

:where(.ev-community) .pure-img{max-width:100%;height:auto;display:block}:where(.ev-community) .pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,easyvest;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}:where(.ev-community) .opera-only :-o-prefocus,:where(.ev-community) .pure-g{word-spacing:-.43em}:where(.ev-community) .pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}:where(.ev-community) .pure-g [class *="pure-u"]{font-family:easyvest}:where(.ev-community) .pure-u-1,:where(.ev-community) .pure-u-1-1,:where(.ev-community) .pure-u-1-2,:where(.ev-community) .pure-u-1-3,:where(.ev-community) .pure-u-2-3,:where(.ev-community) .pure-u-1-4,:where(.ev-community) .pure-u-3-4,:where(.ev-community) .pure-u-1-5,:where(.ev-community) .pure-u-2-5,:where(.ev-community) .pure-u-3-5,:where(.ev-community) .pure-u-4-5,:where(.ev-community) .pure-u-5-5,:where(.ev-community) .pure-u-1-6,:where(.ev-community) .pure-u-5-6,:where(.ev-community) .pure-u-1-8,:where(.ev-community) .pure-u-3-8,:where(.ev-community) .pure-u-5-8,:where(.ev-community) .pure-u-7-8,:where(.ev-community) .pure-u-1-12,:where(.ev-community) .pure-u-5-12,:where(.ev-community) .pure-u-7-12,:where(.ev-community) .pure-u-11-12,:where(.ev-community) .pure-u-1-24,:where(.ev-community) .pure-u-2-24,:where(.ev-community) .pure-u-3-24,:where(.ev-community) .pure-u-4-24,:where(.ev-community) .pure-u-5-24,:where(.ev-community) .pure-u-6-24,:where(.ev-community) .pure-u-7-24,:where(.ev-community) .pure-u-8-24,:where(.ev-community) .pure-u-9-24,:where(.ev-community) .pure-u-10-24,:where(.ev-community) .pure-u-11-24,:where(.ev-community) .pure-u-12-24,:where(.ev-community) .pure-u-13-24,:where(.ev-community) .pure-u-14-24,:where(.ev-community) .pure-u-15-24,:where(.ev-community) .pure-u-16-24,:where(.ev-community) .pure-u-17-24,:where(.ev-community) .pure-u-18-24,:where(.ev-community) .pure-u-19-24,:where(.ev-community) .pure-u-20-24,:where(.ev-community) .pure-u-21-24,:where(.ev-community) .pure-u-22-24,:where(.ev-community) .pure-u-23-24,:where(.ev-community) .pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}:where(.ev-community) .pure-u-1-24{width:4.1667%;*width:4.1357%}:where(.ev-community) .pure-u-1-12,:where(.ev-community) .pure-u-2-24{width:8.3333%;*width:8.3023%}:where(.ev-community) .pure-u-1-8,:where(.ev-community) .pure-u-3-24{width:12.5%;*width:12.469%}:where(.ev-community) .pure-u-1-6,:where(.ev-community) .pure-u-4-24{width:16.6667%;*width:16.6357%}:where(.ev-community) .pure-u-1-5{width:20%;*width:19.969%}:where(.ev-community) .pure-u-5-24{width:20.8333%;*width:20.8023%}:where(.ev-community) .pure-u-1-4,:where(.ev-community) .pure-u-6-24{width:25%;*width:24.969%}:where(.ev-community) .pure-u-7-24{width:29.1667%;*width:29.1357%}:where(.ev-community) .pure-u-1-3,:where(.ev-community) .pure-u-8-24{width:33.3333%;*width:33.3023%}:where(.ev-community) .pure-u-3-8,:where(.ev-community) .pure-u-9-24{width:37.5%;*width:37.469%}:where(.ev-community) .pure-u-2-5{width:40%;*width:39.969%}:where(.ev-community) .pure-u-5-12,:where(.ev-community) .pure-u-10-24{width:41.6667%;*width:41.6357%}:where(.ev-community) .pure-u-11-24{width:45.8333%;*width:45.8023%}:where(.ev-community) .pure-u-1-2,:where(.ev-community) .pure-u-12-24{width:50%;*width:49.969%}:where(.ev-community) .pure-u-13-24{width:54.1667%;*width:54.1357%}:where(.ev-community) .pure-u-7-12,:where(.ev-community) .pure-u-14-24{width:58.3333%;*width:58.3023%}:where(.ev-community) .pure-u-3-5{width:60%;*width:59.969%}:where(.ev-community) .pure-u-5-8,:where(.ev-community) .pure-u-15-24{width:62.5%;*width:62.469%}:where(.ev-community) .pure-u-2-3,:where(.ev-community) .pure-u-16-24{width:66.6667%;*width:66.6357%}:where(.ev-community) .pure-u-17-24{width:70.8333%;*width:70.8023%}:where(.ev-community) .pure-u-3-4,:where(.ev-community) .pure-u-18-24{width:75%;*width:74.969%}:where(.ev-community) .pure-u-19-24{width:79.1667%;*width:79.1357%}:where(.ev-community) .pure-u-4-5{width:80%;*width:79.969%}:where(.ev-community) .pure-u-5-6,:where(.ev-community) .pure-u-20-24{width:83.3333%;*width:83.3023%}:where(.ev-community) .pure-u-7-8,:where(.ev-community) .pure-u-21-24{width:87.5%;*width:87.469%}:where(.ev-community) .pure-u-11-12,:where(.ev-community) .pure-u-22-24{width:91.6667%;*width:91.6357%}:where(.ev-community) .pure-u-23-24{width:95.8333%;*width:95.8023%}:where(.ev-community) .pure-u-1,:where(.ev-community) .pure-u-1-1,:where(.ev-community) .pure-u-5-5,:where(.ev-community) .pure-u-24-24{width:100%}:where(.ev-community) .pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ev-community) .pure-button::-moz-focus-inner{padding:0;border:0}:where(.ev-community) .pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}:where(.ev-community) .pure-button:focus{outline:0}:where(.ev-community) .pure-button-active,:where(.ev-community) .pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}:where(.ev-community) .pure-button[disabled],:where(.ev-community) .pure-button-disabled,:where(.ev-community) .pure-button-disabled:hover,:where(.ev-community) .pure-button-disabled:focus,:where(.ev-community) .pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}:where(.ev-community) .pure-button-hidden{display:none}:where(.ev-community) .pure-button::-moz-focus-inner{padding:0;border:0}:where(.ev-community) .pure-button-primary,:where(.ev-community) .pure-button-selected,:where(.ev-community) a.pure-button-primary,:where(.ev-community) a.pure-button-selected{background-color:#EDF2F5;color:#fff}:where(.ev-community) .pure-form input[type=text],:where(.ev-community) .pure-form input[type=password],:where(.ev-community) .pure-form input[type=email],:where(.ev-community) .pure-form input[type=url],:where(.ev-community) .pure-form input[type=date],:where(.ev-community) .pure-form input[type=month],:where(.ev-community) .pure-form input[type=time],:where(.ev-community) .pure-form input[type=datetime],:where(.ev-community) .pure-form input[type=datetime-local],:where(.ev-community) .pure-form input[type=week],:where(.ev-community) .pure-form input[type=number],:where(.ev-community) .pure-form input[type=search],:where(.ev-community) .pure-form input[type=tel],:where(.ev-community) .pure-form input[type=color],:where(.ev-community) .pure-form select,:where(.ev-community) .pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ev-community) .pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ev-community) .pure-form input[type=color]{padding:.2em .5em}:where(.ev-community) .pure-form .pure-checkbox,:where(.ev-community) .pure-form .pure-radio{margin:.5em 0;display:block}:where(.ev-community) .pure-form input[type=text][disabled],:where(.ev-community) .pure-form input[type=password][disabled],:where(.ev-community) .pure-form input[type=email][disabled],:where(.ev-community) .pure-form input[type=url][disabled],:where(.ev-community) .pure-form input[type=date][disabled],:where(.ev-community) .pure-form input[type=month][disabled],:where(.ev-community) .pure-form input[type=time][disabled],:where(.ev-community) .pure-form input[type=datetime][disabled],:where(.ev-community) .pure-form input[type=datetime-local][disabled],:where(.ev-community) .pure-form input[type=week][disabled],:where(.ev-community) .pure-form input[type=number][disabled],:where(.ev-community) .pure-form input[type=search][disabled],:where(.ev-community) .pure-form input[type=tel][disabled],:where(.ev-community) .pure-form input[type=color][disabled],:where(.ev-community) .pure-form select[disabled],:where(.ev-community) .pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}:where(.ev-community) .pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}:where(.ev-community) .pure-form input[readonly],:where(.ev-community) .pure-form select[readonly],:where(.ev-community) .pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}:where(.ev-community) .pure-form input:focus:invalid,:where(.ev-community) .pure-form textarea:focus:invalid,:where(.ev-community) .pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}:where(.ev-community) .pure-form input[type=file]:focus:invalid:focus,:where(.ev-community) .pure-form input[type=radio]:focus:invalid:focus,:where(.ev-community) .pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}:where(.ev-community) .pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}:where(.ev-community) .pure-form select[multiple]{height:auto}:where(.ev-community) .pure-form label{margin:.5em 0 .2em}:where(.ev-community) .pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}:where(.ev-community) .pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}:where(.ev-community) .pure-form-stacked input[type=text],:where(.ev-community) .pure-form-stacked input[type=password],:where(.ev-community) .pure-form-stacked input[type=email],:where(.ev-community) .pure-form-stacked input[type=url],:where(.ev-community) .pure-form-stacked input[type=date],:where(.ev-community) .pure-form-stacked input[type=month],:where(.ev-community) .pure-form-stacked input[type=time],:where(.ev-community) .pure-form-stacked input[type=datetime],:where(.ev-community) .pure-form-stacked input[type=datetime-local],:where(.ev-community) .pure-form-stacked input[type=week],:where(.ev-community) .pure-form-stacked input[type=number],:where(.ev-community) .pure-form-stacked input[type=search],:where(.ev-community) .pure-form-stacked input[type=tel],:where(.ev-community) .pure-form-stacked input[type=color],:where(.ev-community) .pure-form-stacked input[type=file],:where(.ev-community) .pure-form-stacked select,:where(.ev-community) .pure-form-stacked label,:where(.ev-community) .pure-form-stacked textarea{display:block;margin:.25em 0}:where(.ev-community) .pure-form-stacked input:not([type]){display:block;margin:.25em 0}:where(.ev-community) .pure-form-aligned input,:where(.ev-community) .pure-form-aligned textarea,:where(.ev-community) .pure-form-aligned select,:where(.ev-community) .pure-form-aligned .pure-help-inline,:where(.ev-community) .pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}:where(.ev-community) .pure-form-aligned textarea{vertical-align:top}:where(.ev-community) .pure-form-aligned .pure-control-group{margin-bottom:.5em}:where(.ev-community) .pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}:where(.ev-community) .pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}:where(.ev-community) .pure-form input.pure-input-rounded,:where(.ev-community) .pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}:where(.ev-community) .pure-form .pure-group fieldset{margin-bottom:10px}:where(.ev-community) .pure-form .pure-group input,:where(.ev-community) .pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}:where(.ev-community) .pure-form .pure-group input:focus,:where(.ev-community) .pure-form .pure-group textarea:focus{z-index:3}:where(.ev-community) .pure-form .pure-group input:first-child,:where(.ev-community) .pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}:where(.ev-community) .pure-form .pure-group input:first-child:last-child,:where(.ev-community) .pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}:where(.ev-community) .pure-form .pure-group input:last-child,:where(.ev-community) .pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}:where(.ev-community) .pure-form .pure-group button{margin:.35em 0}:where(.ev-community) .pure-form .pure-input-1{width:100%}:where(.ev-community) .pure-form .pure-input-2-3{width:66%}:where(.ev-community) .pure-form .pure-input-1-2{width:50%}:where(.ev-community) .pure-form .pure-input-1-3{width:33%}:where(.ev-community) .pure-form .pure-input-1-4{width:25%}:where(.ev-community) .pure-form .pure-help-inline,:where(.ev-community) .pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}:where(.ev-community) .pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){:where(.ev-community) .pure-form button[type=submit]{margin:.7em 0 0}:where(.ev-community) .pure-form input:not([type]),:where(.ev-community) .pure-form input[type=text],:where(.ev-community) .pure-form input[type=password],:where(.ev-community) .pure-form input[type=email],:where(.ev-community) .pure-form input[type=url],:where(.ev-community) .pure-form input[type=date],:where(.ev-community) .pure-form input[type=month],:where(.ev-community) .pure-form input[type=time],:where(.ev-community) .pure-form input[type=datetime],:where(.ev-community) .pure-form input[type=datetime-local],:where(.ev-community) .pure-form input[type=week],:where(.ev-community) .pure-form input[type=number],:where(.ev-community) .pure-form input[type=search],:where(.ev-community) .pure-form input[type=tel],:where(.ev-community) .pure-form input[type=color],:where(.ev-community) .pure-form label{margin-bottom:.3em;display:block}:where(.ev-community) .pure-group input:not([type]),:where(.ev-community) .pure-group input[type=text],:where(.ev-community) .pure-group input[type=password],:where(.ev-community) .pure-group input[type=email],:where(.ev-community) .pure-group input[type=url],:where(.ev-community) .pure-group input[type=date],:where(.ev-community) .pure-group input[type=month],:where(.ev-community) .pure-group input[type=time],:where(.ev-community) .pure-group input[type=datetime],:where(.ev-community) .pure-group input[type=datetime-local],:where(.ev-community) .pure-group input[type=week],:where(.ev-community) .pure-group input[type=number],:where(.ev-community) .pure-group input[type=search],:where(.ev-community) .pure-group input[type=tel],:where(.ev-community) .pure-group input[type=color]{margin-bottom:0}:where(.ev-community) .pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}:where(.ev-community) .pure-form-aligned .pure-controls{margin:1.5em 0 0}:where(.ev-community) .pure-form .pure-help-inline,:where(.ev-community) .pure-form-message-inline,:where(.ev-community) .pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}:where(.ev-community) .pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ev-community) .pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}:where(.ev-community) .pure-menu-list,:where(.ev-community) .pure-menu-item{position:relative}:where(.ev-community) .pure-menu-list{list-style:none;margin:0;padding:0}:where(.ev-community) .pure-menu-item{padding:0;margin:0;height:100%}:where(.ev-community) .pure-menu-link,:where(.ev-community) .pure-menu-heading{display:block;text-decoration:none;white-space:nowrap}:where(.ev-community) .pure-menu-horizontal{width:100%;white-space:nowrap}:where(.ev-community) .pure-menu-horizontal .pure-menu-list{display:inline-block}:where(.ev-community) .pure-menu-horizontal .pure-menu-item,:where(.ev-community) .pure-menu-horizontal .pure-menu-heading,:where(.ev-community) .pure-menu-horizontal .pure-menu-separator{display:inline-block;*display:inline;zoom:1;vertical-align:middle}:where(.ev-community) .pure-menu-item .pure-menu-item{display:block}:where(.ev-community) .pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}:where(.ev-community) .pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}:where(.ev-community) .pure-menu-allow-hover:hover>.pure-menu-children,:where(.ev-community) .pure-menu-active>.pure-menu-children{display:block;position:absolute}:where(.ev-community) .pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}:where(.ev-community) .pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}:where(.ev-community) .pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}:where(.ev-community) .pure-menu-scrollable .pure-menu-list{display:block}:where(.ev-community) .pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}:where(.ev-community) .pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}:where(.ev-community) .pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}:where(.ev-community) .pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}:where(.ev-community) .pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}:where(.ev-community) .pure-menu-heading{text-transform:uppercase;color:#565d64}:where(.ev-community) .pure-menu-link{color:#777}:where(.ev-community) .pure-menu-children{background-color:#fff}:where(.ev-community) .pure-menu-link,:where(.ev-community) .pure-menu-disabled,:where(.ev-community) .pure-menu-heading{padding:.5em 1em}:where(.ev-community) .pure-menu-disabled{opacity:.5}:where(.ev-community) .pure-menu-disabled .pure-menu-link:hover{background-color:transparent}:where(.ev-community) .pure-menu-active>.pure-menu-link,:where(.ev-community) .pure-menu-link:hover,:where(.ev-community) .pure-menu-link:focus{background-color:#eee}:where(.ev-community) .pure-menu-selected .pure-menu-link,:where(.ev-community) .pure-menu-selected .pure-menu-link:visited{color:#000}:where(.ev-community) .pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}:where(.ev-community) .pure-table caption{color:#000;font:italic 85%/1 arial,easyvest;padding:1em 0;text-align:center}:where(.ev-community) .pure-table td,:where(.ev-community) .pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}:where(.ev-community) .pure-table td:first-child,:where(.ev-community) .pure-table th:first-child{border-left-width:0}:where(.ev-community) .pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}:where(.ev-community) .pure-table td{background-color:transparent}:where(.ev-community) .pure-table-odd td{background-color:#f2f2f2}:where(.ev-community) .pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}:where(.ev-community) .pure-table-bordered td{border-bottom:1px solid #cbcbcb}:where(.ev-community) .pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}:where(.ev-community) .pure-table-horizontal td,:where(.ev-community) .pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}:where(.ev-community) .pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}

/* pure responsive grid */

/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
@media screen and (min-width:35.5em){:where(.ev-community) .pure-u-sm-1,:where(.ev-community) .pure-u-sm-1-1,:where(.ev-community) .pure-u-sm-1-2,:where(.ev-community) .pure-u-sm-1-3,:where(.ev-community) .pure-u-sm-2-3,:where(.ev-community) .pure-u-sm-1-4,:where(.ev-community) .pure-u-sm-3-4,:where(.ev-community) .pure-u-sm-1-5,:where(.ev-community) .pure-u-sm-2-5,:where(.ev-community) .pure-u-sm-3-5,:where(.ev-community) .pure-u-sm-4-5,:where(.ev-community) .pure-u-sm-5-5,:where(.ev-community) .pure-u-sm-1-6,:where(.ev-community) .pure-u-sm-5-6,:where(.ev-community) .pure-u-sm-1-8,:where(.ev-community) .pure-u-sm-3-8,:where(.ev-community) .pure-u-sm-5-8,:where(.ev-community) .pure-u-sm-7-8,:where(.ev-community) .pure-u-sm-1-12,:where(.ev-community) .pure-u-sm-5-12,:where(.ev-community) .pure-u-sm-7-12,:where(.ev-community) .pure-u-sm-11-12,:where(.ev-community) .pure-u-sm-1-24,:where(.ev-community) .pure-u-sm-2-24,:where(.ev-community) .pure-u-sm-3-24,:where(.ev-community) .pure-u-sm-4-24,:where(.ev-community) .pure-u-sm-5-24,:where(.ev-community) .pure-u-sm-6-24,:where(.ev-community) .pure-u-sm-7-24,:where(.ev-community) .pure-u-sm-8-24,:where(.ev-community) .pure-u-sm-9-24,:where(.ev-community) .pure-u-sm-10-24,:where(.ev-community) .pure-u-sm-11-24,:where(.ev-community) .pure-u-sm-12-24,:where(.ev-community) .pure-u-sm-13-24,:where(.ev-community) .pure-u-sm-14-24,:where(.ev-community) .pure-u-sm-15-24,:where(.ev-community) .pure-u-sm-16-24,:where(.ev-community) .pure-u-sm-17-24,:where(.ev-community) .pure-u-sm-18-24,:where(.ev-community) .pure-u-sm-19-24,:where(.ev-community) .pure-u-sm-20-24,:where(.ev-community) .pure-u-sm-21-24,:where(.ev-community) .pure-u-sm-22-24,:where(.ev-community) .pure-u-sm-23-24,:where(.ev-community) .pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}:where(.ev-community) .pure-u-sm-1-24{width:4.1667%;*width:4.1357%}:where(.ev-community) .pure-u-sm-1-12,:where(.ev-community) .pure-u-sm-2-24{width:8.3333%;*width:8.3023%}:where(.ev-community) .pure-u-sm-1-8,:where(.ev-community) .pure-u-sm-3-24{width:12.5%;*width:12.469%}:where(.ev-community) .pure-u-sm-1-6,:where(.ev-community) .pure-u-sm-4-24{width:16.6667%;*width:16.6357%}:where(.ev-community) .pure-u-sm-1-5{width:20%;*width:19.969%}:where(.ev-community) .pure-u-sm-5-24{width:20.8333%;*width:20.8023%}:where(.ev-community) .pure-u-sm-1-4,:where(.ev-community) .pure-u-sm-6-24{width:25%;*width:24.969%}:where(.ev-community) .pure-u-sm-7-24{width:29.1667%;*width:29.1357%}:where(.ev-community) .pure-u-sm-1-3,:where(.ev-community) .pure-u-sm-8-24{width:33.3333%;*width:33.3023%}:where(.ev-community) .pure-u-sm-3-8,:where(.ev-community) .pure-u-sm-9-24{width:37.5%;*width:37.469%}:where(.ev-community) .pure-u-sm-2-5{width:40%;*width:39.969%}:where(.ev-community) .pure-u-sm-5-12,:where(.ev-community) .pure-u-sm-10-24{width:41.6667%;*width:41.6357%}:where(.ev-community) .pure-u-sm-11-24{width:45.8333%;*width:45.8023%}:where(.ev-community) .pure-u-sm-1-2,:where(.ev-community) .pure-u-sm-12-24{width:50%;*width:49.969%}:where(.ev-community) .pure-u-sm-13-24{width:54.1667%;*width:54.1357%}:where(.ev-community) .pure-u-sm-7-12,:where(.ev-community) .pure-u-sm-14-24{width:58.3333%;*width:58.3023%}:where(.ev-community) .pure-u-sm-3-5{width:60%;*width:59.969%}:where(.ev-community) .pure-u-sm-5-8,:where(.ev-community) .pure-u-sm-15-24{width:62.5%;*width:62.469%}:where(.ev-community) .pure-u-sm-2-3,:where(.ev-community) .pure-u-sm-16-24{width:66.6667%;*width:66.6357%}:where(.ev-community) .pure-u-sm-17-24{width:70.8333%;*width:70.8023%}:where(.ev-community) .pure-u-sm-3-4,:where(.ev-community) .pure-u-sm-18-24{width:75%;*width:74.969%}:where(.ev-community) .pure-u-sm-19-24{width:79.1667%;*width:79.1357%}:where(.ev-community) .pure-u-sm-4-5{width:80%;*width:79.969%}:where(.ev-community) .pure-u-sm-5-6,:where(.ev-community) .pure-u-sm-20-24{width:83.3333%;*width:83.3023%}:where(.ev-community) .pure-u-sm-7-8,:where(.ev-community) .pure-u-sm-21-24{width:87.5%;*width:87.469%}:where(.ev-community) .pure-u-sm-11-12,:where(.ev-community) .pure-u-sm-22-24{width:91.6667%;*width:91.6357%}:where(.ev-community) .pure-u-sm-23-24{width:95.8333%;*width:95.8023%}:where(.ev-community) .pure-u-sm-1,:where(.ev-community) .pure-u-sm-1-1,:where(.ev-community) .pure-u-sm-5-5,:where(.ev-community) .pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){:where(.ev-community) .pure-u-md-1,:where(.ev-community) .pure-u-md-1-1,:where(.ev-community) .pure-u-md-1-2,:where(.ev-community) .pure-u-md-1-3,:where(.ev-community) .pure-u-md-2-3,:where(.ev-community) .pure-u-md-1-4,:where(.ev-community) .pure-u-md-3-4,:where(.ev-community) .pure-u-md-1-5,:where(.ev-community) .pure-u-md-2-5,:where(.ev-community) .pure-u-md-3-5,:where(.ev-community) .pure-u-md-4-5,:where(.ev-community) .pure-u-md-5-5,:where(.ev-community) .pure-u-md-1-6,:where(.ev-community) .pure-u-md-5-6,:where(.ev-community) .pure-u-md-1-8,:where(.ev-community) .pure-u-md-3-8,:where(.ev-community) .pure-u-md-5-8,:where(.ev-community) .pure-u-md-7-8,:where(.ev-community) .pure-u-md-1-12,:where(.ev-community) .pure-u-md-5-12,:where(.ev-community) .pure-u-md-7-12,:where(.ev-community) .pure-u-md-11-12,:where(.ev-community) .pure-u-md-1-24,:where(.ev-community) .pure-u-md-2-24,:where(.ev-community) .pure-u-md-3-24,:where(.ev-community) .pure-u-md-4-24,:where(.ev-community) .pure-u-md-5-24,:where(.ev-community) .pure-u-md-6-24,:where(.ev-community) .pure-u-md-7-24,:where(.ev-community) .pure-u-md-8-24,:where(.ev-community) .pure-u-md-9-24,:where(.ev-community) .pure-u-md-10-24,:where(.ev-community) .pure-u-md-11-24,:where(.ev-community) .pure-u-md-12-24,:where(.ev-community) .pure-u-md-13-24,:where(.ev-community) .pure-u-md-14-24,:where(.ev-community) .pure-u-md-15-24,:where(.ev-community) .pure-u-md-16-24,:where(.ev-community) .pure-u-md-17-24,:where(.ev-community) .pure-u-md-18-24,:where(.ev-community) .pure-u-md-19-24,:where(.ev-community) .pure-u-md-20-24,:where(.ev-community) .pure-u-md-21-24,:where(.ev-community) .pure-u-md-22-24,:where(.ev-community) .pure-u-md-23-24,:where(.ev-community) .pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}:where(.ev-community) .pure-u-md-1-24{width:4.1667%;*width:4.1357%}:where(.ev-community) .pure-u-md-1-12,:where(.ev-community) .pure-u-md-2-24{width:8.3333%;*width:8.3023%}:where(.ev-community) .pure-u-md-1-8,:where(.ev-community) .pure-u-md-3-24{width:12.5%;*width:12.469%}:where(.ev-community) .pure-u-md-1-6,:where(.ev-community) .pure-u-md-4-24{width:16.6667%;*width:16.6357%}:where(.ev-community) .pure-u-md-1-5{width:20%;*width:19.969%}:where(.ev-community) .pure-u-md-5-24{width:20.8333%;*width:20.8023%}:where(.ev-community) .pure-u-md-1-4,:where(.ev-community) .pure-u-md-6-24{width:25%;*width:24.969%}:where(.ev-community) .pure-u-md-7-24{width:29.1667%;*width:29.1357%}:where(.ev-community) .pure-u-md-1-3,:where(.ev-community) .pure-u-md-8-24{width:33.3333%;*width:33.3023%}:where(.ev-community) .pure-u-md-3-8,:where(.ev-community) .pure-u-md-9-24{width:37.5%;*width:37.469%}:where(.ev-community) .pure-u-md-2-5{width:40%;*width:39.969%}:where(.ev-community) .pure-u-md-5-12,:where(.ev-community) .pure-u-md-10-24{width:41.6667%;*width:41.6357%}:where(.ev-community) .pure-u-md-11-24{width:45.8333%;*width:45.8023%}:where(.ev-community) .pure-u-md-1-2,:where(.ev-community) .pure-u-md-12-24{width:50%;*width:49.969%}:where(.ev-community) .pure-u-md-13-24{width:54.1667%;*width:54.1357%}:where(.ev-community) .pure-u-md-7-12,:where(.ev-community) .pure-u-md-14-24{width:58.3333%;*width:58.3023%}:where(.ev-community) .pure-u-md-3-5{width:60%;*width:59.969%}:where(.ev-community) .pure-u-md-5-8,:where(.ev-community) .pure-u-md-15-24{width:62.5%;*width:62.469%}:where(.ev-community) .pure-u-md-2-3,:where(.ev-community) .pure-u-md-16-24{width:66.6667%;*width:66.6357%}:where(.ev-community) .pure-u-md-17-24{width:70.8333%;*width:70.8023%}:where(.ev-community) .pure-u-md-3-4,:where(.ev-community) .pure-u-md-18-24{width:75%;*width:74.969%}:where(.ev-community) .pure-u-md-19-24{width:79.1667%;*width:79.1357%}:where(.ev-community) .pure-u-md-4-5{width:80%;*width:79.969%}:where(.ev-community) .pure-u-md-5-6,:where(.ev-community) .pure-u-md-20-24{width:83.3333%;*width:83.3023%}:where(.ev-community) .pure-u-md-7-8,:where(.ev-community) .pure-u-md-21-24{width:87.5%;*width:87.469%}:where(.ev-community) .pure-u-md-11-12,:where(.ev-community) .pure-u-md-22-24{width:91.6667%;*width:91.6357%}:where(.ev-community) .pure-u-md-23-24{width:95.8333%;*width:95.8023%}:where(.ev-community) .pure-u-md-1,:where(.ev-community) .pure-u-md-1-1,:where(.ev-community) .pure-u-md-5-5,:where(.ev-community) .pure-u-md-24-24{width:100%}}@media screen and (min-width:64em){:where(.ev-community) .pure-u-lg-1,:where(.ev-community) .pure-u-lg-1-1,:where(.ev-community) .pure-u-lg-1-2,:where(.ev-community) .pure-u-lg-1-3,:where(.ev-community) .pure-u-lg-2-3,:where(.ev-community) .pure-u-lg-1-4,:where(.ev-community) .pure-u-lg-3-4,:where(.ev-community) .pure-u-lg-1-5,:where(.ev-community) .pure-u-lg-2-5,:where(.ev-community) .pure-u-lg-3-5,:where(.ev-community) .pure-u-lg-4-5,:where(.ev-community) .pure-u-lg-5-5,:where(.ev-community) .pure-u-lg-1-6,:where(.ev-community) .pure-u-lg-5-6,:where(.ev-community) .pure-u-lg-1-8,:where(.ev-community) .pure-u-lg-3-8,:where(.ev-community) .pure-u-lg-5-8,:where(.ev-community) .pure-u-lg-7-8,:where(.ev-community) .pure-u-lg-1-12,:where(.ev-community) .pure-u-lg-5-12,:where(.ev-community) .pure-u-lg-7-12,:where(.ev-community) .pure-u-lg-11-12,:where(.ev-community) .pure-u-lg-1-24,:where(.ev-community) .pure-u-lg-2-24,:where(.ev-community) .pure-u-lg-3-24,:where(.ev-community) .pure-u-lg-4-24,:where(.ev-community) .pure-u-lg-5-24,:where(.ev-community) .pure-u-lg-6-24,:where(.ev-community) .pure-u-lg-7-24,:where(.ev-community) .pure-u-lg-8-24,:where(.ev-community) .pure-u-lg-9-24,:where(.ev-community) .pure-u-lg-10-24,:where(.ev-community) .pure-u-lg-11-24,:where(.ev-community) .pure-u-lg-12-24,:where(.ev-community) .pure-u-lg-13-24,:where(.ev-community) .pure-u-lg-14-24,:where(.ev-community) .pure-u-lg-15-24,:where(.ev-community) .pure-u-lg-16-24,:where(.ev-community) .pure-u-lg-17-24,:where(.ev-community) .pure-u-lg-18-24,:where(.ev-community) .pure-u-lg-19-24,:where(.ev-community) .pure-u-lg-20-24,:where(.ev-community) .pure-u-lg-21-24,:where(.ev-community) .pure-u-lg-22-24,:where(.ev-community) .pure-u-lg-23-24,:where(.ev-community) .pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}:where(.ev-community) .pure-u-lg-1-24{width:4.1667%;*width:4.1357%}:where(.ev-community) .pure-u-lg-1-12,:where(.ev-community) .pure-u-lg-2-24{width:8.3333%;*width:8.3023%}:where(.ev-community) .pure-u-lg-1-8,:where(.ev-community) .pure-u-lg-3-24{width:12.5%;*width:12.469%}:where(.ev-community) .pure-u-lg-1-6,:where(.ev-community) .pure-u-lg-4-24{width:16.6667%;*width:16.6357%}:where(.ev-community) .pure-u-lg-1-5{width:20%;*width:19.969%}:where(.ev-community) .pure-u-lg-5-24{width:20.8333%;*width:20.8023%}:where(.ev-community) .pure-u-lg-1-4,:where(.ev-community) .pure-u-lg-6-24{width:25%;*width:24.969%}:where(.ev-community) .pure-u-lg-7-24{width:29.1667%;*width:29.1357%}:where(.ev-community) .pure-u-lg-1-3,:where(.ev-community) .pure-u-lg-8-24{width:33.3333%;*width:33.3023%}:where(.ev-community) .pure-u-lg-3-8,:where(.ev-community) .pure-u-lg-9-24{width:37.5%;*width:37.469%}:where(.ev-community) .pure-u-lg-2-5{width:40%;*width:39.969%}:where(.ev-community) .pure-u-lg-5-12,:where(.ev-community) .pure-u-lg-10-24{width:41.6667%;*width:41.6357%}:where(.ev-community) .pure-u-lg-11-24{width:45.8333%;*width:45.8023%}:where(.ev-community) .pure-u-lg-1-2,:where(.ev-community) .pure-u-lg-12-24{width:50%;*width:49.969%}:where(.ev-community) .pure-u-lg-13-24{width:54.1667%;*width:54.1357%}:where(.ev-community) .pure-u-lg-7-12,:where(.ev-community) .pure-u-lg-14-24{width:58.3333%;*width:58.3023%}:where(.ev-community) .pure-u-lg-3-5{width:60%;*width:59.969%}:where(.ev-community) .pure-u-lg-5-8,:where(.ev-community) .pure-u-lg-15-24{width:62.5%;*width:62.469%}:where(.ev-community) .pure-u-lg-2-3,:where(.ev-community) .pure-u-lg-16-24{width:66.6667%;*width:66.6357%}:where(.ev-community) .pure-u-lg-17-24{width:70.8333%;*width:70.8023%}:where(.ev-community) .pure-u-lg-3-4,:where(.ev-community) .pure-u-lg-18-24{width:75%;*width:74.969%}:where(.ev-community) .pure-u-lg-19-24{width:79.1667%;*width:79.1357%}:where(.ev-community) .pure-u-lg-4-5{width:80%;*width:79.969%}:where(.ev-community) .pure-u-lg-5-6,:where(.ev-community) .pure-u-lg-20-24{width:83.3333%;*width:83.3023%}:where(.ev-community) .pure-u-lg-7-8,:where(.ev-community) .pure-u-lg-21-24{width:87.5%;*width:87.469%}:where(.ev-community) .pure-u-lg-11-12,:where(.ev-community) .pure-u-lg-22-24{width:91.6667%;*width:91.6357%}:where(.ev-community) .pure-u-lg-23-24{width:95.8333%;*width:95.8023%}:where(.ev-community) .pure-u-lg-1,:where(.ev-community) .pure-u-lg-1-1,:where(.ev-community) .pure-u-lg-5-5,:where(.ev-community) .pure-u-lg-24-24{width:100%}}@media screen and (min-width:80em){:where(.ev-community) .pure-u-xl-1,:where(.ev-community) .pure-u-xl-1-1,:where(.ev-community) .pure-u-xl-1-2,:where(.ev-community) .pure-u-xl-1-3,:where(.ev-community) .pure-u-xl-2-3,:where(.ev-community) .pure-u-xl-1-4,:where(.ev-community) .pure-u-xl-3-4,:where(.ev-community) .pure-u-xl-1-5,:where(.ev-community) .pure-u-xl-2-5,:where(.ev-community) .pure-u-xl-3-5,:where(.ev-community) .pure-u-xl-4-5,:where(.ev-community) .pure-u-xl-5-5,:where(.ev-community) .pure-u-xl-1-6,:where(.ev-community) .pure-u-xl-5-6,:where(.ev-community) .pure-u-xl-1-8,:where(.ev-community) .pure-u-xl-3-8,:where(.ev-community) .pure-u-xl-5-8,:where(.ev-community) .pure-u-xl-7-8,:where(.ev-community) .pure-u-xl-1-12,:where(.ev-community) .pure-u-xl-5-12,:where(.ev-community) .pure-u-xl-7-12,:where(.ev-community) .pure-u-xl-11-12,:where(.ev-community) .pure-u-xl-1-24,:where(.ev-community) .pure-u-xl-2-24,:where(.ev-community) .pure-u-xl-3-24,:where(.ev-community) .pure-u-xl-4-24,:where(.ev-community) .pure-u-xl-5-24,:where(.ev-community) .pure-u-xl-6-24,:where(.ev-community) .pure-u-xl-7-24,:where(.ev-community) .pure-u-xl-8-24,:where(.ev-community) .pure-u-xl-9-24,:where(.ev-community) .pure-u-xl-10-24,:where(.ev-community) .pure-u-xl-11-24,:where(.ev-community) .pure-u-xl-12-24,:where(.ev-community) .pure-u-xl-13-24,:where(.ev-community) .pure-u-xl-14-24,:where(.ev-community) .pure-u-xl-15-24,:where(.ev-community) .pure-u-xl-16-24,:where(.ev-community) .pure-u-xl-17-24,:where(.ev-community) .pure-u-xl-18-24,:where(.ev-community) .pure-u-xl-19-24,:where(.ev-community) .pure-u-xl-20-24,:where(.ev-community) .pure-u-xl-21-24,:where(.ev-community) .pure-u-xl-22-24,:where(.ev-community) .pure-u-xl-23-24,:where(.ev-community) .pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}:where(.ev-community) .pure-u-xl-1-24{width:4.1667%;*width:4.1357%}:where(.ev-community) .pure-u-xl-1-12,:where(.ev-community) .pure-u-xl-2-24{width:8.3333%;*width:8.3023%}:where(.ev-community) .pure-u-xl-1-8,:where(.ev-community) .pure-u-xl-3-24{width:12.5%;*width:12.469%}:where(.ev-community) .pure-u-xl-1-6,:where(.ev-community) .pure-u-xl-4-24{width:16.6667%;*width:16.6357%}:where(.ev-community) .pure-u-xl-1-5{width:20%;*width:19.969%}:where(.ev-community) .pure-u-xl-5-24{width:20.8333%;*width:20.8023%}:where(.ev-community) .pure-u-xl-1-4,:where(.ev-community) .pure-u-xl-6-24{width:25%;*width:24.969%}:where(.ev-community) .pure-u-xl-7-24{width:29.1667%;*width:29.1357%}:where(.ev-community) .pure-u-xl-1-3,:where(.ev-community) .pure-u-xl-8-24{width:33.3333%;*width:33.3023%}:where(.ev-community) .pure-u-xl-3-8,:where(.ev-community) .pure-u-xl-9-24{width:37.5%;*width:37.469%}:where(.ev-community) .pure-u-xl-2-5{width:40%;*width:39.969%}:where(.ev-community) .pure-u-xl-5-12,:where(.ev-community) .pure-u-xl-10-24{width:41.6667%;*width:41.6357%}:where(.ev-community) .pure-u-xl-11-24{width:45.8333%;*width:45.8023%}:where(.ev-community) .pure-u-xl-1-2,:where(.ev-community) .pure-u-xl-12-24{width:50%;*width:49.969%}:where(.ev-community) .pure-u-xl-13-24{width:54.1667%;*width:54.1357%}:where(.ev-community) .pure-u-xl-7-12,:where(.ev-community) .pure-u-xl-14-24{width:58.3333%;*width:58.3023%}:where(.ev-community) .pure-u-xl-3-5{width:60%;*width:59.969%}:where(.ev-community) .pure-u-xl-5-8,:where(.ev-community) .pure-u-xl-15-24{width:62.5%;*width:62.469%}:where(.ev-community) .pure-u-xl-2-3,:where(.ev-community) .pure-u-xl-16-24{width:66.6667%;*width:66.6357%}:where(.ev-community) .pure-u-xl-17-24{width:70.8333%;*width:70.8023%}:where(.ev-community) .pure-u-xl-3-4,:where(.ev-community) .pure-u-xl-18-24{width:75%;*width:74.969%}:where(.ev-community) .pure-u-xl-19-24{width:79.1667%;*width:79.1357%}:where(.ev-community) .pure-u-xl-4-5{width:80%;*width:79.969%}:where(.ev-community) .pure-u-xl-5-6,:where(.ev-community) .pure-u-xl-20-24{width:83.3333%;*width:83.3023%}:where(.ev-community) .pure-u-xl-7-8,:where(.ev-community) .pure-u-xl-21-24{width:87.5%;*width:87.469%}:where(.ev-community) .pure-u-xl-11-12,:where(.ev-community) .pure-u-xl-22-24{width:91.6667%;*width:91.6357%}:where(.ev-community) .pure-u-xl-23-24{width:95.8333%;*width:95.8023%}:where(.ev-community) .pure-u-xl-1,:where(.ev-community) .pure-u-xl-1-1,:where(.ev-community) .pure-u-xl-5-5,:where(.ev-community) .pure-u-xl-24-24{width:100%}}

/* easyvest-community.css */

:where(.ev-community) * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:where(.ev-community) body {
  color: #00063c;
  line-height: 1.7em;
  font-size: 13px;
  font-weight: 500;
}

:where(.ev-community) h2 {
  font-size: 16px;
  line-height: 22px;
  color: #00063c;
  font-weight: bold;
}

@media (min-width: 960px){
  :where(.ev-community) h2 {
    font-size: 24px;
    line-height: 28px;
  }
}

:where(.ev-community) a,
:where(.ev-community) a:focus,
:where(.ev-community) a:visited {
  text-decoration: none;
  color: #595e7d;
}

:where(.ev-community) a:hover {
  text-decoration: underline;
}

:where(.ev-community) a.ev-lightgrey {
  text-decoration: none;
  color: #136c64;
}

:where(.ev-community) a.ev-lightgrey:focus,
:where(.ev-community) a.ev-lightgrey:hover,
:where(.ev-community) a.lightev-grey:visited {
  text-decoration: underline;
  color: #136c64;
}

:where(.ev-community) .ev-link {
  color: #21b381;
}

:where(.ev-community) .a-review {
  font-size: 90%;
}

:where(.ev-community) .a-review:hover {
  text-decoration: underline;
}

:where(.ev-community) h1 {
  font-weight: bold;
  line-height: 1.1em;
}

:where(.ev-community) h1.with-subtitle {
  margin-bottom: 0.25em !important;
}

:where(.ev-community) p.subtitle {
  margin-top: 0;
  color: #a6adba;
  line-height: 1.3em;
  margin-bottom: 2em;
}

:where(.ev-community) .is-center {
  text-align: center;
}

:where(.ev-community) .is-right {
  text-align: right;
}

:where(.ev-community) .is-right-sm {
  text-align: right;
}

:where(.ev-community) .ev-inline {
  display: inline !important;
}

:where(.ev-community) .l-box {
  padding: 1em;
}

:where(.ev-community) .ev-grey {
  color: #dbe3e5 !important;
}

:where(.ev-community) .ev-grey-2 {
  color: #e5ebed;
}

:where(.ev-community) .ev-grey-3 {
  color: #edf2f5;
}

:where(.ev-community) .ev-grey-4 {
  color: #f6fafc;
}

:where(.ev-community) .ev-green {
  color: #61ff8c !important;
  font-size: 20px;
}

:where(.ev-community) .ev-green-2 {
  color: #21b381 !important;
}

:where(.ev-community) .ev-green-3 {
  color: #136c64 !important;
}

:where(.ev-community) .ev-lightgreen {
  color: #c4fcd6 !important;
}

:where(.ev-community) .ev-lightgreen-2 {
  color: #d6fce3 !important;
}

:where(.ev-community) .ev-lightgreen-3 {
  color: #e5fcf0 !important;
}

:where(.ev-community) .ev-lightgreen-4 {
  color: #f7fcfa !important;
}

:where(.ev-community) .ev-red {
  color: #ff0062 !important;
}

:where(.ev-community) .ev-lightgrey {
  color: #a6adba !important;
}

:where(.ev-community) .ev-blue {
  /* color: #1f8dd6 !important; */
  color: #00063c !important;
}

:where(.ev-community) .ev-blue-2 {
  color: #595e7d !important;
}

:where(.ev-community) .ev-blue-3 {
  color: #a6adba !important;
}

:where(.ev-community) .ev-lightblue {
  color: #00063c !important;
}

:where(.ev-community) .ev-verylightblue {
  color: #00063c !important;
}

:where(.ev-community) .ev-error {
  color: #ff0062 !important;
  margin-bottom: 1em;
  width: 100%;
}

:where(.ev-community) .ev-font-20 {
  font-size: 20px;
}

:where(.ev-community) .h-100 {
  height: 100%;
}

/*FORM Style*/
:where(.ev-community) .ev-form input[type],
:where(.ev-community) .ev-form textarea,
:where(.ev-community) .ev-form select {
  /*border: 1px solid #E5EBED;
  box-shadow: none;
  font-size: 16px; */
  /*width: 100%;*/
  margin-bottom: 1em;
  min-height: 44px;
}


:where(.ev-community) .ev-form input[type="text"],
:where(.ev-community) .ev-form input[type="email"],
:where(.ev-community) .ev-form input[type="password"],
:where(.ev-community) .ev-form input[type="number"],
:where(.ev-community) .ev-form input[type="tel"],
:where(.ev-community) .ev-form textarea,
:where(.ev-community) .ev-form select {
    border-radius: 5px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(219 227 229 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 6 60 / var(--tw-text-opacity));
    min-height: 50px;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

:where(.ev-community) .ev-form select {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E") no-repeat;
  background-position: right 0.5rem center;
  background-size: 1.5em 1.5em;
  padding-right: 2.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:where(.ev-community) .ev-form input[type="text"],
:where(.ev-community) .ev-form input[type="email"],
:where(.ev-community) .ev-form input[type="password"],
:where(.ev-community) .ev-form input[type="number"],
:where(.ev-community) .ev-form input[type="tel"],
:where(.ev-community) .ev-form select {
  height: 50px;
}

:where(.ev-community) .ev-form textarea:focus-visible, :where(.ev-community) .ev-form select:focus-visible, :where(.ev-community) .ev-form input[type]:focus-visible {
  border-color: #00063c;
  outline: 0;
}

:where(.ev-community) label{
  color: #595e7d;
}

:where(.ev-community) .ev-form input[type]::placeholder {
  color: #595e7d;
}

:where(.ev-community) input[type="checkbox"],
:where(.ev-community) input[type="radio"] {
  width: 1em !important;
  min-height: unset !important;
}

:where(.ev-community) .ev-form input.error {
  border-color: #ff0062;
  color: #ff0062;
}

:where(.ev-community) .ev-form input.success {
  /* border-color: #00db71;
	color: #00db71; */
}

:where(.ev-community) .max-582 {
  max-width: 582px;
  margin: 0 auto;
}

/*-- EASYVEST HIDE STYLES --*/
/*Display on/off styles*/
:where(.ev-community) .ev-h {
  display: none !important;
}

:where(.ev-community) .ev-h-md-xl {
  /*display:block;*/
}

:where(.ev-community) .ev-h-sm-xl {
  display: none;
}

:where(.ev-community) .ev-h-sm-md {
  display: none;
}

:where(.ev-community) .ev-h-xl {
  display: block;
}

:where(.ev-community) .ev-h-sm {
  display: none;
}

:where(.ev-community) .ev-hide-when-medium {
  display: none;
}

:where(.ev-community) .ev-hide-when-large {
  display: block;
}

:where(.ev-community) .ev-show-md {
  display: none;
}

:where(.ev-community) .ev-hide-md {
  display: block;
}

/*
 * -- PURE BUTTON STYLES --
 * I want my pure-button elements to look a little different
 */
:where(.ev-community) .pure-button {
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  border-radius: 4px;
  cursor: pointer;
  padding: 0.75em 1.5em;
  text-decoration: none;
  box-shadow: -4px 4px #00063c;
  font-weight: bold;
}

:where(.ev-community) .ev-button-primary {
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  border-radius: 4px;
  cursor: pointer;
  padding: 0.75em 1.5em;
  text-decoration: none;
  box-shadow: -4px 4px #00063c;
  font-weight: bold;
  width: 100%;
}

:where(.ev-community) .ev-signup-button {
  padding: 0.8em 0.5em;
  margin-right: 1em;
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  border-radius: 4px;
  font-weight: bold;
  box-shadow: -4px 4px #00063c;
}

:where(.ev-community) a.ev-button-primary {
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  border-radius: 4px;
  width: 100%;
  padding: 1em 2em;
  font-weight: bold;
  box-shadow: -4px 4px #00063c;
}

:where(.ev-community) .ev-button-primary-fluid {
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  width: 100%;
  font-size: 100% !important;
  /*when small screen*/
  border-radius: 4px;
  padding: 1em 2em;
  font-weight: bold;
  box-shadow: -4px 4px #00063c;
}

:where(.ev-community) .ev-button-primary-fluid:visited {
  color: #00063c;
}

:where(.ev-community) .ev-next {
  border: 1px solid #61ff8c;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

:where(.ev-community) .ev-previous {
  border: 1px solid #a6adba;
  color: #a6adba !important;
  background: none;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

:where(.ev-community) .ev-small-text {
  font-size: 0.875em !important;
  line-height: 1.5em !important;
}

:where(.ev-community) .ev-radio-subtext-label {}

:where(.ev-community) .ev-radio-subtext-sublabel {
  margin-left: 0;
  margin-top: 0.3em;
}

:where(.ev-community) .dateFormat {
  display: none;
  /*hide SFDC date link*/
}

:where(.ev-community) .ev-no-margin {
  margin: 0 !important;
}

:where(.ev-community) a.ev-button-primary-small {
  background: #1f8dd6;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 1em 2em;
  border: none;
}

:where(.ev-community) label a {
  text-decoration: underline;
  color: #00063c;
}

/*
 *--
 * This is the class for the pictures & icons Section
 * --
 */
:where(.ev-community) .ev-profile-pic {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  /*filter: grayscale(1);*/
  /*-webkit-filter: grayscale(1);*/
}

:where(.ev-community) .ev-center-pic {
  margin: 0 auto !important;
}

/*.ev-profile-pic:hover{
	 filter: none;
     -webkit-filter: none;
 }*/
:where(.ev-community) .fa-i-right {
  margin-right: 7px;
}

:where(.ev-community) .fa-sub {
  padding: 0.25em 1em 2em 13px;
  margin: 0 0 0 7px;
  border-left: 1px solid #dbe3e5;
  padding-left: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

:where(.ev-community) .fa-sub:last-child {
  padding-bottom: 0em;
  /*border goes no further than text bottom on last step*/
}

:where(.ev-community) .fa-sub p {
  margin: 0;
}

:where(.ev-community) .fa-index {
  transform: translate(-2px, -3px);
  background-color: #f6fafc;
  border: 2px solid #00063c;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #00063c;
  font-size: 80%;
  line-height: 14px;
  border-radius: 100%;
  text-align: center;
  margin-right: 7px;
  padding-top: 2px;
  box-shadow: -2px 2px #00063c;
}

:where(.ev-community) .fa-index.ev-h {
  display: none !important;
  /*don't simply hide with ev-h due to css order*/
}

:where(.ev-community) .fa-index.bkg-blue {
  background-color: #61ff8c;
}

:where(.ev-community) .ev-content-wrapper {
  padding-top: 3.5em;
  padding-bottom: 3.5em;
}

@media (max-width: 767px) {
  :where(.ev-community) .ev-content-wrapper.with-banner {
    padding-top: 13.5em;
  }
}

:where(.ev-community) #easyvalet-div {
  color: #a6adba;
  border-top: 1px solid #dbe3e5;
  padding-top: 1em;
}

:where(.ev-community) #easyvalet-div p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

:where(.ev-community) #easyvalet-div p a {
  color: #595e7d;
}

:where(.ev-community) .ev-white-link {
  color: #a6adba;
  /*when small used in easyvalet div, no blue background*/
  cursor: pointer;
}

:where(.ev-community) .ev-white-link:hover,
:where(.ev-community) .ev-white-link:visited {
  color: #a6adba;
  /*when small used in easyvalet div, no blue background*/
  text-decoration: underline;
}

:where(.ev-community) .ev-grey-link {
  color: #a6adba;
  cursor: pointer;
}

:where(.ev-community) .ev-grey-link:hover,
:where(.ev-community) .ev-grey-link:visited {
  color: #a6adba;
  text-decoration: underline;
}

/* --------------------------
 * Top bannner
 * --------------------------
*/
:where(.ev-community) #top-banner {
  position: fixed;
  width: 100%;
  left: 44px;
  text-align: right;
  background: rgba(255, 255, 255, 0.7);
  height: 2em;
  top: 0;
  border: 0;
  padding-top: 12px;
}

:where(.ev-community) #top-banner a {
  padding-right: 3.7em;
  top: 1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #00063c;
  font-weight: bold;
}

:where(.ev-community) #top-banner a:hover,
:where(.ev-community) #top-banner a:focus {
  text-decoration: underline;
}

/* --------------------------
 * main <div>
 * --------------------------
*/
:where(.ev-community) #main {
  margin-top: 4em;
}

/* --------------------------
 * Community fields layout
 * --------------------------
*/

:where(.ev-community) .ev-c-big-number {
  font-size: 200%;
  margin-bottom: 0.1em;
}

:where(.ev-community) a:hover.ev-c-big-number {
  color: rgb(52, 52, 52);
}

:where(.ev-community) a.ev-c-big-number {
  color: rgb(52, 52, 52);
}

:where(.ev-community) .ev-c-label {
  margin-top: 0.1em;
  text-transform: uppercase;
}

/* --------------------------
 * Width limiters
 * --------------------------
*/
:where(.ev-community) .ev-600 {
  max-width: 600px;
}

/* --------------------------
 * Onboarding
 * --------------------------
*/
:where(.ev-community) #onboarding h4 {
  margin-top: 0em;
  margin-bottom: 0em;
  color: #00063c !important;
}

/* --------------------------
 * Footer
 * --------------------------
*/
:where(.ev-community) .questionnaire-footer {
  padding-top: 10em;
}

:where(.ev-community) .footer {
  margin-top: 1em;
  color: #a6adba;
  font-size: 10px;
  line-height: 1.4em;
  margin-bottom: 5em;
}

:where(.ev-community) .ev-disclaimer {
  border-top: 1px solid #dbe3e5;
}

/* --------------------------
 * Multi-steps form styles
 * --------------------------
*/
/*Display only first fieldset*/
:where(.ev-community) #msform fieldset:not(:first-of-type) {
  display: none;
}

:where(.ev-community) #progressbar {
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}

/*Hide first label (--none--) of the radio button list*/
/*.ev-radio label:first-of-type{
	display:none;
}*/
:where(.ev-community) .ev-radio label {
  display: block;
}

:where(.ev-community) table.ev-radio td {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2em;
  cursor: pointer;
}

/* Outer circle and container */
:where(.ev-community) table.ev-radio td input {
  -webkit-appearance:none;
  width:13px !important;
  height:13px !important;
  border:1px solid #dbe3e5;
  border-radius:9999px;
  outline:none;
  margin-bottom: 0 !important;
  margin-top: 4px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  align-items: center;
  cursor: pointer;
}


/* Inner hover background for feedback */
:where(.ev-community) table.ev-radio td input:not(:checked):hover {
  background-color: #a6adba;
}

/* Inner circle */
:where(.ev-community) table.ev-radio td input:before {
  content:'';
  width:7px !important;
  height:7px !important;
  border-radius:9999px;
}

/* Border when checked */
:where(.ev-community) table.ev-radio td input:checked{
  border:1px solid #00063c;

}

/* Inner circle color */
:where(.ev-community) table.ev-radio td input:checked:before {
  background: #61ff8c;
}

/* Remove focus blue highlight */
:where(.ev-community) table.ev-radio td input:focus {
  outline: none;
  box-shadow: none;
}

:where(.ev-community) table.ev-radio td input:focus-visible {
  outline: none;
  box-shadow: none;
}



:where(.ev-community) table.ev-radio td label {
  margin-top: 0;
  margin-left: 1em;
  line-height: 20px;
  cursor: pointer;
}


/*Hide the standard SFDC select field replaced by a radio list*/
:where(.ev-community) .ev-fake-radio {
  display: none !important;
}

:where(.ev-community) .ev-input-unit {
  text-align: left;
  margin-top: 0.5em;
  padding-left: 0.5em;
}

:where(.ev-community) .ev-radio td label {
  display: inline !important;
}

:where(.ev-community) .ev-radio td {
  line-height: 2.3em;
}

/* ---------------------------------
 * SFDC Input Fields error messages
 * ---------------------------------
 */
:where(.ev-community) .errorMsg {
  color: #a6adba;
}

:where(.ev-community) .errorMsg strong {
  display: none;
  /*Hide the Error label*/
}

/* ---------------------
 * Tooltip Styles
 * ----------------------
 */

/* Add this attribute to the element that needs a tooltip */
:where(.ev-community) [data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
  text-transform: initial;
  /*background-image: url(../img/pixel.png);*/
}

/* Hide the tooltip content by default */
:where(.ev-community) [data-tooltip]:before,
:where(.ev-community) [data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
:where(.ev-community) [data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #00063c;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
:where(.ev-community) [data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid #00063c;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
:where(.ev-community) [data-tooltip]:hover:before,
:where(.ev-community) [data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* --------------------------
 * DatePicker React
 * --------------------------
*/

:where(.ev-community) .custom-calendar-formControlContainer {
  margin-bottom: 1em;
}

:where(.ev-community) .custom-calendar-rightPadding {
  padding-right: 1em;
}

:where(.ev-community) .custom-calendar-inputContainer {
  position: relative;
}

:where(.ev-community) .custom-calendar-input {
  width: 100%;
  margin-bottom: 0 !important;
}

:where(.ev-community) .custom-calendar-inputIcon {
  position: absolute;
  bottom: 0;
  right: 1em;
  height: 2em;
  cursor: pointer;
}

/* --------------------------
 * Performance screen
 * --------------------------
*/
:where(.ev-community) .ev-performance-text-div {
  margin-left: none;
}

/* --------------------------
 * Responsive Styles
 * --------------------------
*/

/* ---------------------------------
 * TABLET small/vertical width & up
 * ---------------------------------
*/
@media screen and (min-width: 48em) {

  /* --------------------------
	 * Performance screen
	 * --------------------------
	*/
  :where(.ev-community) .ev-performance-text-div {
    margin-left: 120px;
  }

  /*-- EASYVEST HIDE STYLES --*/
  /*Display on/off styles*/
  :where(.ev-community) .ev-h-md-xl {
    display: none;
  }

  :where(.ev-community) .ev-h-sm-xl {
    display: block;
  }

  :where(.ev-community) .ev-h-sm-md {
    display: none;
  }

  :where(.ev-community) .ev-h-xl {
    display: block;
  }

  :where(.ev-community) .ev-h-sm {
    display: inline-block;
  }

  :where(.ev-community) .ev-hide-md {
    display: none;
  }

  :where(.ev-community) .ev-show-md {
    display: block;
  }

  :where(.ev-community) .is-center-md {
    text-align: center;
  }

  :where(.ev-community) .is-right-sm {
    text-align: inherit;
  }

  /*-----
	 * Layout styles
	 *-----*/
  :where(.ev-community) .ev-l-border {
    border-left: 1px solid #a6adba;
  }

  :where(.ev-community) .ev-r-border {
    border-right: 1px solid #a6adba;
  }

  :where(.ev-community) #easyvalet-div {
    border-top: none;
    height: 100%;
  }
}

@media (max-width: 64em) {}

@media (min-width: 64em) {

  /*To keep Easyvalet div fixed when user scrolls on large screens*/
  :where(.ev-community) .ev-fixed-when-large {
    position: fixed;
  }

  :where(.ev-community) .ev-white-link,
  :where(.ev-community) .ev-white-link:hover {
    color: white;
  }
}

/*
 * -- DESKTOP (AND UP) MEDIA QUERIES --
 * On desktops and other large devices, we want to over-ride some
 * of the mobile and tablet styles.
 */
@media (min-width: 80em) {
  :where(.ev-community) body {
    font-size: 14px;
  }

  /*-- EASYVEST HIDE STYLES --*/
  /*Display on/off styles*/
  :where(.ev-community) .ev-h-md-xl {
    display: none;
  }

  :where(.ev-community) .ev-h-sm-xl {
    display: none;
  }

  :where(.ev-community) .ev-h-sm-md {
    display: block;
  }

  :where(.ev-community) .ev-h-xl {
    display: none;
  }

  :where(.ev-community) .ev-h-sm {
    display: inline-block;
  }

  :where(.ev-community) .ev-hide-when-medium {
    display: block;
  }

  :where(.ev-community) .ev-hide-when-large {
    display: none;
  }

  /*--
	 * Large styles
	 *--*/

  :where(.ev-community) .ev-button-primary-fluid {
    width: auto;
  }
}

:where(.ev-community) .ev-list-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/*
 * -- WHEN PAGE IS PRINTED --
 */
@media print {

  :where(.ev-community) .no-print,
  :where(.ev-community) .no-print * {
    display: none !important;
  }
}

@media (max-width: 48em) {
  :where(.ev-community) .embeddedServiceHelpButton .helpButton {
    bottom: 80px !important;
  }
}

/* ---------------------------------
 * List cell class styles
 * ---------------------------------
 */
:where(.ev-community) .ev-list-cell {
  background: #ffffff;
  --tw-shadow: 0px 1px 1px rgba(0, 6, 60, 0.05), 0px 0px 50px rgba(0, 6, 60, 0.05);
  --tw-shadow-colored: 0px 1px 1px var(--tw-shadow-color), 0px 0px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 1rem 1.25rem 1rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 14px;
  list-style: 20px;
  --tw-border-opacity: 1;
  border-color: rgb(219 227 229 / var(--tw-border-opacity));
  border-width: 1px;
}

:where(.ev-community) .ev-list-cell .big-number {
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 28px;
  color: #00063c;
  text-align: end;
}

:where(.ev-community) .ev-list-cell .title {
  font-style: normal;
  font-weight: bold;
  margin-bottom: 0.1em;
  color: #00063c;
  text-decoration: none;
}

:where(.ev-community) .ev-list-cell .cell-value {
  font-style: normal;
  font-weight: bold;
  color: #00063c;
}

:where(.ev-community) .ev-list-cell .cell-label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #a6adba;
}

:where(.ev-community) .ev-list-cell .infos {
  font-weight: bold;
  margin: 0;
  text-decoration: none;
  color: #00063c;
}

:where(.ev-community) .performance-big-number {
  font-style: normal;
  font-weight: bold;
  margin: 0;
}

:where(.ev-community) .ev-c-base-container {
  max-width: 768px;
  padding: 0 0.5em 0 0.5em;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  :where(.ev-community) .ev-c-base-container {
    padding-top: 6em;
  }
}

@keyframes principal_button_pressed {
  0% {
    transform: translate(0px, 0px);
    box-shadow: -4px 4px;
  }

  100% {
    transform: translate(-2px, 2px);
    box-shadow: -2px 2px;
  }
}

@keyframes principal_button_released {
  0% {
    transform: translate(-2px, 2px);
    box-shadow: -2px 2px;
  }

  100% {
    transform: translate(0px, 0px);
    box-shadow: -4px 4px;
  }
}

:where(.ev-community) .primary_button {
  display: inline-block;
  background-color: #61ff8c !important;
  color: #00063c !important;
  font-weight: bold !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  border: 2px solid #00063c !important;
  cursor: pointer !important;
  padding: 13px 20px !important;
  box-shadow: -4px 4px #00063c;
  animation-name: principal_button_released;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  width: fit-content;
  max-width: 100%;
}

:where(.ev-community) .primary_button.white {
  background-color: white !important;
}

:where(.ev-community) .primary_button.inactive,
:where(.ev-community) .primary_button.inactive:hover,
:where(.ev-community) .primary_button.inactive:active {
  background-color: #dbe3e5 !important;
  cursor: default !important;
  animation: unset !important;
}

:where(.ev-community) .primary_button.large {
  width: 100%;
}

:where(.ev-community) .primary_button:hover,
:where(.ev-community) .primary_button:focus {
  animation-name: principal_button_pressed;
}

:where(.ev-community) .bold-circle {
  /* Green #1 */
  background: #61ff8c !important;
  /* easyvest/darkblue */
  border: 2px solid #00063c !important;
  box-sizing: border-box !important;
  box-shadow: -1px 1px 0px #00063c !important;
  border-radius: 35px !important;
  padding: 3px !important;
}

:where(.ev-community) .sidebarHeader path,
:where(.ev-community) .headerAnnouncement path {
  stroke: inherit;
  fill: inherit;
}

:where(.ev-community) .download-banner-mobile {
  width: 100%;
  height: 10em;
  color: white;
  font-weight: bold;
  background-color: #00063c;
  padding: 0 1em 0;
  display: flex;
  flex-direction: row;
}

:where(.ev-community) .download-banner .left, :where(.ev-community) .download-banner-mobile .left {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-bottom: 0.5em;
}

:where(.ev-community) .download-banner .left {
  padding: 1.5em 2em;
  justify-content: space-around;
}

:where(.ev-community) .download-banner-mobile .left {
  padding: 10px;
}

:where(.ev-community) .download-banner .right, :where(.ev-community) .download-banner-mobile .right {
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
}

:where(.ev-community) .download-banner .right {
  justify-content: flex-end;
}

:where(.ev-community) .download-banner-mobile img {
  height: 10em;
  object-fit: scale-down;
}

:where(.ev-community) .download-banner-mobile p {
  font-size: 14px;
  line-height: 18px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  margin-bottom: 15px;
}


:where(.ev-community) .download-banner {
  display: none;
  width: 100%;
  background-color: #00063c;
  color: white;
  border-radius: 8px;
  margin: 3em 0;
}

:where(.ev-community) .download-banner p {
  margin: 0;
}

:where(.ev-community) .download-banner .banner-text {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
}

:where(.ev-community) .download-banner .banner-subtext {
  font-size: 14px;
  line-height: 18px;
  color: #a6adba;
  margin-bottom: 1.3em;
}

:where(.ev-community) .download-banner .download-links {
  display: flex;
  flex-direction: row;
}

:where(.ev-community) .download-banner .download-links img {
  height: 46px;
  object-fit: contain;
  margin-right: 1em;
}

:where(.ev-community) .download-banner .download-banner-mobile-phone {
  height: 218px;
  object-fit: contain;
  transform: scale(117%) translate(-22px, -7.4%);
}

:where(.ev-community) .banner-button {
  display: flex;
}

:where(.ev-community) .banner-button a {
  border-radius: 4px;
  background-color: #61ff8c;
  padding: 0.3em 0.8em;
  color: #00063c;
}

:where(.ev-community) .banner-button a:hover {
  text-decoration: none;
}

@media (min-width: 48em) {
  :where(.ev-community) .download-banner-mobile {
    display: none;
  }

  :where(.ev-community) .download-banner {
    display: flex;
  }
}

:where(.ev-community) .pills {
  width: fit-content;
  margin: auto;
  white-space: nowrap;
  border-radius: 9999px;
  background-color: rgb(237 242 245);
  padding: 0.5rem 1rem;
  color: rgb(89 94 125);
  transition-duration: .2s;
  border: 0;
}

:where(.ev-community) .pills:hover {
  text-decoration: underline;
}

:where(.ev-community) .flex {
  display: flex;
}

:where(.ev-community) .flex-row {
  flex-direction: row;
}

:where(.ev-community) .flex-col {
  flex-direction: column;
}

:where(.ev-community) .easyvalet-team {
  object-fit: contain;
  width: 14rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

:where(.ev-community) .gap-8 {
  gap: 8px;
}

:where(.ev-community) .ev-global-spinner-container {
  position: fixed;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}

:where(.ev-community) .ev-global-spinner-cog-frame {
  display: flex;
  position: absolute;
  inset: 0px;
  justify-content: center;
  align-items: center;
}

:where(.ev-community) .ev-global-spinner-cog-icon {
  color: #00063c;
}

:where(.ev-community) .ev-overflow-clip {
  overflow: clip;
}

:where(.ev-community) .esg-answer-details {
  font-size: 12px;
  line-height: 18px;
  color: #a6adba;
}

/*RADIO INPUT CUSTOMIZATION - END*/

/* MIFID Radio answer details */
:where(.ev-community) .esg-answer-details ul {
  padding-inline-start: 1rem;
}

:where(.ev-community) .mifid {
  overflow: hidden;
  overflow-y: auto;
}

:where(.ev-community) .mifid select {
  height: 44px;
}

:where(.ev-community) .underline {
  text-decoration: underline;
}

:where(.ev-community) .text-blue-3 {
  color: #a6adba;
}

:where(.ev-community) .text-sm {
  font-size: 12px;
  line-height: 18px;
}

:where(.ev-community) .mt-8 {
  margin-top: 2rem;
}

/* modal.css */

/*The element that opens the modal*/

:where(.ev-community) a.modal-link {
  cursor: pointer;
  text-decoration: none;
  margin: 0em auto !important;
  padding: 0em auto !important;
  color: #a6adba;
}

:where(.ev-community) a.modal-link:hover,
:where(.ev-community) a.modal-link:focus {
  text-decoration: underline;
}

/* The Modal (background) */

:where(.ev-community) .modal-background {
  display: block;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 5;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Fallback color */
  background-color: rgba(0, 6, 61, 0.3);
  /* Black w/ opacity */
  transition: padding 1s;
}

:where(.ev-community) .modal-wrapper {
  position: relative;
  width: 100%;
  height: 120%;
}

/* Modal Content */

:where(.ev-community) .modal-content {
  position: absolute;
  z-index: 6;
  background-color: white;
  margin: auto;
  padding: 1em 1em 1em 1em;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

:where(.ev-community) .modal-content > form > p {
  padding: 1em 0 !important;
  margin: 1em 0 !important;
  font-size: 16px;
  color: #00063c !important;
}

:where(.ev-community) .modal-content > form > input,
:where(.ev-community) .modal-content > form > textarea {
  color: #00063c;
}

/* The Close Button */

:where(.ev-community) .close {
  color: #a6adba !important;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 10px;
}

:where(.ev-community) .close:hover,
:where(.ev-community) .close:focus {
  color: #000 !important;
  background: none !important;
  text-decoration: none;
  cursor: pointer;
}

/* The calculus wait Modal (background) */

:where(.ev-community) .wait-modal {
  display: block;
  /* Hidden by default */
  position: fixed;
  /* Stay in place within containing div. Containing div must have a relative position */
  z-index: 5;
  /* Sit on top but not of menu*/
  right: 0;
  left: 0px;
  top: 0;
  /*width: 100%;  Full width otherwise left, right, etc. don't work */
  height: 100%;
  /* Full height */
  overflow: hidden;
  /* Enable scroll if needed */
  background-color: rgba(0, 6, 61, 0.3);
  opacity: 50%;
  /* Black w/ opacity */
}

/* #layout .wait-modal {
    left: 150px!important;
} */

/* Modal calculus wait Content */

:where(.ev-community) .wait-modal-content {
  /* background-color: white; */
  /*border: 2px solid #dbe3e5;*/
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  /*margin:1em;*/
  height: 100%;
  /* color: black; */
  color: #00063c;
  /*border-radius:5px;*/
  /*width: 100%;*/
  /*max-height:85vh;*/
  /*overflow:auto;*/
}

/* .wait-modal-content i {

    color: white;
} */

:where(.ev-community) .wait-modal-content-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 7;
}

:where(.ev-community) #access-modal input[type="text"],
:where(.ev-community) #access-modal input[type="tel"],
:where(.ev-community) #access-modal input[type="email"],
:where(.ev-community) #access-modal select {
  width: 100%;
}

:where(.ev-community) #access-modal input:invalid,
:where(.ev-community) #accountcreation-screen input:invalid {
  border-color: #d61f31 !important;
  color: #d61f31 !important;
}

:where(.ev-community) .access-modal-title {
  text-transform: none;
  letter-spacing: 0;
}

:where(.ev-community) #access-modal .access-modal-subtitle {
  margin-bottom: 1em;
}

:where(.ev-community) #access-modal .access-modal-bottom-text {
  color: #a6adba;
  padding-top: 0.5em;
  font-size: 90%;
}

/* ------------------------------------
 * TABLET as of iPad mini vertical - sm
 * ------------------------------------
*/

@media screen and (min-width: 35.5em) {
  /* The Modal (background) */
  :where(.ev-community) .modal {
    padding-top: 30px;
    /* Location of the box */
  }
  /* Modal Content */
  :where(.ev-community) .modal-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* border: 1px solid #a6adba; */
    /* border-radius:5px; */
    width: 80%;
    max-width: 600px;
  }
  :where(.ev-community) #access-modal .modal-content {
    max-width: 400px;
    padding: 2em;
    border-radius: 10px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  :where(.ev-community) #access-modal.ie10up {
    background-color: rgba(255, 255, 255, 0.95) !important;
    /*Replace the blurring effect*/
  }
}


/* ev-range.css */

:where(.ev-community) \3c style>
input[type=range].ev-range {
  -webkit-appearance: none;
  width: 100%;
  margin: 10.5px 0;
}
:where(.ev-community) input[type=range].ev-range:focus {
  outline: none;
}
:where(.ev-community) input[type=range].ev-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  box-shadow: 1px 1px 6.4px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
  background: rgba(187, 76, 169, 0.78);
  border-radius: 1.3px;
  border: 0.2px solid #00063c;
}
:where(.ev-community) input[type=range].ev-range::-webkit-slider-thumb {
  box-shadow: 0.9px 0.9px 1px #00063c, 0px 0px 0.9px #00063c;
  border: 1.8px solid rgba(0, 0, 163, 0.42);
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #70ffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10.7px;
}
:where(.ev-community) input[type=range].ev-range:focus::-webkit-slider-runnable-track {
  background: rgba(187, 76, 169, 0.78);
}
:where(.ev-community) input[type=range].ev-range::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  box-shadow: 1px 1px 6.4px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
  background: rgba(187, 76, 169, 0.78);
  border-radius: 1.3px;
  border: 0.2px solid #00063c;
}
:where(.ev-community) input[type=range].ev-range::-moz-range-thumb {
  box-shadow: 0.9px 0.9px 1px #00063c, 0px 0px 0.9px #00063c;
  border: 1.8px solid rgba(0, 0, 163, 0.42);
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #70ffff;
  cursor: pointer;
}
:where(.ev-community) input[type=range].ev-range::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
:where(.ev-community) input[type=range].ev-range::-ms-fill-lower {
  background: rgba(187, 76, 169, 0.78);
  border: 0.2px solid #00063c;
  border-radius: 2.6px;
  box-shadow: 1px 1px 6.4px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}
:where(.ev-community) input[type=range].ev-range::-ms-fill-upper {
  background: rgba(187, 76, 169, 0.78);
  border: 0.2px solid #00063c;
  border-radius: 2.6px;
  box-shadow: 1px 1px 6.4px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}
:where(.ev-community) input[type=range].ev-range::-ms-thumb {
  box-shadow: 0.9px 0.9px 1px #00063c, 0px 0px 0.9px #00063c;
  border: 1.8px solid rgba(0, 0, 163, 0.42);
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #70ffff;
  cursor: pointer;
  height: 5px;
}
:where(.ev-community) input[type=range].ev-range:focus::-ms-fill-lower {
  background: rgba(187, 76, 169, 0.78);
}
:where(.ev-community) input[type=range].ev-range:focus::-ms-fill-upper {
  background: rgba(187, 76, 169, 0.78);
}
:where(.ev-community) \3c /style>



body {
  /*background-color:white;
	font-size:16px;*/
}

:where(.ev-community) .error-modal-background {
  position: absolute;
  background-color: rgb(230, 230, 230);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

:where(.ev-community) .simulation-wrapper {
  /*background-color:white;
	font-size:16px;
	line-height:1.7em;*/
}

:where(.ev-community) .is-center {
  text-align: center;
}

:where(.ev-community) .is-right {
  text-align: right;
}

:where(.ev-community) .is-left {
  text-align: left;
}

:where(.ev-community) #portfolio-plan-second-controllers .l-box-field {
  padding: 0.25em 1em;
}

:where(.ev-community) #portfolio-plan-second-controllers .ev-sim-form {
  width: 100%;
  padding: 1em 0em;
  /*so input don't go beyond 100% in IE*/
}

:where(.ev-community) #portfolio-plan-second-controllers .controls-section .section-title label {
  font-weight: bold;
  color: #00063c;
  font-size: 120%;
}

:where(.ev-community) .controls-section:not(:first-of-type) {
  padding-top: 2em;
}

:where(.ev-community) .plan-dashboard-app {
  max-width: 1600px;
  margin: 0 auto;
}

:where(.ev-community) .l-box-full {
  padding: 0.5em 1em;
}

:where(.ev-community) .l-box-2-2 {
  padding: 1em;
}

:where(.ev-community) .l-box-2-1 {
  padding: 1em;
}

:where(.ev-community) .height-100 {
  height: 100%;
}

:where(.ev-community) .width-50 {
  width: 50%;
}

:where(.ev-community) .pointer {
  cursor: pointer;
}

:where(.ev-community) .projection-buttons {
  /*margin: 0 1em!important;*/
  border: none !important;
}

:where(.ev-community) .projection-next-button {
  width: 100% !important;
  text-align: center;
}

:where(.ev-community) .page-content-container {
  padding: 0.5em;
}

:where(.ev-community) .summary-container {
  border: none;
  margin: 0;
}

:where(.ev-community) .portfolio-page-detail-container {
  /*border:2px solid #dbe3e5;*/
  /*background-color:white;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:3em;*/
  position: relative;
}

:where(.ev-community) .menu-picklist-div {
  display: inline;
}

:where(.ev-community) .summary-portfolio-picklist-container {
  background-color: #1f8dd6;
  z-index: 9;
  height: 44px;
  position: fixed;
  top: 0;
  left: 0;
}

:where(.ev-community) .portfolio-picklist-label {
  display: none;
}

:where(.ev-community) .portfolio-picklist-div {
  padding-left: 50px;
  padding-right: 10px;
  position: relative;
}

:where(.ev-community) .portfolio-picklist-div:after {
  content: "▼";
  font-size: 10px;
  color: #1f8dd6;
  padding: 14px 12px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  width: 10%;
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
}

:where(.ev-community) .summary-portfolio-data-container {
  margin: 60px 0.5em 0.5em 0.5em;
  border: 1px solid #dbe3e5;
  background-color: white;
  padding: 0.5em;
}

:where(.ev-community) .summary-picklist {
  width: 100%;
  border-radius: 15px;
  margin-top: 8px;
  color: #21b381;
  border: 1px solid #dbe3e5;
  background: white;
  -webkit-border: 0px;
  outline: none;
  -webkit-outline: none;
  padding-left: 10px;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

:where(.ev-community) .summary-picklist::-ms-expand {
  display: none;
}

:where(.ev-community) .invisible-select {
  color: #00063c;
  font-size: inherit !important;
  text-decoration: underline;
  width: auto !important;
  border: none !important;
  line-height: inherit !important;
  margin-bottom: 0em !important;
  height: 1.95em !important;
  padding: 0px !important;
  padding-bottom: 0.1em !important;
  outline: none;
  box-shadow: none !important;
}

:where(.ev-community) .invisible-select + span {
  color: #1f8dd6;
}

/*PORTFOLIO PLAN MENU*/

:where(.ev-community) .portfolio-menu {
  position: fixed;
  left: 0;
  padding-left: 0.5em;
  width: 100%;
  bottom: 0;
  font-size: 60%;
  color: #a6adba;
  border-top: 1px solid #dbe3e5;
  background-color: white;
  padding-top: 0.5em;
  z-index: 2;
}

:where(.ev-community) .portfolio-menu i {
  display: block;
  font-size: 200%;
  color: #a6adba;
}

:where(.ev-community) .portfolio-menu .active,
:where(.ev-community) .portfolio-menu .active i,
:where(.ev-community) .portfolio-menu-item:hover,
:where(.ev-community) .portfolio-menu-item i:hover {
  color: #1f8dd6;
}

:where(.ev-community) .portfolio-menu-item {
  cursor: pointer;
}

/*PORTFOLIO SIMULATION PROGRESS MENU and BUTTONS*/

:where(.ev-community) .portfolio-simulation-menu {
  margin-top: 2em;
}

:where(.ev-community) .portfolio-simulation-menu-item {
  /*border-bottom: 3px solid #dbe3e5;*/
  color: #dbe3e5;
  font-weight: bold;
  font-size: 75%;
}

:where(.ev-community) .portfolio-simulation-menu-item.active {
  /*border-bottom: 3px solid #1f8dd6;*/
  color: #1f8dd6;
}

:where(.ev-community) #portfolio-simulation-menu-buttons {
  /*border-top:1px solid #dbe3e5;*/
  text-align: center;
}

:where(.ev-community) #portfolio-simulation-menu-buttons .buttons {
  /*margin:1em auto;*/
}

:where(.ev-community) #portfolio-simulation-menu-buttons .buttons .next,
:where(.ev-community) #portfolio-simulation-menu-buttons .buttons .previous {
  margin: 0 0.5em;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 0.75em 1.5em;
  margin: 0 auto;
  display: inline-block;
  /*font-weight:bold;*/
}

:where(.ev-community) #create-account-button {
}

:where(.ev-community) #portfolio-simulation-menu-buttons .buttons .previous {
  color: #a6adba;
  /*font-weight:bold;*/
  float: left;
  padding-left: 0;
}

:where(.ev-community) #portfolio-simulation-menu-buttons .buttons .previous {
  cursor: pointer;
  color: #595e7d;
}

:where(.ev-community) #portfolio-simulation-menu-buttons .buttons .previous:hover:not(i) {
  text-decoration: underline;
}

:where(.ev-community) #portfolio-simulation-menu-buttons .buttons .previous i {
  display: inline-block;
  margin-right: 7px;
}

:where(.ev-community) #portfolio-simulation-menu-buttons .buttons .next {
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  /* font-size: 120%; */
  border-radius: 4px;
  cursor: pointer;
  padding: 0.75em 1.5em;
  text-decoration: none;
  box-shadow: -4px 4px #00063c;
  font-weight: bold;
  max-width: 350px;
  margin: 0 auto;
}

:where(.ev-community) #portfolio-simulation-menu-buttons .buttons .next.active {
  background: #61ff8c;
  border: 2px solid #00063c;
}

/* #portfolio-simulation-menu-buttons .buttons .next.active:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(transparent),
    color-stop(40%, rgba(0, 0, 0, 0.05)),
    to(rgba(0, 0, 0, 0.1))
  );
  background-image: -webkit-linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.05) 0,
    rgba(0, 0, 0, 0.1)
  );
  background-image: -o-linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
} */

/*----------------------------------------------*/

:where(.ev-community) #portfolio-plan-summary,
:where(.ev-community) #plan-actions-summary {
  font-size: 100%;
  text-align: justify;
}

:where(.ev-community) .light-red-background {
  background-color: #f8d1d5;
}

:where(.ev-community) .light-yellow-background {
  background-color: #f8f4d1;
}

:where(.ev-community) .light-green-background {
  background-color: #d6fce3;
}

:where(.ev-community) .red-background {
  background-color: #d61f31;
  color: white;
}

:where(.ev-community) .yellow-background {
}

:where(.ev-community) .orange-background {
  background-color: #d6681f;
  color: white;
}

:where(.ev-community) .green-background {
  background-color: #00db71;
  color: white;
}

:where(.ev-community) input[type="range"] {
  width: 100%;
}

:where(.ev-community) .ev-c-select {
  width: 100%;
  /*padding:4px; Same height as text input*/
}

:where(.ev-community) #chart-selector {
  padding: 0.5em;
}

:where(.ev-community) #plan-dashboard .fa-info-circle,
:where(.ev-community) #plan-dashboard .fa-question-circle-o,
:where(.ev-community) #plan-dashboard .fa-question-circle,
:where(.ev-community) #projection-charts .fa-info-circle,
:where(.ev-community) #projection-charts .fa-question-circle-o,
:where(.ev-community) #projection-charts .fa-question-circle,
:where(.ev-community) #plan-actions-results .fa-info-circle,
:where(.ev-community) #plan-actions-results .fa-question-circle-o {
  font-size: 100%;
  color: #a6adba;
  /*float:right;*/
  margin-left: 7px;
  cursor: pointer;
}

:where(.ev-community) #plan-dashboard .fa-info-circle:hover,
:where(.ev-community) #plan-dashboard .fa-question-circle-o:hover,
:where(.ev-community) #projection-charts .fa-info-circle:hover,
:where(.ev-community) #projection-charts .fa-question-circle-o:hover,
:where(.ev-community) #plan-actions-results .fa-info-circle:hover,
:where(.ev-community) #plan-actions-results .fa-question-circle-o:hover {
  color: #1f8dd6;
}

:where(.ev-community) .fa-grip-vertical {
  color: #a6adba;
  cursor: move;
}

:where(.ev-community) .plan-icons i {
  margin-right: 7px;
}

:where(.ev-community) #auto-deposit-div:hover {
  color: white;
  border-color: #1f8dd6;
  background: #1f8dd6;
}

:where(.ev-community) #plan-dashboard .info,
:where(.ev-community) #projection-charts .info,
:where(.ev-community) #plan-actions-results .info {
  font-size: 100%;
  /*margin:.5em 0 3em 0;*/
  display: none;
  /*Default*/
  color: #a6adba;
}

:where(.ev-community) #plan-dashboard #ws {
  font-size: 100%;
}

:where(.ev-community) #auto-deposit-div {
  font-size: 75%;
  float: right;
  display: inline-block;
  color: #1f8dd6;
  border: 1px solid;
  padding: 0 0.5em;
  cursor: pointer;
  margin-left: 0.5em;
  border-radius: 10px;
}

:where(.ev-community) .rounded-horizontal-menu-box {
  padding: 0 1em;
}

:where(.ev-community) .rounded-horizontal-menu > div {
  border: 1px solid #dbe3e5;
  cursor: pointer;
  font-size: 60%;
  padding: 0.5em 0;
}

:where(.ev-community) .rounded-horizontal-menu > .active,
:where(.ev-community) .rounded-horizontal-menu > div:hover {
  background-color: #f6fafc;
}

:where(.ev-community) .rounded-horizontal-menu > div:nth-child(1) {
  border-radius: 2em 0 0 2em;
  margin: 0 0 0 -2px;
}

:where(.ev-community) .rounded-horizontal-menu > div:nth-child(2) {
  border-left: none;
  border-right: none;
}

:where(.ev-community) .rounded-horizontal-menu > div:nth-child(3) {
  border-radius: 0 2em 2em 0;
  margin: 0 -2px 0 0;
}

:where(.ev-community) #plan-dashboard label,
:where(.ev-community) #projection-charts label,
:where(.ev-community) #plan-actions-results label,
:where(.ev-community) .warning-label label {
  font-size: 100%;
  display: inline;
}

:where(.ev-community) #plan-dashboard input[type="text"],
:where(.ev-community) #plan-dashboard input[type="tel"],
:where(.ev-community) #plan-dashboard select,
:where(.ev-community) #plan-actions-results input[type="text"],
:where(.ev-community) #plan-actions-results input[type="tel"],
:where(.ev-community) #plan-actions-results select,
:where(.ev-community) #portfolio-plan-charts input[type="text"],
:where(.ev-community) #portfolio-plan-charts input[type="tel"] {
  /*border:none;
	border-bottom:1px solid #dbe3e5;
	outline: none;
	appearance:none;
	-webkit-appearance:none;
    color: #1f8dd6;*/
  font-size: 16px;
  width: 100%;
  margin-bottom: 0;
  display: block;
  /*IE input don't go outside box*/
}

:where(.ev-community) #plan-dashboard input[type="text"]:read-only,
:where(.ev-community) #plan-dashboard input[type="tel"]:read-only,
:where(.ev-community) #plan-actions-results input[type="text"]:read-only,
:where(.ev-community) #plan-actions-results input[type="tel"]:read-only {
  color: #595e7d;
}

:where(.ev-community) #plan-dashboard select,
:where(.ev-community) #plan-actions-results select {
  padding: 1px 0px 1px 0px;
  line-height: 14px;
}

:where(.ev-community) #plan-dashboard input[type="checkbox"] + label,
:where(.ev-community) #plan-actions-results input[type="checkbox"] + label {
  display: inline;
  position: relative;
  bottom: 4px;
}

:where(.ev-community) .grey-box {
  background-color: #f6fafc;
  margin-top: 0.5em;
  padding: 0.5em;
}

:where(.ev-community) .plan-recommandation-button-div {
  height: 0em;
  /*reduce gap*/
}

:where(.ev-community) .fa-chevron-up {
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

:where(.ev-community) .fa-chevron-up.reco-down {
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

:where(.ev-community) .cn {
  position: relative;
  width: 100%;
  height: 100%;
}

:where(.ev-community) .inner {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

:where(.ev-community) .inner-100 {
  width: 100%;
}

:where(.ev-community) .inner-basic {
  position: absolute;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  top: 50px;
  left: 0%;
  width: 100%;
  padding: 1em;
  /*slight space on mobile with screen border*/
}

:where(.ev-community) .portfolio-plan-status {
  border: 1px solid #dbe3e5;
  padding: 0.75em 2em;
  border-radius: 2em;
}

:where(.ev-community) .plan-buttons-div {
  padding: 1.5em 1em 1em 1em;
}

:where(.ev-community) .plan-parameters-gear,
:where(.ev-community) .plan-autodeposit,
:where(.ev-community) .plan-save {
  color: #dbe3e5;
  cursor: pointer;
}

:where(.ev-community) .plan-parameters-gear:hover,
:where(.ev-community) .plan-autodeposit:hover,
:where(.ev-community) .plan-save:hover {
  color: #1f8dd6;
}

:where(.ev-community) .plan-recommandation label {
  cursor: pointer;
}

/*RECOMMANDATION*/

:where(.ev-community) .recommandation-value {
  cursor: pointer;
  font-size: 100%;
  /*color:#00db71;*/
  /*text-decoration:underline;*/
}

:where(.ev-community) .plan-recommandation:hover {
  text-decoration: underline;
}

:where(.ev-community) .plan-recommandation {
  font-size: 75%;
  color: #a6adba;
}

/*WARNINGS*/

:where(.ev-community) .warning-label {
  font-size: 75%;
  text-align: right;
  color: #d61f31;
  cursor: pointer;
}

:where(.ev-community) .warning-label label {
  cursor: inherit;
}

:where(.ev-community) .warning-label:hover {
  color: #1f8dd6;
}

:where(.ev-community) .warning-label,
:where(.ev-community) .warning-details {
  display: none;
  /*default*/
}

:where(.ev-community) .warning-details {
  border-radius: 4px;
  margin: 0.5em 0 0.5em 0;
  background-color: rgb(214, 31, 49);
  padding: 1em;
  color: white;
}

:where(.ev-community) .warning-buttons {
  margin-top: 1em;
}

:where(.ev-community) .warning-button {
  background: #1f8dd6;
  border: 1px solid #1f8dd6;
  color: white;
  border-radius: 5px;
  padding: 0.5em;
  display: inline-block;
  /*font-weight: bold;*/
}

:where(.ev-community) .warning-link {
  display: inline-block;
  color: white;
  padding: 0.5em;
  font-size: 90%;
}

:where(.ev-community) .warning-button:hover,
:where(.ev-community) .warning-link:hover {
  cursor: pointer;
}

:where(.ev-community) .warning-link:hover {
  color: #1f8dd6;
}

:where(.ev-community) .question-warning {
  color: #ff0062;
}

:where(.ev-community) .personal-data-skip-link {
  text-align: right;
  margin-top: 2px;
  color: #dbe3e5;
  cursor: pointer;
}

:where(.ev-community) .personal-data-skip-link:hover {
  color: #1f8dd6;
}

:where(.ev-community) .personal-data-content {
  width: 98.5%;
  margin: 0.75%;
}
/*input radio - start*/

:where(.ev-community) input[type="radio"] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  /* width: 100%!important; */
  margin-bottom: 0 !important;
}

:where(.ev-community) input[type="radio"]:focus {
  outline: none !important;
}

:where(.ev-community) input[type="radio"] + label {
  position: relative;
  display: block;
  cursor: pointer;
  padding-left: 1.6em;
  line-height: 2em;
  margin: 0 !important;
}

:where(.ev-community) input[type="radio"] + label:before,
:where(.ev-community) input[type="radio"] + label:after {
  display: inline-block;
  border-radius: 100%;
  position: absolute;
  left: 0;
  /* Tailwind Preflight forces border-box on ::before/::after; these em-based ring/dot
     positions were tuned for content-box, so restore it to keep the dot centred. */
  box-sizing: content-box;
}

:where(.ev-community) input[type="radio"] + label:before {
  border: 1px solid #e5ebed;
  content: "";
  top: 0.3em;
  height: 1em;
  width: 1em;
}

:where(.ev-community) input[type="radio"]:checked + label:before {
  border-color: #00063c;
}

:where(.ev-community) input[type="radio"]:checked + label:after {
  content: "";
}

:where(.ev-community) input[type="radio"] + label:after {
  content: none;
  /* Centre the dot on the ring's centre (ring: top 0.3em, 1em + 2*1px border). */
  top: calc(0.8em + 1px);
  left: calc(0.5em + 1px);
  transform: translate(-50%, -50%);
  background-color: #00063c;
  height: 0.5em;
  width: 0.5em;
}

/*input radio - end*/

:where(.ev-community) .response-description {
  border-left: 3px solid #e5ebed;
  padding-left: 1.3em;
  color: #a6adba;
}

:where(.ev-community) #ws0_auth_div {
  text-align: right;
  color: #d61f31;
}

:where(.ev-community) #ws0_auth_div:hover {
  color: #1f8dd6;
}

:where(.ev-community) #ws0_auth_div,
:where(.ev-community) #ws0_auth_info {
  display: none;
  /*default*/
}

:where(.ev-community) #ws0_auth_info {
  margin: 0.5em 0 3em 0;
  background-color: rgb(214, 31, 49);
  padding: 1em;
  color: white;
}

:where(.ev-community) #ws0_auth_info_label {
  margin-bottom: 1em;
}

:where(.ev-community) #ws0_auth_info_accept {
  background: #1f8dd6;
  border: 1px solid #1f8dd6;
  color: white;
  border-radius: 5px;
  padding: 0.5em;
  display: inline-block;
  /*font-weight: bold;*/
}

:where(.ev-community) #ws0_auth_info_refuse {
  display: inline-block;
  padding: 0.5em;
  font-size: 90%;
}

:where(.ev-community) #ws0_auth_info_accept:hover,
:where(.ev-community) #ws0_auth_info_refuse:hover {
  cursor: pointer;
}

:where(.ev-community) #ws0_auth_info_refuse:hover {
  color: #1f8dd6;
}

:where(.ev-community) .allocation-slider-box {
  padding: 0.75em 0;
}

:where(.ev-community) .legend-circle {
  width: 20px;
  height: 3px;
  margin-bottom: 3px;
  /*-webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;*/
  background: #dbe3e5;
  display: inline-block;
}

:where(.ev-community) .blue-background {
  background: #1f8dd6;
}

:where(.ev-community) .grey-background {
  background: #a6adba;
}

:where(.ev-community) .green-bakground {
  background: #00db71;
}

:where(.ev-community) .ev-sim-form .control-group {
  margin-bottom: 1em;
}

:where(.ev-community) .ev-sim-form legend {
  border-bottom: 1px solid #dbe3e5;
  margin: 2em 0 1em 0;
  width: 100%;
  text-transform: uppercase;
}

:where(.ev-community) .ev-sim-form input,
:where(.ev-community) .ev-sim-form select {
  border: none;
  border-bottom: 1px solid #dbe3e5;
  outline: none;
  text-align: center;
  color: #1f8dd6;
}

:where(.ev-community) .ev-sim-form input {
  width: 85px;
  /*Default*/
}

:where(.ev-community) .ev-sim-form input.percent,
:where(.ev-community) .ev-sim-form input.percent1d,
:where(.ev-community) .ev-sim-form input.percent-1-50 {
  width: 40px;
}

:where(.ev-community) .ev-sim-form input.date {
  width: 130px;
}

:where(.ev-community) .ev-sim-form input.age {
  width: 30px;
}

:where(.ev-community) .ev-sim-form input[type="checkbox"] {
  width: auto;
}

:where(.ev-community) .ev-sim-form i {
  margin-right: 10px;
  color: #1f8dd6;
}

:where(.ev-community) .grey-background {
  background: #dbe3e5;
}

:where(.ev-community) #parameters-container .partner {
  display: none;
}

:where(.ev-community) .progress-bar {
  height: 3px;
  background: #dbe3e5;
}

:where(.ev-community) .inner-bar {
  height: 100%;
  background: #1f8dd6;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  width: 0%;
  /*Default*/
}

:where(.ev-community) .questions-holder {
  /*max-width:1024px;*/
  /*height:90vh;*/
  /*border:1px solid #dbe3e5;*/
  /*text-align:center;
	margin:0 auto;
	padding:1em 0em 1em 0em;
	background:white;*/
}

:where(.ev-community) .questionnaire-buttons .buttons .next {
  float: right;
  margin: 1em 0;
}

:where(.ev-community) .questionnaire-buttons {
  padding-top: 1em;
}

:where(.ev-community) .questionnaire-buttons-mobile {
  display: flex;
  flex-direction: row;
  text-align: center;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-weight: bold;
  z-index: 10;
}

:where(.ev-community) .questionnaire-buttons-mobile-previous {
  background-color: #dbe3e5;
  flex-grow: 1;
  padding: 0.75em 1.5em;
}

:where(.ev-community) .questionnaire-buttons-mobile-continue {
  background-color: #61ff8c;
  flex-grow: 1;
  font-weight: bold;
  padding: 0.75em 1.5em;
}

:where(.ev-community) .questionnaire-buttons-mobile-continue.active {
  background-color: #61ff8c;
}

:where(.ev-community) #plan-questionnaire input[type="text"],
:where(.ev-community) #plan-questionnaire select {
  /*border:none;
	border-bottom:1px solid #dbe3e5;
	outline: none;
    color: #1f8dd6;
	font-size:20px;
	margin: .25em auto;
	border-width:1px;*/
  box-shadow: none;
}

/* Inherit the surrounding font size like prod did (pure normalize font:inherit),
   overriding @tailwindcss/forms which forces font-size:1rem on all inputs. */
:where(.ev-community) #plan-questionnaire input,
:where(.ev-community) #plan-questionnaire select,
:where(.ev-community) #plan-questionnaire textarea {
  font-size: inherit;
  line-height: inherit;
}

:where(.ev-community) #plan-questionnaire .invalid-input {
  border-color: #ff0062 !important;
  color: #ff0062 !important;
}

:where(.ev-community) #plan-questionnaire {
  /*font-size:16px;*/
}

:where(.ev-community) #plan-questionnaire input[type="text"] {
  /*text-align:right;*/
}

:where(.ev-community) #plan-questionnaire .buttons {
  border-top: 3px solid #dbe3e5;
  text-align: center;
  padding: 1em;
  /*font-weight:bold;*/
}

:where(.ev-community) #plan-questionnaire .buttons .next,
:where(.ev-community) #plan-questionnaire .buttons .previous {
  margin: 0 0.5em;
  border: 1px solid;
  border-radius: 3px;
  margin: 0 auto;
  display: inline-block;
}

:where(.ev-community) #plan-questionnaire .buttons .previous {
  color: #dbe3e5;
  display: none;
  /*default*/
}

:where(.ev-community) #plan-questionnaire .buttons .previous i {
  margin-right: 7px;
  display: inline;
}

:where(.ev-community) #plan-questionnaire .buttons .previous:hover {
  cursor: pointer;
  color: #61ff8c;
}

:where(.ev-community) #plan-questionnaire .buttons .next {
  background: #dbe3e5;
  border-color: #dbe3e5 !important;
  color: white;
}

:where(.ev-community) #plan-questionnaire .buttons .next.active {
  background: #00db71;
  border: 1px solid #00db71 !important;
}

:where(.ev-community) #plan-questionnaire .buttons .next.active:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(transparent),
    color-stop(40%, rgba(0, 0, 0, 0.05)),
    to(rgba(0, 0, 0, 0.1))
  );
  background-image: -webkit-linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.05) 0,
    rgba(0, 0, 0, 0.1)
  );
  background-image: -o-linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
}

:where(.ev-community) .question {
  display: none;
  /*default*/
}

:where(.ev-community) #plan-questionnaire .partner {
  display: none;
  /*Default*/
}

:where(.ev-community) #plan-questionnaire .radio-list {
  text-align: left;
  margin-left: 0.5em;
}

:where(.ev-community) #plan-questionnaire .age,
:where(.ev-community) #plan-questionnaire .years {
  width: 160px;
}

:where(.ev-community) #plan-questionnaire .euro,
:where(.ev-community) #plan-questionnaire .euroPosPerMonth {
  width: 160px;
}

:where(.ev-community) #plan-questionnaire .zip {
  width: 100px;
}

:where(.ev-community) .max-582 {
  max-width: 582px;
  margin: 0 auto;
}

:where(.ev-community) #plan-questionnaire .title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.1em;
  text-transform: initial;
  letter-spacing: initial;
  margin: 0 0 0 0;
}

:where(.ev-community) #plan-questionnaire .info {
  color: #a6adba;
  display: block;
  /*font-size:10px;
	line-height:1em;*/
}

:where(.ev-community) .questionnaire-2-col input {
  margin: 0.25em auto !important;
}

:where(.ev-community) .lg-margin-bottom {
  margin-bottom: 3em;
}

:where(.ev-community) .ev-stacked-form {
  text-align: left;
  width: 300px;
  margin: 0 auto;
}

:where(.ev-community) .ev-stacked-form label,
:where(.ev-community) .ev-stacked-form input {
  display: block;
  width: 100%;
}

:where(.ev-community) .ev-stacked-form label {
  margin: 1em 0 0.25em 0;
}

:where(.ev-community) .ev-stacked-form input {
  margin: 0.25em 0 0.5em 0;
}

:where(.ev-community) .ev-stacked-form input[type="text"] {
  text-align: left !important;
}

:where(.ev-community) .hidden-select {
  visibility: hidden !important;
  display: none !important;
}

:where(.ev-community) #portfolio-charts {
  overflow-x: hidden;
  /* Avoid horizontal scrolling on d3 chart section at load */
}

:where(.ev-community) #portfolio-charts label {
  /*font-size:9px;*/
  /*To display on one line*/
}

:where(.ev-community) .portfolio-charts-l-box {
  padding: 0em 1em;
}

:where(.ev-community) #composition-container {
  height: 100%;
}

:where(.ev-community) .plan-highlight {
  background-color: #e5ebed;
  /*border:1px solid #dbe3e5;*/
  height: 100%;
  /*to align div on max available*/
}

:where(.ev-community) .plan-highlight .invisible-select {
  background-color: #e5ebed;
}

:where(.ev-community) .plan-highlight-chart {
  margin-top: -1px;
  /*to align with tabs*/
  background-color: white;
  border: 1px solid #dbe3e5;
  height: 100%;
  /*to align div on max available*/
}

:where(.ev-community) .reset-plan-highlight {
  /*Used in jquery to parameter other display properties*/
  /*background-color:#f6fafc!important;*/
  border: none !important;
}

:where(.ev-community) .main-input-container {
  position: relative;
}

:where(.ev-community) .main-input-container .error {
  color: #d61f31;
}

:where(.ev-community) .main-input-container .success {
  color: #00db71;
}

:where(.ev-community) .simulation-lead-form .isError {
  color: #d61f31;
  border-color: #d61f31 !important;
}

:where(.ev-community) .in-input {
  position: absolute;
  width: auto;
  bottom: 0.5em;
  right: 1em;
}

:where(.ev-community) .l-box-2-2 {
  padding: 1em;
}

:where(.ev-community) .l-box-2-1 {
  padding: 1em;
}

/*PLAN ICONS*/

:where(.ev-community) .chart-menu {
  border-bottom: 1px solid #dbe3e5;
}

:where(.ev-community) .chart-menu > div > div {
  background: white;
  padding: 1em 0;
}

:where(.ev-community) .chart-menu > div.active > div {
  border-bottom: 2px solid #00063c;
  background: white;
  color: #00063c;
  font-weight: bold;
}

:where(.ev-community) .chart-menu label {
  /*font-size:80%;*/
}

:where(.ev-community) .chart-menu label,
:where(.ev-community) .chart-menu i {
  cursor: pointer;
}

:where(.ev-community) .chart-menu i {
  /*font-size:150%;*/
}

:where(.ev-community) .chart-menu .active label,
:where(.ev-community) .chart-menu .active i {
  /*color:#1f8dd6;*/
}

:where(.ev-community) .portfolio-structuration label {
  display: inline;
}

:where(.ev-community) .portfolio-structuration-product {
  border-bottom: 1px solid #dbe3e5;
  border-top: 1px solid #dbe3e5;
  margin-top: -1px;
  /*so line stays thin when 2 blocks follow each other*/
}

:where(.ev-community) .portfolio-structuration-product.on {
  background-color: #e5ebed;
}

:where(.ev-community) div[id*="-icon"] {
  color: #a6adba;
}

:where(.ev-community) div[id*="-icon"]:hover > i,
:where(.ev-community) div[id*="-icon"]:hover > label {
  color: #1f8dd6 !important;
  cursor: pointer;
}

/*PORTFOLIO COMPOSITION ASSET EXPLORER*/

:where(.ev-community) #portfolio-composition .allocation {
  text-align: right;
}

:where(.ev-community) #portfolio-composition .allocation span {
  padding-right: 5px;
}

:where(.ev-community) .asset {
  text-align: left;
}

:where(.ev-community) .level2 {
  display: none;
  /*border-top: 2px solid #dbe3e5;*/
  /*border-bottom: 2px solid #dbe3e5;*/
}

:where(.ev-community) .level1 {
  margin: 0;
}

:where(.ev-community) .level1 dt {
  /*margin-top:1em;*/
  padding: 10px 5px 10px 5px;
  border-left: 5px solid #dbe3e5;
}

:where(.ev-community) .level1 > dt > div > div:hover {
  cursor: pointer;
}

:where(.ev-community) .level2 dt {
  margin-top: 1em;
}

:where(.ev-community) .asset-classification {
  color: #a6adba;
  cursor: pointer;
  margin-top: 1em;
  font-size: 75%;
  text-align: center;
  /*border-bottom:1px solid #dbe3e5;*/
}

:where(.ev-community) .asset-classification.active-tab {
  /*background-color:#f6fafc;*/
  border-bottom: 2px solid #dbe3e5;
}

:where(.ev-community) .bar {
  display: none;
}

:where(.ev-community) .bar div {
  height: 100%;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
}

:where(.ev-community) .level2 dl {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  /*background-color: #f6fafc;*/
  /*padding: 0 1em;*/
  color: #a6adba;
}

:where(.ev-community) .level2 dt {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0;
  border-left: none;
}

:where(.ev-community) #stock {
  border-left-color: #1f8dd6;
  background-color: #e0eef8;
}

:where(.ev-community) #bond {
  border-left-color: #00db71;
  background-color: #d6fce3;
}

:where(.ev-community) #cash {
  border-left-color: #21b381;
  background-color: #e9f8d1;
}

/*PROJECTION ACCESS MODAL*/

:where(.ev-community) .accessModalIsOpen #projection-screen,
:where(.ev-community) .accessModalIsOpen #portfolio-simulation-menu-buttons {
  -webkit-filter: blur(5px) grayscale(0%);
  -moz-filter: blur(5px) grayscale(0%);
  -o-filter: blur(5px) grayscale(0%);
  -ms-filter: blur(5px) grayscale(0%);
  filter: blur(5px) grayscale(0%);
}

:where(.ev-community) .modal-basic {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

:where(.ev-community) .modal-content-basic {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}

:where(.ev-community) .modal-content-white {
  background: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 1em;
}

:where(.ev-community) #grant-access-to-projection-button.inactive,
:where(.ev-community) #create-account-button.inactive {
  background: #dbe3e5;
  cursor: initial;
}

:where(.ev-community) #grant-access-to-projection-button {
  padding: 1em;
}

/*RADIO INPUT CUSTOMIZATION - START*/

/* The container */

:where(.ev-community) .radio-container {
  display: block;
  position: relative;
  padding-left: 1.75em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */

:where(.ev-community) .radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */

:where(.ev-community) .radio-container .checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  height: 13px;
  width: 13px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #dbe3e5;
}

/* On mouse-over, add a grey background color */

:where(.ev-community) .radio-container:hover input ~ .checkmark {
  background-color: #a6adba;
}

/* When the radio button is checked, add a blue background */

:where(.ev-community) .radio-container input:checked ~ .checkmark {
  background-color: white;
  border: 1px solid #00063c;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

:where(.ev-community) .radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */

:where(.ev-community) .radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */

:where(.ev-community) .radio-container .checkmark:after {
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #61ff8c;
}

/*RADIO INPUT CUSTOMIZATION - END*/

/*CHECKBOX INPUT CUSTOMIZATION - START*/

/* The container */

:where(.ev-community) .checkbox-container {
  display: block;
  position: relative;
  padding-left: 1.75em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox button */

:where(.ev-community) .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox button */

:where(.ev-community) .checkbox-container .checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  height: 13px;
  width: 13px;
  background-color: white;
  border: 1px solid #dbe3e5;
}

/* On mouse-over, add a grey background color */

:where(.ev-community) .checkbox-container:hover input ~ .checkmark {
  background-color: #d1e9f8;
  border: 1px solid #d1e9f8;
}

/* When the checkbox button is checked, add a blue border */

:where(.ev-community) .checkbox-container input:checked ~ .checkmark {
  background-color: white;
  border: 1px solid #2196f3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

:where(.ev-community) .checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

:where(.ev-community) .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */

:where(.ev-community) .checkbox-container .checkmark:after {
  top: 0px;
  left: 3px;
  width: 3px;
  height: 6px;
  border: solid #2196f3;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*CHECKBOX INPUT CUSTOMIZATION - END*/

/*REACT SIMULATION MODAL WITH ASSUMPTIONS*/

:where(.ev-community) .modal-form .label-section {
  display: block;
}

:where(.ev-community) .modal-form label {
  display: inline;
}

:where(.ev-community) .modal-form input,
:where(.ev-community) .modal-form select {
  display: inline-block !important;
  width: 100%;
}

:where(.ev-community) .modal-form i {
  display: inline-block;
}

:where(.ev-community) .modal-form i {
  margin-left: 7px;
  color: #a6adba;
  vertical-align: super;
}

:where(.ev-community) .modal-form .info {
  color: #a6adba;
}

:where(.ev-community) .modal-form h3 {
  text-transform: uppercase;
}

/*CHARTS STYLES*/

:where(.ev-community) text {
  fill: #dbe3e5;
}

:where(.ev-community) .line {
  stroke-width: 2px;
  fill: none;
}

:where(.ev-community) .x.axis line,
:where(.ev-community) .y.axis .tick line {
  fill: none;
  stroke-width: 1;
  stroke: white;
}

:where(.ev-community) #gliding-area-chart-output .tooltips-line {
  stroke: white !important;
}

:where(.ev-community) #gliding-area-chart-container .y.axis text {
  fill: white !important;
}

:where(.ev-community) .x.axis .tick line {
  fill: none;
  stroke: none;
}

:where(.ev-community) .y.axis path {
  /*remove the first and last ticks as well*/
  stroke: none;
  fill: none;
}

:where(.ev-community) .x.axis path {
  stroke: #dbe3e5;
  fill: none;
  stroke-width: 1;
}

:where(.ev-community) #portfolio-plan-charts .downside,
:where(.ev-community) #portfolio-plan-charts .allocation {
  /*display:none; Default hidden*/
}

:where(.ev-community) #average-tooltip,
:where(.ev-community) #poor-tooltip,
:where(.ev-community) #stockallocation-tooltip {
  padding-left: 24px;
}

/*ACTIONS*/

:where(.ev-community) .action-holder-header {
  background: #f6fafc;
  color: #a6adba;
}

:where(.ev-community) .action-holder-header > div {
  padding: 1em 1em 0em 1em;
}

:where(.ev-community) #plan-actions-results i {
  cursor: pointer;
}

:where(.ev-community) #plan-actions-results .fa-pencil-square-o,
:where(.ev-community) #plan-actions-results .fa-pencil,
:where(.ev-community) #plan-actions-results .fa-floppy-o {
  color: #a6adba;
  font-size: 120%;
}

:where(.ev-community) #plan-actions-results .fa-pencil-square-o:hover,
:where(.ev-community) #plan-actions-results .fa-pencil:hover,
:where(.ev-community) #plan-actions-results .fa-floppy-o:hover {
  color: #61ff8c;
}

:where(.ev-community) .btn-toggle {
  background-color: #e5ebed;
  border: none;
  color: #a6adba;
  padding: 0.5em 2em;
  outline: none;
}

:where(.ev-community) .btn-toggle-left {
  border-radius: 2em 0 0 2em;
}

:where(.ev-community) .btn-toggle-right {
  border-radius: 0 2em 2em 0;
}

:where(.ev-community) .btn-toggle-right.on,
:where(.ev-community) .btn-toggle-left.on {
  background-color: #61ff8c;
  color: #00063c;
}

:where(.ev-community) #plan-actions-results .fa-toggle-on {
  color: #61ff8c;
  font-size: 200%;
}

:where(.ev-community) #plan-actions-results .fa-toggle-off {
  color: #a6adba;
  font-size: 200%;
}

:where(.ev-community) .action-portfolio {
  padding: 0.25em 1em;
  /*fit in one screen without scrolling*/
  border-bottom: 1px solid #f6fafc;
}

:where(.ev-community) .action-portfolio .plan-recommandation,
:where(.ev-community) .action-portfolio .fa-toggle-off,
:where(.ev-community) .action-portfolio .fa-floppy-o {
  display: none;
  /*default*/
}

:where(.ev-community) .action-portfolio-description {
  background: #f6fafc;
  font-size: 75%;
  padding: 0 1em 1.5em 1em;
  color: #a6adba;
  display: none;
  /*Default*/
}

:where(.ev-community) #projection-screen {
  padding-bottom: 1em;
  border-bottom: 1px solid #dbe3e5;
}

/*ACCOUNT CREATION*/

:where(.ev-community) #accountcreation-screen {
  /*font-size:16px;*/
}

@media screen and (min-width: 35.5em) {
  :where(.ev-community) .l-box-2-2 {
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  :where(.ev-community) .l-box-2-1 {
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  :where(.ev-community) #plan-questionnaire .title {
    font-size: 32px;
    font-weight: normal;
  }
  :where(.ev-community) #plan-questionnaire .info {
    font-size: 100%;
  }
}

@media screen and (min-width: 48em) {
  :where(.ev-community) #portfolio-plan-second-controllers .l-box-field {
    padding: 0.5em 2em;
  }
  :where(.ev-community) .portfolio-page-detail-container {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    padding-top: 2em;
  }
  :where(.ev-community) .modal-basic {
    background: none;
  }
  :where(.ev-community) .inner-basic {
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: auto;
  }
  :where(.ev-community) .portfolio-simulation-menu-item {
    font-size: inherit;
  }
  :where(.ev-community) .cn-md {
    position: relative;
    width: 100%;
    height: 100%;
  }
  :where(.ev-community) .inner-md {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
  }
  :where(.ev-community) #simulator-wrapper {
    padding-right: 2em;
    padding-left: 2em;
    height: 100%;
  }
  :where(.ev-community) #portfolio-charts label {
    /*font-size:100%;*/
  }
  :where(.ev-community) #plan-dashboard {
  }
  :where(.ev-community) #portfolio-plan-charts {
    height: 100%;
    /*so the div expend on all the available height*/
    padding-top: 3em;
  }
  :where(.ev-community) #portfolio-charts {
    /*height:100%; */
    /*so the div expend on all the available height*/
  }
  :where(.ev-community) .detailed-composition-l-box {
    padding: 1em;
  }
  :where(.ev-community) #portfolio-plan-second-controllers {
    height: 100%;
    /*so the div expend on all the available height*/
  }
  :where(.ev-community) .chart-menu label {
    font-size: 100%;
  }
  :where(.ev-community) #portfolio-simulation-menu-buttons {
    text-align: right;
  }
  /*REACT SIMULATION MODAL WITH ASSUMPTIONS*/
  :where(.ev-community) .modal-form .main-input-container {
    margin-bottom: 1em;
  }
  :where(.ev-community) .modal-form label,
  :where(.ev-community) .modal-form i {
    display: inline-block;
  }
  :where(.ev-community) .modal-form label {
    width: 85%;
    text-align: right;
    margin-right: 1em;
    line-height: 1.3em;
    /*2 lines within input height*/
  }
  :where(.ev-community) .modal-form input,
  :where(.ev-community) .modal-form select {
    display: inline-block !important;
    margin-bottom: 0 !important;
  }
  :where(.ev-community) .modal-form input,
  :where(.ev-community) .modal-form select,
  :where(.ev-community) .modal-form label,
  :where(.ev-community) .modal-form i {
    vertical-align: middle !important;
  }
  :where(.ev-community) .modal-form .info {
    margin-left: 16em;
    width: 20em;
  }
  :where(.ev-community) .dashboard .projection-next-button-container {
    position: static;
    text-align: right;
    padding: 1em 0em 0 0;
  }
  :where(.ev-community) .dashboard .story-action-panel {
    float: left;
    text-align: left;
    min-width: 350px;
  }
}

@media screen and (min-width: 64em) {
  :where(.ev-community) .simulation-wrapper {
    font-size: 10.5px;
    line-height: 1.7em;
  }
  :where(.ev-community) .chart-box {
    padding: 0em 1em;
  }
  :where(.ev-community) .portfolio-charts-l-box {
    padding: 1em 1em 1em 0em;
  }
  :where(.ev-community) .composition-l-box {
    margin-right: 1em;
  }
  :where(.ev-community) .l-box-full {
    padding: 1em 2em 1em 2em;
  }
  :where(.ev-community) .l-box-half {
    padding: 0.5em;
  }
  :where(.ev-community) #plan-dashboard input[type="text"],
  :where(.ev-community) #plan-dashboard input[type="tel"],
  :where(.ev-community) #plan-dashboard select,
  :where(.ev-community) #plan-actions-results input[type="text"],
  :where(.ev-community) #plan-actions-results input[type="tel"],
  :where(.ev-community) #plan-actions-results select {
  }
  /*PLAN ICONS*/
  :where(.ev-community) .chart-menu > div > div {
    /*padding:1.5em 0;*/
  }
  :where(.ev-community) .summary-container {
    border: 1px solid #dbe3e5;
    background-color: white;
    margin: 1em 1em 0 1em;
  }
  :where(.ev-community) .page-content-container {
    padding: 1em;
  }
  :where(.ev-community) .summary-portfolio-picklist-container {
    background-color: white;
    height: 100%;
    position: inherit;
  }
  :where(.ev-community) .portfolio-picklist-div {
    padding: 1em;
  }
  :where(.ev-community) .portfolio-picklist-label {
    display: block;
  }
  :where(.ev-community) .portfolio-picklist-div:after {
    padding: 3.2em 3em 0 0;
  }
  :where(.ev-community) .summary-portfolio-data-container {
    margin: 0;
    border: none;
    padding: 0;
  }
  :where(.ev-community) .summary-picklist {
    width: 100%;
    border-radius: 5px;
    margin-top: 0;
    color: #1f8dd6;
    border: 1px solid #dbe3e5;
  }
  :where(.ev-community) .portfolio-menu {
    position: inherit;
    font-size: 100%;
    color: inherit;
    border-top: none;
    background-color: transparent;
    padding: 0;
  }
  :where(.ev-community) .portfolio-menu > div > div {
    margin-bottom: -2px;
  }
  :where(.ev-community) .portfolio-menu i {
    display: none;
  }
  :where(.ev-community) .portfolio-menu .active,
  :where(.ev-community) .portfolio-menu-item:hover {
    border-bottom: 2px solid #1f8dd6;
  }
  :where(.ev-community) .bar {
    display: block;
  }
  :where(.ev-community) .projection-buttons {
    border: none !important;
  }
  :where(.ev-community) #plan-questionnaire .buttons {
    text-align: center;
    padding: 0em 0em;
  }
  /*ACTIONS*/
  :where(.ev-community) .action-portfolio label {
    font-size: 100% !important;
    line-height: 2.1em;
  }
  :where(.ev-community) .action-portfolio .plan-recommandation label {
    font-size: 75% !important;
  }
  :where(.ev-community) .action-portfolio-value,
  :where(.ev-community) .action-portfolio-input,
  :where(.ev-community) .action-portfolio-input input,
  :where(.ev-community) .action-sum {
    text-align: right;
  }
}

@media screen and (min-width: 90em) {
  /*1440px*/
  :where(.ev-community) .simulation-wrapper {
    font-size: 16px;
    line-height: 1.7em;
  }
  :where(.ev-community) #plan-questionnaire,
  :where(.ev-community) #plan-questionnaire input[type="text"],
  :where(.ev-community) #plan-questionnaire select {
  }
  :where(.ev-community) #portfolio-plan-second-controllers .l-box-field {
    /*padding:1em 2em;*/
  }
  :where(.ev-community) .plan-recommandation,
  :where(.ev-community) .warning-label {
    font-size: 90%;
  }
  :where(.ev-community) #portfolio-simulation-menu-buttons .buttons,
  :where(.ev-community) #plan-questionnaire .buttons {
  }
}

/*IE hacks*/

/*IE10 and up*/

@media (max-width: 48em) {
  :where(.ev-community) .projection-next-button-container .projection-next-button {
    border-radius: 0 !important;
    max-width: 100% !important;
  }
  :where(.ev-community) .projection-next-button-container {
    width: 100%;
    position: fixed;
    max-width: 100%;
    bottom: 0;
    left: 0;
  }
}


/* easyvest-simulation-story.css */

/**********************************
CSS FOR STORY MODE
**********************************/

:where(.ev-community) .story .only-on-print {
  display: none;
}

:where(.ev-community) .story .story-summary-panel {
  background-color: #61ff8c;
  border-radius: 5px 5px 0 0;
}

:where(.ev-community) .personal-data .story-summary-panel {
  background-color: #176aa0;
  color: white;
  margin-bottom: 1em;
}

:where(.ev-community) .personal-data .story-summary-panel-recap {
  font-size: 145%;
  padding: 0.5em;
}

:where(.ev-community) .story .story-section-divider {
  height: 2px;
  background-color: #00063c;
  margin-bottom: 2em;
}

:where(.ev-community) .story .story-section-divider-arrow {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-top: 10px solid white;
}

:where(.ev-community) .story .story-summary-panel h1 {
  line-height: 1.7em;
  font-size: 220%;
}

:where(.ev-community) .story .story-summary-panel-recap {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  line-height: 2em;
  letter-spacing: 0.02em;
  font-size: 115%;
  color: #136c64;
  /* padding: 0 1em; */
}

:where(.ev-community) .story .story-summary-panel-recap strong {
  font-size: 125%;
}

:where(.ev-community) .story .story-summary-panel-separator {
  height: 1px;
  background-color: white;
  margin: 2em auto;
  max-width: 33.33%;
  display: none;
}

:where(.ev-community) .story .story-summary-panel-kpi {
  margin: 0 0.5em 1em 0.5em;
  font-size: 115%;
  display: none;
}

:where(.ev-community) .story .story-summary-panel-kpi-number {
  color: white;
}

:where(.ev-community) .story .story-summary-panel-kpi-text {
  color: #aecfe5;
}

:where(.ev-community) .story .story-panel {
  min-height: 6em;
}

:where(.ev-community) .story-panel-left {
}

:where(.ev-community) .story .story-panel-description {
  text-align: justify;
  padding: 0 1em;
}

:where(.ev-community) .story .story-panel-title {
  text-align: center;
  padding-bottom: 0.7em;
}

:where(.ev-community) .story .story-panel-title h4 {
  margin-top: 1em;
  font-size: 175%;
  font-weight: bold;
}

:where(.ev-community) .story .story-panel-chart {
  padding: 0 1em;
}

:where(.ev-community) .story .story-structuration-table {
  width: 100%;
}

:where(.ev-community) .story #allocation-donut-chart-container {
  margin-top: -0.6em;
}

:where(.ev-community) .story .ev-table {
  border: none;
}

:where(.ev-community) .story .ev-table th {
  padding: 0 0.2em 0.2em 0.2em;
}

:where(.ev-community) .story .ev-table tbody td {
  padding: 0.2em 0.2em;
}

:where(.ev-community) .story .ev-table tbody tr:first-child td {
  padding: 0.4em 0.2em 0.2em 0.2em;
}

:where(.ev-community) .story .ev-table tbody tr:last-child td {
  padding: 0.2em 0.2em 0.4em 0.2em;
}

:where(.ev-community) .story .ev-table tfoot td {
  padding: 0.4em 0.2em;
}

:where(.ev-community) .story .ev-table thead {
  background-color: transparent !important;
}

:where(.ev-community) .story .story-structuration-table th {
  width: 33%;
  vertical-align: bottom;
  background-color: transparent;
  border: none;
  /* border-bottom: 0.25px solid #aecfe5; */
  border-bottom: 1px solid #dbe3e5;
  color: #00063c;
  font-weight: bold;
  /* text-transform: capitalize; */
}

:where(.ev-community) .story .story-structuration-table td {
  border: none;
  width: 33%;
  vertical-align: top;
}

:where(.ev-community) .story .story-structuration-table tbody tr:not(:first-child) {
  border-top: 0px solid #dbe3e5;
}

:where(.ev-community) .story .story-structuration-table tfoot tr {
  /* border-top: 0.25px solid #aecfe5; */
  border-top: 1px solid #dbe3e5;
  color: #00063c;
  font-weight: bold;
}

:where(.ev-community) .story .story-table-amount {
  text-align: right;
}

:where(.ev-community) .story .story-summary-number-animated {
  color: #00063c;
  font-size: 115%;
  font-weight: bolder;
}

:where(.ev-community) .story #allocation-donut-output {
  text-align: center;
}

:where(.ev-community) .story-summary-action .story-next-button {
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  font-size: 120%;
  border-radius: 4px;
  cursor: pointer;
  padding: 0.75em 1.5em;
  text-decoration: none;
  box-shadow: -4px 4px #00063c;
  font-weight: bold;
}

:where(.ev-community) .story-next-button-container .story-next-button {
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  font-size: 120%;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  padding: 0.75em 1.5em;
  text-decoration: none;
  box-shadow: -4px 4px #00063c;
  font-weight: bold;
}

:where(.ev-community) .story-next-button-container-modal .story-next-button {
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  padding: 0.75em 1.5em;
  text-decoration: none;
  box-shadow: -4px 4px #00063c;
  font-weight: bold;
  width: 100%;
}

:where(.ev-community) .story-next-button-container-mobile .story-next-button {
  background-color: #61ff8c;
  border: 2px solid #00063c;
  color: #00063c;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  padding: 0.75em 1.5em;
  text-decoration: none;
  box-shadow: -4px 4px #00063c;
  font-weight: bold;
}

:where(.ev-community) .story-next-button-container {
  text-align: center;
}

:where(.ev-community) .story-next-button-container-modal {
  text-align: center;
  width: 100%;
}

:where(.ev-community) .story-next-button-container-mobile {
  position: fixed;
  width: 100%;
  bottom: 0px;
  text-align: center;
  z-index: 10;
}

:where(.ev-community) .story-action-panel-container {
  min-height: 5.6em;
}

:where(.ev-community) .story-action-panel {
  text-align: center;
  margin-top: 1em;
}

:where(.ev-community) .story-action-panel-modal {
  text-align: center;
  margin-top: 1em;
}

:where(.ev-community) .story .story-triangle-dark {
  border-top-color: #595e7d;
}

:where(.ev-community) .story .story-triangle-white {
  border-top-color: #f6fafc;
}

:where(.ev-community) .story .story-triangle-light {
  border-top-color: #edf2f5;
}

:where(.ev-community) .story .story-panel-background-light {
  background-color: #edf2f5;
  padding-bottom: 2em;
}

:where(.ev-community) .story .story-panel-background-white {
  background-color: #f6fafc;
}

:where(.ev-community) .modal-form-story .label-section {
  display: block;
}

:where(.ev-community) .modal-form-story label {
  display: inline;
}

:where(.ev-community) .modal-form-story .invisible-select {
  /* background-color:#f6fafc; */
  cursor: pointer;
}

:where(.ev-community) .modal-form-story i {
  color: #a6adba;
  margin-left: 7px;
  cursor: pointer;
}

:where(.ev-community) .modal-form-story input {
  width: 100%;
}

:where(.ev-community) .modal-form-story .rc-slider {
  margin-bottom: 1.5em;
}

:where(.ev-community) .modal-form-story .in-input {
  bottom: 22.5px !important;
}

:where(.ev-community) .modal-form-story .success-label {
  margin-top: -1em;
}

:where(.ev-community) .modal-form-story h3 {
  color: #00063c;
}

/* FROM easyvest.css */

:where(.ev-community) .max-1024 {
  max-width: 1024px;
  margin: auto;
}

:where(.ev-community) .max-960 {
  max-width: 960px;
  margin: auto;
}

:where(.ev-community) .max-750 {
  max-width: 750px;
  margin: auto;
}

:where(.ev-community) .max-500 {
  max-width: 500px;
  margin: 0 auto;
}

:where(.ev-community) .max-350 {
  max-width: 251px;
  margin: 0 auto;
}

:where(.ev-community) .ev-white {
  /*color: white!important;*/
}

:where(.ev-community) h1,
:where(.ev-community) h2,
:where(.ev-community) h4,
:where(.ev-community) h5,
:where(.ev-community) h6 {
  color: #00063c;
  font-weight: bold;
}

:where(.ev-community) .ev-center {
  margin: 0 auto !important;
}

:where(.ev-community) .story .story-panel-left,
:where(.ev-community) .story .story-panel-right {
  padding-bottom: 1em;
}

:where(.ev-community) .story #easyvestMap {
  max-width: 100%;
}

:where(.ev-community) .accessModalIsOpen #story-content {
  -webkit-filter: blur(5px) grayscale(0%);
  -moz-filter: blur(5px) grayscale(0%);
  -o-filter: blur(5px) grayscale(0%);
  -ms-filter: blur(5px) grayscale(0%);
  filter: blur(5px) grayscale(0%);
}

:where(.ev-community) #past-performance-chart {
  /* background-color: #dbe3e5; */
}

:where(.ev-community) #past-performance-chart text {
  font-family: sans-serif;
}

:where(.ev-community) #past-performance-chart text.white {
  fill: rgb(255, 255, 255) !important;
  text-anchor: middle;
  /* font-weight: bold; */
}

:where(.ev-community) .past-performance-chart-container {
  width: 100%;
}

:where(.ev-community) #past-performance-chart text.easyvest {
  fill: #595e7d;
  text-anchor: middle;
}

:where(.ev-community) #past-performance-chart rect.easyvest {
  fill: #61ff8c;
}

:where(.ev-community) #past-performance-chart text.others {
  /* fill: #47a3de; */
  fill: #595e7d;
  text-anchor: middle;
}

:where(.ev-community) #past-performance-chart rect.others {
  /* fill: #47a3de; */
  fill: #595e7d;
}

:where(.ev-community) .story-link {
  color: #595e7d;
  cursor: pointer;
}

/* Media queries */

@media (min-width: 48em) {
  :where(.ev-community) .story-next-button-container {
    position: static;
    text-align: right;
    padding: 0em 1em 0 0;
    float: right;
  }
  :where(.ev-community) .story-next-button-container .story-next-button {
    border-radius: 5px;
    max-width: 251px;
    text-align: center;
    margin: 0;
  }
  :where(.ev-community) .story-summary-action .story-next-button {
    float: right;
    margin: 0;
  }

  :where(.ev-community) .story-next-button-container-mobile {
    display: none;
  }

  :where(.ev-community) .story-action-panel {
    padding: 1em 0em 0 1em;
    float: left;
    margin: 0;
  }
  :where(.ev-community) .story-action-panel p {
    width: 251px;
    text-align: left;
  }
  :where(.ev-community) .story-panel-left {
    padding-right: 10px;
  }
  :where(.ev-community) .story-panel-right {
    padding-left: 10px;
  }
  :where(.ev-community) .story .story-summary-panel {
    margin-top: 2em;
  }

  /* .story-action-panel-container{
        padding-top:1.5em;
    } */

  :where(.ev-community) .max-400-md {
    max-width: 400px !important;
  }
}

@media (max-width: 48em) {
  :where(.ev-community) .ev-disclaimer {
    margin-bottom: 50px;
  }
  :where(.ev-community) .md-bottom-menu {
    display: none;
  }
  :where(.ev-community) .embeddedServiceHelpButton .helpButton {
    bottom: 55px !important;
  }
}


/* easyvest-80percentrule.css (calculator80PercentRule page) */

/* .next-button-container .next-button {
    background-color: #00db71 !important;
    border: 0.1em solid #00db71 !important;
    width: 100% !important;
    padding: 0.75em 1.5em !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    max-width: 251px !important;
    text-align: center !important;
    margin-top: 2.5em !important;
} */

:where(.ev-community) .main-80-container {
  /* max-width: 1680px !important; */
  margin: 0em auto !important;
  padding: 0.5em 1em 3em 1em !important;
  color: #00063c !important;
}

:where(.ev-community) .main-80-container h1 {
  padding: 0 !important;
  font-weight: normal !important;
  letter-spacing: 0.03em !important;
  margin-top: 1.5em !important;
}

:where(.ev-community) .main-80-container h3 {
  padding-top: unset !important;
  padding-bottom: unset !important;
  font-size: unset !important;
  line-height: unset !important;
}

:where(.ev-community) .main-80-container .custom-calendar-inputContainer {
  margin-bottom: 1em !important;
}

:where(.ev-community) .process-step {
  padding: 0.5em 1em !important;
  position: relative !important;
}

:where(.ev-community) .left-column .column-content {
  padding: 1em !important;
}

:where(.ev-community) .right-column .column-content {
  padding: 1em !important;
  position: relative !important;
}

:where(.ev-community) .main-80-container select,
:where(.ev-community) .main-80-container input {
  width: 100% !important;
}

:where(.ev-community) .label-section {
  color: #00063c !important;
}

:where(.ev-community) .left-column .label-section {
  padding-top: 0.7em !important;
}

:where(.ev-community) .right-column .label-section {
  margin-bottom: 2.75em !important;
}

:where(.ev-community) .right-column .main-input-container {
  padding: 1em 0.5em 5em 0 !important;
}

:where(.ev-community) label {
  display: inline  !important;
  color: #a6adba !important;
}

:where(.ev-community) .right-column .result-content {
  color: #00063c !important;
  /*background-color:#176aa0 !important;*/
  background-color: #61ff8c !important;
  width: 100% !important;
  bottom: 0 !important;
  left: 0 !important;
  position: fixed !important;
  padding: 1em !important;
  text-align: center !important;
  z-index: 3 !important;
  border: 2px solid #00063c !important;
  box-shadow: -4px 4px #00063c !important;
  border-radius: 5px !important;
}

:where(.ev-community) .right-column select {
  text-decoration: underline !important;
  color: #00063c !important;
  margin-right: 1em !important;
  font-size: inherit  !important;
  width: auto  !important;
  border: none  !important;
  line-height: inherit  !important;
  margin-bottom: 0em  !important;
  height: 1.95em  !important;
  padding: 0px;
  padding-bottom: 0.1em  !important;
  outline: none !important;
  /* -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important; */
  box-shadow: none  !important;
}

/* .right-column .select-list::after {
    content: '' !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 6px 3px 0 3px !important;
    border-color: #00063c transparent transparent transparent !important;
    position: relative !important;
    right: 1em !important;
    top: .7em !important;
} */

:where(.ev-community) .right-column .result-content .action-section {
  text-align: center !important;
  width: 100% !important;
}

:where(.ev-community) .right-column .result-content .action-section .button {
  background-color: #00db71 !important;
  border-color: #00db71  !important;
  width: 100% !important;
  padding: 1em 2em !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
  margin-top: 1em !important;
  cursor: pointer !important;
}

:where(.ev-community) .next-button-container-mobile .button {
  background-color: #00db71 !important;
  border-color: #00db71  !important;
  width: 100% !important;
  padding: 1em 2em !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
  margin: 1em auto !important;
  cursor: pointer !important;
  color: white !important;
  max-width: 350px !important;
  text-align: center !important;
}

:where(.ev-community) .result-content .result-kpi {
  padding: 1em 1em 0 1em !important;
  letter-spacing: 0.05em !important;
}

:where(.ev-community) .help-icon,
:where(.ev-community) .helpIcon {
  cursor: pointer !important;
}

:where(.ev-community) .rc-slider-handle::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: -1.3em !important;
  left: -0.3em !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 0.75em 0.5em 0 0.5em !important;
  border-color: #595e7d transparent transparent transparent !important;
}

:where(.ev-community) .rc-slider-tooltip-inner {
  background-color: transparent  !important;
  color: #595e7d  !important;
  font-size: 125%  !important;
  box-shadow: none  !important;
  padding: 0 4px  !important;
  border-style: solid  !important;
  border-width: 0 0 0 0  !important;
  border-color: #595e7d  !important;
  border-radius: 0  !important;
  line-height: 0.7  !important;
}

:where(.ev-community) .rc-slider-tooltip-inner::after {
  content: "" !important;
  width: calc(100% - 0.5em) !important;
  height: 2px !important;
  background-color: #595e7d !important;
  position: absolute !important;
  bottom: 0.3em !important;
}

:where(.ev-community) .overlay-right .rc-slider-tooltip-inner::after {
  left: 0.3em !important;
}

:where(.ev-community) .overlay-left .rc-slider-tooltip-inner::after {
  left: 0.18em !important;
}

:where(.ev-community) .footer {
  margin-bottom: 12em !important;
}

:where(.ev-community) .embeddedServiceHelpButton .helpButton {
  bottom: calc(12em + 10px)  !important;
}

:where(.ev-community) .process-step h3 {
  margin-top: 1.3em !important;
  margin-left: 0.5em !important;
}

/* .ev-content-wrapper {
    padding-top: 4.5em !important;
} */

:where(.ev-community) #easyvalet-div {
  border: none  !important;
}

:where(.ev-community) .next-button-container-mobile .primary_button {
  display: inherit !important;
}

:where(.ev-community) .result-content .primary_button {
  margin-top: 10px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

:where(.ev-community) .pills {
  width: fit-content;
  margin: auto;
  white-space: nowrap;
  border-radius: 9999px;
  background-color: rgb(237 242 245);
  padding: 0.5rem 1rem;
  color: rgb(89 94 125);
  transition-duration: .2s;
  border: 0;
}

@media screen and (min-width: 64em) {
  :where(.ev-community) .next-button-container-mobile .button,
  :where(.ev-community) .next-button-container-mobile .primary_button {
    display: none !important;
  }
  /* .ev-content-wrapper {
        padding-top: 3.7em !important;
    } */
  :where(.ev-community) .embeddedServiceHelpButton .helpButton {
    bottom: 10px  !important;
  }
  /* .rc-slider{
        width:90% !important;
        margin-left:5% !important;
    } */
  :where(.ev-community) .left-column .column-content {
    margin: 1em 0.5em 0 0 !important;
    height: 41em !important;
    /* background-color: #e7f5ff !important; */
  }
  :where(.ev-community) .right-column .column-content {
    margin: 1em 0em 0em 0.5em !important;
    height: 41em !important;
    /* background-color: #e7f5ff !important; */
  }
  :where(.ev-community) .process-step {
    margin-top: 1em !important;
    height: 5em !important;
    background-color: #e5ebed !important;
    color: white !important;
  }
  :where(.ev-community) .process-step h3 {
    color: #00063c  !important;
  }
  :where(.ev-community) .process-step-end {
    padding-left: 5.5em !important;
  }
  :where(.ev-community) .process-step-start {
    padding-right: 3em !important;
  }
  :where(.ev-community) .process-step-arrow-blue {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: -0.5em !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 2.5em 0 2.5em 2.5em !important;
    border-color: transparent transparent transparent #e5ebed !important;
  }
  :where(.ev-community) .process-step-arrow-white {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0.5em !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 2.5em 0 2.5em 2.5em !important;
    border-color: transparent transparent transparent white !important;
  }
  :where(.ev-community) .process-step-rectangle-white {
    display: block !important;
    height: 100% !important;
    background-color: white !important;
    width: 1em !important;
    position: absolute !important;
    top: 0 !important;
    left: -0.5em !important;
  }
  :where(.ev-community) .right-column .label-section {
    margin-bottom: 0em !important;
  }
  :where(.ev-community) .right-column .main-input-container {
    padding: 3em 0.5em 4.5em 0 !important;
  }
  :where(.ev-community) .right-column .result-content {
    position: absolute !important;
  }
  :where(.ev-community) .footer {
    margin-bottom: 0 !important;
  }
  :where(.ev-community) .right-column select {
    /* background-color: white !important; */
  }
}

@media screen and (min-width: 80em) {
  :where(.ev-community) .left-column .column-content {
    height: 38em !important;
  }
  :where(.ev-community) .right-column .column-content {
    height: 38em !important;
  }
  :where(.ev-community) .right-column .main-input-container {
    padding: 3em 1em 3em 0 !important;
  }
}

@media screen and (min-width: 100em) {
}

:where(.ev-community) #kf__c {
  padding-right: 1.6rem;
  margin-right: 0px !important;
}


/* browser-upgrade.css (outdated-browser banner) */

:where(.ev-community) body .buorg {
    background-position: 8px 17px; 
    position:absolute;
    position:fixed;
    z-index:111111;    
    width:100%; 
    top:0px; 
    left:0px;    
    border-bottom:none;
    text-align:left; 
    cursor:pointer;        
    background-color: #1f8dd6;
    font: 13px sans-serif;
	color:white;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
:where(.ev-community) body .buorg div { 
    padding: 11px 12px 11px 30px;  
    line-height: 1.7em; 
}
:where(.ev-community) body .buorg div a,
:where(.ev-community) body .buorg div a:visited { 
    text-indent: 0; 
    color: #fff;    
    text-decoration: none;    
    box-shadow: 0 0 2px rgba(0,0,0,0.4);    
    padding: 1px 10px;    
    border-radius: 4px;    
    font-weight: normal;    
    background: #5ab400;
    white-space: nowrap;   
    margin: 0 2px; display: inline-block;
}
:where(.ev-community) body .buorg-button{
	background:#00db71;
	box-shadow:none;
	border:1px solid #ffffff;
}
:where(.ev-community) body #buorgig{
    background-color: #1f8dd6;
}

@media only screen and (max-width: 700px){
:where(.ev-community) body .buorg p { 
    padding:5px 12px 5px 9px; 
    text-indent: 22px;
    line-height: 1.7em;
}
:where(.ev-community) body .buorg {
    background-position: 9px 8px;}
}

/* easyvest-asset-explorer.css (d3 asset/allocation chart) */

:where(.ev-community) #asset-explorer{
	font-size:100%;
}
:where(.ev-community) #asset-explorer-switch-per-val{
	display:none; /*default: controlled by jquery*/
}
:where(.ev-community) .asset,:where(.ev-community) .allocation,:where(.ev-community) .bar,:where(.ev-community) .chev{
	cursor:pointer;
}
:where(.ev-community) .level1 dt{
	padding:0.5em 0;
}
:where(.ev-community) .allocation{
	text-align:right;
}
:where(.ev-community) .allocation span{
	padding-right:5px;
}
:where(.ev-community) .bar{
	display:none; /*if small screen hide*/
}
:where(.ev-community) .bar div{
	height:25px;
}
:where(.ev-community) .chev{
	text-align:right;
}
:where(.ev-community) .chev i{
	margin-right:10px;
}
:where(.ev-community) .level1>dt>div>.chev i:first-child{
	display:none;
}
:where(.ev-community) #stock>div>.chev i{
	color:#62acdd;
}
:where(.ev-community) #bond>div>.chev i{
	color:#1fd696;
}
:where(.ev-community) #cash>div>.chev i{
	color:#8dd61f;
}
:where(.ev-community) .desc{
	font-size:100%;
	color:#a6adba;
	line-height:1.7em!important;
	margin:1em 0;
	padding-right:5px;
}
:where(.ev-community) .item{
	padding:0.25em 0;
	/*margin:0.25em 0;*/
	/*border-bottom:1px solid #dbe3e5;*/
}
:where(.ev-community) .fa-chevron-down{
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
:where(.ev-community) .fa-chevron-down.up{
	-ms-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);
}
:where(.ev-community) .level1 dt{
	padding-left:5px;
	border-left:5px solid #dbe3e5;
}
:where(.ev-community) #cash{
	border-left-color:#8dd61f;
	background-color:#e9f8d1;
}
:where(.ev-community) #bond{
	border-left-color:#1fd696;
	background-color:#d6fce3;
}
:where(.ev-community) #stock{
	border-left-color:#62acdd;
	background-color:#e0eef8;
}
:where(.ev-community) .level2 dt{
	padding-left:0;
	border-left:none;
}
:where(.ev-community) .level2{
	display:none;
}
:where(.ev-community) .asset-classification{
	margin-top: 1em;
	margin-bottom:1em;
	display: inline-block;
	padding: 0 0.5em;
	cursor:pointer;
}
:where(.ev-community) .asset-classification span{
	display:none; /*default for small screens*/
}
:where(.ev-community) .active-tab span{
	display:inline!important;
}
:where(.ev-community) #stock .active-tab{
	border-bottom:3px solid #a1cdeb;
}
:where(.ev-community) #bond .active-tab{
	border-bottom:3px solid #74ebc2;
}
:where(.ev-community) dl{
	margin:0;
}
:where(.ev-community) #stock .level2 dl{
	/*border-top:1px solid #a1cdeb;*/
}
:where(.ev-community) #bond .level2 dl{
	/*border-top:1px solid #74ebc2;*/
}
:where(.ev-community) #stock-industry, :where(.ev-community) #stock-size, :where(.ev-community) #bond-maturity, :where(.ev-community) #bond-rating{
	display:none;
}
:where(.ev-community) .add-space-bottom{
	/*margin-bottom:3em;*/
}
:where(.ev-community) .bar>div{
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
}
:where(.ev-community) .bold{
	font-weight:bold;
}
/*SWITCH*/
:where(.ev-community) .switch-per-val{
	width: 62px;
	height: 32px;
	background: #e5e5e5;
	z-index: 0;
	margin: 0;
	padding: 0;
	line-height:28px; /*center text vertically*/
	appearance: none;
	border: none;
	cursor: pointer;
	position: relative;
	border-radius:16px; /*IE 11*/
	-moz-border-radius:16px; /*Mozilla*/
	-webkit-border-radius:16px; /*Chrome and Safari*/
}
:where(.ev-community) .switch-per-val:before{
	content: ' ';
	position: absolute;
	left: 1px;
	top: 1px;
	width: 60px;
	height: 30px;
	background: #a6adba;
	z-index: 1;
	border-radius:16px; /*IE 11*/
	-moz-border-radius:16px; /*Mozilla*/
	-webkit-border-radius:16px; /*Chrome and Safari*/
}
:where(.ev-community) .switch-per-val:after {
	content: '%';
	height: 29px;
	width: 29px;
	border-radius: 28px;
	background: #FFFFFF;
	position: absolute;
	z-index: 2;
	top: 1px;
	left: 1px;
	text-align:center;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-box-shadow: 0 2px 5px #a6adba;
	box-shadow: 0 2px 5px #a6adba;
}
:where(.ev-community) .switch-per-val-on,
:where(.ev-community) .switch-per-val-on:before{
	background: #a6adba !important;
}
:where(.ev-community) .switch-per-val-on:after{
	content:'€';
	left: 32px !important;
}
/*
 * -- MOBILE (AND UP) MEDIA QUERIES --
 * On mobiles and other medium-sized devices, we want to customize some
 * of the mobile styles.
 */
@media (min-width: 35em) {
	:where(.ev-community) #asset-explorer{
		font-size:100%;
	}
	:where(.ev-community) .bar{
		display:inline-block; /*display the bar if screen is large enough*/
	}
	:where(.ev-community) .asset-classification span{
		display:inline; /*default for small screens*/
	}
}

/* easyvest-vertical-menu.css */

/* --------------------------
 * Layout Styles
 * --------------------------
*/

/* Navigation Push Styles */
:where(.ev-community.menu-vertical) #layout {
    position: relative;
    padding-left: 0;
}
:where(.ev-community.menu-vertical) #layout.active #menu {
	left: 150px;
	width: 150px;
}

/* --------------------------
 * Main Navigation Bar Styles
 * --------------------------
*/

/* Add transition to containers so they can push in and out */
:where(.ev-community.menu-vertical) #layout,
:where(.ev-community.menu-vertical) #menu,
:where(.ev-community.menu-vertical) .menu-link {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

:where(.ev-community.menu-vertical) #layout.active .menu-link {
    left: 150px;
}

:where(.ev-community.menu-vertical) #menu {
    font-size:13px;
	margin-left: -150px; /* "#menu" width */
    width: 150px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000; /* so the menu or its navicon stays above all content */
    background: #1f8dd6;
    overflow-y: auto;
	overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}
    :where(.ev-community.menu-vertical) #menu a {
        color: #fff;
        border: none;
        white-space: normal;
        padding: 0.625em 1em;
    }

    :where(.ev-community.menu-vertical) #menu .pure-menu-open {
        background: transparent;
        border: 0;
    }

    :where(.ev-community.menu-vertical) #menu .pure-menu ul {
        border: none;
        background: transparent;
        display: block;
    }

    :where(.ev-community.menu-vertical) #menu .pure-menu ul,
    :where(.ev-community.menu-vertical) #menu .pure-menu .menu-item-divided {
        border-top: 1px solid #1f8dd6;
    }

        :where(.ev-community.menu-vertical) #menu .pure-menu li a:hover,
        :where(.ev-community.menu-vertical) #menu .pure-menu li a:focus {
            background: #aecfe5;
			color: #1f8dd6;
        }
	:where(.ev-community.menu-vertical) #menu p{
		padding: 1em;
		color:#fff;
		margin:0;
	}
	:where(.ev-community.menu-vertical) .menu-link {
        position: fixed;
        display: block; /* show this only on small screens */
        top: 0;
        left: 0; /* "#menu width" */
        background: #1f8dd6;
        background: rgba(31,141,214,0.7);
        font-size: 11px; /* change this value to increase/decrease button size */
        z-index: 10;
        width: 4em;
        height: 4em;
        padding: 1em;
    }

        :where(.ev-community.menu-vertical) .menu-link:hover,
        :where(.ev-community.menu-vertical) .menu-link:focus {
            background: #1f8dd6;
        }

        :where(.ev-community.menu-vertical) .menu-link span {
            position: relative;
            display: block;
            margin-top: 0.9em;
        }

        :where(.ev-community.menu-vertical) .menu-link span,
        :where(.ev-community.menu-vertical) .menu-link span:before,
        :where(.ev-community.menu-vertical) .menu-link span:after {
            background-color: #fff;
            width: 100%;
            height: .2em;
            -webkit-transition: all 0.4s;
               -moz-transition: all 0.4s;
                -ms-transition: all 0.4s;
                 -o-transition: all 0.4s;
                    transition: all 0.4s;
        }

            :where(.ev-community.menu-vertical) .menu-link span:before,
            :where(.ev-community.menu-vertical) .menu-link span:after {
                position: absolute;
                top: -.55em;
                content: " ";
            }

            :where(.ev-community.menu-vertical) .menu-link span:after {
                top: .55em;
            }

        :where(.ev-community.menu-vertical) .menu-link.active span {
            background: transparent;
        }

            :where(.ev-community.menu-vertical) .menu-link.active span:before {
                -webkit-transform: rotate(45deg) translate(.5em, .4em);
                   -moz-transform: rotate(45deg) translate(.5em, .4em);
                    -ms-transform: rotate(45deg) translate(.5em, .4em);
                     -o-transform: rotate(45deg) translate(.5em, .4em);
                        transform: rotate(45deg) translate(.5em, .4em);
            }

            :where(.ev-community.menu-vertical) .menu-link.active span:after {
                -webkit-transform: rotate(-45deg) translate(.4em, -.3em);
                   -moz-transform: rotate(-45deg) translate(.4em, -.3em);
                    -ms-transform: rotate(-45deg) translate(.4em, -.3em);
                     -o-transform: rotate(-45deg) translate(.4em, -.3em);
                        transform: rotate(-45deg) translate(.4em, -.3em);
            }

    :where(.ev-community.menu-vertical) #menu .pure-menu-heading {
        font-size: 125%;
        font-weight: 300;
        letter-spacing: 0.1em;
        color: #fff;
        margin-top: 0;
        padding: 0.5em 0.8em;
        text-transform: uppercase;
    }
    :where(.ev-community.menu-vertical) #menu .pure-menu-heading:hover,
    :where(.ev-community.menu-vertical) #menu .pure-menu-heading:focus {
        color: #fff;
    }

    :where(.ev-community.menu-vertical) #menu .pure-menu-selected {
        background: #aecfe5;
    }

        :where(.ev-community.menu-vertical) #menu .pure-menu-selected a {
            color: #fff;
        }

        :where(.ev-community.menu-vertical) #menu li.pure-menu-selected a:hover,
        :where(.ev-community.menu-vertical) #menu li.pure-menu-selected a:focus {
            background: none;
        }
:where(.ev-community.menu-vertical) .portfolio-sub-menu{
	display:none;
}
:where(.ev-community.menu-vertical) .portfolio-sub-menu-active{
	display:block;
}

:where(.ev-community.menu-vertical) .ev-logo{
	padding-left:0.5em !important;
}
:where(.ev-community.menu-vertical) .ev-menu-level-1{
	text-transform:uppercase;
}
:where(.ev-community.menu-vertical) .ev-menu-level-2{
	text-transform:uppercase;
}
:where(.ev-community.menu-vertical) .ev-menu-level-3{
	border-left: 10px solid #6fbef3!important;
}
:where(.ev-community.menu-vertical) .ev-menu-item-light{
	background:#aecfe5;
	border-top: 1px solid #aecfe5;
	border-bottom: 1px solid #aecfe5;
}
:where(.ev-community.menu-vertical) .ev-menu-item-light-selected {
	border-left: 10px solid #1f8dd6!important;
	color: #1f8dd6!important;
}
	:where(.ev-community.menu-vertical) #menu .pure-menu li.ev-menu-item-light a{
		color:#00063c;
	}
	:where(.ev-community.menu-vertical) #menu .pure-menu li.ev-menu-item-light a:hover,
	:where(.ev-community.menu-vertical) #menu .pure-menu li.ev-menu-item-light a:focus {
		border-left: 10px solid #1f8dd6!important;
		color: #1f8dd6;
	}
:where(.ev-community.menu-vertical) .ev-menu-top-space{
	padding-top:2em;
}


/* --------------------------
 * Responsive Styles
 * --------------------------
*/

/* ---------------------------------
 * TABLET small/vertical width & up
 * ---------------------------------
*/
@media screen and (min-width: 48em) {
	

}

@media (max-width: 64em) {
    /* Only apply this when the window is smaller. Otherwise, the following
    case results in extra padding on the left:
        * Make the window small. (Rotate to portrait on a mobile.)
        * Tap the menu to trigger the active state.
        * Make the window large again. (Rotate to landscape on mobile.)
    */
    :where(.ev-community.menu-vertical) #layout.active {
        position: relative;
        left: 150px;
    }
}

@media (min-width: 64em) {

    :where(.ev-community.menu-vertical) #layout {
        padding-left: 150px; /* left col width "#menu" */
        left: 0;
    }
    :where(.ev-community.menu-vertical) #menu {
        left: 150px;
    }
    :where(.ev-community.menu-vertical) .menu-link {
        position: fixed;
        left: 150px;
        display: none;
    }
    :where(.ev-community.menu-vertical) #layout.active .menu-link {
        left: 150px;
    }

}
/*
 * -- DESKTOP (AND UP) MEDIA QUERIES --
 * On desktops and other large devices, we want to over-ride some
 * of the mobile and tablet styles.
 */
@media (min-width: 78em) {


}
/*
 * -- WHEN PAGE IS PRINTED --
 */
@media print{    
	
}


/* easyvest-horizontal-menu.css */

/*
 * -- MENU STYLES --
 * I want to customomize my navigation menu on top of the page
 */
:where(.ev-community.menu-horizontal) .custom-wrapper {
  text-transform: uppercase;
  font-size: 70%;
  font-weight: bold;
  background-color: #1f8dd6;
  margin-bottom: 1em;
  -webkit-font-smoothing: antialiased;
  /*height: 2.9em;*/
  overflow: visible;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
  /*so the menu is kept at the top of the screen always*/
  position: fixed;
  width: 100%;
  z-index: 5;
  /*make the wrapper a bit thicker*/
  padding-top: 1em;
  /*padding-bottom:1em;*/
}
:where(.ev-community.menu-horizontal) .custom-wrapper > div:nth-child(2) {
  padding-bottom: 3px;
}
:where(.ev-community.menu-horizontal) .custom-wrapper.open {
  /*height of the box when the menu is vertically open on small screen*/
  height: 25em;
  /*In case vertical-menu needs to be scrolled vertically*/
  overflow-y: scroll;
}
/*Constrain logo size for smaller screen like iPhone4*/
:where(.ev-community.menu-horizontal) .ev-logo {
  width: 180px;
}
:where(.ev-community.menu-horizontal) .custom-menu-3 {
  text-align: right;
}

:where(.ev-community.menu-horizontal) .ev-nav-phone {
  color: white;
  position: absolute;
  top: 0;
  margin-top: 1.3em;
  right: 4em;
  display: none;
}
:where(.ev-community.menu-horizontal) .ev-menu-onboarding-step {
  color: #a2d2f2;
  margin: 0em;
  padding: 0 0 0 1em;
}
:where(.ev-community.menu-horizontal) .ev-menu-logo-with-subtitle {
  padding: 0 0 0 1em;
  height: 15px;
}
:where(.ev-community.menu-horizontal) .custom-toggle {
  width: 34px;
  height: 34px;
  display: block;
  position: absolute;
  margin-top: 1em;
  top: 0;
  right: 0;
  display: none;
}

:where(.ev-community.menu-horizontal) .custom-toggle .bar {
  background-color: white;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 100px;
  position: absolute;
  top: 18px;
  right: 7px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

:where(.ev-community.menu-horizontal) .custom-toggle .bar:first-child {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}

:where(.ev-community.menu-horizontal) .custom-toggle.x .bar {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

:where(.ev-community.menu-horizontal) .custom-toggle.x .bar:first-child {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*Recolor the default pure menu styles*/
:where(.ev-community.menu-horizontal) .menu-link {
  color: #a6adba !important;
}

/*Color the link items of the menu when hover and focus*/
:where(.ev-community.menu-horizontal) .pure-menu-active > .menu-link,
:where(.ev-community.menu-horizontal) .menu-link:hover,
:where(.ev-community.menu-horizontal) .menu-link:focus {
  background: none;
  border: none;
  color: white;
  opacity: 100%;
}
/*Add a small space between icon and text*/
:where(.ev-community.menu-horizontal) .menu-link i {
  margin-right: 7px;
}
:where(.ev-community.menu-horizontal) .fa-i-right {
  margin-right: 7px;
}
:where(.ev-community.menu-horizontal) .custom-wrapper li a:hover,
:where(.ev-community.menu-horizontal) .custom-wrapper li a:focus {
  /*background: none;*/
  border: none;
  /*color:#aecfe5;*/
}
:where(.ev-community.menu-horizontal) .pure-menu-children {
  background: #1f8dd6;
}
:where(.ev-community.menu-horizontal) .pure-menu-children li a {
  border-left: 2px solid #1f8dd6;
}
:where(.ev-community.menu-horizontal) .pure-menu-children li a:hover,
:where(.ev-community.menu-horizontal) .pure-menu-children li a:focus {
  border-left: 2px solid #aecfe5;
}
/* We hide the menu headers from the menu when it is large screen */
:where(.ev-community.menu-horizontal) .pure-menu-horizontal .pure-menu-heading {
  display: none;
}
:where(.ev-community.menu-horizontal) .pure-menu-heading {
  color: #aecfe5;
}
/*Customize the language menu item in the vertical menu*/
:where(.ev-community.menu-horizontal) .ev-language-heading {
  width: 100%;
  border-top: 1px solid #aecfe5;
}
:where(.ev-community.menu-horizontal) .ev-language-heading i {
  margin-right: 7px;
}
:where(.ev-community.menu-horizontal) .ev-sub-menu {
  margin-left: 2.5em;
  font-size: 80%;
}

/*
 * -- TABLET (AND DOWN) MEDIA QUERIES --
 * On tablet and smaller devices, we want to keep some things.
 */
@media (max-width: 47.999em) {
  /* We un-hide the vertical menu*/
  :where(.ev-community.menu-horizontal) .custom-menu-3 {
    text-align: left;
  }

  :where(.ev-community.menu-horizontal) .custom-toggle {
    display: block;
  }

  /* We un-hide the menu headers */
  :where(.ev-community.menu-horizontal) .pure-menu-heading {
    display: inline-block;
  }
  :where(.ev-community.menu-horizontal) .ev-nav-phone {
    display: block;
  }
  :where(.ev-community.menu-horizontal) .hide-from-menu-when-small {
    display: none;
  }
  /*We collapse the menu*/
  :where(.ev-community.menu-horizontal) .custom-wrapper {
    font-size: 100%;
    font-weight: normal;
    overflow: hidden;
    height: 4.5em;
  }
  :where(.ev-community.menu-horizontal) li.pure-menu-item.ev-hide-menu-item-when-large {
    display: block;
  }
}

/*
 * -- TABLET (AND UP) MEDIA QUERIES --
 * On tablets and other medium-sized devices, we want to customize some
 * of the mobile styles.
 */
@media (min-width: 48em) {
}

/*
 * -- DESKTOP (AND UP) MEDIA QUERIES --
 * On desktops and other large devices, we want to over-ride some
 * of the mobile and tablet styles.
 */
@media (min-width: 78em) {
  /*Menu size*/
  :where(.ev-community.menu-horizontal) .custom-wrapper {
    font-size: 100%;
    font-weight: normal;
    padding-top: 0.75em;
    /*padding-bottom:0.5em;*/
  }
  :where(.ev-community.menu-horizontal) .custom-wrapper > div:nth-child(2) {
    padding-bottom: 0.5em;
  }
}
/*Large desktop*/
@media (min-width: 90em) {
}
/*horizontal phone*/
@media (max-height: 35.5em) and (orientation: landscape) {
}
/*
 * -- PRINTING style --
 * When user print a web page
 */
@media print {
}